/**

* Design und Layout "carpenter"

* (c) 2008 by erpe  http://www.websitebakers.com

*/





/* Definierte Startwerte alle HTML-Elemente */

* { 

 	margin: 0;

 	padding: 0;

}



/* Schrift und Hintergrund Browserseite */

html, body { 

	font-family:Arial, Helvetica, sans-serif;

  	font-size: 14px;

	background:#fff;

}





/* Schrift und Hintergrund Seite */



#site {

  	border: 1px solid white; 

    	margin: 0px auto;	

    	width: 850px;

	color:gray;

	font:14px Arial, Helvetica, sans-serif;

	

}





/* Schrift und Hintergrund Kopf*/



#head {

	height:125px;

	width:857px;

 	background: #fff url(img/top.gif) no-repeat top left;

  	float:left;

	border:1px solid white;

	margin-left:-7px;

}



#logo { }



#search {

	width:850px;

	height:50px;

	border:1px solid white;

	background:#FFF;

  	float:left;

  	margin-top:-10px;

}



#searchbox {

	width:230px;

	border-right:1px solid white;

	padding-left:10px;

	padding-top:10px;

	float:left;

	display:block;

}

input[type='text'] {

	font-family:Verdana, Arial, sans-serif;

	display:block;

	width:120px;

	height:18px;

	border:1px solid gray;

	float:left;

	margin-left: 20px;

	margin-right:3px;

}

input[class="submit"] {

	display:block;

	width:57px;

	height:22px;

	margin-top:-1px;

	float:left;

}



#breadcrumb {

	float:right;

	width:594px;

	border-left:1px solid white;

	padding-left:12px;

	text-align:left;

    padding-top:11px;

}



#breadcrumb hr { border:0px; border-bottom:2px dotted gray;  }



#breadcrumb a {color:gray; text-decoration:none; font-size:10px; }



/* Positionierung, Schrift und Hintergrund Mainblock*/



#mainblock {

	width:850px;

        border: 1px solid white;

	background:gray;

}









/* Positionierung, Schrift und Hintergrund Navigation im linken Bereich*/



#lside {

	font:12px Arial, Helvetica, sans-serif;

	float: left;

	width:240px;

	border: 1px solid gray;

	background:gray;

}





/* Positionierung, Schrift und Hintergrund Box l1*/



#l1	{ 

	width:230px;

 	border:1px solid gray;

	margin-bottom:10px;

	margin-top:10px;

	margin-left:10px;

        padding-top:16px;

        padding-bottom:10px;

}



/* Positionierung, Schrift und Hintergrund Hauptnavigation*/



#navimain {padding-left:10px;}



#navimain ul li {

  	list-style:none;

  	font:13px Arial, Helvetica, sans-serif;

 	font-weight:normal;  

 	margin-top:10px; 

 	padding-right:20px;

}





#navimain a:link, #navimain a:visited, #navimain a:active {

	border-bottom:0px dotted white;

	color:white;

	background-color: transparent;

text-decoration:none;



}

#navimain a:hover {color: #dbd9d9;}













/* Positionierung, Schrift und Hintergrund Box l2*/



#l2{ 

	width:230px;

 	border:1px solid orange;

	margin-bottom:10px;

	margin-top:10px;

	margin-left:10px;

}









/* Positionierung, Schrift und Hintergrund Content */



#cont {font:12px Arial, Helvetica, sans-serif;

	float: right;

	width:576px;

	background:white;

	text-align: left;

	padding-left:20px;

  	padding-right:10px;

  	padding-top:26px;

  	padding-bottom:10px;

  	border:1px solid white; 

}



/* Positionierung, Schrift und Hintergrund Bottom, fester Text */

 #bottom {

 	height:24px;

        font:12px Arial, Helvetica, sans-serif;

 	color:white;

 	text-align:right;

  	background:gray;

padding-top:8px;

padding-right:80px;

 }





/* Positionierung, Schrift und Hintergrund WB-Footer */

 #footer {

 	font:12px Arial, Helvetica, sans-serif;

 	color: silver;

 	text-align:center;

  	padding-left:204px;

  	padding-top:3px;

 }