/* ++++++++++ STYLESHEET OSTE-HOTEL.DE / PYRAMEDIA MEDIENGESTALTUNG 2008 / TIM R. GLOYSTEIN ++++++++++ */
@charset "utf-8";

/* ++++++++++ ALLGEMEINES ++++++++++ */
html[xmlns^="http"]
 {
		overflow-y:scroll;
	}

*
 {
	 margin:0;
	 padding:0;
	 border:0;
 }

body
 {
	 height:100%;
		width:100%;
		margin-bottom:15px;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:14px;
	 line-height: 24px;
  color:#424242;
		background:#F4F6EF url(../_bilder/hintergrund.png) repeat-x;
 }
/* ++++++++++ ENDE ALLGEMEINES ++++++++++ */


/* ++++++++++ LAYOUT ++++++++++ */
#container 
 {
  width:754px;
		margin:0px auto;
 }

#container-inhalt
 {
	width:754px;
	background:url(../_bilder/hintergrund-inhalt.png) repeat-y;
	font-family: Arial, Helvetica, sans-serif;
 }

#kopf 
 {
		position:relative;
		width:754px;
  height:236px;
  margin:0;
  padding:0;
 }
	
#logo
 {
	 position:absolute;
  top:30px;
		left:590px;
		width:161px;
		height:204px;
	}	

#foto-kopf
 {
  margin-left:0px;
		padding:0;
	}	

#inhalt, #inhalt-angebote, #inhalt-bildergalerie
 {
		width:450px;
  margin-top:75px;
		padding-left:23px;
  float:left;
 }
	
#inhalt img
 {
		padding-top:10px;
		padding-bottom:5px;
		background:#DDA761 url(../_bilder/hintergrund-bild-gross.png) no-repeat;
	}
	
#inhalt-angebote img, #inhalt-bildergalerie img
 {
		padding-top:10px;
		padding-bottom:5px;
		background:#DDA761 url(../_bilder/hintergrund-bild-klein.png) no-repeat;
	}
	
#inhalt-bildergalerie img
 {
		margin-right:10px;
		margin-bottom:10px;
	}
	
#map img
 {
		background:none;		
	}

#spalte-rechts 
 {
  width:250px;
  margin-top:78px;
		margin-right:12px;
  float:right;
 }
	
#spalte-rechts.bilder
 {
	 text-align:center;
	}
	
#fuss
 {
  clear:both;
	 width:754px;
		height:30px;
		text-align:center;
		padding-top:25px;
  background:url(../_bilder/fuss.png) no-repeat;		
 }

#fuss p, #fuss a
 {
 	color:#424242;
	 font-size:10px;
		line-height:16px;
		text-decoration:none;
		margin:0;
		padding:0;
 }
	
#fuss a:hover
 {
	 text-decoration:underline;
		margin:0;
		padding:0;
	}
	
.speisekarte table, .speisekarte td
 {
	 border:1px solid #FFF;
	}
	
.speisekarte table
 {
		width:420px;
	}
	
.kontakt table, .kontakt td
 {
	 border:1px solid #FFF;
	}
/* ++++++++++ ENDE LAYOUT ++++++++++ */
	

/* ++++++++++ TEASER ++++++++++ */
.teaser_oben
 {
	 background:url("../_bilder/teaser_oben.gif") no-repeat;
 	margin-bottom:15px;
	 padding:0;
 }

.teaser_unten 
 {
	 background:url("../_bilder/teaser_unten.gif") bottom left no-repeat;
	 margin:0;
	 padding:0;
 }

.teaser_inhalt 
 {
	 margin:0;
 	padding:10px 15px 10px 15px;
 	min-height:250px;
 }

* html .teaser_inhalt 
 {
	 height:250px;
 }
	
.teaser_inhalt h2
 {
	 margin-top:0;
		margin-bottom:10px;
		font-size:18px;
		line-height:24px;
		color:#6f9f35;
	}	

.teaser_inhalt p 
 {
	 margin:0;
 	padding:0;
 	font-size:12px;
 	line-height:18px;
	 color:#424242;
 }
	
.teaser_inhalt a
 {
	 color:#AE7530;
	}
/* ++++++++++ ENDE TEASER ++++++++++ */


/* ++++++++++ NAVIGATION ++++++++++ */
#navigation
 {
		position:absolute;
		top:236px;
		width:100%;
		/*width:97.50%;*/
		height:45px;
  padding-left:1.75%;
  /*padding-left:2.50%;*/
		background:url(../_bilder/hintergrund-navigation.png) no-repeat;
		text-align:center;
	}


#metanavigation
 {
  position:absolute;
		top:11px;
		width:744px;
		font-size:10px;
		text-align:right;
		color:#424242;
	}
	
#metanavigation a
 {
	 color:#424242;
		text-transform:uppercase;
		text-decoration:none;
	}
	
#metanavigation a:hover
 {
	 text-decoration:underline;
	}
	
#metanavigation img
 {
  vertical-align:text-bottom;
	}
/* ++++++++++ ENDE NAVIGATION ++++++++++ */	


/* ++++++++++ TEXTFORMATIERUNGEN ++++++++++ */	
h1
 {
  margin-bottom:17px;
		margin-top:-3px;
	 font-size:24px;
		line-height:30px;
		color:#6f9f35;	
	}
	
h2
 {
  margin-bottom:10px;
		margin-top:20px;
		font-size:16px;
		line-height:28px;
		color:#6f9f35;	
	}
	
h3
 {
	 margin-right:21px;
		margin-bottom:3px;
		font-size:14px;
		line-height:14px;
		text-align:right;
		color:#991A0F;
	}
	
p
 {
	margin-bottom:10px;
	font-size:14px;
	line-height:24px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
.center
 {
	 text-align:center;
	}
	
a
 {
	 color:#AE7530;
	}
	
a:hover
 {
	 text-decoration:none;
	}
	
ul
 {
  margin-top:0px;
		margin-left:25px;
		margin-bottom:25px;
		list-style-image:url(../_bilder/listensymbol.png);
	 font-size:14px;
		line-height:24px;
	}
	
li
 {
	 margin-bottom:5px;
		padding-left:10px;
	}
	
.teaser_inhalt ul
 {
		list-style-image:url(../_bilder/listensymbol-teaser.png);		
	}
	
table
 {
	 width:450px;
		font-size:14px;
		line-height:24px;
		margin-bottom:25px;
		border-collapse:collapse;
		border:1px solid #000;
 }
	
td
 {
		vertical-align:top;
		padding:3px;
		border:1px solid #000;
	}
	
div.hr 
 {
  height: 15px;
		background:url(../_bilder/sterne.png) center no-repeat;
  margin-bottom:25px;
		margin-top:-15px;
 }
	
div.hr hr 
 {
  display: none;
 }	
	
.klein
 {
	 font-size:11px;
		line-height:14px;
	}
/* ++++++++++ ENDE TEXTFORMATIERUNGEN ++++++++++ */


/* ++++++++++ FORMULAR-FORMATIERUNGEN ++++++++++ */
#kontakt_formular
 {
	 width:350px;
	}
		
#kontakt_formular fieldset 
 {
		color:#333333;
		border:0px;
 }

#kontakt_formular input, #kontakt_formular select
 {
		height:18px;
		font-size:14px;
		padding:1px;
		margin-bottom:5px;
		vertical-align:middle;
		border:1px solid #AE7530;
 }
	
#kontakt_formular select
 {
	 height:24px;
	} 
	
#kontakt_formular .input_aktiv
 {
	 background:#991A0F;
		color:#FFFFFF;
	}

#kontakt_formular label 
 {
	 display:block;
		float:left;
		width:100px;
		margin:3px 0;
		font-size:14px;
		line-height:14px;
	}
	
textarea
 {
	 width:270px;
		height:110px;
		font-size:14px;
	 font-family:Arial, Helvetica, sans-serif;
		color:#333333;
		margin-bottom:5px;
		padding:1px;
		border:1px solid #AE7530;
	}		

#kontakt_formular p 
 {
  margin-left:4px;
		font-size:9px;
 }
/* ++++++++++ ENDE FORMULAR-FORMATIERUNGEN ++++++++++ */


/* ++++++++++ SITEMAP ++++++++++ */
#sitemap 
 {
	 padding-left: 3px;
	 line-height: 20px;
		margin-top:-10px;
	}

#sitemap li 
 {
	 padding: 0 0 0 24px;
	 margin: 0;
	 list-style-type: none;
	 line-height:20px;
	}

#sitemap li 
 {
	 background: url(../_bilder/smtm.gif) no-repeat 0% 0%;
	}

#sitemap li.last 
 {
	 background: url(../_bilder/smlm.gif) no-repeat 0% 0%;
	}

#sitemap ul 
 {
	 padding: 0 0 0 24px;
	 margin: 0 0 0 -24px;
	 list-style-type: none;
 	list-style-image:none;
	}

#sitemap ul 
 {
	 background: url(../_bilder/smim.gif) repeat-y 0% 0%;
	}

#sitemap ul.last 
 {
	 background-image: none;
	}
/* ++++++++++ ENDE SITEMAP ++++++++++ */