@charset "utf-8"; /* CSS Document */ body { background: #b1b1b1 url(../bgMain.jpg) 0 0 repeat-x; padding: 0px 0px 30px 0px; margin: 0; font-family: Arial, Helvetica, sans-serif; } form { margin: 0; padding: 0; } .dn { display: none; } #main { background: url(../bgMain.gif) 50% -22px no-repeat; width: 100%; min-height: 820px; display: block; } #main #head { width: 980px; height: 179px; display: block; margin: 0px auto 0px auto; background: url(../bgHead.gif) 0 0 no-repeat; } #main #head .navOben { display: block; height: 10px; float: right; margin: 20px 14px 0px 0px; padding: 0px; font-size: 10px; color: #999; text-align: right; } #main #head .navOben a { text-decoration: none; color: #999; text-transform: uppercase; } #main #head .navOben a:hover { color: #c0220e; } #main #head .navOben a:focus { color: #c0220e; } #main #head .navOben a:active { color: #c0220e; } #main #head .suche { display: block; float: left; margin: 0px 0px 0px 0px; position: relative; top: 122px; left: 451px; } #main #head .suche .feld { font-size: 11px; width: 100px; margin-right: 4px; background: transparent; border: none; color: #999; float: left; } #main #head .suche .but { margin: 1px 0px 0px 0px; float: left; } #main #head .slide { display: block; padding: 1px 0px 0px 1px; width: 182px; height: 131px; float: right; background: url(../bgSlide.gif); position: relative; top: 16px; } #main #head .logo { display: block; width: 200px; height: 176px; background: url(../logo.png) 50% 50% no-repeat; float: left; } #main #ra { width: 980px; margin: 0px auto 0px auto; } #main #ra #l { width: 198px; min-height: 400px; margin: 0px 12px 0px 0px; padding: 0px 1px 0px 1px; float: left; } #main #ra #l .mainNavO { width: 198px; height: 13px; background: url(../navOben.png) 0 0 no-repeat; display: block; } #main #ra #l .mainNav { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; background: #e0e4e5 url(../navBg.png) 0 0 no-repeat; } #main #ra #l .mainNav li { background: url(../nav_linie.png) 50% 100% no-repeat; } #main #ra #l .mainNav li a { font-size: 12px; color: #172734; text-decoration: none; height: 28px; margin: 0px 2px 0px 2px; display: block; padding: 5px 0px 0px 15px; overflow: hidden; line-height: 22px; text-transform: uppercase; } #main #ra #l .mainNav li a:hover { background: url(../navBgRoll.png) 0 0px repeat-x; } #main #ra #l .mainNav li a:focus { background: url(../navBgRoll.png) 0 0px repeat-x; } #main #ra #l .mainNav li a.akt { background: #f7f9f9 url(../n_active.png) 50% 100% no-repeat; color: white; } #main #ra #l .mainNav li a.akt:hover { background: url(../navBgRoll.png) 0 0px repeat-x; color: #172734; } #main #ra #l .mainNav li a.offen { background: #f7f9f9 url(../nav_linie.png) 50% 100% no-repeat; } #main #ra #l .mainNav li a.offen:hover { background: url(../navBgRoll.png) 0 0px repeat-x; } #main #ra #l .mainNav li a img { position: relative; top: -7px; float: right; margin: 0px 0px 0px -15px; } #main #ra #l .mainNav li .subN { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; } #main #ra #l .mainNav li .subN li { } #main #ra #l .mainNav li .subN li a { height: 21px; padding: 5px 0px 0px 28px; line-height: 17px; } #main #ra #l .mainNav li .subN li a:hover { background: url(../navBgRoll_k.png) 0% 0% repeat-x; } #main #ra #l .mainNav li .subN li a.akt { background: url(../n_active.png) 50% 100% no-repeat; } #main #ra #l .mainNav li .subN li a.akt:hover{ background: url(../navBgRoll_k.png) 0% 0% repeat-x; } #main #ra #l .mainNav li .subN li a.of { background: #f7f9f9 url(../nav_linie.png) 50% 100% no-repeat; } #main #ra #l .mainNav li .subN li a.of:hover{ background: url(../navBgRoll_k.png) 0% 0% repeat-x; } #main #ra #l .mainNav li .subN2 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; } #main #ra #l .mainNav li .subN2 li { xbackground: #f7f9f9 url(../nav_linie.png) 50% 100% no-repeat; } #main #ra #l .mainNav li .subN2 li a { height: 19px; padding: 4px 0px 0px 38px; font-size: 10px; line-height: 15px; background: #f7f9f9 url(../nav_linie.png) 50% 100% no-repeat; } #main #ra #l .mainNav li .subN2 li a:hover { background: url(../navBgRoll_nk.png) 0% 0% repeat-x; } #main #ra #l .mainNav li .subN2 li a.akt { background: url(../n_active.png) 50% 50% no-repeat; color: white; } #main #ra #l .mainNav li .subN2 li a.akt:hover{ background: url(../navBgRoll_nk.png) 0% 0% repeat-x; color: #172734; } #main #ra #l .mainNavU { width: 198px; height: 11px; background: url(../navUnten.png) 0 0 no-repeat; display: block; margin: 0px 0px 12px 0px; } #main #ra #l .baKlein { display: block; margin: 0px 0px 12px 0px; width: 198px; height: 57px; } #main #ra #l .baKlein span { display: none; } #main #ra #l .kalender { background: url(../ba_kalender.png) 0px 0px no-repeat; } #main #ra #l .galerie { background: url(../ba_galerie.png) 0px 0px no-repeat; } #main #ra #l a:hover { background-position: 0px -57px; } #main #ra #l .adLo { display: block; width: 198px; height: 14px; background: url(../box_ad_le_o.png) 0 0 no-repeat; } #main #ra #l .adLm { display: block; width: 198px; min-height: 100px; background: url(../box_ad_le_m.png) 0 0 repeat-y; } #main #ra #l .adLu { display: block; width: 198px; height: 5px; background: url(../box_ad_le_u.png) 0 0 no-repeat; } #main #ra #m { width: 573px; margin: 0px 12px 0px 0px; float: left; } #main #ra #m .boxWob { display: block; width: 573px; height: 5px; background: url(../boxWoben.png) 0 0 no-repeat; } #main #ra #m .boxW { background: white url(../logoBlass.gif) 100% 100% no-repeat; min-height: 500px; padding: 5px 10px 10px 10px; } #main #ra #m .boxW .print { display: block; width: 24px; height: 22px; background: url(../print.png) 0 0 no-repeat; float: right; margin: 0px 0px -18px 0px; position: relative; z-index: 10; } #main #ra #m .boxW .print span { display: none; } #main #ra #m .boxW h1 { margin: 0px 0px 17px 0px; font-size: 18px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #bc210d; } #main #ra #m .boxW h2 { margin: 0px 0px 0px 0px; font-size: 13px; color: #363636; } #main #ra #m .boxW p { margin: 0px 0px 17px 0px; font-size: 12px; color: #363636; } #main #ra #m .boxW p .left { margin: 0px 17px 10px 0px; float: left; } #main #ra #m .boxW p .right { margin: 0px 0px 10px 17px; float: right; } #main #ra #m .boxW .left2er { display: block; float: left; width: 318px; } #main #ra #m .boxW .left2er .bild { width: 302px; } #main #ra #m .boxW .left2er .bild .msg { display: block; width: 145px; height: 48px; padding: 4px 0px 0px 8px; background: url(../bildBG.png) 0 0 no-repeat; position: relative; top: -52px; left: 149px; margin: 0px 0px -52px 0px; font-size: 12px; color: #c0220e; text-decoration: none; } #main #ra #m .boxW .left2er .bild .msg:hover{ text-decoration: underline; } #main #ra #m .boxW .left2er h1 { background: #c0220e; width: 295px; height: 20px; padding: 4px 0px 0px 7px; font-size: 14px; color: white; font-weight: lighter; margin: 2px 0px 0px 0px; } #main #ra #m .boxW .left2er h1 a { float: right; display: block; width: 24px; height: 24px; background: url(../pfeil_2.png) 0px 0px no-repeat; margin: -4px 0px 0px 0px; } #main #ra #m .boxW .left2er h1 a span { display: none; } #main #ra #m .boxW .left2er .e { border-bottom: 1px dotted #c7c7c7; width: 282px; display: block; padding: 10px 10px 10px 10px; text-decoration: none; background: url(../eBg2.png) 0 0 no-repeat; } #main #ra #m .boxW .left2er .e .date { font-size: 9px; color: #585858; } #main #ra #m .boxW .left2er .e .head { font-size: 13px; color: #c0220e; } #main #ra #m .boxW .left2er .e .head .i{ position: relative; top: -2px; left: -8px; margin: 0px -8px 0px 0px; } #main #ra #m .boxW .left2er .e .txt { font-size: 12px; color: #585858; } #main #ra #m .boxW .left2er .e:hover { background: #e7e9ea; } #main #ra #m .boxW .left2er .me { width: 292px; border-bottom: 1px dotted #c7c7c7; display: block; padding: 5px 10px 0px 0px; height: 20px; font-size: 10px; text-decoration: none; color: #c0220e; text-align: right; } #main #ra #m .boxW .left2er .me:hover { background: #e7e9ea; } #main #ra #m .boxW .left22er { display: block; float: left; width: 230px; padding: 0px 10px 20px 0px; border-right: 1px solid #ccc; } #main #ra #m .boxW .left22er h1 { color: #bc210d; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; margin: 0px 0px 0px 0px; min-height: 22px; padding-bottom: 10px; border-bottom: 1px dotted #c7c7c7; } #main #ra #m .boxW .left22er h1 strong { color: black; } #main #ra #m .boxW .left22er .noBord { border-bottom: none; border-bottom-width: 0px; } #main #ra #m .boxW .left22er form { border-bottom: 1px dotted #c7c7c7; padding-bottom: 10px; } #main #ra #m .boxW .left22er .sR { display: block; border-bottom: 1px dotted #c7c7c7; font-size: 11px; text-decoration: none; color: #363636; margin: 0px 0px 0px 0px; padding: 2px 0px 2px 10px; background: url(../pfeil_kleinG.png) 0px 6px no-repeat; } #main #ra #m .boxW .left22er .sR:hover { background: #bc210d; color: white; background-image: none; } #main #ra #m .boxW .left22er .e { border-bottom: 1px dotted #c7c7c7; display: block; padding: 10px 0px 10px 0px; text-decoration: none; background: url(../eBg.png) 0 0 no-repeat; } #main #ra #m .boxW .left22er .e img { border: 1px solid #dadada; margin: 0px 10px 0px 0px; float: left; } #main #ra #m .boxW .left22er .e .date { font-size: 9px; color: #585858; } #main #ra #m .boxW .left22er .e .head { font-size: 13px; color: #c0220e; } #main #ra #m .boxW .left22er .e .txt { font-size: 12px; color: #585858; } #main #ra #m .boxW .left22er .e:hover { background: #e7e9ea; } #main #ra #m .boxW .left22er .e .esp { clear: left; display: block; } #main #ra #m .boxW .left22er .akt { background: #e7e9ea; } #main #ra #m .boxW .left22er .me { border-bottom: 1px dotted #c7c7c7; display: block; padding: 5px 10px 0px 0px; height: 20px; font-size: 10px; text-decoration: none; color: #c0220e; text-align: right; } #main #ra #m .boxW .left22er .me:hover { background: #e7e9ea; } #main #ra #m .boxW .left22er .e .dateK { font-size: 9px; color: #585858; display: block; float: left; width: 37px; height: 35px; margin: 0px 0px 0px 5px; } #main #ra #m .boxW .left22er .e .dateK .m { color: #585858; display: block; width: 37px; height: 14px; background: #d5a24c; text-align: center; color: white; font-size: 11px; padding: 0px 0px 0px 0px; font-weight: bold; } #main #ra #m .boxW .left22er .e .dateK .t { color: #585858; display: block; width: 35px; height: 28px; border-left: 1px solid #d5a24c; border-bottom: 1px solid #d5a24c; border-right: 1px solid #d5a24c; text-align: center; font-size: 23px; font-weight: bold; } #main #ra #m .boxW .left22er .e .dateK .j { font-size: 9px; color: #585858; text-align: center; display: block; padding-top: 1px; } #main #ra #m .boxW .left22er .e .dateKa { font-size: 9px; color: #585858; display: block; float: left; width: 37px; height: 35px; margin: 0px 0px 0px 5px; } #main #ra #m .boxW .left22er .e .dateKa .m { color: #585858; display: block; width: 37px; height: 14px; background: #c0220e; text-align: center; color: white; font-size: 11px; padding: 0px 0px 0px 0px; font-weight: bold; } #main #ra #m .boxW .left22er .e .dateKa .t { color: #585858; display: block; width: 35px; height: 28px; border-left: 1px solid #c0220e; border-bottom: 1px solid #c0220e; border-right: 1px solid #c0220e; text-align: center; font-size: 23px; font-weight: bold; } #main #ra #m .boxW .left22er .e .dateKa .j { font-size: 9px; color: #585858; text-align: center; display: block; padding-top: 1px; } #main #ra #m .boxW .left22er .e .headK { font-size: 13px; color: #c0220e; display: block; float: left; width: 170px; margin: 0px 0px 0px 0px; padding-left: 10px; } #main #ra #m .boxW .left22er .e .txtK { font-size: 12px; color: #585858; float: left; display: block; width: 170px; padding-left: 10px; margin-bottom: 10px; } #main #ra #m .boxW .left22er .e .cK { display: block; height: 1px; margin-bottom: -10px; clear: left; } #main #ra #m .boxW .left22er .e .txK { display: block; float: left; width: 180px; } #main #ra #m .boxW .page { xborder-bottom: 1px dotted #c7c7c7; margin: 10px 0px 0px 0px; padding: 0px 0px 10px 0px; text-align: center; font-size: 10px; color: #898989; } #main #ra #m .boxW .page .o { font-size: 10px; color: #898989; } #main #ra #m .boxW .page a span { display: none; } #main #ra #m .boxW .page .l { display: block; float: left; width: 17px; height: 17px; background: url(../page_left.gif) 0px 0px no-repeat; } #main #ra #m .boxW .page .r { display: block; float: right; width: 17px; height: 17px; background: url(../page_right.gif) 0px 0px no-repeat; } #main #ra #m .boxW .right2er { display: block; float: left; width: 235px; } #main #ra #m .boxW .right2er h2 { background: #c0220e; margin: 0px 0px 0px 0px; height: 20px; padding: 4px 0px 0px 7px; font-size: 14px; color: white; font-weight: lighter; } #main #ra #m .boxW .right2er h2 a { float: right; display: block; width: 24px; height: 24px; background: url(../pfeil_1.png) 0px 0px no-repeat; margin: -4px 0px 0px 0px; } #main #ra #m .boxW .right2er h2 a span { display: none; } #main #ra #m .boxW .right2er .e { border-bottom: 1px dotted #c7c7c7; display: block; padding: 10px 0px 10px 0px; text-decoration: none; background: url(../eBg.png) 0 0 no-repeat; } #main #ra #m .boxW .right2er .e img { border: 1px solid #dadada; margin: 0px 10px 0px 0px; } #main #ra #m .boxW .right2er .e .date { font-size: 9px; color: #585858; } #main #ra #m .boxW .right2er .e .head { font-size: 13px; color: #c0220e; } #main #ra #m .boxW .right2er .e .txt { font-size: 12px; color: #585858; } #main #ra #m .boxW .right2er .e:hover { background: #e7e9ea; } #main #ra #m .boxW .right2er .me { border-bottom: 1px dotted #c7c7c7; display: block; padding: 5px 10px 0px 0px; height: 20px; font-size: 10px; text-decoration: none; color: #c0220e; text-align: right; } #main #ra #m .boxW .right2er .me:hover { background: #e7e9ea; } #main #ra #m .boxW .right22er { display: block; float: left; width: 302px; margin: 0px 0px 0px 10px; } #main #ra #m .boxW .right22er .dat { margin: 0px 0px 3px 0px; font-size: 10px; } #main #ra #m .boxW .right22er h1 { margin: 0px 0px 8px 0px; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: lighter; } #main #ra #m .boxW .right22er h1 strong { color: black; font-weight: lighter; font-size: 12px; } #main #ra #m .boxW .right22er h2 { margin: 0px 0px 8px 0px; font-size: 16px; font-family: Arial, Helvetica, sans-serif; xfont-weight: lighter; } #main #ra #m .boxW .right22er .pic { margin: 0px 0px 8px 0px; } #main #ra #m .boxW .right22er p { margin: 0px 0px 10px 0px; xfont-size: 16px; } #main #ra #m .boxW .right22er .f { border: none; background: url(../bgInput.png) 0px 0px no-repeat; padding: 2px 0px 0px 4px; width: 220px; height: 20px; font-size: 12px; margin: 0px 0px 3px 0px; } #main #ra #m .boxW .right22er .f2 { border: none; background: url(../bgInput1.png) 0px 0px no-repeat; padding: 2px 0px 0px 4px; width: 73px; height: 20px; font-size: 12px; margin: 0px 3px 3px 0px; } #main #ra #m .boxW .right22er .f3 { border: none; background: url(../bgInput2.png) 0px 0px no-repeat; padding: 2px 0px 0px 4px; width: 141px; height: 20px; font-size: 12px; margin: 0px 0px 3px 0px; } #main #ra #m .boxW .right22er .s { color: #666; width: 222px; } #main #ra #m .boxW .right22er .ta { margin: 3px 0px 0px 0px; width: 220px; height: 79px; border: none; background: url(../bgInput3.png) 0px 0px no-repeat; font-family: Arial, Helvetica, sans-serif; } #main #ra #m .boxW .right22er .bez { font-size: 12px; } #main #ra #m .boxW .right22er .light { line-height: 0px; letter-spacing: 0px; margin: 0px 0px 0px -10px; } #main #ra #m .boxW .right22er .light a { } #main #ra #m .boxW .right22er .light a img:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:Alpha(opacity=50); opacity: 0.5; } #main #ra #m .boxW .right22er .light a img { border: none; margin: 0px 0px 10px 10px; } /* mgs: removed width/height attributes */ #main #ra #m .boxWun { display: block; width: 573px; height: 5px; background: url(../boxWunten.png) 0 0 no-repeat; } /* Seite Datenservice Iframe*/ #main #ra #m .boxWDSob { display: block; width: 769px; height: 5px; background: url(../boxWDSoben.png) 0 0 no-repeat; } #main #ra #m .boxWDS { background: white url(../logoBlass.gif) 100% 100% no-repeat; min-height: 500px; width:749px; padding: 5px 10px 10px 10px; } #main #ra #m .boxWDSun { display: block; width: 769px; height: 5px; background: url(../boxWDSunten.png) 0 0 no-repeat; } #main #ra #m .boxWDS h1 { margin: 0px; padding:0px; font-size: 18px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #bc210d; } /* Ende */ #main #ra #r { width: 183px; min-height: 400px; margin: 0px 0px 0px 0px; float: left; } #main #ra #r .adRo { display: block; width: 183px; height: 13px; background: url(../box_ad_ri_o.png) 0 0 no-repeat; } #main #ra #r .adRm { display: block; width: 183px; /* min-height: 200px; */ background: url(../box_ad_ri_m.png) 0 0 repeat-y; } #main #ra #r .adRu { display: block; width: 183px; height: 6px; background: url(../box_ad_ri_u.png) 0 0 no-repeat; } #main #ra #m .boxW .sitemap { color: #363636; } #main #ra #m .boxW .sitemap .h { border-top: 1px dotted #999; padding: 10px 0px 10px 10px; font-weight: bold; display: block; font-size: 14px; color: #363636; text-decoration: none; } #main #ra #m .boxW .sitemap .h:hover { color: #c0220e; background: #f2f2f2; } #main #ra #m .boxW .sitemap .noLi { list-style-type: none; } #main #ra #m .boxW .sitemap ul { line-height: 24px; margin: -1px 0px 0px 0px; padding: 0px 0px 0px 20px; color: #363636; list-style-type: none; } #main #ra #m .boxW .sitemap ul li { border-top: 1px dotted #999; } #main #ra #m .boxW .sitemap ul li a { font-size: 12px; color: #363636; display: block; padding-left: 10px; text-decoration: none; } #main #ra #m .boxW .sitemap ul li a:hover { color: #c0220e; background: #f2f2f2; } #main #ra #m .boxW .sitemap ul li a span { display: block; float: right; padding-right: 10px; } #footer { width: 573px; height: 36px; margin: 0px 0px 0px 0px; } #footer p.re { margin: 0px 0px 0px 0px; font-size: 9px; color: #595959; padding: 12px 15px 0px 0px; float: right; } #footer p { margin: 0px 0px 0px 0px; font-size: 9px; color: #595959; padding: 12px 0px 0px 15px; } #footer p a { color: #595959; text-decoration: none; text-transform: uppercase; } #footer p a:hover { color: #c0220e; } #footer p a:focus { color: #c0220e; } #partner { width: 573px; height: 60px; padding: 0; margin: 0px 0px 0px 0px; background: white; } #partner table { width: 100%; height: 60px; } #partner td { width: 20%; text-align: center; vertical-align: middle; overflow: hidden; } #partner a { } /* FLappMenu ANFANG */ #menu_parent { background: url(../optionBg.png) 0px 0px no-repeat; width: 229px; height: 19px; padding: 3px 0px 0px 0px; font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #bc210d; text-indent: 6px; margin: 0px 0px 0px 0px; } #menu_parent:hover { color: #353535; } #menu_child { display: block; width: 229px; padding: 10px 0px 10px 0px; background: url("../optionBgUnten.png") 0% 100% no-repeat; } #menu_child a { display: block; padding: 2px 10px 2px 10px; font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; color: #353535; } #menu_child a:hover { background: #bc210d; color: white; } /* FLappMenu ENDE */ /* Float clearing workaround also working on Mozilla */ .clearer { clear:both; height:0px; min-height:0px; max-height:0px; overflow:hidden; margin-top:0px; margin: 0px; } * html .clearer { height:1px; margin-top:-1px; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-table; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } /* End hide from IE-mac */ /* End clearfix */