<style type="text/css">
div { border:1px solid #888; }

#links {
position:absolute;
top:153px;
left:320px;
right:0px;
}
#mittig { 
position:absolute;
overflow:visible;
top:200px;
height:100%;
left:250px;
width:730px;
z-index:0;
padding:10px;
text-align:center;
background-color:#f3f3f3;
}
#seite_links{
position:absolute;
overflow:visible;
top:250px;
height:100%;
left:0px;
width:230px;
z-index:0;
padding:10px;
}
#allesbox { 
position:absolute;
background-image:url(hintergrund_sommer.png);
background-position: center top;
background-repeat:no-repeat;
background-color:#f3f3f3;
top:6px;
left:50%;
width:1000px;
margin-left:-500px;
height:100%;
}
#leiste_links {
position:fixed;
left:50%;
margin-left:-501px;
top:5px;
width:1px;
height:100%;
background-image:url(leiste_links.png);
background-repeat:repeat;
}
#leiste_oben {
position:absolute;
left:50%;
margin-left:-501px;
top:0px;
width:1002px;
height:6px;
background-image:url(leiste_oben.png);
background-repeat:repeat;
}
#leiste_rechts {
position:fixed;
left:50%;
margin-left:500px;
top:15px;
width:5px;
height:100%;
background-image:url(leiste_rechts.png);
background-repeat:repeat;
}
#leiste_rechts_oben {
position:absolute;
left:50%;
margin-left:500px;
top:5px;
width:5px;
height:10px;
background-image:url(leiste_rechts_oben.png);
background-repeat:repeat;
}


#boxstart { 
position:absolute;
top:187px;
height:72px;
left:7px;
width:85px;
z-index:0;
overflow: hidden;
background-image:url(oostart.png);
padding:0px;
text-align:center;
margin-right:0px;
}
#boxstart:hover { 
position:absolute;
top:187px;
height:72px;
left:7px;
width:85px;
z-index:0;
overflow: hidden;
background-image:url(oo2start.png);
padding:0px;
text-align:center;
margin-right:0px;
}
#boxschule { 
position:absolute;
top:150px;
height:59px;
left:90px;
width:87px;
z-index:0;
overflow: hidden;
background-image:url(ooschule.png);
padding:0px;
text-align:center;
margin-right:0px;
}
#boxschule:hover { 
position:absolute;
top:150px;
height:59px;
left:90px;
width:87px;
z-index:0;
overflow: hidden;
background-image:url(oo2schule.png);
padding:0px;
text-align:center;
margin-right:0px;
}
#boxeltern { 
position:absolute;
top:129px;
height:48px;
left:180px;
width:86px;
z-index:0;
overflow: hidden;
background-image:url(ooeltern.png);
padding:0px;
text-align:center;
margin-right:0px;
}
#boxeltern:hover { 
position:absolute;
top:129px;
height:48px;
left:180px;
width:86px;
z-index:0;
overflow: hidden;
background-image:url(oo2eltern.png);
padding:0px;
text-align:center;
margin-right:0px;
}
#boxschueler { 
position:absolute;
top:120px;
height:38px;
left:272px;
width:84px;
z-index:0;
overflow: hidden;
background-image:url(ooschueler.png);
padding:0px;
text-align:center;
margin-right:0px;
}
#boxschueler:hover { 
position:absolute;
top:120px;
height:38px;
left:272px;
width:84px;
z-index:0;
overflow: hidden;
background-image:url(oo2schueler.png);
padding:0px;
text-align:center;
margin-right:0px;
}
#boxprojekte { 
position:absolute;
top:120px;
height:33px;
left:364px;
width:81px;
z-index:0;
overflow: hidden;
background-image:url(ooprojekte.png);
padding:0px;
text-align:center;
margin-right:0px;
}
#boxprojekte:hover { 
position:absolute;
top:120px;
height:33px;
left:364px;
width:81px;
z-index:0;
overflow: hidden;
background-image:url(oo2projekte.png);
padding:0px;
text-align:center;
margin-right:0px;
}


table[abbr=tabelli] {
background-color:#C9C1C1;
border-color:#ff00ff;
border-width:11px;
}

td[abbr=projekt] {
background-color:#FFE6D4;
border-width:11px;
padding:5px;
margin:30px;
color:#009393;
border-color:#341234;
border:18px;
border-collapse:collapse;
border-spacing:5px;
caption-side:top;
empty-cells:show;
table-layout:auto;
}

.kalendertabelle {
border:0px;
border-spacing:0px;
}
.kalenderhintergrund {
top:0px;
left:0px;
background-image: url(kalendertag.png);
width:98px;
height:112px;
padding:2px;
}
.kalenderhintergrund2 {
top:0px;
left:0px;
background-image: url(kalendertag2.png);
width:98px;
height:112px;
padding:2px;
}
.kalendertag {
font-size: 70%;
color:#ffffff;
}
.kalendertag_text {
font-size: 70%;
color:#400101;
}
.kalender_head {
height:30px;
color:#ffffff;
text-align:center;
background-image: url(kalender_wochentage.png);
}

.tdfarbig {
text-align:left;
background-color:#ffe5d3;
}

p {
color:#000000;
font-family:Arial;
}

.tdnormal {
font-family:Verdana;
font-size:14;
}

th {
font-size: 13;
color:#000000;
}
.kleiner {
font-size: 14;
text-align:center;
padding-top:6px;
}

.schrift {
font-size: 13;
color:#000000;
}

.rechtsschrift {
font-size: 13;
color:#000000;
text-align:right;
}

.block {
text-align:justify;
}

.online {
font-size: 90%;
color:#651515;
}


li {
padding-top:6px;
font-size:13;
}
.left {
vertical-align: top;
font-size: 90%;
text-align: left;
color:#6e0000;
}
.rechts {
text-align:right;
}
.mittig {
vertical-align: top;
font-size: 90%;
text-align: center;
color:#651515;
}

.ueberschrift {
vertical-align: top;
text-decoration: underline;
font-size: 110%;
text-align: center;
text-shadow:black 3px 2px 4px;
color:#6e0000;
}
.schrift_farbig {
color:ff2700;
}
.tabelle {color:#651515;
text-align:center;
width:100%;}
h2 {color:#ff2700;
text-align:left;
font-family:Times, New Romean;}
h3 {color:#ff2700;
text-align:left;
font-family:Times, New Romean;}
h4 {color:#ff2700;
}
hr {
color:#ff2700;
}

.startprivat {
font-size: 120%;
color:#651515;
}
.startprivat2 {
font-size: 100%;
color:#651515;
}
.startprivat3 {
color:#651515;
}
.hell {
color:#ff2700;
}


* {
margin: 0;
padding: 0;
font-family:Verdana;
}

img {
border:none;
}

.versteckt { visibility:hidden; }

 a:link { color:#b30000; text-decoration:underline; /*text-shadow:black 1px 1px 1px;*/  font-size: 80%; font-weight:bold;}
 a:visited { color:#b30000;  text-decoration:underline; /*text-shadow:black 1px 1px 1px;*/  font-size: 80%; font-weight:bold;}
 a:focus { color:#ff2200; font-size: 80%; text-decoration:none; font-weight:bold; }
 a:hover { color:#ff2200; font-size: 80%; text-decoration:none; font-weight:bold;}
 a:active { color:#ff2200; font-size: 80%; font-weight:bold;}
 
 .unclicked {
 text-decoration:underline;
 }
 .clicked {
 color:#ff2200;
 text-decoration:none;
 }

  
body {
    background: white url(h1.jpg) fixed center top;
    height: 100%;
}
  
</style>

