/* LAYOUT */ * { padding: 0; margin: 0;} html {background: #fff; font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; color:#565656; margin-bottom:50px;} body {padding:0px 0 40px 0;} .veranstaltungen #logo {height:57px; margin-bottom:4px; padding:10px 0px 0 4px; } .veranstaltungen #header {color:#333; width:960px; float:left; display:block; margin-top:0px; border:1px solid #ccc;} .veranstaltungen #wrapper {margin: 0 auto; width: 960px;background:#fff;} .veranstaltungen #left {width: 220px; float: left; margin: 50px 0 0 0; clear:both; } .veranstaltungen #content {width: 460px; float: left; margin: 30px 10px 0 20px; display: inline;} .veranstaltungen #right {width: 230px; float: left; margin: 111px 0 0 20px; } .veranstaltungen #footer {clear:both; margin: 0 auto; width:960px; padding:0 0 50px 0;} .mod_article .aktuell {background: transparent url(../i/aktuell.png) top right no-repeat;} #right {padding-top:7px;} #right hr {border:none; border-bottom:1px solid #bbb;} .keinrahmen .image_container img {border:none; padding:0;} /* STARTSEITE */ .container_4 {margin-left: auto;margin-right: auto;width: 960px;} .grid_1, .grid_2, .grid_3, .grid_4 {display:inline; float: left;position: relative;margin-left: 5px;margin-right: 5px; font-size:11px;} .alpha {margin-left: 0;} .omega {margin-right: 0;} .container_4 .grid_1 {width:230px;} .container_4 .grid_2 {width:470px;} .container_4 .grid_3 {width:710px;} .container_4 .grid_4 {width:950px;} .container_4 .prefix_1 {padding-left:240px;} .container_4 .prefix_2 {padding-left:480px;} .container_4 .prefix_3 {padding-left:720px;} .container_4 .suffix_1 {padding-right:240px;} .container_4 .suffix_2 {padding-right:480px;} .container_4 .suffix_3 {padding-right:720px;} .container_4 .push_1 {left:240px;} .container_4 .push_2 {left:480px;} .container_4 .push_3 {left:720px;} .container_4 .pull_1 {left:-240px;} .container_4 .pull_2 {left:-480px;} .container_4 .pull_3 {left:-720px;} .clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;} .clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;} .clearfix {display: inline-block;} * html .clearfix {height: 1%;} .clearfix {display: block;} .startseite h1 {font-size:15px;} .startseite .gruen { background:#769347; color:#fff;} .startseite .gruen h1, .startseite .feld .gruen h2,.startseite .feld .gruen h3,.startseite .feld .gruen h4,.startseite .feld .gruen h5,.startseite .feld .gruen h6 {color:#fff;} .startseite .braun { background:#76795c; color:#fff;} .startseite .braun h1, .startseite .feld .braun h2,.startseite .feld .braun h3,.startseite .feld .braun h4,.startseite .feld .braun h5,.startseite .feld .braun h6 {color:#fff;} .startseite .blau { background:#466987; color:#fff;} .startseite .blau h1, .startseite .feld .blau h2,.startseite .feld .blau h3,.startseite .feld .blau h4,.startseite .feld .blau h5,.startseite .feld .blau h6 {color:#fff;} #feld_1, #feld_2, #feld_3, #feld_4 {height:305px; overflow:hidden;} #feld_1 .ce_text,#feld_2 .ce_text,#feld_3 .ce_text,#feld_4 .ce_text {padding:13px 10px 0 10px; margin:0;} #feld_1 .ce_text .image_container, #feld_2 .ce_text .image_container, #feld_3 .ce_text .image_container,#feld_4 .ce_text .image_container {position:absolute; bottom:0; left:0; margin-bottom:-2px;} #links {height:254px; width:200px;margin-top:10px; padding:10px; overflow:hidden;} #mitte {width:476px;margin-bottom:3px; margin-top:5px;overflow:hidden; margin-left:0px;} #rechts {height:276px; width:240px; background:#727639; overflow:hidden; margin-top:5px;} #rechts .ce_text {padding:15px;} #rechts .ce_image {} #rechts .ce_image img {} #rechts .ce_text {padding-right:15px;} #links, #mitte, #rechts {margin-bottom:8px;} .startseite .mod_customnav {margin-top:10px; background:#ee5612; width:100%;} .startseite .mod_customnav ul {padding:0;text-align: center; font-weight:bold; } .startseite .mod_customnav ul li {display:inline; list-style-type: none; margin-left:3px; margin-right:3px; text-align:right; font-weight:bold;} .startseite .mod_customnav ul li a {color:#ffffff; font-size:11px; text-decoration: none; padding:3px; line-height:1.5em; font-weight:bold;} .startseite #aktuelles ul li {list-style-type: none; border-bottom:1px solid #ccc; padding:3px 0 5px;} .startseite #aktuelles h1 {background:#ee5612; color:#fff; font-size:15px; padding:4px; margin-bottom:8px;} .startseite #logo {margin-top:20px;padding:27px 0 0 2px;} .startseite .kontakthead {margin-top:0;} /* Unternavigation */ .startseite .mod_navigation {margin-top:17px; margin-left:1px;} .startseite .mod_navigation ul {display:block; height:69px;} .startseite .mod_navigation ul li {margin-right:5px; float: left;font-size: 12px;list-style-type:none;} .startseite .mod_navigation ul li.last {margin-right:0px;} .startseite .mod_navigation ul li a, .startseite .mod_navigation ul li span, .startseite .mod_navigation ul li.trail a {display:block; border-top:10px solid #ccc; display:block; width:98px; margin-right:0; padding:3px 0px 0 15px; text-align:right; font-weight:bold; } .startseite .mod_navigation ul li a:hover {border-color:#466987;} .startseite .mod_navigation ul li span, .startseite .mod_navigation ul li.trail a {display:block; border-top:10px solid #466987; color:#466987;} .startseite .mod_navigation ul li.trail a.trail {color:#466987;} .startseite .mod_navigation ul li a:link, .startseite .mod_navigation ul li a:visited {display:block; color:#747474;} .startseite .mod_navigation ul li a:hover {color:#466987;} .startseite .mod_navigation ul li.active {font-weight:bold; background:#466987; color:#fff;} .startseite .mod_navigation ul li span {color:#fff;} /* Footer /* Kontaktmodul */ .startseite #kontaktmodul { padding:8px 8px 15px 8px ;margin:-15px; background: #ddd; border:none; font-size:11px;color:#333;} .startseite #kontaktmodul h3 {background:#466987; color:#fff; font-size:11px; padding:8px; margin:-8px; margin-bottom:5px;} .startseite #kontaktmodul a {display:block;padding-top:5px; color:#000; font-weight:bold; } .startseite #kontaktmodul strong {;} /* Individuelle Navigation */ #left .mod_customnav {margin-top:30px;} #left .mod_customnav ul li {background: url(../i/navigationsrahmen.png) 50px 5px no-repeat; font-size:11px; display:block;list-style-type: none; margin:3px 0; padding:10px 0 6px 55px;} #left .mod_customnav ul li a {color:#466987;} /* NAVIGATION */ #left .mod_navigation a {border:none;} /* Borderreset*/ #left .mod_navigation a.invisible {display:none;} /*Korrektur der Darstellung bei IE6*/ #left .mod_navigation {font-size:11px; margin:0 0 0 27px;} #left .mod_navigation ul {} /*Umgebender Rahmen*/ #left .mod_navigation ul li { list-style-type: none;} #left .mod_navigation ul li.last ul {border:none;} /*Kein Rahmen bei letztem Element*/ #left .mod_navigation .level_1 ul {border:none;} /*Nicht vererben / Rahmen unten*/ #left .mod_navigation .level_1 li, #left .mod_navigation .level_1 li p.active {padding-bottom:1px; } /*Trennelement für die einzelnen Navigationspunkte*/ #left .mod_navigation .level_1 li a {display:block; font-weight:bold; font-size:12px; color:#565656; display:block; padding:5px 8px 5px 15px;} /*Trennelement für die einzelnen Navigationspunkte*/ #left .mod_navigation .level_1 li a:hover {color:#466987;} #left .mod_navigation .level_1 li span.active {display:block; background:#466987; font-weight:bold; font-size:12px; color:#fff; margin:5px 0 5px 0; padding:1px 8px 1px 15px;} #left .mod_navigation .level_1 li .trail {font-weight:bold; font-size:12px; color:#466987; margin:5px 0 5px 0; padding:1px 8px 1px 15px;} #left .mod_navigation .level_1 li.last {margin:0; padding:0;} #left .mod_navigation .level_2 {padding:2px 0 8px 0;} #left .mod_navigation .level_2 li a {font-size:11px; background:#fff;padding:1px 8px 3px 30px; color:#565656; font-weight:normal; line-height:1.5em;} #left .mod_navigation .level_2 li a:hover {color:#466987;} #left .mod_navigation .level_2 li.active span, #left .mod_navigation .level_2 li.trail a.submenu {background:#466987; display:inline; font-size:11px; color:#fafafa; padding:1px 3px;} #left .mod_navigation .level_2 li.active {padding:2px 0 4px 30px;} #left .mod_navigation .level_3 {background:#fff; padding:4px 0 5px 0;} /*Abstand oben und unten*/ #left .mod_navigation .level_3 li {border:none;} #left .mod_navigation .level_3 li.first {border:none;} #left .mod_navigation .level_3 li.last {padding-bottom:6px; background:none; } /*Ausblenden des Hintergrundbildes aus Level_2*/ #left .mod_navigation .level_3 li.first.active { border:none; } #left .mod_navigation .level_3 li.first span.active, #left .mod_navigation .level_3 li.last span.active {background:#fff url(../i/arrow.png) no-repeat 20px 3px; padding:4px 8px 4px 30px;} #left .mod_navigation .level_3 li a {background:#fff url(../i/arrow.png) no-repeat 20px 3px; padding:4px 8px 4px 30px; font-weight:normal; color:#6e6e6e;} #left .mod_navigation .level_3 li a:hover {color:#2e2e2e;} #left .mod_navigation .level_3 li.active span { padding:4px 0px 4px 30px; border:none; font-weight:bold; color:#2e2e2e; margin:0;} #left .mod_navigation .level_3 li.active span.first {border:none; }/* Kein Rahmen bei ersten Element*/ /* Unternavigation */ #content .mod_navigation ul {display:block; height:69px;} #content .mod_navigation ul li {margin-right:5px; float: left;font-size: 12px;list-style-type:none;} #content .mod_navigation ul li.last {margin-right:0px;} #content .mod_navigation ul li a, #content .mod_navigation ul li span, #content .mod_navigation ul li.trail a {display:block; border-top:10px solid #ccc; display:block; width:94px; margin-right:0; padding:3px 2px 0 15px; text-align:right; font-weight:bold; } #content .mod_navigation ul li a:hover {border-color:#466987;} #content .mod_navigation ul li span, #content .mod_navigation ul li.trail a {display:block; border-top:10px solid #466987; color:#466987;} #content .mod_navigation ul li.trail a.trail {color:#466987;} #content .mod_navigation ul li a:link, #content .mod_navigation ul li a:visited {display:block; color:#747474;} #content .mod_navigation ul li a:hover {color:#466987;} #content .mod_navigation ul li.active {font-weight:bold; background:#466987; color:#fff;} #content .mod_navigation ul li span {color:#fff;} /* Unternavigation */ #content #footernav {border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-top:12px; padding:9px; font-size:11px;} #content #footernav ul {text-align:right;} #content #footernav ul li {display:inline;margin-right:10px;} #content #footernav ul li a {color:#466987;} #content #footernav ul.home {float:left; margin-left:-2px;} /* TYPOGRAPHIE */ h1, h2, h3, h4, h5, h6 {font-family: Tahoma, Helvetica, Tahoma, Verdana, Arial, sans-serif; color:#1a1a1a;} strong {} #filter h1 {margin:20px 10px 0px 10px; padding:8px 0 8px 15px; font-size:16px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; } a:link, a:visited, #content a:link, #content a:visited {color:#003366; text-decoration: none;} a:hover, #content a:hover {color: #000;} a img {border:none;} #header em {font-size:25px; padding:100px 20px 0 0px;display:block;} #header strong {font-weight:normal; font-size:14px; margin-top:-5px; display:block;} .content .mod_article {font-size:11px;} .content .ce_text { padding:0 7px 0 7px;} .content .ce_download { margin-top:0; padding:10px 15px 10px 5px;} #content .ce_download a:link, #content .ce_download a:visited {color:#669900;} #content .ce_download a:hover {color:#466987;} #right .ce_download {font-size:11px; margin-top:0; padding:7px 0px 7px 0px;} #right .ce_download a:link, #right .ce_download a:visited {color:#669900;} #right .ce_download a:hover {color:#466987;} .mime_icon {margin-bottom:-7px; padding:0 0 3px 0;} .content #similar {margin-top:0px;} .content .ce_text h1 {font-size:22px; display:block; font-weight:bold; padding-bottom:0.5em; margin-bottom:.4em; margin-left:-7px; padding-left:7px;margin-right:-7px; padding-right:7px;color:#466987; border-bottom:1px solid #ccc;} /*.content .ce_text h1 {font-size:16px; margin-top:4px;margin-bottom:.25em;font-weight:bold; }*/ .content .ce_text h2 {font-size:14px; margin-bottom:.75em; color: #565656;} .content .ce_text h3 {font-size:13px; margin-bottom:.75em; color: #466987;} .content .ce_text h4 {font-size:12px; margin-bottom:.75em; color: #565656;} #content #veranstaltungsliste .ce_text h2 a {color:#669900;} #content #veranstaltungsliste .ce_text h2 a:hover {color:#466987;} #content #veranstaltungsliste .ce_text h3 {padding-left:5px;} #content #veranstaltungsliste .ce_text a {color:#669900;} #content #veranstaltungsliste .ce_text a:hover {color:#466987;} #content #veranstaltungsliste .ce_text em {padding:0; margin:0;} #content #veranstaltungsliste .ce_text .image_container {margin-top:4px;} #content #veranstaltungsliste .ce_text .image_container img {margin:0; padding:0; } .content h1.ce_headline {font-size:15px; margin-bottom:.75em; padding:7px;} .content h2.ce_headline {font-size:14px; margin-bottom:.75em; padding:7px;} .content h3.ce_headline {font-size:12px; margin-bottom:.75em; margin-top:15px; padding:15px 7px 5px; color: #466987;} .content h4.ce_headline {font-size:12px; margin-bottom:.75em; padding:20px 7px 5px ; color:#565656;} .content h3.ce_headline { text-indent: 6px;} .content .ce_text p {font-size:11px; line-height:1.6em; padding:6px 0;} .content .ce_hyperlink {font-size:11px; padding:14px 7px 0 7px; height:30px; color:#669900;} .content .ce_hyperlink h1, .content .ce_hyperlink h2, .content .ce_hyperlink h3, .content .ce_hyperlink h4, .content .ce_hyperlink h5, .content .ce_hyperlink h6 {font-size:11px; font-weight:normal; color: #565656;} .content .ce_hyperlink a {display:block; margin-top:-29px; font-size:11px; color:#669900;} #content .ce_hyperlink a:link, #content .ce_hyperlink a:visited {color:#669900;} /*Manuelle Korrektur bei "Das könnte Sie auch interessieren" */ #content .mod_article .ce_hyperlink a {} #content .mod_article .ce_hyperlink a:hover {color:#466987;} #right .image_container img {border:1px solid #ccc;} #right .image_container .caption { font-size:10px; padding:3px 0 5px 0; color:#565656; margin-bottom:5px;} #left .image_container img {border:none;} .content .mod_article h3 { padding-top:20px; border-top:1px solid #ccc; margin-left:-5px; padding-left:5px; margin-top:15px;} .content #newsletter { margin-top:20px;padding-top:20px; border-top:1px solid #ccc;} .content .vorschau { margin-top:20px;padding-top:20px; border-top:1px solid #ccc;} .content hr {border-top:1px solid #d2d2d2; border-bottom:none; margin:10px -5px;} #content .hotel a:link, #content .hotel a:visited {color:#669900;} #content .hotel a:hover {color:#466987;} #content .reiseprogramm dt {margin:10px 0 4px 0;color:#466987; font-weight:bold;} #content .reiseprogramm dd {margin:0 0 3px 0;} #content .reiseprogramm strong {color:#466987;} #content .reiseprogramm a {color:#669900;} #content .reiseprogramm a:hover {color:#466987;} .ergaenzungen ul li {margin:7px 0;} /* Listen */ .content .ce_list {padding:0 7px 0 7px; margin-top:15px;} .content .ce_list h3 {color:#466987;} .content .ce_list ul {padding:10px 0;} .content .ce_list ul li {padding:3px 0;} .content .ce_list ul li strong {color:#466987; padding:3px 0;} /* BUCHUNG */ .content #buchung {font-size:11px; margin:0; padding:20px 15px; } /* NEWSLETTER */ #newsletter {font-size:11px; margin:0;margin-top:-10px; padding:20px 5px 15px 5px; } /* INFOBOX */ .content #infobox {font-size:11px; margin:0;padding:20px 30px;} #right #infobox {font-size:11px; margin:0;padding:0px;} #right #infobox ul {margin:5px 0 0 0; padding:0;} #right #infobox ul li {margin:0; padding:2px 0;} /* Hinweis */ #right .hinweis {font-size:11px; margin:0; padding:0;} #right .hinweis ul {margin:5px 0 0 0; padding:0;} #right .hinweis ul li {margin:0; padding:2px 0;} #right .hinweis h3 {padding-bottom:8px;color:#565656;} /* ankuendigung */ #right .ankuendigung {margin:0;padding:0 0px 15px 0px;} /* EINLEITUNG */ .content #einleitung {border-bottom:1px solid #ccc; padding-bottom:12px;} /* VORSCHAU */ .content #veranstaltungsliste .ce_text {margin-top:-3px; padding-top: 20px;padding-bottom:17px; border-top:1px solid #ccc;} .content #veranstaltungsliste .einleitung {border-top:none;} .content #veranstaltungsliste h2 {font-size:14px; color: #669900;} .content #veranstaltungsliste h3 {font-size:11px;color:#466987; font-weight:bold; margin-top:-3px; padding:0; border:none;} .content #veranstaltungsliste h4 {font-size:11px;color:#466987; font-weight:bold; margin-top:-3px; padding:0; border:none;} .content #veranstaltungsliste h5 {font-size:11px;color:#466987; font-weight:bold; margin-top:-3px; padding:0; border:none;} .content #veranstaltungsliste h6 {font-size:11px;color:#466987; font-weight:bold; margin-top:-3px; padding:0; border:none;} .content #veranstaltungsliste img { border:1px solid #ccc;} .content #veranstaltungsliste p {padding:0 0 6px 0;} .content #veranstaltungsliste em {display:block; padding:0 0 5px 0; font-size:0.9em;} /* KATEGORIEN */ .content #kategorien .vorschau {clear:both; margin:0;} .content #kategorien p {} .content #kategorien img {border:1px solid #ccc; margin:0 15px 15px 0;} /* Buchungsmodul */ #content #katalog-leser .buchung {font-size:11px; border:1px solid #D2D2D2; padding:20px 15px; margin-bottom:30px;} #content #katalog-leser .buchung h3 {margin-bottom:5px;} #content #katalog-leser .buchung a {font-weight:bold;} /* Pagination */ #content .pagination {text-align:left; font-size:11px; clear:both; margin: 10px 0 20px 0;} #content .pagination p {margin:0 0 5px 0;} #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;} #header .pagination {display:none; text-align:right; font-size:11px; clear:both; margin: 10px 0 20px 0;} #header .pagination p {display:none;} #header .pagination .previous {display:none;} #header .pagination .next {display:none;} #header .pagination ul { margin:0; padding:0; } #header .pagination ul li {display:inline;padding:2px 0; margin:0;border:1px solid #ccc} #header .pagination ul li span {display:inline; margin:0 3px; padding:2px 2px; color:#000;} #header .pagination ul li a {border:none;padding:2px 5px; text-decoration:none;} #header .pagination ul li a:hover {color:#000;} /* Detailseite */ .detailseite-reisearten .mod_customnav .reisearten, .detailseite-regionen .mod_customnav .regionen, .detailseite-themen .mod_customnav .themen, .detailseite-termine .mod_customnav .termine {background:#333; color:#fafafa; height:73px; font-weight:bold;} #katalog-liste h1 {margin-top:4px;background:#333; color:#fafafa; padding:24px 10px 24px 15px; margin-right:1px; font-weight:bold; font-size:14px;} /* Kontaktmodul */ #kontaktmodul {margin:20px 0; font-size:12px;} #kontaktmodul span.kontakt-head {background:#466987; display:block; font-size:12px; padding:2px 0 5px 5px; font-weight:bold;} #kontaktmodul span.kontakt-head a {color:#fff;} #kontaktmodul span.kontakt-telefon {display:block; background:#ccc; margin:20px 0 12px; padding: 0 0 0 5px; color:#000;} #kontaktmodul span.kontakt-link a {display:block;background:#ccc; padding:0 0 0 5px; color:#000; font-weight:bold; } .kontakthead {background:#466987; display:block; font-size:13px; padding:3px 0 4px 5px; margin-top:0; margin-bottom:25px; font-weight:bold;} .kontakthead a {color:#fff;} .kontaktmodul {display:block; background:#ccc; margin:10px 0 12px; padding: 2px 0 2px 5px; color:#000; font-size:12px;} .kontaktmodul a {font-weight:bold; color:#000;} .kontaktmodul a:hover {color:#669933;} /* BREADCRUMB */ .mod_breadcrumb {font-size:11px; background:url(../i/breadcrumb.png) repeat-x; border:1px solid #D2D2D2; padding:5px 5px 5px 5px; margin-bottom:30px;} .mod_breadcrumb a {background:transparent url(../i/breadcrumb-arrow.png) right center no-repeat; color: #969696; text-decoration:none; border:none; padding:7px 15px 9px 0px; } .mod_breadcrumb a:link, #content .mod_breadcrumb a:visited { color: #000; border:none;} .mod_breadcrumb span { margin-left:4px;} /* FORMULARE */ /* Allgemeine Formatierung */ #content .mod_article .ce_form { padding-left:2px;} fieldset {background:#fafafa;} 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;} .content .mod_article .ce_form h3 { border:none;} .content .mod_article .ce_form {margin-bottom:20px;} .content .mod_article .ce_form label {margin-bottom:3px;} #content input {padding:3px} .newsletter #newsletter-abonnieren {margin-left:-10px; padding:0; padding-bottom:15px;} .newsletter input {margin-right:5px;} .formbody .error {background:#ee5612; color:#fff; padding:5px 0 5px 10px; margin:10px 0 10px 0; font-size:1.1em; font-weight:bold;} /* 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 {} #content .mod_article .ce_form form {} #content .mod_article .ce_form .formbody {margin-left:5px;} #content .mod_article .ce_form .formbody fieldset {margin-bottom:40px;} #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 {width:448px;} #content .mod_article .ce_form .formbody br { clear:both;} #content .mod_article .ce_form .formbody ul {padding-bottom:30px;} #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; margin-bottom:5px;} /* Breite der einzelnen Felder */ #content .mod_article .ce_form .formbody .firma input {width:430px;} #content .mod_article .ce_form .formbody .vorname input {width:180px;} #content .mod_article .ce_form .formbody .kind.vorname input {width:175px;} #content .mod_article .ce_form .formbody .nachname input {width:229px;} #content .mod_article .ce_form .formbody .strasse input {width:359px;} #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:319px;} #content .mod_article .ce_form .formbody .telefon input {width:204px;} #content .mod_article .ce_form .formbody textarea {width:433px; 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 15px 0; padding-left:0; font-size:14px; color:#466987;} #content .mod_article .ce_form .explanation {font-size:11px; clear:both; margin-top:20px; margin-bottom:15px;} #content .mod_article .ce_form .submit {font-size:11px; clear:both; margin-bottom:25px;} #content .mod_article .ce_form select { margin-bottom:20px;} #right .keinrahmen .image_container img {border:none;} #content .mod_subscribe {margin-left:15px;} #newsletter {border:none;} /* Gallery */ #content .ce_gallery {margin:20px 0 25px 5px; display:block; padding-top:0; } #content .ce_gallery img {padding:3px; border:1px solid #ccc;} #content .ce_gallery img:hover {border:1px solid #587cac;} .content .ce_gallery h1 {font-size:15px; margin-bottom:.75em; padding:0 7px 7px; color: #466987;} .content .ce_gallery h2 {font-size:14px; margin-bottom:.75em; padding:0 7px 7px; color: #466987;} .content .ce_gallery h3 {font-size:12px; margin-bottom:.75em; padding:0 7px 5px; color: #466987;} .content .ce_gallery h4 {font-size:12px; margin-bottom:.75em; padding:0 7px 5px; color:#565656;} #content .image_container img {padding:3px; border:1px solid #ccc;} #content .image_container img:hover {border:1px solid #587cac;} #content .keinrahmen .image_container img {padding:0; border:none;} #content .einleitung .image_container img {padding:0; border:none;}