/* _/\_ _>,"<_________________________________________________________________ ____ _ ___ __ ____ _ _ _ _ | __ )| |/ / |/ / / ___| ___ ___ _ _ _ __ __| | |__ ___(_) |_ | _ \| ' /| ' / | | _ / _ \/ __| | | | '_ \ / _` | '_ \ / _ \ | __| | |_) | . \| . \ | |_| | __/\__ \ |_| | | | | (_| | | | | __/ | |_ |____/|_|\_\_|\_\ \____|\___||___/\__,_|_| |_|\__,_|_| |_|\___|_|\__| ______________________________________________________________________ .°~--- STYL0RSH33T --- BY CENO --- 2oo9 | o9 | o8 ---~°. */ /* --- STYLES FÜRS WEB --- */ @media screen { * { margin:0; padding:0; border:0; } html { font-size: 1em; } body { background:#d3d3d3; font-family: Arial, sans-serif; } a { text-decoration:none; } ul, ol { list-style:none; } /* Clearfix */ * html .clearfix { height: 1%; overflow: visible; } /* IE6 Fix */ *+html .clearfix { min-height: 1%; } /* IE7 Fix */ .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } /* Hidden Elements */ .hd { display:none !important; } .cl { clear:both; height:0; font-size:0; line-height:0; } :focus { outline: 0; } #mainframe { width:63em; margin:0 auto; padding-bottom:20px; } /* --- HEAD --- */ #head { height:8em; padding-left:1.5625em; } #head .logo { text-align:right; float:left; width:12.5em; display:block; padding:1.4375em 0 0 0; } #head .logo img { height:5.5625em; } #head .middle { width:556px; float:left; } #head .middle .metanavi { height:1.375em; padding:0 3.25em 0 .375em; line-height:1.1875em; background:#0079c0; float:right; color:#FFF; } #head .middle .metanavi ul { font-size:.6875em; font-weight:bold; } #head .middle .metanavi ul li { display:inline; margin:0 1px; } #head .middle .metanavi ul li a { color:#FFF; } #head .middle .metanavi ul li a:hover { border-bottom:1px solid #FFF; } #head .middle .mainnavi { clear:both; background:url('../_img/design/bg-mainnavi.gif') no-repeat 100% 4.5em; padding:3em 0 2.5625em 0; } #head .middle .mainnavi ul { float:right; } #head .middle .mainnavi ul li { float:left; } #head .middle .mainnavi ul li a { font-weight:bold; color:#5d5d5c; padding-bottom:2px; display:inline; line-height:.9375em; float:left; margin-right:1.0625em; overflow:hidden; text-indent:-6666px; background:url('../_img/design/sprites-mainnavi.gif') no-repeat 0 0; } #head .middle .mainnavi ul li a.active, #head .middle .mainnavi ul li a:hover { border-bottom:2px solid #0079c0; padding-bottom:0; } #head .middle .mainnavi ul li.unsere-leistungen a { width:126px; background-position:0 0; } #head .middle .mainnavi ul li.ihre-gesundheit a { width:109px; background-position:-143px 0; } #head .middle .mainnavi ul li.unser-service a { width:92px; background-position:-270px 0; } #head .middle .mainnavi ul li.firmenkunden a { width:125px; background-position:-380px 0; } #head .one-to-klick { background:#f2f6db; text-align:left; float:left; position:relative; width:13.875em; height:7.5em; } #head .one-to-klick .bg { width:100%; height:100%; display:block; } #head .one-to-klick .inhalt { position:absolute; padding:7px 5px 0 15px; font-size:11px; color:#333; width:192px; } #head .one-to-klick .inhalt a.hinweisLink { background:url('../_img/design/bg-hinweislink.gif') no-repeat 0 50%; padding-left:12px; margin-top:-2px; font-size:90%; color:#0079c0; text-decoration:underline; display:block; float:right; } #head .one-to-klick .inhalt a.hinweisLink:hover { text-decoration:none; } #head .one-to-klick .inhalt h2 { display:none; } #head .one-to-klick .inhalt img { display:block; margin:10px 0 10px -7px; } #head .one-to-klick .inhalt .logout { display:inline; float:right; width:54px; height:23px; margin-top:-46px; margin-right:-8px; overflow:hidden; } #head .one-to-klick .inhalt .logout img { margin:0; } #head .one-to-klick .inhalt form { } #head .one-to-klick .inhalt form fieldset { margin:0 0 0 0; } #head .one-to-klick .inhalt form legend { display:none; } #head .one-to-klick .inhalt fieldset img { margin:0 0 8px 0; } #head .one-to-klick .inhalt form .inlinebox { float:left; width:96px; overflow:hidden; margin-top:2px; } #head .one-to-klick .inhalt form .inlinebox label { display:block; margin:0 0 2px 0; font-size:90%; } #head .one-to-klick .inhalt form input { background:#C4DD8F; border-color:#586340 #F6F7DA #FFFFFF #738254; border-style:solid; border-width:1px; color:#000000; font-size:90%; height:15px; width:85px; } #head .one-to-klick .inhalt form ul { clear:both; float:left; width:100%; margin:13px 0 0 0; font-size:90%; } #head .one-to-klick .inhalt form ul li { display:block; float:left; margin:0 4px 0 0; padding-bottom:1px;} #head .one-to-klick .inhalt form ul li a { color:#666; text-decoration:underline; } #head .one-to-klick .inhalt form ul li a:hover { text-decoration:none; } #head .one-to-klick .inhalt form button { display:block; text-indent:-6666px; width:43px; height:16px; line-height:12px; cursor:pointer; background:#f2f6db url('../_img/design/bg-login-button.gif') no-repeat 100% 50%; color:#6ba51e; font-size:90%; } #corpus { } #corpus #links { width:8.4375em; padding:43px 13px 0 0; float:left; text-align:right; } #corpus #mitte { width:40.375em /*646px*/; float:left; background:/*#f1f0ec*/ #F5F5F3 /*#f2f2ef*/ url('../_img/design/bg-corpus-mitte.gif') repeat-y right; } #corpus #rechts { width:13.75em; float:left; margin-left:-6px; padding:20px 0 0 0; } #corpus #links ul li { font-size:12px; line-height:14px; margin:0 0 5px 0; } #corpus #links ul li a { color:#4a4a4a; font-weight:bold; } #corpus #links ul li a.active, #corpus #links ul li a:hover { color:#0079c0; border-bottom:1px solid #0079c0; } #corpus #links ul li ul { margin:4px 0 0 0; } #corpus #links ul li ul li a { color:#9b9b9b; font-weight:normal; } #corpus #links ul li ul li a.active, #corpus #links ul li ul li a:hover { color:#0079c0; border:0; } #corpus #mitte img.zettelrand, #corpus #mitte img.abschluss { width:100%; display:block; clear:both; } #corpus #mitte div.minHeight { float:left; height:43.75em; width:2.5em; } /* <- Mindesthöhe für den Contentbereich */ #corpus #mitte #content { width:560px; float:left; padding-bottom:50px; } #corpus #mitte #content .breadcrump { cursor:default; color:#666666; font-family:Helvetica, Arial; margin:5px 0; } #corpus #mitte #content .breadcrump a { color:#666; font-weight:normal; border:0; } #corpus #mitte #content .breadcrump a:hover { border-bottom:1px solid #666; } #corpus #mitte #content .breadcrump span { color:#0079c0; } #corpus #mitte #content img.keyvisual { width:100%; margin:0 0 18px 0; } #corpus #mitte #content span.seitentitel { display:block; border-top:1px solid #CCC; border-bottom:1px solid #CCC; padding:6px 0; margin:0 0 12px 0; } #corpus #mitte #content span.seitentitel img { cursor:default; font-size:18px; color:#666; display:block; padding:2px 0 1px 0; } #corpus #mitte #content span.seitentitel h1 { cursor:default; font-size:18px; color:#666; display:block; } #corpus #mitte #content h2 { cursor:default; font-size:1em; color:#303030; display:block; margin:0 0 15px 0; } #corpus #mitte #content a.back { font-weight:normal; border:0; color:#666; float:right; margin-top:-37px; padding-right:17px; background:url('../_img/design/bg-back-link.gif') no-repeat 100% 50%; } #corpus #mitte #content a.back:hover { border-bottom:1px solid #666; } #corpus #mitte #content { font-size:.75em; } #corpus #mitte #content p { margin:0 0 15px 0; line-height:1.5em; } #corpus #mitte #content a, #corpus #mitte #content ul a, #corpus #mitte #content #trainertom .paket .text a, #corpus #mitte #content table td a { color:#0079c0; font-weight:bold; border-bottom:1px solid #0079c0; } #corpus #mitte #content a:hover, #corpus #mitte #content ul a:hover, #corpus #mitte #content #trainertom .paket .text a:hover, #corpus #mitte #content table td a:hover { border:0; } #corpus #mitte #content img.volleBreite { width:100%; display:block; } #corpus #mitte #content small { font-size:75%; line-height:.75em !important; } #corpus #mitte #content ul { list-style-image:none; list-style-position:outside; list-style-type:disc; margin-left:1.5em; margin-bottom:15px; line-height:1.5em; } #corpus #mitte #content .multiBox { margin-bottom:3em; } #corpus #mitte #content .multiBox .box { width:272px; overflow:hidden; float:left; } #corpus #mitte #content .multiBox .box.links { float:left; } #corpus #mitte #content .multiBox .box.rechts { float:right; } #corpus #mitte #content .multiBox .box img { display:block; /*width:100%;*/ margin-bottom:1em; } #corpus #mitte #content .multiBox .box .titel img { height:1.91666em; /*23px*/ /*width:22.75em;*/ /*273px*/ } #corpus #mitte #content .multiBox .box h2 { color:#0079c0; font-size:1.5em; } #corpus #mitte #content .multiBox .box p { line-height:1.25em; margin:0 0 10px 0; } #corpus #mitte #content .multiBox .box a { font-weight:normal; zoom:1; color:#666; float:left; display:block; padding-right:17px; border-bottom:1px solid #666; background:url('../_img/design/bg-back-link.gif') no-repeat 100% 50%; } #corpus #mitte #content .multiBox .box a:hover { border-color:#F1F0EC; } #corpus #mitte #content .teaserBox { } #corpus #mitte #content .teaserBox .box { width:180px; background:url('../_img/design/bg-dotted-hori.gif') repeat-x top; padding:10px 0; } #corpus #mitte #content .teaserBox .box.links { float:left; } #corpus #mitte #content .teaserBox .box.mitte { float:left; margin:0 10px; } #corpus #mitte #content .teaserBox .box.rechts { float:right; } #corpus #mitte #content .teaserBox .box .titel img { display:block; height:23px; } #corpus #mitte #content .teaserBox .box h4 { color:#0079c0; font-size:1em; padding:0 0 1em 0; font-family:Helvetica, Arial; } #corpus #mitte #content .teaserBox .box a { zoom:1; color:#666; font-weight:normal; padding-right:17px; border-bottom:1px solid #666; background:url('../_img/design/bg-back-link.gif') no-repeat 100% 50%; } #corpus #mitte #content .teaserBox .box a:hover { border-color:#F1F0EC; } #corpus #mitte #content .functions { background:url('../_img/design/bg-dotted-hori.gif') repeat-x top; padding:16px 0 0 0; margin:30px 0 0 0; } #corpus #mitte #content .functions ul { font-size:1em; margin:0; } #corpus #mitte #content .functions ul li { color:#666; display:inline; line-height:20px; font-family: Helvetica,Arial; } #corpus #mitte #content .functions ul li a { font-weight:normal; border:0; padding-bottom:1px; padding-right:20px; margin-right:16px; display:block; float:left; height:20px; color:#666; background:url('../_img/design/sprites-functions.gif') no-repeat 0 -666px; } #corpus #mitte #content .functions ul li a.drucken { background-position:100% 0; } #corpus #mitte #content .functions ul li a.bookmark { background-position:100% -25px; } #corpus #mitte #content .functions ul li a:hover { border-bottom:1px solid #666; padding-bottom:0;} #corpus #mitte #content .functions ul li span { cursor:default; display:block; float:left height:16px; } #corpus #mitte #content .btnBorder { border:1px dotted #678C1A; float:left; line-height:1.2em; margin-right:0.5em; } #corpus #mitte #content .btnBorder .btnSubmit { background:#9F9F9E; color:#FFFFFF; } #corpus #mitte #content .btnBorder button { font-size:.9em; cursor:pointer; border:0 none; font-weight:bold; overflow:visible; width:auto; padding:2px 0; } #corpus #mitte #content #kontaktFormular { font-size:10pt; width:100%; margin:0 0 15px 0; } #corpus #mitte #content #kontaktFormular .package { margin-bottom:.5em; } #corpus #mitte #content #kontaktFormular .btnRadio { margin-right:1.5em; padding:0; position:relative; top:0.15em; } #corpus #mitte #content #kontaktFormular input.textInput { width:99%; border:1px solid #9F9F9E; padding:2px; background:#F1F0EC; } #corpus #mitte #content #kontaktFormular input.textInput.Jahr { width:6.5em; padding:0 2px !important; } #corpus #mitte #content #kontaktFormular textarea { height:4em; border:1px solid #9F9F9E; padding:2px; background:#F1F0EC; width:99%; } #corpus #mitte #content #kontaktFormular .textInputDatum { float:left; } #corpus #mitte #content #kontaktFormular .textInputDatum.Tag { margin-right:1em; width:6.5em; } #corpus #mitte #content #kontaktFormular .textInputDatum.Monat { margin-right:1em; width:6.5em; } #corpus #mitte #content #kontaktFormular .textInputDatum.Uhrzeit { margin-right:1em; width:8.5em; } #corpus #mitte #content #kontaktFormular select { border:1px solid #9F9F9F; background:#F1F0EC; } #corpus #mitte #content #kontaktFormular input, textarea, select { font-family:Helvetica,Arial,sans-serif; font-size:10pt;} #corpus #mitte #content #kontaktFormular button { cursor:pointer; background-repeat:no-repeat; background-position:0 0; background-color:#F1F0EC; border:0; float:left; height:1.5em; width:75px; } #corpus #mitte #content #kontaktFormular button span { line-height:19px; font-family:Lucida Sans,Helvetia,Arial; font-size:90%; font-weight:bold; position:relative;} #corpus #mitte #content #kontaktFormular .btnFormCancel { color:#666666; background-image:url('../_img/design/bg-cancel-button.gif'); margin:0 0.5em 0 0; } #corpus #mitte #content #kontaktFormular .btnFormSubmit { color:#FFFFFF; background-image:url('../_img/design/bg-submit-button.gif'); } #corpus #mitte #content #kontaktFormular .pflichtFeldInfo { text-align:right; margin-top:2em; width:100%; cursor:default; } #corpus #mitte #content #kontaktFormular .error { color:#ff7e00; } #corpus #mitte #content table { font-size:12px; width:100%; border-collapse:collapse; margin-bottom:1em; } #corpus #mitte #content table.kontaktDaten td { border-bottom:1px solid #F1F0EC; background:#c9e4eb; width:50%; vertical-align:top; padding:10px; } #corpus #mitte #content table.kontaktDaten thead tr td { background:#b6dce9; } #corpus #mitte #content .linkBox { border:1px solid #DFDFDC; margin:2em 0 0 0; width:100%; } #corpus #mitte #content .linkBox .inner { background:#FFFFFF; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; padding:1em; } #corpus #mitte #content .linkBox .inner .titelzeile { border-bottom:1px solid #C5C5C5; height:1.5em; margin-bottom:1em; } #corpus #mitte #content .linkBox .inner .titelzeile h3 { cursor:default; font-size:1.25em; color:#0079c0; text-transform:uppercase; } #corpus #mitte #content .linkBox .inner .spalte { float:left; width:16em; } #corpus #mitte #content .linkBox .inner .spalte.rechts { margin-left:0.875em; } #corpus #mitte #content .linkBox .inner .spalte.tipps { width:100%; } #corpus #mitte #content .linkBox .inner .spalte ul { font-size:1em; list-style-type:none; margin:0; } #corpus #mitte #content .linkBox .inner .spalte ul li { line-height:1.5em; background:url('../_img/design/bg-blue-square.gif') no-repeat scroll 0 5px; margin-bottom:0.46875em; padding-left:1.01562em; } #corpus #mitte #content .linkBox .inner .spalte ul li a { color:#666; font-weight:normal; border:0; } #corpus #mitte #content .linkBox .inner .spalte ul li a:hover { border-bottom:1px solid #666; } #corpus #mitte #content .eventPack { width:100%; margin-bottom:1em; } #corpus #mitte #content .eventPack h2 { font-size:1.2em; } #corpus #mitte #content .eventPack .datum { float:left; width:15%; } #corpus #mitte #content .eventPack .text { float:left; width:85%; } #corpus #mitte #content .eventPack p.link a { color:#666; border-color:#666; font-weight:normal; background:url(../_img/design/bg-back-link.gif) no-repeat 100% 50%; padding-right:17px; } #corpus #mitte #content .eventPack p.link a:hover { padding-bottom:1px; } #corpus #mitte #content .sitemapInhalt { font-size:1.333em; color:#78AB12; font-family:Lucida Sans,Helvetia,Arial; margin-top:2em; text-transform:uppercase; width:100%; } #corpus #mitte #content .sitemapInhalt a { color:#0079c0; } #corpus #mitte #content .sitemapInhalt a:hover { text-decoration:underline; } #corpus #mitte #content .sitemapInhalt .bereichLinks { float:left; font-size:0.7em; font-weight:bold; line-height:1.25em; text-align:right; width:16.5em; } #corpus #mitte #content .sitemapInhalt .trenner { background:transparent url(../img/sitemap/dotted_hori.gif) repeat-x scroll 1em 50%; float:left; height:1em; margin:0.75em 0.25em 0; width:2.5em; } #corpus #mitte #content .sitemapInhalt .bereichMitte { float:left; font-weight:bold; margin-top:0.6em; } #corpus #mitte #content .sitemapInhalt .bereichRechts { float:left; font-size:0.7em; font-weight:bold; line-height:1.25em; text-align:left; width:15.5em; } #corpus #mitte #content .sitemapInhalt .frameMitte { clear:both; padding:0.25em 0; text-align:center; } #corpus #mitte #content .sitemapInhalt .box { display:inline; float:left; font-weight:bold; text-align:center; width:7em; } #corpus #mitte #content .sitemapInhalt .box.b01 { margin-left:.5em; } #corpus #mitte #content .sitemapInhalt .box.b02 { margin-left:2em; } #corpus #mitte #content .sitemapInhalt .box.b03 { margin-left:1em; } #corpus #mitte #content .sitemapInhalt .box.b04 { margin-left:1em; width:9.5em; } #corpus #mitte #content .sitemapListe { font-size:1.333em; background:transparent url('../_img/design/bg-dotted-vert.gif') repeat-y scroll left center; margin:3em 0; } #corpus #mitte #content .sitemapListe .paket { background:transparent url('../_img/design/bg-sitemap-dotted-insert.gif') no-repeat scroll 0.0625em 0.5em; margin-bottom:2em; } #corpus #mitte #content .sitemapListe .paket.first { background:transparent url('../_img/design/bg-sitemap-dotted-insert-first.gif') no-repeat scroll left top; margin-bottom:2em; } #corpus #mitte #content .sitemapListe .paket.last { background:#F5F5F3 url('../_img/design/bg-sitemap-dotted-insert-last.gif') no-repeat scroll left top; margin-bottom:2em; } #corpus #mitte #content .sitemapListe .paket .titel { border-bottom:0.075em solid #C4C4C2; color:#0079C0; font-family:Lucida Sans,Helvetia,Arial; font-size:0.8em; font-weight:bold; margin-left:1em; padding-bottom:0.15em; text-transform:uppercase; } #corpus #mitte #content .sitemapListe .paket .inhalt { margin:1em 0 0 1em; } #corpus #mitte #content .sitemapListe .paket .inhalt .spalte { float:left; width:16em; } #corpus #mitte #content .sitemapListe .paket .inhalt .spalte ul { font-size:1em; margin:0; list-style-type:none; } #corpus #mitte #content .sitemapListe .paket .inhalt .spalte ul li.haupt { background:transparent url('../_img/design/bg-blue-square.gif') no-repeat scroll left center; font-weight:bold; padding-left:1.01562em; } #corpus #mitte #content .sitemapListe .paket .inhalt .spalte ul li.haupt a { font-weight:bold; } #corpus #mitte #content .sitemapListe .paket .inhalt .spalte ul li { font-size:75%; margin-bottom:0.46875em; } #corpus #mitte #content .sitemapListe .paket .inhalt .spalte ul li a { color:#666; border:0; font-weight:normal; } #corpus #mitte #content .sitemapListe .paket .inhalt .spalte ul li a:hover { border-bottom:1px solid #666; } #corpus #mitte #content .nachOben a { background:url('../_img/design/bg-sitemap-arrow-up.gif') no-repeat scroll 0 0.6em; color:#666; font-size:0.8em; padding-left:1em; } #corpus #mitte #content #gst_infos { margin-bottom:1em; } #corpus #mitte #content #gst_infos h2 { } #corpus #mitte #content #gst_infos .package { margin:0.5em 0; } #corpus #mitte #content #gst_infos .item { float:left; line-height:1.3em; } #corpus #mitte #content #gst_infos .item.left { color:#0079C0; font-weight:bold; width:10em; } #corpus #mitte #content #gst_infos .item.right { width:30em; } #corpus #mitte #content #gst_infos .item a { zoom:1; border-bottom:1px solid #666; color:#666; background:url('../_img/design/bg-back-link.gif') no-repeat 100% 50%; padding-right:17px; } #corpus #mitte #content #gst_infos .item a:hover { border:0; margin-bottom:1px; } #corpus #mitte #content #gst_infos .hinweis { font-size:.8em; } #corpus #rechts .suche { background:#0079c0; position:relative; width:164px; height:44px; margin:0 0 5px 0; } #corpus #rechts .suche .inhalt { position:absolute; } #corpus #rechts .suche .inhalt form input { font-size:11px; line-height:16px; width:89px; height:16px; float:left; margin:13px 0 0 11px;} #corpus #rechts .suche .inhalt form button { cursor:pointer; margin:17px 0 0 8px; text-indent:-6666px; float:left; width:35px; height:11px; overflow:hidden; background:url('../_img/design/bg-suche-button.gif') no-repeat 100% 50%; } #corpus #rechts .suche img { width:100% height:100%; display:block; } #corpus #rechts .banner { margin:0 0 5px 0; } #corpus #rechts .banner img { display:block; } #corpus #rechts .stoerer { background:#96e513; position:relative; width:198px; height:49px; margin:0 0 5px 0; } #corpus #rechts .stoerer .inhalt { display:block; position:absolute; padding:12px 10px 0 10px; } #corpus #rechts .stoerer .inhalt h3 { font-weight:normal; cursor:pointer; font-size:18px; color:#FFF; padding-right:15px; background:url('../_img/design/stoerer-arrow.gif') no-repeat 100% 80%; } #corpus #rechts .stoerer img { width:100% height:100%; display:block; } #corpus #rechts .hotline { position:relative; width:155px; margin:15px 10px; cursor:default; } #corpus #rechts .hotline .inhalt { position:absolute; padding:10px; } #corpus #rechts .hotline .inhalt h6 { display:block; color:#666; font-weight:normal; font-size:11px; } #corpus #rechts .hotline .inhalt h5 { display:block; color:#0079c0; font-size:14px; padding:5px 0 10px 0; font-family:Helvetica, Arial; } #corpus #rechts .hotline a { zoom:1; display:inline; float:left; border-bottom:1px solid #666; color:#666; font-size:75%; background:url('../_img/design/bg-teaser-box-more-link.gif') no-repeat 100% 50%; padding-right:17px; } #corpus #rechts .hotline a:hover { border:0; margin-bottom:1px; } #corpus #rechts .hotline img { width:100%; display:block; } #corpus #rechts .hotline small { display:block; line-height:1em; font-size:.65em; font-family:Helvetica, Arial; color:#888; margin-top:6px; } #footer { float:left; clear:both; width:607px; padding:0 5px; font-size:70%; height:20px; line-height:20px; background:#a9db36; margin-left:160px; margin-top:-40px; display:inline; color:#FFF; } #footer ul li { display:inline; margin:0 2px 0 0; } #footer ul li a { color:#FFF; font-weight:bold; } #footer ul li a:hover { border-bottom:1px solid #FFF; } #mainframe .teaser { margin:10px 0 15px 0; background:url('../_img/design/bg-teaser-box.jpg') repeat-y; } #mainframe .teaser img { display:block; } #mainframe .teaser .inhalt { width:157px; padding:0 0 0 10px; background:url('../_img/design/bg-teaser-box-shade.gif') repeat-y right; } #mainframe .teaser .inhalt .box { width:143px; background:url('../_img/design/bg-dotted-hori.gif') repeat-x bottom left; padding-bottom:20px; } #mainframe .teaser .inhalt .box .text img { display:block; margin:0 0 5px 0; } #mainframe .teaser .inhalt .box .titel img { display:block; padding:4px 0 5px 0; } #mainframe .teaser .inhalt .box .text p { font-size:.75em; margin-bottom:.5em; color:#0079C0; } #mainframe .teaser .inhalt .box .text a { display:block; color:#0079C0 !important; background:none;padding:0; margin-bottom:1px; border:0;} #mainframe .teaser .inhalt .box .text a:hover { border-bottom:1px solid #0079C0; margin-bottom:0; } #mainframe .teaser .inhalt .box .text p small { display:block; color:#444645; line-height:1em; } #mainframe .teaser .inhalt .box h5 { cursor:default; font-family:Helvetica, Arial; font-size:.8em; font-weight:bold; color:#444645; padding:3px 0; } #mainframe .teaser .inhalt .box h4 { cursor:default; font-family:Helvetica, Arial; font-size:.9em; font-weight:bold; color:#0079c0; padding:10px 0; } #mainframe .teaser .inhalt .box a { zoom:1; border-bottom:1px solid #666; color:#666; font-size:75%; background:url('../_img/design/bg-teaser-box-more-link.gif') no-repeat 100% 50%; padding-right:17px; } #mainframe .teaser .inhalt .box a:hover { border:0; margin-bottom:1px; } /* TRAINER TOM */ #corpus #mitte #content #trainertom { font-size:1em; } #corpus #mitte #content #trainertom .paket { margin-bottom:1em; } #corpus #mitte #content #trainertom .paket .bild { width:22em; float:left; } #corpus #mitte #content #trainertom .paket .bild a { border:0; } #corpus #mitte #content #trainertom .paket .text { width:22em; float:left; margin-top:0.25em; } /* DIE SPIELE */ #corpus #mitte img.zettelrand.spiele { margin-top:-15px; position:relative;} #spielbereich { font-size:1.333em; height:30em; margin-left:-35px !important; margin-left:-34px; width:39.4375em; position:relative; } .spiele_kopfgrafiken { margin-left:-40px; } .spiele_kopfgrafiken img { display:block; } /* IHRE GESUNDHEIT-SPEZIFISCHE STYLES: */ #mainframe.gesundheit #corpus #mitte #content { width:626px; padding-bottom:10px; } #mainframe.gesundheit #corpus #mitte #content span.seitentitel { border:0; padding:0; } #mainframe.gesundheit #corpus #mitte div.minHeight { width:14px; height:500px; } #mainframe.gesundheit #corpus #mitte #content .multiBox { margin-bottom:0; } #mainframe.gesundheit #corpus #mitte #content .multiBox .box { width:202px; margin-right:6px; } #mainframe.gesundheit #mitte .teaser { clear:both; padding:10px 0 0 4px; margin:0; background:#d3d3d3; } #mainframe.gesundheit #mitte .teaser.finish { height:1px; overflow:hidden; } #mainframe.gesundheit #mitte .teaser .inhalt { background:none; padding:0; width:auto; } #mainframe.gesundheit #mitte .teaser .inhalt .box { display:inline; float:left; width:200px; margin:0 6px; padding-bottom:10px; background:url('../_img/design/bg-dotted-hori.gif') repeat-x top left;} #mainframe.gesundheit #mitte .teaser .inhalt .box h4 { padding-top:0; text-transform:uppercase; } #mainframe.gesundheit #mitte .infoZettel { cursor:default; float:left; width:12.8125em; height:9em; padding:10px 0 20px 0; position:relative; margin:0 6px 0 2px; display:inline; } #mainframe.gesundheit #mitte .infoZettel .inlay { position:absolute; margin:1em 0 0 2.25em; } #mainframe.gesundheit #mitte .infoZettel .inlay .titel { margin-bottom:.75em; height:2.25em; } #mainframe.gesundheit #mitte .infoZettel .inlay .titel img { width:8.625em; } #mainframe.gesundheit #mitte .infoZettel .inlay .titel h4 { font-size:1.25em; color:#a9db36; } #mainframe.gesundheit #mitte .infoZettel .inlay p { font-size:.75em; margin-bottom:1em; width:13em; } #mainframe.gesundheit #mitte .infoZettel .inlay a { font-size:.75em; zoom:1; border-bottom:1px solid #666; color:#666; background:url('../_img/design/bg-teaser-box-more-link.gif') no-repeat 100% 50%; padding-right:17px; } #mainframe.gesundheit #mitte .infoZettel .inlay a:hover { border:0; margin-bottom:1px; } #mainframe.gesundheit #mitte .infoZettel img.bg { width:100%; height:100%; } #mainframe.gesundheit #footer { margin-top:0; } /* HOMEPAGE-SPEZIFISCHE STYLES: */ #mainframe.homepage #corpus #mitte { background:none; width:635px; margin-left:125px; display:inline; } #mainframe.homepage #corpus #rechts { width:220px; float:left; margin-left:1.75em; padding:20px 0 0 0; } #mainframe.homepage #corpus #mitte #content { width:100%; } #mainframe.homepage #corpus #mitte #content img.keyvisual { width:100%; margin:0 0 28px 0; } #mainframe.homepage #corpus #mitte #content a { border:0; } #mainframe.homepage #footer { margin-left:185px; margin-top:0; } #mainframe.homepage #corpus .teaserBox { clear:both; padding-left:93px; margin-bottom:140px; } #mainframe.homepage #corpus .teaserBox .box { display:inline; margin:0 10px; float:left; width:200px; background: url('../_img/design/bg-dotted-hori.gif') repeat-x top; padding:10px 0; } #mainframe.homepage #corpus .teaserBox .box .titel img { display:block; height:23px; } #mainframe.homepage #corpus .teaserBox .box h4 { color:#0079c0; font-size:.8em; padding:0 0 1em 0; font-family:Helvetica, Arial; } #mainframe.homepage #corpus .teaserBox .box p { margin:0 0 15px 0; font-size:12px; line-height:18px; } #mainframe.homepage #corpus .teaserBox .box a { zoom:1; color:#666; font-size:75%; padding-right:17px; border-bottom:1px solid #666; background:url('../_img/design/bg-teaser-link-home.gif') no-repeat 100% 50%; } #mainframe.homepage #corpus .teaserBox .box a:hover { border-color:#d3d3d3; } #mainframe.homepage #corpus #rechts .teaserBox { padding-left:0; margin-bottom:0; } #mainframe.homepage #corpus #rechts .teaserBox .box { margin:0; } #mainframe.homepage #corpus #rechts .hotline { width:193px; margin:15px 0; } #mainframe.homepage #corpus #rechts .hotline h5, #mainframe.homepage #corpus #rechts .hotline h6 { display:none; } #mainframe.homepage #corpus #rechts .hotline a { float:none; } #mainframe.homepage #corpus #rechts .hotline small { padding-bottom:10px; } #mainframe.homepage .teaser { clear:both; padding-left:118px; margin:0 0 30px 0; background:none; } #mainframe.homepage .teaser .inhalt { background:none; padding:0; width:auto; } #mainframe.homepage .teaser .inhalt .box { display:inline; float:left; width:200px; margin:0 10px; background:url('../_img/design/bg-dotted-hori.gif') repeat-x top left;} #mainframe.homepage #corpus #rechts .teaser, #mainframe.homepage #corpus #rechts .teaser .inhalt { background:none; padding:0; margin:0; } #mainframe.homepage #corpus #rechts .teaser .inhalt .box { width:200px; margin:0; padding:0; } /* -- GESCHÄFTSSTELLEN-DETAILS -- */ #gst_deutschland { font-size:1.333em; text-align:left; margin-top:1em; padding:1em 0; position:relative; } #gst_deutschland .karte { width:23.4375em; height:28.75em; margin-left:1.5em;} #gst_deutschland .gst { position:absolute; } #gst_deutschland .gst span { font-size:.7em; font-family:Arial; margin-left:-0.25em;} #gst_deutschland .gst a { font-weight:normal !important; color:#360 !important; border-bottom:0 !important; /*0.10417em solid #360;*/ } #gst_deutschland .gst a:hover { color:#360 !important; border-bottom:1px solid #360 !important; } #gst_deutschland .gst img { position:relative; top:0.15em; width:0.625em; height:0.625em;} /* TAUNUS Travel */ .travelbox { float:left; } .travelbox table{width: 100%;} .travelbox select { width:12.6em; border:1px solid #9F9F9E; } .travelarrow { float:left; padding-top:1.5em; margin:0 0.25em; } #traveltable, #traveltable td{border: 0} #traveltable { font-size:10pt; width:100%; border-collapse:collapse; } #traveltable tr.head { color:#353533; font-weight: bold} #traveltable tr.head td { padding:0.5em 0.25em 0.5em 1em } #traveltable tr.head .t01 { width:33%; } #traveltable tr.head .t02 { width:33%; } #traveltable tr.head .t03 { width:33%; } #traveltable tr.white.g01 { background:#f5f5f3; } #traveltable tr.white.g02 { background:#fff; } #traveltable tr.grey.g01 { background:#f5f5f3; } #traveltable tr.grey.g02 { background:#e1e1e1; } #traveltable td { padding:0.5em 1em 0.5em 1em; vertical-align:top; color:#000; } #traveltable tr.white .t01 { text-align:left; } #traveltable tr.white .t04 { text-align:left; } #traveltable tr.white img { display:block; margin:0 auto; border:0; } #traveltable tr.foot { height: 2.5em;font-weight:bold; color:#c7c7c7; cursor:default; } #traveltable tr.foot .active { color:#ff8b3a !important; border:0 !important; cursor:default; } #traveltable .fgebiet{font-style:italic; color: #356801} #traveltable tr.head .p01 { width:28%; overflow:hidden; } #traveltable tr.head .p02 { width:9%; } #traveltable tr.head .p03 { width:31%; } #traveltable tr.head .p04 { width:10%; text-align:left; } #traveltable tr.head .p05 { width:10%; } #traveltable tr.head .p06 { width:12%; text-align:left; } #traveltable tr.green .p01 img { width:135px; } #traveltable tr.green .p01 { padding:0.5em; } /* DOWNLOAD CENTER */ .downloadbox { float:left; } .downloadbox select { width:12.6em; border:1px solid #9F9F9E; } .downloadarrow { float:left; padding-top:1.5em; margin:0 0.25em; } .downloadtable { font-size:10pt; width:100%; margin-top:1.5em; } .downloadtable td { border:1px solid #f5f5f3; } .downloadtable tr.head { background:#9ac148; color:#FFF; } .downloadtable tr.head td { padding:0.25em; } .downloadtable tr.head .t01 { width:20%; } .downloadtable tr.head .t02 { width:55%; } .downloadtable tr.head .t03 { width:10%; text-align:center; } .downloadtable tr.head .t04 { width:15%; text-align:center; } .downloadtable tr.green.g01 { background:#e3e9ce; } .downloadtable tr.green.g02 { background:#d0deac; } .downloadtable tr.green td { padding:0.5em; vertical-align:top; color:#000; } .downloadtable tr.green .t01 { text-align:center; } .downloadtable tr.green .t04 { text-align:center; } .downloadtable tr.green img { display:block; margin:0 auto; border:0; } .downloadtable tr.foot { font-weight:bold; color:#c7c7c7; } .downloadtable tr.foot .active { color:#ff8b3a; border:0 !important; cursor:default; } .downloadtable tr.head .p01 { width:28%; overflow:hidden; } .downloadtable tr.head .p02 { width:9%; } .downloadtable tr.head .p03 { width:31%; } .downloadtable tr.head .p04 { width:10%; text-align:center; } .downloadtable tr.head .p05 { width:10%; } .downloadtable tr.head .p06 { width:12%; text-align:center; } .downloadtable tr.green .p01 img { width:135px; } .downloadtable tr.green .p01 { padding:0.5em; } /* PRESSELOGIN */ .presselogin { width:100%; border:1px solid #dfdfdc; margin-bottom:2em; } .presselogin #kontaktFormular { margin:0 !important; } .presselogin .inner { padding:1em; background:#ffffff; border-right:1px solid #ccc; border-bottom:1px solid #ccc; } .presselogin .inner .titelzeile { height:1.5em; border-bottom:1px solid #c5c5c5; margin-bottom:1em;} .presselogin .inner .zeile { margin-bottom:0.5em; } .presselogin .inner .zeile label { width:7em; float:left; padding-top:0.25em; } .presselogin .inner .zeile input.textInput { background:#FFF !important; display:block; border:0.083em solid #dadada !important; width:27.90625em !important; padding:0.25em !important; margin-right:0.5em; float:left;} .presselogin .inner .zeile span { } .presselogin .inner .zeile button { float: left !important; background:#FFF url("../img/downloadcenter/login_btn.gif") no-repeat center !important; height:2em; padding:0.5em; width: 3.5em !important; border: 0; } .presselogin .inner .zeile button span { display:none; } .presselogin a:link, .presselogin a:visited { border-bottom:0.078125em solid #336600; } .presselogin a:hover, .presselogin a:active { border:0; } #gst_infos { margin-bottom:3em; } #content #gst_infos h2 { font-size:120%; } #gst_infos .package { margin:0.5em 0; } #gst_infos .item { float:left; } #gst_infos .item.left { width:10em; font-weight:bold; color:#336600;} #gst_infos .item.right { width:30em; } /* -- SPORTBERATER -- */ #sportberater_rahmen_oben { display:block; height:18px; } #zettelOben { font-size:1.333em; width:35.5em; height:10.9375em; margin-bottom:1em; position:relative; overflow:hidden; } #zettelOben .inlay_zettelOben { padding:0; z-index: 2; position: absolute; } #zettelOben .inlay_zettelOben .linkerTeil { width:23em; float:left; margin-left:1em; display:inline;} #zettelOben .inlay_zettelOben .linkerTeil .titel img { width:13.5625em; } #zettelOben .inlay_zettelOben .linkerTeil .text { font-size:80%; margin-top:1em;} #zettelOben .inlay_zettelOben .rechterTeil { width:10.75em; float:left; margin-top:1em; display:inline;} #zettelOben .inlay_zettelOben .rechterTeil img { width:9em; } #zettelOben .inlay_zettelOben .rechterTeil .hinweis { line-height:1em; position:relative; top:-1em; } #zettelOben .inlay_zettelOben .rechterTeil .hinweis span { font-size:0.75em; color:#e00000; } #zettelOben .inlay_zettelOben .rechterTeil .druckDatum { display:none; } #zettelOben .zettelOben_bg { width:100%; height:100%; } #zettelOben.start { height:33.875em; } #zettelOben.start .inlay_zettelOben .linkerTeil { width:19em; } #zettelOben.start .inlay_zettelOben .linkerTeil .text p { margin-bottom:1em; line-height:1.25em !important; } #zettelOben.start .inlay_zettelOben .rechterTeil { width:14.375em; text-align:right;} #zettelOben.start .inlay_zettelOben .rechterTeil img { width:12.6875em; } #zettelOben.start .inlay_zettelOben .rechterTeil img.btnLosGehts { width:9.3125em; float:left; margin:10em 0 0 3em; border:0; } .liste { height:20.125em !important; margin-bottom:0 !important;} .liste .checkBoxen { background:url("../img/sportberater/dots_dgray.gif") repeat-x top; margin:1em; padding-top:1em;} .liste .checkBoxen .eineZeile.dunkel { background:#f2f2f2; } .liste .checkBoxen .eineZeile.hell { background:#ffffff; } .liste .checkBoxen .eineZeile { width:32.75em; height:1.1875em; overflow:hidden;} .liste .checkBoxen .eineZeile .frage { font-weight:bold; margin-left:1.2em; float:left; display: inline; font-size:0.8em; width:6em; } .liste .checkBoxen .eineZeile .moeglich { margin-left:0.5em; float:left; display: inline; font-size:0.8em; } .liste .checkBoxen .eineZeile .moeglich .paket { float:left; } .liste .checkBoxen .eineZeile .moeglich .paket input { border:0; vertical-align:middle; margin:0; padding:0;} .liste .checkBoxen .eineZeile .moeglich .paket.eins { width:11em; } .liste .checkBoxen .eineZeile .moeglich .paket.zwei { width:13.5em; } .liste .checkBoxen .eineZeile .moeglich .paket.drei { width:8em;} .liste .checkBoxen .error { color:#E00000; font-size:0.8em; } #fehlermeldungen { width:568px; position:relative; overflow:hidden; top:-0.75em; background:#FFF url("../img/sportberater/zettel_oben_bgline.gif") repeat-y right;} #fehlermeldungen .error { color:#E00000; margin-left:1.2em; } .FAQ { height:4.25em !important; margin-bottom:0 !important;} #faq_bereich, #profil_bereich { font-size:1.333em; width:35.5em; position:relative; overflow:hidden; top:-0.75em; background:#FFF url("../img/sportberater/zettel_oben_bgline.gif") repeat-y right;} #faq_bereich .einleitung { margin:0 1.2em; font-size:0.8em; padding-bottom:1em;} #faq_bereich .einleitung p { margin-bottom:1.2em; line-height:1.25em; } #faq_bereich .reiter .kopf { width:34em; height:2.4375em; overflow:hidden; position:relative; margin-left:0.625em;} #faq_bereich .reiter .kopf .inlay { position:absolute; z-index:2; padding:0.75em 0 0 0.5625em; color:#8fb73f;} #faq_bereich .reiter .kopf .inlay .titel { padding-bottom:0.0625em; } #faq_bereich .reiter .kopf .inlay .titel a { color:#8fb73f; border-color:#8fb73f; } #faq_bereich .reiter .kopf .inlay .titel a:active { border:0; } #faq_bereich .reiter .kopf .inlay .titel img { width:0.6875em; height:0.6875em; } #faq_bereich .reiter .untertitel { margin-left:0.625em; padding:0 0 0 0.5625em; position:relative; top:-0.5em;} #faq_bereich .reiter .untertitel span { font-size:80%; color:#8fb73f; } #faq_bereich .reiter .kopf .bg { width:34em; height:2.4375em; } #faq_bereich .reiter .text { margin:1em 2.5em 0 2.5em; } #faq_bereich .reiter .text p { font-size:0.8em; margin-bottom:1.2em; line-height:1.25em; } #faq_bereich .reiter .text ul { list-style:disc outside; margin-left:1em; margin-bottom:0.75em; } #faq_bereich .reiter .text ol { list-style:decimal outside; margin-left:1.5em; } #faq_bereich .reiter .text ul li, #faq_bereich .reiter .text ol li { font-size:0.8em; margin-bottom:0.5em; } #faq_bereich .zurueck { margin:2em 0 0 2.5em; width:12.25em; height:2.25em; overflow:hidden; } #faq_bereich .zurueck img { width:12.25em; height:2.25em; } #zettel_abschluss { width:568px; height:30px; overflow:hidden; } #zettel_abschluss img { width:100%; } #profil_bereich .reiter_oben { margin-left:0.1875em; } #profil_bereich .reiter_oben .reiter { height:2.1875em; float:left; overflow:hidden; position:relative; } #profil_bereich .reiter_oben .reiter.r_links, #profil_bereich .reiter_oben .reiter.r_rechts { width:11.875em; } #profil_bereich .reiter_oben .reiter.r_mitte { width:11.1875em; } #profil_bereich .reiter_oben .reiter .inline { z-index:2; position:absolute; } #profil_bereich .reiter_oben .reiter .bg { width:100%; height:100%; } #profil_bereich .reiter_oben .reiter.r_links .inline { margin:0.5em 0 0 1em; width:10.625em; text-align:center; } #profil_bereich .reiter_oben .reiter.r_mitte .inline { margin:0.5em 0 0 0.5em; width:10em; text-align:center; } #profil_bereich .reiter_oben .reiter.r_rechts .inline { margin:0.5em 0 0 0.5em; width:10em; text-align:center; } #profil_bereich .reiter_oben .reiter span, #profil_bereich .reiter_oben .reiter a { font-size:0.8em; color:#ef8f00; border-color:#ef8f00; } #profil_bereich .reiter_oben .reiter span.active { color:#96e513; font-weight:bold; } #profil_bereich .sporttyp { margin-top:1em; } #profil_bereich .sporttyp .bild { width:12.5em; float:left; } #profil_bereich .sporttyp .bild .frame.f01 { width:10.875em; height:11.625em; overflow:hidden; position:relative; margin-left:0.75em; } #profil_bereich .sporttyp .bild .frame.f01 .inline { position:absolute; z-index:2; margin:0.75em 0 0 0.8125em; } #profil_bereich .sporttyp .bild .frame.f02 { width:11.125em; height:11.875em; overflow:hidden; position:relative; margin-left:0.75em; } #profil_bereich .sporttyp .bild .frame.f02 .inline { position:absolute; z-index:2; margin:0.875em 0 0 0.9375em; } #profil_bereich .sporttyp .bild .frame .inline img { height:10em; } #profil_bereich .sporttyp .bild .frame .bg { width:100%; height:100%; } #profil_bereich .sporttyp .beschreibung { width: 22em; float:left; margin-top:0.75em; } #profil_bereich .sporttyp .beschreibung h4 { font-size:0.8em; font-weight:bold; margin-bottom:0.3em; } #profil_bereich .sporttyp .beschreibung p { font-size:0.8em; margin-bottom:1.2em; line-height:1.25em; } #profil_bereich .sporttips { margin:1.5em 1em; } #profil_bereich .sporttips .paket { margin-bottom:2em; } #profil_bereich .sporttips .paket h4 { font-style:italic; color:#87b232;} #profil_bereich .sporttips .paket h4 img { height:1.25em; } #profil_bereich .sporttips .paket p { font-size:0.8em; margin-bottom:1.2em; line-height:1.25em; } #profil_bereich .sporttips .paket p.unterzeile { font-weight:bold; margin-bottom:0.3em; } #profil_bereich .sporttips .paket ol { list-style:decimal outside; margin:0.5em 1.5em 3em 1.5em; } #profil_bereich .sporttips .paket ol li { font-size:0.8em; margin-bottom:0.5em; } #profil_bereich .direktlinks { text-align:right; margin:0.5em 1.25em 0 0; } #profil_bereich .direktlinks a { font-size:0.8em; color:#ef8f00; border-bottom:1px solid #0079C0 !important; } #profil_bereich .direktlinks span { margin-left:20px; } #profil_bereich .direktlinks a.drucken { color:#333; border-color:#333; } #profil_bereich .direktlinks img { /*vertical-align:middle;*/ position:relative; top:2px; } #sportartenAuswahl { font-size:1.333em; } .hinweisBox { float:right; height:2.1875em; overflow:hidden; cursor:default; } .hinweisBox .rounded { float:left; height:2.1875em; } .hinweisBox .rounded img { height:2.1875em; } .hinweisBox .rounded.middle { background:#f7f7f7 url("../img/sportberater/round_middle.gif") repeat-x top; } .hinweisBox .rounded.middle #hinweis { font-size:0.8em; margin-top:0.6em; color:#0079c0;} .zusammenfassung { background:url("../img/sportberater/dots_dgray.gif") repeat-x top; padding-top:1em; } .zusammenfassung .sportarten { } .zusammenfassung .sportarten .nummerierung { float:left; width:1.75em; } .zusammenfassung .sportarten .nummerierung .num_pak { height:3.1875em; width:1.75em; overflow:hidden; cursor:default; } .zusammenfassung .sportarten .nummerierung .num_pak.n01 { color:#0079c0; } .zusammenfassung .sportarten .nummerierung .num_pak.n02 { color:#1588a8; } .zusammenfassung .sportarten .nummerierung .num_pak.n03 { color:#2e9b8a; } .zusammenfassung .sportarten .nummerierung .num_pak.n04 { color:#4cb068; } .zusammenfassung .sportarten .nummerierung .num_pak.n05 { color:#6bc645; } .zusammenfassung .sportarten .nummerierung .num_pak.n06 { color:#83d828; } .zusammenfassung .sportarten .nummerierung .num_pak.n07 { color:#96e513; } .zusammenfassung .sportarten .nummerierung .num_pak div { font-size:1.2em; font-style:italic; margin:0.5em 0 0 0;} .zusammenfassung .beschreibungen { float:left; } .zusammenfassung .beschreibungen .paket .bild { width:3.5em; height:3.1875em; overflow:hidden; float:left; } .zusammenfassung .beschreibungen .paket .bild img { width:3.5em; height:3.1875em; } .zusammenfassung .beschreibungen .paket .text { float:left; margin-left:1em; margin-top:0.25em; } .zusammenfassung .beschreibungen .paket .text .titel { font-size:0.8em; font-weight:bold; } .zusammenfassung .beschreibungen .paket .text .desc { font-size:0.8em; } .differenzierung { background:url("../img/sportberater/dots_dgray.gif") repeat-x top; padding-top:1em; margin-top:1em;} .differenzierung .paket { } .differenzierung .paket span { font-size:0.8em; } .differenzierung .paket .frage { margin:0 0 0 1.75em; float:left; width:6em; font-weight:bold; display:inline; } .differenzierung .paket .antwort { float:left; display:inline; } .dickesPlus { float:left; width:2.25em; height:2.25em; overflow:hidden; position:relative; top:-0.4375em;} .dickesMinus { float:left; width:2.25em; height:4.25em; overflow:hidden; margin-top:0.4375em; } .dickesPlus img, .dickesMinus img { width:2.25em; } .auflistung { clear:both; } .auflistung .nummerierung { float:left; width:2.25em; } .auflistung .num_pak { width:2.25em; height:6.625em; position:relative; overflow:hidden; cursor:default; } .auflistung .num_pak .inlay { z-index:2; position:absolute; } .auflistung .num_pak .inlay div { font-size:1.5em; font-style:italic; padding-right:0.25em; font-weight:normal; margin:1.375em 0 0 0.25em;} .auflistung .num_pak .inlay div.hoch { margin:0; padding:0; font-size:1em; height:3em; margin:0.5em 0 0 0.25em;} .auflistung .num_pak .inlay div.runter { margin:0; padding:0; font-size:1em; height:1.5625em; margin:0.75em 0 0 0.25em;} .auflistung .num_pak .inlay div button { border:0; background:none; cursor:hand; } .auflistung .num_pak.n01 { color:#0079c0; } .auflistung .num_pak.n02 { color:#1588a8; } .auflistung .num_pak.n03 { color:#2e9b8a; } .auflistung .num_pak.n04 { color:#4cb068; } .auflistung .num_pak.n05 { color:#6bc645; } .auflistung .num_pak.n06 { color:#83d828; } .auflistung .num_pak.n07 { color:#96e513; } .auflistung .num_pak .num_bg { width:100%; height:100%; } .auflistung .sportarten { width:32.75em; float:right; } .auflistung .beschreibung { background:#f8f8f8; width:32.75em; height:6.625em; position:relative; overflow:hidden; } .auflistung .beschreibung .inlay { z-index:2; position:absolute; } .auflistung .beschreibung .auflistung_bg { width:100%; height:100%; } .auflistung .beschreibung .bild { float:left; margin:0.25em 0 0 0.3125em; display:inline; width:6.4375em; height:5.9375em; overflow:hidden;} .auflistung .beschreibung .bild img { width:6.4375em; height:5.9375em; } .auflistung .beschreibung .text { float:left; margin:0.75em 0 0 0.75em;} .auflistung .beschreibung .text .titel { font-size:80%; font-weight:bold; } .auflistung .beschreibung .text .desc { font-size:80%; } #confirm { font-size:1.333em; clear:both; background:#9abe50; position:relative; height:6.75em; overflow:hidden; } #confirm a { border:0 !important; } #confirm.empfehlung { height:10em; } #confirm .inlay { z-index:2; position:absolute; } #confirm .inlay .questionmark { margin:1.6875em 0 0 3.1875em; float:left; width:1.625em; height:3.25em; overflow:hidden; display:inline; } #confirm .inlay .questionmark img {width:1.625em; height:3.25em;} #confirm .inlay .checker { margin:1.6875em 0 0 2.1875em; float:left; width:2.625em; height:3.25em; overflow:hidden; display:inline; } #confirm .inlay .checker img {width:2.75em; height:3.1875em;} #confirm .inlay .reihenfolge { float:left; margin:1.875em 0 0 1.375em;} #confirm .inlay .reihenfolge img { height:1.5em; } #confirm .inlay .reihenfolge span { color:#FFF; font-style:italic; font-size:130%; padding-right:1em;} #confirm .inlay .reihenfolge button { font-size:1em; cursor:pointer;} #confirm .inlay .reihenfolge button span { font-size:100%; } #confirm .inlay .reihenfolge button.btnNext { text-align:right;border:0; background:#edeee9; padding:0; width:11em; height:1em; float:left; display:inline;} #confirm .inlay .reihenfolge button.btnAbsenden { border:0; background:#9abe50; padding:0; width:5em; height:1em; float:left; display:inline; margin-top:0.75em; } #confirm .inlay .reihenfolge button.btnBack { margin-right:1.5em;text-align:left;border:0; background:#9abe50; padding:0; width:4em; height:1em; float:left;display:inline;} #confirm .inlay .reihenfolge button img { height:.75em; } #confirm .inlay .reihenfolge a img { height:.75em; } #confirm .inlay .reihenfolge a {float: left;margin-right:1.5em; margin-top:2px; display:block;} #confirm .inlay .reihenfolge a:hover{border:0;} #confirm .inlay .reihenfolge label { width:3.75em; font-size:0.8em; float:left; margin-top:0.3em; } #confirm .inlay .reihenfolge input { width:8.82em; border-color:#cfcfcf; font-size:0.8em; float:left; margin:0.36em 2.7em 0.36em 0; } #confirm .confirm_bg { width:100%; height:100%; } #confirm_abschluss { height:0.3125em; line-height:0; font-size:0; overflow:hidden;} #confirm_abschluss img { } #sportarten_teaserbereich { margin:2em 0 8em 0; } #sportarten_teaserbereich .teaser { background:none; } #sportarten_teaserbereich .teaser .bild { width:85px; height:85px; overflow:hidden; float:left; } #sportarten_teaserbereich .teaser .bild img { display:block; width:100%; } #sportarten_teaserbereich .teaser .beschreibung { float:left; width:39em; margin-left:0.5em;} #sportarten_teaserbereich .teaser .beschreibung .titel { font-weight:bold; } #sportarten_teaserbereich .teaser .beschreibung .text { line-height:1.25em;} #sportarten_teaserbereich .teaser .beschreibung .text a { border:0 !important; } #sportarten_teaserbereich .teaser .beschreibung .text img { display:inline; height:1.125em; position:relative; top:3px; } #sportberater_subline { width:38em; margin:0 0 4em 0; background:url("../img/sportberater/dots_dgray.gif") repeat-x top; } #sportberater_subline .text { font-size:.9em; color:#838282; font-family:Helvetica, Arial; margin:0.65em 0 0 1.1375em;} /* --- WARTUNGSHINWEIS --- */ .content_box h6 { display:block; font-weight:normal; font-size:11px; } /* -- KALENDER STYLES -- */ #kalender_box { width:10.625em; height:12.1875em;} #kalender_box .kopf { width:10.625em; height:1.6875em; overflow:hidden; } #kalender_box .kopf img { width:10.625em; height:1.6875em; } #kalender_box .inhalt { width:10.625em; height:11.875em; overflow:hidden; background:#FFF url("../img/right/kalender/kalender_bg.gif") repeat-y; } #kalender_box .inhalt .monat { width:10.625em; height:2.5em; } #kalender_box .inhalt .monat .pfeilLinks { float:left; width:2.9375em; height:1.5em; text-align: right;} #kalender_box .inhalt .monat .monatsName { float:left; width:4.125em; height:1.5em; text-align:center; } #kalender_box .inhalt .monat .monatsName span { font-family:Helvetica, Arial; font-size:70%; } #kalender_box .inhalt .monat img { margin:0.1875em 0 0 0; } #kalender_box .inhalt .monat .pfeilRechts { float:left; width:3.5625em; height:1.5em; text-align: left;} #kalender_box .inhalt .kalenderBody { width:10.625em; height:8.375em;} #kalender_box .inhalt .kalenderBody .tag { width:1.1875em; height:1.5em; background:#FFF url("../img/right/kalender/tag_bg_01.gif") repeat-x bottom; float:left; text-align:center;} #kalender_box .inhalt .kalenderBody .tag div { font-family:Tahoma; font-size:70%; color:#6e6e6e; margin:0.40625em 0 0 0;} #kalender_box .inhalt .kalenderBody .tagHeute { width:1.1875em; height:1.5em; background:#FFF url("../img/right/kalender/tag_bg_02.gif") repeat-x bottom; float:left; text-align:center;} #kalender_box .inhalt .kalenderBody .tagHeute div { font-family:Tahoma; font-size:70%; color:#FFF; margin:0.40625em 0 0 0;} #kalender_box .inhalt .kalenderBody .tag div a:link, #kalender_box .inhalt .kalenderBody .tag div a:visited { color:#6e6e6e; text-decoration:underline; } #kalender_box .inhalt .kalenderBody .tag div a:hover { color:#6e6e6e; text-decoration:none; } #kalender_box .inhalt .kalenderBody .tagHeute div a:link, #kalender_box .inhalt .kalenderBody .tagHeute div a:visited { color:#FFF; text-decoration:underline; } #kalender_box .inhalt .kalenderBody .tagHeute div a:hover { color:#FFF; text-decoration:none; } #kalender_box .inhalt .kalenderBody .abstand { width:0.8125em; height:1.5em; background:#FFF url("../img/right/kalender/tag_bg_03.gif") repeat-x bottom; float:left;} #kalender_box .inhalt .kalenderBody .abstandRechts { width:0.5em; height:1.5em; background:#FFF url("../img/right/kalender/tag_bg_01.gif") repeat-x bottom; float:left;} #kalender_box .inhalt .kalenderBody .linie01 { width:0.0625em; height:1.5em; background:#6e6e6e url("../img/right/kalender/linie_01.gif") repeat-x; float:left; } #kalender_box .inhalt .kalenderBody .linie02 { width:0.0625em; height:1.5em; background:#6e6e6e url("../img/right/kalender/linie_02.gif") repeat-x; float:left; } #kalender_box .inhalt .kalenderBody .kalenderAbschluss {width:8.3125em; height:1.0625em; background:url("../img/right/kalender/kalender_abschluss.gif") no-repeat; float:left; } #kalender_box .abschluss { width:10.625em; height:0.625em; overflow:hidden; line-height:0; } #kalender_box .abschluss img { width:10.625em; height:0.625em; } } /* KONTAKT */ #subnav_kontakt { margin: 0; padding: 0; list-style: none; float:right; } #kontakttab h2{ float:left; margin:0 0 !important; } #subnav_kontakt ul { margin-bottom:0px !important; } #subnav_kontakt li { float: left; list-style-type: none; } #subnav_kontakt li:first-child{ margin-right: 2px; } #subnav_kontakt li a { text-decoration: none; background: url(../_img/design/sliding.jpg) left top no-repeat; line-height: 24px; display: block; font-size: 12px; padding-left: 12px; color: #666; border-bottom: none !important; text-decoration: underline; } #subnav_kontakt li a span { background: url(../_img/design/sliding.jpg) right top no-repeat; display: block; padding-right: 12px; } #subnav_kontakt li a:hover, #subnav_kontakt li a.active { background: url(../_img/design/sliding.jpg) left bottom no-repeat; } #subnav_kontakt li a:hover span, #subnav_kontakt li a.active span { background: url(../_img/design/sliding.jpg) right bottom no-repeat; } @media print { /* --- STYLES FÜRS DRUCKEN --- */ @import ('print.css'); }