/* ******** Allgemein ********* */
/* HTML Elemente */
html { }
body { margin: 0; padding: 0; background: #fdf8e0 url(../images/bg_body.gif) repeat-y }
body.leer { background: none; padding: 10px }
* { color: #000; font-size: 11px; font-family: Arial,Verdana,sans-serif,Helvetica }
a { color: #112B5C; text-decoration: none }
a:hover { }
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0 }
h1 { color: #6D706A; font-size: 26px; font-weight: normal }
h2 { font-size: 16px; font-weight: normal }
h3 { font-size: 14px; color: #494C45 }
h4 { font-size: 12px }
h5 { }
h6 { }
p { margin: 0; padding-bottom: 10px }
ul { }
ol { }
/* Allgemeine Klassen für alle Module */
big { font-size: 13px }
small { font-size: 9px }
sup, sub { font-size: 9px }
hr { color: #ffffff; background-color: #ffffff; height: 1px; border: 0 }
form { margin: 0; padding: 0; border: 0 }
input, select, fieldset { margin: 0 }
label { margin: 0 }
.err { color: #cc0000 }
.success { color: green }
a img { border: none }
.break { line-height: 0; clear: both; font: 0; height: 0; overflow: hidden; }
.lfloat { float: left}
.clear { clear: both }
/* Conrad-Editor */
.mceContentBody { background: #FDF8E0 }
/* ******** Conrad ********* */
/* overLib */
#overDiv { visibility: hidden; position: absolute; z-index: 1000 }
/* Panel-Popups */
.panel { color: black; font-size: 11px; text-decoration: none; font-family: Arial, sans-serif; border: 2px dashed #c0c0c0 }
a.panel_popup { color: #FF6600 }
.panel_popup_bg { border: 1px solid #FF6600; background-color: #FF6600 }
.panel_popup_fg { background-color: #FFFFFF }
.panel_popup_text * { color: black; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif }
.panel_popup_cap { color: white; font-size: 10px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif }
panel_popup_cap { color: white; font-size: 10px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif }
/* Allgemeines CSS für alle Module */
ul.none { padding: 0; margin: 0 }
ul.none li { list-style-type: none }
.l { text-align: left }
.r { text-align: right }
.c { text-align: center }
.bold { font-weight: bold }
.normal { font-weight: normal }
.hideme { display: none }
/* ******** Seitenaufbau Startseite ********* */
#page { width: 945px; border-top: 20px solid #edc200}
#header { background: #fdf8e0 url(../images/bg_header.gif) top left no-repeat; min-height: 66px; padding: 22px 0 22px 260px; position: relative; float: left; width: 685px }
a#home { position: absolute; top: -3px; left: 0px }
#main { clear: both }
#sidebar { min-height: 100px; width: 235px; float: left}
#content { float: left; width: 688px; padding-left: 22px }
/* Startseite */
body.start #sidebar { border-top: 45px solid #063474; padding-top: 15px }
body.start #content { width: 710px; padding-left: 0px; }
h1.title {
text-transform: uppercase;
background: #fff url(../images/bg_h1.gif) no-repeat top right;
width: 330px;
height: 35px;
padding: 5px 22px;
margin-left: -22px; margin-bottom: 15px
}
/* ********* Module ********* */
ul.navigation_showLevel1 { height: 66px }
ul.navigation_showLevel1 li { float: left }
ul.navigation_showLevel1 li a {
background: #F6E080 url(../images/bg_nav.gif) top right no-repeat;
display: block;
text-align: center;
padding: 25px 5px 5px;
font-size: 11px;
text-transform: uppercase;
color: #494C45;
width: 115px;
font-family: Arial, Helvetica, sans-serif;
margin-right: 10px;
font-weight: bold
}
ul.navigation_showLevel1 li.last a { margin-right: 0 }
ul.navigation_showLevel1 li a:hover { background-color: #112B5C!important; color: #fff }
ul.navigation_showLevel1 li.on a { background-color: #112B5C!important; color: #fff }
/* Schnellnavigation */
ul.short_navigation_show { padding: 0 30px 20px }
ul.short_navigation_show li { padding-bottom: 3px }
ul.short_navigation_show a { color: #80827D }
ul.short_navigation_show a:hover { color: #494C45 }
ul.short_navigation_show li.on a { color: #494C45 }
ul.spacer { margin-top: 293px }
/* Texte */
#sidebar div.text_show { padding-left: 30px!important; line-height: 14px }
div.text_show { padding-left: 22px; margin-bottom: 15px; line-height: 16px }
div.no_space { padding: 0}
#sidebar div.no_space { padding: 0}
/*Bilder */
img.image_show { margin-bottom: 10px }
div.image_showGalleryImages { margin-bottom: 10px }
/* Sprache */
ul.sitelanguages_show { margin: 10px 30px; float: left }
ul.sitelanguages_show li { display: block; float: left; padding-right: 10px }
ul.sitelanguages_show li a { display: block; height: 16px; width: 23px; background-position: bottom left; text-indent: -9999px }
ul.sitelanguages_show li.on a { background-position: top left }
/* Locationfinder */
div.locfinder_showSearchLocation { margin-bottom: 10px; float: left }
div.locfinder_showSearchLocation *{ font-size: 10px }
div.locfinder_showSearchLocation h3 { background: #EDC200; padding: 7px 5px; margin: 15px 0 3px; clear: both }
div.locfinder_showSearchLocation h2 { margin: 15px 0 10px; font-weight: bold }
div.locfinder_showSearchLocation div.SearchForm { width: 350px; padding: 0 10px; background: #F6E080; float: left; margin-right: 5px }
div.locfinder_showSearchLocation div.SearchList { width: 290px; padding: 0 10px 15px; background: #FDE180; float: left }
div.locfinder_showSearchLocation #chairs_in_a_row { border: none; width: 160px; padding: 2px 5px }
div.locfinder_showSearchLocation ul { clear: both; margin-bottom: 15px; float: left; width: 100% }
div.locfinder_showSearchLocation ul li { float: left; width: 160px; padding: 2px 5px; background: #fff; margin-bottom: 3px }
div.locfinder_showSearchLocation ul li:hover { background: #f8f2d6 }
div.locfinder_showSearchLocation ul li.clear { clear: left; margin-right: 10px }
div.locfinder_showSearchLocation label { cursor: pointer; display: block }
div.locfinder_showSearchLocation a.unselect { float: right; margin: -24px 3px 0 0; padding: 2px }
div.locfinder_showSearchLocation p.location_no_matches { font-weight: bold }
div.locfinder_showSearchLocation div.SearchList ul { width: 280px; margin-bottom: 0 }
div.locfinder_showSearchLocation div.SearchList ul li { float: none; background: none; width: 280px; padding: 3px 5px }
div.locfinder_showSearchLocation div.SearchList ul li.odd { background: #FBF3CC}
div.locfinder_showSearchLocation div.SearchList a { color: #5B5E58 }
div.locfinder_showSearchLocation #location_result { float: right; margin-top: -23px }
/* Checkboxes */
label.checkbox_checked { background: url(../images/icon_check.gif) right 3px no-repeat }
label.checkbox_unchecked { background: url(../images/icon_uncheck.gif) right 3px no-repeat }
.crirHidden { position: absolute; left: -1000px; }
div.locfinder_showSearchEvent { margin-bottom: 10px; float: left }
div.locfinder_showSearchEvent *{ font-size: 10px }
div.locfinder_showSearchEvent h3 { background: #EDC200 url(../images/icon_toggle.gif) 8px top no-repeat; padding: 7px 5px 7px 20px; margin: 15px 0 3px; clear: both; cursor: pointer; }
div.locfinder_showSearchEvent h2 { margin: 15px 0 10px; font-weight: bold }
div.locfinder_showSearchEvent ul { clear: both; width: 100% }
div.locfinder_showSearchEvent label { cursor: pointer; display: block; }
div.locfinder_showSearchEvent div.SearchForm { width: 350px; padding: 0 10px 15px; background: #F6E080; float: left; margin-right: 5px }
div.locfinder_showSearchEvent div.SearchList { width: 290px; padding: 0 10px 15px; background: #FDE180; float: left }
div.locfinder_showSearchEvent div.textfields { clear: both; float: left; margin-bottom: 15px; width: 100% }
div.locfinder_showSearchEvent div.textfields li.hot_cat { background: #fff; float: left; width: 340px; padding: 2px 5px }
div.locfinder_showSearchEvent div.textfields li.hot_cat span { float: left; padding-right: 89px }
div.locfinder_showSearchEvent div.textfields li.hot_cat label { width: auto; float: left; margin-left: 5px; text-align: right; padding: 0 10px 0 5px }
div.locfinder_showSearchEvent div.textfields li.hot_cat label.egal { width: 35px; float: left }
div.locfinder_showSearchEvent div.textfields label.text { background: #fff; width: 280px; padding: 2px 5px }
div.locfinder_showSearchEvent div.textfields label.text:hover { background: #f8f2d6 }
div.locfinder_showSearchEvent div.textfields input { float: right; border: none; width: 50px; padding: 2px }
div.locfinder_showSearchEvent div.textfields select { float: right; width: 54px; }
div.locfinder_showSearchEvent div.textfields ul li { margin-bottom: 3px; clear: both }
div.locfinder_showSearchEvent #hotel_attribute_panel_disabled { }
div.locfinder_showSearchEvent #hotel_attribute_panel_disabled div { clear: both; display: block; padding: 2px 5px; background: #fff; width: 340px }
div.locfinder_showSearchEvent #hotel_attribute_panel_disabled div p { padding: 0 }
div.locfinder_showSearchEvent div.checkbox { clear: both; float: left; margin-bottom: 15px; width: 100% }
div.locfinder_showSearchEvent div.checkbox ul li { float: left; width: 160px; padding: 2px 5px; background: #fff; margin-bottom: 3px }
div.locfinder_showSearchEvent div.checkbox ul li:hover { background: #f8f2d6 }
div.locfinder_showSearchEvent div.checkbox ul li.clear { clear: left; margin-right: 10px }
div.locfinder_showSearchEvent div.checkbox ul li.long { width: 340px }
div.locfinder_showSearchEvent a.unselect { float: right; margin: -24px 3px 0 0; padding: 2px }
div.locfinder_showSearchEvent div.SearchList ul li { float: none; background: none; width: 280px; padding: 3px 5px }
div.locfinder_showSearchEvent div.SearchList ul li.odd { background: #FBF3CC}
div.locfinder_showSearchEvent div.SearchList a { color: #5B5E58 }
div.locfinder_showSearchEvent div.last { margin: 0 }
div.locfinder_showServiceList { background: #9d0c15; min-width: 350px; float: left }
div.locfinder_showServiceList h3 { font-size: 11px; font-weight: bold; color: #fff; padding: 12px 5px; text-transform: uppercase }
div.locfinder_showServiceList li { background: #e7c2c5; padding: 12px 5px; border-bottom: 1px solid #fff}
div.locfinder_showServiceList li.even { background: #f0dbdc }
div.locfinder_showServiceList a { color: #000; font-weight: bold; }
div.locfinder_showServiceList a:hover { color: #494C45 }
div.locfinder_showServiceList a span { }
div.locfinder_showMobilityList { background: #003882; min-width: 350px; float: left }
div.locfinder_showMobilityList h3 { font-size: 11px; font-weight: bold; color: #fff; padding: 12px 5px; text-transform: uppercase }
div.locfinder_showMobilityList li { background: #eff6fc; padding: 12px 5px; border-bottom: 1px solid #fff}
div.locfinder_showMobilityList li.even { background: #e0eef8 }
div.locfinder_showMobilityList a { color: #000; font-weight: bold; }
div.locfinder_showMobilityList a:hover { color: #494C45 }
div.locfinder_showMobilityList a span { }
div.details { padding: 10px; float: left; width: 668px }
div.details h3 { color: #5B5E58; margin-bottom: 5px }
div.details h4 { color: #494C45; margin: 15px 0 5px; clear: left }
div.details ul.none { margin-bottom: 10px; float: left; width: 530px }
div.details div.content { float: left; width: 530px; position: relative }
div.details ul.none li { margin-bottom: 3px; float: left; clear: left; padding: 2px 5px; width: 520px }
div.details ul.none li label { margin-right: 5px; display: block; width: 234px; float: left }
div.details ul.none li span { float: left; width: 281px }
div.details ul.two_rows { }
div.details ul.two_rows li { background: #F1A666; width: 224px; float: left; margin-right: 0; clear: none }
div.details ul.two_rows li.clear { clear: left; margin-right: 3px; width: 223px; }
div.details ul.three_rows { }
div.details ul.three_rows li { background: #F1A666; width: 165px; float: left; margin-left: 3px; clear: none }
div.details ul.three_rows li label { width: auto }
div.details ul.three_rows li.clear { clear: left; margin-left: 0; width: 164px; }
div.details ul.one_row li { background: none!important; width: 520px }
div.details a.back { background: #112B5C; color: #fff; padding: 5px 7px; float: right; margin: -40px -10px 10px 0; position: relative }
div.details ul.imagegallery { width: auto; margin-left: 30px; position: relative }
div.details ul.imagegallery h4 { margin-top: 0}
div.details ul.imagegallery li { width: auto; background: none!important }
div.details ul.imagegallery a.overlib { width: 80px; height: 80px; display: block; overflow: hidden; border: 1px solid #000 }
div.details ul.imagegallery div.popup { position: absolute; background: #fff; border: 1px solid #000; padding: 10px; }
div.details ul.imagegallery div.popup img { margin-bottom: 5px }
div.details ul.imagegallery div.popup p { padding: 0 }
div.details table.rooms { margin: 0 -3px; width: 536px }
div.details table.rooms th { background: #FAE1CC; padding: 2px; font-weight: normal }
div.details table.rooms td { background: #F1A666; padding: 2px }
div.details span.legend { background: #F1A666; padding: 2px 5px; color: #fff; display: block; margin-bottom: 3px }
div.details ul.address { float: left; width: 50% }
div.details ul.address li { padding: 0; width: 100% }
div.details ul.address li span { float: left; width: 221px }
div.details ul.address li label { margin-right: 5px; display: inline; float: left; width: auto }
div.details a.request { background: #112B5C; position: relative; color: #fff; padding: 5px 7px; float: right; margin-top: -40px; font-weight: bold }
div.details a.bottom { margin: 0px; }
div.details a.back_bottom { background: #112B5C; color: #fff; padding: 5px 7px; margin: 0 -10px 0 101px; float: right }
div.details a.locfinder { margin-left: 48px }
div.details a.locfinder_en { margin-left: 63px }
div.details ul.additionals li {line-height: 17px }
div.details a.info { display: block; float: left; margin: 14px 0 0 5px }
div.details a.googlemaps { background: url(../images/icon_map.gif) no-repeat top left; padding-left: 18px; display: block; line-height: 15px }
/* Styles in Listen */
div.details ul.one_row li ul, div.details ul.one_row li ol { margin: 0; padding: 0 0 0 15px }
div.details ul.one_row li ul ul, div.details ul.one_row li ol ol { margin: 0; padding: 0 0 0 25px }
div.details ul.one_row li ul li, div.details ul.one_row li ol li { width: auto; float: none; list-style: disc; }
div.details ul.one_row li ol li { list-style: decimal }
div.locfinder_showLocationDetails { background: #FDE180; }
div.locfinder_showLocationDetails h4.subtitle { margin: 0 0 10px; }
div.locfinder_showLocationDetails ul.none li { background: #F1A666 url(../images/bg_list.gif) repeat-y }
div.locfinder_showLocationDetails ul.address li { background: none }
div.locfinder_showLocationDetails ul.three_rows li { background: #F1A666 }
div.locfinder_showLocationDetails div.overflow { width: 536px; overflow: hidden }
div.locfinder_showServiceDetails { background: #F0DBDC }
div.locfinder_showServiceDetails h4.subtitle { margin: 0 0 10px; }
div.locfinder_showServiceDetails ul.none li { background: #F0808A url(../images/bg_list_service.gif) repeat-y }
div.locfinder_showServiceDetails ul.address li { background: none }
div.locfinder_showServiceDetails ul.three_rows li { background: #F1A666 }
div.locfinder_showServiceDetails span.legend { background: #E7C2C5; color: #000 }
div.locfinder_showServiceDetails table.rooms th { background: #9D0C15; color: #fff }
div.locfinder_showServiceDetails table.rooms td { background: #E7C2C5 }
div.locfinder_showServiceDetails ul.one_row li { padding: 0 }
div.locfinder_showMobilityDetails { background: #EFF6FC }
div.locfinder_showMobilityDetails h4.subtitle { margin: 0 0 10px; }
div.locfinder_showMobilityDetails ul.none li { background: url(../images/bg_list_mobility.gif) repeat-y }
div.locfinder_showMobilityDetails ul.address li { background: none }
div.locfinder_showMobilityDetails ul.three_rows li { background: #F1A666 }
div.locfinder_showMobilityDetails span.legend { background: #E0EEF8; color: #000 }
div.locfinder_showMobilityDetails table.rooms th { background: #003882; color: #fff }
div.locfinder_showMobilityDetails table.rooms td { background: #E0EEF8 }
div.locfinder_showMobilityDetails ul.one_row li { padding: 0 }
div.locfinder_showContactForm { background: #FDE180; padding: 10px 15px; float: left; width: 420px }
div.locfinder_showContactForm h1 { margin-bottom: 15px }
div.locfinder_showContactForm h2 { margin-bottom: 10px }
div.locfinder_showContactForm h4 { margin-bottom: 5px }
div.locfinder_showContactForm table.filter { width: 300px; margin: 0 -3px 10px }
div.locfinder_showContactForm table.filter th { background: #F1A666; text-align: left; padding: 2px 10px 2px 5px; width: 140px; }
div.locfinder_showContactForm table.filter td { background: #F1A666; padding: 2px 5px }
div.locfinder_showContactForm div.float { float: left; width: 220px }
div.locfinder_showContactForm div.clear { clear: left }
div.locfinder_showContactForm label { display: block; padding: 10px 0 2px }
div.locfinder_showContactForm input { width: 196px; border: none; background: #fff; padding: 2px }
div.locfinder_showContactForm textarea { width: 420px; height: 90px; border: none; background: #fff; margin-bottom: 10px }
div.locfinder_showContactForm #self_to_cc { width: 13px; margin-right: 5px }
div.locfinder_showContactForm label.check { display: inline; cursor: pointer }
div.locfinder_showContactForm input.submit { background: #112B5C; color: #fff; padding: 5px 7px; float: right; margin: 10px 0 0; cursor: pointer; width: 100px }
div.locfinder_showContactForm #verification_area { margin: 10px 0 }
div.locfinder_showContactForm #verification_area img { float: left; margin-right: 10px }
div.locfinder_showContactForm #msg_form_not_valid { padding: 0 0 5px }
div.locfinder_showContactForm #msg_email_not_valid { padding: 0 0 5px }
/* Formulargenerator */
div.formgen_showForm_form_standard { clear: left; float: left; margin-bottom: 20px; background: #FDE180; padding:10px 15px; width: 658px }
div.formgen_showForm_form_standard h1.formtitle { margin-bottom: 15px }
div.formgen_showForm_form_standard br { clear: both}
div.formgen_showForm_form_standard div.err { padding: 5px 0; color: #cc0000}
div.formgen_showForm_form_standard div.last { margin: 0px;}
div.formgen_showForm_form_standard textarea { border: none; background: #fff; padding: 2px }
div.formgen_showForm_form_standard input { border: none; background: #fff; padding: 2px }
div.formgen_showForm_form_standard label { display: block; padding-bottom: 2px }
div.formgen_showForm_form_standard div.buttons { float: right}
div.formgen_showForm_form_standard div.buttons { text-align: right }
div.formgen_showForm_form_standard div.buttons input { background: #112B5C; color: #fff; padding: 5px 7px; margin: 10px 0 0 20px; cursor: pointer }
div.formgen_showForm_form_standard div.buttons input.submit { width: 100px }
div.formgen_showForm_form_standard div.buttons input.continue { width: 90px }
div.formgen_showForm_form_standard div.buttons input.back { width: 90px }
div.formgen_showForm_form_standard div.buttons input.reset { width: 180px }
div.formgen_showForm_freetext_standard { float: left; margin-right: 20px; padding: 5px 0 }
div.formgen_showForm_freetext_standard div.float { float: left; margin-right: 20px }
div.formgen_showForm_freetext_small { float: left; margin-right: 15px; padding: 5px 0 }
div.formgen_showForm_freetext_small div.float { float: left; margin-right: 10px }
div.formgen_showForm_multichoose_standard { float: left; margin-right: 36px; padding: 5px 0 }
div.formgen_showForm_multichoose_standard input { width: 14px; margin-top: 2px; border: none }
div.formgen_showForm_multichoose_standard label.check { display: inline; padding: 0 10px 0 2px; cursor: pointer }
div.formgen_showForm_choose_standard { float: left; margin-right: 36px; padding: 5px 0 }
div.formgen_showForm_choose_standard input { width: 14px; margin-top: 2px; border: none }
div.formgen_showForm_choose_standard label.check { display: inline; padding: 0 10px 0 2px; cursor: pointer }
div.formgen_showForm_text_standard { float: left; margin-right: 36px; padding: 5px 0 }
div.formgen_showForm_form_standard_confirm { margin-bottom: 20px }
div.formgen_showForm_form_standard_confirm form { margin-right: 10px; float: left }
div.formgen_showForm_form_standard_confirm div.buttons { padding-right: 5px; height: 21px; float: right }
div.formgen_showForm_form_standard_confirm div.buttons input{ border: none; height: 32px; cursor: pointer; background: url(../images/bg_button.gif) no-repeat; color: #0078bd; text-align: left; padding-left: 35px; font-weight: bold; font-size: 12px; margin-left: 10px }
div.formgen_showForm_form_standard_confirm div.buttons input.confirm { width: 115px }
div.formgen_showForm_form_standard_confirm div.buttons input.edit { width: 210px }
div.formgen_showForm_form_standard_confirm table.item { margin-bottom: 15px }
div.formgen_showForm_form_standard_confirm table.item td { padding: 0 3px; vertical-align: top}
div.formgen_showForm_form_standard_confirm table.item td.label { padding-right: 20px; font-weight: bold }
/* Editor-Klassen */
table.ZweiSpalten { width: 688px; margin: 0; padding: 0; border-collapse: collapse }
table.ZweiSpalten td { vertical-align: top }
td.linke_spalte { padding-right: 20px; width: 334px }
.dunkelblau { background: #003882; padding: 12px 5px; color: #fff }
.dunkelblau * { color: #fff }
.hellblau { background: #EFF6FC; padding: 12px 5px; border-bottom: 1px solid #fff }
.blau { background: #E0EEF8; padding: 12px 5px; border-bottom: 1px solid #fff }