/* 27.4.08 */ /* colors: dunkles blau: #0057a8 helles blau: #00a9ed gruen: #62b94d beige: #fbe9be pink: #e2008a dunkles grau: #929292 */ body { background-color: rgb(242, 246, 253); color: black; font-family: Verdana, sans-serif; font-size: 11px; margin: 0px; padding: 0px; height: 100%; } .clear { clear: both; padding-top: 2px; padding-right: 10px; padding-left : 10px; padding-bottom: 5px; } .right { float: right; padding-top: 2px; padding-left : 10px; padding-bottom: 5px; } .left { float: left; padding-top: 2px; padding-right: 10px; padding-bottom: 5px; } a, a:link, a:visited { background-color: white; color: rgb(0, 87, 168); text-decoration: none; } a:hover { text-decoration: underline; } img { border: 0px; } /* styles for layout parts */ ul#navigation { left: 68px; font-size: 120%; font-weight: bold; text-decoration: none; list-style-type: none; margin: 0px; padding: 0px; position: absolute; top: 150px; width: 121px; z-index: 2; } ul#navigation li { display: block; margin: 0px; padding: 0px; float: left; height: 18px; z-index: 2; } ul#navigation li a { display: block; text-align: left; font-weight: bold; height: 18px; margin: 0px; padding: 1px; width: 119px; z-index: 2; } ul#navigation li a:hover { background-position: -121px 0px; text-decoration: none; z-index: 2; } ul#navigation li a:activ { background-position: -121px 0px; text-decoration: none; color: white; z-index: 2; } li#navi_hb a { color: white; background: url("buttons/button_hb.jpg"); } li#subnavi_hb a { font-size: 10px; background: url("buttons/button_hb_u.jpg"); } li#navi_hb_active a { color: white; background: url("buttons/button_hb.jpg"); background-position: -121px 0px;} li#subnavi_hb_active a { font-size: 10px; background: url("buttons/button_hb_u.jpg"); background-position: -121px 0px;} li#navi_gr a { color: white; background: url("buttons/button_gr.jpg"); } li#subnavi_gr a { font-size: 10px;background: url("buttons/button_gr_u.jpg"); } li#navi_gr_active a { color: white; background: url("buttons/button_gr.jpg"); background-position: -121px 0px;} li#subnavi_gr_active a { font-size: 10px;background: url("buttons/button_gr_u.jpg"); background-position: -121px 0px;} li#navi_db a { color: white; background: url("buttons/button_db.jpg"); } li#subnavi_db a { font-size: 10px;background: url("buttons/button_db_u.jpg"); } li#navi_db_active a { color: white; background: url("buttons/button_db.jpg"); background-position: -121px 0px;} li#subnavi_db_active a { font-size: 10px;background: url("buttons/button_db_u.jpg"); background-position: -121px 0px;} li#navi_pi a { color: white; height: 43px; background: url("buttons/button_pi.jpg"); } li#navi_pi_active a { color: white; height: 43px; background: url("buttons/button_pi.jpg"); background-position: -121px 0px;} div#wrapper { width: 733px; top: 3px; position: absolute; left: 47%; margin-left: -366px; height: 100%; } div#backround { background-image: url("img/backroundcontent.jpg"); background-repeat: no-repeat; background-color: white; border: 1px solid rgb(214, 216, 218); left: 38px; position: absolute; top: 129px; height: 420px; width: 733px; z-index: 1; } div#header { background-image: url("img/header.jpg"); background-repeat: no-repeat; background-color: white; border-right: 1px solid rgb(214, 216, 218); border-left: 1px solid rgb(214, 216, 218); border-top: 1px solid rgb(214, 216, 218); left: 38px; position: absolute; top: 0px; height: 129px; width: 733px; z-index: 1; } div#content { background-image: url("img/backroundcontent.jpg"); background-repeat: no-repeat; background-color: white; border-right: 1px solid rgb(214, 216, 218); border-left: 1px solid rgb(214, 216, 218); color: black; height: auto; left: 38px; overflow: visible; padding-left: 200px; padding-right: 20px; padding-top: 4px; padding-bottom: 10px; position: absolute; min-height: 400px; height: auto; text-align: justify; top: 129px; width: 513px; z-index: 1; } div#content ul { list-style: disc; margin: 0px; padding: 0px 0px 0px 0px; text-align: left; } div#content li { margin-top: 3px; margin-bottom: 5px; margin-left: 13px; } div#content h1 { font-size: 160%; font-weight: bold; margin: 12px 0px 5px 0px; padding: 0px; } div#content h2 { font-size: 130%; font-weight: bold; margin: 12px 0px 5px 0px; padding: 0px; } div#content h3 { font-size: 100%; font-weight: bold; margin: 12px 0px 5px 0px; padding: 0px; } div#content h4 { font-size: 100%; font-style: italic; font-weight: bold; margin: 12px 0px 5px 0px; padding: 0px; } div#content h5 { font-size: 100%; font-style: italic; font-weight: normal; margin: 12px 0px 5px 0px; padding: 0px; } div#content h6 { font-size: 100%; font-weight: normal; color: rgb(0, 87, 168); margin: 12px 0px 5px 0px; padding: 0px; } /* single styles for specific subpages */ div#magazine { margin-top: 8px; min-height: 210px; width: 500px; padding: 8px; border: 1px solid rgb(214, 216, 218); } div#magazine a img { float: left; padding-right: 10px; padding-bottom: 5px; } form { width: 200px; } label { display: block; font-weight: bold; margin-bottom: 1px; } label.liste { font-style: normal; font-weight: normal; margin-left: 2px; width: 500px } input.liste { float: left } fieldset { border: 1px solid rgb(214, 216, 218); backround: white; } legend { font-weight: bold; font-size: 100%; color: black; } textarea { width: 350px; height: 125px; } div#wrapform { padding-bottom: 480px; position: relative; left: 0; width: 500px } div#fl { position: relative; top: 26px; left: 0px; width: 180px; float: left } div#fr { position: relative; text-align: left; width: 190px; float: right; padding-right: 100px; } div#senden { position: relative; top: 30px; left: 0px; width: 144px } div#formfield { margin-top: 8px; width: 50px; left: 250px; padding: 8px; border: 1px solid rgb(214, 216, 218); } .fehler { color: #c00; font-weight: bold }