/* 
########################################################
Style fuer die grundsaetzliche Ausrichtung der Elemente
########################################################
*/

* {
		margin:0;
		padding:0;
		}

	html, body {
		scrollbar-arrow-color: #A90607;
		scrollbar-3dlight-color: #c0c0c0;
		scrollbar-higlight-color: #FF6600;
		scrollbar-face-color: #FAFAFA;
		scrollbar-shadow-color: #FAFAFA;
		scrollbar-darkshadow-color: #c0c0c0;
		scrollbar-track-color: #fafafa;
		height:100%;
		}

	body {
		background-color:#fafafa;
		text-align:center; /* horizontal centering for IE Win quirks */
		}

	#distance { 
		width:1px;
		height:50%;
		background-color:#fafafa;
		margin-bottom:-13.75em; /* half of container's height */
		float:left;
		}

	#containerHome {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:420px;
		width:760px;
		clear:left;
	    background:url(img/hintergrund_home_en.jpg) no-repeat;
		}
	#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:420px;
		width:760px;
		clear:left;
	    background:url(img/hintergrund.jpg) no-repeat;

		}
		
	#divScrollbar  { 
		position: absolute; 
		top: 103; 
		left: 165; 
		width: 585px; 
		height: 295px; 
		overflow: auto; 
		visibility: visible; 
		clip: rect(0px 585px 295px 0px) 
		}


/* 
##################################
02 Hotel // Geschichte
##################################
*/

#geschi1 {
	position: absolute;
	top: 117px;
	left: 181px;
	width: 288px;
	height: 126px;
   }
#geschi2 {
	position: absolute;
	top: 248px;
	left: 179px;
	width: 200;
	height: 110px;
   }
#geschi3 {
	position: absolute;
	top: 104px;
	left: 526px;
	width: 167px;
	height: 108px;
   }
#geschi4 {
	position: absolute;
	top: 277px;
	left: 415px;
	width: 220px;
	height: 102px;
   }
/* 
##################################
02 Hotel // Frühstücksraum
##################################
*/
#frueh1 {
	position: absolute;
	top: 163px;
	left: 172px;
	width: 227px;
	height: 97px;
   }
#frueh2 {
	position: absolute;
	top: 140px;
	left: 427px;
	width: 226px;
	height: 158;
   }
/* 
##################################
02 Hotel // Rezeption
##################################
*/
#rez1 {
	position: absolute;
	top: 107px;
	left: 178px;
	width: 318px;
	height: 117px;
   }
#rez2 {
	position: absolute;
	top: 131px;
	left: 510px;
	width: 226px;
	height: 158;
   }
/* 
##################################
02 Hotel // Cafe - Bar
##################################
*/
#cafe1 {
	position: absolute;
	top: 106px;
	left: 172px;
	width: 176;
	height: 158;
   }
#cafe2 {
	position: absolute;
	top: 134px;
	left: 364px;
	width: 192px;
	height: 110px;
   }
#cafe3 {
	position: absolute;
	top: 280px;
	left: 364px;
	width: 191px;
	height: 108px;
   }
#cafe4 {
	position: absolute;
	top: 200px;
	left: 590px;
	width: 133px;
	height: 158;
   }
/* 
##################################
03 Zimmer // Einzelzimmer
##################################
*/
#einzel1 {
	position: absolute;
	top: 115px;
	left: 171px;
	width: 176;
	height: 158;
   }
 #einzel2 {
	position: absolute;
	top: 107px;
	left: 485px;
	width: 176;
	height: 158;
   }
 #einzel3 {
	position: absolute;
	top: 284px;
	left: 488px;
	width: 255px;
	height: 114px;
   }
/* 
##################################
03 Zimmer // Doppelzimmer
##################################
*/
#doppel1 {
	position: absolute;
	top: 115px;
	left: 171px;
	width: 176;
	height: 158;
   }
 #doppel2 {
	position: absolute;
	top: 107px;
	left: 485px;
	width: 176;
	height: 158;
   }
 #doppel3 {
	position: absolute;
	top: 294px;
	left: 179px;
	width: 297px;
	height: 109px;
   }
/* 
##################################
03 Zimmer // Ferienwohnung
##################################
*/
#ferien1 {
	position: absolute;
	top: 120px;
	left: 162px;
	width: 166px;
	height: 158;
   }
#ferien2 {
	position: absolute;
	top: 160px;
	left: 497px;
	width: 239px;
	height: 194px;
   } 
#ferien3 {
	position: absolute;
	top: 104px;
	left: 167px;
	width: 234px;
	height: 194px;
   }   
#ferien4 {
	position: absolute;
	top: 105px;
	left: 175px;
	width: 254px;
	height: 106px;
   }    
  
/* 
##################################
04 Preise 
##################################
*/
 #preis1 {
	position: absolute;
	top: 106px;
	left: 174px;
	width: 184px;
	height: 158;
   }
 #preis1a {
	position: absolute;
	top: 313px;
	left: 174px;
	width: 520px;
	height: 48px;
   }   
 #preis2 {
	position: absolute;
	text-align:right;
	top: 106;
	left: 371px;
	width: 64px;
	height: 157px;
   }
 #preis2a{
	position: absolute;
	text-align:right;
	top: 313;
	left: 481px;
	width: 64px;
	height: 29px;
   }   
 #preis3 {
	position: absolute;
	top: 106px;
	left: 473px;
	width: 270px;
	height: 114px;
   }
/* 
##################################
05 Anfrage
##################################
*/
#antwort1 {
	position: absolute;
	top: 112px;
	left: 182px;
	width: 299px;
	height: 117px;
   }
#antwort2 {
	position: absolute;
	top: 206px;
	left: 431px;
	width: 226px;
	height: 158;
   }
   
 /* 
##################################
06 Anfahrt
##################################
*/
#anfahrt1 {
	position: absolute;
	top: 109px;
	left: 166px;
	width: 166px;
	height: 158;
	z-index: 1;
   }
   
#anfahrt2 {
	position: absolute;
	top: 219px;
	left: 483px;
	width: 277px;
	height: 158;
	z-index: 2;
   }
#anfahrt3 {
	position: absolute;
	top: 387px;
	left: 160;
	width: 70px;
	height: 15px;
	z-index: 2;
   }


/* 
##################################
07 Impressum 
##################################
*/
#imprint1 {
	position: absolute;
	top: 110px;
	left: 168px;
	width: 112px;
	height: 119px;
   }
#imprint2 {
	position: absolute;
	top: 110px;
	left: 287px;
	width: 149px;
	height: 119px;
   }
#imprint3 {
	position: absolute;
	top: 110px;
	left: 459px;
	width: 123px;
	height: 119px;
   }
#imprint4 {
	position: absolute;
	top: 110px;
	left: 587px;
	width: 162px;
	height: 119px;
   }
#imprint5 {
	position: absolute;
	top: 285px;
	left: 168px;
	width: 578px;
	height: 103px;
   }

#links1 {
	position: absolute;
	top: 112px;
	left: 183px;
	width: 215px;
	height: 52px;
   }
 
#footer {
	position: absolute;
	top: 416px;
	left: 0;
	width: 760;
	text-align:center;

}
/* 
#############################
Textstyle 
#############################
*/
.txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 11pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
    color: #333333;
}

.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	line-height: 9pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
    color: #333333;
}

.rot {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 11pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
    color: #A90607;
}

.link:link	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: 11pt;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
	color: #A90607;
}

.link:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: 11pt;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #A90607;
	text-decoration: underline;

}
.link:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: 11pt;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: underline;

}
.link:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: 11pt;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: underline;
}

input,textarea{
 	border-width:1px;
 	border-color:#939393;
 	border-style:solid;
 	background-color:#fafafa;
}

.disclaimer{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	line-height: 9pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
    color: #A90607;
}