body { background-color: #eee; color: #fff; font-family: 'Lucida Grande', Verdana, sans-serif; font-size: 82%; } h1, h2, h3, h4, h5, h6, p, address, th, td, li, dt, dd, form, input, textarea, a { color: #000; font-family: 'Lucida Grande', Geneva, Verdana, sans-serif; line-height: 1.5em; } h1 { color: #068ad2; font-size: 2.1em; font-weight: bold; } h2 { color: #068ad2; font-size: 1.5em; font-weight: bold; } h3 { color: #068ad2; font-size: 1.2em; font-weight: bold; } h4 { color: #068ad2; font-size: 1.0em; font-weight: bold; } h5, h6 { color: #068ad2; font-weight: bold; font-size: 1.0em; } p, dl, ul, ol { font-size: 1.0em; line-height: 1.5em; } ul { list-style: none; } table, tr, th, td { font-size: 1.0em; line-height: 1.5em; } table tr { vertical-align: baseline; } table th { text-align: left; color: #444; } table td { text-align: left; } input, textarea { font-size: 1.0em; color: #003;} a:link, a:visited { color: #068ad2; padding: 2px; text-decoration: none; } a:hover, a:active { padding: 2px; color: #068ad2; text-decoration: none; background-color: #fff; } strong, b { color: #444; font-weight: bold; } em, i { color: #444; font-style: italic; } img { border: 0 none; } .hide { display: none !important; } /* Margin und Padding bei allen Blockelementen auf Null setzen */ * { margin: 0; padding: 0; } /* Raender, Breite, Hintergrundfarbe, etc. der Seite */ html { min-width: 980px; } body { padding-bottom: 10px; background: #eee; text-align: center; } #page { position: relative; margin: 0 auto 0 auto; width: 980px; background: #eee url(../images/bg-middle.jpg) repeat-y left top; text-align: left; } /* Beginn Header */ #header { padding: 0; height: 190px; background: transparent url(../images/bg-top.jpg) no-repeat 0 0; } #header h1 { padding: 0; text-indent: -9999px; background: none; } /* Ende Header */ /* Beginn Menu */ #menu { float: left; margin: 10px 0 0 20px; padding: 0; width: 220px; text-align: left; } #menu h3 { display: none; } #menu ul { margin: 0 0 1.0em 0; } #menu li { margin: 0 10px 5px 10px; list-style: none; } #menu li ul { padding-top: 5px; border-left: 1px solid #fff; } #menu li a { padding: 2px; color: #000; text-decoration: none; font-weight: bold; font-size: 1.0em; color: #000; line-height: 1.3em; } #menu li li a { font-weight: normal; } #menu li a:hover, #menu a:active { color: #068ad2; background-color: #fff; } #menu li a.current { color: #068ad2; background-color: #fff; } p#logo { margin-top: 200px; text-align: center; } /* Ende Menu */ /* Begin Content */ #content { float: right; margin: 10px 30px 0 0; padding: 0; width: 660px; min-height: 400px; } #content h2 { margin: 0 0 1.0em 0; padding: 0; border-bottom: #8fcff2 solid 1px; } #content h3 { margin: 1.5em 0 0.5em 0; } #content h4 { margin: 1.5em 0 0.5em 0; padding: 0; } #content p { margin: 0 0 1.0em 0; padding: 0; } #content ol { margin: 5px 0 15px 9px; padding: 0 0 0 9px; } #content ol li { margin-left: 9px; padding: 3px; } #content ul { margin: 5px 0 15px 0; padding: 0 0 0 0px; } #content ul li { margin: 3px 0 3px 0; padding: 0 0 0 15px; background: transparent url(../images/list-item.gif) no-repeat 0 0.5em;} #content dl { margin: 5px 0 15px 0; padding: 0 10px 0 0; } #content dt { font-weight: bold; color: #444; } #content dd { padding: 0 0 0 10px; } #content dl.fish, #content dl.reptil { clear: both; } #content dl.fish dt, #content dl.reptil dt { clear: left; float: left; margin: 0; padding: 0 0.3em 0 0; } #content dl.fish dd, #content dl.reptil dd { clear: right; margin: 0; padding: 0; } #content table { margin: 1.0em 0 1.0em 0; border: 0 none; padding: 0; } #content table tr { margin: 0; padding: 0; } #content table th { margin: 0; border-bottom: #333 dashed 1px; padding: 0.2em 1.5em 0.4em 0; vertical-align: top; } #content table tr th:last-child { padding-right: 0; } #content table td { margin: 0; border-bottom: #999 dashed 1px; padding: 0.2em 1.5em 0.4em 0; vertical-align: top; } #content table tr td:last-child { padding-right: 0; } #content table th.nobr, #content table td.nobr { white-space: nowrap; } /* Tabelle fuer Daten (class="list") */ #content table.list { margin: 0 0 1.0em 0; border-collapse: collapse; border-spacing: 0; padding: 0; } #content table.list caption { margin: 0; padding: 0 0 5px 0; text-align: left; } #content table.list th { padding: 3px 5px 3px 5px; color: #333; } #content table.list tr th:last-child { padding-right: 5px; } #content table.list td { padding: 3px 5px 3px 5px; } #content table.list td.pic { padding: 1px 0 1px 0; } #content table.list td.pic a { padding: 0; text-decoration: none; background-color: transparent; } #content table.list tr td:last-child { padding-right: 5px; } #content table.list thead th, #content table.list thead td { color: #333; background: transparent; } #content table.list tbody th { color: #fff; background: #ffad15; text-align: left; } #content table.list tbody tr.caption th { margin-top: 0.8em; } #content table.list tbody td i { font-size: 0.87em; } #content table.list tr.odd th, #content table.list tr.odd td { background: #f6f6f6; } #content table.list tr.even th, #content table.list tr.even td { background: #ddd; } #content table.list tfoot td { text-align: left; } #content table.list tbody.col1l tr>td, #content table.list tbody.col1l tr>th { text-align: left; } #content table.list tbody.col2l tr>td+td, #content table.list tbody.col2l tr>th+td { text-align: left; } #content table.list tbody.col3l tr>td+td+td, #content table.list tbody.col3l tr>th+td+td { text-align: left; } #content table.list tbody.col4l tr>td+td+td+td, #content table.list tbody.col4l tr>th+td+td+td { text-align: left; } #content table.list tbody.col5l tr>td+td+td+td+td, #content table.list tbody.col5l tr>th+td+td+td+td { text-align: left; } #content table.list tbody.col6l tr>td+td+td+td+td+td, #content table.list tbody.col6l tr>th+td+td+td+td+td { text-align: left; } #content table.list tbody.col7l tr>td+td+td+td+td+td+td, #content table.list tbody.col7l tr>th+td+td+td+td+td+td { text-align: left; } #content table.list tbody.col8l tr>td+td+td+td+td+td+td+td, #content table.list tbody.col8l tr>th+td+td+td+td+td+td+td { text-align: left; } #content table.list tbody.col9l tr>td+td+td+td+td+td+td+td+td, #content table.list tbody.col9l tr>th+td+td+td+td+td+td+td+td { text-align: left; } #content table.list tbody.col1c tr>td, #content table.list tbody.col1c tr>th { text-align: center; } #content table.list tbody.col2c tr>td+td, #content table.list tbody.col2c tr>th+td { text-align: center; } #content table.list tbody.col3c tr>td+td+td, #content table.list tbody.col3c tr>th+td+td { text-align: center; } #content table.list tbody.col4c tr>td+td+td+td, #content table.list tbody.col4c tr>th+td+td+td { text-align: center; } #content table.list tbody.col5c tr>td+td+td+td+td, #content table.list tbody.col5c tr>th+td+td+td+td { text-align: center; } #content table.list tbody.col6c tr>td+td+td+td+td+td, #content table.list tbody.col6c tr>th+td+td+td+td+td { text-align: center; } #content table.list tbody.col7c tr>td+td+td+td+td+td+td, #content table.list tbody.col7c tr>th+td+td+td+td+td+td { text-align: center; } #content table.list tbody.col8c tr>td+td+td+td+td+td+td+td, #content table.list tbody.col8c tr>th+td+td+td+td+td+td+td { text-align: center; } #content table.list tbody.col9c tr>td+td+td+td+td+td+td+td+td, #content table.list tbody.col9c tr>th+td+td+td+td+td+td+td+td { text-align: center; } #content table.list tbody.col1r tr>td, #content table.list tbody.col1r tr>th { text-align: right; } #content table.list tbody.col2r tr>td+td, #content table.list tbody.col2r tr>th+td { text-align: right; } #content table.list tbody.col3r tr>td+td+td, #content table.list tbody.col3r tr>th+td+td { text-align: right; } #content table.list tbody.col4r tr>td+td+td+td, #content table.list tbody.col4r tr>th+td+td+td { text-align: right; } #content table.list tbody.col5r tr>td+td+td+td+td, #content table.list tbody.col5r tr>th+td+td+td+td { text-align: right; } #content table.list tbody.col6r tr>td+td+td+td+td+td, #content table.list tbody.col6r tr>th+td+td+td+td+td { text-align: right; } #content table.list tbody.col7r tr>td+td+td+td+td+td+td, #content table.list tbody.col7r tr>th+td+td+td+td+td+td { text-align: right; } #content table.list tbody.col8r tr>td+td+td+td+td+td+td+td, #content table.list tbody.col8r tr>th+td+td+td+td+td+td+td { text-align: right; } #content table.list tbody.col9r tr>td+td+td+td+td+td+td+td+td, #content table.list tbody.col9r tr>th+td+td+td+td+td+td+td+td { text-align: right; } #content hr { border: 0 none; background-color: #8fcff2; color: #8fcff2; width: 630px; height: 1px; clear: both; } #content img { margin: 0 5px 5px 0; border: 1px solid #999; padding: 5px; background-color: #f8f8f8; } #content p.animation-image img { margin: 0; border: 0 none; padding: 0; } #content p.animation-menu img { cursor: pointer; } #content td.pic img { margin: 0; border: 0 none; padding: 0; background-color: transparent; } /* Ende Content */ /* BeginSidebar */ #sidebar { float: right; margin: 1.0em 0 1.0em 2.0em; padding: 0 0 5px 0; border: 1px solid #aaa; width: 180px; background-color: #e3e3e3; } #sidebar h3 { margin: 0 0 1.0em 0; padding: 0.5em 1.0em; background-color: #ffad15; color: #fff;} #sidebar p { margin: 0 0.5em 1.0em 1.0em; padding: 0; } #sidebar ul { margin: 0 0.5em 1.0em 1.0em; padding: 0; list-style: none; } #sidebar ul li { margin: 0 0 0.7em 0; padding: 0; background: none; } /* Ende Content */ /* Beginn Footer */ #footer { clear: both; height: 50px; padding-top: 10px; background: transparent url(../images/bg-bottom.jpg) no-repeat left bottom; } #footer p { margin: 15px 60px 0 290px; padding: 5px 0 0 0; font-size: 0.89em; color: #000; border-top: #8FCFF2 solid 1px; } #footer p a { font-size: 1.0em; } /* Ende Footer */ /* Spezielle Klassen */ .bold { font-weight: bold !important; } .left { text-align: left !important; } .center { text-align: center !important; } .right { text-align: right !important; } .clear { clear: both !important; } .border { padding: 0px; border: #000 solid 5px; } .img-left { float: left; margin: 0 2.0em 1.0em 0; padding: 0; } .img-right { float: right; margin: 0 0 1.0em 2.0em; padding: 0; } .blue { color: #006697; }