* {
margin: 0;
padding: 0;
}
body { color: #333; font: 70% Verdana, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background: #fff url(../img/bg-weiss.gif); text-align: center; vertical-align: middle; }
h1 { font: bolder 1.1em Verdana, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; color: #000; padding-top: 10px; padding-right: 1em; padding-bottom: 1em; }
h2 { color: #000; font-size: 1.1em; font-weight: normal; margin-top: 1em; margin-bottom: 3px; padding-top: 20px; padding-right: 20px; padding-bottom: 0.3em; }
h3 { color: #000; font-size: 0.9em; font-weight: normal; margin-top: 1.1em; margin-bottom: 0.4em; }
p { font-size: 0.8em; line-height: 1.6em; }

/* IDs */
#container { color: #000; background-color: white; background-image: none; text-align: left; vertical-align: top; position: relative; width: 950px; height: 95%; min-width: 950px; min-height: 580px; margin: auto; border: solid 1px #dcdcdc; }
#header { width: 100%; background: #fff url(../img/kopf-tcz3.gif) repeat-x; position: relative; height: 196px; }
#logo { width: 600px; height: 5px; color: #fff; background-attachment: scroll; background-position: 600px 0; }
#yang1 { width: 120px; height: 175px; float: left; margin-right: 5px; margin-bottom: 10px; border: dotted 1px #868686; }
#yang2 { margin-right: 5px; margin-bottom: 10px; width: 120px; height: 175px; float: left; border: dotted 1px #868686; }
#yang3 { margin-right: 5px; margin-bottom: 10px; width: 120px; height: 175px; float: left; border: dotted 1px #868686; }
#yang4 { margin-right: 5px; margin-bottom: 10px; width: 120px; height: 175px; float: left; border: dotted 1px #868686; }
#yang5 { position: relative; margin-right: 15px; margin-bottom: 10px; width: 120px; height: 175px; float: left; border: dotted 1px #868686; }
#yangleiste { position: relative; width: 100%; float: left; margin-top: 1em; margin-bottom: 1em; }
#yang-familie { text-align: center; margin-top: 1em; margin-bottom: 1em; position: relative; width: 283px; height: 231px; padding: 16px; border: dotted 1px #868686; }
#logoschulen { color: #fff; background-image: url(../img/schulen.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align: left; position: relative; top: 123px; left: 688px; width: 250px; height: 50px; }
#main { margin-left: 165px; color: #000; background: #fff; position: relative; /* to avoid the peekaboo bug */
}
p.mainbot { color: #4d4d4d; font-size: 0.5em; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: right; position: relative; clear: both; height: 2.2em; margin-top: 2em; margin-right: 15px; margin-bottom: 1em; padding-top: 0.3em; padding-right: 10px; border: solid 1px; }
p.betonung { color: #9b9b9b; font-size: 1.3em; font-weight: bolder; line-height: 1em; text-align: center; margin-bottom: 2em; }
p.poesie { color: #000; font-size: 60%; text-align: center; padding-right: 20px; padding-left: 20px; }
p.poesie-autor { color: #000; font-size: 60%; text-align: center; margin-top: 1em; margin-bottom: 1em; padding-top: 1em; padding-right: 20px; padding-left: 20px; border-top: 1px solid #fff; }
p.poesie-titel { color: #000; font-size: 0.7em; text-align: center; margin-top: 10px; margin-bottom: 13px; padding: 1em 10px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-right-color: #fff; border-left-color: #fff; }
p.kopfstreifen { color: #fff; font-size: 0.7em; line-height: 1.4em; text-align: center; padding-top: 5px; }
p.containerbot { color: #4d4d4d; font-size: 0.8em; background-image: none; background-position: 0 0; text-align: right; z-index: 4; padding-top: 1em; padding-right: 27px; padding-bottom: 5px; }
#column { width: 200px; color: #000; background: #f0f0f0 url(../img/bodybg.gif); text-align: center; position: absolute; right: 40px; margin-top: 18px; margin-bottom: 40px; padding: 8px 4px 4px; }
#content { margin-right: 240px; color: #000; position: relative; top: 10px; height: 385px; padding: 6px; }
#startbild { position: absolute; top: 210px; left: 200px; width: 360px; visibility: hidden; }
/* Navigation */

#navigation { left: inherit; width: 170px; color: #fff; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.7em; background: #fff; text-decoration: none; text-indent: 12px; position: absolute; top: 230px; height: auto; z-index: 4; }
#neuigkeiten { color: #868686; line-height: 2.4em; background: #fff; position: absolute; top: 470px; left: -10px; width: 160px; z-index: 6; margin-left: 14px; }
p.neuigkeitenbot { color: #900; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; position: relative; padding: 1em; }
#menu { color: #c99; }
#untermenu { color: #c99; font-size: 1em; line-height: 1.1em; text-indent: 0; margin-left: 15px; padding-bottom: 0.5em; padding-left: 10px; }
#untermenuschulen { color: #c99; font-size: 1em; line-height: 1em; text-indent: 0; margin-top: 0.5em; padding-bottom: 0.5em; padding-left: 10px; }
ul { position: relative; margin-right: 0; margin-bottom: 0.5em; list-style-type: none; }
li { margin-bottom: 1em; }
a { color: #333; text-decoration: none; border-bottom: 1px solid #fff; margin-border-bottom: 1px; }
a:hover { color: #900; background-color: #e6e6e6; background-position: 0 0; text-decoration: none; border-bottom: 1px solid #fff; }
li:hover { list-style-type: none; }
p.newsdate { color: #999; font-size: 70%; font-style: italic; padding-top: 1em; }
#streifen { background-color: #a10423; position: relative; height: 18px; visibility: hidden; }
em { color: #9b9b9b; font-size: 1.7em; font-weight: bold; }
td { color: #333; font-size: 0.7em; padding: 1em; border-bottom: 3px solid #fff; border-left: 3px solid #fff; }
tr { background-color: #f5f5f5; text-align: center; }
#menuestreifenoben { position: absolute; top: -20px; left: 0; width: 100%; z-index: 11; }
p.menuestreifenoben { font-size: 0.9em; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: right; position: relative; clear: both; height: 2em; z-index: 2; margin-top: 2em; padding-top: 0.5em; padding-right: 30px; }
#menuestreifenoben a { color: #fff; }
#menuestreifenoben a:hover { color: #900; background-position: 0 0; text-decoration: none; }