html{

	height:100%;

}

body {

	text-align:center;

	margin:0;

	min-height:101%;

	z-index:1;

	background-color:#EEE;

	background-image: url(../images/css/fp-bg.gif);

	background-repeat: no-repeat;

	background-position: center top;

	font-family:Arial, Helvetica, sans-serif;

	color: #333;

	font-size:12px;

}

#fullpage {

	width:900px;

	margin-left:auto;

	margin-right:auto;

	position:relative;

	padding-top:55px;

	padding-bottom:100px;

	text-align:left;

}



/* Anfrage-Box */

#anfrageBox {

	position:absolute;

	right:25px;

	top:5px;

	height:40px;	

}

#anfrageBox table tr td {

	padding:0px 0px 3px 15px;

	color:#333;

	font-size:90%;

}

#anfrageBox table tr td h6 {

	padding:0px;

	margin:0px;

	text-align:right;

	font-family:Arial, Helvetica, sans-serif;

	font-size:120%;

	text-transform:uppercase;

	font-weight:normal;

	color:#333;

}

#anfrageBox table tr td h6 a {

	color:#333;

	text-decoration:none;

}

#anfrageBox .boxformfield {

	width:80px;

}

#anfrageBox .boxformsubmit {

	border:none;

	font-size:90%;

	color:#FFF;

	font-weight:bold;

	padding-bottom:1px;

	background-color:#333;

	width:60px;

	border:1px solid #FFF;

}



#alert {

	width:580px;

	margin-left:113px;

	margin-right:113px;

	border:2px solid #F30;

	padding:10px;

	color:#F30;

	font-size:160%;

}

#alert p {

	padding:0px;

	margin:0px;

}



#anfrage table tr td.error {

	color:#F30;

	font-weight:bold;

}



/* Anfrage -> Formular */

#sammelformular {

	width:500px;

}

#sammelformular .arow {

	width:500px;

	padding-bottom:10px;

}

#sammelformular .ahotelbox {

	width:112px;

	border:1px solid #569398;

	float:left;

	position:relative;

}

#sammelformular .acheckbox {

	position:absolute;

	right:0px;

	bottom:0px;

}

#sammelformular .mrt {

	margin-right:9px;

	margin-top:0px;

}

#sammelformular .mt {

	margin-top:0px;

}



#header {

	width:900px;

	height:450px;

	position:relative;

}

#logo {

	width:266px;

	height:81px;

	position:absolute;

	left:25px;

	top:0px;

	z-index:200;

}

#page {

	position:relative;

	width:850px;

	padding-left:25px;

	padding-right:25px;

	background-image: url(../images/css/page-bg.gif);

	background-repeat: repeat-y;

	background-position: center top;

}

#content {

	width:850px;

	position:relative;

	padding-top:0px;

	padding-bottom:3px;

}

/* Content-Styles */

#content h2 {

	margin:0;

	color:#363;

	font-size:130%;

	padding: 0px 0px 10px;

}

#content a {

	color: #333;

	text-decoration:none;

}

#content a:hover {

	color: #FFF;

	background-color:#363;

	text-decoration:none;

}

#content span {

	position:absolute;

	left:-1952px;

	top:25px;	

}



.Box1 {

	width:850px;

	background-image: url(../images/css/1-box-top.gif);

	background-repeat: no-repeat;

	background-position: center top;

	background-color:#EEE;

	margin-top:10px;

}

.Box1Content {

	width:830px;

	padding:10px;

	background-image: url(../images/css/1-box-bottom.gif);

	background-repeat: no-repeat;

	background-position: center bottom;

}



.Box3HText {

	width:850px;

	background-image: url(../images/css/3-box-content.gif);

	background-repeat: repeat-y;

	background-position: center center;	

}

.Box3 {

	width:850px;

	background-image: url(../images/css/3-box-content.gif);

	background-repeat: repeat-y;

	background-position: center center;

	margin-top:10px;	

}

.Box3Top {

	width:850px;

	background-image: url(../images/css/3-box-top.gif);

	background-repeat: no-repeat;

	background-position: center top;

}

.Box3Bottom {

	width:830px;

	padding:10px;	

	background-image: url(../images/css/3-box-bottom.gif);

	background-repeat: no-repeat;

	background-position: center bottom;

}

.Box3Cont {

	width:246px;

	float:left;

	line-height:140%;

}

.mr46 {

	margin-right:46px;

}



.Box3Cont p {

	margin:0px;

	padding:0px;

}

.Box3Cont img {

	margin-top:3px;

	margin-bottom:10px;

}



/* Hotels */

#hotelBilder {

	position:absolute;

	height:180px;

	width:850px;

	left:0px;

	top:-180px;

	z-index:200;

}

#hotelBilder .hBox {

	width:246px;

	height:160px;

	padding:10px;

	float:left;

	background-image: url(../images/css/box-bg.png);

	background-repeat: no-repeat;

	background-position: center top;

}

#hotelBilder .hImage {

	position:relative;

	width:246px;

	height:160px;

}

#hotelBilder .hName {

	position:absolute;

	bottom:5px;

	right:5px;	

	font-size:110%;

	color:#FFF;

	border:1px solid #FFF;

}

#hotelBilder .hImage a .hName {

	color:#FFF;

	padding:1px 5px;

	display:block;

	text-decoration:none;

	background-image: url(../images/css/hName-bg.gif);

	background-repeat: repeat-x;

	background-position: left center;

}

#hotelBilder .hImage a:hover .hName {

	color:#363;

	background-image:none;

	background-color:#FFF;

}

#hotels .hText {

	position:relative;

	width:246px;

	height:160px;

	padding-top:30px;

}

.mr26 {

	margin-right:26px;

}

#webwerkstatt {

	position:absolute;

	bottom:-40px;

	right:27px;

}

#webwerkstatt span {

	position:absolute;

	left:-2000em;

}



#footer {

	width:850px;

	padding-left:25px;

	padding-right:25px;

	background-image: url(../images/css/page-bottom.gif);

	background-repeat: no-repeat;

	background-position: center top;

	padding-top:12px;

	text-align:center;

	font-size:90%;

}

#footer a {

	color:#000;

}





/* *** Float containers fix:*/ 

.clear:after {

	content: "."; 

	display: block; 

	height: 0; 

	clear: both; 

	visibility: hidden;

}

 

.clear{display: inline-table;}



/* Hides from IE-mac \*/

* html .clear{height: 1%;}

.clear{display: block;}

/* End hide from IE-mac */