/*--- Layout ---*/
html {
height: 101%;
}

.clear {
clear: both;
height: 1px;
overflow: hidden;
}

/* allgemeines Layout */
body {
background-color:#153751;
color:#FFFFFF;
font-family:Verdana, sans-serif;
font-size:8pt;
text-align:center;
margin: 0px;
padding: 0px;
}

/* zentrierender Container */
#container {
text-align:left;
width: 886px;
margin-left: -443px;
left: 50%;
margin-top: 50px;
padding:0px;
position: absolute;
}

/* Sekundärnavigation */
#secnav {
text-align:right;
background-color:transparent;
margin-bottom: 5px;
margin-right: 6px;
}

#secnav a {
text-decoration: none;
color: #FFFFFF;
}

#secnav a:hover {
text-decoration: underline;
}

#outerWrapper {
background-image: url(../grafiken/bg_outerwrapper.gif);
width: 100%;
float: left;
margin-bottom: 30px;
}


/* Inhaltscontainer */
#wrapper {
color: #000000;
background-color:#FFFFFF;
background-position: bottom;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
position:relative;
border-top: 5px solid #FFFFFF;
border-left: 5px solid #FFFFFF;
border-right: 5px solid #FFFFFF;
border-bottom: 5px solid #FFFFFF;
background-image: url(../grafiken/bg_content.gif);
}


#shadow-bottom {
margin:0px;
padding:0px;
background-image: url(../grafiken/_shadow-bottom.gif);
height: 9px;
width: 100%;
overflow: hidden;
float: left;
}


/* Logo */
#logo {
height:234px;
width:234px;
background-image: url(../grafiken/logo.gif);
float:left;
}

/* Keyvisual */
#keyvis {
height:234px;
width:234px;
margin-left:5px;
float:left;
}

/* Infobereich */
#info {
height:204px;
width:332px;
background-color:#d1da61;
color:#60251d;
border-left: 5px solid #FFFFFF;
float:left;
padding: 30px 30px 0px 30px;
line-height:2.0em;
}

/* Picturebox */
#picbox {
margin-top:16px;
}

/* Contentbereich und Hauptnavigation */
#content {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: left;
border-top:5px solid #FFFFFF;
}

/* Primaernavigation */
#primnavi {
width: 237px;
padding-left:0px;
padding-top:40px;
padding-bottom:20px;
background-color:#60251d;
color:#FFFFFF;
float:left;
border-bottom:5px solid #FFFFFF;
margin-bottom: 20px;
}

/* Navigation Ebene 1 via <ul> */
#navi_ebene1 {
list-style: none;
margin: 0px;
padding: 0px;
}

/* Navigation Ebene 2 via <ul> */
#navi_ebene2 {
list-style: none;
width: 15em;
padding: 2px 0px 0px 20px;
margin-bottom: 5px;
}

.li_navi_ebene1 {
margin-top:0px;
padding-left:26px;
padding-bottom:6px;
padding-top: 7px;
border-top:1px solid #906761;

}

.li_navi_ebene2 {
margin-top:0px;
padding-bottom:0px;
padding-left:15px;
}

.active_ebene1 {
border-top:1px solid #906761;
margin: 0px 0px 0px 0px;
padding-left: 10px;
}

.active_ebene1 a {
background:transparent url(../grafiken/nav_mond.gif) no-repeat 0 3px;
padding: 3px 0 3px 17px;
}

.active_ebene2 {
border: 0px;
margin: 0px;
margin-left:5px;
padding: 0px 0px 0px 1px;
}
.active_ebene2 a {
display: inline;
background:transparent url(../grafiken/nav_pfeil.gif) no-repeat 0 3px;
padding: 0px 0px 0px 9px;
}

#primnavi a {
text-decoration: none;
color: #FFFFFF;
}

#primnavi a:hover {
text-decoration: underline;
}


/* Hauptinhaltsbereich */
#maincontent {
width:550px;
margin-left:15px;
padding:35px;
background-color:#fee9cb;
color:#000000;
float:left;
border: 0px;
}


/*--- Text und Typo ---*/
.content {
line-height:2em;
margin-bottom:25px;
}

h1 {
font-family:Verdana, sans-serif;
font-size:8pt;
font-weight:bold;
}

h2 {
font-family:Verdana, sans-serif;
font-size:8pt;
font-weight:bold;
}

.ausstattung td {
vertical-align:top;
}

.button {
border: 0px;
background-color: #60251d;
color: #FFFFFF;
font-size: 11px;
margin-top: 20px;
}



/*---  Links ---*/
a:link { color: #60251d; text-decoration:none; }
a:visited { color: #60251d; text-decoration:none; }
a:hover { color: #60251d; text-decoration:underline; }
a:active { color: #60251d; text-decoration:none; }

.inputform {
border-top: 1px solid #d0d5da;
border-left: 1px solid #d0d5da;
border-bottom: 1px solid #EAEAEA;
border-right: 1px solid #EAEAEA;
margin-top: 5px;
font-size: 1em;
float: left;
}

.formLabel {
width: 95px;
display: block;
float: left;
margin-top: 7px;
}

.formRow {
margin-bottom: 5px;
height: 23px;
}

.formRow .left {
float: left;
}

.formRow .right {
float: right;
}

.mustHaveFields {
color: #b0b64b;
}

#foot {
text-align:center;
margin-top: 2px;
}

.ferienwohnungen {
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
padding: 5px;
border-color: black;
}

.ferienwohnungen img {
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: 0px;
}

#anchorlinks a {
background-image: url(../p/bg_anchor.gif);
display: block;
width: 110px;
float: left;
text-align: center;
color: #60251d;
text-decoration: none;
font-size: 11px;
padding: 5px 0px 5px 0px;
font-weight: bold;
}