/**
#leftContent, #content,span{ border:1px solid black;}
**/
body{
	padding:0px;
	margin:10px;
	font-size:11px;
	font-family:verdana,arial;
	background:#005c90;
	color:#10314a;
}

h1,h2,h3,h4,div,p,ul,li{
	margin:0px;
	padding:0px;
}

ul,li{
	list-style:none;
}

a{
	color:#222222;
	font-weight:bold;
	text-decoration:underline;
}

img{
		border:none;
		behavior: url("/css/pngbehavior.htc");
	}		


 
 #wrapper{
 	margin:auto;
 	width:1020px;
 	text-align: center;
 }
	
#head{
	background:url(/img/top.png); 
	background-repeat: no-repeat;
	width:1019px; 
	height:180px;
	display:block;
}

#envelope{
	background:url(/img/middle.png); 
	width:1019px; 
	background-repeat: repeat-y;
	display:block;
	clear:both;
}

#footer{
	 background:url(/img/bottom.png); 
	 width:1019px;
	 height:120px;
	 display:block;
	 background-repeat: no-repeat;
}

 #footer .navigation{
 	margin:0px;
 	padding:0px;
 	list-style: none;
 	list-style-type: none;
 	width:100px;
 	float:right;
 	margin-right:0px;
 	margin-top:90px;
 }
 
 #footer .navigation li{
 	float:left;
 	margin-right:8px;
 }
 
  #footer .navigation li a{
 	font-weight:normal;
   font-size:11px;
   color:#ddd;	
  }
  
#leftContent{
	float:left;
	margin-left:5px;
	width:190px;
	margin-top:-10px;
}
#leftContent .navigation{
	width:175px;
	margin-left:0px;
}
#leftContent .navigation li{
	margin-bottom:5px;	
	text-align:left;
}

#leftContent .navigation li a{
	font-size:13px;
	color:#10314a;
	text-decoration: none;	
}

#content{
	float:left;
	clear:right;
	width:805px;
	margin-left:5px;
}

#googleFooter{
 	margin-top: 10px;
 }
 
 #googleFooter , #googleFooter a{
 	font-size: 11px;
 	color:#222222;
 	text-decoration: none;
 }
 #googleFooter span{
 	display:block;
 	margin-bottom: 5px;
 }
 
 #googleFooter a{
 	font-size:10px;
 	padding:5px;
 }
 
 #googleFooter a:hover{
  text-decoration: underline;	
 }
 
 .navcon{
	margin:0px 0px 0px 15px;
 	padding:10px 0px 10px 0px;
 	border-bottom:1px dotted #10314a;
 	width:150px;
 	text-align:left;
 	color:#10314a;
 	float:left;
 }
 
 .navcon h2{
	border-bottom:1px dotted #10314a;
	font-size:16px;
	margin-bottom:10px;	
	padding-bottom:1px;
}
 .infoBox{
	margin-top:40px;
}
 .infoBox h3{
 	font-size:13px;
 }
  .infoBox ul {
  	margin: 2px 0px 10px 0px;
  }
 .infoBox ul li{
 	font-size:11px;
 }
 
 #content h1{
 	font-size:20px;
	border-bottom:1px dotted #10314a;
	text-align:left;
	margin: 5px 20px 0px 20px;
	padding-bottom:1px;
	font-weight:bold;
	clear:both;
}

#content .container{
	width:760px;
	margin-left:25px;
	margin-bottom:15px;
	float:left;
}

#wrapper #content{text-align:left;}

.container .h2{
	font-size:14px;
	font-weight:bold;
	color:#EEEEEE;
	text-align:left;
	padding:0px !important;
	clear:both;
	border:none !important;
}

.container div{
	border:1px dotted #005c90;	
	border-top:none;
	padding:0px;
	text-align: justify;
	clear:both;
}

.container div p{padding: 5px;}

#content div.small{
	width:368px;
}
#content div.smaller{
	width:236px;
}

#content div.oneSmallHeight{height:160px;}

#content .left{float:left;}
#content .right{float:right;}

.container .h2 div{border:none; background:#005c90; margin:0px; padding:0px;}
.container .h2 div.leftCorner{float:left; height:16px; margin-top:1px; width:1px; font-size:1%; line-height:15px; clear: none;}
.container .h2 div.centerContent{float:left; height:17px; clear:none; width:758px;}
.container .h2 div.rightCorner{float:left; height:16px; margin-top:1px; width:1px; font-size:1%; line-height:15px; clear:none;}
.smaller .h2 div.centerContent{width:234px;}
.small .h2 div.centerContent{width:366px;}

div.centerContent span,div.centerContent a{margin-left: 5px; float:left; padding-top:0px; color:#EEEEEE; text-decoration: none; text-align:left;}

#content .rightPicture p {float:left; width:50%;}
#content .rightPicture a {float:left; margin-left:20px;}

span.star{margin-left:25px;}
span.note{padding-left:5px;}

/** **/
ul.sitemap{
 	list-style-type: none;
 	margin-left: 25px;
 	text-align:left;
 }
 
 ul.sitemap li{text-align:left;}
 
 .sitemap a{
 	font-size:13px;
 	font-weight: bold;
 	text-decoration: none;
 	color:#10314a;
 }

 .sitemap a:hover{
 	text-decoration: underline;
 }
 
.page-contact .textContent .container{
	width:455px;
	float:left;
	margin-left:15px;
	height:500px;
}


.page-contact .onlineContact label{
	display:block;
	float:left;
	width:135px;
}

.page-contact .onlineContact input{
	width:610px;
	*width:608px;
	border:1px solid #777777;
}

.page-contact .onlineContact select{
	width:612px;
	width:612px;
	border:1px solid #777777;
}

.page-contact .onlineContact textarea{
 float:left;
 margin-top:5px;
 height: 204px;
 width:610px;
 *width:608px;
 border:1px solid #777777;	
}

.page-contact .onlineContact p{
	padding-bottom:3px;
}

.page-contact .onlineContact p.href{
	text-align: right;
}


.page-contact .onlineContact p span.star{
 float:left;
 display:block;
 width:140px;
 text-align:right;	
 margin:0px !important;
}

.page-contact .onlineContact p span.note{
 display:block;	
 width:440px;
 float:left;
 padding-left:5px;
 text-align:left;
}

p.error{
 color:#ff0000;	
 font-weight:bold;
 margin-bottom:3px;
}

.page-contact table.error{
	margin-top:3px;
}

.page-contact td.err_title{
	font-weight: bold;
	vertical-align: top;
	padding-bottom:3px;
}

.page-contact td.err_text{
	padding-left:5px;
	padding-bottom:3px;
	vertical-align: top;
}

.none{display:none;}
.picContainer{text-align: left;	width:760px; height:509px; margin-left:25px; *margin-left:5px; margin-bottom:15px; overflow:hidden; display: block;}
.picHeader{float:left;position: absolute;margin-left:0px;margin-top:0px;}
.active{z-index:100;}

/** Galleria **/
#gallery { text-align:left; display:block; margin-left:25px;}
.galleria_container{ text-align:left;}
.galleria{list-style:none;}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;margin-top:10px;}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

/** Thickbox **/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #333333;}
#TB_window a:visited {color: #333333;}
#TB_window a:hover {color: #333;}
#TB_window a:active {color: #333333;}
#TB_window a:focus{color: #333333;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #eee;
	z-index: 102;
	color:#000000;
	display:none;
	border: 1px solid #0f67a8;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

.galery{
    float:right !important;
    margin-top:5px !important;
}

/**misc**/
 .clr{
 	clear: both;
 	display: block;
 	border:none !important;
 }
 
 .red{color:#ff0000;}
 
 .h230{height:230px;}
 .bold{font-weight:bold;}
 .center{text-align: center;}
 .page-news .thickbox{margin-left:5px; margin-right: 5px; float:left; display: block;}
 .page-news .firstImage{margin-right:40px;}
 
 .container ul{padding:15px 0px 15px 0px;}
 .container ul li{margin: 10px;}
 .listtype2{padding:0px 0px 0px 0px !important;}
 .listtype2 li{margin:5px 10px 10px 10px !important;}
 
 .table span{margin:7px; display:block; float:left; text-align:left;}
 .table span.head{font-weight:bold;  background:none; background-image:none;}
 .table .first{font-weight:bold; width:180px;  vertical-align: top; background:url(/img/sites/wissenswertes/klassen_sprite.gif) no-repeat;}
 .table .second{width:250px;}
 .table .third{width:100px; text-align:center !important;}
 .table .fourth{width:170px;}
 
 .table .a{background-position:20px -120px; height:50px; font-size:14px;}
 .table .a1{background-position:20px -50px; height:55px; font-size:14px;}
 .table .m{background-position: 20px 0px;   height:50px; font-size:14px;}
 .table .s{background-position: 10px -320px;   height:50px; font-size:14px;}
 .table .b{background-position: 20px -180px;   height:50px; font-size:14px;}
 .table .be{background-position: 15px -250px;   height:50px; font-size:14px;}
 .table .l{background-position: 20px -388px;   height:50px; font-size:14px;}
 
 .box1, .box2 {border:none !important;}
 .box1 .clr, .box2 .clr{height:10px;}
 .box1 span, .box2 span{display:block; float:left; margin: 5px 20px 0px 0px;}
 .box1 .head, .box2 .head{font-weight:bold; color:#10314A !important;}
 .box1 .first{width:130px; text-align: center;}
 .box1 .second{width:140px;text-align: center;}
 .box1 .third{width:140px;text-align: center; color: #ff0000;}
 .box1 .fourth{width:200px;text-align: center; color: #ff0000;}
 .box1 .fifth{width:50px;text-align: center; margin-right:0px !important; color: #ff0000;}
 
 .box2 .head{text-align:left !important; color:#10314A !important;}
 .box2 .first{width:10px; font-weight:bold; vertical-align: top; margin-right:5px !important; margin-left:5px !important;}
 .box2 .second{width:300px;}
 .box2 .third{width:50px; text-align: center; color: #ff0000;}
 .box2 .fourth{width:230px; text-align: center; color: #ff0000;}
 .box2 .fifth{width:60px; text-align: center;  margin-right:0px !important; color: #ff0000;}
 
 .he10{height:10px !important;}
 .he20{height:20px !important;}
 .he40{height:40px !important;}
 .he70{height:70px !important;}
 .he80{height:80px !important;}
 .text{float:none !important; margin:0px !important; display:inline !important;}