/* -> von dunkel nach hell Farben: 0: #132259 1: #1F3895 3: #8694C5 4: #DBDEED --------------- Schrift: 1: #000 2: #878787 3 #D6D6D6 4: #fff --------------- Signal #DE0000 */ /* Reset all */ *{padding: 0;margin: 0;} /*STANDARD*************************************************/ body {color:#000; background:#fff; margin:0px; padding:0px; font-family:verdana, sans-serif; font-size:62.5%} a img {border:0;} a:focus {outline: none;} table,div,p,ul,li {text-align:left; font-size:1em} ul {margin-left:3em;margin-bottom:1em;line-height:150%} li {line-height:150%} input,select {font-size:1em;font-family:verdana} td {vertical-align:top;} h1 {margin:0px 0px 10px 0px;padding:0px;color:#1F3895;font-family:Trebuchet MS, verdana, sans-serif;font-size:3em} h2 {margin:0px 0px 10px 0px;padding:0px;color:#1F3895;font-family:Trebuchet MS, verdana, sans-serif;font-size:1.5em} h3 {margin:0px 0px 3px 0px;padding:0px;color:#1F3895;font-family:Trebuchet MS, verdana, sans-serif;font-size:1.2em} h4 {margin:0px 0px 3px 0px;padding:0px;color:#1F3895;font-family:Trebuchet MS, verdana, sans-serif;font-size:1em} p {margin:0px 0px 10px 0px; padding:0px; line-height:150%} p.headerintro {font-weight:bold;color:#1F3895} a {color: #1F3895; text-decoration: none;} a:hover {color: #1F3895;text-decoration: underline;} .border {border:1px solid #1F3895} /*PAGELAYOUT*************************************************/ #wrapper {margin:0px auto; width:780px;} #wrapper_adsense {margin:0px auto; width:980px;} .adsense_content {float:left;width:780px} .adsense_banner {float:right;width:180px;padding-top:130px} #wrapper_sprachen {margin:0px auto; width:585px;} #header {position:relative;height:100px;font-size:1.1em;overflow: hidden} #header a {text-decoration:none} #headerinfo {margin-top: 15px} #headerinfo h1 {color:#fff; font-size: 30px } #footer {border-top:1px solid #1F3895; font-size:1em; color:#878787;line-height:150%; text-align:center;padding-top:10px;} #vardump{padding:20px;margin:20px auto; background-color:#878787} /* home */ #toubiz_home {float:left; width:172px;height:220px; border:0px solid #1F3895; background-color:#fff; padding:0px} /*#toubiz_home {float:left; width:160px;height:210px; border:1px solid #1F3895; background-color:#DBDEED; padding:5px}*/ #specialoffer_home {float:right; width:590px;} #navi_home {float:left; width:170px;height:240px; border:1px solid #1F3895; background-color:#DBDEED} #angebot_home {float:right; width:590px;height:190px;} #content_home{} /* folgeseite */ #navi_main {float:left; width:172px;} #navi {border:1px solid #1F3895; background-color:#DBDEED} .home_geo {color:#000;border:1px solid #1F3895;height:245px} .home_geo h1 {background-color:#1F3895;color:#fff;font-size:1.2em;padding:2px 5px 2px 5px;font-size:135%;margin:0px} .home_geo * a {color:#555459;margin:0; padding:0} .home_geo * a:hover {color:#555459;text-decoration:underline} .home_geo * img {border:1px solid #8DB022;margin:0;padding:0} #toubiz {border:1px solid #1F3895; background-color:#DBDEED; padding:0px;} /*#toubiz {border:1px solid #1F3895; background-color:#DBDEED; padding:5px;}*/ #content {float:right; width:585px;border:0px solid #1F3895;} .specialoffer {border:0px solid #1F3895;background-color:#1F3895;height:100%;} /*topangebot navi*/ #links, #links_portale{border-top:1px solid #1F3895; text-align:center;font-size:110%;line-height:150%; text-align:center;padding-top:10px;} #orte{border-top:1px solid #1F3895;color:#D6D6D6;text-align:center;line-height:150%;padding:10px;} #navi_newsletter {width:170px;border:1px solid #dc0d03; background-color:#dc0d03;color:#fff;} #navi_newsletter a {color: #fff; text-decoration: none;} #navi_newsletter a:hover {text-decoration: underline;} #navi_newsletter INPUT.txt {font-size:9px;font-family:verdana, sans-serif; width:180px} #navi_id_search {width:170px;border:1px solid #1F3895;background-color:#1F3895;color:#fff;} /* map */ #map {border:1px solid #000;height:700px} #map_offer {height:230px;border:1px solid #000} #map_counter {padding:5px;font-weight:bold;margin-top:5px} #map_city {height:230px;border:1px solid #000} #direction {border:1px solid #C1C8C4;background-color:#F7F5F5;padding:5px;margin-top:10px} .price_line {font-weight:bold;font-size:13px;color:#1F3895} TABLE.search {background-color:#DBDEED;border:1px solid #1F3895;} TABLE.search TD {padding:3px} TABLE.search SELECT,INPUT {font-size:10px;font-weight:normal} #map_navi SELECT,INPUT {font-size:10px;font-weight:normal} #navi_loader {text-align:center;font-weight:bold;padding:20px;margin-bottom:20px;} /*KONTAKTKACHELN *******************************************************/ #contact {background-color:#1F3895;color:#fff} #contact h1 {font-size:1.3em; color:#fff; margin:0px;padding:0px} #contact .contact_box {padding:5px 10px;line-height:170%;} #contact .hotline {font-size:1.1em;font-weight:bold;color:#fff} #contact a.contact_link {color: #fff; text-decoration: none; display:block; font-size:1.2em; font-weight:bold} #contact a:hover.contact_link {color: #000;text-decoration: none;background-color:#fff} /*CONTENT*******************************************************/ /* folder */ .folder_full {position:relative;border-left:0px solid #1F3895;padding:10px 10px 10px 5px;border-right:1px dotted #1F3895} .folder_full_sprachen {position:relative;padding:10px;border-left:1px dotted #1F3895;border-right:1px dotted #1F3895} .folder_menu {float:right;border:1px solid #132259;width:160px;margin-left:20px} .folder_menu a.one{background-color:#DBDEED;background-image:url('/design/fit/images/redarrow.gif');background-repeat:no-repeat;background-position:5px 5px;color:#000; text-decoration: none; display:block;padding:0px; margin:0px 0px 0px 0px;padding:3px 5px 3px 20px} .folder_menu a.two{background-color:#8694C5;background-image:url('/design/fit/images/redarrow.gif');background-repeat:no-repeat;background-position:5px 5px;color:#000; text-decoration: none; display:block;padding:0px; margin:0px 0px 0px 0px;padding:3px 5px 3px 20px} .folder_menu a:hover{background-color:#1F3895;color:#DBDEED} .folder_line {padding:0px;background-color:#DBDEED;border:0px solid #DBDEED;height:100%;} .folder_line_image {float:left;width:170px;} .folder_line_intro {float:right;width:350px;padding:10px;} .folder_line_intro h2 {font-size:170%;margin-bottom:3px} .folder_full_home {height:77px;border:1px solid #8694C5;padding:5px;} .folder_full_home p {margin:0px;padding:0px} .folder_full_home h2 {margin:0px;padding:0px} /* contact */ .contact_line {padding:10px;background-color:#1F3895;color:#fff;height:100%} .contact_line h2 {color:#fff;border-bottom:1px solid #fff} .contact_line .hotline {font-weight:bold;font-size:130%} /* city */ .city_line {border-bottom:1px dotted #1F3895;padding:5px 0} .city_full {padding:10px} .city_full_action {float:right;width:220px;text-align:center;} .city_full_image {background-color:#DBDEED;border:1px solid #1F3895;width:200px;padding:10px} .city_full_image img {border:1px solid #1F3895} .city_full_body {float:left;width:320px;} .city_full_address {background-color:#DBDEED;border:1px solid #1F3895;width:200px;padding:10px} /* imagebox */ .imagebox_line {padding:0px;border:1px solid #1F3895;height:100%;} .imagebox_line_image {float:left;width:170px} .imagebox_line_intro {float:right;width:370px;padding-top:5px} /* article */ .article_line {padding:0px;background-color:#DBDEED;border:0px solid #DBDEED;height:100%;} .article_line_image {float:left;width:170px;} .article_line_intro {float:right;width:350px;padding:10px;} .article_line_intro h2 {font-size:170%;margin-bottom:3px} .article_full {position:relative;border-left:0px solid #1F3895;padding:10px;} .article_full h1 {padding:0px 0px 5px 0px;border-bottom:1px dotted #1F3895} .article_full_image_default {float:left;width:250px} .article_full_body_default {float:right;width:300px} .article_full_image_gallery {float:left;width:170px} .article_full_body_gallery {float:right;width:380px} /* offer */ .offer_line {} .offer_line h2{margin:5px 0px 0px 0px;} .offer_line h2 a {color:#1F3895;font-size:15px} .offer_line h3{color:#000;font-family:verdana;font-size:11px} .offer_line .price {float:right;color:#1F3895;font-weight: bold} .offer_line .subheadline {float:left;font-weight: bold} .offer_line_image {float:left;width:170px} .offer_line_intro {float:right;width:390px;border-top:1px dotted #1F3895} .offer_listitem {width:280px} .offer_listitem P {margin:0;padding:0} .offer_listitem h2{font-size:11px;font-family:verdana;margin:0;padding:0} .offer_listitem_image {float:left;width:100px} .offer_listitem_intro {float:right;width:170px;} .offer_full {border-right:1px dotted #1F3895;padding:10px;} .offer_full h1 {padding:0px 0px 5px 0px;border-bottom:1px dotted #1F3895} .offer_full h3 {font-size:150%} .offer_full_image_gallery {float:right;width:170px} .offer_full_body_gallery {float:left;width:380px} .offer_full_image_default {float:right;width:250px} .offer_full_body_default {float:left;width:300px} .offer_full a.booking {border:1px solid #1F3895; background-color:#1F3895;color:#fff;font-weight:bold; text-decoration: none; text-align:center; padding:3px 5px 3px 20px} .offer_full a:hover.booking {color:#1F3895; background-color: #DBDEED; text-decoration: none;width: 110px;} .offer_full a.back {border:1px solid #dc0d03; background-color:#dc0d03;color:#fff;font-weight:bold; text-decoration: none; text-align:center; padding:3px 5px 3px 20px} .offer_full a:hover.back {color:#dc0d03; background-color: #DCB5B1; text-decoration: none;width: 110px;} /* gallery */ .gallery_line {text-align:center;background-color:#DBDEED;padding:5px} .gallery_line .pic {margin:0px 2px 0px 2px;border:1px solid #fff;} /* site offer */ .offer {background-color:#1F3895;height:89px} .offer h1 {color:#fff;padding:0px 0px 5px 0px;font-size:130%;margin:0px} .offer_image {float:left;width:400px} .offer_intro {float:right;width:160px;color:#fff;padding:10px 10px 10px 0px} .offer a {color: #fff; text-decoration: none;} .offer a:hover {color: #fff;text-decoration: underline;} /*TEASERHOME*******************************************************/ #teaser {font-size:110%;overflow:auto;color:#000;background-color:#fff;border:1px solid #1F3895} #teaser h1 {background-color:#1F3895;color:#fff;font-size:1.2em;padding:2px 5px 2px 5px;font-size:130%;margin:0px} #teaser a {color:#1F3895;} #teaser a:hover {color:#1F3895;text-decoration:underline} #teaser P {margin:0px;padding:5px} .teaser {float:left;width:248px;height:310px;font-size:100%;overflow:auto;color:#000;background-color:#fff;border:1px solid #1F3895} .teaser h1 {background-color:#1F3895;color:#fff;font-size:1em;padding:2px 5px 2px 5px;font-size:130%;margin:0px} .teaser a {color:#1F3895;} .teaser a:hover {color:#1F3895;text-decoration:underline} /*LINKS (footer)*******************************************************/ #links a {color:#1F3895;} #links a:hover {color:#1F3895;text-decoration:underline} /* link */ .listitem_link {font-size: 10px; color: #000} .listitem_link h4 a {font-size: 13px; font-weight: normal; margin-bottom: 0px; color: #1F3895} .listitem_link a {color:#1F3895} /*ORTE (footer)*******************************************************/ #orte a {color:#D6D6D6;} #orte a:hover {color:#878787;text-decoration:underline} /* special offer navi */ .specialoffer h1 {color:#fff;font-size:130%;padding:3px 5px 3px 5px;margin:0px} .specialoffer h4 {color:#fff;font-size:130%;padding:3px 5px 3px 5px;margin:0px} .specialoffer .offer_image {text-align:center;width:172px;margin:0 auto} .specialoffer .offer_intro {color:#fff;border:0px solid #D6D6D6;padding:0px 5px 5px 5px} .specialoffer a {color: #fff; text-decoration: none;} .specialoffer a:hover {color: #fff;text-decoration: underline;} /* forms */ #content input, textarea {font-family:verdana;font-size:1.1em;width:300px} #content .button {color:#fff; background-color:#1F3895;text-align:center;margin:0px;padding:3px;font-weight:bold} #content .inquiry_full {position:relative;border:1px solid #1F3895;padding:20px} #content .inquiry_full h2 {font-family:verdana,sans-serif;font-size:100%;color:#fff;background-color:#1F3895;padding:3px 5px 3px 5px} #content .label {float:left;width:25%;font-weight:bold} #content .form {float:right;width:70%} #content .form_half {float:right;width:70%} #content .form_half input {width:30px} #content .form_long input {width:500px} #content .form_long textarea {width:500px} #content .form input {width:250px} .message-warning,.warning {color:#fff;background-color:#DE0000;padding:10px;font-size:110%;font-weight:bold;margin-bottom:20px} .message-warning,.warning h2 {color:#fff;background-color:#DE0000} /* edit */ #edit_comment {padding:5px} #edit_comment label {font-weight:bold; font-size:11px; } #edit_comment .block {margin-top:10px} #edit_comment SELECT {width:150px; font-weight:normal} #edit_comment INPUT {width:300px} #comments {border:1px solid #1F3895; padding:5px; background:#DBDEED} #commenttbl {background:#1F3895; width:100%} .comment {padding:5px 0;margin:5px 0;border-top:1px dotted #1F3895} .comment H2 {color:#000;margin:0px;font-size:10px;font-family:verdana;font-weight:bold} .comment P {padding:5px 0px 0px} .comment_edit {padding:10px;} .comment_edit h1 {font-size:2em} .comment_edit input.button_true {font-size:1.1em;background-color:green} .comment_edit input.button_false {font-size:1.1em;background-color:#DE0000} .comment_edit label {font-size:1.2em;margin-bottom:3px} /* TOOLTIP */ #tooltip_feeling {position: absolute; display: none; background-color: #B21117; color:#fff;padding:5px;width:200px} #tooltip_freiburg {position: absolute; display: none; background-color: #1F3895; color:#fff;padding:5px;width:200px} #tooltip_offenburg {position: absolute; display: none; background-color: #E20807; color:#fff;padding:5px;width:200px} #tooltip_kaiserstuhl {position: absolute; display: none; background-color: #48B234; color:#fff;padding:5px;width:200px} #tooltip_europapark {position: absolute; display: none; background-color: #1740A9; color:#fff;padding:5px;width:200px} .tooltip_catoption {position: absolute; display: none;background-color: red; color:#fff;padding:5px;width:150px;border:5px solid #fff} /*NAVI*******************************************************/ /* headlines */ #navi_home h1, #navi h1, #map_navi h1, #map_navi_main h1 {font-family:Trebuchet MS, verdana, sans-serif; font-size:1.4em; color:#fff; background-color:#1F3895;padding:2px 5px 2px 5px;margin-bottom:1px} #navi_home h4, #navi h4, #map_navi h4, #map_navi_main h4 {font-family:Trebuchet MS, verdana, sans-serif; font-size:1.4em; color:#fff; background-color:#1F3895;padding:2px 5px 2px 5px;margin-bottom:1px} /* listen */ #navi_home ul, #navi ul, #map_navi ul, #map_navi_main ul {margin:0px;padding:0px} #navi_home li, #navi li, #map_navi li, #map_navi_main li {border:1px solid #DBDEED;background-color:#DBDEED;list-style:none;margin:0px;padding:0px} /* links */ #navi_home a, #navi a, #map_navi a, #map_navi_main a {background-color:#DBDEED;background-image:url('/design/fit/images/redarrow.gif');background-repeat:no-repeat;background-position:5px 5px;color:#000; text-decoration: none; display:block; margin:0px 0px 0px 0px;padding:3px 5px 3px 20px} #navi_home a:hover, #navi a:hover, #map_navi a:hover, #map_navi_main a:hover {color: #fff; background-color: #1F3895; text-decoration: none;} #navi_home a.active, #navi a.active, #map_navi a.active, #map_navi_main a.active {color:#fff;background-color:#1F3895;background-image:url('/design/fit/images/redarrow.gif');background-repeat:no-repeat;background-position:5px 5px;text-decoration: none; display:block;margin:0px 0px 0px 0px;padding:3px 5px 3px 20px} #navi_home a.active:hover, #navi a.active:hover, #map_navi a.active:hover, #map_navi_main a.active:hover {text-decoration: underline;} /*TOUBIZ*******************************************************/ /* headlines */ #toubiz_home h1, #toubiz h1 {font-family:Trebuchet MS, verdana, sans-serif; font-size:1.4em; color:#1F3895;margin-bottom:5px} /* forms */ #toubiz_home input,select, #toubiz input,select {font-weight:bold;color:#000;} #toubiz_home input.button, #toubiz input.button {color:#fff; background-color:#1F3895;text-align:center;margin:0px;padding:0px} /*FOOTER*******************************************************/ /* links */ #footer a {color: #878787; text-decoration: none;} #footer a:hover {text-decoration: underline;} /*BREADCRUMB*******************************************************/ .breadcrumb {padding:5px;background-color:#DBDEED} .breadcrumb a {color: #1F3895; text-decoration: none;} .breadcrumb a:hover {color: #1F3895;text-decoration: underline;} /*GOOGLE*******************************************************/ #google {background-color:#1F3895;color:#fff;padding:3px;font-size:1.2em} #google a {color: #fff; text-decoration: none;} #google a:hover {color: #fff;text-decoration: underline;} /*NEWSTICKER*********************/ .hotline IMG {border-left:0px solid #577619} #newsticker_box ul li a IMG {border:0px solid #1F3895} #newsticker_box ul {padding:0;margin:0} #newsticker_box ul li {list-style-type:none;padding:0;margin:0} /*FIRSTLOOK*********************/ #firstlook {background:#fff; padding:5px 0px;} #firstlook H1 {color:#939393;font-size:12px;margin:0px} #firstlook P {color:#939393;font-size:10px;margin:0px} /*HEADER*******************************************************/ /* -------------------------- BEGIN do not change ---------------------------*/ ul.dropdown{list-style: none; margin:0; padding:0;position:absolute;right:5px;bottom:5px} ul.dropdown * ul{list-style: none; margin:0; padding: 0; display:none; position:absolute;z-index:99;width:15em;} ul.dropdown li {float:left;padding:0px;margin:0px;position:relative} ul.dropdown li.seperator {margin-top:3px} ul.dropdown li * li {float:none; position: relative;} ul.dropdown a {display:block;} ul.dropdown ul * a{height:100%;} ul.dropdown li:hover ul ul, ul.dropdown li:hover ul ul ul, ul.dropdown li:hover ul ul ul ul{display:none;} ul.dropdown li:hover ul, ul.dropdown ul li:hover ul, ul.dropdown ul ul li:hover ul{display:block;} ul.dropdown a{color:#fff; padding:3px 5px 3px 5px; text-decoration:none;} ul.dropdown a:hover{background-color:#132259; color:#fff;text-decoration:none;} ul.dropdown ul {background-color:#1F3895;padding:1px;} ul.dropdown ul a {background-color:#8694C5; color:#000; padding:3px 5px 3px 5px; text-decoration:none;} ul.dropdown ul a:hover {background-color:#1F3895; color:#fff;text-decoration:none;} ul.dropdown ul li {} /*-------------------------- END do not change --------------------------- */ /*CLEAR*************************************************/ .c {clear: both;} .c2 {clear:both; font-size:2px; height:2px;border:0px;overflow:hidden;} .c3 {clear:both; font-size:3px; height:3px;border:0px;overflow:hidden;} .c5 {clear:both; font-size:5px; height:5px;border:0px;overflow:hidden;} .c10 {clear:both; font-size:10px; height:10px;border:0px;overflow:hidden;} .c15 {clear:both; font-size:15px; height:15px;border:0px;overflow:hidden;} .c20 {clear:both; font-size:20px; height:20px;border:0px;overflow:hidden;} .c30 {clear:both; font-size:30px; height:30px;border:0px;overflow:hidden;} .c40 {clear:both; font-size:40px; height:40px;border:0px;overflow:hidden;} .c50 {clear:both; font-size:50px; height:50px;border:0px;overflow:hidden;} .c60 {clear:both; font-size:60px; height:60px;border:0px;overflow:hidden;} .c70 {clear:both; font-size:70px; height:70px;border:0px;overflow:hidden;} .c80 {clear:both; font-size:80px; height:80px;border:0px;overflow:hidden;} .l {background-color:#fff; height:1px; font-size:1px; border:0px;overflow:hidden;clear:both;}