@charset "utf-8";
/* CSS Document */

/* -------------------------------------
	Inhaltsverzeichnis
----------------------------------------
	domain: hotelzumeinsiedler.de
	
	1. Allgemeines
	2. Header
	3. Content-Box
		3.1 Navi
		3.2 Content
			3.2.1 Headlines
	4. Footer
		4.1 Newsletterbox
		4.2 Adressbox
		
----------------------------------------
	Colors
----------------------------------------

	#624128		->		Text
	
	#2f1b0b		->		h3 / h4 / h5
	
	#2e1c10		->		BG
	
----------------------------------------
	1. Allgemeines
------------------------------------- */

	* {
		margin: 0;
		padding: 0;
		border: 0;
		}
		
	body {
		background: #2e1c10 url(../images/bg.jpg) 0 0 repeat-x;
		font: 62.5% Georgia, "Times New Roman", Times, serif;
		color: #624128;
		line-height: 1.6em;
		}
		
	#wrapper {
		width: 994px;
		margin: 0 auto;
		font-size: 1.2em;
		}
		
	h1 {
		width: 215px;
		height: 81px;
		position: absolute;
		top: 84px;
		left: 463px;
		display: block;
		font-size: 1px;
		overflow: hidden;
		}
	
	h2 {
		width: 568px;
		height: 46px;
		display: block;
		margin: 0 0 60px 0;
		text-indent: -100000px;
		overflow: hidden;
		font-size: 1px;
		}
		
	h3 {
		font-size: 1.0em;
		color: #2f1b0b;
		margin: 0 0 1.2em 0;
		border-bottom: 1px solid #ac6f3a;
		}
		
	h4 {
		font-size: 1.0em;
		color: #2f1b0b;
		}
		
	p {
		margin: 0 0 1.2em 0;
		}
		
	.cleaner {
		float: none;
		clear: both;
		}
		
	#euroweb {
		margin: 0 0 1.2em 0;
		}
		
	#flash2 {
		background: url(../images/img_bg.jpg) 0 0 repeat;
		padding: 5px;
		margin: 0 0 1.2em 0;
		}	
		
	#aktuelles-cms {
		width: 518px;
		padding: 25px;
		border: 1px solid #A97D3F;
		background: #C8A06C url(../images/aktuelles_verlauf.jpg) 0 0 repeat-x;
		margin: 0 0 2em 0;
		font-size: 1.2em;
		color: #624128;
		font-weight: normal;
		font-style: italic;
		}	
		
	#aktuelles-cms h4 {
		font-size: 1.2em;
		color: #2F1800;
		margin: 0 0 0.6em 0;
		padding: 0 0 3px 0;
		font-weight: normal;
		border-bottom: 1px solid #6D3800;
		}	
		
	#aktuelles-cms p {
		margin: 0;
		}	
		
/* -------------------------------------
	2. Header
------------------------------------- */

	#header {
		width: 994px;
		height: 242px;
		background: url(../images/header.jpg) 0 0 no-repeat;
		position:relative;
		}
		
	#header ul {
		list-style: none;
		position: absolute;
		top: 168px;
		left: 758px;
		}
		
	#header ul li {
		float: left;
		}
		
	#header ul li a {
		height: 27px;
		display: block;
		text-indent: -10000px;
		font-size: 1px;
		overflow: hidden;
		}
		
			/* -------------------------------------
				2.1 Kontakt
			------------------------------------- */
			
				#header ul li a.kontakt {
					width: 35px;
					background: url(../images/kontakt.jpg) 0 0 no-repeat;
					}
					
				#header ul li a.kontakt:hover,
				#header ul li a.kontaktActive {
					width: 35px;
					background: none;
					}
					
			/* -------------------------------------
				2.2 Anfahrt
			------------------------------------- */
			
				#header ul li a.anfahrt {
					width: 30px;
					background: url(../images/anfahrt.jpg) 0 0 no-repeat;
					}
					
				#header ul li a.anfahrt:hover,
				#header ul li a.anfahrtActive {
					width: 30px;
					background: none;
					}
		
/* -------------------------------------
	3. Content-Box
------------------------------------- */

	#content-box {
		width: 994px;
		background: url(../images/content_wrapper.jpg) 0 0 repeat-y;
		}
		
	#content-box a {
		color: #940303;
		text-decoration: none;
		}
		
	#content-box a:hover {
		color: #940303;
		text-decoration: underline;
		}
		
			/* -------------------------------------
				3.1 Navi
			------------------------------------- */
			
				#navi {
					width: 157px;
					height: 316px;
					padding: 88px 0 0 73px;
					background: url(../images/navi.jpg) 0 0 no-repeat;
					float: left;
					}
					
				#navi ul {
					list-style: none;
					}
					
				#navi ul li {
					width: 140px;

					}
					
				#navi ul li a {
					width: 148px;
					display: block;
					text-indent: -100000px;
					font-size: 1px;
					overflow: hidden;
					}
					
						/* -------------------------------------
							3.1.1 Willkommen
						------------------------------------- */				
						
							#navi ul li a.willkommen {
								height: 28px;
								background: url(../images/willkommen.jpg) 0 0 no-repeat;
								}
								
							#navi ul li a.willkommen:hover,
							#navi ul li a.willkommenActive {
								height: 28px;
								background: none;
								}
								
						/* -------------------------------------
							3.1.2 Zur Umgebung
						------------------------------------- */				
						
							#navi ul li a.umgebung {
								height: 38px;
								background: url(../images/umgebung.jpg) 0 0 no-repeat;
								}
								
							#navi ul li a.umgebung:hover,
							#navi ul li a.umgebungActive {
								height: 38px;
								background: none;
								}
								
						/* -------------------------------------
							3.1.3 Unser Haus
						------------------------------------- */				
						
							#navi ul li a.haus {
								height: 54px;
								background: url(../images/zimmerpreise.jpg) 0 7px no-repeat;
								}
								
							#navi ul li a.haus:hover,
							#navi ul li a.hausActive {
								height: 54px;
								background: none;
								}
								
						/* -------------------------------------
							3.1.4 Der Chefkoch empfiehlt
						------------------------------------- */				
						
							#navi ul li a.chefkoch {
								height: 47px;
								background: url(../images/chefkoch.jpg) 0 6px no-repeat;
								}
								
							#navi ul li a.chefkoch:hover,
							#navi ul li a.chefkochActive {
								height: 47px;
								background: none;
								}
								
						/* -------------------------------------
							3.1.5 Arrangements
						------------------------------------- */				
						
							#navi ul li a.arrangements {
								height: 47px;
								background: url(../images/pauschalang.jpg) 0 11px  no-repeat;
								}
								
							#navi ul li a.arrangements:hover,
							#navi ul li a.arrangementsActive {
								height: 47px;
								background: none;
								}
								
						/* -------------------------------------
							3.1.6 Attraktionen
						------------------------------------- */				
						
							#navi ul li a.attraktionen {
								height: 40px;
								background: url(../images/attraktionen.jpg) 0 17px no-repeat;
								}
								
							#navi ul li a.attraktionen:hover,
							#navi ul li a.attraktionenActive {
								height: 40px;
								background: none;
								}
								
						/* -------------------------------------
							3.1.7 Impressionen
						------------------------------------- */				
						
							#navi ul li a.impressionen {
								height: 58px;
								background: url(../images/fotosvomh.jpg) 0 13px no-repeat;
								}
								
							#navi ul li a.impressionen:hover,
							#navi ul li a.impressionenActive {
								height: 58px;
								background: none;
								}
			
			/* -------------------------------------
				3.2 Content
			------------------------------------- */
			
				#content {
					width: 714px;
					background: url(../images/content.jpg) 0 0 no-repeat;
					float: left;
					padding: 0 0 0 50px;
					}
					
				#content .links {
					width: 259px;
					float: left;
					margin: 0 25px 0 0;
					}
					
				#content .rechts {
					width: 259px;
					float: left;
					margin: 0 0 0 25px;
					}
					
				#content .mitte {
					width: 568px;
					float: left;
					}
					
				#content ul {
					list-style: none;
					margin: 0 0 1.2em 0;
					}
					
				#content ul li {
					background: url(../images/required.png) 0 0 no-repeat;
					padding: 0 0 0 20px;
					}
					
				#content .img {
					padding: 5px;
					background: url(../images/img_bg.jpg) 0 0 repeat;
					margin: 0 10px 10px 0;
					}
					
						/* -------------------------------------
							3.2.1 Headlines
						------------------------------------- */
						
							#content h2.index {
								background: url(../images/h2/index.jpg) 0 0 no-repeat;
								}
								
							#content h2.umgebung {
								background: url(../images/h2/umgebung.jpg) 0 0 no-repeat;
								}
								
							#content h2.kontakt {
								background: url(../images/h2/kontakt.jpg) 0 0 no-repeat;
								}
								
							#content h2.danke {
								background: url(../images/h2/danke.jpg) 0 0 no-repeat;
								}
								
							#content h2.impressum {
								background: url(../images/h2/impressum.jpg) 0 0 no-repeat;
								}
								
							#content h2.haus {
								background: url(../images/h2/zimmerpreise.jpg) 0 0 no-repeat;
								}
							
							#content h2.zimmer {
								background: url(../images/h2/zimmer.jpg) 0 0 no-repeat;
								}
								
							#content h2.preise {
								background: url(../images/h2/preise.jpg) 0 0 no-repeat;
								}
								
							#content h2.chefkoch {
								background: url(../images/h2/chefkoch.jpg) 0 0 no-repeat;
								}
								
							#content h2.arrangements {
								background: url(../images/h2/pauschalang.jpg) 0 0 no-repeat;
								}
								
							#content h2.attraktionen {
								background: url(../images/h2/attraktionen.jpg) 0 0 no-repeat;
								}
								
							#content h2.impressionen {
								background: url(../images/h2/fotosvomh.jpg) 0 0 no-repeat;
								}
								
							#content h2.newsletter {
								background: url(../images/h2/newsletter.jpg) 0 0 no-repeat;
								}
								
							#content h2.anfahrt {
								background: url(../images/h2/anfahrt.jpg) 0 0 no-repeat;
								}
				
/* -------------------------------------
	4. Footer
------------------------------------- */

	#footer {
		width: 994px;
		height: 354px;
		background: url(../images/footer.jpg) 0 0 no-repeat;
		position: relative;
		}
		
	#footer a {
		color: #940303;
		text-decoration: none;
		}
		
	#footer a:hover {
		color: #940303;
		text-decoration: underline;
		}

			/* -------------------------------------
				4.1 Newsletterbox
			------------------------------------- */
			
				#newsletterbox {
					width: 174px;
					height: 128px;
					position: absolute;
					top: 72px;
					left: 362px;
					}
					
				#newsletterbox p {
					margin: 0;
					}
			
			/* -------------------------------------
				4.2 Adressbox
			------------------------------------- */
			
				#adressbox {
					width: 222px;
					height: 133px;
					position: absolute;
					top: 69px;
					left: 585px;
					}
					
			/* -------------------------------------
				4.3 Impressum
			------------------------------------- */
			
				#impressum {
					width: 161px;
					height: 132px;
					position: absolute;
					top: 88px;
					left: 147px;
					}
					
				#impressum a {
					width: 161px;
					height: 132px;
					background: url(../images/impressum.jpg) 0 0 no-repeat;
					text-indent: -10000px;
					font-size: 1px;
					overflow: hidden;
					display: block;
					}
					
				#impressum a:hover,
				#impressum a.active {
					background: none;
					}
					
					#berechnen input {
border: none;
border: 1px solid #AC6F3A;
color: #000;
background-color: #fff;
margin: 3px;
}

#berechnen input.hidden {
border: none;
}

input#submitRoute {
width:152px;
padding:1px;
background:#AC6F3A;
color:#fff;
font-size:0.9em;
cursor:pointer;
border:none;
margin: 10px 0 0 5px;
}

#berechnen input, #link2map24 label {
display: block;
float: left;
width: 150px;
}
	
#link2map24 label {							
text-align: left;		
width: 60px;						
}

fieldset {						
border: none;
padding: 0;
}

#ziel {
padding: 0 0 0 58px;
}

input.wech  {
display: none!important;
}
	
#berechnen br {
clear: both;
}
	
/* -------------------------------------
	Ende ;)
------------------------------------- */