/********************************************************************************************************
	created by:		ICSurselva AG	http://www.icsurselva.ch
	project:		doitbaumarkt
	date:			04/2008, Claudia
	version:		4.1.5
	file:			layout.css
	function:		layout elements -style 
********************************************************************************************************/

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background:#efefef;
}

#main_center {
	margin:0pt auto;
	padding:16px 0 0 0;
	text-align:center;
	width:991px;
}

#main_page {
	background-color:#F8FBFC;
	float:left;
	text-align:left;
	width:991px;
}

* html #main_page {
	background: url(../html/img/bg_main_bottom.gif) repeat-y;
}

#main_top {
	text-align:left;    /* Seiteninhalt wieder links ausrichten */
	color:#000000;
	background-color:#ffffff;
	height:170px;
}

#main_logo {
	text-align:left;
	float:left;
	width:220px;
	color:#000000;
	/*background:#ffffff url(../html/img/doit-logo.jpg) no-repeat left bottom;*/
	border-right:5px solid #FFFFFF;
	height:170px;
}

#location{
	height:57px;
	color:#0084CA;
	text-align:center;
	padding-top:5px;
}

#location a{
	/*font-weight:bold;*/
	font-size:11px;
	text-decoration:none;
	color:#0084CA;
}

#location a:hover{
	color: #990000;
}

#randomimage {
	background:#ffffff;
	float:left;
	width:541px;
	height:170px;
}

#top_right {
	text-align:left;
	float:left;
	height:170px;
	width:220px;
	color:#000000;
	border-left:5px solid #FFFFFF;
}

#main_bottom {
	background: url(../html/img/bg_main_bottom.gif) repeat-y;
	float:left;
}

* html #main_bottom{
	float:none;
}

#main_right {
	background:#f7e300 url(../html/img/right.gif) repeat-x;
	width:220px;
	float:right;
	height:717px;
	padding-top:10px;
}

*+html #main_right {
	padding-top:0px;
}

#main_right .contentElement{
	margin:0px 10px 10px 10px;
	width:200px;
	overflow:hidden;
}

#nav_top {
	height:26px;
	width:516px;
	float:left;
	background:#ffffff;
	text-align:left;
	padding-left:255px;
}

#main_content {
	float:left;
	width:766px;
	/*unter vb 28.04.2008 765px*/
}

#main_nav {
	float:left;
	text-align:left;
	width:220px;
	background-color:#f7e300;
	min-height:700px;
}

* html #main_nav {height:700px;}

#slideLeft{width:200px;
padding:0px 10px;
}
#slideLeft .contentElement .csc-textpic-imagewrap{width:200px; overflow:hidden;}

#holder {
	text-align:left;
	background-color:#f7e300;
	padding:0px;
	min-height:700px;
	line-height:16px;
	margin-left:225px;
	width:auto;
}

* html #holder {
	margin-left:223px;
	height:700px;
}

/*-------------------breadcrumps----------------------*/
#breadcrumps{
	font-size:11px;
	color:#999999;
	padding:5px 0px 0px 28px;
	}

* html #breadcrumps{
	padding:5px 0px 5px 28px;
	}

#bread{
	float:left;
	width:480px;}
	
#breadcrumps .bread a, #bread .bread2 a{
	color:#999999;
	text-decoration:none;
	}
	
#breadcrumps .bread_activ a{
	color:#000000;
	text-decoration:none;
	}
	
#breadcrumps .bread_activ a:hover{
	color:#999999;
	}
/*-------------------breadcrumps----------------------*/

/* print */
div#print {
	float:right;
}

/*------------------------------------------------------------------------------------
3 Dinge geändert Line:31 eingefügt,86 eingefügt,138 ->margin-left eingefügt
-------------------------------------------------------------------------------------*/

* html #main_page {
background: url(../html/img/bg_main_bottom.gif) repeat-y;
}

* html #main_bottom{
	float:none;}
	
* html #holder {margin-left:223px;height:700px;}
