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

/* IDs */
#container { background-color: white; background-image: url(../img/bg.gif); background-repeat: repeat; 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; 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: solid 1px #ccc; }
#yang2 { margin-right: 5px; margin-bottom: 10px; width: 120px; height: 175px; float: left; border: solid 1px #ccc; }
#yang3 { margin-right: 5px; margin-bottom: 10px; width: 120px; height: 175px; float: left; border: solid 1px #ccc; }
#yang4 { margin-right: 5px; margin-bottom: 10px; width: 120px; height: 175px; float: left; border: solid 1px #ccc; }
#yang5 { position: relative; margin-right: 15px; margin-bottom: 10px; width: 120px; height: 175px; float: left; border: solid 1px #ccc; }
#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: solid 1px #ccc; }
#yang-bild { text-align: center; margin-top: 1em; margin-bottom: 1em; position: relative; width: 290px; height: 164px; padding: 16px; border: solid 1px #ccc; }
#yang-bild-ohne { text-align: center; margin-top: 1.5em; margin-bottom: 2em; position: relative; width: 405px; height: 196px; }
#yang-bild-ohne600 { text-align: center; margin-top: 1.5em; margin-bottom: 2em; position: relative; width: 450px; height: 450px; }
#yang-bild-ohne300 { text-align: center; margin-top: 1.5em; margin-bottom: 2em; position: relative; width: 450px; height: 300px; }
#yang-bild-ohne450 { text-align: center; margin-top: 1.5em; margin-bottom: 2em; position: relative; width: 450px; height: 304px; }
#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; z-index: 5; }
#main { margin-left: 165px; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; position: relative; /* to avoid the peekaboo bug */
}
p.mainbot { color: #4d4d4d; font-size: 0.9em; background: #fff; text-align: right; position: relative; clear: both; height: 2.5em; z-index: 2; margin-top: 2em; padding-top: 0.5em; padding-right: 25px; border-top: 1px solid #dcdcdc; }
p.betonung { color: #000; font-size: 1em; font-weight: bolder; line-height: 1em; text-align: left; margin-bottom: 4em; padding-bottom: 4em; }
p.poesie { color: #333; font-size: 1em; font-weight: normal; text-align: left; padding-right: 20px; padding-left: 20px; }
p.poesiecontent { color: #600; font-size: 1em; font-weight: normal; text-align: left; padding-right: 20px; padding-left: 20px; }
p.poesie-autor { color: #333; font-size: 1em; font-weight: normal; text-align: left; margin-top: 1em; margin-bottom: 1em; padding-top: 1em; padding-right: 20px; padding-left: 20px; border-top: 2px solid #fff; }
p.poesie-autorcontent { color: #600; font-size: 1em; font-weight: normal; text-align: left; margin-top: 1em; margin-bottom: 1em; padding-top: 1em; padding-right: 20px; padding-left: 20px; border-top: 2px solid #fff; }
p.poesie-titel { color: #333; font-size: 1em; font-weight: normal; text-align: left; margin-top: 10px; margin-bottom: 13px; padding: 1em 10px 1em 20px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; border-right-color: #fff; border-left-color: #fff; }
p.kopfstreifen { color: #fff; font-size: 0.9em; text-align: right; padding-right: 16px; }
p.containerbot { color: #4d4d4d; font-size: 0.8em; background-color: #fff; background-image: none; background-position: 0 0; text-align: right; z-index: 4; padding-top: 1em; padding-right: 27px; padding-bottom: 2em; }
#column { float: right; width: 200px; color: #000; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: center; position: relative; right: 0; height: 100%; z-index: 2; margin-bottom: 140px; padding: 22px 4px 4px; }
#column img { border: solid 1px #fff; }
#content { margin-right: 275px; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; position: relative; top: 10px; z-index: 3; margin-left: 80px; padding: 6px; }
#startbild { position: absolute; top: 210px; left: 200px; width: 700px; z-index: 1; }
/* Navigation */

#navigation { left: inherit; width: 180px; color: #fff; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: 1.7em; background: #fff; text-decoration: none; text-indent: 12px; position: absolute; top: 230px; height: auto; z-index: 4; margin-bottom: 16px; }
#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; }
ul.content { color: #000; position: relative; margin-top: 3em; margin-right: 0; margin-bottom: 4em; list-style-type: disc; list-style-position: inside; }
#content p { margin-bottom: 1em; }
li.markiert { color: #000; border-bottom-style: none; border-bottom-width: 0; }
li.alle { color: #933; border-bottom-style: none; border-bottom-width: 0; }
li { color: #900; margin-bottom: 1em; }
li.content { border-bottom-style: none; border-bottom-width: 0; }
li.contenttitel { border-bottom-style: none; border-bottom-width: 0; list-style-type: none; }
a { color: #333; text-decoration: none; border-bottom: 1px solid #fff; margin-border-bottom: 1px; }
a:hover { color: #900; background-position: 0 0; text-decoration: none; border-bottom: 1px solid #fff; }
li:hover {  }
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; visibility: hidden; }
p.menuestreifenoben { color: #fff; 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: 5px; }
#menuestreifenoben a { color: #fff; }
#menuestreifenoben a:hover { color: #900; background-position: 0 0; text-decoration: none; }
