/*________RESET________________________________*/


/* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das       
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 
	*/
	
	* { margin:0; padding: 0; } 

	
	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/
	
	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
	html { height: 100% } 
	body { 
		min-height: 101%;	
	/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
		/*font-size: 100.01%; */
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser 
			Fensters geändert wird. */
		position: relative; 
	/* eigenes Styles*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	line-height:1.4em;
	} 
	
	h1{
		font-size:16px;
		line-height:1.4em;
		
	}
	
	h2{
		font-size:12px;
	}
	
	/* Standardrahmen zurücksetzen */
	fieldset, img, div{ border:0; }
	
	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 
	select, input, textarea { font-size: 99% }
	
	a{ color:#000000; }



/*________BASE________________________________*/

#wrapper{
	width:800px;
	margin:0 auto;
	background-color:#FBF9E7;
}


#header{
	height:428px;
}


#content{
	width:620px;
	_width:610px;
	float:right;
	padding:10px 0;
	
}

#mainNav{
	 width:180px; 
 	float:left; 
	padding:10px 0;
}


#col1{	
	width:360px;
	float:left;
}

#col2{
	width:250px; 
 	float:right;
	/*text-align:right;*/
}	

#footer{
	clear: both;
	background: #e5e5e5;
	color:#000;
	display:block;
	font-size:11px;
	line-height:14px;
	height:101%; 
}


/*________HEADER________________________________*/


#logoSubNav{ background-color:#FFFFFF; height:76px;}
#logoSubNav h1{ background:#FFF url(images/logoThebnb.png) left top no-repeat; display:block; height:76px; width:391px; text-indent:-9999px; float:left;}

ul#subNav{ float:right;}
ul#subNav li{
	color:#FFFFFF;
	float:left;
	list-style:none;
	padding:5px 
}

#headerImg{ clear:both;}
#headerImg img{
	 border-bottom:25px solid #f83428;
}


/*________NAVIGATION________________________________*/



#mainNav li a:hover, #mainNav li a:active, #mainNav li a:focus{
	font-weight:bold;
	background-image:url(images/nav/navBullet.gif);
	display:block;
	width:157px;
	/*height:16px;
	line-height:16px;*/
	text-indent:20px;
	overflow:hidden;
	line-height:2em;
}

#mainNav li a:link, #mainNav li a:visited{
	display:block;
	width:157px;
	/*height:16px;*/
	line-height:2em;
	text-indent:20px;
	text-decoration:none;
}

#mainNav ul{
	margin-left:10px;
	list-style:none;
}

#mainNav ul li{
	/*margin-bottom:10px;
	background-image:url(images/nav/bg_line_nav.gif);
	background-position: right bottom;*/
	background-repeat:no-repeat;
	margin-right:20px;
	height:2em;
}

ul #subNav{
	height:24px;
}

#subNav a{
	color:#000;
}


.active{
	font-weight:bold;
	background-image:url(images/nav/navBullet.gif);
	display:block;
	width:157px;
	line-height:1.5em;
	text-indent:20px;
}


/*________CONTENT________________________________*/

#col1 p{
	width:350px;
	margin-bottom:1em;
	
}

#col2 img{
	display:block;
	margin-bottom:10px;
	
}

.picbox{
	width:220px;
}

.picbox img{
	float:left;
	margin-right:5px;
	margin-bottom:5px important;
}

#col1 ul{list-style-position:outside; list-style-type:disc; margin-left:16px;}

#col1 ul li{}


/*________FOOTER________________________________*/

#footer p{
	padding:10px 30px;
}

/*________TABELLE________________________________*/
#who{ width:600px;}
#zimmer{ width:350px;}

#who p{ width:auto !important;}

table{
	line-height:1.4em;
	vertical-align:middle;
}

#zimmer td, #zimmer th{
	padding:5px 0 5px 5px;
	vertical-align: top;
}

td p{ padding-right:20px;}

table img{
	/*padding-left:20px;*/
}

table .dunkler{
	background-color:#CCCCCC;
}

table .dunkel{
	background-color:#e4e4e4;
}

table .hell{
	background-color:#EAEAEA;
}

table th{
	text-align:left;
}