@charset "utf-8";
/* http://www.cssstickyfooter.com/using-sticky-footer-code.html */

html { height: 100%; margin:0px; padding:0px; background: #FFF; }

body {
	
	min-height: 100%;
	margin:0px;
	padding:0px;
	font-family: "Trebuchet MS", sans-serif, Calibri,Tahoma,Verdana,Tahoma,Arial; 
	background-image:url(../img/background3.jpg);
	background-repeat: repeat;
}

#wrap {
	min-height: 100%;
	background: #FFFFFF; 
	background-color:transparent;
	
	/* center page */
	width: 850px;
  	margin-left: auto;
  	margin-right: auto;
	
}

#header { position: absolute; width: 850px; height:130px; top: 0px; margin: 0; padding: 0; margin-left: 0px;  }

#main {
	overflow:auto;
	padding-top: 210px;
	padding-bottom: 25px; /* must be same height as the footer */
}  

#navigation {  			float:left; left: 0; width: 160px; padding: 0; font-size: 10pt; background-color:#090; }

#navigation ul { 		margin: 0; padding: 0; list-style-type: none; }
#navigation li { 		margin: 0; }
#navigation a { 		display: block; color: #000; background-color: #C0C0C0; width: 100%; padding: 8px 5px 8px 15px; 
						text-decoration: none; border-bottom: 1px solid #fff; font-weight: bold; height:20px;}
#navigation a:hover { 	background-color:#000000; color: #FFF; }
#navigation ul li a { 	display: block; color: #000000; background-color: #177A86; padding-left:10px;  padding-top:10px;
						text-decoration: none; border-bottom: 1px solid #fff; font-weight: normal; /*text-shadow: #fff 0px 0px 1px;*/
						color:#FFF; text-align:left; vertical-align:middle;}

#content {
	width: 650px;
	min-height:550px;
	margin-left: 200px;
	/*background-color:#9CF;*/
	padding-bottom: 20px;
}

#content p, #content td, #content th, #content form, #content li { font-size: 10.1pt; line-height: 1.4 }
#content table th { font-size: 14px; font-family: Arial; font-weight: bold; vertical-align: middle; }

#content table.list { width: 100%; }
#content table.list tr.active { background: #FFFFE5;}
#content table.list tr.active td.index { color: #D1BA74; }
#content table.list th { color: #000000; background: #DEDEDE }
#content table.list td.index { color: #C0C0C0; text-align: center; }
#content table.list th.index { text-align: center }
#content table.list td, #content table.list th { border-bottom: 1px solid #CECECE; text-align: left; padding: 3px 3px }

#footer {
	height:25px;
	clear:both;
	font-size: 70%; color: #177A86; line-height: 1.5em;
	border-top: 1px solid #177A86; padding-left:0px; padding-top:5px;
} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

/* spezial */
#logo { position: absolute; left: 0px; top: 5px;  }
#logo a:hover { background-color:transparent; }
#login { position: absolute; left: 450px; top: 5px; }

/* Text styles */

h1, h2, h3, h4, h5, h6 { font-weight: bold; margin-bottom:0px; margin-top:0px; }
h1 { font-size: 170%; background: inherit; }
h2 { font-size: 100%; background: inherit }
h3 { font-size:  98%; background: inherit }
h4 { font-size:  85%; font-weight: bold }
h5 { font-size: 140%; background: inherit }

form input[type=text], form input[type=password], form textarea, form select { border: 1px solid #707070 }
form input, form textarea, form select { border: 1px solid #707070 }
form input:focus { background-color: #E7F4FE; color: inherit }

#link { color: #900; background: inherit; text-decoration: none; }
#link:visited { color: #900; background: inherit; text-decoration: none; }

/*
<!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]-->
*/

a { color:#177A86; font-weight:bold; text-decoration:none; }
a:hover { background:#177A86; color:#FFFFFF;}
a img { border: 0 }