body  {
font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
line-height: 1.3;
font-size: 100.01%;
color:#3f352b;
font-weight:normal;
background:#CAC3AF;
}


a {color:#3f352b;text-decoration: underline;}
/*
a:link {color:#3f352b;text-decoration: underline;}
a:visited {color:#3f352b;text-decoration: underline;}
a:hover {color:#3f352b;text-decoration: underline;}
a:active, a:focus {color:#3f352b;text-decoration: underline;}       */

#sprachauswahl a {text-decoration:none;}
#sprachauswahl img {padding-right:8px;float:left;}

#content_main {
/* text-align:justify; */

}

.teaser2 h2 {color:#fff;padding-top:2px;padding-bottom:10px;margin:0px;}


#footer_text a {text-decoration:none;}
#footer_text a:hover {text-decoration:underline;}

h1 {color:#ffffff;font-size:1.6em;font-weight:normal;margin-top:0px;margin-bottom:0px;padding:11px 0px 0px 10px;  }
h2 {color:#651414;font-size:1.25em;margin-top:0px;}
h3 {color:#3f352b;font-size:1.1em;margin-top:0px;margin-left:10px;margin-bottom:14px;}

img {border:none; display:block;}

.imgborder1 {
border:1px solid #C0B9AB ;
padding:1px;
background:#fff;
margin-bottom: 10px;
}

.imgteaser {
border:none;
display:block;
margin: 5px 0 10px 0;
}


.clearer {
clear:both;
height:1px;
font-size:1px;
}

.contact p {margin:3px 0px; padding:0px;}
.contact p.erfolg {color:#651414;}


hr {
width: 100%;
height:1px;
color:#3f352b;
background-color:#3f352b;
}

/* navi */


#navi_links {
font-size: 1.17em;
padding:0;
color:#3f352b;
font-weight:bold;
}


ul.navi, ul.navi ul { list-style-type: none; margin: 0; padding: 0; }
ul.navi li { float: left;}

/* navi links */

ul.navi li a { display: block; padding: 14px 10px 10px 9px; }

ul.navi li a { color: #3f352b; text-decoration: none; }
ul.navi li a:hover, ul.navi a.hover, ul.navi a.selected { background-color: #62594C; font-weight: bold; color: #f0e8d0; }

/* subnavi */
ul.navi ul {display:none; position: absolute; background-color: #f0e8d0; width: auto; min-width: 130px; z-index: 3; white-space:nowrap;}
ul.navi li li { float: none; margin: 0;padding:0;font-size: 1.0em;border-top: 1px solid #f0e8d0;}

/* subnavi links */
ul.navi li li a { padding: 7px 4px 7px 6px; margin:0; color: #f0e8d0; text-decoration: none;font-weight:normal; }
ul.navi li li a:link , ul.navi li li a:visited {color: #f0e8d0; text-decoration: none;  }
ul.navi li li a, ul.navi li li a:visited { color: #f0e8d0; text-decoration: none;background:#62594C;}
ul.navi li li a:hover { color: #62594C;text-decoration: none;background:#C0B9AB;font-weight:normal;}

/*** nur für ie6 ***/
* html ul.navi li li { border-bottom: 1px solid #f0e8d0;margin-bottom:-1px; }


/****** jquery-tabs *********************/


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
    	display: none;
    }
}

/* Skin */
.ui-tabs-nav {list-style: none;margin: 0;padding: 0 0 0 0;}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {float: left;margin: 0 0 0 0;min-width: 30px; /* be nice to Opera */}
.ui-tabs-nav a {position: relative;z-index: 2;float: left;font-size: 1.1em;font-weight: normal;text-decoration: none;padding: .5em 0.9em;color: #3f352b;background: #c0b9ab;white-space: nowrap; /* required in IE 6 */}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */cursor: text;}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */cursor: pointer;}
.ui-tabs-nav .ui-tabs-disabled {opacity: .4;}
.tabs-container {background: #f0e8d0; /* declare background color for container to avoid distorted fonts in IE while fading */}


.tabs-container { padding: 0; border-top: none; /*background-color: transparent;*/ }
/*.tabs-container * { background-color: white; }*/

.ui-tabs-nav { padding-left: 0;border-bottom: 1px #62594c solid;  }
.ui-tabs-nav li { margin-right: 1px; }

.ui-tabs-nav a { color: #3f352b;text-decoration: none;   }
.ui-tabs-nav .ui-tabs-selected a { color: #ffffff; text-decoration: none;background: #62594c;border-bottom: 1px #62594c solid; }



 /************ formular-styles **************************************/

.kontaktformular em {color: #ff0000;}
.kontaktformular p {padding:10px 0;margin:0;}

/*form angaben */

#kontaktform {padding:0;margin:0;}
.kontaktformular br {clear: both;}
.kontaktformular  {width:200px;border: none;padding:0px;margin:0px;}

fieldset.kontaktformular legend  {font-weight:bold;margin:0;padding:0;color:#000000;}
fieldset.kontaktformular label {vertical-align:bottom;font-weight:normal;width: 8em;float: left;margin: 4px 0 0 0;}
fieldset.kontaktformular input, fieldset.kontaktformular select, fieldset.kontaktformular textarea {
font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
font-size : 1em;
color:#000;
font-weight:normal;
margin-top: 2px;
margin-bottom: 2px;
padding: 0 0 0 0px;
vertical-align:middle;
}

fieldset.kontaktformular select {
height:auto;
padding:2px 0px 2px 1px;
margin-bottom:12px;
}
fieldset.kontaktformular input {padding:2px 0px 2px 5px;margin-bottom:12px;height:16px;}
.formulardatum {margin-top:12px;}

p.button {
border: 1px solid #000;
background-color: #ffffff;
width: 100px;
text-align:right;
}

.box {
border: 1px solid #635344;
background-color: #fff;
height:1.2em;
width: 193px;
}

.box1a {
border: 1px solid #635344;
background-color: #ffffff;
width:200px;
height:1.5em;
}

.box1b {
border: 1px solid #635344 ;
background-color: #ffffff;
height:1.2em;
width: 69px;
}

.box1c {
border: 1px solid #635344 ;
background-color: #ffffff;
width: 256px;
height:1.5em;
}

.box1d {
border: 1px solid #635344 ;
background-color: #ffffff;
width: 75px;
height:1.5em;
margin-right:13px;
}


.box2 {
border: 1px solid #635344 ;
background-color: #ffffff;
margin-left:4px;
height:1.2em;
width: 171px;
}

.cbox, .rbox {
float:left;
margin-right: .3em;
border: 0px solid #000;
background-color: #e5e9ee;
height:1.2em;
}

.boxtext {
float:left;
font-weight:bold;
padding-top: 0.3em;
padding-right: 1.3em;
}

.textfeld {
border: 1px solid #62594C ;
background-color: #ffffff;
width: 253px;
}

fieldset.kontaktformular .textfeld {
width: 193px;
padding: 2px 0 2px 5px;
}

fieldset.kontaktformular input.senden, #online_teaser input.booking-submit {
/*background-color: #ffffff;
border: #635344  1px solid; */
font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
font-size : 1em;
width:100px;
height:auto;
padding:2px 5px;
}

.fehlertext {
margin:0 0 10px 0;
padding:0;
font-weight:bold;
color: #ff0000;
}

.fehlerbox {
border: 1px dashed #ff0000;
background-color: #eeeeee;
}

ul.fehlerliste {
padding-top: 0;
padding-bottom: 16px;
margin:0;
list-style-type: square;

}

.fehlerliste li {
color: #ff0000;

}

.formfeld {
font-weight:normal;
width: 8em;
float: left;
height: 2em;
}

.formfeld2 {
font-weight:normal;
width: 11em;
float: left;
padding-bottom:0.5em;
}

.formfeldausgabe {
float: left;
height: 2em;
}

.formfeldausgabe2 {
float: left;
padding-top:1.3em;
}

.callback {
color:#fff;
border: 1px solid #635344; 
background:#918470; 
height:25px; 
padding-top:5px;
margin-bottom:10px;                
}


* html .box1d { margin: 0; }

fieldset.kontaktformular label { float: none; vertical-align: middle; width: auto; margin: 0; }
fieldset.kontaktformular input#callback { margin-bottom: 0; }

/********************* ende formular-styles ********************************/

.content_tabs_bg.overview h3 { padding-left: 0; }
.download { margin: 1em 0; }
.content_tabs_bg { margin-bottom: 20px; }

#teasers { width: 240px; float:left; }
#teasers .teaser2 { margin-bottom: 1em; }

#online_teaser .teaser2 { padding: 0 10px; height: 100%; }
.teaser2 .booking-header { background: #62594C; height: 80px; }
.teaser2 .booking-header .booking-title { float: left; width: 50%; padding: 30px 0 0; }
.teaser2 .booking-header .booking-logo { float: right; width: 50%; text-align: right; padding: 20px 0 0; }
.teaser2 .booking-header .booking-logo img { display: inline; }
form.booking, div.booking-message {background: #C0B9AB; padding: 10px; height: 230px; margin: 0; }
form.booking-redirect { margin: 0; }
form.booking .form-row.first { padding-top: 0; }
form.booking .form-row { clear: both; padding-top: 1em; }
form.booking .form-row label { display: block; font-size: 1.0em; margin-bottom: 0.8em;}
form.booking .form-col.details { float: left; width: 4em; padding-right: 0.8em;}
form.booking .form-row .booking-submit { text-align: center; }
/*
a.hiex { text-decoration:none; }
h3.hiex { background: url(../../media/bilder/_layout/hiexpress.gif) no-repeat left center; padding: 10px 0 10px 80px; }
*/

#partnerlogos { text-align: center; margin-top: 1.6em; }
#partnerlogos ul { list-style: none; margin: 0; padding: 0; }
#partnerlogos li { display: inline; padding-left: 30px; }
#partnerlogos li.first { padding-left: 0; }
#partnerlogos img { display: inline; vertical-align: middle; }
.teaser2 h2 { padding-top: 10px; }

.content_tabs_bg.gmaps { margin-bottom: 1em; }

/***************styles online-reservation 20080828 ****************************************/

#ankunft-d, #ankunft-m, #ankunft-y, form.booking .form-col.details, select#nights, select#people, select#rooms {width:4.7em;margin:0px;}
select#hotel {
width:14.7em;
}

* html form.booking .form-col.details{
padding-right:3px;
}
.form-row.center {text-align:center; padding-top: 1em}





/***************styles special-teaser 20100607 ****************************************/


.special-teaser {

padding: 7px 0px 7px 0px;
/***padding: 7px 6px 7px 12px;
background: #62594C;***/
margin-top:20px;
}

.special-teaser_text {
float: left; 
width: 70%;
}
/***
.special-teaser_text h2 {
padding-top: 12px;color:#fff;margin:0px;
}

.special-teaser_text p a {color:#fff;text-decoration: underline;}
****/
.special-teaser_img {
float: left; 
width: 30%;
text-align:right;
}

.special-teaser_img img {
border: 1px solid #fff;
display: inline;
}


/* feedback-/tabbed teaser 2010-07-22 */
.teaser2 .tabbed { width: auto !important; padding-top: 5px; }
.teaser2 .tabbed ul { margin-bottom: 0; }
.teaser2 .ui-tabs-nav { border-bottom: 0; }
.teaser2 .ui-tabs-nav a { font-size: 1.25em; font-weight: bold; background: transparent; color: #c0b9ab; }
.teaser2 .ui-tabs-nav .ui-tabs-selected a { background: #c0b9ab; border-bottom: 0; color: #fff; }
.teaser2 .ui-tabs-panel { background: #c0b9ab; padding: 5px 5px 0 10px; }
#feedback { padding: 10px; }
.feedbackBox { background: #fff; height: 320px; overflow: auto; padding: 7px 5px; }
.feedbackBox ul { list-style: none; padding: 0; margin: 0; }
.feedbackBox li { margin-bottom: 1em; background: url("/media/bilder/_layout/ldquo.gif") no-repeat 0 3px; padding-left: 16px; }
.feedbackBox blockquote { margin: 0; }
.feedbackBox cite { font-style: italic; }
.teaser2 .tabbed .contact { padding: 0; }
.teaser2 .tabbed #contact h2 { display: none; }