/** Basis **/
html, body, hr, td, div, img,
form, fieldset, input, select,
textarea, label { margin:0px; padding:0px; }
html { height:100%; margin-bottom:1px; }
body { height:100%; text-align:center; background-color:#FFFFFF; }
div { display:block; }
label { display:block; }
img, fieldset { border:0px; }
input, select, textarea { background-color:#FFFFFF; border-color:#8DCAD3; }
input, textarea { padding:2px 3px; border-width:1px; border-style:solid; }
select { width:158px; height:20px; float:left; }
/** Aufbau **/
.oben, .mitte, .unten { width:1000px; margin:0px auto; }
.oben { height:216px; background:url('pics/navi_balken.jpg') bottom center no-repeat; }
.mitte { height:auto; padding:20px 0px 5px 0px; background-color:#EBF6F7; }
.unten { height:80px; background:url('pics/hg_body_unten.jpg') #EBF6F7 bottom center no-repeat; }
.links { float:left; }
.rechts { float:right; }
.cleaner { width:100%; height:2px; font-size:1px; clear:both; }
/** Content **/
.content_oben { width:889px; margin-top:14px; float:right; }
.content_links { width:150px; height:450px; padding-bottom:1px; float:left; }
.content_mitte { width:755px; float:left; }
.content_rechts { width:50px; padding-bottom:1px; float:left; }
.content_unten { width:755px; margin-left:150px; padding-top:2px; }
/** Logo (oben) **/
.logo, .logo a { width:105px; height:105px; display:block; }
.logo { margin-top:35px; float:left; }
/** Box Suche (oben) **/
#suche { width:199px; height:20px; float:right; }
#suche input { width:141px; height:16px; margin-left:3px; padding:0px; border:1px solid #999999; float:left; }
#suche input.button { width:48px; height:18px; padding:0px; line-height:16px; text-align:center; cursor:pointer; background-color:#CCCCCC; float:left; }
/** Box Teaser **/
.tx-bitpagemenu-pi1 h2 { margin:0px; padding:10px 0px 5px 0px; font-size:12px; line-height:14px; font-weight:bold; }
.tx-bitpagemenu-pi1 .themenbox { width:350px; height:126px; margin-bottom:20px; padding-right:10px; background:url("pics/hg_teaserweiss.gif") no-repeat; }
.tx-bitpagemenu-pi1 .bild { width:117px; height:82px; margin:10px 10px 25px 0px; padding-left:15px; text-align:center; float:left; overflow:hidden; }
.tx-bitpagemenu-pi1 .bodytext { margin:0px; font-size:11px; }
/** Startseite Ueberschrift **/
h1.csc-firstHeader { position:absolute; top:125px; margin-left:-4px; color:#FFFFFF; font-size:26px; line-height:32px; white-space:nowrap; }
/** Link nach oben **/
.csc-linkToTop { text-align:right; height:18px; margin-bottom:14px; border-bottom:1px dashed #999999; clear:both; }
.csc-linkToTop a { margin-left:11px; }
/** Sprungmarken Textnavigation **/
.csc-menu-3 { width:100%; display:block; margin-bottom:15px; border:0px; border-bottom:1px dashed #999999; clear:both; }
.csc-menu-3 ul { margin-left:0px; }
.csc-menu-3 li { margin-bottom:5px; text-decoration:underline; list-style:none; }
/** Textabsatz **/
.bodytext { margin-bottom:15px; }
/** Text mit Bild **/
.csc-textpic-caption { padding:8px 9px 8px 11px; color:#FFFFFF; font-size:11px; line-height:14px; background-color:#00909B; }
.csc-textpic-clear { height:15px; }
/** Rahmen 1 (Downloadbox) **/
.csc-frame-frame1 { width:370px; margin-bottom:16px; padding-bottom:27px; background:url('pics/hg_kastenpetrol_1_unten.gif') bottom left no-repeat; }
.csc-frame-frame1 table { margin:0px 4px 16px 6px; background-color:#D5E8EC; }
.csc-frame-frame1 p.bodytext { margin:0px 0px 16px 6px; padding-left:30px; padding-right:10px; display:block; background-color:#D5E8EC; }
.csc-frame-frame1 h1, .csc-frame-frame1 h2,
.csc-frame-frame1 h3, .csc-frame-frame1 h4,
.csc-frame-frame1 h5 { margin:0px; padding:25px 7px 7px 35px; color:#000000; font-size:12px; line-height:15px; background:url('pics/hg_kastenpetrol_1_oben.gif') top left no-repeat; }
/** Rahmen 2 (breiter Swoosh) **/
.csc-frame-frame2 { width:755px; margin-bottom:30px; background:url("pics/hg_kastenpetrol_2_unten.gif") bottom no-repeat #37AAB2; }
.csc-frame-frame2 p.bodytext { width:700px; padding:0px 0px 35px 30px; margin:0px; color:#FFFFFF; }
.csc-frame-frame2 a { color:#014f57; }
.csc-frame-frame2 a:focus,
.csc-frame-frame2 a:hover { color:#000000; }
.csc-frame-frame2 h1, .csc-frame-frame2 h2,
.csc-frame-frame2 h3, .csc-frame-frame2 h4,
.csc-frame-frame2 h5 { width:auto; padding:25px 0px 0px 30px; color:#FFFFFF; line-height:20px; background:url("pics/hg_kastenpetrol_2_oben.gif") no-repeat; }
.csc-frame-frame2 h2 { margin-bottom:7px; }
.csc-frame-frame2 h3 { margin-bottom:2px; }
.csc-frame-frame2 h4 { margin-bottom:1px; }
/** Suchergebnisseite **/
.tx_indexedsearch { margin:0px; padding:0px; }
.tx-indexedsearch-searchbox { margin-bottom:15px; }
.tx-indexedsearch-searchbox td { padding:2px; }
.tx-indexedsearch-searchbox select { border:1px solid #8dcad3; }
.tx-indexedsearch-searchbox .sword { float:left; }
.tx-indexedsearch-searchbox .desc { float:none; }
.defop, .lang { float:right; }
.tx-indexedsearch-searchbox option { margin:0px; padding:0px; }
.tx-indexedsearch-searchbox-button { width:100px; height:22px; margin-top:5px; padding:2px 3px; text-align:center; cursor:pointer; float:right; }
.tx-indexedsearch-rules { margin-bottom:15px; }
.tx-indexedsearch-rules h2 { margin-bottom:0px; font-size:12px; }
.tx-indexedsearch-browsebox { margin-bottom:15px; text-align:right; }
.tx-indexedsearch-res { margin-bottom:15px; }
#tx_indexedsearch_extResume { height:18px; margin-top:0px; margin-right:4px; border:none; }
#tx_indexedsearch_extResume,
.tx_indexedsearch_extResume { float:left; }
/** Kontakt **/
#mailform fieldset { width:390px; margin:0px; padding:0px; }
#mailform label { width:74px; height:19px; margin-top:3px; float:left; }
#mailform input, textarea { width:308px; margin-bottom:10px; border-width:1px; border-style:solid; float:right; }
#mailform input { padding:2px 3px; }
#mailform textarea { padding:3px; }
#mailform .csc-mailform-submit { width:100px; margin-top:5px; padding:1px 3px; text-align:center; cursor:pointer; float:right; }
#mailform .csc-mailform-field { clear:both; }
/** Tell a Friend **/
#tipform fieldset { width:480px; margin:0px; padding:0px; }
#tipform label { width:165px; height:19px; margin-top:3px; float:left; }
#tipform input, textarea { width:308px; margin-bottom:10px; border-width:1px; border-style:solid; float:right; }
#tipform input { width:298px; padding:2px 3px; float:left; }
#tipform textarea { width:298px; padding:3px; float:left; }
#tipform .csc-mailform-submit { width:100px; margin-top:5px; padding:1px 3px; text-align:center; cursor:pointer; float:right; }
#tipform .csc-mailform-field { clear:both; }
#tipform .captcha { width:150px; height:25px; margin-left:2px; float:left; }
#tipform p { margin-bottom:10px; }
#captcha { margin-bottom:10px; }
.captcha_notice { width:165px; margin-top:3px; float:left; }
.tx-srfreecap-pi2-image { width:300px; margin:0px; }
.tx-srfreecap-pi2-cant-read { color:#000000; }
/** Media-File-List **/
.csc-frame-frame1 .tx-mmdamfilelist-pi1-listrow { margin:0px 4px 16px 6px; padding-left:30px; padding-right:10px; display:block; background-color:#d5e8ec; }
.csc-frame-frame1 dl { margin-top:0px; }
/** Menu 1 **/
#menu1 { height:20px; color:#999999; line-height:18px; float:left; }
#menu1 a { color:#999999; padding:0px 5px; text-decoration:none; }
#menu1 a:focus { color:#F29400; text-decoration:underline; }
#menu1 a:hover { text-decoration:underline; }
/** Menu 2 **/
#menu2 a,
#meinjrk a { width:110px; height:auto; display:block; margin-right:1px; padding:3px 0px 4px 0px; color:#FFFFFF; font-size:11px; text-align:center; float:left; }
#menu2 { float:left; }
#menu2 a { text-decoration:none; background-color:#00909B; }
#menu2 a:focus { text-decoration:underline; background-color:#007C86; }
#menu2 a:hover,
#menu2 a.aktiv { text-decoration:none; background-color:#007C86; }
#menu2 a.aktiv:focus { text-decoration:underline; background-color:#007C86; }
#meinjrk a { text-decoration:none; background-color:#F29400; }
#meinjrk a:focus { text-decoration:underline; background-color:#E74C13; }
#meinjrk a:hover { text-decoration:none; background-color:#E74C13; }
/** Menu 3 **/
#menu3 { width:auto; height:102px; margin-top:28px; padding:0px; float:left; }
#menu3 div { width:97px; height:102px; margin-left:5px; color:#FFFFFF; overflow:hidden; background-color:#00909B; }
#menu3 div { background:url('pics/btn_menue3_passiv.gif') center bottom no-repeat; float:left; }
#menu3 div.aktiv { background:url('pics/btn_menue3_aktiv.gif') center bottom no-repeat; }
#menu3 div.aktiv img { opacity:1.00; -moz-opacity:1.00; -khtml-opacity:1.00; filter:alpha(opacity=100); }
#menu3 img { width:97px; height:68px; }
#menu3 img { opacity:0.55; -moz-opacity:0.55; -khtml-opacity:0.55; filter:alpha(opacity=55); }
#menu3 a { height:102px; display:block; color:#FFFFFF; font-size:11px; text-align:center; text-decoration:none; line-height:35px; }
#menu3 a:focus { text-decoration:underline; }
#menu3 a:focus img { opacity:1.00; -moz-opacity:1.00; -khtml-opacity:1.00; filter:alpha(opacity=100); text-decoration:none; }
#menu3 a:hover img { opacity:1.00; -moz-opacity:1.00; -khtml-opacity:1.00; filter:alpha(opacity=100); text-decoration:none; }
/** miniNavi **/
#miniNavi { width:auto; height:18px; margin-right:2px; line-height:16px; float:right; }
#miniNavi .btn { width:18px; height:16px; margin:0px; margin-right:3px; border:1px solid #999999; cursor:pointer; float:left; }
#miniNavi .toolTip { width:85px; color:#999999; font-size:12px; line-height:18px; float:left; }
#miniNavi .klein { background:url('pics/btn_text_klein.jpg') center no-repeat; }
#miniNavi .mittel { background:url('pics/btn_text_mittel.jpg') center no-repeat; display:none; }
#miniNavi .gross { background:url('pics/btn_text_gross.jpg') center no-repeat; }
#miniNavi .kontrast { background:url('pics/btn_text_kontrast.jpg') center no-repeat; }
/** Info Buttons **/
.btn { width:105px; height:75px; display:block; margin:0px 0px 20px 20px; }
.btn p { margin:2px; color:#00909B; float:right; }
.btn a { margin-top:52px; margin-right:3px; color:#00909B; float:left; }
.btn a:focus, .btn a:hover { color:#F29400; }
.standorte { background:url('pics/btn_standorte.jpg') center no-repeat; }
.ideennetz { background:url('pics/btn_ideennetz.jpg') center no-repeat; }
.spenden { background:url('pics/btn_spenden.jpg') center no-repeat; }
.buko { background:url('pics/btn_buko.jpg') center no-repeat; }
.drk { background:url('pics/btn_drk.jpg') center no-repeat; }
.drk a { color:#E2001A; }
.drk a:focus, .drk a:hover { color:#95050F; }
/** Sonstiges **/
a.fakebutton { width:100px; margin-top:5px; padding:1px 3px; text-align:center; text-decoration:none; cursor:pointer; background-color:#FFFFFF; border:1px solid #8dcad3; float:right; }
a.fakebutton:hover { text-decoration:none; border:1px solid #F29400; }
p.copyright { display:block; }
a.copyright,
a.copyright:focus,
a.copyright:hover { text-decoration:none; }
/***** TEXT GROSS *****/
.gross .tx-indexedsearch-rules h2 { font-size:14px; }
.gross .csc-textpic-caption { font-size:12px; }
.gross .csc-frame-frame1 h1,
.gross .csc-frame-frame1 h2,
.gross .csc-frame-frame1 h3,
.gross .csc-frame-frame1 h4,
.gross .csc-frame-frame1 h5 { font-size:14px; }
.gross .themenbox .bodytext { font-size:12px; }
.gross .themenbox h2 { padding-bottom:2px; font-size:14px; line-height:16px; }
.gross #menu2 a,
.gross #menu3 a,
.gross #meinjrk a { font-size:12px; }
/***** KONTRAST *****/
.kontrast input,
.kontrast select,
.kontrast textarea { border-color:#007C86; }
.kontrast .mitte { background:none; }
.kontrast .unten { background:none; }
.kontrast .btn a { color:#000000; }
.kontrast .btn a:focus,
.kontrast .btn a:hover { color:#F29400; }
.kontrast .drk a { color:#000000; }
.kontrast .drk a:focus,
.kontrast .drk a:hover { color:#E2001A; }
.kontrast .csc-frame-frame1 { width:368px; border:1px solid #007C86; background:none; }
.kontrast .csc-frame-frame1 h1,
.kontrast .csc-frame-frame1 h2,
.kontrast .csc-frame-frame1 h3,
.kontrast .csc-frame-frame1 h4,
.kontrast .csc-frame-frame1 h5 { background:none; }
.kontrast .csc-frame-frame1 .bodytext { background:none; }
.kontrast .csc-frame-frame2 { border:1px solid #007C86; background:none; }
.kontrast .csc-frame-frame2 h1,
.kontrast .csc-frame-frame2 h2,
.kontrast .csc-frame-frame2 h3,
.kontrast .csc-frame-frame2 h4,
.kontrast .csc-frame-frame2 h5 { color:#000000; background:none; }
.kontrast .csc-frame-frame2 .bodytext { color:#000000; background:none; }
.kontrast .csc-textpic-caption { background-color:#01717D; }
.kontrast .themenbox { width:348px; border:1px solid #007C86; background:none; }
.kontrast #menu1 a { color:#666666; }
.kontrast #menu1 a:hover { color:#000000; }
.kontrast #menu2 a { background-color:#007C86; }
.kontrast #menu2 a.aktiv { text-decoration:underline; }
.kontrast #menu2 a:hover { text-decoration:underline; }
.kontrast #meinjrk a { text-decoration:none; background-color:#E74C13; }
.kontrast #meinjrk a:hover { text-decoration:underline; }
.kontrast #menu3 div { background:url('pics/btn_menue3_aktiv.gif') center bottom no-repeat; }
.kontrast #menu3 div.aktiv { text-decoration:underline; }
.kontrast #menu3 a:hover { text-decoration:underline; }