@charset "UTF-8";
/* CSS Document */

/**
COLOURS
#6b2c0c = button rood

**/

body{
font-size:14px;
background:url(../images/body.jpg) repeat-x #fff;
font-family: Arial, Helvetica, sans-serif;
	}
/**TYPOGRAPHY**/

h1{
	font-size:20px;
	margin-bottom:20px;
	color:#006699;
	}
h2{
	font-size:16px;
	margin-bottom:20px;
	margin-top:15px;
	color:#000;
	line-height:150%;
	font-weight:bold;
	}
h3{
	font-size:12px;
	margin-bottom:10px;
	margin-top:15px;
	color:#333;
	font-weight:bold;
	line-height:150%;
	}	
.front .colom-3 h2{
	height:45px;}
p	{
	font-size:14px;
	color:#333;
	line-height:140%;
	margin-bottom:10px;
	}
a  {
	color:#333;
	}
span.photo-title{
	color:#333;
	padding:5px 0;
	display:block;
	height:24px;
	font-style:italic;
	font-size:12px;
	}
span.italic{
	font-style:italic;}
.breadcrumb{
	margin:10px 0;
	font-size:12px;}
/**LAYOUT**/
.center{
	width:960px;
	margin:0 auto;
	overflow:hidden;	
	}
/****/	

/**SPECIFIC REGION STYLES**/
/****/	

/**MASTHEAD**/
.banner{
	width:941px;
	margin:0 auto;
	height:328px;
	}
.flexslider{
	border:0 none;
	border-radius:0; }
/****/
	/**/
/**END MASTHEAD**/

/**NAV**/
nav{
	width:960px;
	float:left;
	height:71px;
	background:url(/sites/all/themes/klimathome/images/nav-bg.jpg) no-repeat;
	}
nav ul li{
	float:left;
	padding:0;
	margin:0;
	}
nav ul li a{
	display:block;	
	height:34px;
	padding:18px 32px 0 32px;
	color:#333;
	border-left:1px solid #fff;
	border-rigth:1px solid #fff;
	text-align:center;
	text-decoration:none;
	}
nav ul li a.active{
	display:block;	
	height:34px;
	padding:18px 32px 0 32px;
	color:#006699;
	border-left:1px solid #fff;
	border-rigth:1px solid #fff;
	text-align:center;
	text-decoration:none;
	}	
a:hover{
	color:#333;
	text-decoration:underline;}
/**END NAV**/


/**CONTENT**/
.content-wrapper{
	width:940px;
	overflow:hidden;
	padding:10px;
	}
.main-content{
	width:700px;
	float:left;
	}
.not-front .main-content{
	width:460px;
	float:left;
	margin-right:20px;
	}
.colom-3 
	{
	width:290px;
	float:left;
	padding:20px;
	}
.colom-3 h2{
	font-size:16px;
	margin-bottom:10px;
	margin-top:15px;
	}		
#block-block-1, 
#block-block-2,
#block-block-4,
#block-block-5,
#block-views-voor_en_na_block_homepage-block{
	width:350px;
	float:left;
	}
#block-views-voor_en_na_block_homepage-block{
	clear:left;
	padding:20px;
	width:310px;
	}
#block-views-voor_en_na_block_homepage-block h2{
	font-size:16px;
	margin-bottom:10px;
	margin-top:15px;
	}	
.colom-3 img{
	margin-bottom:14px;}

.inline-image{
	width:200px;
	padding:10px;
	float:left;}

/**Voor en na block**/
#block-views-voor_en_na_block_homepage-block table td{
	width:350px;
	margin-bottom:10px;
	float:left;}
.field-name-field-afbeelding-voor,
.field-name-field-afbeelding-na{
	float:left;
	width:150px;
	}

#block-views-voor_en_na_block_homepage-block table td .field-label{
	font-weight:normal;
	margin-bottom:5px;
	color:#333;
	font-size:12px;
	}
/**PAgina referenties**/
.page-node-4 .main-content,
.page-node-3 .main-content,
.page-node-21 .main-content,
.page-node-6 .main-content{
	width:700px;}
#block-views-referentiepagina-block table tr td{
	width:350px;}
#block-views-referentiepagina-block table tr td .group-left{
	width:160px}
#block-views-referentiepagina-block table tr td .group-right{
	width:170px;
	padding:10px;
	margin-top:10px;}
#block-views-referentiepagina-block table tr td .group-right p{
	font-size:12px;}	
#block-views-referentiepagina-block table tr td .field-name-field-afbeelding-voor,
#block-views-referentiepagina-block table tr td .field-name-field-afbeelding-na{
	width:80px}
#block-views-referentiepagina-block table tr td .field-label{
	font-weight:normal;
	margin-bottom:5px;
	color:#333;
	font-size:12px;
	}
/**right sidebar**/
.sidebar{
	float:right;
	width:200px;
	padding:10px 10px 0px 10px;
	background: #f6f6f6;}
.sidebar-left{
	float:left;
	margin-right:20px;
	width:200px;
	padding:10px;
	background: #f6f6f6;}

.arrow-banner{
	background: url(../images/arrow-bg.jpg) bottom no-repeat;
	height:56px;
	width:200px;
	display:block;
	float:right;
	}
.front .arrow-banner{
	margin-left:20px;
	}
.street,
.place{
	color:#333;
	margin-bottom:5px;
	font-size:12px;
	}
.email{
	color:#333;
	margin-bottom:15px;
	margin-top:15px;
	font-size:12px;
	}	
.tel{
	color:#333;
	margin-bottom:15px;
	padding-left:40px;
	font-size:12px;	
	}	
.fax{
	color:#333;
	margin-bottom:7px;
	padding-bottom:30px;
	padding-left:40px;
	font-size:12px;	
	}	
.place{
	margin-bottom:14px}	
	
	.label-contact{
		width:40px;
		float:left;
		font-size:12px;
		}


/**Lists**/
.region-content ul{
	margin:14px 0;}
.menu-block-wrapper ul.menu{
	background:#fff;
	padding:5px;
	}
.menu-block-wrapper ul.menu li{
	border-bottom:1px solid #f6f6f6;
	padding:10px;
	}
.menu-block-wrapper a{
	color:#333;
	text-decoration:none;
	}
.menu-block-wrapper a:hover{
	color:#333;
	text-decoration:underline;
	}
.menu-block-wrapper a.active{
	color:#333;
	text-decoration:none;
	font-weight:bold;
	}	
.region-content ul li{
	color:#333;
	list-style:url(../images/bol-list.jpg);
	padding:5px 5px 5px 10px;
	margin-left:15px;
	line-height:120%;
	}
	.region-content ul li ul li{
	background:none;
	}
.content ul.referenties li{
	background: url(../images/border-horizontal.jpg) repeat-x bottom;
	padding:10px 0;
	margin:0;
	}
.content ul.referenties p{
	font-size:12px;
	}	
.right-sidebar .menu-block-wrapper ul li{
	padding:10px 5px 10px 5px;
	background: url(../images/border-horizontal.jpg) repeat-x bottom;
	margin:0;
	}
.sidebar-left ul li{
	list-style-image:none;
	list-style-type:none;
	}
/**Button**/
.button a{
	display:block;
	width:260px;
	height:50px;
	line-height:160%;
	text-align:center;
	color:#fff;
	background-color:#6b2c0c;
	padding-top:5px;
	border-radius:5px;
	text-decoration:none;
	}
span.underline{
	text-decoration:none;
	}
.buttoncontact a{
	display:block;
	width:190px;
	height:30px;
	line-height:160%;
	text-align:center;
	color:#fff;
	background-color:#6b2c0c;
	padding-top:5px;
	border-radius:5px;
	text-decoration:none;
	}	
/**Webform**/
.node-webform .field-name-body{
	width:300px;
	float:right;
	padding-right:50px;
	}
.node-webform form#webform-client-form-6,
#block-webform-client-block-47{
	width:350px;
	float:left;
	}
form#webform-client-form-6 label,
#block-webform-client-block-47 label{
	color:#333;
	margin-bottom:15px;
	}
input.form-submit{
	display:block;
	width:150px;
	height:30px;
	line-height:160%;
	text-align:center;
	color:#fff;
	background-color:#6b2c0c;
	padding-top:0px;
	border-radius:5px;
	text-decoration:none;
	border:none 0px;
	font-size:14px;
	}
/**Footer**/
.footer{
	width:940px;
	background:url(../images/footer-bg.jpg);
	height:65px;
	margin-top:25px;
	padding-top:35px;
	float:left;
	text-align:center;
	}
.footer p{
	color:#333;
	font-size:12px;}
/****/

/**GLOBAL STYLE**/
.bold, strong{
	font-weight:bold;}
.opsomminglinks{
	float:left;
	padding-right:10px;
	width:86px;
	font-size:12px;
	}
.opsomminglinks br{
	margin-bottom:10px;
	}	
	
/**CONTACT FORM**/
#webform-component-naam,#webform-component-ben-u-reeds-klant-bij-klimathome, #webform-component-email-adres, #webform-component-telefoon, #webform-component-uw-vraag{
	font-weight:bold;
	}