/* INHALTSVERZEICHNIS ------------------- Layout Typographie Footer Navigation Navigation - Hauptpunkte Breadcrumb Box Header Image Image Gallery Preistabelle Sportcamps Lists Formulare News Events Pagination Mitarbeiter Suche Module Kommentare Poll */ /* COLORS Body Background: #fcfcfc Main Text: #5a5a5a Headlines: #1e1e1e #content Visited Links: #0085cf #content Hovered Links: #525354 #content Active Links: #000 */ /* LAYOUT */ * { padding: 0; margin: 0;} html {background: #fff url(../i/bk.png) repeat-x; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:11px;} #wrapper {margin: 0 auto; width: 960px;} #logo {margin:15px auto 8px auto; padding-top:10px; width:960px;} #logo a {border:none; background:none;} #header { color:#333; width:950px; float:left; margin: 5px 0 15px 0px;} #left {width: 225px; float: left; margin: 10px 10px 10px 0;} #content {width: 460px; float: left; margin: 10px; display: inline; } #right {width: 225px; float: left; margin: 10px 0px 10px 10px;} #content, #left, #right {margin-bottom:50px;} /*Abstand zum Footer*/ #content .mod_article {margin-bottom:1.5em;} /*Abstand der Inhaltselemente*/ #content #beschreibung {position: absolute; left: -1000em;width: 20em;} #content .ce_text {margin:0.5em 0;} /* Zweispalter */ #zweispalter #content {width: 705px; float: left; margin: 10px 0 10px 10px; display: inline; } /* TYPOGRAPHIE */ h1, h2, h3, h4, h5, h6 {font-family: Helvetica, Arial, sans-serif; color:#27221f;} #einleitung strong, #preise strong {font-family: Helvetica, Arial, sans-serif; color:#27221f;} #bildergalerie a:link, #bildergalerie a:visited, .back a:link, .back a:visited {border:none;} /* Content*/ #content {line-height:1.6em; color:#666666;} #content #einleitung strong {font-size:1.2em; } /*Erster Absatz groß*/ #content a:link, #content a:visited {color:#5f6f3e; border-bottom: 1px dotted #5f6f3e; text-decoration: none;} #content a:hover {color: #000; background-color: #eee; border:none;} #footer a:link, #footer a:visited {color:#5f6f3e; border-bottom: 1px dotted #5f6f3e; text-decoration: none;} #footer a:hover {color: #000; background-color: #eee; border:none;} #footer {font-size:10px;} /* Right */ #right a:link, #right a:visited {color:#5f6f3e; border-bottom: 1px dotted #5f6f3e; text-decoration: none;} #content h1 {font-size:2.1em;line-height:1;margin:0 0 .5em;letter-spacing:-0.04em;} #content h2 {font-size:1.6em;line-height:1;margin:1.07em 0 .535em;} #content h3 {font-size:1.4em;line-height:1;margin:1.14em 0 .57em;} #content h4 {font-size:1.3em;line-height:1;margin:1.23em 0 .615em;} #content h5 {font-size:1.2em;line-height:1;margin:1.33em 0 .67em;} #content h6 {font-size:1em;line-height:1;margin:1.6em 0 .8em;} /* FOOTER */ #footer {color:#5a5a5a;background:transparent url(../i/bk-footer.png) repeat-x; height:250px;margin: 0 auto; padding: 50px 0 55px 0;clear:both; } #footer h4 {font-size:1.4em; margin-bottom:8px;} #footer a:link, #footer a:visited {border:none;} #footer a:hover {color: #000; background-color: #eee; border-color:#000;} #footer #sub {width:960px; margin: 50px auto; border-top:1px solid #ddd;} /*Unterzeile*/ #footer #copyright {float:left; padding:5px 0 0 0; } #footer #footernav {float:right; padding:5px 0 0 0;} #footer #footernav .mod_customnav ul li, #footer #footernav .mod_customnav ul li p {display:inline; margin:0 2px;} #footer .subcolumns {clear:both; width:960px; margin: 0 auto;} #footer .subcolumns p {font-size:1.1em; line-height:1.3em;} #footer .subcolumns img {border:1px solid #ccc; margin-top:4px;} /*Angebot des Monats*/ #footer .subcolumns .ce_hyperlink {font-size:10px; padding:9px 5px 0 5px;} /*Links zum Nachrichtenarchiv und zum Terminkalender*/ /* NAVIGATION */ .mod_navigation {font-size:1em; line-height:1em;border-top:1px solid #000;} .mod_navigation a {border:none;} /* Borderreset*/ .mod_navigation a.invisible {display:none;} /*Korrektur der Darstellung bei IE6*/ .mod_navigation ul {} /*Umgebender Rahmen*/ .mod_navigation ul li.last ul {border:none;} /*Kein Rahmen bei letztem Element*/ .mod_navigation li a {display:block; text-decoration: none;} .mod_navigation .level_1 ul {border: 1px solid #B4B4B4; border-top:none;} /*Nicht vererben / Rahmen unten*/ .mod_navigation .level_1 li {background:transparent url(../i/nav-hr.png) 0 bottom no-repeat;} /*Trennelement für die einzelnen Navigationspunkte*/ .mod_navigation .level_1 li.submenu {padding-bottom:0; background:none;} /*Kein Trenner bei aktivem Navigationspunkt*/ .mod_navigation .level_1 li.last {padding-bottom:0; background:none;} /*Kein Trenner bei letztem Navigationspunkt*/ .mod_navigation .level_1 .level_2 li a {border:none;height:11px;} .mod_navigation .level_1 .level_2 li a:hover {border:none;} .mod_navigation .level_1 .level_2 li.first a {border:none;} .mod_navigation .level_1 .level_2 li.last a {border:none;} .mod_navigation .level_1 .level_2 li .submenu {border-left:none; border-right:none;} .mod_navigation .level_1 .level_2 li span.active {border-left:none; border-right:none; border-top:1px solid #738536; border-bottom:1px solid #738536;} .mod_navigation .level_1 .level_2 li.first span.active {border-left:none; border-right:none; border-top:none;} .mod_navigation .level_1 .level_2 li.first a:hover {border-top:none;} .mod_navigation .level_2 ul {border: none; border-bottom:1px solid #B4B4B4;} /*Kein doppelter Rahmen, Rahmen unten*/ .mod_navigation .level_2 li, .mod_navigation .level_2 li.last {padding:0; background:#F9F9F9 url(../i/bk-links-hr.png) 8px 0 no-repeat;} .mod_navigation .level_2 li.first {background-image: none;} .mod_navigation .level_2 li a { background:url(../i/bk-links.png) no-repeat 10px 5px; padding:8px 8px 8px 30px; color:#707070;} .mod_navigation .level_2 li a:hover {background: transparent url(../i/bk-links.png) no-repeat 10px -46px; color:#000;} .mod_navigation .level_2 li.active span {display:block; background:#d4dfc0 url(../i/bk-links.png) no-repeat 10px -96px; color:#2a321b; padding:8px 10px 8px 30px; font-weight:bold; border-bottom:1px solid #828282; border-top: 1px solid #828282; border-left:none; border-right:none; }/*Rahmen oben und unten*/ .mod_navigation .level_2 li.active span.first {border-top:none; } /* Kein doppelter Rahmen bei ersten Element*/ .mod_navigation .level_2 li.trail a.submenu {background:#d4dfc0 url(../i/bk-links.png) no-repeat 10px -96px; color:#000;padding:8px 10px 8px 30px;} .mod_navigation .level_2 li.trail a.submenu {border-bottom:1px solid #828282; border-top: 1px solid #828282; border-left:none; border-right:none;}/*Rahmen oben und unten*/ .mod_navigation .level_2 li.first a.submenu {border-top:none;} .mod_navigation .level_3 {padding:4px 0 5px 0; background: #eff2e9;} /*Abstand oben und unten*/ .mod_navigation .level_3 li {background: #eff2e9;} .mod_navigation .level_3 li.first {border:none;} .mod_navigation .level_3 li.last {padding-bottom:6px; background: #eff2e9; background-image:none; } /*Ausblenden des Hintergrundbildes aus Level_2*/ .mod_navigation .level_3 li.first span.active {background:url(../i/bk-links-level3.gif) no-repeat 10px -98px; padding:6px 8px 7px 30px;} .mod_navigation .level_3 li.last span.active {background:url(../i/bk-links-level3.gif) no-repeat 10px -98px; padding:6px 8px 7px 30px;} .mod_navigation .level_3 li.active span.active {border:none;} .mod_navigation .level_3 li a {height:10px; background:url(../i/bk-links-level3.gif) no-repeat 10px 4px; padding:6px 8px 6px 30px; font-weight:normal; color:#737967;} .mod_navigation .level_3 li a:hover {background: #eff2e9 url(../i/bk-links-level3.gif) no-repeat 10px -47px; color:#2a321b;} .mod_navigation .level_3 li.active span {height:10px;display:block; background:url(../i/bk-links-level3.gif) no-repeat 10px -98px; padding:6px 0px 7px 30px; border:none; font-weight:bold; color:#2a321b;} .mod_navigation .level_3 li.active span.first {border:none; }/* Kein Rahmen bei ersten Element*/ /* NAVIGATION - HAUPTPUNKTE */ .mod_navigation .level_1 li.active span {border:1px solid #000; border-top:none;} /*.mod_navigation .level_1 li.active span.first {border:1px solid #838f5c;}*/ .mod_navigation .level_1 li a:hover {border-left:1px solid #000; border-right:1px solid #000;} .mod_navigation .level_1 li a {border:1px solid #000; border-top:none;} .mod_navigation .level_1 li.first a {border-top:1px solid #000;} .mod_navigation .level_1 li.first a:hover {border-top:1px solid #dee5cc;} /*.mod_navigation .level_1 li.trail .first {border-top:1px solid #b4cb68;} */ .mod_navigation .level_1 li a.aktuelles, .mod_navigation .level_1 li span.aktuelles {background:transparent url(../i/nav-aktuelles.png) 0 0 no-repeat; height:55px; text-indent: -5000px; display:block;} .mod_navigation .level_1 li a.aktuelles:hover {background-position:0 -55px;} .mod_navigation .level_1 li a.aktuelles.trail {background-position:0 -110px; border-top:none;} .mod_navigation .level_1 li a.aktuelles.trail:hover {background-position:0 -55px;} .mod_navigation .level_1 li span.aktuelles {display:block; background-position:0 -110px;} .mod_navigation .level_1 li a.sportangebot, .mod_navigation .level_1 li span.sportangebot {background:transparent url(../i/nav-sportangebot.png) 0 0 no-repeat; height:55px; text-indent: -5000px; display:block;} .mod_navigation .level_1 li a.sportangebot:hover {background-position:0 -55px;} .mod_navigation .level_1 li a.sportangebot.trail {background-position:0 -110px;} .mod_navigation .level_1 li a.sportangebot.trail:hover {background-position:0 -55px;} .mod_navigation .level_1 li span.sportangebot {background-position:0 -110px;} .mod_navigation .level_1 li a.veranstaltungen, .mod_navigation .level_1 li span.veranstaltungen {background:transparent url(../i/nav-veranstaltungen.png) 0 0 no-repeat; height:55px; text-indent: -5000px; display:block;} .mod_navigation .level_1 li a.veranstaltungen:hover {background-position:0 -55px;} .mod_navigation .level_1 li a.veranstaltungen.trail {background-position:0 -110px;} .mod_navigation .level_1 li a.veranstaltungen.trail:hover {background-position:0 -55px;} .mod_navigation .level_1 li span.veranstaltungen {background-position:0 -110px;} /* .mod_navigation .level_1 li a.meinfest, .mod_navigation .level_1 li p.meinfest {background:transparent url(../i/nav-meinfest.png) 0 0 no-repeat; height:55px; text-indent: -5000px;} .mod_navigation .level_1 li a.meinfest:hover {background-position:0 -55px;} .mod_navigation .level_1 li a.meinfest.trail {background-position:0 -110px;} .mod_navigation .level_1 li a.meinfest.trail:hover {background-position:0 -55px;} .mod_navigation .level_1 li p.meinfest {background-position:0 -110px;} */ .mod_navigation .level_1 li a.preise, .mod_navigation .level_1 li span.preise {background:transparent url(../i/nav-preise.png) 0 0 no-repeat; height:55px; text-indent: -5000px; display:block;} .mod_navigation .level_1 li a.preise:hover {background-position:0 -55px;} .mod_navigation .level_1 li a.preise.trail {background-position:0 -110px;} .mod_navigation .level_1 li a.preise.trail:hover {background-position:0 -55px;} .mod_navigation .level_1 li span.preise {background-position:0 -110px;} .mod_navigation .level_1 li a.termine, .mod_navigation .level_1 li span.termine {background:transparent url(../i/nav-termine.png) 0 0 no-repeat; height:55px; text-indent: -5000px; display:block;} .mod_navigation .level_1 li a.termine:hover {background-position:0 -55px;} .mod_navigation .level_1 li a.termine.trail {background-position:0 -110px;} .mod_navigation .level_1 li a.termine.trail:hover {background-position:0 -55px;} .mod_navigation .level_1 li span.termine {background-position:0 -110px;} /* .mod_navigation .level_1 li a.shop, .mod_navigation .level_1 li p.shop {background:transparent url(../i/nav-shop.png) 0 0 no-repeat; height:55px; text-indent: -5000px; } .mod_navigation .level_1 li a.shop:hover {background-position:0 -55px;} .mod_navigation .level_1 li a.shop.trail {background-position:0 -110px;} .mod_navigation .level_1 li a.shop.trail:hover {background-position:0 -55px;} .mod_navigation .level_1 li p.shop {background-position:0 -110px;} */ .mod_navigation .level_1 li a.restaurant, .mod_navigation .level_1 li span.restaurant {background:transparent url(../i/nav-restaurant.png) 0 0 no-repeat; height:55px; text-indent: -5000px; display:block;} .mod_navigation .level_1 li a.restaurant:hover {background-position:0 -55px;} .mod_navigation .level_1 li a.restaurant.trail {background-position:0 -110px;} .mod_navigation .level_1 li a.restaurant.trail:hover {background-position:0 -55px;} .mod_navigation .level_1 li span.restaurant {background-position:0 -110px;} .mod_navigation .level_1 li a.kontakt, .mod_navigation .level_1 li span.kontakt {background:transparent url(../i/nav-kontakt.png) 0 0 no-repeat; height:55px; text-indent: -5000px; display:block;} .mod_navigation .level_1 li a.kontakt:hover {background-position:0 -55px;} .mod_navigation .level_1 li a.kontakt.trail {background-position:0 -110px;} .mod_navigation .level_1 li a.kontakt.trail:hover {background-position:0 -55px;} .mod_navigation .level_1 li span.kontakt {background-position:0 -110px;} /* BREADCRUMB */ #content .mod_breadcrumb {height:23px;background:#e4e5e1; border:1px solid #D2D2D2; padding:5px 5px 0px 5px; margin-bottom:30px;} #content .mod_breadcrumb a {background:transparent url(../i/breadcrumb-arrow.png) right center no-repeat; color: #969696; text-decoration:none; border:none; padding:7px 20px 9px 0px; margin-left:-4px;} #content .mod_breadcrumb a:link, #content .mod_breadcrumb a:visited { color: #000; border:none;} #content .mod_breadcrumb span { margin-left:-4px;} #content .mod_breadcrumb a.logo {float:left; background:transparent url(../i/breadcrumb-logo2.png) 0 0 no-repeat; text-indent: -5000px; width:25px;padding:5px 11px 5px 5px; margin:-5px 0 0 1px;} /* BOX */ #content .box {padding:20px;} #content .green {background:#faffef; border:1px solid #bbc8a2; color:#606653;} #content .green h3 {color:#4f5543; margin-top:0;} /* Liste der einzelnen Sportarten oder Veranstaltungen */ #content .eventbox p.arrow_right {padding-top:8px;} #content .eventbox p.arrow_right a {background:transparent url(../i/arrow_right.gif) 0 3px no-repeat; border:none; padding:4px 0 4px 20px;} #content .eventbox a {border:none;} #content .eventbox {background:transparent url(../i/hr-2px.png) bottom center no-repeat; padding:20px 5px 15px 0; clear:both; font-size:10px;} #content .eventbox.last {background:none; padding:20px 5px 15px 0; clear:both; font-size:10px;} #content .eventbox h3 {margin-top:5px; font-weight:normal;} #content .eventbox img { padding:3px; border: 1px solid #ccc; } /* Liste der einzelnen Termine */ #content .startbox p.arrow_right {padding-top:8px;} #content .startbox p.arrow_right a {background:transparent url(../i/arrow_right.gif) 0 3px no-repeat; border:none; padding:4px 0 4px 20px;} #content .startbox a {border:none;} #content .startbox {background:transparent url(../i/hr-2px.png) top center no-repeat; padding:20px 5px 15px 0; clear:both; font-size:10px;} #content .startbox h3 {margin-top:5px; font-weight:normal;} #content .startbox img { padding:3px; border: 1px solid #ccc; } /* Liste der einzelnen Termine */ #zweispalter #content .startbox p.arrow_right {padding-top:8px;} #zweispalter #content .startbox p.arrow_right a {background:transparent url(../i/arrow_right.gif) 0 3px no-repeat; border:none; padding:4px 0 4px 20px;} #zweispalter #content .startbox a {border:none;} #zweispalter #content .startbox {background:none; padding:20px 5px 15px 0; clear:both; font-size:10px; border:none;} #zweispalter #content .startbox h3 {margin-top:5px; font-weight:normal;} #zweispalter #content .startbox img { padding:3px; } /* Raster */ #zweispalter #content #raster .first, #zweispalter #content #raster .last {margin:0; padding:0;} #zweispalter #content #raster .ce_text {height:300px; width:225px; font-size:10px; line-height:1.5em;} #zweispalter #content #raster .ce_text h3 {padding-top:0; margin-top:0; clear:both;} #zweispalter #content #raster .ce_text .image_container {margin-bottom:8px; } #zweispalter #content #raster .ce_text .image_container a {border:none;} #zweispalter #content #raster .ce_text .image_container img {padding:3px; border: 1px solid #ccc;} #zweispalter #content #raster .ce_text p.arrow_right {padding-top:8px;} #zweispalter #content #raster .ce_text p.arrow_right a {background:transparent url(../i/arrow_right.gif) 0 3px no-repeat; border:none; padding:4px 0 4px 17px; text-decoration: underline;} /* Raster Termine */ #zweispalter #content #raster-termine .first, #zweispalter #content #raster-termine .last {margin:0; padding:0;} #zweispalter #content #raster-termine .ce_text {height:235px; width:225px; font-size:10px; line-height:1.5em;} #zweispalter #content #raster-termine .ce_text .image_container {margin-bottom:8px; } #zweispalter #content #raster-termine .ce_text .image_container a {border:none;} #zweispalter #content #raster-termine .ce_text .image_container img {padding:3px; border: 1px solid #ccc;} #zweispalter #content #raster-termine .ce_text p.arrow_right {padding-top:8px;} #zweispalter #content #raster-termine .ce_text p.arrow_right a {background:transparent url(../i/arrow_right.gif) 0 3px no-repeat; border:none; padding:4px 0 4px 17px; text-decoration: underline;} /* HEADER IMAGE */ #header .ce_image, #header .mod_randomImage, #header .mod_dlh_googlemaps {border:5px solid #000; height:300px; width:940px;} /* IMAGE GALLERY */ #right .ce_gallery {} #right .ce_gallery a {border:none;} #right .ce_gallery table {margin-top:1em; } #right .ce_gallery table tr { background:none; } #right .ce_gallery table tr td {background:transparent url(../i/bk-gallery.png) no-repeat; padding:6px;} #right .ce_gallery table tr td:hover {background:transparent url(../i/bk-gallery.png) 0 -62px no-repeat; padding:6px;} #right .ce_gallery table tr td img {} /* PREISTABELLE */ .preise table {margin:25px 0; width:100%; font-size:10px; } .preise table strong {color:#000; font-size:11px; } .preise table tr td {border:none; text-align:center; padding:9px 7px;} .preise table tr td.col_first {border-left:1px solid #D2D2D2; text-align:left; width:45%; font-weight:bold; color:#2f2f2f;} .preise table tr td.col_last {border-right:1px solid #D2D2D2;} .preise table tr td em {font-style: normal; font-weight: normal;} .preise table th {background:#252525; color:#fff; font-weight:bold; font-size:10px; border:1px solid #1e1e1e; text-align:center; padding:9px 7px;} .preise table th.col_first {text-align:left;} .preise table tr {border-top: 1px solid #D2D2D2;} .preise table tr.odd td {background:#F9F9F9; border-top:1px solid #fff; border-bottom:1px solid #D2D2D2;} .preise table tr.even td {background:#F0F0F0; border-top:1px solid #fafafa; border-bottom:1px solid #D2D2D2;} .preise table tr td.col_2, .preise table tr td.col_3 {width:60px;} .preise table tr td {border-left:1px solid #D2D2D2;} .preise table tr.even td.col_5, .preise table tr.even td.col_4{background:#e7e7e7; } .preise table tr.odd td.col_5, .preise table tr.odd td.col_4 {background:#efefef;} .preise .zwei table tr td {font-weight:bold;} .preise .zwei table tr td em {font-weight:normal; font-style: normal;} .preise .zwei table tr td.col_0 {width:80%;} .preise .zwei table tr td.col_1 {width:20%;} .preise .drei table tr td.col_0 {width:60%;} .preise .vier table tr td.col_0 {width:50%;} .preise .camps table tr td.col_2 {width:55%;} .preise .preisunterschrift {color:#888; font-size:9px; line-height:12px; margin-top:-15px; margin-bottom:50px; text-align:right;} #einleitung .camps table tr td.col_2 {width:55%;} #einleitung .preisunterschrift {color:#888; font-size:9px; line-height:12px; margin-top:-15px; margin-bottom:50px; text-align:right;} /* Öffnungszeiten */ .preise .oeffnungszeiten table tr td {font-weight:normal;} .preise .oeffnungszeiten table tr td em {font-weight:normal; font-style: normal;} .preise .oeffnungszeiten table tr td.col_0 {width:50%;} .preise .oeffnungszeiten table tr td.col_1 {width:50%; font-size:9px;} /* Trennelelemente */ #trennelement-ballsport h4, #trennelement-fitness h4, #trennelement-veranstaltungen h4, #trennelement-kletterpark h4 {margin: 50px 0 -15px 0; display:block; text-decoration: underline;} /* SPORTCAMPS */ .wochenprogramm table {margin:25px 0; border:1px solid #D2D2D2; width:100%; } .wochenprogramm table tr td {border:none; text-align:left;padding:9px 7px;} .wochenprogramm table tr td.col_first {border:none;text-align:left; width:120px; font-weight:bold; color:#2f2f2f;} .wochenprogramm table tr td em {font-style: normal; font-weight: normal;} .wochenprogramm table th {background:#252525; color:#fff; font-weight:normal; border:1px solid #1e1e1e; border-bottom:none; text-align:center;padding:9px 7px;} .wochenprogramm table th.col_first {font-weight:bold; text-align:left;} .wochenprogramm table tr {border-top: 1px solid #D2D2D2;} .wochenprogramm table tr.odd td {background:#f7f7f7;} .wochenprogramm table tr.even td {background:#fdfdfd;} .wochenprogramm table tr td {border-left:1px solid #D2D2D2;} #nachrichtenleser .nachricht table {margin:25px 0; border:1px solid #D2D2D2; width:100%; } #nachrichtenleser .nachricht table tr td {border:none; text-align:left;padding:9px 7px;} #nachrichtenleser .nachricht table tr td.col_first {border:none;text-align:left; width:120px; font-weight:bold; color:#2f2f2f;} #nachrichtenleser .nachricht table tr td em {font-style: normal; font-weight: normal;} #nachrichtenleser .nachricht table th {background:#252525; color:#fff; font-weight:normal; border:1px solid #1e1e1e; border-bottom:none; text-align:center;padding:9px 7px;} #nachrichtenleser .nachricht table th.col_first {font-weight:bold; text-align:left;} #nachrichtenleser .nachricht table tr {border-top: 1px solid #D2D2D2;} #nachrichtenleser .nachricht table tr.odd td {background:#f7f7f7;} #nachrichtenleser .nachricht table tr.even td {background:#fdfdfd;} #nachrichtenleser .nachricht table tr td {border-left:1px solid #D2D2D2;} /* LISTS */ #content ul { padding:0; margin:0; } #content ul li { list-style-position: inside; padding:0; margin:0; } /* FORMULARE */ /* Allgemeine Formatierung */ fieldset {background:#fafafa; border:1px solid #ddd;} fieldset:hover {background:#f4fae0;} legend {margin:0 0 4px -10px;font-size:12px; font-weight:bold; font-family:Helvetica, Arial, sans-serif; color:#000;} textarea, input[type='text'], input[type='password'], select { border: 1px solid #ccc; background: #fff; } textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; } /* Hoverfarbe des Feldes */ textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ddd; } /* Wenn das Feld aktiviert ist */ input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; } input[type='hidden'] { display:none; } /* Schriftart- und größe des Inputfeldes */ #content input, #content textarea {font-family: Verdana,Helvetica, Arial; font-size:11px;} /* Login */ #content .mod_login {margin:20px 0 0 0;} /* Einrücken des Loginformulars */ #content .mod_login .formbody p {padding:0; margin:0;} #content .mod_login .formbody input#username, #content .mod_login .formbody input#password {margin:0 0 0.5em 0;width:120px;} #content .mod_login .formbody .submit_container {margin:0.8em 0 0 0;} #content .mod_login .formbody .error {background:#baf379; color:#414d33; padding:1px 0 1px 20px; margin:0; font-size:1.1em;} /* Formular */ #content .mod_article .ce_form {width:460px;} #content .mod_article .ce_form form {} #content .mod_article .ce_form .formbody {} #content .mod_article .ce_form .formbody fieldset {margin-bottom:40px;padding:15px 20px 25px;} #content .mod_article .ce_form .formbody .headline {clear:both; padding:25px 0 15px 0; margin:0; } /* Die Überschrift */ #content .mod_article .ce_form .formbody .row_0.headline {padding-top:0;} /* Die erste Überschrift */ /* Error */ /*#content .mod_article .ce_form .formbody .error {background:#9E1616; font-size:7px; color:#fff; font-weight:bold; line-height:1.2em; padding:.15em .45em; margin:0;}*/ #content .mod_article .ce_form .formbody .error {background:#9E1616; position: absolute; display:block; font-weight:bold; color:#fff; margin-top:-20px; height:10px; padding-left: 3px; font-family:Helvetica, Arial, sans-serif;} /* Label */ /* #content .mod_article .ce_form .formbody label.mandatory:after { padding:0 0 0 .35em; content: '*'; color:#838166; font-weight:bold;} */ #content .mod_article .ce_form .formbody label {font-size:10px; display:block;} #content .mod_article .ce_form .formbody label.mandatory {font-weight:bold;} /* Formatierung der einzelnen Felder */ #content .mod_article .ce_form .formbody ul {margin:0 0 20px 0; clear:both;} #content .mod_article .ce_form .formbody br { clear:both} #content .mod_article .ce_form .formbody ul li {list-style: none; float:left; margin-left:10px;} #content .mod_article .ce_form .formbody ul li.first { margin-left:0px;} #content .mod_article .ce_form .formbody input {padding:4px;} /* Breite der einzelnen Felder */ #content .mod_article .ce_form .formbody .firma input {width:400px;} #content .mod_article .ce_form .formbody .vorname input {width:150px;} #content .mod_article .ce_form .formbody .kind.vorname input {width:145px;} #content .mod_article .ce_form .formbody .nachname input {width:229px;} #content .mod_article .ce_form .formbody .strasse input {width:329px;} #content .mod_article .ce_form .formbody .nummer input {width:50px;} #content .mod_article .ce_form .formbody .plz input {width:90px;} #content .mod_article .ce_form .formbody .ort input {width:289px;} #content .mod_article .ce_form .formbody .telefon input {width:189px;} #content .mod_article .ce_form .formbody textarea {width:403px; height:200px; display:block; clear:both;} /* Checkbox, Radiobutton */ #content .mod_article .ce_form .formbody .radio_container span, #content .mod_article .ce_form .formbody .checkbox_container span {display:block;} /* vertikale Anordnung der Elemente */ #content .mod_article .ce_form .formbody ul.checkbox label {display:inline; font-size:11px;} #content .mod_article .ce_form .formbody .checkbox_container label {display:inline;} #content .mod_article .ce_form .formbody .radio_container label {display:inline;} /* Typographie */ #content .mod_article .ce_form .formbody h2 {margin-top:60px;} #content .mod_article .ce_form .formbody h3 {margin:15px 0 0 0; font-size:14px;} /* ImageSelect */ #content .mod_article .ce_form .formbody .imageselect div input {display:block; margin:-140px 0 0 15px;} #content .mod_article .ce_form .formbody .imageselect div img {padding:0 0 7px 0 ; margin-top:-20px; margin-bottom:-40px;} #content .mod_article .ce_form .formbody .imageselect div {padding-bottom:2px; padding-top:23px;} #content .mod_article .ce_form select {margin-bottom:5px;} /* Conditional Select */ #content .mod_article .ce_form .formbody .conditional span label {display:inline;} /* korrekte Positionierung des Labels */ #content .mod_article .ce_form .formbody .conditional .checkbox_container {margin-top:10px;} /* Bestimmung der Seitengröße Popup*/ #formular #wrapper { margin: 0 auto; width: 450px;} #content .mod_article .ce_form .formbody input input.checkbox {} /* NEWS */ /* Newsreader */ #content .mod_newsreader .layout_full .info {display:none;font-size:10px; background: #829f1f; border:1px solid #6a801d;letter-spacing:-0.04em; color: #fcffe7; font-weight:bold; width:65px; margin:-5px 0 1em 0; padding:1px 3px;} #content .mod_newsreader .layout_full ul {margin:1em 0 1.4em 0;} #content .mod_newsreader .layout_full li { padding:1px 20px 1px 15px; } #content .mod_newsreader .layout_full strong {font-family: Helvetica, Arial; font-size:13px; color: #202020; } /*Erster Absatz groß*/ #content .mod_newsreader .layout_full .enclosure {background: #fafafa; border:1px solid #dddddd; margin:20px 0; padding:10px 10px 0;} #content .mod_newsreader .layout_full .enclosure p {} #content .mod_newsreader .layout_full .image_container {padding:0 10px 5px 0;} #content .mod_newsreader .layout_full .image_container img {padding:3px; border:1px solid #ccc;} #content .mod_newsreader .ce_news_gallery .image_container a {border:none;} #content .mod_newsreader .ce_news_gallery .image_container img {padding:3px; border:1px solid #ccc;} #content .mod_newsreader .ce_news_gallery .image_container img:hover {border:1px solid #000;} /* Newslist */ #right .mod_newslist {background:#f9f9f9; border:1px solid #D2D2D2; width:223px; font-size:11px;} #right .mod_newslist h4 {background:#e4e5e1; border-bottom:1px solid #D2D2D2; padding:10px; font-size:13px; } #right #archiv {background:#fff; border:1px solid #D2D2D2; border-top:none;font-size:11px; padding:10px;} #right #archiv a:hover {color:#000;} /* Newslist - Simple - snau */ #right .mod_newslist .layout_simple_snau { margin:0 0 5px 0; padding:2px 4px 12px 10px; font-size: 10px; line-height:1.5em; border-bottom:1px solid #DDDDDD;} #right .mod_newslist .layout_simple_snau .date {color:#333; letter-spacing:-0.04em;} #right .mod_newslist .layout_simple_snau .nachricht a { font-weight:normal;} #right .mod_newslist .layout_simple_snau .nachricht a:hover { color:#000;} #right .mod_newslist .first {padding-top:12px;} /*Abstand des ersten Newslist Elements*/ #right .mod_newslist .last {padding-bottom:10px; border:none;} /*Abstand des letzten Newslist Elements*/ /* Newslist - snau */ #content .mod_article .mod_newslist .layout_snau h2 {font-weight:bold; padding-top:0; margin-top:0; display: inline;} #content .mod_article .mod_newslist .layout_snau h2 a {font-size:14px; border:none; color:#1e1e1e;} #content .mod_article .mod_newslist .layout_snau {background:transparent url(../i/hr-2px.png) top center no-repeat; padding:20px 5px 15px 0; clear:both; font-size:10px;} #content .mod_article .mod_newslist .layout_snau .nachricht { padding-left:50px;} #content .mod_article .mod_newslist .layout_snau .date {display:inline;} #content .mod_article .mod_newslist .layout_snau img { padding:3px; border: 1px solid #ccc; margin-right:10px; margin-bottom:25px;} #content .mod_article .mod_newslist .layout_snau .teaser {font-size:10px;} #content .mod_article .mod_newslist .layout_snau p {padding:5px 0 10px 0; margin:0;} #content .mod_article .mod_newslist .layout_snau p.more {background:transparent url(../i/arrow_right.gif) 0 3px no-repeat; border:none; display:inline; padding:4px 0 4px 20px;} #content .mod_article .mod_newslist .layout_snau p.more a {border:none; } /* Tabelle */ .nachricht table {margin:25px 0; border:1px solid #D2D2D2; width:100%; font-size:10px; } .nachricht table tr td {border:none; text-align:center;} .nachricht table tr td.col_first {border:none;text-align:left; width:45%; font-weight:bold; color:#2f2f2f;} .nachricht table tr td em {font-style: normal; font-weight: normal;} .nachricht table th {background:#252525; color:#fff; font-weight:normal; border:1px solid #1e1e1e; border-bottom:none; text-align:center;} .nachricht table th.col_first {text-align:left;} .nachricht table tr {border-top: 1px solid #D2D2D2;} .nachricht table tr.odd td {background:#F9F9F9;} .nachricht table tr.even td {background:#F0F0F0;} .nachricht table tr td {text-align: left;} .nachricht table tr td.col_0 {border-right: 1px solid #D2D2D2; width:120px;} /* FOOTER */ #footer .mod_newslist {font-size:10px;} #footer .mod_newslist .layout_simple_snau { border-bottom:1px solid #ccc; font-weight:bold; color:#000; background:#fdfdfd; line-height:1.5em; padding:5px;} #footer .mod_newslist .layout_simple_snau a {font-weight:normal;} /* EVENTS */ /* FOOTER */ #footer .mod_upcoming_events {font-size:10px;} #footer .mod_upcoming_events {border-bottom:1px solid #ccc;} #footer .mod_upcoming_events .event {font-weight:bold; color:#000; background:#fdfdfd; line-height:1.5em; padding:5px; } #footer .mod_upcoming_events .event a {font-weight:normal;} #footer .mod_upcoming_events .event .time {font-weight:normal; color:#8f8f8f;} #footer .mod_upcoming_events .event .date {margin-right:4px;} /* MINI CALENDAR */ .mod_minicalendar {background-color:#F0F0F0;} .mod_minicalendar a {border:none; text-decoration: none;} .mod_minicalendar thead tr th.current {background:none;} /* Wochentage */ .mod_minicalendar thead tr th.label {padding:6px 0; border:none; background:#252525; color:#fff;} /* Wochentage */ .mod_minicalendar table{width:100%; border-top:1px solid #cccccc;border-left:1px solid #cccccc;} .mod_minicalendar td{width:14%; padding:9px;text-align:center;border-right:1px solid #B4B4B4;border-bottom:1px solid #B4B4B4;} .mod_minicalendar td.active {} .mod_minicalendar td, .mod_minicalendar .active a{font-size:10px; background:#fff;} .mod_minicalendar .weekend{background-color:#eff2e9;} .mod_minicalendar .today {font-weight:bold; background:#b8d6f5;} .mod_minicalendar td.active.today { background:#b8d6f5;} .mod_minicalendar td.active:hover { background:#e5f2ff;} .mod_minicalendar td.active {padding:0px;} .mod_minicalendar td.active a { display:block; padding:8px;} .mod_minicalendar .days.active {font-weight:bold; background:#e1f5b8;} /* Mit Events belegt */ .mod_minicalendar .days.active a {background:none; color:#000;} .mod_minicalendar .label{padding-top:2px;padding-bottom:3px;text-align:center;background-color:#c3c3c3; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;font-size:10px; color:#ffffff;} .mod_minicalendar .head {text-align:center;background-color:#f9f9f9; border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;} .mod_minicalendar .previous a { background: transparent url(../i/previous.png) 0 0 no-repeat; display:block; text-indent:-5000px; height:30px;} .mod_minicalendar .previous a:hover { background: transparent url(../i/previous-hover.png) 0 0 no-repeat; display:block; text-indent:-5000px; height:30px;} .mod_minicalendar .next a { background: transparent url(../i/next.png) 0 0 no-repeat; display:block; text-indent:-5000px; height:30px;} .mod_minicalendar .next a:hover { background: transparent url(../i/next-hover.png) 0 0 no-repeat; display:block; text-indent:-5000px; height:30px;} .mod_minicalendar .current{ background-color:#ffffcc;} /* EVENTSATTEND */ #content .mod_eventsattend h1 {margin-bottom:.25em;} #content .mod_eventsattend .info {display:inline; background:#d5dfc6; font-weight:bold; letter-spacing:-0.04em;color:#27221f; border:1px solid #cacbb8; padding:2px 7px;} #content .mod_eventsattend .ce_text {margin-top:1em;} #content .mod_eventsattend .lastdatemsg { padding:3px 5px 4px 5px; background:#feffe9; border:1px solid #cacbb8;} /* EVENTLIST SNAU*/ #content .mod_eventlist .event a {background: transparent url(../i/arrow.png) 4px 1px no-repeat; border:none; color:#5a5a5a; padding-left:20px; } #content .mod_eventlist .event a:hover {color:#000;} #content .mod_eventlist .event { display:block; font-size:10px; } #content .mod_eventlist .event .date { height: 18px; padding: 3px 8px 3px 8px; font-weight:bold; color:#323232; border-right:1px solid #ccc; border-left:1px solid #ccc;} #content .mod_eventlist .cal_8 {border:1px solid #ccc; background: transparent url(../i/e-hochseilgarten.png) 0 0 no-repeat; height:19px; padding:1px 0 0 88px; margin:15px 0;} #content .mod_eventlist .cal_3, #content .mod_eventlist .cal_11, #content .mod_eventlist .cal_16, #content .mod_eventlist .cal_15, #content .mod_eventlist .cal_34, #content .mod_eventlist .cal_35, #content .mod_eventlist .cal_36 {border:1px solid #ccc; background: transparent url(../i/e-kletterhalle.png) 0 0 no-repeat; height:19px; padding:1px 0 0 88px; margin:15px 0;} #content .mod_eventlist .cal_5 {border:1px solid #ccc; background: transparent url(../i/e-badmintoncamp.png) 0 0 no-repeat; height:19px; padding:1px 0 0 88px; margin:15px 0;} #content .mod_eventlist .cal_7 {border:1px solid #ccc; background: transparent url(../i/e-golfcamp.png) 0 0 no-repeat; height:19px; padding:1px 0 0 88px; margin:15px 0;} #content .mod_eventlist .cal_6 {border:1px solid #ccc; background: transparent url(../i/e-tenniscamp.png) 0 0 no-repeat; height:19px; padding:1px 0 0 88px; margin:15px 0;} #content .mod_eventlist .cal_4 {border:1px solid #ccc; background: transparent url(../i/e-klettercamp.png) 0 0 no-repeat; height:19px; padding:1px 0 0 88px; margin:15px 0;} #content .mod_eventlist .cal_1 {border:1px solid #ccc; background: transparent url(../i/e-sportcamp.png) 0 0 no-repeat; height:19px; padding:1px 0 0 88px; margin:15px 0;} #content .mod_eventlist .cal_2 {border:1px solid #ccc; background: transparent url(../i/e-kletterhalle-a.png) 0 0 no-repeat; height:19px; padding:1px 0 0 88px; margin:15px 0;} #content .mod_eventlist .cal_9, #content .mod_eventlist .cal_30 {border:1px solid #ccc; background: transparent url(../i/e-bogenschiessen.png) 0 0 no-repeat; height:19px; padding:1px 0 0 88px; margin:15px 0;} #content .mod_eventlist .cal_10 {border:1px solid #ccc; background: transparent url(../i/e-ausbildung.png) 0 0 no-repeat; height:19px; padding:1px 0 0 88px; margin:15px 0;} #content .mod_eventlist .cal_17, #content .mod_eventlist .cal_49, #content .mod_eventlist .cal_53, #content .mod_eventlist .cal_37 {border:1px solid #ccc; background: transparent url(../i/e-waldseilgarten.png) 0 0 no-repeat; height:19px; padding:1px 0 0 88px; margin:15px 0;} #content .mod_eventlist .cal_19 {border:1px solid #ccc; background: transparent url(../i/e-outdoor.png) 0 0 no-repeat; height:19px; padding:1px 0 0 88px; margin:15px 0;} #content .mod_eventlist .cal_20, #content .mod_eventlist .cal_21, #content .mod_eventlist .cal_22, #content .mod_eventlist .cal_23, #content .mod_eventlist .cal_24, #content .mod_eventlist .cal_25, #content .mod_eventlist .cal_26, #content .mod_eventlist .cal_27, #content .mod_eventlist .cal_28, #content .mod_eventlist .cal_39 {border:1px solid #ccc; background: transparent url(../i/e-fitness.png) 0 0 no-repeat; height:19px; padding:1px 0 0 88px; margin:15px 0;} #content .mod_eventlist .cal_31, #content .mod_eventlist .cal_32, #content .mod_eventlist .cal_33 {border:1px solid #ccc; background: transparent url(../i/e-golfkurs.png) 0 0 no-repeat; height:19px; padding:1px 0 0 88px; margin:15px 0;} #content .mod_eventlist .cal_38 {border:1px solid #ccc; background: transparent url(../i/e-orientierung.png) 0 0 no-repeat; height:19px; padding:1px 0 0 88px; margin:15px 0;} /* EVENT-IMAGE GALLERY */ #content #eventleser .ce_gallery table { background:none; border:none; margin-left:-4px; } #content #eventleser .ce_gallery table a { border:none; } #content #eventleser .ce_gallery table tr td {background:transparent url(../i/bk-gallery.png) no-repeat; padding:6px; border:none;} #content #eventleser .ce_gallery table tr td:hover {background:transparent url(../i/bk-gallery.png) 0 -62px no-repeat; padding:6px;} #content #eventleser .ce_gallery table tr td img {} #content #eventleser .recurring {display:none;} #content #eventleser .info {margin-bottom:15px;} #content #eventleser .ce_text {margin-bottom:35px;} #content .mod_eventsattend .info {display:none;} #content .mod_eventlist .empty {background:#ffd7d7; border:1px solid #fdb0b0; padding:3px 6px; margin-top:10px;} /* Pagination */ #content .pagination {text-align:left; line-height:2em;} #content .pagination ul { margin:0; padding:0;} #content .pagination ul li {display:inline; padding:2px 0; margin:0; border:1px solid #ccc} #content .pagination ul li span {display:inline; margin:0 3px; padding:2px 2px; color:#000;} #content .pagination ul li a {border:none;padding:2px 5px; text-decoration:none;} #content .pagination ul li a:hover {color:#000;} /* MITARBEITER */ .ce_text.mitarbeiter {margin: 10px 0 0 0; padding:0; line-height:1.3em;} .ce_text.mitarbeiter .image_container {border:1px solid #ddd; width:140px; height:105px; margin-bottom:5px;} .clearall {display:none;} /* SUCHE */ /* Formatierung des Suchfeldes */ .mod_form {} .mod_form .formbody {background:#F0F0F0; border:1px solid #D2D2D2; padding:13px 8px 17px 15px; margin-bottom:30px;} .mod_form p {} .mod_form label {} .mod_form input { } .mod_form input.text {padding:4px; width:135px; height:14px;} .mod_form input.submit {background: transparent url(../i/suchen.png) 0 2px no-repeat; border:none; text-indent:-5000px; width:50px; height:24px;} /* Hauptseite der Suchmaschine */ .mod_search .header {} .mod_search .highlight {font-weight:bold; color:#393939;} .mod_search .even, #suche .mod_search .odd {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:1em 0;} .mod_search p.url, #suche .mod_search p.filesize {margin-top:-1.5em; color:#aaa; font-size:0.9em;} .mod_search .formbody input {} .mod_search .formbody {margin:2em 0.5em 0 0;} .mod_search .formbody p {float:left;} .mod_search .formbody input.text {padding:3px 3px; font-size:11px; font-family:Tahoma, Helvetica, Arial;} .mod_search .formbody input.submit {} .mod_search .formbody #query_type {margin:2em 0 0 0;} .mod_search .formbody span {display:block;} /*#suche .mod_search #query_type input {display:block; float:left; height:1.5em; margin:0.4em 0.5em 0 0;}*/ /* MODULE */ /* Akkordeon */ #content .toggler {font-weight:normal; background:#f6f6f6 url(../i/toggler.png) 5px 0px no-repeat; border:1px #d2d2d2 solid; padding:5px 5px 5px 43px; margin:0; cursor:pointer;} #content .toggler:hover {background:#E8EDDB url(../i/toggler.png) 5px -56px no-repeat;} /* #content .toggler.active {font-weight:bold; background:#E8EDDB url(../i/toggler.png) 5px -28px no-repeat;} */ #content .ce_accordion.first { margin-top:25px;} #content div.accordion { margin:0 0 7px 0; background:#F4F9EA} #content div.accordion div { padding:15px 15px 15px 43px; border:1px solid #ddd; border-top:none;} #content #akkordeon .toggler {font-weight:normal; background:#f6f6f6 url(../i/toggler.png) 5px 0px no-repeat; border:1px #d2d2d2 solid; padding:5px 5px 5px 43px; margin:0; cursor:pointer;} #content #akkordeon .toggler:hover {background:#E8EDDB url(../i/toggler.png) 5px -56px no-repeat;} #content #akkordeon .toggler.active {font-weight:bold; background:#E8EDDB url(../i/toggler.png) 5px -28px no-repeat;} #content #akkordeon .ce_accordion.first { margin-top:25px;} #content #akkordeon div.accordion { margin:0 0 7px 0; background:transparent;} #content #akkordeon div.accordion div { padding:0 0 5px 0; border:none;} #content #akkordeon .ce_text { margin:15px 0 0 0;} #content .preise .toggler {font-weight:normal; background:#f6f6f6 url(../i/toggler.png) 5px 0px no-repeat; border:1px #d2d2d2 solid; padding:5px 5px 5px 43px;cursor:pointer;} #content .preise .toggler:hover {background:#E8EDDB url(../i/toggler.png) 5px -56px no-repeat;} #content .preise .toggler.active {font-weight:bold; background:#E8EDDB url(../i/toggler.png) 5px -28px no-repeat;} #content .preise .ce_accordion.first { margin-top:25px;} #content .preise div.accordion { margin:0 0 0 0; background:transparent;} #content .preise div.accordion div { padding:0 0 5px 1px; border:none;} #content .preise .ce_text { margin:15px 0 0 0;} #content .preise .ce_text.preisunterschrift { margin:-15px 0 40px 0; padding:0;} .preise #content .mod_article { margin:7px 0; padding:0;} /* Zurücksetzen des Block-Abstands auf Null */ /* Downloadarchiv */ #content .ce_downloadarchiv .downloadarchivItem {margin-bottom:25px;} #content .hinweis,#content #hinweis {background:#efffc5; border: 1px solid #c3d29b; padding: 10px 15px 15px; margin-top:25px;} #content .warnung,#content #warnung {background:#ffc9c9; border: 1px solid #ff7f7f; padding: 10px 15px 15px; margin-top:25px;} /* Zurückbutton */ p.back {background:#fafafa url(../i/button-bk.png) bottom repeat-x; border:1px solid #bbbbbb; width:60px; text-align:center; padding:2px 3px 3px; margin-top:10px; margin-bottom:30px;} p.back a:link {border:none; background:none; text-decoration:none; } #content p.back a {border:none; background:none; text-decoration:none; } p.back a:hover {color:#000;} /* KOMMENTARE */ /* Kommentare */ .ce_comments .comment {width: auto;margin: 0px;padding: 0px;border: 1px solid #c9c2c1;background-color: #fbfff2;} .ce_comments .comment_default {margin:0 0 30px 0;} .ce_comments .comment_default .info {position: relative;margin: 0px;padding-left: 2px;padding-top: 7px;top: -1px; background: transparent url(../i/comment_tip.gif) no-repeat 20px 0;font-style: normal; font-weight:bold;} .ce_comments .comment_default .info a:link, .ce_comments .comment_default .info a:visited {color:#647900;} .ce_comments .comment_default .name {font-weight:bold;} .ce_comments .comment_default .date {font-weight:normal;} .ce_comments .comment_default .comment {color:#5d5d5d; line-height:1.6em; padding:15px; font-weight:normal;} /* Formular */ .ce_comments .form {background: #fafafa; border:1px solid #dddddd; margin:15px 0 0 0; padding:20px 20px 0;} .ce_comments .form input {width:175px; padding:4px; margin:5px 0;} .ce_comments .form input.captcha {} .ce_comments .form .captcha_text {font-weight:bold;color:#5d5d5d; margin-left:10px;} .ce_comments .form label {padding:0 0 0 10px;} .ce_comments .form input:focus, .ce_comments .form input:active, .ce_comments .form textarea:focus, .ce_comments .form textarea:active { border:1px solid #848a84;} .ce_comments .form .textarea { width:400px; height:120px; margin:5px 0;} .ce_comments .form .submit {margin-bottom:20px; } /* Fehler */ .ce_comments .form .error {background:#9E1616; font-weight:bold; color:#fff; height:10px; padding-left: 3px; font-family:Helvetica, Arial, sans-serif;} /* POLL */ .mod_quickpoll {background:#f0f0f0; border:1px solid #D2D2D2; margin:-10px 0 20px 0; width:223px; font-size:11px;} .mod_quickpoll h4 {background:#e4e5e1; border-bottom:1px solid #D2D2D2; padding:10px; font-size:13px;} .mod_quickpoll .graph .results .color1 { color:#FFFFFF; background-color:#333333; text-align:center; padding:2px 0;} .mod_quickpoll .graph .results .color2 { color:#27221f; background-color:#A5C465; text-align:center; padding:2px 0;} .mod_quickpoll .graph .results .color3 { color:#ffe9ea; background-color:#ab2225; text-align:center; padding:2px 0;} .mod_quickpoll .graph .results .color4 { color:#27221f; background-color:#99CCFF; text-align:center; padding:2px 0;} .mod_quickpoll .graph .results .color5 { color:#27221f; background-color:#FFCCCC; text-align:center; padding:2px 0;} .mod_quickpoll .graph .results .color6 { color:#27221f; background-color:#CCCCFF; text-align:center; padding:2px 0;} .mod_quickpoll .graph .results {padding:0 10px; margin:0 0 1em 0;} .mod_quickpoll .graph .label {padding-left:10px; color:#27221f; font-weight:bold; padding-bottom:3px;} /* Beschriftung der ausgewerteten Stimmen */ .mod_quickpoll .stoptext {color:#888888; margin:0 0 5px 10px;} /* Datum */ .mod_quickpoll .totaltext {color:#888888; margin:0 0 12px 10px;} /* Anzahl der Stimmen */ .mod_quickpoll .title {color:#184c7c; font-family: Helvetica, Arial, sans-serif; font-size:12px; font-weight:bold; padding:15px 10px 0 10px;} .mod_quickpoll .description {color:#444444; padding:2px 10px 10px; line-height:1.3em;} .mod_quickpoll .formbody .widget {} .mod_quickpoll .formbody span {display:block;} .mod_quickpoll .formbody input.submit {margin:10px 10px 15px 130px;} .mod_quickpoll .formbody input {margin-bottom: 7px;} .mod_quickpoll .formbody input.radio {font-size:12px; margin-left: 10px;} .mod_quickpoll .formbody .widget label {color:#444444;} .mod_quickpoll .resultslink {display:block; float:right;} /* ContentSlider */ .slideElem .slider {background:#2d2c28; height:300px; border:5px solid #000;} .slideElem .slider a {color:#fff;} .slideElem .slider a:hover {color:#000;} .slideElem .slider h1, .slideElem .slider h2 {padding:25px 0 0 25px; font-size:18px; color:#fff;} .slideElem .slider h3 {font-family:verdana, arial, sans-serif; padding:10px 0 0 25px; font-size:11px; color:#fff; line-height:1.5em;} .slideElem .slider p {color:#ddd; padding:10px 0 0 25px; font-size:11px; line-height:1.5em;} .slideElem .slider strong {color:#ddd;} .slideElem .image_container {float:right; margin-left:25px;} .slideElem .image_container.rahmen .image_container {padding:5px 5px 0 0;} #goBack, #goForward {margin-top:5px;} /* Banner */ .mod_Banner .banner_name {display:none;} .mod_Banner .banner_image a {border:none; text-decoration:none;} /* Katalog */ #content .layout_mitarbeiter {margin-left:-19px;} #content .layout_mitarbeiter .item {width:125px; float:left; margin-left:19px; margin-bottom:17px;} #content .layout_mitarbeiter .item .foto {border: 1px solid #ccc; margin:0;} #content .layout_mitarbeiter .item .vorschau {border: 1px solid #ccc; margin:0;} #content .layout_mitarbeiter .item .name {font-family: Helvetica, Arial, Verdana; font-weight:bold; width:115px; background:#f0f0f0; margin:-5px 0 0 0; padding:3px 5px 3px 5px; color:#000; border:1px solid #ccc; border-top:none;} #content .layout_mitarbeiter .item a {border:none;} #content .layout_mitarbeiter_detailseite .item {} #content .layout_mitarbeiter_detailseite .item .position {display:block; font-size:12px; margin:-7px 0 15px 0; color:#2a2a2a;} #content .layout_mitarbeiter_detailseite .profil {width:450px;float:left; } #content .layout_mitarbeiter_detailseite .foto {float:right;} #content .layout_mitarbeiter_detailseite .foto img {border:1px solid #ccc; padding:3px;} #content .layout_mitarbeiter_detailseite #fragebogen {margin-top:20px;} #content .layout_mitarbeiter_detailseite #fragebogen .block {margin-bottom:20px;} #content .layout_mitarbeiter_detailseite strong {color:#424242;} #content #detailansicht p.back {clear:left;} /* Adventskalender */ .adventskalender #content #angebote .ce_text {padding:0; margin:0;} .adventskalender #content .angebot h3 {padding-top:25px; border-top:1px solid #ccc;} .adventskalender #content .angebot img {margin-top:40px;padding:3px; margin-right:20px; border:1px solid #ccc;} .adventskalender #content .angebot .verpasst {display:block; background:transparent url(../i/kreuz.png) 0 5px no-repeat;padding:10px 0 5px 30px; margin:10px 0 0 135px; font-family; Helvetica, Arial; font-weight:bold; font-size:12px; color:#000;} .adventskalender #content .angebot .link a {border:none; position:absolute;background:transparent url(../i/haken.png) 0 5px no-repeat;padding:10px 0 5px 35px; margin:10px 0 0 -6px; font-family; Helvetica, Arial; font-weight:bold; font-size:12px; color:#000;} .adventskalender #content .angebot .link a:link {color:#5f6f3e; text-decoration: none;} .adventskalender #content .angebot .link a:hover {color:#000;} /* Kalender */ table.calendar{width:100%;border-top:1px solid #cccccc;border-left:1px solid #cccccc;} table.calendar .head{padding-top:4px;padding-bottom:5px;text-align:center;background:#f6f6f6;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;} table.calendar .current{background:transparent url(../i/kalender-month.png) repeat-x; color:#000;} #content table.calendar .head {height:20px; padding:0; margin:0;} #content table.calendar .previous a {background:transparent url(../i/kalender-previous.png) no-repeat; display:block; height:30px; text-indent:-10000px;text-decoration: none; border:none; margin:0; padding:0;} #content table.calendar .next a {background:transparent url(../i/kalender-next.png) no-repeat top right;display:block; height:30px; text-indent:-10000px;text-decoration: none; border:none; margin:0; padding:0;} table.calendar .label{padding-top:3px;padding-bottom:4px;text-align:center;background:#1f1f1f;border-right:1px solid #000;border-bottom:1px solid #000;font-weight:normal;font-size:10px;color:#ffffff;} table.calendar td{width:14%;height:62px; padding:1px;vertical-align:top;background:#fafafa;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;} table.calendar .today{background-color:#ffffcc;} table.calendar td .header{padding-bottom:2px;background:none;font-size:11px; padding-left:3px; font-weight:bold; color:#000;} /* Datum */ table.calendar .cal_48 {background:#d4eaff url(../i/bk-waldseilgarten-winterpause.png) no-repeat;}/* Winterpause */ table.calendar .cal_48 .cal_48 {display:none;} table.calendar .cal_47 {background:#f8dedc url(../i/bk-waldseilgarten-geschlossen.png) no-repeat;}/* Montag */ table.calendar .cal_47 .cal_47 {text-indent:-10000px; background:none;} table.calendar .cal_40 {background:#f1fddb url(../i/bk-waldseilgarten_15-19.png) no-repeat;} /* Dienstag */ table.calendar .cal_40 .event {text-indent:-10000px; background:none;} table.calendar .cal_41 {background:#f1fddb url(../i/bk-waldseilgarten_15-19.png) no-repeat;}/* Mittwoch */ table.calendar .cal_41 .event {text-indent:-10000px; background:none;} table.calendar .cal_42 {background:#f1fddb url(../i/bk-waldseilgarten_15-19.png) no-repeat;}/* Donnerstag */ table.calendar .cal_42 .event {text-indent:-10000px; background:none;} table.calendar .cal_43 {background:#f1fddb url(../i/bk-waldseilgarten_14-19.png) no-repeat;}/* Freitag */ table.calendar .cal_43 .event {text-indent:-10000px; background:none;} table.calendar .cal_46 {background:#e0f1c0 url(../i/bk-waldseilgarten_11-19.png) no-repeat;}/* Ferien */ table.calendar .cal_46 .cal_46 {text-indent:-10000px; background:none;} table.calendar .cal_37 {background:#e0f1c0 url(../i/bk-waldseilgarten-nachtklettern.png) no-repeat;display:block; width:65px;}/* Nachtklettern */ table.calendar .cal_37 .cal_37 {text-indent:-10000px; background:none;} table.calendar .cal_49 {background:#e0f1c0 url(../i/bk-waldseilgarten-winterklettern.png) no-repeat;}/* Winterklettern */ table.calendar .cal_49 .cal_49 {text-indent:-10000px; background:none;} table.calendar .cal_44 {background:#e0f1c0 url(../i/bk-waldseilgarten_10-19.png) no-repeat;}/* Samstag */ table.calendar .cal_44 .event {text-indent:-10000px; background:none;} table.calendar .cal_45 {background:#e0f1c0 url(../i/bk-waldseilgarten_10-19.png) no-repeat;}/* Sonntag */ table.calendar .cal_45 .event {text-indent:-10000px; background:none;} table.calendar .cal_50 {background:#e0f1c0 url(../i/bk-waldseilgarten_10-19.png) no-repeat;display:block; width:65px;}/* Feiertage */ table.calendar .cal_50 .cal_50 {text-indent:-10000px; background:none; } table.calendar .cal_52 {background:#e0f1c0 url(../i/bk-waldseilgarten_13-1730.png) no-repeat;display:block; width:65px;}/* 13 - 17.30 Uhr */ table.calendar .cal_52 .cal_52 {text-indent:-10000px; background:none; } table.calendar .cal_51 {background:#e0f1c0 url(../i/bk-waldseilgarten_13-17.png) no-repeat;width:65px;}/* 13 - 17 Uhr */ table.calendar .cal_51 .cal_51 {text-indent:-10000px; background:none; } table.calendar .cal_53 {background:#e0f1c0 url(../i/bk-waldseilgarten-halloween.png) no-repeat;width:65px;}/* Halloween */ table.calendar .cal_53 .cal_53 {text-indent:-10000px; background:none; } table.calendar .cal_17 {background:#e0f1c0 url(../i/bk-waldseilgarten-dayofthemonth.png) no-repeat; width:65px;}/* day of the month */ table.calendar .cal_17 .cal_17 {text-indent:-10000px; background:none;} table.calendar .cal_54 {display:block; background:#e0f1c0 url(../i/bk-waldseilgarten_11-22.png) no-repeat;width:65px;}/* 11 - 22 Uhr */ table.calendar .cal_54 .cal_54 {text-indent:-10000px; background:none; } /* WM 2010 */ .weltmeisterschaft table {margin:25px 0; width:100%; font-size:10px; } .weltmeisterschaft table strong {color:#000; font-size:11px; } .weltmeisterschaft table tr td {border:none; text-align:center; padding:9px 7px;} .weltmeisterschaft table tr td.col_first {border-left:1px solid #D2D2D2; text-align:left; width:45%; font-weight:bold; color:#2f2f2f;} .weltmeisterschaft table tr td.col_last {border-right:1px solid #D2D2D2;} .weltmeisterschaft table tr td em {font-style: normal; font-weight: normal;} .weltmeisterschaft table th {background:#252525; color:#fff; font-weight:bold; font-size:10px; border:1px solid #1e1e1e; text-align:center; padding:9px 7px;} .weltmeisterschaft table th.col_first {text-align:left;} .weltmeisterschaft table tr {border-top: 1px solid #D2D2D2;} .weltmeisterschaft table tr.odd td {background:#F9F9F9; border-top:1px solid #fff; border-bottom:1px solid #D2D2D2;} .weltmeisterschaft table tr.even td {background:#F0F0F0; border-top:1px solid #fafafa; border-bottom:1px solid #D2D2D2;} .weltmeisterschaft table tr td.col_0 {width:90px} .weltmeisterschaft table tr td.col_1 {width:120px} .weltmeisterschaft table tr td {border-left:1px solid #D2D2D2;} .weltmeisterschaft table tr.even td.col_5, .weltmeisterschaft table tr.even td.col_4{background:#e7e7e7; } .weltmeisterschaft table tr.odd td.col_5, .weltmeisterschaft table tr.odd td.col_4 {background:#efefef;} @media all { /*------------------------------------------------------------------------------------------------------*/ /** * @section subtemplates * @see http://www.yaml.de/en/documentation/practice/subtemplates.html */ .subcolumns { width:100%; overflow:hidden; } /* (en) alternative class for optional support of old Mozilla/Netscape browers */ /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */ .subcolumns_oldgecko { width:100%; float:left; } .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l {float:left; } .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r {float:right; margin-left:-5px; } /* Erweiterungen durch subcolumns */ .c30l, .c45l, .c55l, .c70l {float: left; } .c30r, .c45r, .c55r, .c70r {float: right; margin-left: -5px; } .c20l, .c20r { width:20%; } .c40l, .c40r { width:40%; } .c60l, .c60r { width:60%; } .c80l, .c80r { width:80%; } .c25l, .c25r { width:25%; } .c33l, .c33r { width:33.333%; } .c50l, .c50r { width:50%; } .c66l, .c66r { width:66.666%; } .c75l, .c75r { width:75%; } .c38l, .c38r { width:38.2%; } .c62l, .c62r { width:61.8%; } /* Erweiterungen durch subcolumns */ .c30l, .c30r { width: 30%; } .c45l, .c45r { width: 45%; } .c55l, .c55r { width: 55%; } .c70l, .c70r { width: 70%; } .subc { padding:0 0.5em; } .subcl { padding:0 1em 0 0; } .subcr { padding:0 0 0 1em; } .equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; } .equalize > div { display:table-cell; float:none; margin:0; overflow:hidden; vertical-align:top; } } @media print { /** * (en) float clearing for .floatbox and subtemplates. Uses display:table to avoid bugs in FF & IE * (de) Float Clearing für .floatbox und die Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden * * @bugfix * @since 3.0 * @affected FF2.0, FF3.0, IE7 * @css-for all browsers * @valid yes */ .subcolumns > div { display:table; overflow:visible; } }