html, body {
	height:100%;
	}
body {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#deeff9+0,7db9e8+100 */
	background: rgb(222,239,249); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(222,239,249,1) 0%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(222,239,249,1) 0%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(222,239,249,1) 0%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deeff9', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
	text-align:center; /* horizontal centering for IE Win quirks */
	}
img{
	border: 0px;
	}
a{
	text-decoration: none;
	font-family: Arial Narrow;
	font-size: 11px;
	color: #FFFFFF;
}
#distance{ 
	width:1px;
	height:50%;
	margin-bottom:-359px; /* half of container's height */
	float:left;
	}

#main{
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:718px;
	width:902px;
	clear:left;
	background-color: #FFFFFF;
	}
#nav_container{
	position:absolute;
	top:12px;
	left:12px;
	height:694px;
	width:224px;
	/* border: 1px solid #000; */
	}
/* ------------------------ Navigation CSS-------------------------- */
#main_nav {
	width: 224px;
	height: 184px;
	position: absolute;
	top: 190px;
	left: 0px;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: small-caps;
	line-height: 34px;
	text-decoration: none;
	text-align: center;
	list-style-image: none;
	list-style-type: none;
	display: block;

}
ul{
	display: block;
	padding: 0px;
	margin: 0px;	
}
ul a{
	display: block;
	}
#main_nav a:hover {
	display: block;
}
li.navi{
	display: block;
	width: 224px;
	height: auto;
	margin-bottom: 1px;
	background-color: #ffb158;
	list-style-image: none;
	list-style-type: none;
	padding-top:9px;
	padding-bottom:9px;
}
li.navi:hover{
	background-color: #ED6905;
	cursor: pointer;
}
li.navi#active{
	background-color: #ED6905;
}
li.navi a{
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height:1.5;
	font-style: normal;
	font-variant: small-caps;
	text-decoration: none;
	text-align: center;
	list-style-image: none;
	list-style-type: none;
} 
li.navi a:hover {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: small-caps;
	text-decoration: none;
	text-align: center; 
	list-style-image: none;
	list-style-type: none;
}
/* ------------------------ Bottom CSS-------------------------- */
#bottom{
	position:absolute;
	top: 490px;
	left: 0px;
	width:224px;
	height: 204px;
	background-color: #ED6905;
	}
#bottom_text{
	margin-top: 30px;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: center;
	line-height: 20px;
	color: #fff;
} 
/* ------------------------ Content CSS-------------------------- */
#content_container{
	position:absolute;
	top:12px;
	left:248px;
	height:694px;
	width:642px;
	background-color: #E0EFF9;
	/* border: 1px solid #000; */
	}
.header{
	position:absolute;
	top:45px;
	left: 88px;
}

#content_container a {
	color: #00557a;
	font-size: 11px;
	font-family: Verdana,sans-serif;
	text-decoration: underline;
}

#content_container a:focus,
#content_container a:hover {
	outline: 0;
	color: #A81D26;
}

/* ------------------------ Content Start CSS-------------------------- */
 #icon_bilder{
	position:absolute;
	top: 161px;
	left: 18px;
}

.content_left {
	position: relative;
	margin: 184px 9px 0 18px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 15px;
	color: #00557a;
	width: 294px;
	float: left;
}

.content_right {
	position: relative;
	margin: 184px 18px 0 9px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 15px;
	color: #00557a;
	width: 294px;
	float: right;
}

.content_left.start,
.content_right.start {
	margin-top: 300px;
}

.content_left img,
.content_right img {
	max-width: 100%;
	height: auto;
}

.content_left p,
.content_right p {
	margin: 0 0 15px 0;
	text-align: justify;
}

.content_left h3,
.content_right h3 {
	font-weight: normal;
	margin: 0;
	color: #A81D26;
}

.content_left ul,
.content_right ul {
	padding: 7px 0 14px 12px;
}

.content_left ul li,
.content_right ul li {
	margin: 2px 0;
}

/* ------------------------ Content Apartment CSS-------------------------- */

#thumb_galerie {
	margin: 7px 0 7px -7px;
}

.thumb {
	position: relative;
	float: left;
	margin-left: 7px;
	margin-bottom: 7px;
	width: 53px;
	height: auto;
}

#thumb_galerie:after {
	content: '';
	clear: left;
	display: table;
}	

#textfeld_apartment{
	position:absolute;
	top: 184px;
	left: 339px;
	width:290px;
	height:200px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 15px;
	color: #00557a;
}
/* ------------------------ Content Ausstattung CSS-------------------------- */
#galeriebild1{
	position:absolute;
	top: 184px;
	left: 18px;
}
#galeriebild2{
	position:absolute;
	top: 426px;
	left: 18px;
}
#galeriebild3{
	position:absolute;
	top: 426px;
	left:191px;
}
#textfeld_ausstattung{
	position:absolute;
	top: 170px;
	left: 339px;
	width:290px;
}
li.ausstattung01{
	margin-top: 10px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 22px;
	color:#000000;
	list-style-type: none;
}
li.ausstattung02{
	margin-left: 15px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 22px;
	color:#000000;
	list-style-type: disc;
}
li.ausstattung01 strong{
	font-family: Verdana, sans-serif;
	font-size: 13px;
	font-weight: 100;
	font-style: normal;
	line-height: 22px;
	color: #00557a;

}
/* ------------------------ Content Lage CSS-------------------------- */
#lagebild{
	background-image: url(../img/bg_lage.jpg);
	position:absolute;
	top: 184px;
	left: 321px;
	width: 303px;
	height: 236px;
}
#textfeld_lage{
	position:absolute;
	top: 184px;
	left: 18px;
	width:290px;
	height:200px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	color: #00557a;
}
#icon_bilder2{
	position:absolute;
	top: 480px;
	left: 18px;
}
/* ------------------------ Content Buchung CSS-------------------------- */
#ph_formular{
	background-color: #c1e0ee;
	position:absolute;
	top: 400px;
	left: 18px;
	width: 606px;
	height: 275px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	color: #00557a;
}

a#calendarlink-1,
a#calendarlink-2 {
	color: #F28100;
	cursor: pointer;
}

p#danke {
	margin: 12px 10px;
}
.settings {
}
.eingabefeld{
	width: 180px;
}
#label_1{
	position: absolute;
	top: 20px;
	left: 18px;
}
#label_2{
	position: absolute;
	top: 20px;
	left: 300px;
}
#label_3{
	position: absolute;
	top: 60px;
	left: 18px;
}
#label_4{
	position: absolute;
	top: 60px;
	left: 300px;
}
#label_5{
	position: absolute;
	top: 100px;
	left: 18px;
}
#label_6{
	position: absolute;
	top: 100px;
	left: 300px;
}
#label_7{
	position: absolute;
	top: 140px;
	left: 18px;
}
#label_8{
	position: absolute;
	top: 140px;
	left: 300px;
}
#label_9{
	position: absolute;
	top: 180px;
	left: 18px;
}
#label_10{
	position: absolute;
	top: 180px;
	left: 180px;
}

#label_11{
	position: absolute;
	top: 210px;
	left: 18px;
}

#Vorname{
	position: absolute;
	top: 17px;
	left: 90px;	
}
#Name{
	position: absolute;
	top: 17px;
	left: 356px;	
}
#Strasse{
	position: absolute;
	top: 57px;
	left: 90px;	
}
#Ort{
	position: absolute;
	top: 57px;
	left: 356px;	
}
#Telefon{
	position: absolute;
	top: 97px;
	left: 90px;	
}
#E-Mail{
	position: absolute;
	top: 97px;
	left: 356px;	
}
#Anreise {
	position: absolute;
	top: 137px;
	left: 90px;
}
#Abreise{
	position: absolute;
	top: 137px;
	left: 356px;
}
#Personen{
	position: absolute;
	top: 177px;
	left: 96px;	
}

#Appartment{
	position: absolute;
	top: 208px;
	left: 96px;	
}

#Kommentar{
	position: absolute;
	top: 177px;
	left: 276px;
	width: 265px;
}
#submit, #update{
	position: absolute;
	top: 240px;
}
.e_field{
	color: white;
	background-color:blue;
}
.e_message{
	position: absolute;
	font-size: 9px;
	color: #CC0000;
	text-align: right;
}
#e_E-Mail{
	top: 120px;
	right: 65px;
}
#e_Anreise {
	top: 160px;
	right: 330px;
}
#e_Abreise {
	top: 160px;
	right: 65px;
}
.e_message {
	font: 10px Helvetica,Arial,sans-serif;
	letter-transform: none;
	color: #CC0000;
}
select#Tag {
	width: 47;
}
select#Monat {
	width: 54px;
}
select#Jahr {
	width: 61px;
}
select#Wochen, select#Personen {
	width: 40px;
}
textarea {
	font: 11px Verdana, sans-serif !important;
	padding: 1px;
}
#set1{
	margin-top: 8px;
}
#textfeld_buchung1{
	position:absolute;
	top: 140px;
	left: 18px;
	width:606px;
	height:60px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	color: #00557a;
}

#textfeld_buchung2{
	background-color: #c1e0ee;
	position:absolute;
	top: 218px;
	left: 18px;
	width:606px;
	height:165px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	color: #00557a;
}
body.admin #textfeld_buchung2{
	top: 185px;
	height: 180px;
	overflow: auto;
}
#buchungsliste_1{
	position:absolute;
	top: 0px;
	left: 0px;
}
#buchungsliste_2{
	position:absolute;
	top: 6px;
	left: 300px;
}
li.buchung01{
	margin-left: 12px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 22px;
	color: #00557a;
	list-style-type: none;
}
li.buchung02{
	margin-left: 12px;
	margin-bottom: 6px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-style: italic;
	line-height: 22px;
	color: #5d89a6;
	list-style-type: none;
}
#li_bu01{
	margin-top: 6px;
}
#li_bu02{
	margin-top: 6px;
}
#li_bu03{
	margin-top: 6px;
	font-style: italic;
	color: #5d89a6;
}
.einzug{
	text-indent: 2.0eM;
}
body.admin table#list {
	margin: 10px 18px;
	width: 570px;
}
body.admin th {
	font-variant: small-caps;
}
body.admin .b_btn {
	border: 0 none;
	margin-right: 10px;
}
.tr_active {
	color: #CC0000;
}
body.admin table form {
	float: left;
}
#editmark {
	position: absolute;
	top: 367px;
	left: 38px;
	width: 20px;
	height: 12px;
	background: url(../img/editmark.png) no-repeat;
	z-index: 10;
}
/* ------------------------ Content Impressum CSS-------------------------- */
#textfeld_impressum{
	position:absolute;
	top: 184px;
	left: 18px;
	right: 18px;
	height:200px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 17px;
	color: #00557a;
	text-align: center;
}
#fewodirekt{	
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 17px;
	color: #00557a;
}

.platzhalter {
	height: 50px;
}

/* ------------------------ Content Danke CSS-------------------------- */
#textfeld_danke{
	background-color: #c1e0ee;
	position:absolute;
	top: 254px;
	left: 327px;
	width: 296px;
	height: 271px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 17px;
	color: #00557a;
}