.blind {display:none}
  html, body {width:100%;height:100%;margin:0;padding:0}
  body {background-color:#446586;font-family: Tahoma,Arial,Helvetica,sans-serif;}
  .elternback{background-size:cover;background-image: url(../../images/elternbrief.jpg);}
  .elternback h1{text-shadow:1px 1px #000000;}
  #main {position:relative;width:100%;top:140px;
		 min-height:20%;margin:0;padding:0;
		 background-color:white;overflow:hidden;
  }
  #logo {/*oben*/}        
  #obenlinks {position:absolute;left:1em;top:1em;color:white;font-size:12px}
  #obenlinks a {color:white;text-decoration:none;}
  #obenlinks a:hover {text-decoration:underline;}  
  #transenglisch {display:block;position:absolute;top:4px;right:4px;width:35px;height:20px;}
  #searchbox {position:absolute;top:4px;right:50px;}  
  #logolink {display:block;position:absolute;left:4px;top:4px;padding-left:10px;padding-top:7px;width:241px;height:80px;background-image:url(eg_logo.png);background-repeat:no-repeat;background-size:contain}
  #s {background:#adb7c3;border:none;width:180px;font-size:14px;color:white;cursor:text;border-top:1px solid #d6dbe0;border-left:1px solid #d6dbe0} 
  .trans {background:transparent;border:none;cursor:pointer;}  
  #wiki {max-width:1280px;margin:0 auto;padding:0 1em;}  
  .adminwiki{
	  text-align:right;position:absolute;top:0px;right:0;margin-bottom:-20px;z-index:200
  }  
  #inhalt {
	  position:relative;width:100%;padding:0px;font-size:14px;margin:0px;line-height:1.4em;hyphens:auto;text-align:justify;
  }
  #fuss {
	  position:relative;  
	  left:0px;right:0px;
	  background-color:#446586;
	  font-size:11px;color:white; 
      text-align:center;
	  margin:auto;
	  top:140px;
	  padding-bottom:8px;
  } 
  .profilslogan{
	  position:relative;	  
	  left:0px;right:0px;
	  background-color:rgb(105,128,146);
	  font-size:20px;color:rgb(221,224,230);
	  padding:8px;margin-bottom:1em;
  }  
  #navigation {
	  position:absolute;
	  top:0;	  
	  width:100%;
	  min-height:140px;	  
	   text-align:center;
	   box-sizing:border-box;   
	   background-color:#446586;
	   background-image: linear-gradient(#324960 0%, #446586 100%);
	   z-index:100;
  }
  #navileiste{position:absolute;bottom:0px;width:100%;}  
  .subpart{	 
      position:absolute;
	  background-color:#324960;
	  text-align:left;
	  left:0px;right:0;
	  display:none;
	  padding:8px;
	  transition:all 1s;
	  font-size:16px;font-stretch: expanded;line-height: 1.5;
	  border-top:2px solid white;
	  border-bottom:2px solid white;
	  
  } 
  .subpart a{text-decoration:none;color:rgb(200,200,200);} 
  .subpart a:hover{color:white;text-decoration: underline}  
  #navigation .rubrik {display:inline-block;				 				 
                 font-size:20px; 
                 color:white;overflow:hidden;			
                 padding:4px 1em;
                 text-align:center;
                 text-decoration:none;     
                 margin-right:2px;				                			 
                 }
  
  #navigation .rubrik:hover {text-decoration:underline;}
  #navigation .rubrik:hover div, .rubrik:focus div{display:block;} 
  
  #navigation .rubrik span.kurz {display:none}
  #navigation .rubrik[focus] {background:white;color:black;display:inline-block;border-top:1px solid white;box-shadow: 4px 4px 6px rgba(0,0,0,0.5);}

/* Inhaltsfeld */
/* Schriftformatierung */   
  .breadcrumb {font-size:11px;margin-top:4px;margin-left:-10px;color:#928470}
  h1 {margin-top:5px;padding-top:0px;
      color:#45658a;font-size:1.7em;line-height:1em;font-weight:normal;text-align:left}        
  h2 {font-size:19px;color:#45658a;font-weight:normal;text-align:left;} 
  h3 {font-size:17px;color:#45658a;font-weight:normal;text-align:left;}      
  p {line-height:1.4em;}  
  hr {height:1px; color:black; background-color:black;border:none} 
  b, strong {color:#444;}
  .email{margin-left:2.5em;}
  .email:before {
	  background-image:url(../../images/bigicons/email.png);
	  background-size:contain;
	  background-repeat:no-repeat;
	  background-position:0 bottom;
	  content:"";  
	  position:absolute;margin-left:-2.5em;width:20px;height:1.2em;
  }  
/* Linkdarstellung */    
  #inhalt a {color:#000080}
  #inhalt .breadcrumb a {text-decoration: none; color:#928470;}
/* Darstellung von Bildern */
  .adminlink_icon {display: inline;}
  img, a img {border:none;display:block;margin:auto;}    
  img.zeichen, img.normal {display:inline}
  /* Bilder */
  .bildrechts, .bildlinks {margin: 10px;text-align: center;font-size:small;margin-bottom: 5px;}
  .bildrechts {margin-right: 0px;float:right;}
  .bildlinks {margin-left:0px; float:left}
  .bildmitte {
	  margin-bottom: 10px;margin-left:0px;margin-right:0; text-align:center;
  } 
  .bildmitte img {max-width:100%;box-shadow: 4px 4px 4px rgba(0,0,0,0.8);} 
  .bildbreit {margin-bottom:3px;width:100%;}
  .bildpart {margin-left:10px;margin-bottom:5px;width:30%;margin-right:0px;float:right;box-shadow: 4px 4px 4px rgba(0,0,0,0.8);}
  /* Grafiken */
  .grafikrechts, .grafiklinks {margin:10px;text-align:center;font-size:small;margin-bottom: 5px;max-width:50%}
  .grafikrechts {margin-right: 0px;float:right;}
  .grafiklinks {margin-left:0px; float:left}
  .grafikmitte {max-width:100%}
  .grayImage {display:inline-block;}
  .grayImage img{-webkit-filter: grayscale(1) opacity(70%);filter: grayscale(1) opacity(70%);height:48px;float:left;margin:2px;}
.bildunterschrift {
	margin-top: -20px;
	text-align: center;
	font-style: italic;
	font-size: 12px;
}
/* Zweckformatierungen und Einrückungen*/
  .rueck {padding-left:35px;}  
  .mitte {text-align:center}
  table.mitte {margin:auto}
  .quelle, .autor, .datum {text-align:right;font-style:italic}  
  
/* Spezielle Tabellen */
  table.design, table.rahmen {background-color:white;border-spacing:0px;border-collapse:collapse;margin:auto;border:1px solid #A0A0A0}
  table.design td, table.design th,table.rahmen td, table.rahmen th {padding:5px;text-align:left}
  table.design td, table.rahmen td {text-align:left;vertical-align:top;}
  table.design th, table.rahmen th , tr.kopf td {font-weight:bold;vertical-align:middle;line-height:1}
  table.design td.rubrik, table.rahmen td.rubrik {text-align:right;vertical-align:top;font-weight:bold;}
  td.rahmenrechts {border-right:1px solid #A0A0A0}
  table.rahmen td, table.rahmen th {border:1px solid #A0A0A0}
  table.design caption, table.rahmen caption {font-weight:normal;text-align:left;font-size:18px;text-align:center}
  table.design th, table.rahmen th, tr.kopf td  {background:#e6e6e6}
  table.ohnerahmen {border: 0px !important;}
  table.ohnerahmen th, table.ohnerahmen th, table.ohnerahmen tr.kopf td  {background: none; !important}
/* Miniartikel*/
   .minirand {border:2px solid rgb(255,255,255);box-shadow:1px 1px 8px rgb(10,10,10);}
  #changer {display:inline-block;position:relative;max-width:100%;width:400px;height:100px;overflow:hidden;padding:0;margin:0;} 
  #changer > div{position:absolute;width:100%;}
  .change {transition:all 0.5s}
  .swapMini{transform:translate(0px,-100px);}
  .minartikel {display:inline-block;max-width:100%;width:20%;height:200px;color:black;overflow:hidden;text-align:justify;float:left;}
  .minpic{width:100%;height:80%;background-color:white;background-repeat:no-repeat;background-size:contain;background-position:center;margin:2px;padding:0;}
 
  .miniartikel {display:inline-block;max-width:100%;width:400px;height:200px;color:black;overflow:hidden;background:#f5f5f5;text-align:justify;}
  .miniartikel a,.minartikel a {text-decoration:none;color:black;}
  
  .picParent{position:relative;width:100%;height:65%;margin:0;padding:0;overflow:hidden;}
  .minipic{position:absolute;top:0px;z-index:0;transition:all 0.5s;width:100%;height:100%;background-color:white;background-repeat:no-repeat;background-size:cover;background-position:center;margin:0;padding:0;}
  .picParent:hover .minipic, .picParent:focus .minipic {transform: scale(1.2);}
  .minipic2{display:inline-block;width:30%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:left;margin:0;padding:0;}
  .minartikel h2{text-align:center;white-space:nowrap;color:black;margin-top:4px;}
/* Anreisser für Artikel und Rubriken */
  .anreisser {float:left;border:1px solid #fff;width:30%;height:320px;margin:0 0.5%;margin-bottom:12px;font-size:12px;box-shadow: 0px 0px 6px #c0c0c0;background:#f5f5f5;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;
  }
  .anreisserBanner {position:absolute;z-index:1;top:0px;color:black;font-size:18px;background-color:rgba(105,128,146,0.8);width:100%;padding:2px;} 
  .anreisser span {float:right;}
  .minitext{padding:5px 10px 5px 10px;}
  table .anreisser{width:98%;}
  #inhalt .anreisser a {color:black;text-decoration:none}
  #inhalt .anreisser h2 a{color:#000080}
  #inhalt .anreisser h2 a:hover {text-decoration:underline}
/* Galerie */
.galerie {text-align:center}
.galerie a {text-decoration:none}
.galeriethumb {
  display:inline; 
  height:153px;
}
/* WIKI */
.ok {
display:block;
background: url(../../images/icons/accept.png) 0px 0px no-repeat;
padding-left: 20px;
}
.fehler {
display:block;
background: url(../../images/icons/delete.png) 0px 0px no-repeat;
padding-left: 20px;
}
/* Listen */
ul li {list-style-image: url(dot.gif);}

ul.news {margin: 0px; padding: 0px; margin-left: 13px;}
ul.news li {margin-bottom: 8px;}
ul.calendar {margin: 0px; padding: 0px; margin-left: 13px;}
ul.calendar li {margin-bottom: 8px;}

.zumartikel {text-align:right;margin:0;margin-bottom:-10px;}

/* Seesite */
#pagenavi {
text-align: center;
}
#pagenavi2 {
text-align: center;
clear: both;
}
.seesite_image {
margin: 5px;
margin-left: 30px;
}
/* MISC */
.iconlink {
	display: inline;
	text-decoration: none;
}
.iconlink img {
	display: inline;
	position: relative;
	top: 3px;
}
.reflection { position:relative; height:100%; margin-top:3px; }
.reflection img {  
    transform: scaleY(-1);
    filter: flipv; opacity:0.40;
    filter: alpha(opacity='40');
}
.overlay { position:absolute; top:0px; left:0px; width:100%; height:100%;
    background-image: -moz-linear-gradient( rgba(255,255,255,0) 0%, rgb(255,255,255) 30%);
    background-image:   -o-linear-gradient( rgba(255,255,255,0) 25%, rgb(255,255,255) 40%);
    background-image:     -webkit-gradient( linear, left bottom, left top, color-stop(0.60, rgb(255,255,255)), color-stop(0.75, rgba(255,255,255,0)));
    filter: progid:DXImageTransform.Microsoft.Gradient( gradientType=0, startColor=0, EndColorStr=#ffffff);
} 
#cnavigation #next {
	position: absolute;
	top:22px;
	left:446px;
	height:100px;
	width:24px;
	font-size:1.8em;
}
#cnavigation #previous {
	position: absolute;
	top:22px;
	left:-260px;
	height:100px;
	width:24px;
	font-size:1.8em;
}
.terminliste td {vertical-align:top}
.rechtebox {background:#ddd;width:280px;float:right;               
                 box-sizing:border-box;
                 position:relative;padding:10px;
				 margin-bottom:1em;margin-right:-10px;margin-top:0;	
				 }
 .rechtebox .anreisser {float:none;background:transparent;height:auto;width:auto;padding:0;margin:0;margin-bottom:10px;font-size:13px;border:none;}
                 
 .rechtebox .anreisser img {display:none} 
 .rechtebox h2, .rechtebox h3 {margin:0;margin-bottom:10px}
 .rechtebox ul {margin: 0px; padding: 0px; margin-left: 13px;}
 .rechtebox hr {background:white;border:10px solid white;margin-left:-10px;margin-right:-10px}
 .galleiste {width:100%;padding:10px;text-align:center;}
 #galerie{position:relative;width:100%;height:200px;white-space:nowrap;overflow:hidden;}
 #galerie>div{position:absolute;height:200px;white-space:nowrap;transition:transform 0.3s ease-out;}
 .galleiste img {display:inline-block;margin-left:10px;height:200px;}
 .scrollHorizontal{position:relative;height:0.5em;left:5%;width:90%;background-color:rgba(0,0,0,0.2);border-radius:6px}
 .scrollHorizontal div{position:absolute;height:100%;background-color:rgb(150,150,150);border-radius:6px}
 table.contact {height:300px;float:left;margin-right:10px;/*background-color:rgb(250,250,250)*/} 
 table.contact td {padding:0 0.5em;vertical-align:top}
 table.contact img {height:200px;}

#coverDiv {position:relative;top:0;width:100%;display:inline-block;background-repeat:no-repeat;background-position:center;background-size:cover;text-align:center;box-sizing:border-box;}
#coverDiv>div{position:absolute;padding:0;margin:0;background-repeat:no-repeat;background-position:center;background-size:cover;width:100%}
#innen {white-space:nowrap;position:relative;width:100%;bottom:0.25em;font-size:2em;}
#innen span {color:grey;text-shadow:2px 2px 2px #000;}
#innen span[focus] {color:red;}
#innen span:hover{color:green;}
#alarm{position:absolute;left:3px;top:1%;color:black;font-size:2em;line-height:1.4em;border:1px solid black;background-color:rgba(255,255,255,0.5);display:inline-block;float:left;padding:0.5em;max-width:50%}
#alarm button{font-size: 1em;}
#alarm *{padding:0.2em;}
#einsteinerwerden{position:absolute;right:3px;top:1%;display:inline-block;float:left;width:30%;}
#einsteinerwerden img {width:100%;}
.fader{opacity:0.0} 
 
#startseite_kontakt{position:absolute;top:115px;right:20px;border:1px solid white;background:white;background:rgba(255,255,255,0.8);padding:0px 10px 0 10px}
#startseite_willkommen{position:relative;top:120px;left:35px;padding:0;margin:0}
#startseite_willkommen h2 {color:white;color:rgba(255,255,255,0.8);font-size:30px;padding:0;margin:0}

.startknopf{font-size:32px}	
  @media all and (max-width:1280px) {
	.startknopf{font-size:24px}
	#startseite_willkommen{left:15px}	
	#foerdergrafik {left:0px}	
  }    
  @media all and (max-width:960px) {
	.startknopf{font-size:16px}	
	.anreisser {width:99%;}
	.miniartikel{width:99%;margin:0.5em 0em;}
	#navigation .rubrik .lang {display:none} 
	#navigation .rubrik{font-size:16px;}
	#alarm{font-size:1em;}
  }
   @media all and (max-width:805px) {	
	#navigation a#rubrik1 {display:none}	
   }
   
   @media all and (max-width:740px) {			
	#startseite_willkommen{display:block;position:static}	
	#startseite_willkommen h2 {color:black;display:block;width:100vw;position:relative;top:-10px;line-height:1em}	
   }

  @media all and (max-width:685px) {
  	#navigation .rubrik {width:auto;padding-right:5px;padding-left:5px;}
  }
  
  @media all and (max-width:660px) {  	
  	#wiki {margin-right:0} 	
  	.rechtebox {left:0;margin-left:0px;float:none;margin-right:5px;margin-bottom:10px;width:auto}  	
  	.autorechts {display:none} 
  }
 
  @media all and (max-width:475px) {
  	#searchbox {display:none}
	#startseite_kontakt{position:static;padding:0} 	
  }
  
  @media all and (max-width:423px) {
  	#navigation .rubrik .kurz {display:inline}  	 
  }