/********************************************************************************************************
	created by:		ICSurselva AG	http://www.icsurselva.ch
	project:		Chesa Spuondas
	date:			05/2009, Claudia
	version:		4.2
	file:			layout.css
	function:		layout elements -style 
********************************************************************************************************/
body#thebody {
	/*font-family: Helvetica,Arial,sans-serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#005F8C url(/fileadmin/templates/chesaspuondas/html/img/layout/blue.jpg) repeat-y scroll center top;
	/*
	font-size:11px;
	line-height:16px;*/
	
	font-size:12px;
	line-height:18px;
}

/** html body#thebody{margin-left:1px;}

*+html body#thebody{margin-left:1px;}*/
 
#main_shortcut {
	font-size:0.8em; 
	font-weight:normal;
	height:1.7em;
	margin:0pt auto;
	padding:0pt;
	text-align:right;
	width:980px;
  }  

 
/*--------------------------------------------------------------------------------------------------*/ 
 html, body {
height: 100%;
}


#main_center {
    color:#000000; 
	background-color: white;
    margin: 0px; 
	padding:0px;
	margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
   text-align: center;  
	position: relative;
	min-height: 100%;
	width:960px;
}

* html #main_center{height: 100%;}

#main_page {
	/*margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
   /* text-align: center;  /* Zentrierung im Internet Explorer */
    width: 960px;
    padding: 0;
background-color:white;
min-height:600px;
}

#main_header {
	text-align: left;    /* Seiteninhalt wieder links ausrichten */
	margin: 0 auto;
	background: url(/fileadmin/templates/chesaspuondas/html/img/layout/bg_MainTop.gif) no-repeat left top;
	height: 86px;
}

#ChesaLogo {
	float:left;
	height: 57px;
	width:221px;
	margin:18px 0px 0px 27px;
}
  
#LanguageNav {
	float:right;
	width:122px;
	margin:55px 0px 0px 0px;
}
  
#main_top {
	width:960px;
	float:left;
	height:320px;
}

#serviceContainer{width:220px;
height:320px;
background: url(/fileadmin/templates/chesaspuondas/html/img/layout/bg_service.jpg) no-repeat left top;
float:left;
margin:0px 30px;
}

* html #serviceContainer{margin:0px 30px 0px 15px;}

#serviceNav{
	float:left;
	padding:9px 0px 9px 17px;
	text-align:left;
	height:262px;
	overflow:hidden;
}

#search {
	float:left;
	text-align: left; 
	width:160px;
	border:1px solid black;
	margin:20px 42px 0px 17px;
}

* html #search {margin:10px 21px 0px 8px;}

input.searchfield{
float:left;
border:1px solid #E6F2FF;
width:141px;
height:16px;
background-color:#E6F2FF;}

/* searchbox */ 
div.tx-macinasearchbox-pi1 {
	float:left;
}

input.search-button {
padding-top:3px;
vertical-align:text-bottom;
}

#imageContainer{
width:650px;
height:320px;
background:#008AC9;
float:left;
}

#flashImage{
	width:650px;
	height:309px;
	margin-top:11px;
	background: url(/fileadmin/templates/chesaspuondas/html/img/layout/bg_flash.jpg) no-repeat left top;
}

#breadcrumbs {	
	float:left;
	height:29px;
	width:650px;
	text-align:left;
	color:#999999;
	font-size:10px;
	line-height:29px;
	margin:0 30px 0 280px;
	border-bottom:1px solid #008AC9;	
}

* html #breadcrumbs {margin:0px 30px 0px 140px;}

span.bread{
	float:left;
	width:632px;
}

#breadcrumbs a {color:#999999; text-decoration:none;}

#breadcrumbs span.bread_activ a {color:#0091CE;}

#breadcrumbs a:hover {color:#0091CE;}

#print {
	float:left;
	padding:6px 0px 4px 0px;
}

#main_nav {
	float:left;
	text-align: left; 
	width:220px;
	margin:0px 30px;
	/*background:aqua;*/
}
  * html #main_nav {margin:0px 30px 0px 15px;
   /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
} 

#nav_left{min-height:221px;}

* html #nav_left{height:221px;}

#bergBahn{margin-top:30px;}

#content {
	float:left;
	text-align: left; 
	/*width:740px;*/
	margin: 0 0px 20px 0;
}  

* html #content {}
  
#main_footer {
    font-size: 10px;
	color:#FFFFFF;
    margin: 0; 
	margin:0px;
	padding:0px 12px;
	width:700px;
   	text-align:left;
	line-height:20px;
	left:0px;
	position: absolute;
	bottom: 0;
	background-color:#008AC9;
}

#main_footer p.bodytext{padding:0px;}

#main_footer a{color:#FFFFFF; text-decoration:none;}
#main_footer a:hover{text-decoration:underline;}

#top_nav{color:white;}

/*div.tx_mailform_required .tx_mailform_field_text div.tx_mailform_div_err_msg_1{color:red;}*/