/* :.:..........:.:.........................: */
html{background:#e0e0e0;}
body{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; height:100%; color:#666;} 

/* ..........................
... ::: HAUPTELEMENTE ::: ... 
.......................... */
h1, h2, h3, h4, h5, h6{color:#666; line-height:normal; font-weight:normal; margin-bottom:16px;}
h1{font-size:24px;}
h2{font-size:21px;}
h3, h4, h5, h6{font-size:14px; font-weight:bold; margin-bottom:0;}

p{margin-bottom:18px; line-height:17px;}

a{text-decoration:none; color:#666;}
a:hover{text-decoration:underline;}

a img, img{border:0;}
hr{clear:both; border:0; border-top:1px solid #ccc; margin-bottom:16px;}


.fl_left{float:left;}
.fl_right{float:right;}
.clear{clear:both; height:0; line-height:0;}

.m_b_0{margin-bottom:0;}
.m_b_6{margin-bottom:6px;}

.grau{color:#666;}
.gruen{color:#990;}
.tuerkis{color:#099;}
.tuerkis_dunkel{color:#008688;}
.blau{color:#116697;}

.blinken{
	-webkit-animation: flash linear 1.75s infinite;
	animation: flash linear 1.75s infinite;
}
@-webkit-keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}
@keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}

/* ....................................
... ::: ALLGEMEINE CSS STRUKTUR ::: ... 
.................................... */
#page{position:relative; width:1000px; margin:0 auto; padding:0 20px; background:url(../img/bg_page.gif) top left repeat-y;}
  #header{position:relative; width:100%; height:152px; background:url(../img/bg_header_neu.gif) bottom right no-repeat #fff;}
    .logo{position:absolute; top:0; left:0; z-index:1; margin:0;}

    .helene{display:block; width:100px; height:115px; position:absolute; top:40px; right:151px; opacity:0.5;}
    .froebel{display:block; width:100px; height:115px; position:absolute; top:40px; right:50px; opacity:0.5;}
      .helene a, .froebel a{display:block; width:100%; height:100%;}

    .navigation_top{position:absolute; top:20px; right:21px; z-index:2; font-size:10px;}
      .navigation_top li{display:inline; float:left; margin:0 2px; color:#666;}
      .navigation_top a{color:#666;}
      .navigation_top a:hover{color:#099;}
      
  #navigation_main{position:relative; width:100%; height:38px; background:#fff; font-size: 12px;}
    #navigation_main ul{}
      #navigation_main li{display:inline; float:left; line-height:38px; font-weight:bold;}
      #navigation_main a{display:block; float:left; width:124px; color:#fff; text-align:center;}
      #navigation_main a:hover{text-decoration:none;}
      
      /* NORMAL 
      #navigation_main li.Start a{background:url(../img/bg_navigation_main.gif) top left repeat-x; border-right:1px solid #d9d959;}*/
      #navigation_main li.Start a{background:url(../img/bg_navigation_main.gif) left -38px repeat-x; border-right:1px solid #59dede;}
             
      #navigation_main li.Aktuelles a, 
      #navigation_main li.Termine a{background:url(../img/bg_navigation_main.gif) left -38px repeat-x; border-right:1px solid #59dede; width:125px;}
      
      #navigation_main li.Termine a{border-right:1px solid #59c1c3;}
      
      #navigation_main li.Die_Schule a, 
      #navigation_main li.Schularten a, 
      #navigation_main li.Projekte a, 
#navigation_main li.Schueleraktivitaeten a, 
#navigation_main li.Kooperationen a{background:url(../img/bg_navigation_main.gif) left -76px repeat-x; border-right:1px solid #59b4b6; width:123px;}

#navigation_main li.Schueleraktivitaeten a{width:124px;}
      
      #navigation_main li.Downloads{float:right; position:absolute; right:0;}
      
      #navigation_main li.Downloads a, 
      #navigation_main li.Informationen a{background:url(../img/bg_navigation_main.gif) bottom left repeat-x; border-right:1px solid #689dbd; width:125px;}
      
      #navigation_main li.Informationen a{border:0;}
      
      /* HOVER EFFEKT + AKTIVE EFFEKT
      #navigation_main li.Start a:hover{background:url(../img/bg_navigation_main_hover.gif) top left repeat-x; color:#990;}*/

      #navigation_main li.Start a:hover, 
      #navigation_main li.Aktuelles a:hover, #navigation_main li.Aktuelles.active a, 
      #navigation_main li.Termine a:hover, #navigation_main li.Termine.active a{background:url(../img/bg_navigation_main_hover.gif) left -38px repeat-x; color:#099;}
      
      #navigation_main li.Die_Schule a:hover, #navigation_main li.Die_Schule.active a, 
      #navigation_main li.Schularten a:hover, #navigation_main li.Schularten.active a, 
      #navigation_main li.Projekte a:hover, #navigation_main li.Projekte.active a, 
#navigation_main li.Schueleraktivitaeten a:hover, #navigation_main li.Schueleraktivitaeten.active a, 
#navigation_main li.Kooperationen a:hover, #navigation_main li.Kooperationen.active a{background:url(../img/bg_navigation_main_hover.gif) left -76px repeat-x; color:#008688;}
      
      #navigation_main li.Downloads a:hover, #navigation_main li.Downloads.active a, 
      #navigation_main li.Informationen a:hover, #navigation_main li.Informationen.active a{background:url(../img/bg_navigation_main_hover.gif) bottom left repeat-x; color:#116697;}
      
      
  #slider{position:relative; width:100%; height:260px;}
    #suchen{position:absolute; top:0; right:23px; z-index:10; width:229px; height:26px; background:#696969; font-size:12px; line-height:24px;}
      #suchen input{margin-top:1px; float:left;}
      #suchen .in{background:#fff; border:0; color:#666; width:173px; height:22px; margin:1px 1px 0; padding:0 8px 2px; font-size:12px; line-height:22px;}
      #suchen .sb{background:url(../img/btn_suchen_go.gif) top left no-repeat #999; border:0; color:#fff; width:37px; height:24px; cursor:pointer;}
    #slide_img{position:absolute; bottom:0; left:0; z-index:1;}
  
  #content{position:relative; z-index:20; width:950px; min-height:400px; height:auto !important; height:400px; padding:0 23px 20px 27px;}
    .col_3{width:318px; padding-top:20px;}
    .col_5{width:570px; color:#666; padding-top:20px;}
      
      .col_5 ul, .col_5 ol{margin:0 0 20px 0; padding-left:18px; line-height:17px; }
      .col_5 ul{list-style:disc outside;} 
      .col_5 ol{list-style:decimal outside;}
      .col_5 ul ul, .col_5 ol ol{margin:3px 0 10px 0;} 
      .col_5 li, .col_5 li li{padding:0; margin:0;}
      
      #inhalt a{text-decoration:underline;}
      #inhalt a:hover{text-decoration:none;}
    
    .box{float:left; margin-right:22px; width:248px; border:1px solid #ccc;}
      .box .top{width:208px; height:42px; overflow:hidden; background:url(../img/bg_box_top.gif) top left repeat-x; color:#fff; padding:10px 20px;}
      .box .box_img{height:142px; overflow:hidden; border-bottom:1px solid #ccc; }
    .box .box_img p{margin:0;}
      .box .bottom{width:248px; height:33px; overflow:hidden; background:url(../img/bg_box_bottom.gif) top left repeat-x; color:#fff;}
        .col_5 .box .bottom a{display:block; height:33px; padding:0 20px; color:#666;}
        .box .bottom p{line-height:33px;}
    
  #footer{position:relative; width:950px; height:550px;/*268px; overflow:hidden;*/ border-top:1px solid #ccc; background:url(../img/bg_footer.gif) top left no-repeat #fff; padding:26px 23px 0px 27px; color:#666;}
    #footer div{position:absolute; top:21px;}
    #footer div ul{}
      #footer div li{line-height:16px;}
      #footer div li a{}
      
      #footer div ul ul ul{margin:0 0 0 15px;}
    #footer strong a{color:#666;}
    #footer a{color:#999;}
    #footer a:hover{color:#666;}
    
    .eins{width:190px; left:27px; font-size:11px;}
      #footer .eins a{color:#666;}
    .zwei{width:95px; left:263px;}
    .drei{width:315px; left:395px;}
    .vier{width:85px; left:738px;}
    .fuenf{width:120px; left:857px;}
    
    .zwei, .drei, .vier, .fuenf{font-size:10px;}
  
      
/* .........................
... ::: CSS ELEMENTE ::: ... 
......................... */
.aktuelles{}
  .aktuelles h1, .aktuelles h4{color:#099; font-weight:normal;}
  .aktuelles h4{font-size:16px; margin-bottom:8px;}
  .aktuelles p{color:#666;}
  .aktuelles a{color:#099;}
  .aktuelles .date{color:#999; margin-bottom:4px;}
  .aktuelles .alle_nachrichten a{color:#666;}

#navigation_sub{ font-size: 12px;}
  #navigation_sub h3{color:#fff; font-weight:bold; padding-left:15px; margin-bottom:27px;}
  #navigation_sub ul{border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2;}
  #navigation_sub li{color:#fff; line-height:16px; font-weight:bold;}
  #navigation_sub a{display:block; width:220px; padding:6px 15px 5px; color:#fff; }
  #navigation_sub a:hover{text-decoration:none;}
  
  #navigation_sub ul ul{border:0;}
  #navigation_sub li li a{width:206px; padding-left:29px; background:#4caaab;}
  
  #navigation_sub li li li a{width:189px; padding-left:46px; background:#4caaab;}
  
.breadcrumb{font-size:10px;}

.news-single-img div{margin-bottom:10px;}

/* TABELLEN STYLE */
.hls_tabelle{margin-bottom:20px;}

.hls_tabelle td, .hls_tabelle th{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; color:#666; padding:5px; vertical-align:top; text-align:left; border-bottom:1px solid #fff; background:#dbdbdb;}

.hls_tabelle .hls_tabelle_zeile_kopf td, 
.hls_tabelle .hls_tabelle_zeile_kopf th{background:#099; color:#fff; font-weight:bold; }

.hls_tabelle .hls_tabelle_zeile td, 
.hls_tabelle .hls_tabelle_zeile th{background:#e6e6e6; color:#099;}
  
  
/* SUB TUERKIS */
.sub{}
  .sub #page{background:url(../img/bg_page_sub.gif) top left repeat-y;}
  .sub #slider{position:relative; width:750px; height:198px; margin-left:250px;}
  .sub #content{position:relative; width:977px; min-height:360px; padding:0 23px 20px 0;}
  .sub .col_3{width:250px; margin-top:-198px;}
  .sub .col_5{width:705px; padding-top:5px;}

/* SUB GRUEN   
.gruen{}
  .gruen #inhalt h1, .gruen #inhalt h2{color:#990;}
  .gruen #navigation_sub a{background:#990;}
*/


/* SUB TUERKIS */  
.tuerkis{}
  .tuerkis #inhalt h1, .tuerkis #inhalt h2/*, .tuerkis #inhalt h3, .tuerkis #inhalt h4, .tuerkis #inhalt h5, .tuerkis #inhalt h6, .tuerkis #inhalt a*/{color:#099;}
  .tuerkis #navigation_sub a{background:#099; border-bottom:1px solid #66caca; }
  .tuerkis #navigation_sub a:hover, .tuerkis #navigation_sub li.active a{background:#4cc1c1;}
  
  .tuerkis #navigation_sub li li a, .tuerkis #navigation_sub li.active li a{background:#00a7a7;}
  .tuerkis #navigation_sub li li a:hover, .tuerkis #navigation_sub li.active li a:hover, .tuerkis #navigation_sub li.active li.active a{background:url(../img/navigation_sub_pfeil.png) 15px 11px no-repeat #4cc1c1;}

/* SUB TUERKIS_DUNKEL */  
.tuerkis_dunkel{}
  .tuerkis_dunkel #inhalt h1, .tuerkis_dunkel #inhalt h2/*, .tuerkis_dunkel #inhalt h3, .tuerkis_dunkel #inhalt h4, .tuerkis_dunkel #inhalt h5, .tuerkis_dunkel #inhalt h6, .tuerkis_dunkel #inhalt a*/{color:#008688;}
  .tuerkis_dunkel #navigation_sub a{background:#008688; border-bottom:1px solid #94cccd; }
  .tuerkis_dunkel #navigation_sub a:hover, .tuerkis_dunkel #navigation_sub li.active a{background:#7fc2c3;}
  
  .tuerkis_dunkel #navigation_sub li li a, .tuerkis_dunkel #navigation_sub li.active li a{background:#4caaab;}
  .tuerkis_dunkel #navigation_sub li li a:hover, .tuerkis_dunkel #navigation_sub li.active li a:hover, .tuerkis_dunkel #navigation_sub li.active li.active a{background:url(../img/navigation_sub_pfeil.png) 15px 11px no-repeat #7fc2c3;}
  
  .tuerkis_dunkel .hls_tabelle .hls_tabelle_zeile_kopf td, 
  .tuerkis_dunkel .hls_tabelle .hls_tabelle_zeile_kopf th{background:#008688; color:#fff; font-weight:bold; }
  
  .tuerkis_dunkel .hls_tabelle .hls_tabelle_zeile td, 
  .tuerkis_dunkel .hls_tabelle .hls_tabelle_zeile th{color:#008688;}

	
	/* 4.Ebene */
	.tuerkis_dunkel #navigation_sub li li li a, .tuerkis_dunkel #navigation_sub li.active li.active li a{background:#70bbbc;}
	.tuerkis_dunkel #navigation_sub li li li a:hover, 
	.tuerkis_dunkel #navigation_sub li.active li.active li a:hover, 
	.tuerkis_dunkel #navigation_sub li.active li.active li.active a{background:url(../img/navigation_sub_pfeil.png) 30px 11px no-repeat #8cc8c9;}
	
	
	
/* SUB BLAU */
.blau{}
  .blau #inhalt h1, .blau #inhalt h2/*, .blau #inhalt h3, .blau #inhalt h4, .blau #inhalt h5, .blau #inhalt h6, .blau #inhalt a*/{color:#116697;}
  .blau #navigation_sub a{background:#116697;}
  .blau #navigation_sub a{background:#116697; border-bottom:1px solid #d0e0ea;}
  .blau #navigation_sub a:hover, .blau #navigation_sub li.active a{background:#5b92b5;}
  
  .blau #navigation_sub li li a, .blau #navigation_sub li.active li a{background:#287db2;}
  .blau #navigation_sub li li a:hover, .blau #navigation_sub li.active li a:hover, .blau #navigation_sub li.active li.active a{background:url(../img/navigation_sub_pfeil.png) 15px 11px no-repeat #5b92b5;}
  
  .blau .hls_tabelle .hls_tabelle_zeile_kopf td, 
  .blau .hls_tabelle .hls_tabelle_zeile_kopf th{background:#116697; color:#fff; font-weight:bold; }
  
  .blau .hls_tabelle .hls_tabelle_zeile td, 
  .blau .hls_tabelle .hls_tabelle_zeile th{color:#116697;}