html body {
	font-family: "Arial", sans-serif;
  
	color: #000555;
	font-size:10px;
	background-color: OliveDrab;
  

 

  
  background-size: cover;
  
  
  
  
}


#main  {position: relative;
        width: 1000px;
        height: 852px;
        top: 50%;
        left: 50%;
      
        margin-left: -300px;
        }

img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
    } 


div#seite {
	position: relative;
	visibility: inherit;
	top:  0em;
	left: 0em;
	z-index: 2;
	margin: auto;
height: auto;




}



div#rand2 {
	position: absolute;
	visibility: inherit;
	top:  10px;
	left: 40px;
	background-color: #ff9900;
	z-index: 2;
	height: 1000px;
	width: 10px;
}


div#schlange {
	position: absolute;
	visibility: inherit;
	top:  150px;
	left: 0px;
	z-index: 2;
	color: #00008F;
	width: 100%;
}



div#inhalt-logo {
	position: absolute;
	visibility: inherit;
	top:  10px;
	left: 50px;
	z-index: 2;
	height: 120px;
	width: 1000px;
	background-color: #ffffff;
}
#logo1 {
	position: absolute;
	visibility: inherit;
	top:  16px;
	left: 30px;
}
#logo2 {
	position: absolute;
	visibility: inherit;
	background-color: #ffffff;
	top:  10px;
	left: 375px;
	z-index: 2;
}
#logo-text {
	position: absolute;
	visibility: inherit;
	background-color: #ffffff;
	top:  30px;
	left: 360px;
	height: 20px;
	text-align: center;
		color: #00008F;
}
div.wrscolor {
	position: absolute;
	visibility: inherit;
	top:  700px;
	left: 350px;
	z-index: 2;
	color: #00008F;
	width: 100%;
}

div.schule {


  float: right;
  width: 25%;
  border: thin silver solid;
  margin: 1.5em;
  padding: 1.5em;
}

div.schule1 {


  float: left;
  width: 25%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 1.5em;
}








div.schule p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}




div.autoscaled {
width:auto;
}

img {
border:none;
max-width:100%;
height:auto;
}




div.bildrechts {
	position: absolute;
	visibility: inherit;
	top:  210px;
	left: 390px;
	z-index: 2;
	background-color: #ffffff;
	color: #00008F;
	font-size: .8em;
	font-family: Arial, sans-serif;
	text-align: left;
}
.boxhead {
	position: absolute;
	visibility: inherit;
	top:  340px;
	left: 0px;
	z-index: 2;
	background-image: url(../pics/heads.gif);
	background-color: #33FFFF;
	color: #ff008F;
	font-size: 14pt;
	font-family: "Optima", sans-serif;
	padding: 10px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	clear: both;
}
div.boxtext {
	background-color: #FFFFFF;
	width: 100%;
	color: #00008F;
	font-size: 10pt;
	font-family: "AvantGarde Bk BT", "Arial", sans-serif;
	text-align: left;
	padding: 10px;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
	margin: 5px;
}


div.kopfmitte {
	position: absolute;
	visibility: inherit;
	top:  155px;
	left: 300px;
	height: 60px;
	width: 770px;
	z-index: 7;
	background-color:  #ffffff;
	color: #000099;
	font-size: 14pt;
	font-family: arial, sans-serif;
	padding: 10px;
	text-align: left;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
}


div.textmitte {
	position: absolute;
	visibility: inherit;
	top:  160px;
	left: 300px;
	width: 655px;
	z-index: 5;
	height: 780px;
	color: #000099;
	font-size: 12pt;
	font-family: Arial, sans-serif;
  background-color: #ffffff;
  opacity: 0.85;
  
}    
#text1 {
	position: absolute;
	visibility: inherit;
	top:  45px;
	left: 0px;
	width: 525px;
	height:180px;
	z-index: 1;
	color: #000099;
	
	font-family: Arial, sans-serif;
	padding: 10px;
	text-align: left;
	background-color: #ffffff;
}
#text2 ul{
	position: absolute;
	visibility: inherit;
	top:  230px;
	left: 20px;
	width: 250px;
	z-index: 3;
	color: #000099;
	font-family: Arial, sans-serif;
  font-size: 1em;
	padding: 0px;
	text-align: left;
	background-color: #ffffff;
}


#text3 ul{
	position: absolute;
	visibility: inherit;
	top:  220px;
	right: 30px;
	width: 250px;
	z-index: 3;
	color: #000099;
	
	font-family: Arial, sans-serif;
   font-size: 1em;
	padding: 10px;
	text-align: left;
	background-color: #ffffff;
}


#text4 ul{
	position: absolute;
	visibility: inherit;
	top:  460px;
	left: 15px;
	width: 250px;
	z-index: 7;
	color: #000099;
	
	font-family: Arial, sans-serif;
	padding: 10px;
	text-align: left;
	background-color: #ffffff;
}


#text5 ul{
	position: absolute;
	visibility: inherit;
	top:  420px;
	right: 30px;
	width: 250px;
	z-index: 7;
	color: #000099;
	
	font-family: Arial, sans-serif;
	padding: 10px;
	text-align: left;
	background-color: #ffffff;
}
#text6 ul{
	position: absolute;
	visibility: inherit;
	top:  620px;
	right: 30px;
	width: 250px;
	z-index: 7;
	color: #000099;
	
	font-family: Arial, sans-serif;
	padding: 10px;
	text-align: left;
	background-color: #ffffff;
}

.textsize { font-size: 14px;}

div.head {
	position: absolute;
	visibility: inherit;
	top:  20px;
	left: 50px;
	height: 100px;
	width: 800px;
	z-index: 2;
	background-color: #FFFFcc;
	border: dotted;
}
#headbottom {
	position: absolute;
	visibility: inherit;
	top:  120px;
	left: 0px;
	z-index: 2;
	width: 1050px;
	background-color: #ffcc66;
	color: #FFFFFF;
	font-size: 1em;
	font-family: "AvantGarde Bk BT", "Arial", sans-serif;
	text-align: center;
	vertical-align:middle;

}
div.bottomtop {
	position: absolute;
	visibility: inherit;
	top:  950px;
	left: 300px;
	width: 645px;
	z-index: 6;
	background-color: #00AA00;
	color: #FFFFFF;
	font-size: 12px;
	font-family: "AvantGarde Bk BT", "Arial", sans-serif;
}
div.scroll {
	overflow: auto;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 655px;
	height: 750px;
	background: #ffffff;
}
div.bottom {
	position: absolute;
	visibility: inherit;
	top:  980px;
	left: 295px;
	width: 640px;
	z-index: 6;
	background-color: #FFFFFF;
	color: #00008F;
	font-size: 8pt;
	font-family: "AvantGarde Bk BT", "Arial", sans-serif;
	padding: 2px;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
}
div.start {
	background-image: url(../pics/wrsmatt.jpg);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #FFFFFF;
	height: 400px;
	color: #FFFFFF;
	font-size: 10pt;
	font-family: "Optima", sans-serif;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	z-index: 4;
}
#azwv {
	background-color: #cccccc;
	position: absolute;
	visibility: inherit;
	top:  0px;
	left: 900px;
	z-index: 4;
	width: 150px;
	height: 120px;
}
.azwv-text {
	background-color: #cccccc;
	position: absolute;
	visibility: inherit;
	top:  -20px;
	left: 0px;

	font-size: 1.5em;

	z-index: 4;
	
	
}
.middle{
        vertical-align:baseline;
        }

#gelb-hintergrund {
	background-color: #ccff66;
	position: absolute;
	visibility: inherit;
	top:  159px;
	left: 50px;
	z-index: 4;
	width: 1050px;
	height: 850px;

	opacity: 0.1;
}

   #prick {

	position: absolute;
	visibility: inherit;

	top:  90px;
	left: 50px;
	z-index: 4;
 

}


  #kabbe {

	position: absolute;
	visibility: inherit;

	top:  330px;
	left: 50px;
	z-index: 4;
 

}
#ausrichtung {

	position: absolute;
	visibility: inherit;

	top:  30px;
	left: 0px;
	z-index: 4;
 

}



.text-weiss {
	font-family: Arial;
	font-size: 14px;
	text-align: left;
	margin-left: 0px;
	margin-right: 0px;
	color: hsl(120, 100%, 50%);
}

.text-schule {
	font-family: Arial;
	font-size: 13px;
	text-align: left;
	margin-left: 0px;
	margin-right: 0px;

}

.text-17px {
	font-family: Arial;
	font-size: 17px;
	text-align: left;
	margin-left: 0px;
	margin-right: 0px;

}



.text-rot {
	font-family: Arial;
	font-size: 12px;
	text-align: left;
	margin-left: 0px;
	margin-right: 0px;
	color: #cc0033;
}
.text-blau {
	font-family: Arial;
	font-size: 15px;
	text-align: left;
	color: #000099;
}

.text-blau1 {
	font-family: Arial;
	font-size: 16px;
	text-align: left;
	color: #000099;
}

.text-ueberschrift{
        text-align: center;
        vertical-align:0px;
        font-size: 1.6em;
        margin-left:0px;
}




.length {
	line-height: 1.4em;
}
.rot_transparent {
	color: rgba(255, 0, 0, 0.25);
}
.hsl_gruen_transparent {
	color: hsla(120, 100%, 50%, 0.90);
}
.hsl_gruen {
	color: hsl(120, 100%, 50%);
}


.hsl_white {
        color:hsla(0, 0%, 100%, 0.4);           
          }
           

.groesser {
	font-size: 16px;
}

.fetter {
	font-weight: bold;
}

h3 {
	display: inline;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #000000;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
}
h1.textblau {
	
	font-size: 16px;
	text-align: left;
	color: #000099;
}






h1.textblau2 {
	font-family: Arial;
	font-size: 18px;
	text-align: left;
	color: #000099;
}        
img.at {
	width: 17px;
	height: 15px;
	padding-left: 2px;
	padding-right: 2px;
}
.pre-wrap {
	white-space: pre-wrap;
}
.ohne {
	display: inline;
}

strong.dick {
	font-weight: bold;
}
.ueberschrift-gross {
	display: inline;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #000099;
	padding-left: 5px;
	text-align: center;
}


.riesig {
	font-size: 3em;
	font-variant: small-caps;
	font-weight: normal;
	text-align: center;
}

.mitte   {	
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 1.5em;
    padding-top:10px;
    margin:5px;
    
    font-weight: bold;

    }
    
.blink { text-decoration:blink;}   

h1.mittig {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: center;
 font-size: 0.9em;
 margin-left:20px;
}


h2.index {
    display: inline;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;

	font-size: 0.9em;
}

.traeger
        {
        margin-left:91px;
        }




.abstand1 {
	margin-left: 250px;

}
.zeile {
	vertical-align: 10px;

}


.abstand2 {
	margin-left: 40px;
	padding-right: 25px;
}


.abstand-ueber {
	margin-left: 20px;
}

.abstand-ueber1 {
	margin: 15px;
	
	text-align: center;

}

.abstand-vorzuege {
            margin-left: 55px;


            }




.abstand-unterricht {
    top:20px;
	margin-left: 20px;
}

.abstand-unterricht1 {
	margin-left: 20px;
}


.abstand-unterricht2 {
	margin-left: 30px;

}



.abstand-unterricht3 {
	margin-left: 20px;
}

.abstand-unterricht4 {
	margin-left: 5px;
}
.abstand-rand {
	margin-left: 20px;
	margin-right:30px;
}



.abstand-wrsstart {
	position: absolute;
	visibility: inherit;
	top:  10px;
	left: 90px;
}


.abstand-wrsstart-bemerkung {
	position: absolute;
	visibility: inherit;
	top:  10px;
	left: 470px;
}




.trennlinie{
         border:0px;
         height:2px;
         width:400px;
}

.aesculap {
    border:0px;
    height:300px;
    width:96px;
}
.bg{
      border:0px;
    height:4px;
    width:400px;

}


#php-include {
	background-color: #cccccc;
	position: absolute;
	visibility: inherit;
	top:  200px;
	left: 100px;
	z-index: 7;
	width: 450px;
	height: 500px;
}


/* --------------------------- */
div#textbereich1-leine
	{
         position: relative;

	left: 50px;


	z-index: 1;
	background-color: #FF9900;
	}


#box-leine
	{
          position: relative;
          top:150px;
           left:50px;
          float:left;
	z-index: 2;
	background-color: #ff9900;
	}


#box-leine a {
	position:relative;
	color:#ffffff;
	background:#ff9900;
	font-size:medium;
	text-decoration:none;
	display:block;
	width:40px;
	padding:1px;
	border:1px solid black;
	z-index: 7 ;
	}

#box-leine a:hover {
	color:black;
	background:#ddd8b7;
		z-index: 7 ;
	
	}


#box-leine a span
	{
	display:none;
	}


#box-leine a:hover span {
	position:absolute; top:10px; left:10px; z-index:6;
	display:block;
	width:600px;
	color:black;
	background:#ffffff;
	font:normal 16px courier, sans-serif;
	border:1px solid black;
	padding:2px;
	}

.unterstrich_weg   {text-decoration:none;}
/* --------------------------- */

.text-gabriela {
  font-family: 'Gabriela', serif;
}