#container {
width: 1250px;

margin: 0 auto;
}
{
margin: 0px;
padding: 0px;
}

body
{
background: #fff url('hintergrund.-beta1.gif') repeat;

font-size: 13px;
font-family: "verdana", helvetica, sans-serif;
color: #4A4A4A;
}

p
{
display: block;
text-align: center;
}

a
{
color: #6C3C1E;
text-decoration: underline;
}

a:hover
{
text-decoration: none;
background-color: #D6C3C1E;
color: #6C3C1E;
}



em
{
font-style: italic;
}

h1,h2,h3,h4,h5,h6,th
{
font-family: "verdana", serif;

font-weight: normal;
}



h3
{

margin: 0px 20px 0px 30px;

font-size: 26px;
text-decoration: underline;
font-weight: bold;

}

h4
{

margin: 0px 0px 0px -40px;

font-size: 18px;
text-decoration: underline;
font-weight: bold;

}
h5
{

margin: 0px 0px 0px 0px;


font-size: 14px;

font-weight: bold;

}


li
{
padding-left: 2px;
margin: 0px 20px 5px 0px;

    
}

ul
{
padding-left: 2px;
margin: 20px 30px 5px 0px;


}
.menu:link { color: #000000; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; letter-spacing: 1px }
.menu:visited { color: #000000; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; letter-spacing: 1px }
.menu:hover { color: #333399; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; letter-spacing: 1px }

#schueler
{
background-image: url('flecken-menue/schueler.jpg');
position: absolute; 
margin: 100px 0px 0px 0px;

width:180px;
height:140px;

}

#eltern
{
background-image: url('flecken-menue/eltern.jpg');

position: absolute;
width: 149px;
height: 130px;
margin: 0px 0px 0px 1000px;


}

#text-li
{
width: 650px;
position: absolute;
text-align: justify;
margin: 30px 0px 0px 30px;

}

#text-li1
{
width: 450px;
position: absolute;
text-align: justify;
margin: 0px 0px 0px 270px;


}

#text-li2
{
width: 450px;
position: absolute;
text-align: justify;
margin: 160px 0px 0px 20px;



}

#text-li3
{
width: 450px;
position: absolute;
text-align: justify;
margin: 300px 0px 0px 270px;



}

#text-li4
{
width: 550px;
position: absolute;
text-align: justify;
margin: 250px 0px 0px 100px;


}

#text-li5
{
width: 650px;
position: absolute;
text-align: justify;
margin: 0px 0px 0px 65px;


}
#links
{
width: 500px;
position: absolute;
text-align: justify;
margin: 45px 0px 0px 670px;

}


#start
{
width: 500px;
position: absolute;
text-align: justify;
margin: 45px 0px 0px 170px;

}

#startunten
{
width: 500px;
position: absolute;
text-align: justify;
margin: 0px 0px 0px 185px;

}

#startuntenklein
{
width: 500px;
position: absolute;
text-align: justify;
margin: 0px 0px 0px 0px;

}

#startuntenkleinrechts
{
width: 500px;
position: absolute;
text-align: justify;
margin: 20px 0px 0px 180px;

}

#startgif
{
width: 500px;
position: absolute;
text-align: justify;
margin: 0px 0px 0px 140px;

}

#logo1
{
background-image: url('logo_ws.gif');
position: relative;
margin: -205px 0px 0px 500px;


width:161px ;
height: 86px;
}

#fleckrot
{
background-image: url('fleck-rot.gif');
position: relative;
margin: 280px 0px 0px 1010px;


width:182px ;
height: 160px;
}
#fleckrot1
{
background-image: url('fleck-rot.gif');
position: relative;
margin: -280px 0px 0px 1010px;


width:182px ;
height: 160px;
}
#fleckrot2
{
background-image: url('fleck-rot.gif');
position: relative;
margin: -350px 0px 0px -200px;


width:182px ;
height: 160px;
}
#fleckrot3
{
background-image: url('fleck-rot.gif');
position: relative;
margin: 250px 0px 0px 780px;


width:182px ;
height: 160px;
}
#fleckrot4
{
background-image: url('fleck-rot.gif');
position: relative;
margin: -200px 0px 0px -250px;


width:182px ;
height: 160px;
}



#text-li6
{
width: 650px;
position: absolute;
text-align: justify;
margin: 10px 0px 0px 70px;


}

#text-li6a
{
width: 650px;
position: absolute;
text-align: justify;
margin: 120px 0px 0px 75px;

font-size:16px;

}

#text-li7
{
width: 600px;
position: absolute;
text-align: justify;
margin: 40px 0px 0px 70px;


}

#text-li8
{
width: 500px;
position: absolute;
text-align: justify;
margin: 120px 0px 0px 90px;


}

#text-li9
{
width: 600px;
position: absolute;
text-align: justify;
margin: 20px 0px 0px 90px;




}

#text-li10
{
width: 500px;
position: absolute;
text-align: justify;
margin: 60px 0px 0px 90px;



}
#paeda
{

position: absolute;

margin: 270px 0px 0px 70px;


}


#text-ri
{
width: 390px;
position: absolute;
text-align: justify;
margin: 110px 0px 0px 320px;


}

#wir
{
width: 490px;
position: absolute;
text-align: justify;
margin: 20px 0px 0px 340px;


}

#titleun
{
width: 350px;
position: absolute;
font-size: 20px;
font-weight:bold;
color: #89899D;
text-align: justify;
margin: -50px 0px 0px 320px;


}

#titlepaed
{
width: 350px;
position: absolute;
font-size: 20px;
font-weight:bold;
color: #89899D;
text-align: justify;
margin: -50px 0px 0px 250px;



}

#titlelrs
{
width: 550px;
position: absolute;
font-size: 20px;
font-weight:bold;
color: #89899D;
text-align: justify;
margin: -20px 0px 0px 220px;

}

#titlebeg
{
width: 550px;
position: absolute;
font-size: 20px;
font-weight:bold;
color: #89899D;
text-align: justify;
margin: -20px 0px 0px 270px;


}

#titleleit
{
width: 550px;
position: absolute;
font-size: 20px;
font-weight:bold;
color: #89899D;
text-align: justify;
margin: -20px 0px 0px 300px;


}

#titleschul
{
width: 550px;
position: absolute;
font-size: 20px;
font-weight:bold;
color: #89899D;
text-align: justify;
margin: -20px 0px 0px 300px;


}

#titleschulgeb
{
width: 550px;
position: absolute;
font-size: 20px;
font-weight:bold;
color: #89899D;
text-align: justify;
margin: -20px 0px 0px 300px;



}

#wirt
{
width: 200px;
position: absolute;
margin: 60px 0px 0px 120px;


}


#wirts
{
width: 200px;
position: absolute;
margin: 50px 0px 0px 380px;


}
#wirtss
{
width: 200px;
position: absolute;
margin: 150px 0px 0px 150px;


}
#wirtsss
{
width: 200px;
position: absolute;
margin: 130px 0px 0px 420px;


}

#paed
{
width: 200px;
position: absolute;
margin: 160px 0px 0px 120px;


}


#paeds
{
width: 200px;
position: absolute;
margin: 150px 0px 0px 380px;

}
#paedss
{
width: 200px;
position: absolute;
margin: 290px 0px 0px 150px;


}
#paedsss
{
width: 200px;
position: absolute;
margin: 230px 0px 0px 420px;

}
#leit
{
width: 250px;
position: absolute;
margin: 200px 0px 0px 120px;


}


#leits
{
width: 200px;
position: absolute;
margin: 220px 0px 0px 440px;

}
#leitss
{
width: 200px;
position: absolute;
margin: 340px 0px 0px 150px;


}
#leitsss
{
width: 200px;
position: absolute;
margin: 350px 0px 0px 420px;


}


#paed-menue
{
width: 200px;
position: absolute;
text-align:justify;
margin: 0px 0px 0px 15px;


}

#submenu
{
width: 200px;
position: absolute;
text-align:justify;
margin: 40px 0px 0px 35px;

}

#bildunterricht
{
background-image: url('unterricht.jpg');
position: absolute;
margin: 230px 0px 0px 110px;


width:250px ;
height: 187px;
}

#bildunterricht2
{
background-image: url('unterricht2.jpg');
position: absolute;
margin: 230px 0px 0px 410px;


width:250px ;
height: 187px;
}

#bildsport
{
background-image: url('sport.jpg');
position: absolute;
margin: 330px 0px 0px 110px;



width:250px ;
height: 187px;
}

#bildsport2
{
background-image: url('sport2.jpg');
position: absolute;
margin: 330px 0px 0px 410px;


width:250px ;
height: 187px;
}


#rahmen
{
background-image: url('rahmen1.jpg');
position: absolute;
margin: 380px 0px 0px 550px;


width:500px ;
height: 50px;
}

#wir1
{
width: 490px;
position: absolute;
text-align: justify;
margin: 20px 0px 0px 160px;

}

#short
{
width: 600px;
position: absolute;
text-align: justify;
margin: 165px 0px 0px 60px;

}

#short1
{
width: 600px;
position: absolute;
text-align: justify;
margin: 205px 0px 0px 85px;


}

#short2
{
width: 600px;
position: absolute;
text-align: justify;
margin: 235px 0px 0px 105px;


}

#short3
{
width: 500px;
position: absolute;
text-align: justify;
margin: 260px 0px 0px 120px;


}

#mehr
{
 background-image: url('mehr.jpg');
position: absolute;
margin: 90px 0px 0px 550px;


width:100px ;
height: 103px   
}


#mehr2
{
 background-image: url('mehr.jpg');
position: absolute;
margin: 100px 0px 0px 620px;


width:100px ;
height: 103px
}

#more-konzep
{
width: 300px;
position: absolute;
text-align: justify;
margin: 240px 0px 0px 70px;


}

#more-konzep2
{
width: 300px;
position: absolute;
text-align: justify;
margin: -230px 0px 0px 370px;

}

#more-konzep3
{
width: 300px;
position: absolute;
text-align: justify;
margin: 240px 0px 0px 80px;


}

#angebot
{
width: 300px;
position: absolute;
text-decoration:underline;
text-align: justify;
margin: -270px 0px 0px 225px; 

}
#angebot1
{
width: 300px;
position: absolute;
text-decoration:underline;
text-align: justify;
margin: -280px 0px 0px 250px;


}

#angebot2
{
width: 300px;
position: absolute;
text-decoration:underline;
text-align: justify;
margin: -260px 0px 0px 50px;


}

#konzepte
{
width: 490px;
position: absolute;
text-align: justify;
margin: 380px 0px 0px 160px;


}

#text-ri-more
{

position: absolute;
text-align: justify;
margin: 350px 0px 0px 530px;


}

#unter-stift
{

//position: absolute;
text-align: left;
margin: -15px 0px 15px 40px;


}

#unter-stift1
{

position: absolute;
text-align: justify;
margin: -20px 0px 0px 40px;


}


#google-maps
{



margin: 350px 0px 0px 30px;

}

#bild-li
{

position:absolute;

margin: 120px 0px 0px 50px;

}

#bild-li1
{

position: absolute;
margin: 0px 0px 0px 50px;


}
#bild-li2
{

position: absolute;
margin: 140px 0px 0px 500px;


}

#bild-li3
{

position: absolute;
margin: 310px 0px 0px 20px;


}

#bild-li4
{

position: absolute;
margin: 60px 0px 0px 280px;


}

#inner
{
background-image: url('center.gif');

position: absolute;
width: 770px;
height: 710px;
margin: -225px 0px 0px 210px;


}

#li-text
{


position: absolute;

margin: 0px 0px 0px 40px;


}


#main .content
{
position: absolute;

padding-left: 0px;
}

.foot
{
height: 100px;
line-height: 1px;
clear: both;
}

#footer
{
width: 998px;
margin: 220px 0px 0px 125px;
padding-bottom: 24px;
text-align: center;
color: #6495A3;
}

#footer a
{
color: #7DAFBD;
}

#footer a:hover
{
background-color: #7DAFBD;
color: #E8FAFF;
}

#logo
{
background-image: url('logo.gif');
position: relative;
//right: 0;
margin: 0px 0px 0px 0px;

width:161px ;
height: 86px;
}
#linie
{
background-image: url('linie.jpg');
position: absolute;
margin: -210px 0px 0px 300px;


width:2px ;
height: 200px;
}

#linie2
{
background-image: url('linie.jpg');
position: absolute;
margin: 290px 0px 0px 380px;


width:2px ;
height: 200px;
}

#linie3
{
background-image: url('linie.jpg');
position: absolute;
margin: 340px 0px 0px 380px;

width:2px ;
height: 200px;
}

#chor
{
background-image: url('chor3.jpg');
position: absolute;
margin: -210px 0px 0px 320px;


width:266px ;
height: 199px;
}