html, body
{
    height: 100%;
    margin:0;
    padding:0;
    border: 0;
}

body
{
    background-color:#ece1ba;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    text-align:center;
}

img
{
    border: 0;
    margin: 0;
    padding: 0;
}

iframe
{
	position:absolute;
	top:25px;
	left:0px;
	z-index:50;
	width:987px;
}

a
{
    color: #803829;
}

form
{
    margin: 0;
    padding: 0;
}

#container
{
    margin: 0px auto;
    width: 987px;
    height: 605px;
    text-align: left;
    position: relative;
    overflow:hidden;
}

#bigimg
{
	width:672px;
	height:488px;
        overflow: hidden;
}
#portfolio
{
    margin: 24px 0 0 0;
    padding: 0;
    list-style: none;
}
#slide_nav
{
    margin: 0;
    padding: 0;
    list-style: none;
    cursor: pointer;
}
#slide_nav li
{
    margin: 0;
    padding: 0;
    float: left;
    max-height: 51px;
}
#preise
{
	position:absolute;
	top:24px;
	left:0px;
	z-index:50;
	width:967px;
	height:454px;
	overflow:auto;
        overflow-x: hidden;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-left:20px;
}
#angebote
{
	position:absolute;
	top:25px;
	left:0px;
	z-index:50;
	width:947px;
	height:444px;
	overflow:auto;
        overflow-x:hidden;
	background-color:#fff;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
}

#angebote div.text, #angebote
{
	font-size:11px;
	line-height:17px;
	color:#803829;
	margin:0px;
	margin-bottom:7px;
}
#angebote div.text
{
	padding-bottom:10px;
	border-bottom:1px solid;
}
#wohnung
{
	position:absolute;
	top:0px;
	left:450px;
	z-index:50;
	width:450px;
	background-color:#fff;
	padding-top:10px;
	padding-left:10px;
}
#logo
{
	position:absolute;
	top:24px;
	right:315px;
	z-index:40;
}
#map
{
    width: 400px;
    float:left;
    height: 410px;
    margin-right:10px;
}
#directions
{
    margin-top: 10px;
    width: 540px;
    float:left;
    background-color:#fff;
    height: 286px;
    overflow: auto;
}
#offer0, #offer1, #offer2
{
	position:absolute;
	top:24px;
	left:672px;
	background-color:#ffffff;
	background-image:url(../images/angebote_on.jpg);
	background-repeat:no-repeat;
	height:101px;
	width:315px;
}
#offer1, #offer2
{
	background-image:url(../images/angebot1.jpg);

}
#offer2
{
	background-image:url(../images/angebot2.jpg);

}

#offer0 a, #offer1 a, #offer2 a
{
	position:absolute;
	font-size:11px;
	color:#772c20;
	text-decoration:none;
	line-height:24px;
	padding-top:40px;
	padding-left:35px;
	width:270px;
}
#offer0 a span, #offer1 a span, #offer2 a span
{
	display:block;
}
#offer0 a span:hover, #offer1 a span:hover, #offer2 a span:hover
{
	text-decoration: underline;
}
#gutschein0, #gutschein1, #gutschein2
{
	position:absolute;
	top:125px;
	left:672px;
	background-color:#ffffff;
	background-image:url(../images/gutschein.jpg);
	background-repeat:no-repeat;
	height:69px;
	width:315px;
}
#gutschein1, #gutschein2
{
background-image:url(../images/gutschein1.jpg);
}

#familienurlaub0, #familienurlaub1, #familienurlaub2
{
	position:absolute;
	top:125px;
	left:672px;
	background-color:#ffffff;
	background-image:url(../images/familienurlaub.jpg);
	background-repeat:no-repeat;
	height:69px;
	width:315px;
}
#familienurlaub1
{
	background-image:url(../images/familienurlaub1.jpg);

}
 #familienurlaub2
{
	background-image:url(../images/familienurlaub2.jpg);

}

#familienurlaub0 a, #familienurlaub1 a, #familienurlaub2 a
{
	display:inline-block;
        font-size:11px;
	color:#772c20;
	text-decoration:none;
	line-height:15px;
        padding-top: 30px;
        padding-bottom: 9px;
        padding-left: 13px;
        padding-right: 135px;
}

#familienurlaub0 a:hover, #familienurlaub1 a:hover, #familienurlaub2 a:hover
{
    text-decoration: underline;
}

#content
{
    position: absolute;
    top: 194px;
    left: 672px;
    width: 302px;
    height: 180px;
    z-index: 30;
    overflow: auto;
    overflow-x: hidden;
    font-size:11px;
    line-height:17px;
    color:#803829;
    padding: 5px 5px 5px 8px;
}
#contbkg
{
	position:absolute;
	top:194px;
	left:672px;
        width:307px;
	height:103px;
	padding-left:8px;
	z-index:20;
	padding-top:191px;
	background-repeat:no-repeat;
	background-color:#fff;
}

#contbkg img
{
	border:1px solid #fff;
	margin:0px;
	padding:0px;
}
#contbkg img:hover
{
	border:1px solid #444;
	margin:0px;
	padding:0px;
}
#contbkgal
{
	position:absolute;
	top:194px;
	left:672px;
	height:294px;
	padding-left:8px;
	width:307px;
	z-index:20;
	padding-top:0px;
	background-repeat:no-repeat;
	background-color:#fff;
}
#contbkgal img
{
	border:1px solid #fff;
	margin:0px;
	padding:0px;
}
#contbkgal img:hover
{
	border:1px solid #444;
	margin:0px;
	padding:0px;
}
#contbkgal h1
{
	font-size:13px;
	color:#803829;
	margin:0px;
	margin-bottom:5px;
	line-height:16px;
}
#content h1, #preise h1, #wohnung h1, #angebote h1
{
	font-size:13px;
	color:#803829;
	margin:0px;
	margin-bottom:5px;
	line-height:16px;
}
h2
{
	margin-top:0px;
	margin-bottom:0px;
	font-size:11px;
	color:#803829;
}
#content p, #preise p, #wohnung p
{
	font-size:11px;
	line-height:17px;
	color:#803829;
	margin:0px;
	margin-bottom:7px;
}
#preise p, #wohnung p
{
	width:440px;
}
#content li, #angebote li
{
	font-size:11px;
	line-height:15px;
	color:#803829;
	margin:0px;
}
#content ul, #angebote ul
{
	margin:0px;
	padding-left:15px;
	width:250px;
}

#belvita
{
	position:absolute;
	z-index:40;
	top:433px;
}
#lang
{
	position:absolute;
	top:523px;
	left:20px;
}
#footerlink
{
	position:absolute;
	left:445px;
	top:507px;
	z-index:10;
}
#bottom
{
	position:absolute;
	z-index:10;
	right:5px;
	top:492px;
	font-size:9px;
}
#bottom a
{
	color:#666666;
	text-decoration:none;
	margin-left:10px;
}
#bottom a:hover
{
    text-decoration: underline;
}

.formgen {
        line-height: 25px;
}

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
}

.formgen form {
}

.formgen .formblock {
        clear: both;
	text-align: right;
        padding-right: 20px;
}
 .forminfo {
	font-weight: bold;
        color: #EE0000;
	border: 1px dashed #EE0000;
        padding-right: 20px;
}

.formgen br {
clear : both;
}

.formgen .formtextfield {
	width: 420px;
	height: 180px;
}

.formgen .formtext {
	width: 220px;
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover,
.formgen textarea:focus, .formgen textarea:hover {

}

.formgen label {
	min-width: 140px;
	clear: left;
	float: left;
	font-weight: bold;
}

.formgen .formradio
{
    clear: none;
    float: left;
}

.formgen .formselect
{
	width: 224px;
}

.formgen .formsubmit
{
	text-align: center;
}

.formgen legend {
	min-width: 140px;
}

.formgen .fieldset {
}

.formgen .formerror {
	color: #EE0000;
}

.formgen .formcaptcha {
	border: 1px solid #000000;
}

.formgen .formreq {
}

.formgen .formheadline {
	font-style: italic;
}

.formgen .links {
        float: left;
}

.formgen .rechts {
        float: right;
        padding-right: 20px;
}