@charset "utf-8";

html, body {
	width:100%;
	height:100%;
}

body {
	margin:0;
	padding:0;
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	background-color:#fff;
}

.breaker {
	clear:both;
}

a {
	color:#000;
}

/* vertical *** hotel ********************************** */

#verticalWrapper {
	position:absolute;
	width:100%;
	height:100%;
	text-align:center;
	z-index:10;
}

#vertical {
	position:relative;
	width:998px;
	height:100%;
	margin:0 auto;
	text-align:left;
	background-image:url(../images/backgroundVertical.gif);
	background-repeat:repeat-y;
}

#nonFooter {
	position: relative;
	min-height: 100%;
}

* html #nonFooter {
	height: 100%;
}


/* sky ***************************************** */

#sky {
	position:relative;
	width:998px;
	height:403px;
	background-image:url(../images/background.gif);
	background-repeat:repeat-y;
}

#prolog {
	position:absolute;
	left:19px;
	top:65px;
	width:480px;
	height:100px;
}

#logo {
	position:absolute;
	left:504px;
	top:65px;
	width:475px;
	height:100px;
}

#bannerPicture {
	position:absolute;
	left:19px;
	top:200px;
	width:480px;
	height:200px;
	z-index:10;
}

#bannerFlash {
	position:absolute;
	left:19px;
	top:200px;
	width:480px;
	height:200px;
	z-index:20;
}

#bluete {
	position:absolute;
	left:678px;
	top:301px;
	width:170px;
	height:75px;
	z-index:30;
}


/* menu ***************************************** */

#menuSub {
	position:absolute;
	left:505px;
	top:200px;
	width:230px;
	height:176px;
	z-index:40;
}

#menuSub ul {
	list-style-type:none;
	list-style-image:none;
}

#menuSub ul,li {
	margin:0;
	padding:0;
}

#menuSub ul li a {
	display:block;
	width:227px;
	height:14px;
	line-height:14px;
	font-size:11px;
	border-bottom:1px solid #c8c5ba;
	padding-right:3px;
	text-align:right;
/*	color:#7e1518;*/
	color:#000;
	text-decoration:none;
}

#menuSub ul li a:hover {
	background-color:#c8c5ba;
}

#menuSub ul li .mainHere {
	background-color:#c8c5ba;
}

#menuSub ul li .mainFirst {
	border-top:1px solid #c8c5ba;
}

#menuMain {
	position:absolute;
	left:740px;
	top:200px;
	width:241px;
	height:176px;
	z-index:50;
}

#menuMain ul {
	list-style-type:none;
	list-style-image:none;
}

#menuMain ul,li {
	margin:0;
	padding:0;
}

#menuMain ul li a {
	display:block;
	width:237px;
	height:14px;
	line-height:14px;
	font-size:11px;
	border-bottom:1px solid #7e1518;
	padding-left:3px;
	color:#000;
	text-decoration:none;
}

#menuMain ul li a:hover {
	background-color:#7e1518;
	color:#fff;
}

#menuMain ul li .mainHere {
	background-color:#7e1518;
	color:#fff;
}

#menuMain ul li .mainFirst {
	border-top:1px solid #7e1518;
}

#tools {
	position:absolute;
	left:741px;
	top:350px;
	width:240px;
	height:50px;
	z-index:60;
}

#de {
	position:absolute;
	left:0px;
	top:32px;
}

#en {
	position:absolute;
	left:22px;
	top:32px;
}

#fr {
	position:absolute;
	left:44px;
	top:32px;
}

#it {
	display:none;
	position:absolute;
	left:66px;
	top:32px;
}

#filmSommer {
	position:absolute;
	left:102px;
	top:18px;
}

#filmWinter {
	position:absolute;
	left:142px;
	top:18px;
}

#film3D {
	position:absolute;
	left:197px;
	top:18px;
}

#buch {
	display:none;
	position:absolute;
	left:170px;
	top:0px;
}



/* earth ***************************************/

#earth {
	position:relative;
	width:998px;
	padding-bottom:45px;
	background-image:url(../images/backgroundEarth.gif);
	background-repeat:repeat-y;
}

#earthFog {
	position:relative;
	width:998px;
	height:27px;
}

.colA {
	float:left;
	width:65px;
	height:1px;
}

#contentALeft {
	float:left;
	width:424px;
}

.colB {
	float:left;
	width:25px;
	height:1px;
}

#contentARight {
	float:left;
	width:421px;
}

.colAa {
	float:left;
	width:19px;
	height:1px;
}

#special {
	float:left;
	width:960px;
}

#contentBLeft {
	float:left;
	width:434px;
}

#contentBRight {
	float:left;
	width:431px;
}

#contentComplete {
	float:left;
	width:870px;
}



/* footer ***************************************** */

#footer {
	position:relative;
	margin-top:-45px;
	width:998px;
	height:45px;
}

#footerText {
	position:absolute;
	width:998px;
	text-align:center;
	font-size:10px;
}

#adressPrint {
	display:none;
}


/* room ******************************************* */

.room {
	position:relative;
	width:960px;
	height:198px;
	border-top:1px solid #fff;
}

.roomPicture {
	position:absolute;
	width:480px;
	height:198px;
	border-right:1px solid #fff;
}

.roomName {
	position:absolute;
	left:528px;
	top:15px;
}

.roomName h3 {
	font-size:12px;
	font-weight:bold;
	color:#7e1518;
}

.roomDescription {
	position:absolute;
	left:528px;
	top:36px;
	color:#000;
	margin-top:20px;
}

.priceBox {
	position:absolute;
	left:528px;
	top:120px;
	width:189px;
	height:57px;
	border:1px solid #7e1518;
}

.priceBox2Boxes {
	position:absolute;
	left:528px;
	top:120px;
	width:126px;
	height:57px;
	border:1px solid #7e1518;
}

.vsBox {
	position:absolute;
	width:63px;
	height:57px;
	background-color:#dfc8a8;
}

.hsBox {
	position:absolute;
	left:63px;
	width:63px;
	height:57px;
	background-color:#d7ba92;
}

.nsBox {
	position:absolute;
	left:126px;
	width:63px;
	height:57px;
	background-color:#cfab7b;
}

.roomSeason {
	position:absolute;
	top:5px;
	width:63px;
	text-align:center;
	font-weight:bold;
	color:#7e1518;
}

.roomPrice {
	position:absolute;
	top:31px;
	width:63px;
	text-align:center;
	font-weight:bold;
	color:#7e1518;
}

.roomLastLine {
	position:relative;
	width:960px;
	height:1px;
	background-color:#fff;
}

.question {
	position:absolute;
	left:740px;
	top:160px;
}

.question a {
	color:#7e1518;
	font-size:12px;
	font-weight:bold;
}


/* Anfrage **************************************** */

#anfrage {
	margin-left:44px;
	width:533px;
}

fieldset {
	margin-top:25px;
	border:1px solid #aa8c5e;
	background-color:#d5b076;
	padding:6px;
}

legend {
	font-size:12px;
	color:#7e1518;
	font-weight:bold;
	background-color:#d5b076;
}

.inputArt1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #bc9b68;
	width:100px;
	height:16px;
	padding-left:2px;
	background-color:#e9e9e9;
}

.inputArt1:focus {
	background-color:#fff;
}

.inputArt2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #bc9b68;
	width:500px;
	height:120px;
	padding-left:2px;
	margin-left:5px;
	background-color:#e9e9e9;
}

.inputArt2:focus {
	background-color:#fff;
}

.inputArt3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #bc9b68;
	width:300px;
	height:16px;
	padding-left:2px;
	background-color:#e9e9e9;
}

.inputArt3:focus {
	background-color:#fff;
}

.error {
	color:#f00;
	font-weight:bold;
}

#errorFilm {
	margin:25px;
	font-size:16px;
	color:#f00;
	font-weight:bold;
	text-align:left;
}

.inputText2 {
	display:none;
}

