/*
---------------------------------------------------------
| container -> kopf		-> bilder						|
|						-> rechts						|
|           -> links	-> hnm							|	     
|           -> mitte	-> 								|
|			-> rechts									|
|			-> footer									|
|														|
---------------------------------------------------------
*/ 

@import url('css_styled_content.css');

HTML, BODY {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100&;
	font-family: Arial, Helvetica, sans-serif;		
	}
/*############################# CONTAINER #############################*/
	#container {
		width: 991px;
		min-height: 100%;
		_height: 100%;
		margin: auto;
		background-image: url(bilder/hg.png);
		background-repeat: repeat-y;
		background-position: 7px 0;		
		}
/*############################# KOPF ##################################*/		
		#container .kopf {
			height: 132px;
			background-image:url(bilder/kopf5_hg.jpg);
			background-position: right;
			}
			#container .kopf .sprache {
				background-image:url(bilder/kopf1.jpg);
				width:156px;
				height:132px;
				float: left;
				padding-left: 25px;
				margin-right: -25px;
				}
				#container .kopf .sprache IMG {
					margin-top: 100px;
					}
			#container .kopf .bilder { 
				float: left;
				}
			#container .kopf .rechts {
				float: right;
				font-size: 0.7em;
				text-align: right;
				padding: 10px 12px 0 0;
				border: 0;
				}
				#container .kopf .rechts P {
					margin: 0;
					padding: 0;
					}
				#container .kopf .rechts FORM {
					margin: 16px 0 0 0;
					padding: 0;
					width: 150px;
					}
					#container .kopf .rechts FORM INPUT{
						width: 85px;
						height: 13px;
						}
						#container .kopf .rechts FORM INPUT.send {
							width: 12px;
							height: 10px;
							}
/*############################# LINK/NAVI ############################*/							
		#container .links {
			float: left;
			width: 145px;
			border-left: 10px solid white;
			border-right: 1px solid white;	
			}
			#container .links div.menue{
				min-height: 100px;
				_height: 100;
			}
			#container .links UL {
				margin: 0;
				padding: 0;
				list-style:none;
				}
			#container .links UL LI {
				margin:0;
				padding: 0;
				width: 145px;
				border-bottom: 1px solid white;
				}
			#container .links UL A {
				color: white;
				text-decoration: none;
				font-size: 0.7em;
				text-transform: uppercase;
				padding: 3px 0 3px 13px;
				display: block;
				width: 130px;
				border: 1px solid #93C0D5;		
				}
			#container .links UL A:HOVER {
				border: 1px solid #0D729E;
				color: #FFFFFF;
				}
			#container .links UL A.aktiv {
				background-image: url(bilder/1ebene_aktiv.png);
				color: #0C70A2;
				background-color: #EAF2F5;
				background-repeat: no-repeat;
				background-position: 125px 8px;
				}
			#container .links UL A.farbe1 {
				background-color: #267da8;
				}

			#container .links UL A.farbe2 {
				background-color: #559bbd;
				}
			#container .links UL A.farbe3 {
				background-color: #6da9c5;
				}
			#container .links UL A.farbe4 {
				background-color: #85b7d0;
				}
			#container .links UL A.farbe5 {
				background-color: #a0c5d8;
				}																
					#container .links UL LI UL LI {
						border-top: 1px solid white;
						border-bottom: 0;
						width: 150px;
						_width: 140px;
						}
					#container .links UL LI UL LI A {
						text-transform: uppercase;
						font-size: 0.55em;
						padding-left: 35px;
						width: 108px;
						}
					#container .links UL LI UL LI A:HOVER {
						border: 1px solid #93C0D5;
						background-color: #93C0D5;
						color: #0C719F;
						}
					#container .links UL LI UL LI A.aktiv {
						border: 1px solid #93C0D5;
						background-color: #93C0D5;
						background-image: url(bilder/2ebene_aktiv.png);
						background-position: 20px center;
						}
			#container .links .hnm {
				position: absolute;
				bottom: 10px;
				margin-left: 15px;
				overflow: hidden;
				}
			#container .links .hnm A {
				color: #7DA0B3;
				font-size: 0.7em;
				text-decoration: none;
				}	
/*############################# MITTE/INHALT/PRINT ###########################*/						
		#container .mitte, #printcontent {
			float: left;		
			width: 661px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #013366;
			font-size: 0.7em;
			border: 10px solid #F1F8FF;
			}
		#pdfcontent{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #013366;
			font-size: 0.7em;
		}
	        #printcontent {
			border: 0;
			}
		#container .mitte H1, #printcontent H1, #pdfcontent H1 { 
			font-size: 1.1em;
			}
		#container .mitte H2, #printcontent H2, #pdfcontent H12 { 
			font-size: 1em;
			}
		#container .mitte a img, #printcontent a img, #pdfcontent a img {
			border: 0;
		}
/*############################# RECHTS #################################*/			
		#container .rechts {
			float: left;	
			width: 148px;
			border-left: 1px solid white;
			border-right: 5px solid white;		
			}
			#container .rechts H3 {
				color: #C3E3F0;
				text-transform: uppercase;
				font-size: 0.75em;
				margin: 15px 0 0 15px;
				}
			#container .rechts IMG {
				margin: 15px 0 0 15px;
				border: 1px solid white;
				}
/*############################# FOOTER ################################*/				
		.footer {
				text-align: right;
				width: 661px;
				margin: auto;
				}