/********************************************************************************************************
	created by:		Newmedia	http://www.newmedia.ch
	project:		Bergrestaurant Brambrüesch, Restaurant Hotel Rosenhügel
	date:			08/2009, Claudia
	version:		4.1
	file:			layout.css
	function:		layout elements -style 
********************************************************************************************************/
body#thebody {
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}


#adress{
    color:white; 
    margin: 0 auto; 
	padding:20px 0px 0px 0px;
    text-align:right; 
	width:798px;
	margin-bottom:-20px;
	line-height:15px;
}
  
#navTop{
    color:white; 
	background:url(/fileadmin/templates/rosenhuegel-brambruesch/html/img/layout/navTopBg.png) no-repeat bottom center;
    margin: 0 auto; 
	padding:0px 0px 0px 60px;
    text-align: left;
	width:860px;
  }
  
* html #navTop{
	background:none;
}

#mainCenter{
	margin: 0 auto; padding:0;
    text-align: center; 
	background:url(/fileadmin/templates/rosenhuegel-brambruesch/html/img/layout/rosenhuegel_transparent.png) repeat-x top left;
}
	


#main_center {
    margin: 0 auto; padding:0;
    text-align: center;  /* Zentrierung im Internet Explorer */
	width:860px;
  }
  
* html #main_center {background:none;}
  
#main_shortcut {
	font-size:0.8em; 
	font-weight:normal;
	height:1.7em;
	margin:0pt auto;
	padding:0pt;
	text-align:right;
	width:980px;
  }  
  
#main_page {
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 798px;
    padding: 0;
    border-top: 1px solid #434343;
	border-left: 1px solid #1F1F1F;
	border-right: 1px solid #1F1F1F;
	border-bottom: none;
  }
 
#mainImage {
	text-align: left;    /* Seiteninhalt wieder links ausrichten */
	margin: 0 auto;
	height: 287px;
	padding-top:29px;
  }
  
#teaserFlash{
	margin: 0 auto;
	height: 245px;
}

#mainContent{
	min-height:500px;
	width:798px;
}

#serviceNav{
	text-align:right;
	float:left;
	width:762px;
	height:14px;
	padding:0px 0px 0px 0px;
	position:absolute;
	top:20px;
}
	
#colHeader{
	position:relative;
	width:480px;
	width:798px;
	overflow:hidden;
	height:145px;
	text-align:left;
}


#main_nav {
	float:left;
	text-align: left; 
	width:255px;
	min-height:200px;
	margin:0px;
}
  * html #main_nav {} 
  
#content {
	color:#FFFFFF;
	line-height:1.5em;
	float:left;
	margin:0 0 0;
	min-height:100px;
	text-align:left;
	width:543px;
}  

* html #content {}

#mainFooter {
    font-size: 0.8em;
    margin: 0; padding: 0.1em;
    text-align: center;
	height:92px;   
}

#mainLogo {
	text-align: left; 
	float:left;
	width:289px;
	height:90px;
}
  
#colBorder{
	float:left;
	height:90px;
	width:485px;
	overflow:hidden;
	text-align:right;
}

#colBorder h1 {padding-bottom:0px;}

#colBorder p.csc-subheader, #colHeader p.csc-subheader{display:none;}

#main_header {
	font-size:0.8em;
	background-color: #FFFFFF;
	display:block;
}
   * html #main_header {
    margin-bottom: 0;
	}

 div.mirror{
 	width:832px;
 	height:87px;
 	margin:0 auto;
}

/*IE 6*/
* html div.mirror img{
	display:none;
}