@charset "utf-8";
/* CSS Document */
*{
	margin:0px;
	padding:0px;
	vertical-align:top;
	text-align:left;
	color:#000000;
	border:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

a{
	text-decoration:none;
}

h1{
	font-size:36px;
	color:#530606;
}

h2{
	font-size:14px;
}

h3{
	font-size:14px;
}

body{
	background-color:#fee9c7;
}

div#outlayer{
	width:780px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	padding-bottom:50px;
	margin-bottom:50px;
}


/* --------------- NAVI --------------- */
ul#navi{
	position:relative;
	list-style:none;
	width:717px;
	margin-top:25px;
	margin-left:auto;
	margin-right:auto;
	z-index:3;
}

ul#navi li {
	float:left;
	margin-left:18px;
	margin-right:17px;
}

/* ------------------- HEADER ------------- */
div#header{
	width:702px;
	height:280px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index:2;
}

/* -------------- CONTENT --------------- */
div.content{
	position:relative;
	margin-top:50px;
	margin-bottom:100px;
}

img.headline{
	position:relative;
	margin-left:40px;
	z-index:2;
}

div.content div.text{
	width:450px;
	margin-top:60px;
	margin-left:230px;
	line-height:19px;
	position:relative;
}

div.content div.text h2{
	margin-bottom:20px;
}
div.content div.text h3{
	margin-bottom:10px;
}
div.content div.text p{
	margin-bottom:5px;
}
div.content div.text a{
	color:#530606;
	font-weight:bold;
}

div.content div.trennlinie{
	margin-left:184px;
}

div.content div.trennlinie img.trennlinie{
	margin-top:22px;
	float:left;
	margin-right:15px;
}

div.content div.trennlinie div.btt{
	float:left;
	width:60px;
	text-align:center;
	position:relative;
	z-index:5;
}

div.content div.trennlinie div.btt a{
	color:#530606;
	font-size:10px;
}

div.content ul{list-style-position:inside;}
div.content ul li{margin-bottom:5px;}
div.content ul li ul{margin-left:30px;}
div.content ul li ul li{list-style-type:circle; list-style-position:outside; margin-bottom:0px;}


/* -------------- HOME ------------- */

div#home img#block{
	position:absolute;
	top:-13px;
	left:-239px;
	z-index:1;
}

div#home img#kaffe{
	position:absolute;
	top:-50px;
	left:645px;
	z-index:1;
}

/* -------------- HAUS ------------- */

div#haus img#hausimg{
	position:absolute;
	top:100px;
	left:-195px;
	z-index:1;
}

div#haus img#strasse{
	position:absolute;
	top:175px;
	left:695px;
	z-index:1;
}

/* -------------- UMGEBUNG ------------- */

div#umgebung img#oliven{
	position:absolute;
	top:160px;
	left:0px;
	z-index:1;
}

div#umgebung img#fotos1{
	position:absolute;
	top:60px;
	left:680px;
	z-index:1;
}

/* -------------- AUSFLUEGE ------------- */

div#ausfluege img#karte{
	position:absolute;
	top:200px;
	left:-70px;
	z-index:1;
}

div#ausfluege img#fotos2{
	position:absolute;
	top:170px;
	left:680px;
	z-index:1;
}

/* -------------- BUCHUNG ------------- */

div#buchung img#oliven{
	position:absolute;
	top:160px;
	left:0px;
	z-index:1;
}

div#buchung img#fotos1{
	position:absolute;
	top:60px;
	left:680px;
	z-index:1;
}

div#buchung div.text table{
	width:295px;
	margin-top:10px;
	margin-bottom:30px;
}

div#buchung div.text td{
	font-weight:normal;
}

div#buchung div.text th{
	text-align:right;
	font-weight:normal;
}

div#buchung div#formdiv{
	position:relative;
	width:663px;
	height:362px;
	background: url(../imgs/buchung/formbg.jpg) no-repeat left top;
	margin-left:135px;
}

div#buchung div#leftformdiv{
	padding-top:25px;
	margin-left:20px;
}

div#buchung div#leftformdiv th{
	font-weight:normal;
	line-height:25px;
}

div#buchung div#leftformdiv td input{
	/*border:1px inset #333333;*/
	border-style:solid;
	border-width:1px;
	border-top-color:#505050;
	border-left-color:#646464;
	border-bottom-color:#cfcfcf;
	border-right-color:#949494;
	width:210px;
	height:20px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
}

div#buchung div#leftformdiv th input{
	height:15px;
	width:15px;
}

div#buchung div#rightformdiv{
	position:absolute;
	top:25px;
	left:400px;
}

div#buchung div#rightformdiv label{
	margin-left:20px;
	line-height:35px;
}

div#buchung textarea{
	height:150px;
	width:170px;
	border-style:solid;
	border-width:1px;
	border-top-color:#505050;
	border-left-color:#646464;
	border-bottom-color:#cfcfcf;
	border-right-color:#949494;
	margin-left:20px;
}

div#buchung #captcha_falsch{
	padding-left: 50px;
	padding-right: 50px;
	width: 305px;
	border: 1px solid red;
	font-size:14px;
	font-color: red;
	color:#530606;
	margin-top:50px;
	margin-left:230px;
	font-weight:bold;
}

div#buchung img#captcha{
	width:170px;
	border-style:solid;
	border-width:1px;
	border-top-color:#505050;
	border-left-color:#646464;
	border-bottom-color:#cfcfcf;
	border-right-color:#949494;
	margin-left:20px;
}

div#buchung #captcha_code{
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left:20px;
}

div#buchung #captcha_code input{
	border-style:solid;
	border-width:1px;
	border-top-color:#505050;
	border-left-color:#646464;
	border-bottom-color:#cfcfcf;
	border-right-color:#949494;
}

div#buchung div#rightformdiv .button{
	width:90px;
	height:20px;
	background-color:#d4d0c8;
	border:solid #808080;
	border-width:0px 1px 1px 0px;
	margin:3px;
	text-align:center;
	vertical-align:middle;
	margin-top:12px;
}
div#buchung div#rightformdiv #submit{
	margin-left:13px;
}

div#buchung div#bestaet{
	color:#530606;
	margin-top:50px;
	margin-left:230px;
	font-weight:bold;
}
/* -------------- GALERIE ------------- */

div#galerie img.gallink{
	position:absolute;
	top:90px;
	cursor:pointer;
}

div#galerie img#gallink0{
	left:185px;
}

div#galerie img#gallink1{
	left:310px;
}

div#galerie img#gallink2{
	left:480px;
	top:97px;
}
div#galerie div#galcontainer{
	
}
div#galerie div#imgdiv{
	position:relative;
	width:550px;
	height:405px;
	background:url(../imgs/galerie/imgbg.jpg) no-repeat top left;
	margin-top:100px;
	margin-left:120px;
	z-index:3;
}

div#galerie div#imgdiv img.galimg{
	position:absolute;
	left:13px;
	top:25px;
}

div#galerie div#imgdiv img#load{
	position:absolute;
	top:193px;
	left:258px;
	display:none;
}

div#galerie img.galnavi{
	position:absolute;
	top:320px;
	cursor:pointer;
}

div#galerie img#prev{
	left:45px;
	display:none;
}

div#galerie img#next{
	left:685px;
}

div#galerie img#weintrauben{
	position:absolute;
	top:400px;
	left:-145px;
	z-index:1;
}

div#galerie img#becher{
	position:absolute;
	top:80px;
	left:665px;
	z-index:1;
}

div#galerie img#brot{
	position:absolute;
	top:515px;
	left:645px;
	z-index:1;
}

div#galerie div#galzahlen{
	/*margin-bottom:180px;*/
	margin-top:35px;
	margin-bottom:130px;
	z-index:3;
	position:relative;
	text-align:center;
}

div#galerie div#galzahlen h2{
	text-align:center;
	margin-top:50px;
	color:#530606;
}
/* -------------- KONTAKT ------------- */

div#kontakt img#telefon{
	position:absolute;
	top:60px;
	left:-150px;
	z-index:1;
}

div#kontakt img#brief{
	position:absolute;
	top:110px;
	left:600px;
	z-index:1;
}


/* -------------- KONTAKT ------------- */

div#footer{
width:780px; margin:50px auto 10px auto;
	font-size:11px;
}
/* ------------ colors ----------- */

.bgcolor{
	color:#fee9c7;
}

.braun{
	 color:#530606;
}