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

/**
COLOURS
#f29612 = oranje

**/

body{
font-size:14px;
font-family:‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif;
background-color:#f2f1f1;
	}
/**TYPOGRAPHY**/
h1,h2,h3,h4
	{
	font-weight:normal;
	}
h1{
	font-size:22px;
	font-weight:bold;
	padding-bottom: 10px;
	}
h2{
	font-size:26px;
	margin-bottom:15px;
	}
h3{
	font-size:20px;
	color:#666;
	margin-bottom:15px;
	font-weight:bold;
	line-height:140%;
	}
h4{
	font-size:18px;
	color:#666;
	margin-top:20px;
	margin-bottom:5px;
	font-weight:bold;
	line-height:140%;
	}	
p	{	
	line-height:160%;
	color:#666666;
	margin-bottom:10px}
a  {
	color:#f29612;
	}
ul li{
	color:#666666;
	padding:5px;
	margin-left:10px;
	list-style-type: disc;
	line-height:160%;
}
/**LAYOUT**/
.center{
	width:960px;
	margin:0 auto;
	overflow:hidden;	
	}
.imgbody{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border:solid 5px #FFF;
	}	
/****/	

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

/**MASTHEAD**/
/****/
header{
	margin-top:15px;}
.logo{
	float:left}
header h1{
	color:#f29612;
	width:510px;
	float:right;
	line-height:150%;
	text-shadow:0px 1px #fff}
h1.title {
	margin-top:39px;
	font-size: 26px;
}
.contactbalk{
	width:960px;
	height:63px;
	float:left;
	margin:25px 0;
	background:url(../images/contactbalk.jpg);
	}
.contactbalk a{
	text-decoration: none;
}
	span.onderhoud{
		margin:23px 0 0 20px;
		float:left;
		font-weight:bold;
		color:#2e2d2b;
		text-shadow:0px 1px #fdf2e1}
.orange-btn{
	width:220px;
	height:48px;
	float:right;
	padding:15px 0 0 20px;
	font-weight:bold;
	color:#FFF;
	text-transform:uppercase;
	}
	.orange-btn span{
		padding:5px 0 0 7px;
		display:block;
		font-weight:normal;
		}
/**/
/**END MASTHEAD**/

/**NAV**/
nav{
	float:left;
	height:61px;
	width:960px;
	padding-top:20px;
	background:url(../images/nav-bg.jpg) top repeat-x;
	font-size:14px;}
nav ul li{
	float:left;
	list-style-type: none;
	padding:10px 16px;
	margin-left:0px;
	}
nav ul li a{
	display:block;
	color:#666666;
	text-decoration:none;
	}
nav ul li :hover{
	color:#f29612;
	}
nav ul li.active{
	background-color: #d7d6d6;
	border-radius:3px;
}
/**END NAV**/

.banner-block{
	width:960px;
	float:left;
	margin:25px 0;}

.banner-img{
	width:620px;
	float:left;
	}
	.banner-img img{
		padding:10px;
		background-color: #fff;
		box-shadow: 0px 1px 2px black
	}
.banner-tekst{
	width:280px;
	padding:20px 10px;
	float:right;
	background:url(../images/banner-tekst-bg.jpg) repeat-y right;
	}
.banner-tekst h2{
	font-weight:normal;
	font-size:21px;
	margin-bottom:15px;
	color:#333;
	line-height:150%;
	}
div.panel-pane .node-diensten.view-mode-teaser{
		margin:20px 0;}
	
/**BANNER**/
.middle-content,
.node-basispagina.view-mode-teaser{
	float:left;
	margin:25px 0;}
div.node.node-basispagina.view-mode-teaser{
	width:960px;
	margin:40px 0;}
.one-third {
	float:left;
	width:320px;
	padding:10px;
	}
.two-third{
	float:left;
	width:640px;
	}

/**content main**/
.content-main{
	float: left;
	margin-top:25px;
	width:960px;
}
.linkskolom{
	float: left;
	width:450px;
	margin-right:50px;
}
.rechtskolom{
	float: left;
	width:450px;
}
.kolomlinks{
	float: left;
	width:290px;
	margin-right:30px;
	padding-left:20px;
}
.field-name-body{
	margin:25px 0;
}
.panels-flexible-region-2-region_left,
.panels-flexible-region-4-center,
.panels-flexible-region-3-center,
.panels-flexible-region-6-region_left,
.panels-flexible-region-8-center {
	width:640px;
}
.panels-flexible-region-3-dienst_omschrijving,
.panels-flexible-region-4-dienst_omschrijving,
.panels-flexible-region-2-region_right,
.panels-flexible-region-8-dienst_omschrijving,
.panels-flexible-region-6-region_right {
	width:300px;
	float: right;
}
.kolomrechts{
	float: left;
	width:300px;
}
.node-project .group-left{
	width:45%
}
.node-project .group-right{
	width:55%
}

.field-name-field-thumbs{
	margin-left:0px;
}
.field-name-field-thumbs .field-item{
	float:left; 
	margin:20px 10px 10px 0;
}
.field-name-field-fotoalbum img {
	float:left; 
	padding:5px;
	background: #fff;
	margin:5px 9px 0 0;
	width: 99px;
	height: auto;
}
.field-name-field-thumbs img{
	float:left; 
	padding:5px;
	background: #fff;
}
.afbeelding-thumb{
	width:588px;
	float: left;
}

/*REALISATIE OVERZICHT PAGINA*/
.node-project.view-mode-full .group-left{
	width:320px;
	margin-right: 10px;
	float: left;
}
.node-project.view-mode-full .group-right{
	width:300px;
	float: right;
}

.node-project.view-mode-full .group-right .field-name-body{
	margin-top:0;
}
.node-project.view-mode-full .group-left .field-name-field-foto-voor img{
	padding:5px;
	background-color: #fff;
	box-shadow: 0px 1px 2px black}
/*REALISATIE FULL NODE*/
.project-left{
	width:640px;
}
.project-right{
	width:300px;
	float: right;
}

/*LIJST REALISATIES*/
.list-realisaties{
	width:300px;
	float: right;
	padding:0;
}
.panels-flexible-region-inside{
	padding:0;
}
.list-realisaties ul li {
	width:280px;
	padding:10px;
	float:left;
	list-style-type: none;
	text-align:left;
	margin-left:0px;
	border-bottom: 1px dotted #000;
}
.list-realisaties ul li a{
	text-decoration: underline;
	color:#666666;
}
.list-realisaties ul li a.active{
	color: #000;
	font-weight: bold;
}
.realisaties-left{
	width:640px;
}
/*******************/
	
/**Quicktabs**/	
/*list-links*/
ul.quicktabs-tabs.quicktabs-style-navlist {
	background:#e1e1e1;
	padding:0;
	font-size:12px;
	width:200px;
	}
ul.quicktabs-tabs.quicktabs-style-navlist li{
	text-align:left;
	text-transform:uppercase;
	margin:0;
	border-bottom: 1px solid #c8c7c7;
	padding:10px 0 10px 10px;
	}
ul.quicktabs-tabs.quicktabs-style-navlist li a{
	color:#666666;
	font-weight:normal;
	text-align:left;}
	ul.quicktabs-tabs.quicktabs-style-navlist li a:hover{
	color:#333333;
	font-weight:regular;
	text-align:left;
	
	}
ul.quicktabs-tabs.quicktabs-style-navlist li.active {
    background:#ffffff;
    border-bottom: 2px solid #cecece;
    border-top: 0 none;
	}
ul.quicktabs-tabs.quicktabs-style-navlist li.active a {
   	color:#666666;
	font-weight:normal;
	}
/**/
.node-diensten.view-mode-full .group-left{
	width:560px;
}
.node-diensten.view-mode-full .group-right{
	width:390px;
	padding:0px 0 10px 10px;
}
.field-name-field-teaser-detailpagina{
	background: #f7f7f7;
	padding:5px 10px 5px 10px;
	border: 1px solid #fff;
	float:right;
	width:330px;}

.panels-flexible-row-last h2.pane-title{
	width:inherit;
	background: none;
	padding-top:25px;
	margin:0px;
	color:#666666;
	font-size:20px;
}

a.button{
	text-align: center;
	width:280px;
	height:30px;
	font-weight: bold;
	font-size:16px;
	text-decoration: none;
	padding-top: 5px;
	display: block;
	color:#ffffff;
	background:url(../images/btn-bg.jpg) no-repeat;
}

/**quicktabs main**/
.quicktabs_main.quicktabs-style-navlist{
	width:730px;
	background: #ffffff;
    border: 0 none;
    float: left;
    min-height: 64px;
    padding: 10px;
    position: relative;
    z-index: 1;
	}
.quicktabs_main.quicktabs-style-navlist .one-third{
	padding:0}
.quicktabs_main.quicktabs-style-navlist .two-third{
	width:400px;
	padding:10px 0 0 25px;}
.quicktabs-wrapper .node-basispagina.view-mode-teaser{
	width:650px;}
.quicktabs-wrapper.quicktabs-style-navlist{
	float:left;
	width:950px;
	padding:5px;
	background:url(../images/tabs-bg.png);}
/**/
/**WEBFORM*/
.node-webform .field-name-body{
	float:right;
	margin-top: 0;
}
.node-webform .field-name-body iframe{
	border:10px solid #fff;
}
.webform-client-form{
	float:left;
	width: 484px;
	padding:10px;
	background: #fff;
}
fieldset#webform-component-adres,
fieldset#webform-component-contactgegevens{
	width:240px;
	padding:0;
	float:left;
}
.adres-info-left,
.adres-info-right{
	float:left;
	width:200px;
}
.webform-client-form label{
	margin-bottom:10px;
	color:#333333
}
input.form-submit {
	border:0 none;
	background:#f29612;
	padding:5px 15px;
	font-size: 13px;
	font-weight: bold;
	border-radius: 3px;
	color:#fff;
	text-transform: uppercase;
}
/**Footer**/
.panels-flexible-row-last{
	float:left;
	border-top:10px solid #ece9e9;
	padding:25px 0;
	}

ul.project-thumb li{
	float:left;
	list-style-type: none;
	padding:0;
	margin:0 12px 12px 12px;
	height:132px;
	}
ul.project-thumb li img{
	padding:5px;
	background-color: #fff;

}
.projecten .view-footer {
	margin-top:1px;
	float:left;
}

.team, 
.leveranciers .pane-content,
.projecten .pane-content{
	background-color:#f7f7f7;
	float:left;
	padding:10px;
	margin-top:15px;
	height:318px;
	}
.leverancier-row {
	vertical-align: middle;
	padding: 5px;
	background: #fff;
}
.team p{
	margin-top:15px;
	padding:5px;}
	
	
.leveranciers table tr{
	height:98px;
}	
.sub-footer{
	border-top:10px solid #ece9e9;
	text-align:center;
	color:#666666;
	padding-top:10px;
	margin:10px 0;
	float:left;
	width:960px;
	font-size:12px;
	}
/****/

/**GLOBAL STYLE**/
.bold, strong{
	font-weight:bold;}
.panel-flexible .panel-separator{
	margin:0;
}
.white{
	background-color: #fff;
}