html,body{
    height:100%;
}
body {
margin: 0;
padding: 0;
background-repeat: no-repeat;
background: #6A6B6E;
background: -moz-linear-gradient(top, #6A6B6E 0%, #000000 100%) fixed no-repeat; 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6A6B6E), color-stop(100%,#000000)) fixed;
background: -webkit-linear-gradient(top, #6A6B6E 0%,#000000 100%) fixed;
background: -o-linear-gradient(top, #6A6B6E 0%,#000000 100%) fixed;
background: -ms-linear-gradient(top, #6A6B6E 0%,#000000 100%) fixed;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6A6B6E', endColorstr='#000000',GradientType=0 );
background: linear-gradient(top, #6A6B6E 0%,#000000 100%) fixed;
}
.button {text-align:center;}
a.button {text-decoration:none;padding:2px 6px; color:#373737; background-color:#DCDCDC}
a.button:hover {text-decoration:none; color:#ffffff;background-color:red;}

.button2 {text-align:center;}
a.button2 {text-decoration:none;padding:2px 6px; color:#373737}
a.button2:hover {text-decoration:none; color:#ffffff;background-color:red;}

a:link {text-decoration:none;padding:2px 6px;color:#FFFFFF;}
a:visited {text-decoration:none;color:#FFFFFF;}
a:hover {text-decoration:none;color:#000000;}

a.speziell:link {
   text-decoration:none;padding:2px 6px;color:#000000;
}

a.speziell:visited {
   text-decoration:none;padding:2px 6px;color:#000000;
}

a.speziell:hover {
  text-decoration:none;padding:2px 6px;color:#4C664C;
}

a.speziell:active {
   text-decoration:none;padding:2px 6px;color:#4C664C;
}

a.main:link {
   text-decoration:none;color:#FFFFFF;
}

a.main:visited {
   text-decoration:none;color:#FFFFFF;
}

a.main:hover {
  text-decoration:none;color:#FFFFFF;
}

a.main:active {
   text-decoration:none;color:#FFFFFF;
}


.shadow {
	-webkit-box-shadow: 10px 10px 10px #4C664C;
	-moz-box-shadow: 10px 10px 10px #4C664C;
	box-shadow: 10px 10px 10px #4C664C;
}
#rhg_content{
	width: 700px; 
	height: 329px; 
	margin: 0px auto -1px auto; 
	background:#FFFFFF;
	padding:6px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color:#373737;
	line-height:130%;
}
#wrapper {
	min-height:100%;
	position:relative;
}
#header {
	padding:10px;
	background:#5ee;
}
#content {
	padding:10px;
	padding-bottom:80px;   /* Height of the footer element */
}
#footer {
	width:100%;
	height:20px;
	position:absolute;
	bottom:0;
	left:0;
	background:#4C664C;
}

#cssmenu{
	height: 37px;
	display: block;
	padding: 0;
	margin:  0 auto;
	border: 1px solid;
	border-radius: 5px;
} 
#cssmenu > ul {
	list-style: inside none;
	padding: 0;
	margin: 0;
} 
#cssmenu > ul > li {
	list-style: inside none;
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	position: relative;
} 
#cssmenu > ul > li > a{
	outline: none;
	display: block;
	position: relative;
	padding: 12px 20px;
	font: bold 13px/100% Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.4);
} 
#cssmenu > ul > li:first-child > a{
	border-radius: 5px 0 0 5px;
} 
#cssmenu > ul > li > a:after{
	content: '';
	position: absolute;
	border-right: 1px solid;
	top: -1px;
	bottom: -1px;
	right: -2px;
	z-index: 99;
} 
#cssmenu ul li.has-sub:hover > a:after{
	top: 0;
	bottom: 0;
} 
#cssmenu > ul > li.has-sub > a:before{
	content: '';
	position: absolute;
	top: 18px;
	right: 6px;
	border: 5px solid transparent;
	border-top: 5px solid #fff;
} 
#cssmenu > ul > li.has-sub:hover > a:before{
	top: 19px;
} 
#cssmenu ul li.has-sub:hover > a{
	background: #3f3f3f;
	border-color: #3f3f3f;
	padding-bottom: 13px;
	padding-top: 13px;
	top: -1px;
	z-index: 999;
} 
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{
	display: block;
} 
#cssmenu ul li.has-sub > a:hover{
	background: #3f3f3f;
	border-color: #3f3f3f;
} 
#cssmenu ul li > ul, #cssmenu ul li > div{
	display: none;
	width: auto;
	position: absolute;
	top: 38px;
	padding: 10px 0;
	background: #3f3f3f;
	border-radius: 0 0 5px 5px;
	z-index: 999;
} 
#cssmenu ul li > ul{
	width: 200px;
} 
#cssmenu ul li > ul li{
	display: block;
	list-style: inside none;
	padding: 0;
	margin: 0;
	position: relative;
} 
#cssmenu ul li > ul li a{
	outline: none;
	display: block;
	position: relative;
	margin: 0;
	padding: 8px 20px;
	font: 10pt Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.5);
} 		
#cssmenu, #cssmenu > ul > li > ul > li a:hover{
	background: #7F997F;
	background: -moz-linear-gradient(top, #7F997F 0%, #4C664C 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7F997F), color-stop(100%,#4C664C));
	background: -webkit-linear-gradient(top, #7F997F 0%,#4C664C 100%);
	background: -o-linear-gradient(top, #7F997F 0%,#4C664C 100%);
	background: -ms-linear-gradient(top, #7F997F 0%,#4C664C 100%);
	background: linear-gradient(top, #7F997F 0%,#4C664C 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7F997F', endColorstr='#4C664C',GradientType=0);
} 
#cssmenu{
	border-color: #FFFFFF;
} 
#cssmenu > ul > li > a{
	border-right: 1px solid #FFFFFF;
	color: #fff;
} 
#cssmenu > ul > li > a:after{
	border-color: #FFFFFF;
} 
#cssmenu > ul > li > a:hover{
	background: #4C664C;
}
h1{
	font-family: Arial, sans-serif;
	font-size: 14px;
	padding:0px;
	margin:0px;
	padding-bottom:2px;
	font-weight:bold;
	line-height:130%;
}
h2{
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding:0px;
	margin:0px;
	padding-bottom:2px;
	font-weight:bold;
	line-height:130%;
}
input, select, textarea {
	font-size: 11px;
	font-family: Arial, sans-serif;
	color: #373737;
	border:1px solid #373737;
	background-color:#ffffff;
}
/*
.tab_header{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color:#373737;
	line-height:130%;
	background-color:#4C664C;
}
*/
.tab_header{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	line-height:130%;
	background-color:#4C664C;
}
.inputStat{
	font-size: 11px;
	width:4em;
	font-family: Arial, sans-serif;
	color: #373737;
	border:1px solid #373737;
	background-color:#ffffff;
}
.nurAusgabe{
	unselectable:on; 
	font-family : Arial; 
	background-color : transparent; 
	color : #000000; 
	text-align : left; 
	border-style : groove;
}
.modal {
    background-color: white;
    color: black;
     border: 10px solid gray;
    padding: 20px;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 300px;
    height: 80px;
} 
.background {
    background-color: black;
    opacity: 90%;
    filter:alpha(opacity=90);
    background-color: rgba(0,0,0,0.90);
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    color: white;
} 
.nurAusgabeError{
	unselectable:on; 
	font-family : Arial; 
	background-color : transparent; 
	color : #000000; 
	text-align : left; 
	border-style : none;
	color: #FF0055;
	font-size: 10px;
	font-weight:bold;
}
.standard_text{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color:#373737;
	line-height:130%;
}
.standard_beschr{
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#ffffff;
	line-height:130%;
}
.standard_legende{
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#ffffff;
	line-height:130%;
}
.debug_msg{
	font-family: Arial, sans-serif;
	color: #3399FF;
}
.error_msg{
	font-family: Arial, sans-serif;
	color: #FF0055;
	font-size: 10px;
}

.headline{
	width:100%;
    /*height:100px;*/
	background:#4C664C;
	border:0;
}

.head-title{
	font-family: arial, sans-serif;
	text-shadow:black 3px 2px 4px; 
	font-size:2em; 
	color:white;
	text-align:enter;
	padding-top:30px;
	text-align:center;
}
.normal {
    background-color: lightblue;
    width: 900px;
    min-height: 200px;
    padding: 20px;
}
.aoe_buttons {
	text-align: right;
}
a.aoe_button {
	padding: 2px 6px;
	color: #FFF;
	text-decoration: none;
	background-color: #7F997F; 
}
td {
      border-bottom: 0px solid #ccc;
      padding: 5px;
      text-align: left; /* IE */
    }
    td + td {
      border-left: 1px solid #ccc;
    }
    th {
      padding: 0 5px;
      text-align: center; /* IE */
    }
    .header-background {
      border-bottom: 0px solid black;
    }
    
    /* above this is decorative, not part of the test */
    
    .fixed-table-container {
      width: 100%;
	 /* width: 50%;*/
      height: 360px;
      border: 0px solid black;
      /*margin: 10px auto;  jule */
	  
      background-color: transparent;
	  /* background-color: white;*/
      /* above is decorative or flexible */
      position: relative; /* could be absolute or relative */
      padding-top: 30px; /* height of header */
    }

    .fixed-table-container-inner {
      overflow-x: hidden;
      overflow-y: auto;
      height: 100%;
    }
     
    .header-background {
      background-color: #4C664C;
      height: 30px; /* height of header */
      position: absolute;
	  color:#FFFFFF;
      top: 0;
      right: 0;
      left: 0;
    }
    
    table {
      background-color: transparent;
	  /*background-color: white;*/
      width: 100%;
      overflow-x: hidden;
      overflow-y: auto;
    }

    .th-inner {
      position: absolute;
      top: 0;
      line-height: 30px; /* height of header */
      text-align: center;
      border-left: 1px solid white;
	padding-left: 5px;
      margin-left: -5px;
	  font-family: Arial, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	/*background-color:#1b5197;*/
	background-color:#4C664C;
	font-weight:bold;
    }
    .first .th-inner {
        border-left: none;
        padding-left: 6px;
      }
		
		/* extra-wrap */
		
		.extrawrap th {
			text-align: center;
		}
		
		.extra-wrap {
			width: 100%;
		}
		
		/* Zupa styles for centered headers */
		
		.zupa div.zupa1 {
			margin: 0 auto !important;
			width: 0 !important;
		}
		
		.zupa div.th-inner {
			width: 100%;
			margin-left: -50%;
			text-align: center;
			border: none;
		}

    /* for hidden header hack to calculate widths of dynamic content */
    
    .hidden-head {
      min-width: 530px; /* enough width to show all header text, or bad things happen */
    }
    
    .hidden-header .th-inner {
      position: static;
      overflow-y: hidden;
      height: 0;
      white-space: nowrap;
      padding-right: 5px;
    }
    
    /* for complex headers */
    
    .complex.fixed-table-container {
      padding-top: 60px; /* height of header */
      overflow-x: hidden; /* for border */
    }
    
    .complex .header-background {
      height: 60px;
    }
    
    .complex-top .th-inner {
      border-bottom: 1px solid black;
      width: 100%
    }
    
    .complex-bottom .th-inner {
      top: 30px;
      width: 100%
    }
    
    .complex-top .third .th-inner { /* double row cell */
      height: 60px;
      border-bottom: none;
      background-color: #D5ECFF;
    }
    
    /* for tableSorter headers */

    .fixed-table-container.sort-decoration { 
      overflow-x: hidden;
      min-width: 530px; /* enough width to show arrows */
    }
    .sort-decoration .th-inner {
      width: 100%;
    }
    .header .th-inner {
      background-color: #D5ECFF;
    }
    .headerSortUp .th-inner, .headerSortDown .th-inner {
      background-color: #5DDFFD;
    }
    span.sortArrow {
      background: url(icons/bg.gif) 0 4px no-repeat transparent;
      padding: 1px 10px;
      line-height: 30px;
    }
    .headerSortUp span.sortArrow {
      background: url(icons/asc.gif) 0 7px no-repeat transparent;
    }
    .headerSortDown span.sortArrow {
      background: url(icons/desc.gif) 0 7px no-repeat transparent;
    }
.tabelle_weiss{
	font-family: Arial, sans-serif;
	color:#373737;
	background-color:#ffffff;
}
.tabelle_fehlabschuss{
	font-family: Arial, sans-serif;
	color:red;
	font-weight:bold;
	background-color:#96F6B6;
}
.tr_orange{
	background-color:#F7C394;
}
.tr_gruen{
	background-color:#94F2CE;
}
.tr_orange2{
	background-color:#99B299;
}
.tabelle_gruen{
	font-family: Arial, sans-serif;
	color:#373737;
	background-color:#96F6B6;
}
.tabelle_grau{
	font-family: Arial, sans-serif;
	color:#373737;
	background-color:#e8e8e8;
}
.tabelle_kopf{
	font-family: Arial, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	/*background-color:#1b5197;*/
	background-color:#4C664C;
	padding:5px;
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;
}
.td_orange{
	font-family: Arial, sans-serif;
	color:#FFFFFF;
	background-color:#4C664C;
	text-align: right;
}