html{height:101%;}

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-size:12px;
background-color:#fff;
}

#wrap, #header, #content, #footer{
width:1000px;
}

#wrap{
position:relative;
margin:0 auto;
padding-top:127px;
}

#wrap:after{content:"";}

#header{
position:absolute;
top:0;
height:121px;
background:url(images/header.jpg) 0 8px no-repeat;
}

	a#logo{
	position:absolute;
	top:8px;
	left:30px;
	display:block;
	width:167px;
	height:67px;
	z-index:99;
	}
	
	ul#nav{
		position:absolute;
		left:0; top:89px;
		height:30px;
		width:1000px;
		background:#33338B;
	}

		#nav li{
		float:left;
		}
		
		#nav a{
		display:block;
		float:left;
		height:26px;
		padding:4px 14px 0 14px;
		margin-right:4px;
		font-size:14px;
		line-height:20px;
		font-weight:bold;
		color:#fff;
		text-decoration:none;
		}
		
			li#home{padding:0 50px 0 27px;
			}
			
			li#kontakt{padding-left:127px;
			}
			
				li#kontakt a{padding-top:3px;}

#content{
position:relative;
background:url(images/bg_content.gif) repeat-y;
}

	#leftcol{
	width:765px;
	float:left;
	}
	
		#rightbox{
		position:relative;
		width:550px;
		padding:0 8px 0 8px;
		float:right;
		line-height:19px;
		}
		
			#rightbox table{
				padding:0 15px 0 15px;
				margin-bottom:10px;
				font-size:11px;
			}
			
				#rightbox table.close tr td{
					line-height:12px;
					padding:0 3px 0 0;
				}
			
				td{
					vertical-align:top;
					padding:0 3px 5px 0;
					}
					
				tr.head{font-weight:bold;}
				
				tr.italic{font-style:italic;}			
		
			#rightbox strong{
				display:block;
				margin:10px 0 10px 0;
			}
		
			#rightbox ul{
				padding:0 15px 0 15px;
				margin-bottom:10px;
			}
			
				#rightbox li{
					line-height:16px;
					padding:5px 0px 5px 20px;
					background:url(images/dot_list.gif) 2px 8px no-repeat;
				}
			
			#rightbox a{
				color:#33338b; 
				text-decoration:none;
			}
		
			h1{
				font-size:16px;
				line-height:16px;
				font-weight:bold;
				color:#7194cc;
				padding:18px 8px 15px 8px;
				margin-bottom:15px;
				border-bottom:8px solid #fff;
			}
			
			h2{
				font-size:12px;
				line-height:19px;
				font-weight:bold;
				color:#000;
				margin-bottom:10px;
				padding:0 15px 0 15px;
			}
			
				#rightbox li h2{
					padding:0 15px 0 0px
				}
			
			#rightbox p{
				padding:0 15px 0 15px;
				margin-bottom:10px;
			}
			
			#rightbox img{
				float:left;
				margin:5px 15px 15px 0;
			}
			
			#rightbox img.topimg{
				float:none;
				margin:-15px 0 15px 0;
			}
			
			#infobox{
				position:absolute;
				bottom:0;left:0;
			}
			
				#rightbox .infofeld{
				display:block;
				height:47px;
				clear:both;
				padding:13px 10px 0 65px;
				margin:0 0 10px 0;
				color:#fff;
				text-decoration:underline;
				font-weight:bold;
				background:#A4BEE1;
				}
				
					#rightbox #oben{
						background:url(images/bg_info.gif) left no-repeat;
					}
					
					#rightbox #unten{
						background:url(images/bg_info2.gif) left no-repeat;
						margin-bottom:0;
					}
					
				#rightbox .onlineabschluss{
				display:block;
				height:47px;
				clear:both;
				padding:13px 10px 0 180px;
				margin:0px 0px 10px 0px;
				color:#000;
				text-decoration:underline;
				font-weight:bold;
				background:url(images/bg_info_ablschl.gif) 10px no-repeat #fff;
				border-bottom:1px solid #ccc;
				border-top:1px solid #ccc;
				}

		#leftbox{
		width:199px;
		float:left;
		padding:50px 0 471px 0;
		min-height:357px;
		}
		
			#leftbox.hoch{
				padding-bottom:615px;}
		
			ul#sidebarnav{
				border-top:8px solid #fff;
				font-size:10px;
				line-height:16px;
			}
			
			#sidebarnav li{
				border-bottom:1px solid #fff;
			}
			
			#sidebarnav a{
				display:block;
				padding:1px 0 1px 6px;
				background:#485fad;
				color:#fff;
				text-decoration:none;
			}
			
			#sidebarnav a:hover{color:#000;}
			
				#sidebarnav a.dark{
					padding:1px 0 1px 1px;
					background:#33338b;
				}
				
				#sidebarnav a.dark:hover{
					color:#7194cc;
					}
		
	#rightcol{
	position:relative;
	width:219px;
	padding:0 8px 0 8px;
	float:right;
	overflow:hidden;
	background:url(images/bg_rightcol.gif) left top repeat-x;
	}
	
		a#newsletter, a#rss{
			display:block;
			padding:0 0 0 51px;
			font-size:11px;
			line-height:22px;
			color:#7194cc;
			font-weight:bold;
			text-decoration:none;
		}
			a#newsletter{background:url(images/icon_newsletter.gif) 18px 4px no-repeat;}
			a#rss{background:url(images/icon_rss.gif) 18px 4px no-repeat;}		
		
		a#newsletter:hover, a#rss:hover{
			color:#33338b;
		}
		
		.box{
			padding:6px;
			margin-bottom:8px;
			background:#fff;
			border-top:1px solid #ccc;
			border-bottom:1px solid #ccc;
			line-height:16px;
		}
		
			.box.first{margin-top:22px;}
			
			.box address{
				font-size:10px;
				font-style:normal;
				line-height:18px;
				padding:4px;
			}
			
				.box address strong{
					display:block;
					font-size:12px;
					padding-bottom:1px;
				}
				
			.box h4{
				margin-bottom:7px;
				font-size:14px;
				line-height:16px;
				font-weight:bold;
			}
			
			.box a{
				font-size:11px;
				font-weight:bold;
				color:#7194cc;
				text-decoration:none;
			}
			
			.box a:hover{color:#33338b;}
			
			.box ul{padding:0 0 0 4px;}
			
			.box form{
				height:20px;
				padding-left:10px;
				}
			
			.box label{
				font-weight:bold;
				font-size:12px;
			}
			
			.box input#text{
				height:13px; 
				width:37px;
				margin:0 4px 0 4px;
				padding:1px 0 1px 0;
				font-size:12px;
				line-height:15px;
				border:1px solid #ccc;
				background:#eee;
			}
			
			.box input#action{
				height:17px;
				width:30px;
				margin:0;
				position:relative;
				background:url(images/btn_go.jpg) no-repeat;
				border:none;
				cursor:pointer;
				}
				
			.box .webcamimg{
				width:180px;
				height:136px;
				margin:0 0 4px 14px;
			}
			
			.box a.mehr{
				padding:1px 8px 3px 8px;
				background:#eee;
				float:right;
			}
				
			#search{
				width:227px;
				padding:14px 0 0 8px;
				margin:0 0 8px -8px;
				height:36px;
				background:#7194CC;
			}
			
				#search label{
					font-size:14px;
					color:#fff;
					font-weight:bold;
				}
				
				#search input#suchetext{
				width:118px;
				height:14px;
				padding:1px 0 1px 0;
				border:1px solid #acaea9;
				font-size:14px;
				line-height:17px;
				}
				
				#search input#suche{
					height:22px;
					width:35px;
					margin:0;
					position:relative;
					background:url(images/btn_go_blue.jpg) no-repeat;
					border:none;
					cursor:pointer;
				}
			
	#footer{
	height:71px;
	clear:both;
	background:url(images/bg_footer.gif) 0 36px repeat-x #fff; 
	}
	
		#footer p{
			text-align:center;
			padding:10px 0 0 10px;
			line-height:16px;
		}
		
			#footer p a{color:#33338b; text-decoration:none;}
		
		#footer ul{
			padding: 10px 0 0 110px;
		}
		
		#footer li{
			float:left;
			padding-right:110px;
		}
		
		#footer li a{
			color:#7194cc;
			font-weight:bold;
			line-height:25px;
			font-size:10px;
			text-decoration:none;
		}
	
	#infos {
	position:absolute;
	left:0;
	top:470px;
	width: 199px;
	z-index:99;
	}
	
		#infos h4{
			line-height:50px;
			text-align:center;
			font-size:15px;
			font-weight:bold;
			color:#fff;
			background:#7194cc;
			border-top:8px solid #fff;
		}
		
			#infos ul{
				width:183px;
				overflow:hidden;
				padding:4px 4px 4px 4px;
				margin-left:4px;
				background:#fff;
				border-bottom:1px solid #ccc;
			}
	
		#infos li {
		margin-right:5px;
		padding-right:5px;
		}
		
		#infos a {
		padding-right:5px;
		color: #7194cc;
		font-size: 10px;
		line-height:16px;
		text-decoration:none;
		}
		
		#infos a:hover {
		color: #33338b;
		}
	
/* ---------------------------------------------------*/
*{
margin: 0;
padding: 0;
list-style: none;
}

:focus{
outline: 0;
}

img{
border: 0;
display:block;
}

.static{
position:static;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

html[xmlns] .clearfix {
display: block;
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
/* End hide from IE-mac */