body { margin: 0; padding: 0; color: #4c4844; background: #fff; text-align: left; background: #706d69 url(../images_new/bg_body_for_banners2.gif) repeat-y; } /*************************** E S S E N T I A L */ body, table, input, textarea, select { font-size: 12px; font-family: Helvetica, Arial, sans-serif; } a { color: #4c4844; } a:hover { color: #4c4844; text-decoration: none; } div, hr, table, td, a, span, caption { margin: 0; padding: 0; border-width: 0; border-color: #4c4844; border-style: solid; } div { outline: none; } img { border: 0; } .clear { display: block !important; clear: both; } .overflow_auto { overflow: auto; } hr.double { height: 5px; border-width: 5px 0; border-color: #000; } .bottom { vertical-align: bottom !important; } .bottomline { overflow: auto; border-width: 0 0 1px; padding: 0 0 15px; } /*************************** BANNER */ #leaderboard { height: 90px; width: 728px; overflow: hidden; position: relative; clear: both; background: #f90; } #leaderboard_cities { height: 90px; width: 520px; overflow: hidden; position: relative; clear: both; background: #f90; } #leaderboard_cities #recent-post_right { top: 25px; left: 506px; } #recent-post_wrapper { position: absolute; width: 547px; height: 70px; left: 170px; top: 10px; background: #ffad33; overflow: hidden; } #recent-post_content div { padding: 10px; font-size: 11px; line-height: 13px; } #recent-post_content div h1 { margin: 0 0 3px; line-height: 16px; font-size: 16px; color: #fff; text-decoration: none; } #recent-post_content div a { text-decoration: none; outline: none; } #aktuell_headline { position: absolute; top: 25px; left: 10px; color: #ffad33; font-size: 60px; letter-spacing: -3px; } #recent-post_left, #recent-post_right { position: absolute; font-size: 50px; font-style: italic; z-index: 905; color: #fff; } #recent-post_left { top: -8px; left: 165px; } #recent-post_right { top: 25px; left: 706px; } /* Altes von Julians JS Ticker ... #aktuell_leaderboard #recent-post_content { position: relative; top: 10px; left: 198px; background: #ffad33 /*ffa219 /; padding: 0 10px; height: 70px; width: 500px; z-index: 904; } #aktuell_leaderboard #recent-post_content a { text-decoration: none; font-size: 12px; } #aktuell_leaderboard #recent-post_content .date { padding: 0 0 0 10px; font-weight: bold; } */ /*************************** S I T E */ /*div#claim2 { display: none; color: #c9c9c9; position: absolute; left: 50%; margin: 0 0 0 -463px; width: 728px; font-size: 20px; line-height: 16px; text-align: left; letter-spacing: -1px; }*/ div#claim { display: block; color: #ccc; position: absolute; left: 765px; padding: 10px 10px 0; width: 180px; font-size: 11px; text-align: left; } div#wrapper { width: 100%; height: 100%; } div#base { float: left; width: 928px; height: 100%; /* margin: 0 auto;*/ padding: 0; text-align: left; /* background: #fff url(../images_new/bg_base.gif) repeat-y;*/ } div#base_wrapper { width: 1174px; /*1184px*/ margin: 0 0 0 34px; padding: 0; text-align: left; background: transparent; } * html div#base_wrapper { width: 1170px; } div#banner_wrapper { float: left; background-color: #706D69; background-color: transparent; height: 100%; margin: 100px 0 0 35px; position:absolute; top:110px; left:990px; } div#banner_wrapper a { display: block; margin: 10px 0; } /*************************** H E A D E R - M E N U */ div#header { } div#logo { height: 110px; background: url(../images_new/top.gif) } div#menu { background: #fff; } div#menu ul { height: 20px; list-style-type: none; margin: 0; padding: 0 0 0 200px; border-bottom: 1px dotted #4c4844; } div#menu ul li { float: left; margin: 0 20px 0 0; } div#menu ul li a { line-height: 16pt; font-size: 9pt; font-weight: normal; color: #4c4844; text-decoration: none; } div#menu ul li a:hover, div#menu ul li a.navi_aktiv { color: #f90; } /*************************** C O N T E N T */ div#contentwrapper { width: 728px; float: left; /* background: #fff url(../images_new/bg_contentwrapper.gif) repeat-y 0 20px; */ } div#content { width: 508px; float: right; padding: 20px; } * html div#content { width: 548px; } .button_buchung { background: url(../images_new/button_buchung.gif) no-repeat !important; width: 110px !important; float: left; display: block; margin: 7px 0 0; padding: 2px 2px 4px 4px !important; } /*************************** L E F T B A R */ div#leftbar { clear: both; width: 180px; float: left; text-align: center; padding: 20px 0 0; } div#leftbar img { margin: 0 0 5px; border-width: 0 0 0; border-color: #FFF6E7; border-style: solid; } /*************************** T O O L B A R */ div#toolbar { width: 200px; float: left; background: #5e5954; margin: 0 0 20px; border-width: 0 0 5px; border-color: #f90; color: #DBDADA; font-size: 12px; position:absolute; top:110px; left:762px; } div#toolbar hr { height: 1px; border-width: 0 0 1px 0; border-color: #706D69; } div.toolbar_object { padding: 20px 15px; } div#toolbar .first { padding: 0px !important; } div#toolbar h2 { color: #fff; font-weight: normal; font-size: 18px; line-height: 14px; height: 14px; overflow: hidden; margin: 0 0 10px; } /* TOOLBAR MENU */ div#toolbar ul { padding: 0; list-style: none; } div#toolbar ul a { margin: 5px; } div#toolbar a { color: #dbdada; text-decoration: none; } div#toolbar a:hover { color: #f90; } .toolbox_head_links { margin: 0 0 10px; display: block; } .toolbox_head_links a { font-size: 14px; font-weight: bold; margin: 0 1px; text-align: center; } .toolbox_head_links b a { color: #fff !important; } .map { display: block; clear: both; } /*************************** F O O T E R - M E N U */ div#footer { border-width: 1px 0 0; border-style: dotted; padding: 5px 0 0; clear: both; text-align: left; width: 100%; font-size: 11px; margin: 5px; display: none; } /************************************************************************************************************************ ELEMENTS */ h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } h1 { font-weight: normal; font-size: 18px; line-height: 18px; letter-spacing: -1px; color: #4c4844; margin: 0 0 20px 0; } .column_left h1 { margin: 0; } h2 { font-size: 14px; line-height: 16px; font-weight: bold; margin: 0 0 2px 0; } p { color: #4c4844; font-weight: normal; letter-spacing: 0px; margin: 0 0 20px; } small, .small { font-size: 9px !important; } small p, .small p, .small ul { margin: 0 0 10px !important; } div#content ol { margin: 0; padding: 0 0 0 25px; } div#content ul { margin: 0 0 20px 0; padding: 0; list-style: none; } div#content ul li { padding: 0 0 0 10px; margin: 0 0 5px; background: url(../images_new/square.gif) 0 6px no-repeat; } div#content p a { color: #f90; } div#content p a:hover { color: #4c4844; background: transparent; } a.plz_navi { background: #f90; color: #fff !important; border-width: 1px; border-color: #f90; text-decoration: none; margin: 0 5px 0 0; font-size: 11px; padding: 1px 2px; font-weight: bold; } a.plz_navi:hover { background: #fff; color: #f90 !important; } /* PRICE */ .price_wrapper { float: right; clear: both; height: 100px; width: 120px; } .price_wrapper small { line-height: 11px; } .price_wrapper .price { font-size: 40px; font-weight: bold; letter-spacing: -2px; } /*********************************** SPECIALS */ .center { text-align: center !important; } .white { color: #fff !important; } .orange { color: #f90 !important; } .orange a { color: #fff !important; background: #f90 !important; display: block; font-weight: bold; text-align: center; line-height: 20px; margin: 10px 0 0; } .brown { color: #4c4844 !important; } .more { background: #f90; color: #fff !important; text-decoration: none !important; padding: 0 2px 0 1px; font-size: 10px; letter-spacing: -1px; } .more:hover { background: #4C4844; color: #fff !important; } .toplink { background: transparent url(../images_new/arrow_top.gif) no-repeat right !important; color: #f90 !important; padding: 0 7px 0 0; line-height: 10px; font-size: 10px; letter-spacing: -1px; } .toplink:hover { background: #4C4844; color: #fff; } .right { text-align: right; display: block; } .float_left { float: left; display: inline; } .padding_0-5 { padding: 0 5px; } /*********************************** FORM */ form { margin: 0; } #contentwrapper input, #contentwrapper textarea, #contentwrapper select { background: #f9f9f9; } input, textarea, select { background: #fff; margin: 0; border-width: 1px; border-style: solid; border-color: #3f3f3f3; padding: 1px; font-size: 12px; vertical-align: baseline; } select { padding: 0 !important; } button { margin: 0; border-width: 0; cursor: pointer; padding: 0; background: transparent; } .button { height: 18px; cursor: pointer; text-transform: uppercase; text-decoration: none; color: #4c4844 !important; font-size: 10px !important; padding: 0 3px 5px 0; border-width: 0px; } * html .button { padding: 0 0 1px 3px; } .entry_url, .entry_mail { display: block; float: left; text-align: center; margin: 7px 3px 0 0; background: url(../images_new/button_60.gif) no-repeat !important; padding: 1px 3px 8px 0 !important; width: 60px; } .button_enternow { display: block; background: url(../images_new/button_enternow.gif) no-repeat !important; width: 105px !important; padding: 1px 2px 8px 5px; margin: 7px 0 0; } .mandatory { border-width: 1px; border-color: #FFC266; } /* FORM BOOKING */ #bookform { } #bookform label, #bookform input { width: 100%; } #bookform label { display: block; font-size: 11px; color: #666; } #bookform input { margin: 0 0 10px; height: 17px; font-size: 11px; } #bookform textarea { width: 100%; margin: 0 0 10px; } /* FORM TOOLBAR */ #toolbar form#searchbar { height: 20px; background: #fff url(../images_new/bg_searchbar.gif) no-repeat; border-width: 0 0 1px; border-style: dotted; border-color: #4C4844; } #toolbar form#searchbar label { color: #4C4844; font-size: 11px; margin: 0 5px 0 0; } * html #toolbar form#searchbar label { vertical-align: middle; } #toolbar form#searchbar input { background: transparent; } #toolbar input.searchfeld { padding: 0; border-width: 0; width: 140px; height: 16px; } * html #toolbar input.searchfeld { width: 140px; vertical-align: top; } #toolbar form#searchbar button { cursor: pointer; height: 20px; width: 10px; background: transparent url(../images_new/button_enter.gif) 0 3px no-repeat; } * html #toolbar form#searchbar button { background: transparent url(../images_new/button_enter.gif) 3px 5px no-repeat; } #toolbar input.textfeld { height: 15px; width: 191px; border: 0; font-size: 11px; color: #4C4844; } * html #toolbar input.textfeld { width: 190px; } /* FORM Toggler */ div.toggler, div.toggler_open { /* small right padding_0-5 */ padding: 5px 5px; font-size: 11px; } div.toggler_open { height: 210px; overflow: visible; } div.toggler .toggler_caption { display: none; } div.toggler_open .toggler_caption { display: block; padding: 20px 0 0; } div.toggler a, div.toggler_open a { /* small right padding_0-5 */ display: block; text-align: right; } .mceEditor a { display: inline !important; } form.searchform select, form.searchform input, form.contactform input, form.contactform textarea { width: 100%; margin: 0 0 5px; } .button_search { background: url(../images_new/button_search.gif) no-repeat !important; width: 52px !important; margin: 7px 0 0; } * html #detailsearch .buttonsearch { padding: 0 0 2px 5px !important; } .button_europe a { cursor: pointer; display: block; border-width: 0; background: url(../images_new/button_europe.gif) no-repeat; text-align: center; width: 170px; height: 18px; margin: 7px 0 0; text-transform: uppercase; color: #4c4844 !important; font-size: 11px !important; padding: 0 0 2px 2px !important; } /***************************** F O R M - E N T R Y */ #entryform { font-size: 11px; color: #999; } #entryform h2 { color: #4C4844; } #entryform div.clear { margin: 8px 0; } #entryform hr { margin: 20px 0; height: 1px; border-width: 0 0 1px 0; border-color: #706D69; } #entryform input, #entryform textarea, #entryform select { width: 100%; margin: 0 0 5px; } textarea.entry_description { height: 171px; } input.form_name, input.form_input_head { font-size: 18px; font-style: italic; font-family: Georgia, Times, serif; border-width: 1px 1px 2px 1px; } input.checkbox { background: transparent; width: 13px !important; border-width: 0 0 0 0; margin: 0 !important; padding: 0; } .form_highlight, .head_highlight { border-width: 1px !important; border-style: solid !important; border-color: #f00 !important; } * html select.form_highlight { color: #f00 !important; } input.form_50 { width: 49% !important; } input.form_zip { width: 40px !important; } input.form_city { width: 200px !important; } input.form_price { width: 50px !important; } input.form_tel_1, select.form_tel_1 { width: 61px !important; } input.form_tel_2 { width: 88px !important; } a.form_info { font-size: 10px; display: inline; width: 10px; height: 14px; text-decoration: none; background-color: #f90; color: #fff; font-family: times, courier, 'courier new'; font-weight: bold; padding: 0 2px 0 2px; cursor: help; } #entryform .button_entry { width: 133px; background: url(../images_new/button_entryform.gif) no-repeat; text-align: left; } .button_entrysubmit { background: url(../images_new/button_entrysubmit.gif) no-repeat; width: 75px; } /*********************************** COLUMNS */ .column_wrapper { margin: 0 0 20px; clear: both; width: 100%; } .column_left { width: 48%; float: left; margin: 0 2% 0 0; } .column_right { width: 48%; float: left; margin: 0 0 0 2%; } .kunden_logo { max-width: 240px; } .column_70{ width: 69%; float: left; margin: 0 2% 0 0; } .column_30 { width: 27%; float: right; margin: 0 0 0 2%; } .column_23 { width: 288px; float: left; margin: 0 20px 0 0; } * html .column_23 { width: 286px; } .column_13 { width: 200px; float: left; } .bild1 { width: 100%; overflow: hidden; } /*********************************** BOXES */ .box_highlight { position: relative; margin: 0 0 20px 0; padding: 16px 0 0; } .box_highlight_head { font-weight: normal; font-size: 18px; line-height: 18px; letter-spacing: -1px; color: #4c4844; position: absolute; top: 0; z-index: 5; } .box_highlight_body { border: 1px dotted #ccc; background: #FFF6E7; padding: 10px; font-size: 12px; height: auto; } .box_highlight_body ul, box_highlight_body ul li { float:right; width: 280px; } .box_highlight_body a { } * html .box_highlight_body { height: 1%; } .box_highlight_body p, .box_highlight_body table { margin: 0; font-size: 11px; } .box_highlight_body ol a { text-decoration: none; color: #f90; } .box_highlight_body ol a:hover { text-decoration: underline; } .box_highlight_img { width: 178px; overflow: hidden; margin: 0 0 10px; } .box_highlight h2 { font-size: 13px; margin: 0 0 10px; } .box_highlight h2 a { text-decoration: none; } .box_highlight h3 { font-size: 12px; line-height: 10px; margin: 0 0 5px; font-weight: bold; } .poll ul li { background: none !important; padding: 0 !important; } .poll small { font-size: 10px !important; } #poll-email, #poll-rate { margin: 0 0 10px; } #poll-email, #poll-message { background: #fff; border-width: 1px !important; border-color: #e5e5e5 !important; border-style: solid !important; width: 100%; } .box_ultrahighlight { background: #f90; padding: 1px 10px; } .box_ultrahighlight, .box_ultrahighlight p, .box_ultrahighlight h1, .box_ultrahighlight h2 { color: #fff !important; } /*********************************** TOOLTIP */ .tooltip, .tooltip2 { z-index: 9999; position: absolute; font-size: 11px; padding: 10px; display: none; background: #4C4844; color: #fff; opacity: 0.85; width: 200px; } .tooltip .info_table, .tooltip2 .info_table { color: #fff; } /*********************************** INFOTEXT */ .info_table { width: 100%; } * html .info_table { width: 91%; } .info_table td { border-width: 0 0 1px; border-color: #ccc; padding: 1px 0; font-size: 11px; text-align: left !important; vertical-align: top; } .info_table input { margin: 0 !important; } .info_table .info_table_column_1, .info_table .info_table_column_2 { height: 15px !important; padding: 3px 0; font-weight: normal; vertical-align: bottom; } .top { vertical-align: top !important; } .info_table .info_table_column_2 { padding: 3px !important; } .info_table_name { font-weight: normal !important; } /*********************************** LIST */ table.list { width: 100%; font-size: 11px; margin: 0 0 20px; border-width: 1px 0 0; border-color: #ccc; } table.europe { border-width: 0; } table.list td { background: #fff; padding: 0 5px; border-width: 0 0 1px; border-color: #ccc; height: 46px; } table.list td.headline { vertical-align: bottom; } table.list td.headline h2 { font-size: 16px; line-height: 16px; font-weight: bold; margin: 0 0 0 0; } table.list td td { background: transparent; padding: 0 3px; border-width: 0; text-align: center; height: 16px; } table.list td p { margin: 0; } /********************************** ENTRYLIST */ #entrylist { border-width: 1px 0 0; border-color: #ccc; margin: 20px 0; } .list_column_1, .list_column_2, .list_column_3, .list_column_4, .list_column_5, .list_column_6 { float: left; display: block; } .list_column_5 small, .list_column_6 small { display: block; } .list_image { height: 46px; width: 46px; float: left; margin: 0 5px 0 0; overflow: hidden; position: relative; } .list_image img { position: absolute; top: -50%; } div.entrylist_wrapper { display: block; clear: both; border-width: 0 0 1px; border-color: #ccc; height: auto; overflow: auto; font-size: 11px; padding: 3px 0; } div.entrylist_wrapper a { text-decoration: none; color: #000; } a.entrylist_wrapper { text-decoration: none; display: block; clear: both; border-width: 0 0 1px; border-color: #ccc; height: 46px; font-size: 11px; cursor: pointer; } .hoverer, .visiter { display: none; } .entrylist_wrapper .hoverer { display: block; float: left; height: 46px; background: #f5f5f5; width: 10px; } .entrylist_wrapper:hover .list_column_1, .entrylist_wrapper:hover .list_column_3, .entrylist_wrapper:hover .list_column_5, .entrylist_wrapper:hover .list_column_2, .entrylist_wrapper:hover .list_column_4, .entrylist_wrapper:hover .list_column_6 { background: #f5f5f5 !important; } .entrylist_wrapper:hover div { opacity: 1 !important; } .entrylist_wrapper:visited div { opacity: 0.5; } .list_column_1 { width: 318px; height: 46px; padding: 0; } * html .list_column_1 { width: 316px; } .list_column_2 { text-align: center; width: 20px; padding: 2px; height: 42px; } * html .list_column_2 { width: 24px; height: 46px; } .list_column_3 { text-align: center; width: 20px; padding: 2px; height: 42px; } * html .list_column_3 { width: 24px; height: 46px; } .list_column_4 { width: 28px; height: 40px; padding: 3px; } * html .list_column_4 { width: 34px; height: 46px; } .list_column_5 { width: 40px; height: 42px; padding: 2px; } * html .list_column_5 { width: 44px; height: 46px; } .list_column_6 { width: 60px; height: 42px; padding: 2px; } * html .list_column_6 { width: 64px; height: 46px; } .list_column_2, .list_column_4, .list_column_6 { background: #FFF6E7 !important; } /* TYPE */ .type_square { width: 12px; height: 12px; margin: 1px 1px 1px; float: left; text-align: center; font-weight: bold; font-size: 9px; line-height: 11px; color: #ccc; cursor: default; } .box_highlight .type_square { margin: 0 3px 0 0; } .wellness { background: #b0ac84 !important; color: #fff; } .kultur { background: #b0848b !important; color: #fff; } .incentive { background: #84a7b0 !important; color: #fff; } .outdoor { background: #8db084 !important; color: #fff; } /********************************** Sitemap */ .box_sitemap_half { border: 1px dotted #ccc; background: #FFF6E7; padding: 10px; margin:0px 0px 20px 0px; font-size: 12px; line-height: 16px; } .box_sitemap_half a { text-decoration: none; } .box_sitemap_half a:hover { text-decoration: underline; } .dropdown #box_open, .dropdown .option_wrapper { display: none; } .dropdown { width: auto; text-align: left !important; color: #4C4844 !important; cursor: default; font-size: 11px; } * html .dropdown { display: block; } .dropdown a { text-align: left !important; color: #4C4844 !important; } .dropdown .subject_wrapper, .dropdown .option_wrapper { padding: 0 0 0 2px; } .dropdown .subject_wrapper { background: #f9f9f9 url(../images_new/button_down.gif) no-repeat right; height: 15px; } .dropdown .option_wrapper { border-width: 1px 0 0; position: absolute; z-index: 8999; background: #F9F9F9; } .dropdown .option_wrapper a { display: block; cursor: pointer; } .dropdown .option_wrapper a:hover, .dropdown .option_wrapper a.active { background: #f0f0f0; } /* DETAILSEARCH */ #detailsearch .dropdown { display: block; margin: 7px 0 0; } .ort .subject_wrapper, .ort .option_wrapper { width: 130px !important; } .plz .subject_wrapper, .plz .option_wrapper { width: 50px !important; } .stern .subject_wrapper, .stern .option_wrapper { width: 90px !important; } /* BOOKFORM */ #bookform .dropdown { display: inline; float: left; margin: 0 3px 10px 0; border-width: 0; border-color: #ccc; } #bookform .float_left { margin: 0 10px 0 0; } #bookform .dropdown .option_wrapper { background: #F9F9F9 !important; border-width: 0 1px 1px; border-color: #ccc; } #bookform .dropdown .subject_wrapper { border-width: 1px 1px 1px; border-color: #ccc; background: #f9f9f9 url(../images_new/bookform_button_down.gif) no-repeat top right; } #bookform .dropdown .subject_wrapper, #bookform .dropdown .option_wrapper { padding: 0 8px 0 2px; } .day .subject_wrapper, .day .option_wrapper { width: 25px; } .month .subject_wrapper, .month .option_wrapper { width: 55px; } .year .subject_wrapper, .year .option_wrapper { width: 30px; } .time .subject_wrapper, .time .option_wrapper { width: 23px; } /* */