html * { font-size: 100.01% }
body {font-family:Arial,Verdana,Helvetica,sans-serif;font-size:99.0%;color:#333;background:#980000;word-wrap:break-word;}

#kopf {width:100%;height:295px;background-color:#000;} 

#topFF {position:relative;top:-255px;left:50%;width:333px;height:85px;z-index:2;}
#topLogo {position:relative;width:133px;height:170px;margin-top:-3px;margin-left:-98%;z-index:3;}

#content {width:900px;height:auto;margin:0 auto;margin-top:1px;background:#fff;}  /*#fff*/
#sideLi, #main, #sideRe {height:auto;padding:22px 10px;margin:0;text-align:justify;}
#sideLi{width:22%;float:left;padding-left:11px;}
#main {width:49%;float:left;border-left:1px dashed #660000;border-right:1px dashed #660000;margin-top:-11px;}
#sideRe {width:22%;float:right;padding-left:0px;}

#sideLi p, #sideRe p {font-size:95%;}


#topNav{height:25px;width:100%;background:url('../image/nav.png') repeat-x;text-align:center;letter-spacing:0.5px;margin-top:-11.5px;}
#topNav ul {display:block;background:transparent;margin-left:7.5%;}
#topNav li {float:left;border-left:1px #fff solid;list-style-type:none;} 
#topNav a {font-size:12.5px;font-weight:bold;color:#fff;text-decoration:none;text-align:center;padding:0 15px;}
#topNav a:hover {background:url('../image/nav-grey.PNG') repeat-x;color:#fff;text-decoration:underline;}

.topTermin {width:102.2%;height:auto;margin:-11px 0px 11px -10px;background:#ffd700;padding:5px;text-align:center;border-bottom:2.5px solid #ff0000;}

img {border:1px #ddd solid;border-style:collapse;}

img.zoom, img.zoom-kl {
 transition: transform 0.8s;
 -moz-transition: transform 0.8s;
 -webkit-transition: transform 0.8s;
 -o-transition: transform 0.8s;
 -ms-transition: transform 0.8s;
}
img.zoom:hover, img.zoom-kl:hover {
	overflow:scroll;
 cursor: zoom-in;
 cursor: -moz-zoom-in;
 cursor: -webkit-zoom-in;
 transform: scale(2.0, 2.0);
 -moz-transform: scale(2.0, 2.0);
 -webkit-transform: scale(2.0, 2.0);
 -o-transform: scale(2.0, 2.0);
 -ms-transform: scale(2.0, 2.0);
}

.boxRow {margin-top:-20px;margin-left:0px;width:99.5%;height:auto;display:block;overflow:hidden;padding:25px 0 5px 0;}
.box {float:left;width:15%;height:auto;margin-right:8px;margin-top:-20px;}
.box cite {font-size:10px;color:#666;line-height:13px;vertical-align:top;margin-top:12px;}
.box pre {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;line-height:9px;font-style:normal;color:#444;text-align:center;margin:0;} 


  h1,h2,h3,h4,h5,h6,big,var {font-family:Times,"times new roman",georgia,serif;font-weight:normal;line-height:95%;margin:30px 0 10px 0;}

  h1 {font-size:170.0%;color:#660000;text-align:left; }                    
  h2 {font-size:160%;color:#660000;text-align:left; } /* für sideLi + sideRe */
  h3 {font-size:150%;color:#660000;margin:0;}  /* #b17b00 */
  h4 {font-size:150%;color:#660000;background:#ffd700;padding:3px 5px 4px 5px; } 
  h5 {font-size:133.33%;color:#660000;font-style:italic; letter-spacing:0.5px;text-align:center; }                 
 /* h6 {font-size:133.33%;color:#980000;background:#eee;padding:3px 5px 4px 5px;}  */
  h6 { font-size:230%;color:#980000;font-weight:bold;margin-top:-0.5px;margin-bottom:-2px;} /* für TABLE */
  		

   .note {background:#ffd700;padding:3px 5px 4px 5px;border-top:2px dashed #fff;border-bottom:2px dashed #fff;margin-top:22px;}   /*ffce05    b17b00*/
   .wichtig {background:#ffcbca;padding:3px 5px 4px 5px;border-top:2px dashed #fff;border-bottom:2px dashed #fff;}
   .darkred {background:#ff0000;padding:2px 5px 4px 5px;border:0.5px solid #990000;border-bottom:2px solid #990000;border-left:2px solid #990000;color:#fff;}
   .rosa {background:#fdd;padding:2px 5px 4px 5px;border:0.5px solid #bbb;border-bottom:2px solid #bbb;border-left:2px solid #bbb;}
   .hellblau {background:#b9e5fb;padding:2px 5px 4px 5px;border:0.5px solid #bbb;border-bottom:2px solid #bbb;border-left:2px solid #bbb;}
   .gelb {background:#ffff5f;padding:2px 5px 4px 5px;border:0.5px solid #ffd700;border-bottom:2.5px solid #ffd700;border-left:2.5px solid #bbb;}
   .grau {background:#eee;margin:15px 0px;padding:5px 5px 4px 5px;border:2px dashed #980000;font-size:90%;}
  
	.zeile {background: #b9e5fb; padding: 0.1em -0.2em 0.1em 0.5em; border: 1.5px transparent; }  
    .abstand {background: transparent; padding: 0.2em -0.2em 0.2em 0.5em; border: 1.5px transparent;}


#ferien { margin:0px;padding:0px;list-style:none;border-left:1px solid #fdd; }
.uno { margin:0;width:99.9%;padding-left:6px;line-height:22px;text-align:left;}
.due { background:#ffffba;margin:0;width:99.9%;padding-left:6px;line-height:22px;text-align:left;} 
#ferien b { float:right;padding-top:5px;padding-right:3px; } 
#ferien li { list-style-type:none;clear:right; } 


  
p {color:#333;margin-top:-5px;}
span {font-size:14px;font-style:italic;font-weight:bold;letter-spacing:1px;color:#fff;}  /* nur für "unsere freiwillige FF" */
em {font-family:Arial,Verdana,Helvetica,sans-serif;font-size:95.0%;font-style:normal;color:#444;}
code {font-family:Arial,Verdana,Helvetica,sans-serif;font-size:85.0%;color:#444;}
cite {font-size:85.0%;color:#666;}
small {font-size:90.0%;color:#666;}
kleiner {font-size:82.0%;color:#666;}
big {font-size:170%;font-weight:bold;line-height:90%;color:#980000;margin-right:8px;}  /* margin: 0.1em 0.5em 0em 0em; */
var {font-size:170%;font-weight:normal;font-style:normal;line-height:90%;color:#555;margin-right:8px;} /* margin: 0.1em 0.5em 0em 0em; */
sup {font-size:85%;font-weight:normal;}
kbd {background:#ffd700; font-family:sans-serif;font-size:85%;color:##e3aa59;padding: 0em 0.8em 0em 0.8em;}
pre {font-family:monospace;font-size:1.1em;}


hr {background:transparent;margin: 0 0 15px 0;padding: 0 0 5px 0;border:0;border-bottom:1px dashed #660000;}

a { font-weight:bold;font-size:100%;color:#990000;text-decoration:none; }
a:focus,a:hover,a:active {color:#182e7a;text-decoration:underline;}
a img {border:none;}

.tt {background:url('../image/butt.png') no-repeat;background-position:left center;padding-left:15px;margin:0 5px; }


table {width:99.9%;border-collapse:collapse;border:1.5px solid #980000;text-align:left;border-spacing:0px 12px;}


/* Liste mit roten quadraten */
ul {width:97%;margin-left:-25px;}
li {list-style:square;color:#c00;font-size:120%;vertical-align:bottom; }
li p {color:#444;font-size:85%;line-height:85%;text-align:left;margin-top:-5px;}

.fussZeile  {display:none;}


@media print {
body {border:0;margin:15px auto;}

/*code {display:none;}
var {font-size:125%;}*/

}