/* Content und Sidebar-Elemente */
HTML {
	scrollbar-face-color:#008ab6;
	scrollbar-shadow-color:#7B9EBD;
	scrollbar-highlight-color:#ECF0F0;
	scrollbar-3dlight-color:#7B9EBD;
	scrollbar-darkshadow-color:#ECF0F0;
	scrollbar-track-color:#bff0ff;
	scrollbar-arrow-color:#bff0ff; 
	/* Scrollbalken im FireFox immer anzeigen */ 
 height: 100%; margin-bottom: 1px; overflow-y:scroll;
 } 
	
.lookup{
	border: 0px solid #37b2db;
	font-size: 12pt;
	text-align:			center; 
	padding: 10px 0px 5px 0px;
}
.look{
	border: 1px solid #37b2db;
	font-size: 12pt;
	font-weight:bold;
	color: #f6ebdc;
	background-color:#008bb6;
	padding: 2px ;
}
#content .w2dptablinks {
	padding: 12px 0 0 0;
	border-bottom: 2px solid #008bb6;
	margin-bottom: 10px;
	
}
#content .w2dptablinks a {
	font-weight: normal;
	padding: 4px 10px;
	border-left: 1px solid  #008bb6;
	border-top: 1px solid  #008bb6;
	border-right: 1px solid #008bb6;
	display: block;
	float: left;
	margin-right: 3px;
	color: #000000;
	background-color: #bff0ff;
}
#content .w2dptablinks a.w2dptabsel {color: #f6ebdc; background-color: #005b88;font-weight: bold;}
#content .w2dptablinks a:hover {}

.beginn{
	 margin: 0px; 
	padding: 2px 5px 10px 5px; 
	 font-size:13px; 
	 font-family:Comic sans MS, Verdana;	
	 line-height: 170%;	
	 border-left: 	 solid 1px #37b2db; 
	 border-right: solid 1px #37b2db;
	  border-top: solid 2px #37b2db;
 background-color: #bff0ff;
 
}
#line{
border-left: 16px solid #008bb6;
padding-left: 16px;
margin: 10px 0;
}
.signatur{
	 margin: 0px ; 
	padding: 2px 5px 10px 5px; 
	 	 font-size:18px; 
	 font-family:Comic sans MS, Verdana;	
	 line-height: 170%;	
	 background-color: #bff0ff;
  border-left: 	 solid 1px #37b2db; 
	 border-right: solid 1px #37b2db;
 
}

.bild{
	padding: 0px ; 
margin-bottom: -5px;
	 border-left: 	 solid 1px #37b2db; 
	 border-right: solid 1px #37b2db;
 
}


#kontakt{ 
z-index:3;
color: #ffffff;
position: absolute;
	left: 0px;
	top: 130px;
	width: 990px;
		padding: 2px 2px 2px 2px;
	margin: 0px 2px 0px 2px;
 

   } 
   
#kontakt2{ 
z-index:2;
position: absolute;
	left: 0px;
	top: 130px;
	width: 990px;
	height:25px;
		padding: 2px 2px 2px 2px;
	margin: 0px 2px 0px 2px;
 border-left: solid 1px #bff0ff;
 border-right: solid 1px #bff0ff;
  background-color: #005b88;
filter:alpha(opacity=40); /* IE */
-moz-opacity: 0.40; /* Mozilla */
opacity: 0.40; /* Opera */

   } 
  
   
#content h1 {

	margin: 10px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	height: 40px;

	background-repeat : no-repeat;

	font-size: 5px;

	color: #008bb6;

	

}
a img { border: 0px solid #37b2db; 
}

#pop { 
	padding: 0px 0px 0px 0px;
}

#sidebar h2 {

	color: #f6ebdc;

	font-weight : bold;

	margin-top : 0pt;

	margin-bottom : 0pt;

	border-bottom: 2px solid #37b2db;

	padding: 2px 4px 2px 10px;

	font-size: 100%;

	text-transform : uppercase;

	background: transparent url(../images/sidetop.gif)  ;

  line-height:16px;
 

	}	



#sidebar li {

padding: 2px 0px 2px 10px;

 background-color: #efdec6;

   list-style: none;

  	background: url(../images/pfeil_r.gif) no-repeat top left ;

	position: relative;
  line-height:16px;
 left: 3px;

}
.sidebarpicture {
	background-color: #efdec6;
	width: 190px;
	padding: 8px 0px 2px 8px;
	border-left: solid 1px #37b2db;
 border-right: solid 1px #37b2db;
 border-bottom: solid 0px #37b2db;
 border-top: solid 0px #37b2db;
float:             right;

}


.contentbottom3 {
	background :  url(../images/contentbottom3.gif) no-repeat ;
	width:740px;
	height:9px;
	overflow: hidden;
	margin-bottom: 0px;
	margin-top: 0px;
	
}



#content h3 {

	font-size: 100%;

	font-weight: bold;

	margin: 0px ; 

	padding: 2px 2px 2px 2px;	

	color: #f6ebdc;


}

.rss { /* für alle */

	margin: 0px;

	padding: 5px 5px 5px 5px;		
	line-height: 170%;

}


.nothome {

	margin: 0px;

	padding: 2px 5px 10px 5px;	

	line-height: 170%;

	border-left: solid 1px #37b2db;

 border-left: solid 1px #37b2db;

 border-right: solid 1px #37b2db;

 border-top: solid 2px #37b2db;
 background-color: #efdec6;
 
}	


 
.home { /* für alle */

	margin: 0px;

	padding: 2px 5px 10px 5px;	

	line-height: 170%;

	border-left: solid 1px #37b2db;

 border-right: solid 1px #37b2db;

 border-top: solid 2px #37b2db;

 background-color: #efdec6;
 

}

#content a{

	text-decoration: none;

	font-weight : bold;

	color: #005b88;

}

#content p{
	line-height: 170%;
	color: #000000;

}

#content a:hover {

	text-decoration: underline;

}

a.mail  {
	color:				#ffffff !important;
	text-decoration: none;
	
	
}
a.mail:hover  {

	color:				#ffffff !important;
	text-decoration: underline;
}

a.offsite  {

		padding:			0px    0px   0px   0px;

}

a.offsite:hover  {

	color:				#005b88 !important;
	text-decoration: underline;
	
	
}

a.onsite   {

	background: url(../images/pfeil_sb.gif) no-repeat top left ;

	padding:			0px    0px   3px   10px;

}

a.onsite:hover {

	color:				#005b88 !important;

	font-weight:			bold !important;

}




/* Content und Sidebar-Elemente 
div.sidepicture {

	float: right;
	margin: 10px 10px 10px 10px;
	width: 160px;
	padding: 5px 5px 3px 5px;
	background: url(../images/bildschatten.gif) no-repeat bottom left ; 


}
*/

div.sidepicture {

	float: right;
	margin: 10px 10px 10px 10px;
	width: 160px;
	padding: 5px 5px 3px 5px;
	background: url(../images/bildschatten.gif) no-repeat bottom left ; 


}
div.sidepicture2 {

	float: right;
	margin: 10px 10px 10px 10px;
	width: 160px;
	padding: 5px 5px 5px 5px;
	background: url(../images/bildschatten2.gif) no-repeat bottom left ; 


}
p.sidepicturetext {

	margin: 0;
	padding: 2px 0px 0px 0px;
	line-height: 160%;	
	font-size: 90%;
	color: #000000;
	

}

#content .clearer {

	clear: both ;
} 


#more {

	border: 1px solid #005b88; 

	margin: 0px 0px 0px 0px;

	padding: 10px 0px 10px 0px;
}

.vor {

	 border: solid 1px #005b88;

	text-align: center;

		padding: 10px 0px 10px 0px;
}

/* Liste */

#content ul{

	list-style: none;
	
	padding: 0px 0px 0px 3px;

	margin: 0px 0px 0px 0px;

	border-left: solid 1px #37b2db;

 border-right: solid 1px #37b2db;

 border-top: solid 2px #37b2db;

 border-bottom: solid 0px #005b88;

 background-color: #efdec6;
 line-height: 165%;	
}

#sidebar ul{

	list-style: none;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

 border-left: solid 1px #37b2db;

 border-right: solid 1px #37b2db;
 border-bottom: solid 0px #37b2db;

 border-top: solid 0px #37b2db;

 background-color: #efdec6;



}

#content li {

	padding: 5px 0px 2px 10px;
	

	background: url(../images/pfeil_list.gif) no-repeat top left;

	

}

#sidebar p{ 

margin: 0px; 

padding: 5px; 

 border-left: solid 1px #37b2db;

 border-right: solid 1px #37b2db;

 border-top: solid 0px #37b2db;

 border-bottom: solid 0px #37b2db;

 background-color: #efdec6;
 color: #000000;

} 


.sidebarteaser { 

margin: 0px; 
padding: 3px; 
} 

#schulprogramm	{ 
border-left: solid 1px #37b2db;
 border-right: solid 1px #37b2db;
 background-color: #efdec6;
width: 192px;
padding: 8px 0px 2px 8px;
	}


#ib	{ 
border-left: solid 1px #37b2db;
 border-right: solid 1px #37b2db;
 background-color: #efdec6;
width: 192px;
padding: 8px 0px 2px 8px;
	}


  #award{ 
border-left: solid 1px #37b2db;
 border-right: solid 1px #37b2db;
 border-top: solid 0px #37b2db;
 border-bottom: solid 0px #37b2db;
 	background-color: #efdec6;
	width: 192px;
		padding: 8px 0px 2px 8px;
} 



 #kultur{ 
border-left: solid 1px #37b2db;
 border-right: solid 1px #37b2db;
 border-top: solid 0px #37b2db;
 border-bottom: solid 0px #37b2db;
 	background-color: #efdec6;
	width: 192px;
	padding: 8px 0px 2px 8px;
} 

#sv{ 
border-left: solid 1px #37b2db;
border-right: solid 1px #37b2db;

 border-top: solid 0px #37b2db;

 border-bottom: solid 0px #37b2db;
 
	background-color: #efdec6;
	width: 192px;
	padding: 8px 0px 2px 8px;
} 


#charity{ 

 border-left: solid 1px #37b2db;

 border-right: solid 1px #37b2db;

 border-top: solid 0px #37b2db;

 border-bottom: solid 0px #37b2db;

   background-color: #008bb6;

   } 
#lonet{ 

border-left: solid 1px #37b2db;

 border-right: solid 1px #37b2db;

 border-top: solid 0px #37b2db;

 border-bottom: solid 0px #37b2db;
 
	background-color: #efdec6;
	width: 192px;
	padding: 8px 0px 2px 8px;

   } 

ul#mainnavi{

	list-style-type:		none;

	width:				200px !important; 

	text-align:			left; 

	padding:			0px   0px     0px     0px; 

	/*		 		oben, rechts, unten, links */

	margin:				0px   0px    0px     0px;

	background-color:		#6F8B3F; 

	line-height:			10px !important;

}



li#mainnavi{

	list-style-type:		none;

}


/* Tabelle */

	

#content table{ 
      font:             0.9em/1.2em Tahoma, Arial, Helvetica, sans-serif; 

} 

#content tr.header{ 
   font-size:          1em; 
   font-weight:         bold; 
   color:            #fff; 
   padding-left:         0.5em; 
   line-height:         170%!important; 
   background:  #005b88 ; 



} 

#content td.colheader { 
   background:          #005b88 ; 
   font-size:          1em; 
   font-weight:         bold; 
   padding:         2px; 

} 

#content td.cell{ 
   background:          #efdec6 ; 
   color:             #000000; 
   border-top:          1px solid #fff; 
   border-right:          1px solid #c6cdd8; 
   border-bottom:          1px solid #c6cdd8; 
   border-left:          1px solid #fff; 
   padding:         2px; 
 line-height:         170%!important; 
} 

#content td.tablepic { 

   background:          #005b88 ; 

   color:             #203276; 

   border-top:          1px solid #fff; 

   border-right:          1px solid #c6cdd8; 

   border-bottom:          1px solid #c6cdd8; 

   border-left:          1px solid #fff; 

  
   text-align:         center; 

   clear:             both; 

   border:          1px solid #D0BD9F; 

} 

#content tr.odd{ 

   background:          #efdec6; 
    padding:         3px; 

} 

#content table a{ 

   font-size:          small; 

} 

#content tr.even td, #content tr.even, #content td.colheader { 

   background:          #fbf4ec ; 

   color:             #444; 

   border-right:          1px solid #ccc; 

   border-bottom:          1px solid #ccc; 
    padding:         3px; 

} 
 #content td.rowheader { 

   background:          #f8f8f8 ; 

   color:             #444; 

   border-right:          1px solid #ccc; 

   border-bottom:          1px solid #ccc; 

} 


#content tr.even, #content tr.odd { 
 padding:         3px; 
   line-height:         130%!important; 

} 

odd   { 

   line-height:         130%!important; 

}    



/* Teaser */



div.teaserelement {

	float: left;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

border-left: solid 1px #37b2db;

 border-right: solid 1px #37b2db;

 border-top: solid 1px #37b2db;

 border-bottom: solid 0px #005b88;

 background-color: #efdec6;

}



div.teaserpicture {

	float: right;

	padding: 0px;

	margin: 4px 4px 4px 10px;
}
p.teasertext {
 line-height:         170%!important; 
	padding: 0px 4px 0px 4px;
	margin: 3px 0px 3px 0px;
}

.teasernav {
	clear: both;
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}


/* Absatztype Formular */



input.box {

	border-top: #cccccc 1px solid;

	border-left: #cccccc 1px solid;

	border-bottom: #eeeeee 1px solid;

	border-right: #eeeeee 1px solid;

	color: #005DA0;

	background-color: #fcfcfc;

	width: 300px;

	vertical-align: top;

	padding: 1px 1px 1px 1px;

	margin: 0px 0px 10px 0px;

}



form.formular textarea  {

	border-left: solid 1px #37b2db;

 border-left: solid 1px #37b2db;

 border-right: solid 1px #37b2db;

 border-top: solid 2px #37b2db;

	color: #005DA0;

	background-color: #c2f1ff;

	width: 300px;

	height: 200px;

	vertical-align: top;

	padding: 1px 1px 1px 1px;

	margin: 0px 0px 10px 0px;

}



form.formular .formcaption {

	width: 200px;

	line-height: 200%;

 	float: left;

	clear: left;

 }



form.formular .formnote {

	color: #444655;

	line-height: 160%;

	padding: 2px 0px 10px 202px !important;

}



.buttoncaption {

	line-height: 200%;

}



/* Plugin-Styles */



P.s2d  {

	font-size: 180%;

	color: #005DA0;

	font-weight : bold;

	margin: 0px 0px 0px 0px;

	padding: 2px 0px 2px 0px;

	line-height: 200%;

}



P.s2dsmall {

	font-size: 80%;

}



a.s2dsmall, a.s2dinfo  {

	text-decoration: underline !important; 

}



/* css für Movie-Absatz*/

div.flashmovie, div.mediamovie {

float: none; 

text-align: center !important;

padding: 5px;

/* oben, rechts, unten, links */

margin: 0px auto 0px auto !important;

border: none;

width: 490px;

background-color: transparent;

}


/* Formate für Sitemap von rudolf*/

#sitemap  {
	clear:				both;
	position:			relative;
	margin-left:			0px !important;
	width:				525px;
	line-height:			180%;
	padding-top:			8px;
	font-size:			12px;
}
#sitemap .sitemap1 a,#sitemap .sitemap2 a,#sitemap .sitemap3 a {
	text-decoration: 		none;
	background-color:		transparent;
}

#sitemap a.sitemap1:hover,#sitemap a.sitemap2:hover,#sitemap a.sitemap3:hover {
	background-color: 		#bff0ff;
	
}
#sitemap .sitemapoben{
	text-align:			left;
	padding:			10px;
}
#sitemap .sitemaphome{
	text-align:			left;
	font-weight:			bold;
	margin-left:			0px;
}
#sitemap a.sitemaphome{
	vertical-align: 		middle;
	width:				auto;
	background-image:		url(../images/bluelink.gif);
	background-position: 		left;
	background-repeat: 		no-repeat;
	padding:			0px     10px    3px   30px;
/* 					oben, rechts, unten, links */
	white-space:			nowrap;
	color:				#79B933 !important;
}
#sitemap a.sitemaphome:hover{
	background-image:		url(../images/redlink.gif);
	background-position: 		left;
	background-repeat: 		no-repeat;
	padding:			0px     10px    3px   30px;
/* 					oben, rechts, unten, links */
}
#sitemap .sitemap1{
	text-align:			left;
	font-weight:			bold;
	margin-left:			16px;
	margin-top:			0px;
}
#sitemap a.sitemap1{
	vertical-align: 		middle;
	width:				auto;
	background-image:		url(../images/redlink.gif);
	background-position: 		left;
	background-repeat: 		no-repeat;
	padding:			0px     10px    3px   30px;
/* 					oben, rechts, unten, links */
	white-space:			nowrap;
	color:				#003e5f !important;
}
#sitemap a.sitemap1:hover{
	background-image:		url(../images/yellowlink.gif);
	background-position: 		left;
	background-repeat: 		no-repeat;
	padding:			0px     10px    3px   30px;
/* 					oben, rechts, unten, links */
}
#sitemap .sitemap2{
	text-align:			left;
	font-weight:			bold;
	margin-left:			32px;
	padding-top:			1px;
}
#sitemap a.sitemap2{
	vertical-align: 		middle;
	width:				auto;
	background-image:		url(../images/greenlink.gif);
	background-position: 		left;
	background-repeat: 		no-repeat;
	padding:			0px     10px    3px   30px;
/* 					oben, rechts, unten, links */
	white-space:			nowrap;
	color:				#005b88!important;
}
#sitemap a.sitemap2:hover{
	background-image:		url(../images/yellowlink.gif);
	background-position: 		left;
	background-repeat: 		no-repeat;
	padding:			0px     10px    3px   30px;
/* 					oben, rechts, unten, links */
}
#sitemap .sitemap3{
	text-align:			left;
	margin-left:			50px;
	padding-top:			0px;
}
#sitemap a.sitemap3{
	vertical-align: 		middle;
	width:				auto;
	background-image:		url(../images/yellowlink.gif);
	background-position: 		left;
	background-repeat: 		no-repeat;
	padding:			0px     10px    3px   30px;
/* 					oben, rechts, unten, links */
	white-space:			nowrap;
	color:				#008bb6!important;
}
#sitemap a.sitemap3:hover{
	background-image:		url(../images/redlink.gif);
	background-position: 		left;
	background-repeat: 		no-repeat;
	padding:			0px     10px    3px   30px;
/* 					oben, rechts, unten, links */
}
.counter{
 width: 200px;
  border-width: 1px;
  border-color: #37b2db;
  border-style: solid;
  text-align: left;
  background-color: #008bb6;
}
.blue{
  background-color: #efdec6;
  color: #003e5f;
  font-size: 10px;
  padding: 3px;
 
}
.yellow{
 background-color: #f7ead7;
  font-size: 10px;
  font-weight: bold;
  color: #003e5f;
  padding: 3px;
    }
	
.fastlink {
padding: 0px;
margin: 0px 0px 0px 0px;
 border-left: solid 1px #37b2db;
 border-right: solid 1px #37b2db;
  
}

* html .fastlink {
margin-top: -20px;
margin-bottom: -20px;
 border-left: solid 1px #37b2db;
 border-right: solid 1px #37b2db;
 

}
*+html .fastlink {
margin-top: -20px;
margin-bottom: -20px;
 border-left: solid 1px #37b2db;
 border-right: solid 1px #37b2db;
 
}

/* Content und Sidebar-Elemente */

#content .line {
height: 1px;
background-color: #eeeeee;
border: 0;
padding: 0;
margin: 20px 0 20px 0;
overflow: hidden;
}

#content p.emphasize {
border-left: 16px solid #D8EEFB;
padding-left: 16px;
margin: 10px 0;
}

#content h1 {
font-size: 220%;
font-weight : normal;
margin: 0px;
padding: 5px 0px 2px 0px;
text-transform: uppercase;
color: #444444;
}
/* Content slider*/
#featured{ 
	width:300px; 
	padding-right:250px; 
	position:relative; 
	border:5px solid #ccc; 
	height:250px; 
	background:#000000;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; 
	left:400px; 
	list-style:none; 
	padding:0; 
	margin:0; 
	width:200px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; 
	padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; 
	margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; 
	font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  
	background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:   url(../images/selecteditem.gif) top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:400px; 
	height:250px; 
	background:#999; 
	position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; 
	left:0; 
	height:70px; 
	background: url(../assets/transparentbg.png)  top left no-repeat;
}
#featured .info h2{ 
	font-size:18px; 
	font-family:Georgia, serif; 
	color:#fff; 
	padding:5px;
	margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; 
	font-size:11px; 
	line-height:15px; 
	color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}