/**
Diese CSS Datei wird von den Landingpages verwendet!!!
Siehe http://www.tui-ferienhaus.de/ferienwohnungen/
*/

/* @group Setup */
* {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    background-repeat: no-repeat;
    background-position: top center;
}

#wrapper {
    width: 960px;
    margin: 0 auto;
    color: #333;
    /*font: 12px/16px Arial, Helvetica, Geneva, sans-serif;*/
    font: 0.8em / 1.3em Arial, Helvetica, Geneva, sans-serif;
}

* html #wrapper {
    width: 960px;
    margin: 0 auto;
    color: #333;
    font: 0.8em / 1.2em Arial, Helvetica, Geneva, sans-serif;
}

#wrapper.short {
    width: 670px;
}

ul, ol {
    padding-left: 1.5em;
}

* html ol {
    padding-left: 2.5em;
}

p, ul, ol, fieldset {
    margin-bottom: 12px;
}
/* @group Standard */
.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.alignleft {
    text-align: left;
}

.alignright {
    text-align: right;
}

.aligncenter {
    text-align: center;
}

.video {
	padding-top: 10px;
	text-align: center;
}

.no_margin {
	margin: 0px;
}
/* @end */
/* @group Links */
a {
    text-decoration: underline;
    color: #333;
    cursor: pointer;
}

a:link {
    text-decoration: underline;
    color: #333;
}

a:visited {
    color: #666;
}

a:active {
    color: #ab1108;
}

a:hover {
    color: #ef0000;
}
/* @end */
/* @end */
/* @group Backgrounds */
html {
    /*background-image: url(/webfiles/fh/backgrounds/pool-background.png);*/
}

body {
    /*background-image: url(/webfiles/fh/backgrounds/pool.jpg);*/
}
/* @end */
/* @group Layout */
#header {
    height: 284px;
    position: relative;
    overflow: hidden;
}

#navigation {
    height: 70px;
    background: url(/webfiles/fh/bilder/navigation.png) no-repeat;
}

#navigation.short {
    background: url(/webfiles/fh/bilder/short_navigation.png) no-repeat;
}

#main-wrapper {
    background-image: url(/webfiles/fh/bilder/main-wrapper.png);
    padding: 1px 0px 20px 0px;
}

#main-wrapper.short {
    background: url(/webfiles/fh/bilder/short_main-wrapper.png) repeat;
}

#main {
    width: 860px;
    margin: 0px auto;
}

#footer {
    height: 128px;
    position: relative;
    background: url(/webfiles/fh/bilder/footer.png) center bottom;
}

#footer.short {
    background: url(/webfiles/fh/bilder/short_footer.png) no-repeat;
}
/* @end */
/* @group Form */
fieldset {
    border: 1px solid #999;
    padding: 20px;
    color: #444;
}

fieldset.formsheet {
    background-color: #f0f0f0;
    padding: 10px 20px;
    border: 1px solid #c2ceb2;
    position: relative;
}

fieldset.formsheet strong.stronger {
    color: #000;
}

fieldset.formsheet fieldset {
    background-color: #f9f9f9;
    border: 1px solid #CCC;
}

.required {
    color: #ef0000;
}

.step {
    color: #008800;
}

legend {
    color: #000;
    padding: 0px 5px;
    font-weight: bold;
    margin-left: -5px;
}

.select, .input, .checkbox, .submit, .radio, .textarea, .checkboxes, .form-inline {
    clear: both;
    margin-bottom: 6px;
}

.form-inline {
    position: relative;
}

.combo {
    margin-bottom: 6px;
    width: 320px;
    float: left;
    position: relative;
}

* html .combo {
    margin-left: 2px;
}

input, select, textarea {
    /*font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;*/
    font: 0.9em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

* html .select, * html .input, * html .checkbox, * html .submit, * html .radio, * html .combo, * html .checkboxes {
    margin-bottom: 3px;
}

select.inline, #minicalendar select, input.inline, .dateinlineshort {
    border: 1px inset #CCC;
    padding: 2px;
}

select.inline_short {
    border: 1px inset #CCC;
    padding: 2px;
    width: 85px;
}

select.inline_long {
    border: 1px inset #CCC;
    padding: 2px;
    width: 200px;
}

select.inline_middel {
    border: 1px inset #CCC;
    padding: 2px;
    width: 160px;
}

.select label, .input label, .textarea label, .checkboxes label, .submit label {
    width: 155px;
    display: block;
    float: left;
    text-align: right;
    margin-right: 4px;
}

fieldset.inner .select label, fieldset.inner .input label, fieldset.inner .textarea label {
	width: 115px;
}

.select select, .input input, .textarea textarea {
    border: 1px inset #CCC;
    padding: 2px;
    width: 275px;
}

.input.short input, .select.short select, input.short {
    width: 144px;
}

.select.veryshort select {
    width: 70px;
}

.input.short input.date {
    width: 123px;
}

.input input.short {
    width: 35px;
}

* html .select select, * html .input input, * html .textarea textarea {
    width: 275px;
}

* html #main-content form fieldset.formsheet div.select.short select.ie-short, * html #main-content form fieldset.formsheet input.ie-short {
    width: 144px;
}

* html #main-content form fieldset.formsheet div.select.veryshort select.ie-very-short {
    width: 70px;
}

.form-inline label {
    margin-left: 30px;
    margin-right: 5px;
}

label.block {
    display: block;
}

.checkboxes .options {
    float: left;
    width: 280px;
    margin-bottom: 6px;
}

.checkboxes .options input {
    margin-right: 4px;
}

.checkboxes .options label {
    float: none;
    display: inline;
}

.input input.zipcode {
    width: 100px;
    float: left;
    margin-right: 8px;
}

* html .input input.zipcode {
    width: 92px;
    margin-left: 3px;
}

.input input.city {
    width: 165px;
    margin-right: 0px;
}

input.date, .dateinlineshort {
    background: #fff url(/webfiles/fh/bilder/mini-calendar.png) no-repeat left center;
    padding-left: 18px;
    width: 270px;
}

.input input.homedate {
    background: #fff url(/webfiles/fh/bilder/mini-calendar.png) no-repeat left center;
    padding-left: 18px ! important;
    width: 84px ! important;
}

* html input.date {
    width: 260px;
}

.textarea textarea {
    width: 280px;
}

.checkbox input, .radio input {
    margin-left: 154px;
    margin-right: 4px;
}

.checkbox input.smallMargin {
    margin-left: 4px;
}

.checkbox .smallIndent {
    margin-left: 24px;
}

.radio.inline input {
    margin-left: 0px;
}

.radio label.main {
    float: none;
    display: block;
}

.radio.inline label {
    margin-right: 10px;
}

.radio.inline label.main {
    width: 150px;
    display: block;
    float: left;
    text-align: right;
    margin-right: 4px;
}

fieldset.inner .radio.inline label.main {
	width: 115px;
}

fieldset.checkboxarray .checkbox {
    float: left;
    width: 130px;
    clear: none;
}

fieldset.checkboxarray .checkbox input {
    margin-left: 0px;
}

.submit input, input.search, input.book, a.submit, a:visited.submit, a:active.submit, a:hover.submit, a.search, a:visited.search, a:active.search, a:hover.search {
    padding: 0px 8px;
    color: #FFF;
    background: #ef0000 url(/webfiles/fh/bilder/submitbutton.png) no-repeat left center;
    height: 23px;
    border: 1px outset #ef0000;
    text-align: left;
    font-weight: 800;
}

a.submit, a:visited.submit, a:active.submit, a:hover.submit, a.search, a:visited.search, a:active.search, a:hover.search {
    padding: 4px 12px;
    text-decoration: none;
    font-size: 0.9em;
}

a.search, a:visited.search, a:active.search, a:hover.search {
    background: #ef0000 url(/webfiles/fh/bilder/searchbutton.png) no-repeat left center;
    padding-left: 24px;
    width: 12em;
}

a.reset, a:visited.reset, a:active.reset, a:hover.reset {
    margin: 5px 0px 0px 108px;
}

div.reset {
    margin-top: 5px;
}

input.search {
    background: #ef0000 url(/webfiles/fh/bilder/searchbutton.png) no-repeat left center;
    padding-left: 24px;
    width: 12em;
}

input.book {
    background: #ef0000 url(/webfiles/fh/bilder/orderbutton.png) no-repeat left center;
    padding-left: 24px;
}

a.book {
    padding: 3px 26px;
    color: #FFF;
    background: #ef0000 url(/webfiles/fh/bilder/orderbutton.png) no-repeat left center;
    border: 1px outset #ef0000;
    font-weight: 800;
    margin-left: 20px;
    text-decoration: none;
}

.book a {
	color: #EF0000;
	font-weight: bold;
}

#main-content .box input.search {
    width: 70px;
}

#main-content .box.nohighlight h2 {
    color: #333;
    background: url(/webfiles/fh/bilder/halve-box-headine.png) no-repeat;
}

.daterange input {
    background-color: #e6e6e6;
    width: 100px;
}

.formsheet .hint {
    border-top: 1px solid #CCC;
    padding-top: 5px;
    margin-top: 20px;
    margin-bottom: 0px;
}

form .required-label {
    float: left;
    font-size: 0.78em;
}

.formsheet .required-label {
    font-size: 0.78em;
	 float:right ! important; 
	 font-size:10px ! important; 
	 margin-left:3px ! important;	 
}

#side-content .required-label {
    color: #999;
    /*font-size: 10px;*/
    font-size: 0.78em;
    line-height: 23px;
}

.catalog .formsheet .checkbox input {
    margin-left: 0px;
}

.error {
    color: #EF0000;
    font-weight: bolder;
}

.homeerror {
    color: #EF0000;
    font-size: 0.78em;
    font-weight: bolder;
}

.instant-result {
    border: 1px solid #ccc;
    margin: 10px 0px 10px 0px;
    line-height: 25px;
    padding: 5px;
    background-color: #f0fed9;
}

img.miniloader {
    position: relative;
    top: 2px;
    margin-right: 5px;
}

* html #order-form-reset {
    width: 170px;
    text-align: center;
}

* html #order-form-submit {
    width: 188px;
    text-align: center;
}
/* @group Side Content */
#side-content .select label, #side-content .input label, #side-content .radio label, #side-content .textarea label, #side-content .submit label {
    width: 100px;
}

#side-content .select select, #side-content .input input, #side-content .textarea textarea {
    width: 160px;
}

#side-content .select select {
    width: 164px;
}

#side-content .select .long-select {
    width: 230px;
}

#side-content .select .long-select-result {
    width: 210px;
}

#side-content .input.short input {
    width: 80px;
}

#side-content .checkbox input, #side-content .submit input, #side-content .radio input {
    margin-left: 104px;
}

#side-content .submit.label input {
    margin-left: 0px;
}

#side-content .radio.inline input {
    margin-left: 0px;
}

#side-content .daterange input {
    width: 80px;
}

#side-content .combo {
    width: 200px;
    float: left;
}

#side-content .input input.date {
    width: 142px;
}

#side-content .input .date-ext input.date {
    width: 122px;
}

#side-content .input .date-ext input.date {
    width: 122px;
    float: left;
}

.button-delete-date {
    position: absolute;
    display: block;
    width: 18px;
    height: 18px;
    text-indent: -9000px;
    background: url(/webfiles/fh/icons/18_close_on_green.png) no-repeat;
    top: 1px;
    right: 35px;
}

.button-delete-date span {
}
/* @end */
/* @end */
/* @group Header */
#header h1 {
    position: absolute;
    top: 30px;
    left: 50px;
    color: #ef0000;
}

#header h1 a {
    display: block;
    text-decoration: none;
    width: 226px;
    height: 73px;
    background: url(/webfiles/fh/bilder/tui-ferienhaus-logo.png) no-repeat;
}

#header h1 a img {
    visibility: hidden;
}

#logo_home {
	position: absolute;
	top: 30px;
	left: 50px;
}

#top-bar {
    position: absolute;
    right: 50px;
    top: 0px;
    height: 36px;
    line-height: 36px;
    width: 242px;
    background: url(/webfiles/fh/bilder/top-bar.png) no-repeat;
}
/*
 #top-bar ul li {
 margin: 0px 0px 0px 15px;
 padding-left: 20px;
 background: url(/webfiles/fh/bilder/green-bullet.png) no-repeat left center;
 }
 
 * html #top-bar ul li {
 margin-left: 10px;
 }
 
 #top-bar ul li img {
 border: 1px solid #CCC;
 margin-top: 8px;
 }
 */
#description {
    position: absolute;
    top: 145px;
    left: 50px;
    width: 250px;
    color: #FFF;
    line-height: 16px;
}

#description p {
    font: 12px / 16px Arial, Helvetica, Geneva, sans-serif;
}
#description h2 {
	padding:0;
	margin:0;
	font-size: 12px;
	font-family: Arial, Helvetica, Geneva, sans-serif;	
	font-weight:bold;
	padding-bottom: 15px;
}

/* @end */
/* @group Breadcrumbs */
#breadcrumbs {
    margin-top: -5px;
    border-bottom: 1px solid #CCC;
    margin-bottom: 25px;
    height: 20px;
    position: relative;
}

* html #breadcrumbs {
    margin-top: 0px;
}

#breadcrumbs ul {
    list-style-type: none;
    padding-left: 0;
}

#breadcrumbs ul li {
    float: left;
    padding-right: 12px;
    background: url(/webfiles/fh/bilder/breadcrumb.png) no-repeat right center;
    padding-left: 8px;
    color: #777;
    font-size: 0.9em;
    line-height: 22px;
}

#breadcrumbs ul li.first {
    padding-left: 0;
}

#breadcrumbs ul li.last {
    background: none;
}

#breadcrumbs ul li a, #breadcrumbs ul li a:link, #breadcrumbs ul li a:visited, #breadcrumbs .back {
    color: #777;
    text-decoration: none;
    /*font-size: 11px;*/
    line-height: 22px;
}

#breadcrumbs ul li a:hover, #breadcrumbs a.back:hover {
    color: #888;
}

#breadcrumbs .back {
    float: right;
    padding-left: 8px;
    /*background: url(/webfiles/fh/bilder/back.png) no-repeat left center;*/
    font-size: 0.9em;
    font-weight: 600;
}

#breadcrumbs .help {
    position: absolute;
    right: 0px;
    top: 24px;
}
/* @end */
/* @group Footer */
#footer .text {
    position: absolute;
    left: 200px;
    top: 16px;
    color: #777;
    font-size: 11px;
}

#footer a, #footer a:link, #footer a:visited {
    color: #777;
}

#footer a:hover {
    color: #666;
}

#footer .text ul.navigation {
    margin-bottom: 3px;
}

#footer .text ul.navigation li {
    margin-bottom: 0;
    padding-right: 4px;
    margin-right: 4px;
    border-right: 1px solid #CCC;
}

#footer .text ul.navigation li.last {
    padding-right: 0;
    margin-right: 0;
    border-right: 0;
}

#world-of-tui {
    position: absolute;
    top: 20px;
    left: 65px;
}

#flags {
    padding: 0;
    list-style-type: none;
    position: absolute;
    top: 62px;
    left: 200px;
}

#flags li {
    float: left;
    margin-right: 2px;
}

#flags li img {
    border: 1px solid #deebc9;
}

#footer .actions {
    position: absolute;
    left: 820px;
    top: 27px;
}

#footer .print {
    padding-left: 22px;
    font-size: 11px;
    background: url(/webfiles/fh/icons/16_printer.png) no-repeat;
    position: absolute;
    left: 820px;
    top: 32px;
    height: 16px;
}

#footer .top {
    padding-left: 22px;
    font-size: 11px;
    position: absolute;
    left: 820px;
    top: 16px;
}
/* @end */
/* @group Navigation */
ul.navigation {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.navigation li {
    float: left;
    margin-right: 15px;
}

ul.navigation li.right {
    float: right;
    margin-right: 60px;
}

* html ul.navigation li.right {
    margin-right: 30px;
}

ul.navigation li a, ul.navigation li a:link, ul.navigation li a:visited {
    text-decoration: none;
}

#sub-navigation {
    height: 35px;
    margin-left: 50px;
    line-height: 36px;
    overflow: hidden;
}

* html #sub-navigation {
    height: 35px;
    margin-left: 50px;
    line-height: 36px;
    overflow: hidden;
}

#main-navigation {
    height: 35px;
    margin-left: 50px;
    line-height: 36px;
}

li#nav-owner a {
    border-left: 1px solid #999;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

li#nav-settings {
    list-style: none;
    float: right;
	height: 25px;
    margin-top: 0;
    margin-right: 28px;
    padding-top: 4px;
}

* html li#nav-settings {
    padding-top: 10px;
    margin-right: 15px;
}

li#nav-settings .language img {
    margin-right: 10px;
    border: 1px solid #999;
    padding: 1px;
}

#sub-navigation li {
    margin: 0;
}

#sub-navigation li.language {
    padding-top: 3px;
    margin-right: 50px;
    border: 0px;
}

#sub-navigation li.language img {
    border: 1px solid #93c992;
}

* html #sub-navigation li.language {
    padding-top: 9px;
    margin-right: 24px;
}

#main-navigation a, #main-navigation a:link, #main-navigation a:visited {
    color: #333;
    font: 12px Arial, Helvetica, Geneva, sans-serif;
}

#main-navigation a:hover {
    color: #ef0000;
}

#main-navigation a.naviOnSingle, #main-navigation a.naviOn, #main-navigation a.naviOnSingle:visited, #main-navigation a.naviOn:visited {
    color: #ef0000;
}

#sub-navigation a, #sub-navigation a:link, #sub-navigation a:visited {
    color: #FFF;
    font: 13px Arial, Helvetica, Geneva, sans-serif;
    height: 32px;
    font-weight: bold;
    padding: 12px 8px 10px 9px;
    border-right: 1px solid #060;
	margin: 0px;
}

#sub-navigation li.last a, #sub-navigation li.last a:link, #sub-navigation li.last a:visited {
    border: 0;
}

#sub-navigation a:hover, #sub-navigation a.naviOnSingle, #sub-navigation a.naviOnSingle:visited, #sub-navigation a.naviOn, #sub-navigation a.naviOn:visited {
    color: #080;
    font: 13px Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
    background: #fff url(/webfiles/fh/bilder/navigation-hover.png) repeat-x center top;
}

.price {
    font-weight: bold;
    color: #EF0000;
}

.priceBold {
    font-weight: bold;
    /* color: #EF0000; */
}
/* @end */
/* @group Carousel */
.carousel {
    position: relative;
    height: 242px;
    margin-bottom: 8px;
    margin-top: 20px;
}

.carousel-back, .carousel-forward {
    position: absolute;
    top: 90px;
    width: 50px;
    height: 50px;
}

.carousel-back a, .carousel-forward a {
    display: block;
    height: 50px;
    width: 50px;
    text-indent: -9000px;
}

* html .carousel-back {
    top: 90px;
    left: -50px;
}

* html .carousel-forward {
    top: 90px;
    right: -50px;
}

.carousel-back {
    left: -50px;
    cursor: pointer;
}

.carousel-back a {
    background-image: url(/webfiles/fh/bilder/carousel-left.png);
}

.carousel-forward {
    right: -50px;
    cursor: pointer;
}

.carousel-forward a {
    background-image: url(/webfiles/fh/bilder/carousel-right.png);
}

.carousel .items {
    list-style-type: none;
    padding: 0px;
    position: absolute;
    left: -217px;
    width: 3472px;
}

.carousel .item {
    overflow: hidden;
    float: left;
    display: block;
    width: 200px;
    margin-right: 9px;
    height: 234px;
    border: 1px solid #CCC;
    padding: 3px;
    line-height: 16px;
}

.carousel .item img {
    margin-bottom: 3px;
}

.carousel .last {
    margin-right: 0px;
}

.carousel .content {
    padding: 3px;
    padding-top: 0px;
    font-size: 12px;
}

.carousel h2 {
    font-size: 12px;
    /*font-size: 1.0em;*/
    height: 24px;
    line-height: 24px;
    color: #FFF;
    text-decoration: none;
    text-indent: 6px;
    background-image: url(/webfiles/fh/bilder/side-content-box-headine-highlight.png);
}

.carousel h2 a:link, .carousel h2 a:visited {
    line-height: 24px;
    color: #FFF;
    text-decoration: none;
}

.carousel h2 a:hover {
    text-decoration: underline;
}

.carousel .traveldate {
    font-size: 11px;
    /*font-size: 0.85em;*/
    font-weight: bold;
    float: left;
    margin-top: 4px;
}

.carousel a.price:link, .carousel a.price:visited {
    font-size: 11px;
    /*font-size: 0.85em;*/
    font-weight: bold;
    color: #ef0000;
    margin-top: 4px;
    float: right;
}

.carousel a.price:hover {
    color: #F90;
}
/* @end */
/* @group Boxarea */
.boxarea {
    position: relative;
}

.boxarea .content {
    /*padding: 3px;*/
    padding: 3px 4px;
    position: absolute;
    line-height: 16px;
}

.boxarea .content .half {
    width: 205px;
}

.boxarea h2, .boxarea h2 a:link, .boxarea h2 a:visited {
    /*font-size: 12px;*/
    font-size: 1.0em;
    margin-bottom: 4px;
    height: 24px;
    line-height: 24px;
    text-indent: 6px;
    text-decoration: none;
    color: #333;
}

.boxarea h2 a:hover {
    text-decoration: underline;
}

.boxarea .highlight h2 {
    color: #FFF;
}

.boxarea ul, ul.arrowed {
    padding: 0;
    list-style-type: none;
}

.boxarea li, ul.arrowed li {
    margin-bottom: 4px;
    padding-left: 16px;
    background: url(/webfiles/fh/bilder/double-arrow.png) no-repeat 4px 4px;
}

.boxarea li a, .boxarea li a:link, .boxarea li a:visited, ul.arrowed a:link, ul.arrowed a:visited {
    text-decoration: none;
}

.boxarea .content img {
    margin-top: -4px;
}

.boxarea .select select, .boxarea .input input {
    width: 100px;
    /*font-size: 10px;*/
    font-size: 0.78em;
}

* html .boxarea .select select, .boxarea .input input {
    width: 100px;
    font-size: 0.85em;
}

.boxarea .select label, .boxarea .input label {
    width: 80px;
}

.checkbox input {
    margin-left: 84px;
    margin-right: 4px;
}

.checkbox label .textline {
    margin-left: 105px;
}

.boxarea input.search {
    width: 70px;
    margin-right: 16px;
}
/* class home -> suchfelder auf der startseite*/
.boxarea select.home {
    width: 120px;
}

* html .boxarea select.home {
    margin-bottom: 4px;
    width: 112px;
    overflow: visible;
}

.boxarea select.homedauer {
    width: 106px;
    border: 1px inset #CCC;
    padding: 2px;
    font-size: 0.78em;
}

* html .boxarea select.homedauer {
    margin-bottom: 4px;
    width: 98px;
    overflow: visible;
    border: 1px inset #CCC;
    padding: 2px;
    font-size: 0.78em;
}
/* @group Sizes */
.rows1 {
    height: 153px;
}

.rows2 {
    height: 306px;
}

.rows3 {
    height: 459px;
}

.rows4 {
    height: 612px;
}

.rows5 {
    height: 765px;
}
/* @end */
/* @group Box Sizes */
.box1-1 {
    position: absolute;
    width: 208px;
    height: 145px;
    font-size: 12px;
    /*font-size: 1.0em;*/
    background: #deebc9 url(/webfiles/fh/bilder/box1.png) no-repeat;
    z-index: 1;
    overflow: hidden;
}

.box1-2 {
    position: absolute;
    width: 208px;
    height: 298px;
    font-size: 12px;
    /*font-size: 1.0em;*/
    background: #deebc9 url(/webfiles/fh/bilder/box1.png) no-repeat;
    z-index: 1;
    overflow: hidden;
}

.box2-1 {
    position: absolute;
    width: 425px;
    background: #deebc9 url(/webfiles/fh/bilder/box2.png) no-repeat;
    z-index: 1;
    height: 145px;
    font-size: 12px;
    /*font-size: 1.0em;	*/
    overflow: hidden;
}

.box2-2 {
    position: absolute;
    width: 425px;
    background: #deebc9 url(/webfiles/fh/bilder/box2.png) no-repeat;
    z-index: 1;
    height: 298px;
    font-size: 12px;
    /*font-size: 1.0em;	*/
    overflow: hidden;
}

.box1-1:hover, .box1-2:hover, .box2-1:hover, .box2-2:hover {
    z-index: 3;
}

.box2-1.highlight, .box2-2.highlight {
    background: #deebc9 url(/webfiles/fh/bilder/box2-highlight.png) no-repeat;
}
/* @end */
/* @group Box Positions */
.pos1-1 {
    left: 0px;
    top: 0px;
}

.pos2-1 {
    left: 217px;
    top: 0px;
}

.pos3-1 {
    left: 434px;
    top: 0px;
}

.pos4-1 {
    left: 651px;
    top: 0px;
}

.pos1-2 {
    left: 0px;
    top: 153px;
}

.pos2-2 {
    left: 217px;
    top: 153px;
}

.pos3-2 {
    left: 434px;
    top: 153px;
}

.pos4-2 {
    left: 651px;
    top: 153px;
}

.pos1-3 {
    left: 0px;
    top: 306px;
}

.pos2-3 {
    left: 217px;
    top: 306px;
}

.pos3-3 {
    left: 434px;
    top: 306px;
}

.pos4-3 {
    left: 651px;
    top: 306px;
}

.pos1-4 {
    left: 0px;
    top: 459px;
}

.pos2-4 {
    left: 217px;
    top: 459px;
}

.pos3-4 {
    left: 434px;
    top: 459px;
}

.pos4-4 {
    left: 651px;
    top: 459px;
}

.pos1-5 {
    left: 0px;
    top: 612px;
}

.pos2-5 {
    left: 217px;
    top: 612px;
}

.pos3-5 {
    left: 434px;
    top: 612px;
}

.pos4-5 {
    left: 651px;
    top: 612px;
}
/* @end */
/* @end */
/* @group 1 & 2 col */
#content h1, #content h2 {
    background: url(/webfiles/fh/bilder/main-content-headline.png) no-repeat left bottom;
    /*font-size: 18px;*/
    font-size: 1.45em;
    font-weight: 500;
    line-height: 24px;
    text-indent: 4px;
    color: #080;
    margin-bottom: 6px;
    margin-top: 6px;
}

#main-content, .main-content {
    width: 490px;
    float: left;
}

#main-content.flip {
    float: right;
}

.main-content, .side-content {
    margin-top: 20px;
}

.plainbox .search {
    width: 80px;
}

#main-content .minibox, .plainbox {
    background-color: #f0f0f0;
    padding: 8px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    position: relative;
}

#main-content .minibox .search {
    width: 80px;
    position: absolute;
    right: 8px;
    height: 22px;
    margin-bottom: 8px;
}

#main-content .box {
    background-color: #deebc9;
    padding: 3px;
    margin-bottom: 10px;
}

#main-content .box .content {
    margin: 3px;
}

#main-content .box .content table {
    width: 100%;
}

#main-content .box .content table th {
    text-align: left;
}

#main-content .box h2 {
    color: #FFF;
    background: url(/webfiles/fh/bilder/side-content-box-headine-highlight.png) repeat-x;
    height: 24px;
    /*font-size: 12px;*/
    font-size: 1.0em;
    line-height: 24px;
    text-indent: 6px;
    margin: 0;
}

.hr {
    background: url(/webfiles/fh/bilder/hr.png) repeat-x center center;
    clear: both;
}

#main-content img.left {
    margin-right: 10px;
    margin-bottom: 10px;
}

#main-content img.right {
    margin-left: 10px;
    margin-bottom: 10px;
}

#main-content h1, #main-content h2, .main-content h1, .main-content h2 {
    background: url(/webfiles/fh/bilder/main-content-headline.png) no-repeat center bottom;
    /*font-size: 18px;*/
    font-size: 1.45em;
    font-weight: 500;
    line-height: 24px;
    text-indent: 4px;
    color: #080;
    margin-bottom: 6px;
    margin-top: 6px;
}

#headerlike {
    font-size: 1.45em;
    font-weight: 500;
    line-height: 24px;
    text-indent: 4px;
    color: #080;
	float: left;
}

* html #headerlike {
	font-weight: 700;
	margin-bottom: 6px;
	margin-top: 6px;
}

.headerlike {
	clear: both;
    font-size: 1.1em;
    font-weight: bolder;
    line-height: 24px;
    text-indent: 4px;
    color: #080;
}

#main-content h2 img {
    margin-left: 2px;
}

.clean, #main-content .clean, div.clean {
    background: none;
    font-size: 18px;
    line-height: 24px;
    text-indent: 0px;
    margin-bottom: 6px;
    margin-top: 6px;
    font-weight: 200;
    color: #080;
    margin-bottom: 6px;
    margin-top: 6px;
}

#main-content h3, .main-content h3, #main-content .h3 {
    /*font-size: 14px;*/
    font-size: 1.1em;
    color: #080;
    margin-bottom: 6px;
    margin-top: 20px;
	font-weight: bold;
}

#main-content h4, .main-content h4 {
    color: #080;
}

#side-content {
    width: 338px;
    float: right;
    padding-top: 3px;
}

#side-content.flip, .side-content.flip {
    float: left;
}

#side-content .box, .side-content .box, .half-content .box, #category_prices .box {
    background-color: #deebc9;
    padding: 3px;
    margin-bottom: 10px;
}

#category_prices table {
	background-color: #deebc9;
}

#category_prices .box {
	border: 1px solid #008800;
}

#side-content .continuous-box {
    background-color: #deebc9;
    padding: 3px;
}

.continuous {
	margin-bottom: 0px;
}

.half-content .transparentbox {
	background-color: #fff;
}

#side-content #attributes-box .content {
    padding-bottom: 0px;
}

#side-content p.alignright, #side-content p.alignleft {
    margin-bottom: 0px;
}

#side-content .box img.left {
    margin-right: 10px;
    margin-bottom: 10px;
}

#side-content .box.highlight, .side-content .box.highlight {
    background-image: none;
}

#category_prices .box.prices div.h2 {
	background-image: url(/webfiles/fh/bilder/box-prices-headline.png);
	color: #FFF;
    height: 24px;
    font-size: 1.0em;
    font-weight: 600;
    line-height: 2em;
    text-indent: 6px;
    width: 332px;
}

#side-content .box h2, .side-content .box h2, .half-content .box h2, #main-content #info-box .box h2,
	#side-content .box.highlight div.h2, #side-content .continuous-box h2, #side-content .continuous-box div.h2 {
    background-image: url(/webfiles/fh/bilder/side-content-box-headine.png);
    color: #000000;
    height: 24px;
    /*font-size: 12px;*/
    font-size: 1.0em;
    font-weight: 600;
    line-height: 2em;
    text-indent: 6px;
    width: 332px;
}

.half-content .transparentbox h2 {
	background: #fff;
	color: #000000;
    height: 24px;
    /*font-size: 12px;*/
    font-size: 1.0em;
    font-weight: 600;
    line-height: 2em;
    text-indent: 6px;
}
#side-content .box h2 img {
    position: relative;
    top: 2px;
    margin-right: 2px;
    border: 1px solid #e89998;
}

* html #side-content .box h2 img {
    margin-top: 2px;
}

#side-content .box.highlight h2, .side-content .box.highlight h2, #side-content .box.highlight div.h2 {
    color: #FFF;
    background: url(/webfiles/fh/bilder/side-content-box-headine-highlight.png) no-repeat;
}

#side-content .box.highlight div.h2 {
	/*padding: 10px;*/
}

#category_prices {
	width: 338px;
    padding-top: 3px;
	left: 650px;
    position: absolute;
    top: 10px;
    z-index: 100;
}

#info-box {
    margin-top: 35px;
}

.full-content {
	 margin-top: 35px;
}

.full-content h2, .full-content .h2 {
	font-weight: bold;
    color: #333;
    font-size: 12px;
    background: #deebc9 url(/webfiles/fh/bilder/full-content-headine.png) no-repeat center center;
    height: 30px;
    line-height: 27px;
    text-indent: 8px;
	width: 860px;
    z-index: 5;
}

.full-content .highlight {
    background: #deebc9 url(/webfiles/fh/bilder/full-content-headline-highlight.png) no-repeat center center;
    color: #FFF;
}

#side-content .box .content, .side-content .box .content, .box .content {
    padding: 5px;
}

.content h3, .content h4 {
	padding-top: 7px;
	padding-bottom: 5px;
}

.image-count {
    background: url(/webfiles/fh/icons/camara.png) no-repeat left center;
    padding-top: 2px;
    padding-left: 20px;
}

h4 {
    /*font-size: 12px;*/
    font-size: 1.0em;
}
/* @end */
/* @group Table */
table {
    border-collapse: collapse;
}

table caption {
    text-align: left;
}

table td, table th {
    border: 1px solid #CCC;
    padding: 2px;
    vertical-align: top;
}

table tr.row2 td, table tr.row2 th {
    background-color: #EEE;
}

table th {
    background-color: #bbb;
    color: #FFF;
}

tr.zebra td, tr.zebra th {
    background-color: #EEE;
}
/* @end */
/* @group Special */
/* @group Pagination */
div.pagination {
    text-align: center;
    margin-bottom: 10px;
}

div.pagination a, div.pagination a:link, div.pagination a:visited {
    border: 1px solid #CCC;
    padding: 2px 6px;
    background-color: #EEE;
    text-decoration: none;
    color: #666;
}

div.pagination a.active, div.pagination a.active:link, div.pagination a.active:visited {
    border: 2px solid #EF0000;
    padding: 2px 6px;
    background-color: #EEE;
    text-decoration: none;
    color: #666;
}

div.pagination a:hover {
    border: 1px solid #666;
    padding: 2px 6px;
    background-color: #CCC;
    text-decoration: none;
}

div.pagination .back, div.pagination .forward {
    margin: 0px 20px;
}
/* @end */
/* @group Actions */
ul.actions {
    list-style-type: none;
    padding: 0;
}

ul.actions li {
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 20px;
    margin-bottom: 3px;
    text-align: left;
}

ul.actions li a, ul.actions li a:link, ul.actions li a:visited {
    padding-left: 22px;
    text-decoration: none;
    color: #FFF;
}

ul.actions li a:hover {
    color: #FFF;
    text-decoration: underline;
}

ul.actions li.mark {
    background: #080 url(/webfiles/fh/bilder/greenbutton.png) no-repeat left center;
    border: 1px outset #080;
}

ul.actions li.mark a, ul.actions li.mark a:link, ul.actions li.mark a:visited, ul.actions li.show2 a, ul.actions li.show2 a:link, ul.actions li.show2 a:visited {
    padding-left: 10px;
}

ul.actions li.delete {
    background: #ef0000 url(/webfiles/fh/bilder/deletebutton.png) no-repeat left center;
    border: 1px outset #ef0000;
}

ul.actions li.show {
    background: #080 url(/webfiles/fh/bilder/showbutton.png) no-repeat left center;
    border: 1px outset #080;
}

ul.actions li.show2 {
    background: #080 url(/webfiles/fh/bilder/greenbutton.png) no-repeat left center;
    border: 1px outset #080;
}

ul.actions li.book2 {
    background-image: url(/webfiles/fh/icons/16_checkmark.png);
    border: 1px outset #ef0000;
}

ul.actions li.book {
    background: #ef0000 url(/webfiles/fh/bilder/orderbutton.png) no-repeat left center;
    border: 1px outset #ef0000;
}

ul.actions li.mark2 {
    background: #FFF url(/webfiles/fh/bilder/submitbutton.png) no-repeat left center;
    border: 1px outset #ef0000;
    width: 160px;
    margin-left: 30px;
}
/* @end */
#main div.boxarea.rows2 div.box2-1.pos1-1.highlight div.content form div.express-search div.half.right div.submit span.left.weak a {
    line-height: 24px;
}

.weak {
    /*font-size: 10px;*/
    font-size: 0.78em;
}

.searchsubmit {
    margin-right: 16px;
}

.express-search {
    padding-top: 6px;
}

* html .express-search {
    padding-top: 10px;
}

ul.miniarchive {
    list-style-type: none;
    padding: 0;
}

ul.miniarchive li {
    margin-bottom: 3px;
    padding-bottom: 3px;
    border-bottom: 1px solid #b7c3a8;
}

ul.miniarchive li a {
    color: #666666;
    text-decoration: none;
}

ul.miniarchive li a:hover {
    color: #EF0000;
}
/*
 ul.miniarchive a:link h4, ul.miniarchive a:visited h4 {
 color: #080;
 }
 */
.anchornavi, ul.anchornavi {
    list-style-type: none;
    background-color: #f0f0f0;
    padding: 8px;
    border: 1px solid #ccc;
}

.anchornavi .list1, .anchornavi .list2 {
    list-style-type: none;
    padding: 0;
    float: left;
    width: 230px;
    margin-bottom: 0;
}

.anchornavi li {
    background: url(/webfiles/fh/bilder/green-bullet.png) no-repeat left 3px;
    padding-left: 18px;
}

.anchornavi li a:link, .anchornavi li a:visited {
    text-decoration: none;
    color: #333;
}

.anchornavi li a:hover, .anchornavi li.active a {
    color: #Ef0000;
}

ul.label {
    list-style-type: none;
	margin-top: 5px;
    padding: 0;
}

ul.label li {
    float: left;
    /*font-size: 9px;*/
    font-size: 0.75em;
    height: 40px;
    line-height: 1;
	padding-right: 3px;
    text-align: center;
}

ul.pictogram {
    list-style-type: none;
    padding: 0;
}

ul.pictogram li {
    float: left;
    /*font-size: 9px;*/
    font-size: 0.75em;
    width: 30px;
    height: 40px;
    line-height: 1;
    text-align: center;
}

ul.pictogram.legende li {
    width: 105px;
    text-align: left;
    line-height: 15px;
    height: 15px;
    margin-bottom: 3px;
}

ul.pictogram.legende li img {
    float: left;
    margin-right: 3px;
}

.special-offer {
    color: #EF0000;
    text-decoration: line-through;
    margin-bottom: -5px;
    margin-top: 3px;
}

div.quadrat {
    width: 16px;
    height: 16px;
}

a.top {
    padding-left: 12px;
    background: url(/webfiles/fh/bilder/top.png) no-repeat 3px center;
    font-size: 11px;
    color: #777777;
    font-weight: normal;
    text-decoration: none;
}

a.accentuated {
    padding-left: 22px;
    background: url(/webfiles/fh/bilder/green-bullet.png) no-repeat 3px center;
    /*font: 200;*/
    text-decoration: none;
}

ul.catalogs {
    padding: 0;
    list-style-type: none;
}

ul.catalogs li {
    padding-top: 4px;
    border-top: 1px solid #b7c3a8;
    position: relative;
    height: 85px;
}

ul.catalogs li p.alignright a.accentuated {
    position: absolute;
    bottom: 2px;
    right: 3px;
}

ul.catalogs li img {
    float: left;
    margin-right: 10px;
    margin-bottom: 4px;
}

ul.sideshop {
    list-style-type: none;
    padding-left: 0px;
}

ul.sideshop li {
    padding-bottom: 5px;
    border-bottom: 1px solid #CCC;
    margin-bottom: 10px;
}

ul.sideshop li img {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
}

#side-content #mehrfuersgeld .content {
    padding-left: 100px;
    background: url(/webfiles/fh/bilder/mehr-fuers-geld.png) no-repeat 6px 12px;
    min-height: 100px;
}


#side-content #mehrfuersgeld p {
	 margin-top: 10px;
	 width: 190px;
}

#side-content #mehrfuersgeld ul {
    margin-top: 5px;
}

#side-content #highlights .content {
	padding: 5px;
}

#side-content #attributes-box p {
	padding: 10px 10px 0px 10px;
}

.linkbutton:link, .linkbutton:visited {
    background: #080 url(/webfiles/fh/bilder/greenbutton.png) no-repeat left center;
    border: 1px outset #080;
    margin-right: 2px;
    padding: 2px 12px;
    margin: 2px;
    text-decoration: none;
    text-align: center;
    color: #FFF;
}

.linkbutton:hover {
    text-decoration: underline;
}

.pricing-table td {
    padding: 4px;
    border: 0px;
    border-bottom: 1px solid #CCC;
}

div.more-options, div.legend {
    background: url(/webfiles/fh/bilder/hr.png) repeat-x center center;
}

div.more-options {
    margin-bottom: 7px;
}

div.more-options a, div.more-options a:link, div.more-options a:visited, div.legend a, div.legend a:link, div.legend a:visited {
    padding: 0px 16px 0px 5px;
    margin: 0px 5px;
    text-decoration: underline;
    background: #deebc9 url(/webfiles/fh/bilder/arrow-right.png) no-repeat right center;
    color: #000;
}

div.more-options a, div.more-options a:link, div.more-options a:visited {
    font-weight: bold;
}

#detailsearch {
    display: none;
}

#counter {
    display: none;
}

.hint {
    border: 3px solid #008800;
    padding: 10px 5px 10px 90px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #deebc9 url(/webfiles/fh/bilder/icons/attention.png) no-repeat 10px 10px;
}

.alternative_search_options {
	margin: 10px 0px 10px 0px;
	padding-right: 10px;
	border: 0 none;
}

.alternative_search_options td{
	border: 0 none;
}

#search_submit_disabled, #special_search_submit_disabled {
	color: #CCCCCC;
}

#main-content .hint .h2 {
    background: none;
    margin-top: 0px;
    text-indent: 0px;
	font-size: 1.45em;
    font-weight: 500;
    line-height: 24px;
    text-indent: 4px;
    color: #080;
    margin-bottom: 6px;
}

* html #main-content .hint .h2 {
	font-weight: bold;
}

.hint input {
    float: left;
}

.hint label.block {
    width: 360px;
    float: left;
    margin-left: 5px;
}

ul.bullets {
    padding: 0;
    list-style-type: none;
}

ul.bullets li {
    padding-left: 20px;
    background: url(/webfiles/fh/bilder/green-bullet.png) no-repeat 1px 4px;
}

ul.bullets li a, ul.bullets li a:link, ul.bullets li a:visited {
    text-decoration: none;
}

a.help {
    display: block;
    width: 20px;
    height: 20px;
    background: url(/webfiles/fh/bilder/icons/20_help.png) no-repeat;
    text-indent: -9000px;
    float: right;
}

#calframe {
    display: none;
    left: 314px;
    position: absolute;
    top: 576px;
}

#calframe_detail {
    display: none;
    left: 292px;
    position: absolute;
    top: 20px;
    z-index: 1000;
}

input.dateinlineshort {
    width: 123px;
}

.form-inline input.book {
    margin-left: 30px;
    height: 20px;
}

.frame {
    text-align: center;
    padding: 16px 0px 10px 0px;
}

.tg-frame {
    text-align: center;
    padding: 16px 0px 0px;
}

.image_caption {
    padding: 20px;
}

.objectinfo {
    white-space: pre;
}

table.discreet, table.discreet td {
    border: 0;
}

.search-map {
    margin-bottom: 15px;
}

h2.above {
    margin-top: -10px;
}

.inetaktion {
    display: block;
    margin-bottom: 12px;
    padding-left: 25px;
    background: url(/webfiles/fh/bilder/icons/16_inetaktion.png) no-repeat;
}

table.distances {
	margin-left: 5px;
	width: 327px;
}


table.distances td {
	border: none;
}

table.distances td.expanded {
	/*width: 250px;*/
}

.category_type {
	color: #080;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 3px;
}

.flag_pic {
    border: 1px solid #000000;
}

.sorting_arrow {
    text-decoration: none;
}
/* @end */
/* @group Kartensuche */
#side-content div.box.highlight div.content div.select label.alternative {
    width: auto;
    text-align: left;
    float: none;
    display: inline;
}
/* @end */
/* @group Klimatabellen */
table.climate {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: #fdfdfd;
}

table.climate caption, table.climate .caption {
    background-color: #deebc9;
    border: 1px solid #CCC;
    font-weight: bold;
    padding: 5px;
    text-align: left;
    color: #333;
}

table.climate th.label {
    text-align: left;
    padding-left: 5px;
    color: #333;
}

table.climate tr.top th {
    background-color: #bbb;
    color: #FFF;
}

table.climate td {
    text-align: center;
}
/* @end */
/* @group Auflistung */
.searchresult-order {
    /*margin-top: 20px;
     margin-bottom: 20px;*/
}

.searchresult-order select {
    border: 1px inset #CCC;
    padding: 2px;
}

.searchresult-order select.long {
    width: 110px;
}

.searchresult-order select.short {
    width: 90px;
}

table.searchresult {
    border: 0;
    margin-bottom: 20px;
}

table.searchresult caption {
    background-color: #deebc9;
    border: 1px solid #deebc9;
    font-weight: bold;
    padding: 5px;
}

table.searchresult td {
    border: 0;
    border-bottom: 1px solid #CCC;
    padding-bottom: 5px;
}

table.searchresult td.title {
    border: none;
    padding-bottom: 5px;
}

table.searchresult td.image {
    border: 0;
    border-bottom: 1px solid #CCC;
    padding-right: 10px;
}

table.searchresult td.image img {
    margin-bottom: 8px;
}

table.searchresult td .price {
    /*font-size: 16px;*/
    font-size: 1.3em;
    margin-top: 5px;
}

table.searchresult td.action {
    vertical-align: bottom;
    width: 70px;
    padding-left: 10px;
}

table.searchresult td.action .bullets {
    margin-bottom: 0px;
}

ul.searchresult {
    list-style-type: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #999;
}

ul.searchresult li {
    border-bottom: 1px solid #999;
    padding: 8px 0px;
    position: relative;
}

ul.searchresult li h3 a:link, ul.searchresult li h3 a:visited {
    color: #080;
    text-decoration: none;
}

ul.searchresult li .image {
    float: left;
    width: 105px;
    padding-top: 2px;
}

ul.searchresult li .text {
    float: left;
    width: 280px;
}

ul.searchresult li .text p.excerpt {
    margin-bottom: 0px;
}

ul.searchresult li .info {
    float: left;
    width: 100px;
    text-align: right;
}

ul.searchresult li .info {
    float: left;
    width: 100px;
    text-align: right;
}

ul.searchresult.agencies li .info {
    height: 60px;
    width: 205px;
    position: relative;
}

ul.searchresult.agencies li .info a.accentuated {
    position: absolute;
    right: 0;
    bottom: 0;
}

.object a:link, .object a:visited {
    color: #999;
    text-decoration: none;
    font-size: 10px;
}

ul.searchresult .meta {
    margin: 0;
    color: #999;
    font-size: 10px;
}

.searchresult td.description div {
    position: relative;
    min-height: 90px;
    height: auto !important; /* Min Height im IE6 */
    height: 90px;
    padding-bottom: 25px;
}

ul.searchresult .price a:link, .price a:visited {
    text-decoration: none;
    color: #EF0000;
    font-size: 14px;
}

.searchresult ul.pictogram {
    bottom: 0px;
	float: left;
    height: 20px;
    margin-bottom: 0px;
}

.searchresult ul.label {
	float: left;
	height: 22px;
	margin-bottom: 0;
	width: 290px;
}

.searchresult ul.label li {
    height: 22px;
}

#main-content .searchresult h3 {
    margin-top: 2px;
}

#main-content .searchresult h3 a {
    text-decoration: none;
}

table .region td {
    border-bottom: 0;
    color: #666;
    padding-top: 4px;
    padding-bottom: 3px;
}
/* @end */
/* @group Miniauflistung */
table.miniresult td {
    border: 0;
    border-bottom: 1px solid #CCC;
}

table.miniresult td.image {
    border: 0;
    border-bottom: 1px solid #CCC;
    padding-top: 6px;
}

table.miniresult td.image img {
    margin-bottom: 4px;
}

table.miniresult td.description {
    padding-top: 6px;
}

table.miniresult h3 {
    /*font-size: 12px;*/
    font-size: 1.1em;
}

table.miniresult {
    /*font-size: 11px;*/
    font-size: 0.9em;
}
/* @end */
/* @group Buchungsuebersicht */
ul#calendar-year {
    list-style-type: none;
    padding: 0;
}

ul#calendar-year li {
    float: left;
    margin-right: 12px;
    margin-bottom: 10px;
}

ul#calendar-year li.last {
    margin-right: 0px;
}

#main-content #calendar-year table {
    background-color: #F0F0F0;
    width: 153px;
}

.full-content #calendar-year table {
    background-color: #F0F0F0;
    width: 158px;
}

.main-content #calendar-year table {
    background-color: #F0F0F0;
    width: 147px;
}

#main-content #calendar-year table td, #main-content #calendar-year table th, .main-content #calendar-year table td, #main-content #calendar-year table th {
    text-align: center;
    vertical-align: middle;
}

#calendar-year table th {
    background-color: #bbb;
    color: #FFF;
}

.frei {
    background-color: #b3ff99;
}

.belegt, .belegt2 {
    background-color: #ff6165;
    color: #FFF;
}

.eigenbelegt {
    background-color: #99CCFF;
}

.gesperrt {
    background-color: #666666;
    color: #FFF;
}

.verfall {
    background-color: #FFCC66;
}

.wechseltag {
    background-color: #fdfc80;
}

.legend {
    list-style-type: none;
    padding-left: 0;
}

.legend li {
    padding-left: 20px;
    position: relative;
    margin-bottom: 4px;
}

.legend li img {
    position: absolute;
    margin-left: -20px;
}
/* @end */
/* @group AGB */
ol#terms li {
    margin-top: 20px;
    border-bottom: 1px solid #CCC;
    padding-bottom: 5px;
}

ol#terms li li {
    margin-top: 8px;
    border-bottom: 0;
    padding-bottom: 0px;
}
/* @end */
/* @group tl */
.tl1 #main-content h3 {
    clear: both;
}
/* @end */
/* @ergebnisliste */
#mood {
	clear: both;
	width: 860px;
	margin-bottom: 10px;
}

#mood h2 {
	background: url(/webfiles/fh/bilder/main-content-headline.png) no-repeat left bottom;
}

#mooddescription {
	float: left;
    /*padding-right: 10px;*/
	width: 490px;
}

#moodimage {
	float: right;
	margin-top: 10px;
	/*padding-left: 10px;*/
	/*width:300px;*/
	
}

#countrylinks_div_h2 {
	float: left;
	background: #fff;
	color: #000000;
    height: 24px;
    /*font-size: 12px;*/
    font-size: 1.0em;
    font-weight: 600;
    line-height: 2em;
    text-indent: 6px;
}
/* @end @ergebnisliste */


/* @group Objektvergleich */
/* @group Tabellen */
table.compare-objects th, table.compare-objects td {
    border: 0;
}

table.compare-objects th {
    background-color: #FFF;
    color: #000;
    text-align: right;
    height: 21px;
}

table.compare-objects .zebra th {
    background-color: #EEE;
}

table.compare-objects td {
    text-align: center;
    width: 105px;
}

table.compare-objects td.attribute {
    height: 21px;
}
table.compare-objects .offer {
	font-size: 1.0em;
}

/* @end */
/* @group Rahmen */
#compare-objects-legend {
    width: 158px;
    float: left;
    height: 600px;
    border: 1px solid #CCC;
    border-right: 0px;
}

#leaflet_objects {
    width: 626px;
    overflow: auto;
    float: left;
    height: 600px;
    border: 1px solid #CCC;
    border-left: 0px;
}

.legend th.col-object-row {
    height: 160px;
}

tr.object_name td {
    height: 69px;
    text-align: left;
}

td.offer {
    height: 70px;
}


/* @end */
/* @group Galerie */
#image-gallery .stage {
    float: left;
    margin-right: 15px;
}

#image-gallery #thumbnails {
    height: 215px;
    overflow: auto;
}

ul.thumbs {
    list-style-type: none;
    padding: 0px;
}

ul.thumbs li {
    float: left;
    margin-right: 6px;
    margin-bottom: 2px;
}

#image-gallery .thumbs li img {
    width: 100px;
    height: 66px;
}
/* @end */
/* @group Tabs */
ul.tabs {
    text-align: left;
    margin: 1em 0 1em 0;
    border-bottom: 1px solid #999;
    list-style-type: none;
    padding: 3px 10px 0px 10px;
}

#side-content ul.tabs {
    margin-top: 45px;
}

ul.tabs li {
    display: inline;
    border-bottom: 1px solid #fff;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

* html ul.tabs li {
    top: 0px;
}

ul.tabs li a {
    padding: 3px 4px;
    border: 1px solid #999;
    background-color: #EEE;
    color: #666;
    margin-right: 0px;
    text-decoration: none;
}

ul.tabs li.active a {
    background-color: #fff;
    color: #000;
    padding-top: 4px;
    border-bottom: 1px solid #FFF;
}

ul.tabs li a:link, ul.tabs li a:visited {
    padding: 0px 7px;
    text-decoration: none;
}
/* @end */
/* @group Objektansicht */
/* @group Serp-Navi */
.serp-navi {
    position: absolute;
    width: 100%;
    top: 23px;
    left: 360px;
    text-align: center;
    width: 140px
}

.serp-navi a, .serp-navi a:link, .serp-navi a:visited {
    text-decoration: none;
    color: #777;
    font-size: 11px;
}

.serpl-navi a:hover {
    color: #333;
}

.serp-navi a.previous {
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    text-indent: -10000px;
    background: url(/webfiles/fh/bilder/icons/20_up.png) no-repeat left center;
}

.serp-navi .index {
    position: absolute;
    left: 33px;
    top: 2px;
    text-align: center;
    font-weight: 800;
}

.serp-navi a.next {
    display: block;
    width: 20px;
    height: 20px;
    float: right;
    text-indent: -10000px;
    background: url(/webfiles/fh/bilder/icons/20_down.png) no-repeat left center;
}
/* @end */
/* @group Pictogram */
/* @group Obj-Actions */
ul.obj-actions {
    list-style-type: none;
    padding: 0;
    height: 12px;
    margin-top: 5px;
    margin-bottom: 44px;
}

ul.obj-actions li {
    float: left;
    background: #080 url(/webfiles/fh/bilder/greenbutton.png) no-repeat left center;
    border: 1px outset #080;
    margin-right: 2px;
    padding: 2px 0px;
    width: 70px;
    text-align: center;
}

ul.obj-actions li a, ul.obj-actions li a:link, ul.obj-actions li a:visited {
    color: #FFF;
    text-decoration: none;
    font-weight: 800;
    cursor: pointer;
}

ul.obj-actions li a:hover {
    text-decoration: underline;
}

ul.obj-actions .book {
    background: #ef0000 url(/webfiles/fh/bilder/orderbutton.png) no-repeat left center;
    border: 1px outset #ef0000;
    padding-left: 24px;
    width: 88px;
    text-align: left;
}
/* @end */
ul.pictogram {
    list-style-type: none;
    padding: 0;
}

* html ul.pictogram {
    padding-top: 5px;
}

ul.pictogram li {
    float: left;
    font-size: 9px;
    width: 30px;
    height: 40px;
    line-height: 1;
    text-align: center;
}

ul.pictogram.legende li {
    width: 105px;
    text-align: left;
    line-height: 15px;
    height: 15px;
    margin-bottom: 3px;
}

ul.pictogram.legende li img {
    float: left;
    margin-right: 3px;
}

.searchresult ul.pictogram li {
    width: 20px;
    height: 20px;
    overflow: hidden;
    margin-right: 2px;
    margin-bottom: 2px;
}

ul.pictogram li img {
    margin-bottom: 2px;
}
/* @end */
/* @end */
/* @group Booking */
.booking {
    background-color: #deebc9;
    padding: 0px 10px;
    margin-top: -6px;
    padding-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.booking .your-choice {
    margin-bottom: 10px;
    background: none;
    border-top: 1px solid #ccc;
    width: 100%;
}

.your-choice th {
    text-align: right;
    background: none;
    color: #333;
    border: 0;
    border-bottom: 1px solid #ccc;
}

.your-choice td {
    border: 0;
    border-bottom: 1px solid #ccc;
}

.booking table {
    background-color: #FFF;
}

.booking .combo {
    width: 300px;
}

#order-progress {
    width: 490px;
    height: 30px;
    margin-bottom: 20px;
    margin-top: -8px;
}

* html #order-progress {
    margin-top: 0px;
}

.step1 {
    background: url(/webfiles/fh/bilder/buchung1.png) no-repeat center center;
}

.step2 {
    background: url(/webfiles/fh/bilder/buchung2.png) no-repeat center center;
}

.step3 {
    background: url(/webfiles/fh/bilder/buchung3.png) no-repeat center center;
}

#order-progress ul {
    list-style-type: none;
    padding: 0;
}

#order-progress ul li {
    width: 163px;
    float: left;
    line-height: 30px;
    text-align: center;
    text-indent: 5px;
    font-weight: 800;
}

#order-progress ul li.check, #order-progress ul li.check a {
    color: #FFF;
}

a.book:link, a.book:visited, a.book:hover {
    padding: 3px 26px;
    color: #FFF;
    background: #ef0000 url(/webfiles/fh/bilder/orderbutton.png) no-repeat left center;
    border: 1px outset #ef0000;
    font-weight: 800;
    margin-left: 20px;
    text-decoration: none;
}
/* @end */
/* @group Minicalendar */
html#minicalendar {
    background: none;
}

#minicalendar body {
    background: none;
    height: 350px;
}

#minicalendar body #wrapper {
    width: 170px;
    background-color: #deebc9;
    padding: 5px;
    font-size: 11px;
    height: 299px;
    line-height: 1.4;
    position: relative;
    border: 1px solid #080;
}

#minicalendar body table {
    margin: 0 auto;
    width: 100%;
    background-color: #F0F0F0;
}

#minicalendar select {
    margin-bottom: 5px;
    width: 120px;
}

#minicalendar a.close, #minicalendar a.close:link, a.close:visited {
    display: block;
    width: 20px;
    height: 20px;
    text-indent: -10000px;
    background: url(/webfiles/fh/icons/20_close_on_green.png) no-repeat;
    position: absolute;
    right: 5px;
    top: 5px;
}
/* @end */
/* @group halve */
#main-content.halve, #side-content.halve, .half-content {
    width: 415px;
}

.half-content {
    float: left;
}

#main-content.halve table.miniresult h3, half-content table.miniresult h3 {
    margin-top: 0;
}

#side-content.halve .box h2, .half-content .box h2, #main-content #info-box .box h2, #side-content.halve .box div.h2 {
    width: 409px;
    background-image: url(/webfiles/fh/bilder/halve-box-headine.png);
    font-size: 12px
}

#side-content.halve .box.highlight h2, .half-content .box.highlight h2, #side-content.halve .box div.h2 {
    background: url(/webfiles/fh/bilder/side-content-box-headine-highlight.png) repeat-x;
}

.box.highlight.h2, #side-content.halve .box div.h2 {
	background: url(/webfiles/fh/bilder/side-content-box-headine-highlight.png) repeat-x;
	color: #FFFFFF;
	font-size: 1.0em;
	font-weight: 600;
	height: 24px;
	line-height: 2em;
	text-indent: 6px;
	width: 409px;
}
/* @end */
/* @group Loader */
#bw, #bwb, #bws, #bwdetail {
    position: absolute;
    top: 0px;
    left: 0px;
    padding-top: 140px;
    padding-bottom: 0px;
    display: none;
    background-image: url( /webfiles/fh/images/semi_transparent.gif);
    color: #000000;
    text-align: center;
    vertical-align: top;
    z-index: 9999;
}

.loader {
    position: fixed;
    left: 50%;
    width: 400px;
    background-color: #FFF;
    z-index: 1000;
    top: 300px;
    margin-left: -200px;
    text-align: center;
    padding: 20px;
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    border: 4px solid #008800;
}

.loader .h2 {
    font-size: 24px;
}

.loader p {
    font-size: 14px;
}
.loader b.clean {
	font-size: 24px;
	color: #008800;
}

/* @end */
/* agb-popup */
#agb {
    position: absolute;
    top: 0px;
    left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    display: none;
    text-align: center;
    background-color: #99ccff;
    z-index: 9999;
}
/* @end */
#calframe {
    position: absolute;
    display: none;
    z-index: 10;
}

.tooltip {
    position: absolute;
    display: none;
}

.tooltip_tbl {
    border: solid 1px #E6A902;
    background: #ffff00;
}

.tooltip_text {
    padding: 2px;
    text-align: left;
    font-weight: normal;
    color: #000000;
    background: #FFFF00;
}

.merkzettelmenu {
    position: relative;
    z-index: 100;
    height: 30px;
}

.merkzettelmenu ul li a, .merkzettelmenu ul li a:visited {
    display: block;
    margin: 6px 0 0 10px;
    padding: 2px 10px 0 18px;
    text-decoration: none;
    color: #333;
    text-align: left;
    background: url(/webfiles/fh/bilder/green-bullet.png) no-repeat left center;
    line-height: 20px;
    font: 12px / 16px Arial, Helvetica, Geneva, sans-serif;
}

.merkzettelmenu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.merkzettelmenu ul li {
    float: left;
    position: relative;
}

.merkzettelmenu ul li ul {
    display: none;
}

.merkzettelmenu ul li:hover a, .merkzettelmenu ul li a:hover {
    color: #ef0000;
    background: url(/webfiles/fh/bilder/green-bullet.png) no-repeat left center #fff;
}

.merkzettelmenu ul li:hover ul, .merkzettelmenu ul li a:hover ul {
    display: block;
    position: absolute;
    left: 0;
}

.merkzettelmenu ul li:hover ul li a, .merkzettelmenu ul li ul li a:hover {
    color: #333;
    padding: 2px 10px 2px 10px;
    margin: 0;
    background: #efefef;
    width: 100px;
    border: 1px solid #ddd;
    font: 12px / 16px Arial, Helvetica, Geneva, sans-serif;
}

.merkzettelmenu ul li:hover ul li a:hover {
    background: #fff;
    color: #333;
}

.menu {
    position: relative;
    z-index: 100;
}

.menu ul li a, .menu ul li a:visited {
    display: block;
    margin-top: 6px;
    padding: 4px 10px 5px 10px;
    text-decoration: none;
    color: #333;
    text-align: left;
    background: transparent;
    line-height: 20px;
}

.menu ul li a.trenner, .menu ul li a:visited.trenner {
    display: block;
    margin-top: 6px;
    padding: 4px 10px 5px 10px;
    text-decoration: none;
    color: #333;
    text-align: left;
    background: transparent;
    line-height: 20px;
    border-left: 1px solid #999;
}

.menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.menu ul li {
    float: left;
    position: relative;
}

.menu ul li ul {
    display: none;
}

.menu ul li:hover a {
    color: #333;
}

.menu ul li:hover a.trenner {
    color: #333;
}

.menu ul li:hover ul {
    display: block;
    position: absolute;
    left: 0;
}

.menu ul li:hover ul li a.hide {
    background: #ccc;
    color: #333;
}

.menu ul li:hover ul li:hover a.hide {
    background: #eee;
    color: #333;
}

.menu ul li:hover ul li ul {
    display: none;
}

.menu ul li:hover ul li a {
    display: block;
    color: #333;
    width: 150px;
    padding: 4px 10px 5px 10px;
    margin: 0;
}

.menu ul li:hover ul li a:hover {
    color: #333;
}

.menu ul li:hover ul li:hover ul {
    display: block;
    position: absolute;
    left: 105px;
    top: 0;
}

.menu ul li:hover ul li:hover ul.left {
    left: -105px;
}

* html .menu ul li a:hover {
    color: #333;
}

* html .menu ul li a:hover ul li {
    display: block;
    position: absolute;
    left: 0;
}

* html .menu ul li ul li a:hover.hide {
    color: #333;
}

* html .menu ul li ul li a:hover {
    display: block;
    color: #333;
    width: 150px;
    padding: 4px 10px 5px 10px;
    margin: 0;
}

/** intern **/
fieldset.inner .textarea label {
	width: 100px;
}

#agency_view .select label, #agency_view .input label, #agency_view .textarea label, #agency_view .checkboxes label {
	text-align: left;
}

#agency_view .checkbox label {
	padding-right: 20px;
}

#agency_results a {
	text-decoration: none;
}

#agency_results .result_item {
	border-bottom: solid 1px #777;
	line-height: 20px;
	margin-bottom: 5px;
	padding: 5px;
}

.form_listing {
	float: left;
	width: 250px;
}

/* image browser */

.icon {
	float: left;
	padding-right: 20px;
}

table.image_browser_images {
	border: 1px solid #CCCCCC;
	margin: 20px 0px 20px 0px;
}

td.img_counter {
	text-align: right;
}

td.image_info {
	border: none;
	padding: 0px 0px 5px 10px;
	vertical-align: bottom;
}

td.image_action {
	border: none;
	border-top: 1px solid #CCCCCC;
	padding: 10px 0px 0px 10px;
}

.file label {
	width: auto;
}

div.img_order input {
	width: 30px;
}

div.img_order label {
	width: auto;
}

table .checkbox input {
	margin-left: 10px;
}

/* ER text maintenance */

.textblock {
	float: left;
	width: 280px;
}

table#object-prices {
	margin-bottom: 10px;	
}

table#object-prices, table#object-prices td, table#object-prices th {
	border: 0px;
	border-bottom: 1px solid #CCC;
}

table#object-prices {
	border-top: 1px solid #CCC;
}

table#object-prices th {
	width: 110px;
	text-align: left;
	padding: 3px;
}

table#object-prices td {
	padding: 3px;
}