/****************************
+++ HTML-Standards +++
****************************/

html {
	min-height:100.05%;
}

body {
	margin:0;
	padding:0;
	font-family:verdana, helvetica, sans-serif;
        background-image:url(../upload/design/hintergrundbilder/zimmer.jpg);
        background-image:url(../upload/design/hintergrundbilder/thermenblick.jpg);
        background-image:url(../upload/design/hintergrundbilder/hmz.jpg);
        background-image:url(../upload/design/hintergrundbilder/fruehstueck.jpg);
        background-image:url(../upload/design/hintergrundbilder/bg.jpg);
	background : #992235;
	font-size:70%;

	color:#000;
	line-height:1.3em;
}

img {
	border:none;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-size:100%;
	color:#992235;
}

h1 {
	margin: 0;
	font-size:1.8em;
	line-height:1.2em;
}

h2{
	font-weight:bold;
	font-size:1.1em;
}

.trenner {
	display:block;
	clear:both;
	height:1px;
	font-size:1px;
}

a {
	color:#992235;
	text-decoration : none;
}

p {
	margin-top:0px;
}

.rechts {
	float:right;
	padding-left:5px;
}

.links {
	float:left;
	padding-right:5px;
}
form{
	padding : 0;
	margin : 0;
}

ul {
	margin:0;
	padding:0 0 0 1.3em;
}

hr {
	height:1px;
	background:none;
	border:0px;
	border-bottom: solid 1px #992235;
	margin:0;
	padding:0;
	margin:35px 0;
}

td, table {
	vertical-align:top;
margin:0;
padding:0;
}

.preis{
	color : #992235;
	font-weight : bold;
	font-size:1.7em;
}

.relative {
	position:relative;
}

.absolute {
	position:absolute;
	top:0;
	left:0;
}


/****************************
+++ Allgemein +++
****************************/
#container{
	margin : 0 auto;
	width : 977px;
	position:relative;
}
#holidaycheck {
	position:absolute;
	top: 216px;
	left: 32px;
}
.headerimg {
	background-position: center top;
	background-repeat: no-repeat;
	width:100%;
	height:828px;
	position:absolute;
}

#sitemap{
	color : #992235;
        font-size : 100%
}
/******************
**********
+++ Infoleiste +++
****************************/
#infoleiste{
	color : #992235;
	width : 100%;
	background : #E6B7A9;
	border-bottom : 5px solid #fff;
}
#infoleisteInhalt{
	margin : 0 auto;
	width : 977px;
	height : 35px;
}
#urlaubanbieter{
	padding-top : 10px;
	float : left ;
}
#newsletter{
	padding-right : 50px;
	padding-top : 0.5em;
	float : right ;
}
#newsletter .button{
	position : relative;
	top : 3px;

}
#newsletter label{
	padding-right: 8px;
}
#facebook{
    float : right;
	padding-top : 5px;
	padding-left : 30px;
}
#suche{
	padding-top : 0.5em;
	padding-right : 23px;
	float : right ;
	position : relative;
	
}
#suche .button{
	position : absolute;
	top : 0.7em;
	right : 0 ;
}
#suche label{
	padding-right: 8px;
}
#schriftgroesse{
	padding-right : 40px;
	padding-left: 10px;
	padding-top : 8px;
	float : right ;
}



/****************************
+++ Kopfzeile +++
****************************/
#kopfzeile{
	width : 977px;
	min-height : 144px;
	border-bottom : 2px solid #fff;
	background : #992235;
}
#logo{
	width : 299px;
	float : left;

}
#flashKopf{
	height : 142px;
	width : 427px;
	padding : 1px 0;
	float : left;
}
#buchenKopf{
	padding : 10px 14px;
	color : #fff;
	width : 200px;
	float : right;
}

#buchenKopf .button{
	color : #fff;
	padding-bottom : 3px;
	border : none;
	width : 76px;
	height : 20px;
	background : #B85E63;
	margin-top : 8px;
}

#anreise{
        width : 156px;
	background : #E6B7A9;
	border : none;
}
#abreise{
        width : 156px;
	background : #E6B7A9;
	border : none;
}
#buchenKopf p{
	margin : 0;
	padding : 5px 0;
}
/****************************
+++ Navigation +++
****************************/
#navigation{
	width : 977px;
	min-height : 37px;
	background : #992235;
}
#spacer{
	width : 1px;
	height : 275px;
}

.navigationVorschau{
	width : 165px;
	padding-left : 3px;
        background : #B6555A;
}
.navigationVorschau h1{
	color : white;
	font-size:1.3em;
	padding : 5px 0;
	margin : 0;
}
.navigationVorschau .preis{
	color : white;
	font-size:1.7em;
}

.navigationVorschau .link{
        position : absolute;
        top : 3px;
        left : 3px;
        z-index : 9999;
}

/****************************
+++ Inhaltsbereich +++
****************************/
#inhaltsbereich{
	width : 913px;
	padding : 32px 32px 28px 32px;
	background : #F0DED2;
}
#spalte1{
        position : relative;
	width : 278px;
	min-height : 233px;
	margin-left : 4px;
	margin-right : 34px;
	float : left;
}
#spalte2{
        position : relative;
	width : 278px;
	min-height : 233px;
	margin-right : 34px;
	float : left;
}
#spalte3{
        position : relative;
	width : 278px;
	min-height : 233px;
	float : left;
}
#spalte4{
        position : relative;
        visibility : hidden;
	width : 0;
	min-height : 233px;
	background : #E6B7A9;
	float : left;
}
.inhalt{
	margin-top:22px;
	padding : 0;
}
.link{
        position : absolute;
        top : 0;
        left : 0;
}

.webcam {
        width:278px;
        float:left;
        margin-right:34px;
        text-align:center;
        margin-bottom:20px;
}

.webcam.letzes {
        margin-right:0px;
}

#fusszeilelinks {
    float: left;
    width:200px;
    padding:10px 0px 20px 33px;
}

#foerderlogos {
    float: right;
    height: 50px;
    margin: 10px 0 20px 0px;
    width: 255px;
}