
* { margin: 0; padding: 0; font-family: tahoma, helvetica, arial, sans-serif; font-size: 10pt; }
body { background: #285d90 url(images/bg.gif) repeat-x; }
div.clear { clear: both; }

#wrap { width: 100%; text-align: center; }
#page { width: 900px; margin: 0 auto 15px auto; background: transparent url(images/page_bg.gif) repeat-y; border-right: 1px solid #285d90; border-bottom: 1px solid #285d90; border-left: 1px solid #285d90; text-align: left; }

#head { height: 140px; background: transparent url(images/kopf.gif) no-repeat; }

#newsbar { width: 100%; background: transparent url(images/page_bg.gif) repeat-y; text-align: right; }
#newsbar h2 { display: none; }
#newsbar #news { float: right; width: 680px; height: 25px; line-height: 25px; text-align: left; padding: 0 10px; background: #a90303; color: white; font-size: 11pt; overflow: hidden; }

#body { background: transparent; }

#menu { float: left; width: 160px; margin: 40px 15px 15px 0; background: #a3c0ed; border: 2px solid #a2a8e7; }
#menu > a { display: block; height: 30px; line-height: 30px; background: #a3c0ed; color: #ffffff; border-bottom: 2px solid #a2a8e7; text-decoration: none; font-weight: bold; padding: 0 10px; cursor: pointer; overflow: hidden; }
#menu > a.sel { background-color: #002789; }
#menu > a:hover { background-color: #002789; color: #ffffff; }
#menu > a.sel:hover { background-color: #002789; color: #ffffff; }

#menu > div { text-align: center; padding: 10px; font-size: 9pt; color: #ffffff; border-top: 15px solid #a2a8e7; }
#menu > div > a > img { width: 100%; border: 0; }

#content { float: left; width: 500px; margin: 0 15px 15px 0; }
#content > h3 { margin: 15px 0; height: 35px; line-height: 35px; text-align: center; background: #002789; color: white; font-size: 11pt; font-weight: bold; letter-spacing: 0.2em; }
#content h4 { font-size: 11pt; font-weight: bold; margin-bottom: 10px; }

#content > p { background: #e8effa; color: #111111; }
#content #daso { position: relative; width: 498px; height: 190px; margin-top: 15px; border: 1px solid black; background: transparent url(images/portrait_ds.gif) 10px 50% no-repeat; }
#content #daso > div { position: absolute; bottom: 10px; right: 10px; }
#content #text { padding: 10px; background: #e8effa; text-align: justify; }
#content #text a { color: #111111; text-decoration: none; }
#content #text a:hover { text-decoration: underline; }

#impressum { float: left; width: 160px; margin: 15px 0 15px 0; padding: 10px; background: #ffffff; font-size: 8pt; overflow: hidden; }
#impressum > h3 { margin: 0 0 10px 0; font-size: 14pt; font-weight: bold; }
#impressum > h4 { margin: 10px 0 0 0; font-size: 9pt; font-weight: bold; }
#impressum a { color: #111111; font-size: 8pt; text-decoration: none; }
#impressum a:hover { text-decoration: underline; }

#verlag { float: right; width: 160px; margin: 15px 0 15px 0; padding: 10px; background: #ffffff; font-size: 8pt; overflow: hidden; text-align: right; }

form { padding: 10px; background-color: #d5e4d2; }
form > h4 { font-size: 11pt; font-weight: bold; margin-bottom: 10px; }
form > fieldset { border: 0; }
form > fieldset > br { clear: both; }
form > fieldset > label { float: left; width: 150px; }
form > fieldset > input, form fieldset textarea { float: left; width: 300px; margin-bottom: 3px; padding: 3px; border: 1px solid #333333; }
form > fieldset > select { float: left; margin-bottom: 3px; padding: 3px; border: 1px solid #333333; }
form > fieldset > textarea { resize: none; }
form > input { margin-top: 6px; margin-left: 150px; width: 150px; height: 24px; border: 0; white-space: nowrap; overflow: hidden; cursor: pointer; background: transparent url(images/button_150.png) no-repeat; }
form > input:hover { background-position: 0 -24px; }

table.mediadaten th, td { padding: 5px; }
table.mediadaten tr.title { height: 50px; background-color: #9bbaec; }
table.mediadaten tr.title th { text-align: left; }
table.mediadaten tr.space { height: 15px; background-color: #e4ecfa; }
table.mediadaten tr.odd { height: 35px; background-color: #e4ecfa; }
table.mediadaten tr.even { height: 35px; background-color: #ceddf6; }
table.mediadaten a { color: #111111; text-decoration: none; }
table.mediadaten a:hover { text-decoration: underline; }

#abos label.text { float: left; width: 240px; margin-bottom: 5px; }
#abos label.preis { float: left; margin-bottom: 5px; }
#abos br { clear: both; }

.aktuell { margin-bottom: 20px; }
.aktuell h5 { background-color: #e6eff8; height: 25px; line-height: 25px; font-size: 10pt; font-weight: bold; margin-bottom: 5px; }
.aktuell a { padding: 1px 3px; font-weight: bold; font-size: 8pt; text-decoration: none; background-color: #e6eff8; color: #111111; cursor: pointer; }
.aktuell a:hover { background-color: #111111; color: #e5eff8;}

span.hilite { background-color: yellow; }
