/* Farben
-------------------------------
#e2e1dd	lichtgrau (Lauftext)
#400101	dunkelrot (Hintergrund)
#8c1414	rot
#d9ab23	gold/gelb (Links)
#8c7a58	braun	(HL und Kaesten)
#f2e2c4	sand		(Hervorhebungen)
*/


/*1. Kalibrierung
-------------------------------*/
* {
 margin: 0px;
 padding: 0px;
 border: 0px;
}

html {
 font-size: 62.5%;
}

body {
background-color: #400101;
color: #e2e1dd; /*lichtgrau*/
font: 16px "Times New Roman", Times, serif;
letter-spacing: 1px;
}
 
p { 
line-height: 25px;
margin-bottom: 15px;
}

h1, h2 , h3, h4
{ font-weight: lighter; }

h1 {
margin-bottom: 12px;
padding-bottom: 5px;
font-size: 32px;
}

h2 {
font-size: 26px;
}

h3 { 
font-size: 24px;
}

h4 { 
font-size: 17px;
color: #f2e2c4;
margin-top: 13px;
}

ul { 
margin-bottom: 25px;
}

li {
 margin-left: 13px;
 margin-bottom: 2px;
}

img {padding: 0px; margin: 0px; }

em { font-style: italic; color: #f2e2c4; /*sand*/ }

/*Hyperlinks
-------------------------------------------------------------------------*/

a {
 text-decoration: none;
 outline: none;
}

a:link { color: #d9ab23; } /*gold/gelb*/

a:visited { color: #d9ab23; } /*gold/gelb*/

a:hover, a:focus { 
color: #d9ab23;/*gold/gelb*/
border-bottom: 1px solid #d9ab23; }/*gold/gelb*/

a:active {
 color: #d9ab23; /*gold/gelb*/
}


/*Klassen
----------------------------------------------------------------------*/
.subline {
	color: #8c7a58; /*braun*/
	text-align: center;
	font-size: 18px;
	margin: 13px 0 25px 0;
	}

.gross { 
	font-size: 88px;
	}

.rechts { 
	float: right;
	width: 208px;
	margin: 3px 0 0 0;
	padding: 0;
	}

.aprechts {
	position: absolute;
	top: 160px;
	right: 0px;
	}

.hervorheben { 
	font-size: 24px;
	font-style: italic;
	color: #e2e1dd; /*lichtgrau*/
	padding: 10px 0px 20px 0px;
	}
	
.bildlinks { 
	float: left;
	width: 156px;
	margin: 0;
	padding: 0;
	}

.preis { 
	font-size: 18px; color: #8c7a58; /*braun*/
	margin-bottom: 0px;
	}
	
.termin {
		margin: 2px 13px;
		}
		
.abstand { margin-bottom: 13px; }		
		
.datum { 
	padding: 0px;
	color: #e2e1dd; 
	}
	

	 #aktuell .termin {
		margin: 2px 13px;
		}
		
	 #aktuell h4 {
		color: #f2e2c4;
		font-size: 16px;
		margin-top: 13px;
		}
		
	 #lay02 #aktuell .datum { 
		padding: 0px;
		color: #e2e1dd; 
		}


/*Layout IDs----------------------------------------------------------------------------
----------------------------------------------------------------------------------------------*/
#wrapper {
 position: relative;
 width: 936px;
 margin: 0 auto;
 }


#navibereich {
	position: fixed;
	top: 50px;
	left: 10px;
	width: 130px;
	font-size: 15px;
	z-index: 200;
	background: url(bilder/menue-2.png) repeat fixed left top;
	}

	#navibereich ul { list-style-type: none; }
 	#navibereich li { 
  		border-bottom: 1px solid #e2e2dd; /*lichtgrau*/
 		padding-left: 5px;
 		margin-bottom: 15px;
	}
  
	#navibereich a{ color: #e2e1dd; } /*lichtgrau*/
	#navibereich a:hover, a:focus {
		color: #d9ab23; /*gold/gelb*/
		border-bottom: none; }
 

#kopfbereich { 
	width: 455px;
	height: 194px;
	margin-left: 236px;
	text-align: center;
	padding-top: 26px;
}

#kopfbereich p {color: #d9ab23; } /*gold/gelb*/


/*layout DIVs
---------------------------------------------------------------------------------------------*/
#lay01 {
	width: 455px;
	margin-top: 50px; 
	margin-left: 234px;
	}

#lay02 {
	position: relative;
	width: 532px;
	margin-top: 104px; 
	margin-left: 156px;
	}

#lay03 {
	position: relative;
	width: 532px;
	margin-top: 104px; 
	margin-left: 156px;
	}

 #lay04 {
	position: relative;
	width: 518px;
	margin-bottom: 290px;
	margin-left: 170px;
	}

 #lay0101 {
	position: relative;
	width: 468px;
	margin-top: 38px;
	margin-bottom: 290px;
	margin-left: 160px;
	}

#lay0102 {
	position: relative;
	width: 500px;
	margin-top: 38px;
	margin-bottom: 26px;
	margin-left: 160px;
	}
	
#lay0202 {
	position: relative;
	width: 532px;
	margin-top: 104px; 
	margin-left: 156px;
	}

#weintour {
 visibility: visible;
	background-color: #8c7a58;
	width: 512px;
	margin-top: 55px;
	margin-left: 156px;
	padding: 1px 10px 10px 10px;
	
	}
				#startseite #weintour h3 { 
					font-weight: lighter;
					margin: 10px 0px;
					padding: 4px 0px;
					border-bottom: 1px solid #e2e1dd; /*lichtgrau*/
					border-top: 1px solid #e2e1dd; /*lichtgrau*/
					}
					
				#startseite #weintour p {
				 line-height: normal;
					}

	
/*styles:
index.html
----------------------------------------------------------------*/ 
#startseite #kopfbereich h1 {
	width: 481px;
	height: 156px;
	text-indent: -5000px;
	display: block;
	overflow: hidden;
	background-color: transparent;
	background-image: url(bilder/logo_alt.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin: 0;
	padding: 0;
	}
		
	
/*wir
-----------------------------------------------------------------------*/
	#startseite #lay01 { margin-bottom: 300px; }
	#startseite #lay01 li { display: inline; }

	#startseite #lay01 h1 { 
		margin-bottom: 12px;
		padding-bottom: 5px;
		border-bottom: 1px solid #e2e1dd; /*lichtgrau*/
		}

	#startseite #lay01 p { width: 234px; }



/*Weingut
---------------------------------------------------------------------*/
	#startseite #lay02 { margin-bottom: 50px; }
	#startseite #lay02 p { 
		width: 299px;
		padding-left: 13px;
		}
	
	
	#startseite #lay02 .hervorheben {
		padding: 10px 0px 20px 0px;
		}

	#startseite #lay02 .subline { 
		width: 521px;
		}
 
 	#startseite #lay02 .bu {
		padding: 0 0 5px 13px; 
		margin: 0;
		font-size: 14px;
		line-height: normal;
		color: #f2e2c4; /*sand*/
		}
 
	#startseite #lay02 .bu span { 
		width: 195px; 
		color: #e2e1dd; /*lichtgrau*/
		display: block; 
		padding-top: 3px; 
		}

	#startseite .box1 { 
		width: 208px; 
		background-color: #8c7a58; /*braun*/
		margin-bottom: 26px;
		}  

		#startseite #aktuell {
			position: absolute;
			width:221px;
			top: 68px;
			right: -247px;
			/*visibility: hidden;*/
			background-color: #8c7a58; /*braun*/
			}

		#startseite #aktuell p { 
			width: 195px; 
			padding: 13px;
			font-size: 14px;
			line-height:normal; 
			}
  
		#startseite #aktuell h2 { 
			width: 221px;
			display: block; 
			padding: 0px; 
			font-weight: lighter;
			background-color: #400101; } /*dunkelrot*/
   
		#startseite #aktuell img { 
			padding: 13px 13px 0px 13px; 
			}
    
		#startseite #aktuell h3 { 
			font-weight: lighter;
			padding: 4px 0px;
			border-bottom: 1px solid #e2e1dd; /*lichtgrau*/
			border-top: 1px solid #e2e1dd; /*lichtgrau*/
			margin: 2px 13px;
			}

	
/*Wein
----------------------------------------------------------------------------*/
	#startseite #lay03 { margin-bottom: 700px; }

	#startseite #lay03 li { display: inline; }
	
	#startseite  #lay03 p { padding-left: 13px; }

	#startseite #lay03 .hervorheben { 
			padding: 10px 0px 20px 0px;
			}

	#startseite #lay03 #lieblinge {
		width: 936px;
		margin-left: -156px; 
		}
	
		#startseite .lieblingbox { 
			float: left; 
			width: 312px;
			font-size: 14px;
			line-height: normal;
			}
		#startseite .lieblingbox p { line-height: 1.4em; }

		#startseite #lay03 #lieblinge .lieblingbox h3 {
			font-size: 18px;
			color: #8c7a58; /*braun*/
			padding-bottom: 13px;
			}		
		
/*kontakt
------------------------------------------------------------------------*/
	#lay04 ul { margin-bottom: 34px; }	
	#lay04 li { list-style-type: none; }
	li.abstand { margin-bottom: 13px; }
	.termin .subline {
		text-align: left; 
		margin: 0 0 0 23px; 
		}

 
/*styles fuer unterseiten
-----------------------------------------------------------------------*/

 /*impressum
-----------------------------------------------------------------------*/
	#lay0101 ul { margin-bottom: 34px; }	
	#lay0101 li { list-style-type: none; }
 
 


/*styles:
gudstubb.html
----------------------------------------------------------------*/ 
	#stubb #lay02 { margin-top: 0px; }
	#stubb #lay02 h1 {border-bottom: 1px solid #e2e1dd; } /*lichtgrau*/
	#stubb #lay02 p { 
		width: 299px;
		padding-left: 13px;
		}
		
	#stubb #lay02 .hervorheben {
		padding: 10px 0px 20px 0px;
		}
		

	#stubb #lay02 .subline { 
		width: 521px;
		}
 
 	#stubb #lay02 .bu {
		padding: 0 0 5px 13px; 
		margin: 0;
		font-size: 14px;
		line-height: normal;
		color: #f2e2c4; /*sand*/
		}

	#stubb .box1 { 
		width: 208px; 
		background-color: #8c7a58; /*braun*/
		margin-bottom: 26px;
		}
		 
		#stubb #lay02 .rechts .box1 .bu { width: 208px; }

		#stubb #aktuell {
			position: absolute;
			width:221px;
			top: 125px;
			right: -247px;
			/*visibility: hidden;*/
			background-color:  #8c7a58; /*braun*/
			}

		#stubb #aktuell p { 
			width: 195px; 
			padding: 13px;
			font-size: 14px;
			line-height:normal; 
			}
  
		#stubb #aktuell h2 { 
			width: 221px;
			display: block; 
			padding: 0px; 
			font-weight: lighter;
			background-color: #400101; } /*dunkelrot*/
	    
		#stubb #aktuell h3 { 
			font-weight: lighter;
			padding: 4px 0px;
			border-bottom: 1px solid #e2e1dd; /*lichtgrau*/
			border-top: 1px solid #e2e1dd; /*lichtgrau*/
			margin: 13px 13px 2px 13px;
			}

		#stubb #aktuell img { 
			padding: 13px 13px 0px 13px; 
			}

		#stubb #aktuell ul { 
		 	list-style-type: none;
			font-size: 14px;
			margin-top: 13px;
			margin-right: 13px;
		  	}


/*styles
uebernachten.html
----------------------------------------------------------------------*/ 

/*ferienwohnung-----------*/
	#uebernachten #lay02 {
		margin-top: 0px;
		margin-bottom: 500px; }

	#uebernachten #lay02 p { 
		width: 299px;
		padding-left: 13px;
		}

	#uebernachten #lay02 .hervorheben {
		padding: 10px 0px 20px 0px;
		}


	#uebernachten #lay02 .subline { 
		width: 521px;
		}
 
 	#uebernachten #lay02 .bu {
		padding: 0 0 5px 13px; 
		margin: 0;
		font-size: 14px;
		line-height: normal;
		color: #f2e2c4; /*sand*/
		}

	#uebernachten #lay02 .box1 { 
		width: 208px; 
		background-color: #8c7a58; /*braun*/
		margin-bottom: 26px;
		}  

		#uebernachten #lay02 #aktuell {
			position: absolute;
			width:221px;
			top: 125px;
			right: -247px;
			/*visibility: hidden;*/
			background-color: #8c7a58; /*braun*/
			}

		#uebernachten #lay02 #aktuell p { 
			width: 195px; 
			padding: 13px;
			font-size: 14px;
			line-height:normal; 
			}
  
		#uebernachten #lay02 #aktuell h2 { 
			width: 221px;
			display: block; 
			padding: 0px; 
			font-weight: lighter;
			background-color: #400101; } /*dunkelrot*/
   
	    
		#uebernachten #lay02 #aktuell h3 { 
			font-weight: lighter;
			padding: 4px 0px;
			border-bottom: 1px solid #e2e1dd; /*lichtgrau*/
			border-top: 1px solid #e2e1dd; /*lichtgrau*/
			margin: 2px 13px;
			}
		
		#uebernachten #lay02 #aktuell ul { 
		 list-style-type: none;
			font-size: 14px;
			margin-top: 13px;
		 }


/*Wohnmobil----------*/
	#uebernachten #lay0202 { margin-bottom: 500px; }

	#uebernachten #lay0202 p { 
		width: 299px;
		padding-left: 13px;
		}
		
	#uebernachten #lay0202 .hervorheben {
		padding: 10px 0px 20px 0px;
		}
	

	#uebernachten #lay0202 .subline { 
		width: 521px;
		}
 
 	#uebernachten #lay0202 .bu {
		padding: 0 0 5px 13px; 
		margin: 0;
		font-size: 14px;
		line-height: normal;
		color: #f2e2c4; /*sand*/
		}

	#uebernachten #lay0202 .box1 { 
		width: 208px; 
		background-color: #8c7a58; /*braun*/
		margin-bottom: 26px;
		}  

		#uebernachten #lay0202 #aktuell {
			position: absolute;
			width:221px;
			top: 125px;
			right: -247px;
			/*visibility: hidden;*/
			background-color: #8c7a58; /*braun*/
			}

		#uebernachten #lay0202 #aktuell p { 
			width: 195px; 
			padding: 13px;
			font-size: 14px;
			line-height:normal; 
			}
  
		#uebernachten #lay0202 #aktuell h2 { 
			width: 221px;
			display: block; 
			padding: 0px; 
			font-weight: lighter;
			background-color: #400101; } /*dunkelrot*/
   
	    
		#uebernachten #lay0202 #aktuell h3 { 
			font-weight: lighter;
			padding: 4px 0px;
			border-bottom: 1px solid #e2e1dd; /*lichtgrau*/
			border-top: 1px solid #e2e1dd; /*lichtgrau*/
			margin: 2px 13px;
			}
		
		#uebernachten #lay0202 #aktuell ul { 
		 	list-style-type: none;
			font-size: 14px;
			margin-top: 13px;
		  	}
			
/*styles
asgezeichnet.html
----------------------------------------------------------------------*/ 
	#praemiert #lay02 { margin-top: 0px; }
	#praemiert #lay02 h1 {border-bottom: 1px solid #e2e1dd; } /*lichtgrau*/
	#praemiert #lay02 p { 
		width: 299px;
		padding-left: 13px;
		}
		
	#praemiert #lay02 .hervorheben {
		padding: 10px 0px 20px 0px;
		}
		

	#stubb #lay02 .subline { 
		width: 521px;
		}
 

	#praemiert .box1 { 
		width: 208px; 
		margin-bottom: 26px;
		}
		 

		#praemiert #aktuell {
			position: absolute;
			width:221px;
			top: 125px;
			right: -247px;
			/*visibility: hidden;*/
			background-color:  #8c7a58; /*braun*/
			}

		#praemiert #aktuell p { 
			width: 195px; 
			padding: 13px;
			font-size: 14px;
			line-height:normal; 
			}
  
		#praemiert #aktuell h2 { 
			width: 221px;
			display: block; 
			padding: 0px; 
			font-weight: lighter;
			background-color: #400101; } /*dunkelrot*/
	    
		#praemiert #aktuell h3 { 
			font-weight: lighter;
			padding: 4px 0px;
			border-bottom: 1px solid #e2e1dd; /*lichtgrau*/
			border-top: 1px solid #e2e1dd; /*lichtgrau*/
			margin: 13px 13px 2px 13px;
			}

#praemiert #aktuell .preis { 
	font-size: 18px; color: #e2e1dd; /*lichtgrau*/
	margin: 0px;
	padding: 0px 0px 13px 0px;
	}