/* -> 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%; text-align: center; } a img {border:0;} a:focus {outline: none;} table,div,p,ul {text-align:left; font-size:1em} input,select {font-size:1em} td {vertical-align:top;} h2 {margin:0px 0px 10px 0px;padding:0px;color:#1F3895;font-family:Trebuchet MS, verdana, sans-serif;font-size:3em} h1 {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%} a {color: #1F3895; text-decoration: none;} a:hover {color: #1F3895;text-decoration: underline;} /*PAGELAYOUT*************************************************/ #wrapper {margin:0px auto; width:780px;} #header {position:relative;height:130px;background-color:#1F3895;font-size:1.1em;background-image:url(../images-hotel-europapark/header.jpg);} /* medikon **********/ #regioneuropapark {float:right; width:780px;height:120px;} #regioneuropapark-rust {float:right; width:780px;height:120px;} #regioneuropapark-hotel {float:right; width:780px;height:120px;} .folder_regioneuropapark {height:73px;border:1px solid #1F3895;padding:10px;margin-bottom:3px} .folder_regioneuropapark h1 {margin:0px 0px 10px 0px;padding:0px;color:#1F3895;font-family:Trebuchet MS, verdana, sans-serif;font-size:1.5em;line-height:140%;} .folder_regioneuropapark h2 {margin:0px 0px 3px 0px;padding:0px;color:#000;font-family:verdana, sans-serif; font-size:1em;text-decoration: none;font-weight:normal;line-height:150%;} /* medikon **********/ #footer {font-size:1em; color:#878787;line-height:150%; text-align:center;padding-top:10px;} #w3c {border-top:10px solid #DBDEED; 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:170px;height:220px; border:1px solid #1F3895; background-color:#DBDEED; 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;height:220px;} #navi_home {float:left; width:170px;height:190px; 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} #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{border-top:10px solid #DBDEED; text-align:center;font-size:110%;line-height:150%; text-align:center;padding-top:10px;} #orte{border-top:10px solid #DBDEED;color:#D6D6D6;text-align:center;line-height:150%;padding:10px;} /*CONTENT*******************************************************/ /* folder */ .folder_line {padding:10px} .folder_full {position:relative;border-left:0px solid #1F3895;padding:10px 20px 10px 10px;border-right:1px dotted #1F3895} .folder_menu {float:right;border:1px solid #1F3895;width:160px;margin-left:20px} .folder_menu a.one{background-color:#DBDEED;background-image:url('/design/fit-og/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-og/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_full_home {height:77px;border:1px solid #1F3895;padding:10px;margin-bottom:3px} .folder_full_home p {margin:0px;padding:0px} .folder_full_home h2 {margin:0px 0px 3px 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:350px;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:370px;padding-top:10px;padding-right: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:10px 0px 0px 0px;} .offer_line h3{color:#000} .offer_line_image {float:left;width:170px} .offer_line_intro {float:right;width:370px;border-top:1px dotted #1F3895} .offer_full {position:relative;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:#DBDEED;color:#1F3895;font-weight:bold; text-decoration: none; display:block;width: 110px;padding:3px 5px 3px 20px} .offer_full a:hover.booking {color:#fff; background-color: #1F3895; 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 {float:left;width:248px;height:300px;border:1px solid #1F3895;font-size:110%;color:#1F3895;margin:0px} .teaser h1 {background-color:#1F3895;color:#fff;font-size:1.2em;font-size:130%;margin:0px;width:248px} .teaser a {color:#1F3895;} .teaser a:hover {color:#1F3895;text-decoration:underline} /*TEASER_BREIT_HOME*******************************************************/ .teaser-breit {float:left;width:377px;height:740px;border:1px solid #1F3895;font-size:110%;color:#1F3895;margin:0px} .teaser-breit h1 {background-color:#1F3895;color:#fff;font-size:1.2em;font-size:130%;margin:0px;width:377px} .teaser-breit a {color:#1F3895;} .teaser-breit a:hover {color:#1F3895;text-decoration:underline} .teaser-breit-kuerzer {float:left;width:377px;height:700px;border:1px solid #1F3895;font-size:110%;color:#1F3895;margin:0px} .teaser-breit-kuerzer h1 {background-color:#1F3895;color:#fff;font-size:1.2em;font-size:130%;margin:0px;width:377px} .teaser-breit-kuerzer a {color:#1F3895;} .teaser-breit-kuerzer a:hover {color:#1F3895;text-decoration:underline} .teaser-breit-kurz {float:left;width:377px;height:660px;border:1px solid #1F3895;font-size:110%;color:#1F3895;margin:0px} .teaser-breit-kurz h1 {background-color:#1F3895;color:#fff;font-size:1.2em;font-size:130%;margin:0px;width:377px} .teaser-breit-kurz a {color:#1F3895;} .teaser-breit-kurz a:hover {color:#1F3895;text-decoration:underline} /*LINKS (footer)*******************************************************/ #links a {color:#1F3895;} #links a:hover {color:#1F3895;text-decoration:underline} /*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 .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;border:1px solid #1F3895;background-color:#DBDEED;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:20%;font-weight:bold} #content .form {float:right;width:70%} #content .form_half {float:right;width:70%} #content .form_half input {width:30px} #content .form input {width:250px} #content .message-warning {color:#fff;background-color:#DE0000;padding:10px;font-size:110%;font-weight:bold;margin-bottom:20px} #content .message-warning h2 {color:#fff;background-color:#DE0000} /* 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: #1F3895; 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 h2, #navi h1 {font-family:Trebuchet MS, verdana, sans-serif; font-size:1.4em; color:#fff; background-color:#1F3895;padding:2px 5px 2px 5px;margin:0px} /* listen */ #navi_home ul, #navi ul {margin:0px;padding:0px} #navi_home li.one, #navi li.one {background-color:#DBDEED;list-style:none;margin:0px;padding:0px} #navi_home li.two, #navi li.two {background-color:#8694C5;list-style:none;margin:0px;padding:0px} /* links */ #navi_home a.one, #navi a.one {background-color:#DBDEED;background-image:url('/design/fit-og/images/redarrow.gif');background-repeat:no-repeat;background-position:5px 5px;color:#000; text-decoration: none; display:block;width: 135px;padding:0px; margin:0px 0px 0px 10px;padding:3px 5px 3px 20px} #navi_home a.one:hover, #navi_home a:focus, #navi a.one:hover, #navi a:focus {color: #fff; background-color: #1F3895;background-image:url('/design/fit-og/images/whitearrow.gif'); text-decoration: none;width: 135px;} #navi_home a.two, #navi a.two {background-color:#8694C5;background-image:url('/design/fit-og/images/redarrow.gif');background-repeat:no-repeat;background-position:5px 5px;color:#000; text-decoration: none; display:block;width: 135px;padding:0px; margin:0px 0px 0px 10px;padding:3px 5px 3px 20px} #navi_home a.two:hover, #navi_home a:focus, #navi a.two:hover, #navi a:focus {color: #fff; background-color: #1F3895;background-image:url('/design/fit-og/images/whitearrow.gif'); text-decoration: none;width: 135px;} #navi_home a.active, #navi a.active {color:#fff;background-color:#1F3895;background-image:url('/design/fit-og/images/whitearrow.gif');background-repeat:no-repeat;background-position:5px 5px;text-decoration: none; display:block;width: 135px;padding:0px; margin:0px 0px 0px 10px;padding:3px 5px 3px 20px} #navi_home a.active:hover, #navi_home a:focus, #navi a.active:hover, #navi a:focus {text-decoration: underline;width: 135px;} /*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;} /*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;}