/*
 *
 *  Author:  BMH
 *  Date:    2010-01-18
 *  Updated: 2010-01-18
 *  Name:    weber.css
 *
 *  Style-Index:
 *  $0 - Imported Styles
 *  $1 - General
 *  $2 - Layout
 *  $3 - Navigation/Links
 *  $4 - Buttons  
 *  $5 - Content 
 *  $6 - Clearfix
 *  $7 - Dynasite overwrites
 *  $8 - Dynasite Search
 */

/* $0 - Imported Styles //////////////////////////////////////////////////////*/
@import url('yahoo_reset.css');

/* $1 - General Styles ///////////////////////////////////////////////////////*/
p{
	margin: 10px 0;	
}

#dscontent ul 	 {margin-left:20px;margin-top:5px;}
#dscontent ul li {list-style-type:circle;margin-bottom:3px;}




/* $2 - Layout Styles ///////////////////////////////////////////////////////*/
#logoBox{
	width: 960px;
	height: 161px;
	background: white;
	float: left;
	margin-top: 23px;
}
#logoBox h1{
	width: 230px;
	height: 161px;
	margin: 0 auto;
	padding-top: 4px;
}
#naviContainer{
	float: left;
	width: 960px;
	height: 36px;
	background: #465a64;
	text-align: right;
	text-transform: uppercase;
	font-size: 1.3em;
}
#navigation{
	overflow: hidden;
}
#navigation li{
	float: left;
}
#usabilities{
	float: right;
	margin-top: 20px;
	width: 60%;
	text-align: right;
	line-height: 1.8em;
}
#usabilities li{
	float: left;
	font-size: 1.1em;
}
#helpers{
	overflow: hidden;
	float: left;
}
#search-input{
	background:	white none repeat scroll 0 0;
	border:	1px solid #d0d0d0;
	border-right: 0;
	color: #858585;
	font-size: 1.1em;
	line-height: 1.2em;
	margin:	0;
	padding: 3px 0 3px 2px;
	vertical-align:	bottom;
	width: 140px;
	height: 11px;
}
#searchBox{
	position: relative;	
}

#searchButton{
	vertical-align: bottom;
	padding: 0;
	margin: 0;
	position: absolute; 
	right: 0;
	top: 0;
}
#language{
	margin: 0 20px 0 0;	
	overflow: hidden;
	float: left;
}
#usabilities form{
	float: right;	
}
#language li{	
	color: #FFF;
}
#usabilities #language li a{
	border-right: 0;	
}
#flashHome{
	width: 960px;
	height: 441px;
	float: left;
	position: relative;
}
#footer{
	width: 933px;
	margin: 10px 0;
	float:left;
	color: white;
	padding: 0 10px 0 17px;
	font-size: 1.1em;
	line-height: 1.33em;
}
#footer ul{
	float:right;
}
#footer ul li{
	float: left;
	padding: 0 8px;
}
#imageFollow{
	width: 960px;
	height: 294px;
	overflow: hidden;
	float: left;
}
#breadcrump{
	padding: 20px 0 20px 15px;
	color: #9c9c9c;
	font-size: 1.1em;
	float: left;
	width:945px;
	height: 15px;
	background: white;
}



/* $3 - Navigation/Link Styles ///////////////////////////////////////////////*/
#usabilities li a,#usabilities li a:visited, #usabilities li a:active {
	color: white;
	text-decoration: underline;
	padding: 0 8px;
	border-right: 1px solid white;
}
#usabilities li a:hover{
	text-decoration: none;
}
#footer li a, #footer li a:visited, #footer li a:active, .footerLink{
	color: white !important;
	text-decoration: underline;
}
#footer li a:hover, .footerLink:hover{
	text-decoration: none;	
}
#navigation li a, #navigation li a:visited{
	text-deoration: none;
	vertical-align: bottom;
	padding: 9px 0 0 3px;
	text-decoration:none;
	display:block;
	margin: 0 0 0 6px;
	color: white;
	font-weight: bold;
	border-left: 1px solid #465a64;
}
.active, #navigation li a:hover{
	color: #fcc400 !important;	
	border-left: 1px solid #fcc400 !important;
}
.goTop{
	background: #08202c url('../data/gotop_icon.gif') no-repeat center left;
	padding-left: 20px;
	margin-left: 15px;
	text-decoration: none !important;
}
.goTop:hover{
	text-decoration: underline !important;	
}
.print{
	background: #08202c url('../data/print_icon.gif') no-repeat center left;
	padding-left: 20px;
	margin-left: 15px;
	text-decoration: none !important;	
}
.print:hover{
	text-decoration: underline !important;	
}
#breadcrump a, #breadcrump a:visited, #breadcrump a:active{
	color: #9c9c9c;
	text-decoration: none;
}
#breadcrump a:hover{
	text-decoration: underline;	
}
.firstLevel{
	font-size: 1.4em;
	color: #22576b;
	text-decoration: none !important;	
	line-height: 2em;
	font-weight: bold;
}
.secondLevel{
	font-size: 1.3em;
	color: #646464;
	text-decoration: none !important;
	padding-left: 20px;
	line-height: 1.7em;
	margin-top: 10px;
}
.firstLevel:hover, .secondLevel:hover, .thirdLevel:hover{
	text-decoration: underline !important;	
}
.thirdLevel{
	font-size: 1.2em;
	color: #907342 !important;
	text-decoration: none !important;
	padding-left: 30px;
	line-height: 1.4em;
}



/* $4 - Buttons Styles ////////////////////////////////////////////////////////*/
#buttonsHome{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 951px;
	height: 162px;
	background: transparent url('../data/wave.png') no-repeat top left;
	border-bottom: 3px solid white;
	padding-left: 10px;
}

#buttonsHome ul li{
	float: left;
	margin: 0 3px;
	padding: 50px 6px 0 10px;
}
#buttonsHome h1{
	text-transform: uppercase;
	color: white;
	font-size: 1.3em;
	font-weight: bold;
	padding: 13px 0 6px 0;
}
buttonsHome span{
	float: left;
}
.moreLink{
	text-decoration: none;
	color: #1d3445;
	float: left;
	background: transparent url('../data/more_square.gif') no-repeat center left;
	padding-left: 10px;
	margin-top: 10px;
}
.moreLink:hover{
	text-decoration: underline;	
}

#schaugarten{
	background: transparent url('../data/schaugarten_bg.png') no-repeat bottom left;
	width: 213px;
	height: 99px;
	padding-left: 5px;
}
#kontakt{
	background: transparent url('../data/kontakt_bg.png') no-repeat bottom left;
	width: 213px;
	height: 99px;
	padding-left: 5px;
}
#softstone{
	background: transparent url('../data/softstone_bg.png') no-repeat bottom left;
	width: 213px;
	height: 99px;
	padding-left: 5px;
	color: #1d3445 !important;
}
#naturstein{
	background: transparent url('../data/naturstein_bg.png') no-repeat bottom left;
	width: 213px;
	height: 99px;
	padding-left: 5px;
	color: #000000 !important;
}
#innenausbau{
	background: transparent url('../data/innenausbau_bg.png') no-repeat bottom left;
	width: 213px;
	height: 99px;
	padding-left: 5px;
}


/* $5 - Content Styles //////////////////////////////////////////////////////*/
#map{
	width: 640px;
	height: 350px;
	margin: 10px 0;
	position: relative;	
}
.label{
	/*line-height: 3em;	*/
	width:120px;
	font-weight:bold;
}

input,textarea {margin-bottom:10px;}
.dsbody_1 input[type=text], .dsbody_1 textarea{background-color: #F2F2F2;}
input[type=text],textarea {border:1px solid #22576B;}

span.phone 	{font-weight:bold;display:block;float:left;width:70px;background:url(../data/ico_mobile.gif) left 3px no-repeat;padding-left:16px;}
span.fax 	{font-weight:bold;display:block;float:left;width:70px;background:url(../data/ico_fax.gif) left 3px no-repeat;padding-left:16px;}
span.mobile	{font-weight:bold;display:block;float:left;width:70px;background:url(../data/ico_mobile.gif) left 3px no-repeat;padding-left:16px;}
span.email	{font-weight:bold;display:block;float:left;width:70px;background:url(../data/ico_mail.gif) left 3px no-repeat;padding-left:16px;}
#sitemap ul li{list-style-type:none;}



/* $6 - Clearfix ///////////////////////////////////////////////////////////*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}





/* $6 - Dynasite overwrites ///////////////////////////////////////////////////////////*/



/* $8 - Dynasite Search //////////////////////////////////////////////////////*/
#dssearch_container {width:650px;}
.dssearch_title 	{font-size:1.2em;margin-bottom:4px;margin-top:10px;margin-left:5px;}
.dssearch_title a 	{text-decoration:none;}
.dssearch_hr 		{border:none;border-top:1px solid #22576B;margin-left:10px;}
.dssearch_body		{margin-left:10px;}
.dssearch_text		{display:none;}


.verlegebeispiele {border:1px solid #22576B;float:left;width:532px;}
.verlegebeispiele h3 {background:#22576B;font-weight:arial;font-weight:bold;color:#FFF;font-size:11px;text-transform:uppercase;height:40px;width:55px;padding-top:5px;text-align:center;float:left;margin-right:10px;}
.verlegebeispiele table {width:467px;}
.verlegebeispiele table tr td {border-bottom: 1px solid #22576B;padding:4px;}
.verlegebeispiele table tr th {border-bottom: 1px solid #22576B;font-weight:bold;color:#22576B;padding:4px;}
.verlegebeispiele table td {vertical-align:top;padding:3px;line-height:1.5em;}
.verlegebeispiele table td.label {font-weight:bold;}
.verlegebeispiele table td.content {}		
.verlegebeispiele table td.title {color:#22576B;text-transform:uppercase;font-weight:bold;}