/* general */
html, body, div, p, h1, h2, h3, ul, ol, span, table, td, form, img, li, select, input, textarea {
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
font-size: 100%;
color: #424242;
}
/* ++++ GENERAL ++++ */
img {border:0px;}
table {border:0px; }
td {vertical-align:top;}
html { margin:0; padding:0; }
body { margin:0; padding:0; text-align:center; }
h1 { margin:0; padding:0; }
div.main div.haupt div.inhalt div.content h1 { margin-bottom:24px; }
h2 { padding:0; font-size:1.2em; font-weight:bold; color:#424242; border-bottom:1px solid #e1e1e1; margin:1em 0 1.2em 0; padding:0.3em 0; margin:2em 0 1em 0; }
h3{ margin:0 0 0.4em 0; padding:0; font-size:1em; }
h3.more { margin:0 0 0.4em 0; padding:0; font-size:1em; background:url(../images/pfeil-re_hi.gif) left 0.3em no-repeat; padding-left:30px; }
h4{ margin:1em 0 0.2em 0; padding:0.4em 0 0 0; font-size:1em; }
p { padding:0; margin:0; }
form { padding:0; margin:0; }
ul { margin:0; padding:0;}
li { margin:0; padding:0.5em 0; text-align:left; list-style:none; }
.right { float:right; }
.left { float:left; }
.special { color:#f26521; }
a.pdf { background:#f2f2f2 url(../images/icon_pdf.gif) no-repeat 14px 0.6em; padding:0.7em 0 0.7em 40px; display:block; }
/* ++++ / GENERAL ++++ */
/* ++++ LINKS ++++ */
a {text-decoration:none; color:#00377c; }
a:hover {text-decoration:underline;}
/* ++++ DIVs ++++ */
div.main { width:980px; position:relative; margin:0 auto; text-align:left; background:url(../images/bg_main.gif) no-repeat 0 20px; padding-top:162px; font-size:0.75em; }
div.main div#wellen { width: 740px; height: 125px; position: absolute; top: 0px; right: 0px; z-index:900; }
div.main div#wellen object { z-index:901; }
div#metanavigation { position:absolute; right:-8px; top:8px; font-weight:bold; font-size:0.95em; z-index: 901; }
div#metanavigation ul li { float:left; margin-left:8px; }
div#metanavigation ul li a { margin-right:8px; }
div#metanavigation ul li span.aktiv { margin-right:8px; }
div#datum { position:absolute; right:0; top:130px; color:#cacaca; font-size:0.95em; }
div#druckversion { position:absolute; right:0; top:120px; color:#cacaca; font-size:0.95em;font-weight:bold; display:none; }
div#logo { position:absolute; left:0; top:42px; }
div.main div#logoprint { position:absolute; left:2px; top:42px; width:980px; height:125px; display:none; }
div.main div.haupt div.navigation { float:left; width:200px; font-size:0.9em; }
div.main div.haupt div.navigation ul { background:#f2f2f2; }
div.main div.haupt div.navigation ul li { font-weight:bold; border-bottom:1px solid #fff; padding:1em 0 0.9em 12px; }
div.main div.haupt div.navigation ul li a, div.main div.haupt div.navigation ul li span { background:url(../images/pfeil-re_lo.gif) left 0.4em no-repeat; padding-left:16px; }
div.main div.haupt div.navigation ul li span.aktiv { background:url(../images/pfeil-bottom_hi.gif) left 0.4em no-repeat; padding-left:16px; color:#f26521; }
div.main div.haupt div.navigation ul li.level1 a.aktiv { background:url(../images/pfeil-bottom_hi.gif) left 0.4em no-repeat; padding-left:16px; color:#f26521; }
div.main div.haupt div.navigation ul li span { color:#f26521; }
div.main div.haupt div.navigation ul li.level1 a { background:url(../images/pfeil-re_lo.gif) left 0.3em no-repeat; }
div.main div.haupt div.navigation ul li.level2 { font-weight:normal; padding-left:30px; }
div.main div.haupt div.navigation ul li.level2 a { background:url(../images/pfeil-re2_lo.gif) left 0.4em no-repeat; }
div.main div.haupt div.navigation ul li.level2 span.aktiv { background:url(../images/pfeil-re2_hi.gif) left 0.4em no-repeat; }
div.main div.haupt div.inhalt { float:right; width:740px; }
div.main div.haupt div.inhalt div.content { float:left; width:470px; line-height:1.6em; padding-top:14px; }
div.main div.haupt div.inhalt div.content a { font-weight:bold; }
div.main div.haupt div.inhalt div.content p { margin:0 0 1.2em 0; }
div.main div.haupt div.inhalt div.content ul { margin:0 0 2em 0; }
div.main div.haupt div.inhalt div.content ul li { background:url(../images/pfeil-re2_lo.gif) left 1.1em no-repeat; padding-left:12px; }
div.main div.haupt div.inhalt div.content p.fussnote { font-size:0.9em; border-top:1px solid #e1e1e1; padding-top:0.6em; margin-top:3em; }
div.main div.haupt div.inhalt div.content table.termine { width:100%; }
div.main div.haupt div.inhalt div.content table.termine td { border-bottom:1px solid #e1e1e1; padding:0.6em 0.4em 0.6em 0; vertical-align:middle; }
div.main div.haupt div.inhalt div.content table.termine td.tabellenheader { width:1%; white-space:nowrap; font-weight:bold; padding-right:4em; }
div.main div.haupt div.inhalt div.content img.contentmotiv { margin:20px 0; }
div.main div.haupt div.inhalt div.content img.left { margin:0 20px 0 0; border:1px solid #e1e1e1; }
div.main div.haupt div.inhalt div.content img.right { margin:0 0 0 20px; border:1px solid #e1e1e1; }
div.main div.haupt div.inhalt div.content div.aktuelles h4 { margin:1.4em 0 0.2em 0; background:url(../images/pfeil-re_lo.gif) left 0.8em no-repeat; padding-left:18px; }
div.main div.haupt div.inhalt div.marginalspalte { float:right; width:240px; font-size:0.9em; line-height:1.6em; }
div.main div.haupt div.inhalt div.marginalspalte img.motiv { margin:0 0 1px 0; }
div.main div.haupt div.inhalt div.marginalspalte h3 { color:#424242; background:#f2f2f2; margin:0 0 1.2em 0; padding:0.6em 16px; }
div.main div.haupt div.inhalt div.marginalspalte h3.spende { color:#ffffff; background:#fd7c11; }
div.main div.haupt div.inhalt div.marginalspalte h4 { margin:0.2em 0; padding:0; font-size:1em; background:url(../images/pfeil-re_lo.gif) left 0.4em no-repeat; padding-left:18px; }
div.main div.haupt div.inhalt div.marginalspalte div.artikel, div.main div.haupt div.inhalt div.marginalspalte div.newsletteranmeldung { padding-left:18px; margin-bottom:2em; }
div.main div.haupt div.inhalt div.marginalspalte div.newsletteranmeldung form { margin-top:1em; }
div.main div.haupt div.inhalt div.marginalspalte div.newsletteranmeldung input { width:212px; border:1px solid #e4e4e4; padding:0.2em 0.4em; margin-bottom:0.8em; float:left; }
div.main div.haupt div.inhalt div.marginalspalte div.newsletteranmeldung select.eingabe { width:160px; border:1px solid #e4e4e4; padding:0 0 0 0.4em; margin-bottom:0.8em; float:left; }
div.main div.haupt div.inhalt div.marginalspalte div.newsletteranmeldung input#nlabschicken { width:16px; height:15px; border:none; float:right; padding:2px 0 0 0; }
div.main div.haupt div.inhalt div.marginalspalte span.datum { color:#fd7c11; margin-left:18px; font-weight:bold; }
div.main div.haupt div.inhalt div.footer { color:#b3b3b3; font-size:0.9em; line-height:1.8em; margin-top:4em; padding-bottom:8em; width:470px; }
div.main div.haupt div.inhalt div.footer * { color:#b3b3b3; }
div.main div.haupt div.inhalt div.footer div.metalinks { border-bottom:1px solid #e1e1e1; padding-bottom:0.5em; margin-bottom:1em; }
div.main div.haupt div.inhalt div.footer div.metalinks a { margin-right:30px; color:#b3b3b3; }
div.main div.haupt div.inhalt div.footer div.metalinks a.print { background:url(../images/btn_print.gif) no-repeat left center; padding-left:24px; }
div.main div.haupt div.inhalt div.footer div.metalinks a.top { background:url(../images/btn_top.gif) no-repeat left center; padding-left:20px; }
div.main div.haupt div.inhalt div.content div.kontakt { margin: 20px 0; }
div.main div.haupt div.inhalt div.content div.kontakt fieldset, div.main div.haupt div.inhalt div.marginalspalte div.newsletteranmeldung fieldset { margin: 10px 0; padding : 1em; border : 1px solid #d6d6d6; }
div.main div.haupt div.inhalt div.content div.kontakt fieldset div br, div.main div.haupt div.inhalt div.marginalspalte div.newsletteranmeldung fieldset div br { display : none; }
div.main div.haupt div.inhalt div.content div.kontakt legend, div.main div.haupt div.inhalt div.marginalspalte div.newsletteranmeldung legend { font-weight : bold; color: #666666; margin : 0; padding : 0.5em; }
div.main div.haupt div.inhalt div.content div.kontakt label, div.main div.haupt div.inhalt div.marginalspalte div.newsletteranmeldung label { display : block;font-size: 1em; }
div.main div.haupt div.inhalt div.content div.kontakt #submit, div.main div.haupt div.inhalt div.marginalspalte div.newsletteranmeldung #submit { clear : both; padding-top : 1em; text-align : center; }
div.main div.haupt div.inhalt div.content div.kontakt #submit input, div.main div.haupt div.inhalt div.marginalspalte div.newsletteranmeldung #submit input { border: 1px solid #333; padding: 2px 4px; color: #333; }
div.main div.haupt div.inhalt div.content div.kontakt fieldset div, div.main div.haupt div.inhalt div.marginalspalte div.newsletteranmeldung fieldset div { margin : 0; padding : 0.4em 0; }
div.main div.haupt div.inhalt div.content div.kontakt fieldset div.optional, div.main div.haupt div.inhalt div.marginalspalte div.newsletteranmeldung fieldset div.optional { display : block; }
div.main div.haupt div.inhalt div.content div.kontakt fieldset div input, div.main div.haupt div.inhalt div.marginalspalte div.newsletteranmeldung fieldset div input { width: 200px; border: 1px solid #FD7C11; padding: 1px;font-size: 1em; }
div.main div.haupt div.inhalt div.content div.kontakt fieldset div select, div.main div.haupt div.inhalt div.marginalspalte div.newsletteranmeldung fieldset div select { width: 200px; border : 1px solid #FD7C11; padding: 1px;font-size: 1em; }
div.main div.haupt div.inhalt div.content div.kontakt fieldset div label, div.main div.haupt div.inhalt div.marginalspalte div.newsletteranmeldung fieldset div label { background:url(/cms/images/bg_stern.gif) left 0.4em no-repeat; padding-left:10px; }
div.main div.haupt div.inhalt div.content div.kontakt fieldset div.optional label, div.main div.haupt div.inhalt div.marginalspalte div.newsletteranmeldung fieldset div.optional label { background:none; padding-left:0; }
div.main div.haupt div.inhalt div.content div.kontakt fieldset div textarea, div.main div.haupt div.inhalt div.marginalspalte div.newsletteranmeldung fieldset div textarea { width: 280px; border : 1px solid #FD7C11; padding : 1px;font-size: 1em; }
div.main div.haupt div.inhalt div.content div.kontakt .optional input, div.main div.haupt div.inhalt div.marginalspalte div.newsletteranmeldung .optional input { border : 1px solid #ccc; }
div.main div.haupt div.inhalt div.content div.kontakt input#abschicken, div.main div.haupt div.inhalt div.marginalspalte div.newsletteranmeldung input#abschicken { width: 144px; height:30px; margin-top:10px; }
/* Hoffnungsspenderformular */
div.hoffnungsspenderformular { font-size:0.75em; margin:0 auto; text-align:left; width:500px; padding-top:20px; }
div.hoffnungsspenderformular fieldset { margin: 10px 0; padding : 1em; border : 1px solid #d6d6d6; }
div.hoffnungsspenderformular fieldset table tr td { width:250px; }
div.hoffnungsspenderformular fieldset table tr td.ie { width:50%; }
div.hoffnungsspenderformular fieldset div br { display : none; }
div.hoffnungsspenderformular legend { font-weight : bold; color: #666666; margin : 0; padding : 0.5em; }
div.hoffnungsspenderformular label { display : block;font-size: 1em; }
div.hoffnungsspenderformular #submit { clear : both; padding-top : 1em; text-align : center; }
div.hoffnungsspenderformular #submit input { border: 1px solid #333; padding: 2px 4px; color: #333; }
div.hoffnungsspenderformular fieldset div { margin : 0; padding : 0.4em 0; }
div.hoffnungsspenderformular fieldset div.optional { display : block; }
div.hoffnungsspenderformular fieldset div input { width: 200px; border: 1px solid #FD7C11; padding: 1px;font-size: 1em; }
div.hoffnungsspenderformular fieldset div input.button { width: 15px; border: 1px solid #FD7C11; padding: 1px;font-size: 1em; }
div.hoffnungsspenderformular fieldset div select { width: 200px; border : 1px solid #FD7C11; padding: 1px;font-size: 1em; }
div.hoffnungsspenderformular fieldset div label { background:url(/cms/images/bg_stern.gif) left 0.2em no-repeat; padding-left:10px; }
div.hoffnungsspenderformular fieldset div.optional label { background:none; padding-left:0; }
div.hoffnungsspenderformular fieldset div textarea { width: 280px; border : 1px solid #FD7C11; padding : 1px;font-size: 1em; }
div.hoffnungsspenderformular .optional input { border : 1px solid #ccc; }
div.hoffnungsspenderformular input#abschicken{ width: 144px; height:30px; margin-top:10px; }
div.main div.haupt div.inhalt div.content div.gmap { margin:10px 0 40px 0; }
div.main div.haupt div.inhalt div.content div.gmap div#map_canvas div.gmnoprint { width:400px; }
div.main div.haupt div.inhalt div.content div.gmap div#map_canvas div.gmnoprint div div { color:#00377c; font-size:1em; padding:0; }
div.main div.haupt div.inhalt div.content div.gmap div#map_canvas div.gmnoprint div#info_route div#suchform { margin:10px 0; }
div.main div.haupt div.inhalt div.content div.gmap div#map_canvas div.gmnoprint div#info_route div#suchform td { padding-right:10px; }
div.main div.haupt div.inhalt div.content div.gmap div#map_canvas div.gmnoprint div#info_route div#suchform input { width:200px; border:1px solid #e4e4e4; padding:0.2em 0.4em; margin-bottom:0.8em; }
div.main div.haupt div.inhalt div.content div.gmap div#map_canvas div.gmnoprint div#info_route div#suchform input.info_route_button { width:160px; margin-left:40px; }
div.main div.haupt div.inhalt div.content div.gmap div#map_canvas * a { color:#00377c; }
/* Angedacht */