/* Vorlage für alle Webseiten */
/* HTML-Elemente */

body {
   padding:0px; margin:10px;
   font-family:Arial,Helvetica,Sans-Serif;
   color:#000000; background:#F5F5DC; font-size:0.9em;
}
p { margin:2px; padding:0px;}
hr { margin:2px 3px; color: #20B2AA; background-color: #20B2AA; height:1px;}
h1,h2,h3,h4,h5,h6 {
 font-family:Arial,Helvetica,sans-serif; font-style:normal;
 margin:0px; padding:0px}
h1,h2,h4,h5,h6 { color:#000000;}
h3 { color:#CC0000;}
a:link {
 font-family:Arial,sans-serif; color:#000080; font-weight:normal;
 text-decoration:underline;
}
a:active {
 font-family:Arial,sans-serif; font-weight:normal; color:#000080;
 text-decoration:underline;
}
a:visited {
 font-family:Arial,sans-serif; font-weight:normal; color:#000080;
 text-decoration:underline;
}
a:hover {
 font-family:Arial,sans-serif; font-weight:normal; color:#000080;
 text-decoration:underline; background:#F5F5DC;
}
a:focus {
 font-family:Arial,sans-serif; font-weight:normal; color:#000080;
 text-decoration:underline; background:#F5F5DC;
}
ul {list-style-type:circle; }
li {margin:2px; padding:0px;} 

/* eigene Klassen */
#mother {
  text-align: left; margin: auto; height: 100%;
  border: 1px solid #20B2AA;
  color: #000000; background-color: #FFFFFF;
}
#kopf {
   padding:0px; margin:0px; 
   height: 80px; width: 100%;
   color:#000000; background:#FFFFFF;
   text-align:center;
}
#menu {
   margin:0px; padding:0px; clear: both;
   background: #F5F5DC; color:#000000;
   border-bottom:2px solid #008B8B; border-left:1px solid #008B8B;
   border-right:2px solid #008B8B; border-top:1px solid #008B8B;
}
#menuz1 {
   float: left; font-size:0.9em;
   margin:0px; padding:0px 3px;
   background:#FFA07A; color:#000000;
   border-right:2px solid #008B8B; border-top:1px solid #008B8B;
   border-left:1px solid #008B8B;
}
#menuz2 {
   clear:left; display: block;
   margin:0px 0px 3px 0px; padding:2px 0px 0px 2px;
   font-size:0.9em;   
}
#menuz3 {
  margin:2px 0px; padding:2px 0px; font-size:0.8em;
  color:#000000; background-color:#F5F5DC;
  border-top:1px solid #CCCCCC; 
}
#inhalt {
   clear:left;
   margin:15px 0px; padding:0px;
}
#fuss {
   clear:both; text-align:center;
   font-size:0.8em; 
   margin:0px; padding:3px;
   border-top:#20B2AA 2px ridge;
}

.mknopf {
  float:left; margin:2px; padding:2px 4px;
  background-color:#EDEDED; color:#000000;
  border:1px solid #999999;
}
.inaktiv {
  margin:2px 4px; padding:3px;
  border-top:none; border-left:none;
  border-right:2px solid #CCCCCC; border-bottom:2px solid #CCCCCC;
  color:#666666; background:transparent;
}
.uminaktiv {
  display: block;
  margin:2px 4px 2px 15px; padding:3px;
  color:#666666; background:transparent;
  border-top:none; border-left:1px solid #CCCCCC;
  border-right:2px solid #CCCCCC; border-bottom:2px solid #CCCCCC;
}

.links {
   margin:0px 0px 5px 5px; padding:0px;
   float:left; width:25%; font-size:0.9em;
}
.linksbox {
   margin:0px 0px 5px 5px; padding:2px;
   float:left; width:25%; font-size:0.9em;
   border:1px solid #FFA07A; 
   color: #000000; background: #EDEDED;
}
.rechts {
   margin:0px 0px 5px 30%; padding:0.9em;  
}
.rechtsbox {
   margin:0px 5px 5px 0px; padding:2px;  
   width:20%; font-size:0.8em; float:right;
   border:1px solid #FFA07A; 
   color: #000000; background: #EDEDED;
}
.mitte {
   margin:0px; padding:0.9em;  
}
.mittebox {
   margin:0px 25% 5px 30%; padding:0.9em;  
}

.sname {
   font-family:Arial,Helvetica,sans-serif;
   color:#000000; background:transparent;
   margin:0.8em 0px; padding:0px;
}
.abobunt {margin:15px 0px;}
.versteckt {display:none;}

.w3logo {margin:7px 0px 7px 10px; float:right; width: 90px; vertical-align: middle;}
.logo { border:none;}
.logol {float:left; margin:1px 10px 1px 0px; padding:0px; border:none;}
.logor {margin:1px 0px 1px 10px; padding:0px; float:right; border:none;}

.klbild {vertical-align:middle; margin:3px 0px 3px 10px; padding:0px; float:right;
 border:none;}
.bildl {float:left; vertical-align:middle;
 margin:5px 15px 5px 0px; padding:0px; border:none;}
.bildr {float:right; vertical-align:middle;
 margin:5px 0px 5px 15px; padding:0px; border:none;}
.bildm {text-align:center; vertical-align:middle;
 margin:10px 0px 5px 0px; padding:0px; border:none;}
.iconr {vertical-align:middle; margin:1px 2px 1px 5px; text-align:right;}
.iconl {vertical-align:middle; margin:1px 5px 1px 2px; text-align:left;}

.tfett {font-weight:bold;}
.tschwarz {color:#000000;}
.thervor {letter-spacing:0.1em; font-weight:bold;}
.bgross {
   margin:0px 2px 0px 2px;
   color: #FFA07A; background: transparent;
   font-weight:bold; font-size:1.3em;
}
.tklein {font-size:0.9em;}
.tgross {font-size:1.2em;}
.thell {color:#F5F5DC; background:transparent;}
.tgruen {color:#006600;}
.tunt {text-decoration: underline;}
.trenn {clear:both;}
.tmitte {text-align:center;}

.schule {background:#FFCC99;}
.allg {background:#FFCCCC;}
.bs {background:#FFCCFF;}
.tg {background:#CCCCFF;}
.bfs {background:#99CCFF;}
.bl {background:#66CC99;}
.partner {background:#99CC66;}

.neu {color:#FF0000;}

a.mknopf:hover {
 font-family:Arial,sans-serif; font-weight:normal; color:#000080;
 text-decoration:underline; background:#F5F5DC;
 border-right:none; border-bottom:none;
 border-top:2px solid #808B8B; border-left:2px solid #808B8B;
}
a.mknopf:focus {
 font-family:Arial,sans-serif; font-weight:normal; color:#000080;
 text-decoration:underline; background:#F5F5DC;
 border-right:none; border-bottom:none;
 border-top:2px solid #808B8B; border-left:2px solid #808B8B;
}

/* index */

#startseite h3 {
   margin:0.9em 0px; padding:0px;
}

#startseite table {
   border: 1px ridge #FFA07A;
   color: #000000; background: #EDEDED;
}

/* eigene Klassen */
#startseite #mother {
  text-align: left; margin: auto;
  border: 1px ridge #20B2AA;
  color: #000000; background: #FFFFFF;
}

#startseite #kopf {
   padding:0px; margin:0px; 
   height: 80px; width: 100%;
   color:#000000; background:#FFFFFF;
   text-align:center;
}
#startseite #mitte{
   clear:both;
   margin:0px; padding:20px 10px;
}
#startseite #fuss {
   clear:both;
   font-size:0.8em; height: 45px;
   margin:0px; padding:3px;
   border-top:#20B2AA 2px ridge;
}
#startseite #sart {
   clear: both; margin:0px; padding:0px;
   color:#000000; background: #FFA07A;
   text-align:center; font-weight:bold;
   font-size:1.1em; letter-spacing:0.1em;
   border:2px outset #20B2AA;
}  

#startseite .mlinks {
   float:left; margin:0px 10px 0px 10px; padding:0px; 
   width:260px; text-align:center; font-weight:bold;
}
#startseite .mrechts {
   margin:0px 10px 0px 320px; padding:0px; z-index: 1;   
   font-size:0.9em;
}
#startseite .logor {
  float:right; margin:1px 1px 1px 10px; padding:0px; border:none;}
#startseite .sfoto {border:1px ridge #FFA07A; margin:0px; padding:0px;}
#startseite .w3logo {
  margin:7px 0px 7px 10px; float:right; width: 90px;
  text-align: left; vertical-align:middle;
}

#startseite .tsfett {color:#336666; letter-spacing:2pt; font-weight:bold; background:#EDEDED;}
#startseite .versteckt {display:none;}
#startseite .bgross {
   margin:0px 2px 0px 2px;
   color: #FFA07A; background: #FFFFFF;
   font-weight:bold; font-size:1.3em;
}