@import url('subcolumns.css');

HTML, BODY {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: url(../bilder/bg_top.jpg) repeat-x;
	font-family: "Trebuchet MS", Verdana;
	}
.clear {
	clear: both;
	}
#container #links A, #container #rechts #content A {color: #3A598F;}
/*
################################################################## CONTAINER
*/
	#container {
		width: 100%;
		min-height: 100%;
		_height: 100%;
		background: url(../bilder/bg_bottom.jpg) bottom repeat-x;
		position: relative;
		}
		#container #wrap {
			width: 982px;
			
			}
/*
################################################################## ECKEN
*/
		#container #ecke_oben {
			position:absolute;
			top: 0;
			left: 0;
			}
		#container #ecke_unten {
			position:absolute;
			bottom: 0;
			left: 0;
			border-right: 230px solid white;
			_bottom: -1px;
			}		
/*
################################################################## LINKE SPALTE
*/
		#container #links {
			width: 226px;
			float: left;
			margin-left: 73px;
			_margin-left: 36px;
			background: white;
			min-height: 100%;
			margin-bottom: 75px;
			}
/*
################################################################## NAVIGATION VERTIKAL
*/
			#container #links #nav_ver {
				width: 219px;
				background: url(../bilder/hg-nav_ver.jpg) repeat-y;
				margin-left: 6px;
				font-size: 0.75em;
				margin: 8px 0 6px 6px;
				}	
				#container #links #nav_ver P.ueberschrift {
					background: #005A8F url(../bilder/hg_block-h4.jpg) repeat-x;
					color: #FFFFFF;
					font-family: "Times New Roman", Times, serif;
					font-variant: small-caps;
					margin: 10px 0 1px 0;
					_margin: 0px 0 1px 0;
					*margin: 0px 0 1px 0;
					padding: 5px 7px;
					font-size: 14px;
					font-weight: bold;
					}	
#container #links #nav_ver .hg_ueberschrift {margin: 0 0 7px 10px;}
				#container #links #nav_ver UL {
					margin: 0 0px 5px 5px;
					padding: 0 0px 5px 5px;
					width: 195px;
					font-size: 1em;
					}	
					#container #links #nav_ver UL LI {
						list-style: none;
						border-bottom: 1px solid #CBCDCC;
						font-weight: bold;
						padding: 2px 0;
						}
						#container #links #nav_ver UL LI A {
							color: #585856;
							text-decoration: none;
							background: url(../bilder/hg-nav_ver-inaktiv.png) no-repeat 12px 5px;
							padding-left: 20px;
							width: 175px;
							display: block;
							}		
							#container #links #nav_ver UL LI A:HOVER, #container #links #nav_ver UL LI A.aktiv  {
								background: #FFFFFF url(../bilder/hg-nav_ver-aktiv.png) no-repeat 9px 7px;
								}
						#container #links #nav_ver UL UL LI {
							border: 0;
							font-weight: normal; 
								}	
						#container #links #nav_ver UL UL {
							border-top: 1px solid #CBCDCC;
							margin: 2px 0 0 0;
							padding: 0 0 0 12px; 
							width: 182px;
								}	
							#container #links #nav_ver UL UL A {
								_width: 150px;
								}
								#container #links #nav_ver UL UL A:HOVER, #container #links #nav_ver UL UL A.aktiv {
									background: url(../bilder/hg-nav_ver-aktiv.png) no-repeat 9px 7px;
									}
								#container #links #nav_ver UL UL UL {
									border-top: 1px solid white;
									border-bottom: 1px solid white;			
									margin: 0 0 0 -12px;
									padding: 0 0 0 24px;
									width: 170px;
									}
									#container #links #nav_ver UL UL UL A:HOVER, #container #links #nav_ver UL UL UL A.aktiv {
										background: url(../bilder/hg-nav_ver-blau.png) no-repeat 12px 5px;
										color: #005A8F;
										}							
/*
################################################################## BLOECKE LINKS
*/
			#container #links .block,
#container #links .block-single  {
				width: 219px;
				background: #EEEEEE;
				margin: 10px 0 0 6px;
				}	
				#container #links .block H4,
#container #links .block-single H4,
#container #links H1 {
					background: #005A8F url(../bilder/hg_block-h4.jpg) repeat-x;
					color: #FFFFFF;
					font-family: "Times New Roman", Times, serif;
					font-variant: small-caps;
					margin: 0;
					padding: 6px 7px;
					font-size: 14px;
					}
				#container #links .block P.bodytext,
#container #links .block-single P.bodytext {
					margin: 2px 0 0 6px;
					padding-bottom: 5px;
					line-height: 18px;
					}
				#container #links .block A {
					float: right;
					width: 33px;
					height: 30px;
					background: url(../bilder/hg_block-a.jpg) no-repeat;
					margin: 3px 9px 0 0;
					}
					#container #links .block A:HOVER
/*, #container #links .block-single A:HOVER*/ {
						background: url(../bilder/hg_block-a_aktiv.jpg) no-repeat;
						}
#container #links .block-single A,
#container #links .block-single A:HOVER {margin: 3px 9px 0 0;}
						
				/* Block Startseite */		
				#container #links .block-start {
					width: 219px;
					background: #EEEEEE;
					margin: 10px 0 0 6px;
					
					}	
				#container #links .block-start H4 {
					background: #005A8F url(../bilder/hg_block-h4.jpg) repeat-x;
					color: #FFFFFF;
					font-family: "Times New Roman", Times, serif;
					font-variant: small-caps;
					margin: 0;
					padding: 6px 7px;
					font-size: 14px;
					}
				#container #links .block-start P.bodytext {
					margin: 0 0 0 6px;
					padding-bottom: 5px;
					line-height: 18px;
					font-size: 11px;
					}
				#container #links .block-start img {
					margin: 6px;
					float:right;
					}
				#container #links .block-start A {
					text-decoration: underline;
					color: #005A8F;
					font-weight: bold;
					
					}
					#container #links .block-start A:HOVER {
						  text-decoration: underline;
						}
				#container #links .block-start-bottom {
					clear:both;
					margin:0;
					padding:0 0 2em 0;
				}	
				#container #links IMG.unten {
					margin-left: 6px;
					}
				#container #links P.bodytext {background: #EEEEEE; font-size: 0.7em; margin: 0 0 0 5px; /*padding: 7px;*/}
				#container #links H1 {font-size: 1em; width: 219px; margin: 0 0 0 5px;}
#container #links UL {/*font-size: 0.7em; background: #EEEEEE;*/ margin: 0 0 0 5px; padding-bottom: 5px;}
#container #links UL LI {/*margin: 3px 0;*/}

/*
################################################################## NAVIGATION HORIZONTAL
*/

		#container #rechts {
			float: left;
			width: 676px;
			border-left: 7px solid white;
			}					
/*
################################################################## NAVIGATION HORIZONTAL
*/			
			#container #rechts #nav_hor {
				width: 676px;
				heigth: 77px;
				margin-top: 5px;
				border-bottom: 1px solid #CCCCCC;
				float: left;
				background: url(../bilder/hg_nav-hor.jpg) repeat-x;
				display: block;
				}	
				#container #rechts #nav_hor UL {
					margin: 0;
					padding: 0;
					}	
					#container #rechts #nav_hor UL LI {
						float: left;
						list-style: none;
						}
						#container #rechts #nav_hor UL LI A {
							background: url(../bilder/nav_hor-teiler.png) no-repeat 0 10px;
							padding: 40px 24px 20px 24px;
							display: block;
							font-size: 0.7em;
							color: #323232;
							font-weight: bold;
							text-decoration: none;
							}
						#container #rechts #nav_hor UL LI A.first {
							background: none;
							}	
#container #rechts #nav_hor UL LI:first-child A {
background: none;}	
							#container #rechts #nav_hor UL LI A.aktiv, #container #nav_hor UL LI A:HOVER {
								color: #00598E;
								text-decoration: underline;
								}		
/*
################################################################## CONTENT LOGO
*/		
		#container #rechts #nav_hor IMG {	
			}	
/*
################################################################## CONTENT INHALTSBEREICH
*/					
			#container #rechts #content {
				font-size: 0.75em;
				margin: 18px 0 50px 19px;
				_margin: 13px 0 50px 19px;
				*margin: 13px 0 50px 19px;
				}						
				#container #rechts #content #content-footer {
					margin-top: 50px;
					padding-bottom: 10px;
					}		
					#container #rechts #content #content-footer UL {
						margin: 0;
						padding: 0;
						}				
						#container #rechts #content #content-footer LI {
							display: inline;
							}	
						#container #rechts #content #content-footer LI.eins {
							background: url(../bilder/content-footer-hg1.png) no-repeat 0 6px;
							}	
						#container #rechts #content #content-footer LI.zwei {
							background: url(../bilder/content-footer-hg2.png) no-repeat 5px 8px;
							border-left: 1px solid  #999999;
							margin: 0 0 0 5px;
							padding-left: 5px;
							}		
							#container #rechts #content #content-footer LI.zwei A {
								margin-left: 15px;
								}											
							#container #rechts #content #content-footer LI A {
								color: #999999;
								margin-left: 10px;
								}
								
				/* News Startseite */				
				#container #rechts #content #newscontainer {
					border-top: 1px solid #EEEEEE;
					padding-top: 10px;
					margin-top: 20px;
					padding-bottom: 75px;
					}			
					#container #rechts #content #newscontainer .nachricht {
						width: 173px;
						float: left;
						border-bottom: 1px solid #EEEEEE;
						background: url(../bilder/hg-nachricht.jpg) no-repeat bottom right;
						margin-left: 54px;
						padding: 0 10px 10px 0;
						font-size: 0.9em;
						}		
						#container #rechts #content #newscontainer .nachricht:first-child {
							margin: 0;
							}
						#container #rechts #content #newscontainer .nachricht A {
							color: #02598F;
							font-weight: bold;
							}	
						#container #rechts #content #newscontainer .nachricht H2,
						#container #rechts #content #newscontainer .nachricht P {
							margin: 0 0 0 0;
							font-size: 1em;
							}					
#container #rechts #content #newscontainer .nachricht P {margin-bottom: 5px;}
/*
################################################################## FOOTER
*/					
			#container #footer {		
				position: absolute;
				bottom: 3px;	
				width: 990px;		
				font-size: 0.75em;
				text-align: right;																									
				}
				#container #footer UL {
					margin: 0;
					padding: 0;
					}
					#container #footer UL LI {
					display: inline;
						}
						#container #footer UL LI A {
							color: #8DA8BB;
							color: #ffffff;
							background: url(../bilder/hg-footer-a.png) 3px 8px no-repeat;
							padding: 0 2px 0 10px;
							}	
							#container #footer UL LI A.first {
								background: none;
								padding-left: 0;
								}		
				#container #footer .hnm {
					position: absolute;
					left: 245px;
					font-size: 1em;
					}				
					#container #footer .hnm A {
						color: #999999;
						text-decoration: none;
						}																					