*
{
margin: 0;
padding: 0;
border: 0;
background-color: transparent;
}

html {
height:100%;
text-align: center;
background-image: url(bilder/back11.gif);
background-repeat: repeat-x;
background-position: 0 0;
}




body {
font-family : verdana, arial, helvetica, sans-serif;
font-size : 95%;
max-width: 1000px;
padding: 10px 10px 0 10px;
margin: 0 auto;
text-align: center;
}


.top
{
font-size: 0.9em;
letter-spacing: 0px;
font-weight: ;
color: #000080;
}

.top2
{
font-size: 0.7em;
}





h1 {
width: 98%;
height: 3em;
font-size : 1.3em;
font-weight : bold;
line-height: 1.4em;
letter-spacing: 0px;
color : #2F2F2F;
margin : 30px 0 35px 0;
padding: 0 0 0 0px;
border-bottom: px solid #000;
}

h2 {
clear: both;
width: 100%;
color : #000080;
font-size : 1.1em;
font-weight : bold;
margin : 0 0 20px 0;
border-bottom: 1px solid #000080;
}

h3 {
clear: both;
width: 98%;
color : #2f2f2f;
font-size : 1em;
font-weight : bold;
text-align : left;
margin : 0 0 5px 0;
}

h4 {
clear: both;
width: 100%;
color : #000;
font-size : 1em;
font-weight : bold;
text-align : left;
margin : 0 0 5px 0;
}


a:link, a:visited
{
color : #CC0000;
text-decoration : none;
}

a:hover,
a:active,
a:focus
{
color : #000;
text-decoration : underline;
}







#navc {
float: left;
width: 100%;
margin: 36px 0 40px 0;
font-size: 1em;
color: #7F7F7F;
text-align: left;
font-family : arial, helvetica, sans-serif;
}

#navc ul
{
float: left;
width: 100%;
list-style-type: none;
text-align: left;
}


#navlistc li
{
float: left;
width: 100%;
font-family : arial, helvetica, sans-serif;
font-weight: bold;
}


#navlistc li a,
#navlistc li a:visited
{
display: block;
color: #5f5f5f;
text-decoration : none;
padding: 4px 2px;
margin: 1px 0;
border-bottom: 0px solid #DBDBDB;
}

#navlistc li a:hover,
#navlistc li a:active
{
display: block;
color: #000;
background-color: #e5e5e5;
text-decoration : none;
padding: 4px 2px;
margin: 1px 0;
border-bottom: 0px solid #DBDBDB;
}


#navlistc li.m401 a,
#navlistc li.m402 a,
#navlistc li.m403 a,
#navlistc li.m404 a,
#navlistc li.m401 a:visited,
#navlistc li.m402 a:visited,
#navlistc li.m403 a:visited,
#navlistc li.m404 a:visited
{
display: block;
color: #5f5f5f;
text-decoration : none;
margin: 1px 0;
padding: 2px 2px 2px 20px;
}


#navlistc li.m401 a:hover,
#navlistc li.m402 a:hover,
#navlistc li.m403 a:hover,
#navlistc li.m404 a:hover
{
display: block;
color: #000;
text-decoration : none;
margin: 1px 0;
padding: 2px 2px 2px 20px;
}

#a401 #navlistc li.m401 a,
#a402 #navlistc li.m402 a,
#a403 #navlistc li.m403 a,
#a404 #navlistc li.m404 a
{
display: block;
color: #000;
text-decoration : none;
margin: 1px 0;
padding: 2px 2px 2px 20px;
background-color: ;
}




#a10 #navlistc li.m1 a,
#a20 #navlistc li.m2 a,
#a30 #navlistc li.m3 a,
#a401 #navlistc li.m4 a,
#a402 #navlistc li.m4 a,
#a403 #navlistc li.m4 a,
#a404 #navlistc li.m4 a,
#a41 #navlistc li.m41 a,
#a42 #navlistc li.m42 a,
#a43 #navlistc li.m43 a,
#a50 #navlistc li.m5 a,
#a60 #navlistc li.m6 a,
#a70 #navlistc li.m7 a,
#a80 #navlistc li.m8 a
{
display: block;
color: #000;
background-color: gainsboro;
font-weight: bold;
text-decoration : none;
padding: 4px 2px;
margin: 1px 0;
background-image: url(bilder/back-7.gif);
background-repeat: repeat-y;
background-position: 100% 0;
}













#all {
float: left;
width: 100%;
background-color: ;
}


#topa {
float: left;
width : 100%;
height : auto;
margin: 0 0 15px 0;
background-image: url(bilder/schueler2.jpg);
background-repeat: repeat-x;
background-position: 0 50%;

}



#top1 {
float: left;
width : 20%;
height : 120px;
font-size: 2em;
text-align: left;
background-color: ;
border: px solid #ccc;

}



#top2 {
float: right;
width : 79%;
height : 120px;
text-align: center;
}


#top21 {
float: left;
width : 73%;
height : 120px;
border: px solid #ccc;
background-color : #ECF3FF;
filter:alpha(opacity=85);
-moz-opacity:0.85;
opacity:0.85;
}

#top210 {
float: ;
text-align: left;
font-size: 1.3em;
color: #000080;
font-weight: ;
width : 81%;
margin: 0 auto ;
height : 90px;
padding: 40px 0 0 0;
border-left: 0px solid #AFAFAF;
}


#top22 {
float: right;
width : 27%;
height : 120px;
font-size: 1em;
border: px solid #ccc;
}
#top220 {
float: right;
width : 100%;
height : 70px;
padding: 50px 0 0 0;
font-size: 1.1em;
font-weight: bold;
color : #000;
text-align: center;
}






#mid0 {
clear: both;
float: left;
width : 100%;
overflow: hidden;
}


#left {
float: left;
width: 21%;
padding: 70px 0 8000px 0;
margin: 0 0 -8000px 0;
text-align: right;
font-size: 0.7em;
background-color : #e9e9e9;
background-image: url(bilder/.gif);
background-repeat: repeat-y;
background-position: 0 0;
}


.mid1 {
float: right;
width: 95%;
text-align: right;
color: #5F5F5F;
background-color : ;
}

.mid11 {
float: left;
font-size: 0.9em;
padding: 5px 0 0 5px;
text-align: left;
color: #5F5F5F;

}

#mid2 {
float: right;
width : 77%;
border-bottom: 1px solid #FFFFD9;
}


#mid21 {
float: left;
width : 69%;
min-height: 1000px;
height: auto !important;;
height: 1000px;
text-align: center;
border-top: 1px solid #ccc;
background-color : #fff;
}





#mid210 {
width : 85%;
min-height: 525px;
height: auto !important;
height: 525px;
margin: 0 auto ;
padding: 0 0 20px 0;
font-family : verdana, arial, helvetica, sans-serif;
text-align: left;
font-size: 0.75em;
line-height: 1.4em;
color: #2f2f2f;
}

#mid210 td
{
vertical-align: top;
font-size: 1em;
color: #2f2f2f;
}

#mid210 ol
{
margin:  0 0 0 10px;
padding: 0;
}


#mid210 ul
{
margin:  0 0 0 5px;
padding: 0;
}


#mid210 li
{
margin:  5px 0 0 20px;
}


#right {
float: right;
width : 28%;
min-height: 525px;
height: auto !important;
height: 525px;
padding: 115px 0 6000px 0;
margin: 0 0 -6000px 0;
text-align: right;
font-size: 0.8em;
color: #3f3f3f;
background-color : #e9e9e9;
}



.mid22 {
float: left;
height: auto;
width : 100%;
margin: 0 auto;
text-align: center;
}


.mid220 {
height: auto;
width : 90%;
margin: 0 auto;
text-align: left;
font-size: 0.9em;
}

.mid220 li {
margin: 5px 0 0 15px;
}


#footer {
display: none;
float: left;
font-size: 0.7em;
text-align: center;
width: 100%;
height: auto;
}