@charset "utf-8";
/* CSS Document */
* {
	outline:0;
}
body, html, h1, h2, h3, h4, p, ul, ol, li, img{
	margin:0;
	padding:0;
	border:0;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#006cb0;
	background-color:#fff;
}
::selection {
        background: #006cb0; /* Safari */
		color:#fff;
        }
::-moz-selection {
        background: #006cb0; /* Firefox */
		color:#fff;
}
.PFDinTextPro-Regular { 
	font-family: PFDinTextPro-Regular;
	font-weight: normal;
	font-style: normal;
}
.PFDinTextPro-Medium { 
	font-family: PFDinTextPro-Medium;
	font-weight: normal;
	font-style: normal;
}
li{
	vertical-align: text-top;
}
.clear_both{
	clear:both;
}
.right{
	float:right;
}
.left{
	float:left;
}
h1{
	font-size:39px;
	line-height:45px;
	font-family: PFDinTextPro-Medium;
	font-weight: normal;
	font-style: normal;
}
h1 em{
	background: url(/img/h1_backgr.gif) repeat-x scroll 0 100% transparent;
    padding-bottom: 9px;
    text-decoration: none;
	font-style: normal;
}
h2{
	font-size:39px;
	padding-bottom:20px;
	font-weight:normal;
	line-height:45px;
	font-family: PFDinTextPro-Regular;
	font-weight: normal;
	font-style: normal;
}
h3{
	font-family: PFDinTextPro-Medium;
	font-weight: normal;
	font-style: normal;
	font-size:15px;
}
p{
	line-height:17px;
	padding-bottom:17px;		
}
p.paddingNul{
	padding-bottom:0;
}
a{
	color:#006cb0;
	text-decoration:underline;
}
a:hover{

}
#mainframe{
	margin:70px auto 0;
	position:relative;
	width:885px;
}
#header{
	width:874px;
	float:left;
	margin-left:5px;
}
#logo{
	float:left;
}
#logo a{
	display:block;
	width:255px;
	height:58px;
	background:url(/img/komma_sprite.png) no-repeat 0 0;
}
#socialmedia_div{
	float:right;
	margin-top:33px;
	margin-right:2px;
}
#socialmedia_div a{
	width:24px;
	height:24px;
	display:block;
	margin-left:10px;
	float:left;
	background-image:url(/img/komma_sprite.png);
	background-repeat:no-repeat;
}
#socialmedia_div a.facebook{ background-position:0 -110px; }
#socialmedia_div a.twitter{ background-position:-28px -110px; }
#socialmedia_div a.linkedin{ background-position:-56px -110px; }

#socialmedia_div a.facebook:hover{ background-position:0 -134px; }
#socialmedia_div a.twitter:hover{ background-position:-28px -134px; }
#socialmedia_div a.linkedin:hover{ background-position:-56px -134px; }

#hoofdmenu{
	float:left;
	margin-top:34px;
	width:874px;
}
#hoofdmenu li{
	list-style:none;
	float:left;
	margin-left:10px;
	position:relative;
	cursor:pointer;
	display:block;
}
#hoofdmenu li.first{
	margin-left:0;
}
#hoofdmenu li a{
	width:137px;
	height:23px;
	display:block;
	background:0 0 no-repeat;
	text-indent:10px;
	line-height:23px;
	color:#fff;
	overflow:hidden;
	z-index:10;
	position:relative;
	text-decoration:none;
	font-family: PFDinTextPro-Medium;
	font-weight: normal;
	font-style: normal;
	font-size: 13px;
}
#hoofdmenu li .backgrLicht{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(/img/komma_sprite.png) no-repeat -743px 0;
}
#hoofdmenu li .backgrDonker{
	position:absolute;
	top:0;
	left:0;
	display:none;
	z-index:2;
	width:100%;
	height:100%;
	background:url(/img/komma_sprite.png) no-repeat -743px -24px;
}
#hoofdmenu li.active .backgrDonker{
	display:block;
}
#contentFrame{
	margin-top:100px;
	float:left;
	position:relative;
}
#container{
	width:885px;
	float:left;
}
#footer{
	width:100%;
	margin-top:245px;
	float:left;
	background-color:#ededed;
	position:relative;
	z-index:100;
}
#footer .content{
	margin:0 auto;
	width:875px;
	padding-top:70px;
	padding-bottom:50px;
}
#footer .content .row{
	width:133px;
	float:left;
	padding-left:12px;
}
#footer .content .title{
	margin-bottom:47px;
	float:left;
	width:125px;
}
#footer .content .title a{
	color:#5c5c5c;
	font-size:15px;
	text-decoration:none;
	font-family: PFDinTextPro-Medium;
	font-weight: normal;
	font-style: normal;
}
#footer .content .title a.active{
	text-decoration:underline;
}
#footer .content ul{
	float:left;
}
#footer .content li{
	list-style:none;	
	display:block;
	padding-bottom:15px;
	font-family: PFDinTextPro-Regular;
	font-weight: normal;
	font-style: normal;
}
#footer .content li a{
	color:#555555;
	font-size:12px;
	text-decoration:none;
}
#footer .content li a:hover{
	text-decoration:underline;
}
#footer .content .bottom{
	float:left;
	margin-top:90px;
	width:875px;
}
#footer .content .bottom .logo{
	float:left;	
}
#footer .content .bottom .logo a{
	display:block;
	width:159px;
	height:36px;
	background:url(/img/komma_sprite.png) no-repeat 0 -63px;
}
#footer .content .bottom .contactInfo{
	float:left;
	margin-top:15px;
	margin-left:12px;
}
#footer .content .bottom .contactInfo .separator{
	width:1px;
	height:17px;
	background:url(/img/komma_sprite.png) no-repeat -206px -110px;
	float:left;
	margin-top:4px;
	margin-right:12px;
}
#footer .content .bottom .contactInfo .info{
	float:left;
	margin-right:12px;
	color:#555555;
	font-size:9px;
}
#footer .content .bottom .contactInfo .algemene_voorwaarden{
	margin-left:230px;
}
#footer .content .bottom .contactInfo .info a{
	color:#555555;
	text-decoration:none;
}
#footer .content .bottom .contactInfo .info a:hover{
	text-decoration:underline;
}
#footer .content .bottom .facebookLike{
	float:right;
	width:138px;
	margin-top:17px;
}

/* ///////////////////// Home ///////////////////// */

#home{
	float:left;
	width:725px;
}
#home .subItem{
	margin-left:5px;
	position:relative;
	margin-bottom:45px;
	float:left;
	width:871px;
}
#home .subItem .backgrFoto{
	position:absolute;
	z-index:1;
	top:100px;
	right:0;
	width:605px;
	height:510px;
	overflow:hidden;	
}
#home .subItem .backgrFoto .fotoMenu{
	float:right;
	margin-bottom:11px;
	position:relative;
}
#home .subItem .backgrFoto .fotoMenu li{
	float:left;
	margin-left:11px;
	list-style:none;
}
#home .subItem .backgrFoto .fotoMenu li a{
	width:23px;
	height:19px;
	display:block;
	background:url(/img/komma_sprite.png) no-repeat -174px -110px;
	cursor:pointer;
	color:#fff;
	text-decoration:none;
	text-align:center;
	line-height:19px;
	font-family: PFDinTextPro-Regular;
	font-weight: normal;
	font-style: normal;
	font-size:11px;
}
#home .subItem .backgrFoto .fotoMenu li a:hover, #home .subItem .backgrFoto .fotoMenu li a.active{
	background-position:-174px -129px;
}
#home .subItem .backgrFoto ul.homeFotos{
	float:right;
	clear:both;
	position:relative;
}
#home .subItem .backgrFoto ul.homeFotos li{
	position:absolute;
	right:0;
	top:0;
	list-style:none;
	display:none;
	cursor:pointer;
}
#home .subItem .backgrFoto ul.homeFotos li .link{
	position:absolute;
	right:4px;
	bottom:0;
	display:block;
	z-index:10;
	height:23px;
	padding-right:11px;
}
#home .subItem .backgrFoto ul.homeFotos li .link a{
	position: relative;
	display:block;
	color:#fff;
	z-index:10;
	text-decoration:none;
	line-height:23px;
	height:23px;
    padding-left: 11px;
	font-size:12px;
	background: url(/img/komma_sprite.png) no-repeat -633px -125px;
	font-family: PFDinTextPro-Medium;
	font-weight: normal;
	font-style: normal;
}
#home .subItem .backgrFoto ul.homeFotos li .link .tagBackgrRight{
	position:absolute;
	top:0;
	right:0;
	width:11px;
	height:23px;
	z-index:5;
	background: url(/img/komma_sprite.png) no-repeat right -125px;
	z-index:9;
}
#home .subItem .backgrFoto ul.homeFotos:hover li .link a{
	background-position:-633px -125px;
}
#home .subItem .backgrFoto ul.homeFotos:hover li .link .tagBackgrRight{
	background-position:right -125px;
}
#home .subItem .backgrFoto ul.homeFotos li .blauw{
	float:left;
	display:block;
	width:605px;
	height:510px;
	background-position:left top;
}
#home .subItem .backgrFoto ul.homeFotos li .kleur{
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	display:none;
	width:605px;
	height:510px;
	background-position:left bottom;	
}
#home .subItem h1{
	z-index:5;
	position:relative;
	width:375px;
}
#home .subItem h2{
	padding-bottom:40px;
	z-index:5;
	position:relative;
	width:375px;
}
#home .subItem .omschrijving{
	float:left;
	line-height:17px;	
	font-size:11px;
	z-index:5;
	position:relative;
}
#home .subItem .omschrijving .columnLeft{
	width:235px;
	float:left;
}
#home .dienstenSeparator{
	float:left;
	width:874px;
	height:30px;
	margin-bottom:60px;
	background:url(/img/komma_sprite.png) no-repeat 0 -276px;
	margin-left:5px;
	margin-top:11px;
}
#home #recentPortfolio{
	position:relative;
	margin-bottom:0;
}
#home #recentPortfolio h1{
	position:absolute;
	left:11px;
	top:0;
}
#home #recentPortfolio ul{
	float:left;
	margin-top:70px;
}
#home #recentPortfolio li{
	list-style:none;
	float:left;
	margin-left:11px;
	width:283px;
	height:375px;
	cursor:pointer;
	position:relative;
}
#home #recentPortfolio li.first{
	margin-left:0;	
}
#home #recentPortfolio li .foto{
	width:283px;
	height:184px;
	float:left;
	position:relative;
}
#home #recentPortfolio li .foto .blauw{
	float:left;
	width:283px;
	height:184px;
}
#home #recentPortfolio li .foto .kleur{
	position:absolute;
	left:0;
	top:0;
	display:none;
	z-index:2;
	width:283px;
	height:184px;
}
#home #recentPortfolio li a.link{
	position:absolute;
	z-index:10;
	top:172px;
	left:130px;
	width:24px;
	height:24px;
	display:block;
}
#home #recentPortfolio li a.link .blauw{
	background:url(/img/komma_sprite.png) no-repeat -144px -110px;
	width:24px;
	height:24px;
	display:block;
}
#home #recentPortfolio li a.link .kleur{
	background:url(/img/komma_sprite.png) no-repeat -144px -134px;
	width:24px;
	height:24px;
	display:none;	
	position:absolute;
	top:0;
	left:0;
}
#home #recentPortfolio li h2{
	font-size:22px;
	line-height:25px;
	text-decoration:underline;
	float:left;
	margin-left:11px;
	margin-top:30px;
	padding-bottom:24px;
	width:272px;
}
#home #recentPortfolio li p{
	width:260px;
	margin-left:11px;
	padding-bottom:0;
}
#home #recentPortfolio li a{
	text-decoration:none;
	position:absolute;
	left:11px;
	bottom:0;
}
#home #recentPortfolio li:hover a{
	text-decoration:underline;
}


#project{
	width:885px;
	float:left;
	position:relative;
	margin-left:3px;
}
#project .tekst{
	float:right;
	width:390px;
	position:relative;
}
#projectFotos{
	float:left;
	width:440px;
}
#projectFotos .foto{
	position:relative;
	display:block;
	padding-bottom:50px;
	float:left;
}
#projectFotos .foto .kleur{
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	width:440px;
	background-position:left bottom;
}
#projectFotos .foto .blauw{
	z-index:1;
	float:left;
	width:440px;
	display:block;
	background-position:left top;
}

#project .tekst .breadCrump{
	float:left;
	font-size:11px;	
	color:#D9E4E8;
	padding-bottom:40px;
	font-family: PFDinTextPro-Regular;
	font-weight: normal;
	font-style: normal;
}
#project .tekst .breadCrump a{
	color:#D9E4E8;
	text-decoration:none;
}
#project .tekst .breadCrump a:hover, #project .tekst .breadCrump a.active{
	color:#006cb0;
}
#project .tekst h1{
	width:290px;
	float:left;
}
#project .tekst h2{
	width:290px;
	float:left;
	padding-bottom:45px;
}
#project .overzichten{
	float:right;
	width:82px;
	margin-top:68px;	
}
#project .overzichten a.grid{
	float:left;
	display:block;
	width:81px;
	height:27px;
	margin-bottom:12px;
	background:url(/img/komma_sprite.png) no-repeat -287px 0;
}
#project .overzichten a.grid:hover{
	background-position:-287px -27px;
}
#project .overzichten a.list{
	float:left;
	display:block;
	width:81px;
	height:26px;
	background:url(/img/komma_sprite.png) no-repeat -434px 0;
}
#project .overzichten a.list:hover{
	background-position:-434px -26px;
}
#project .tekst .details{
	font-family:"Courier New", Courier, monospace;
	font-size:11px;	
	float:left;
	width:95px;
}
#project .tekst .omschrijving{
	float:left;
	margin-left:30px;
	line-height:17px;	
	font-size:11px;
	width:265px;
}
#project .tekst .terugTop{
	float:right;
	margin-top:40px;
	display:none;
}
#project .tekst .terugTop a{
	width:76px;
	height:25px;
	background:url(/img/komma_sprite.png) no-repeat -572px 0;
	display:block;
	cursor:pointer;
}
#project .tekst .terugTop a:hover{
	background-position: -572px -25px;
}
#project .tekst .arrowLeft{
	background:url(/img/komma_sprite.png) no-repeat -115px -110px;
	width:24px;
	height:24px;
	display:block;
	position:absolute;
	left:-555px;
	top:230px;
}
#project .tekst .arrowRight{
	background:url(/img/komma_sprite.png) no-repeat -144px -110px;
	width:24px;
	height:24px;
	display:block;
	position:absolute;
	right:-50px;
	top:230px;
}
#project .tekst .arrowLeft:hover{
	background-position:-115px -134px;
}

#project .tekst .arrowRight:hover{
	background-position:-144px -134px;
}

#project .generalBtn{
	color:#fff;
	font-size:11px;
	display:block;
	float:left;
	height:19px;
	padding-left:8px;
	cursor:pointer;
	position:relative;
	padding-right:7px;
	margin-right:9px;
}
#project .generalBtn a{
	position:relative;
	z-index:10;
	color:#fff;
	text-decoration:none;
	height:19px;
	line-height:19px;
	display:block;
	padding-left:2px;
	padding-right:3px;
	line-height:19px;
	color:#fff;
	font-size:10px;
	font-family: PFDinTextPro-Medium;
	font-weight: normal;
	font-style: normal;
}
#project .generalBtn span.left2{
	position:absolute;
	top:0;
	left:0;
	height:19px;
	background: url(/img/komma_sprite.png) no-repeat -633px -174px;
	width:100%;
	z-index:1;
}
#project .generalBtn span.right2{
	position:absolute;
	top:0;
	right:0;
	width:10px;
	height:19px;
	z-index:5;
	background: url(/img/komma_sprite.png) no-repeat right -174px;
}
#project .generalBtn span.darkLeft2{
	position:absolute;
	top:0;
	left:0;
	height:19px;
	background: url(/img/komma_sprite.png) no-repeat -633px -174px;
	width:100%;
	z-index:1;
	display:none;
	z-index:8;
}
#project .generalBtn span.darkRight2{
	position:absolute;
	top:0;
	right:0;
	width:10px;
	height:19px;
	z-index:5;
	background: url(/img/komma_sprite.png) no-repeat right -174px;
	display:none;
	z-index:9;
}
#project span.darkLeft{
	display:none;
}
#project span.darkRight{
	display:none;
}




#submenu{
	float:left;
	width:137px;
	margin-left:5px;
	margin-right:10px;
	margin-top:14px;
	position:absolute;
}
#submenu li{
	list-style:none;
	float:left;
	position:relative;
	margin-bottom:11px;
	cursor:pointer;
}
#submenu li a{
	width:137px;
	height:23px;
	display:block;
	background:0 0 no-repeat;
	text-indent:10px;
	line-height:23px;
	color:#fff;
	overflow:hidden;
	z-index:10;
	position:relative;
	text-decoration:none;
	font-family: PFDinTextPro-Medium;
	font-weight: normal;
	font-style: normal;
	font-size: 13px;
}
#submenu li .backgrLicht{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(/img/komma_sprite.png) no-repeat -743px 0;
}
#submenu li .backgrDonker{
	position:absolute;
	top:0;
	left:0;
	display:none;
	z-index:2;
	width:100%;
	height:100%;
	background:url(/img/komma_sprite.png) no-repeat -743px -24px;
}
#submenu li.active .backgrDonker, #submenu li:hover .backgrDonker{
	display:block;
}
#submenu .terugTop{
	float:left;
	display:block;
}
#submenu .terugTop a{
	width:76px;
	height:25px;
	background:url(/img/komma_sprite.png) no-repeat -572px 0;
	display:block;
	cursor:pointer;
}
#submenu .terugTop a:hover{
	background-position: -572px -25px;
}
#over_ons, #diensten{
	float:left;
	width:725px;
}
#over_ons .subItem, #diensten .subItem{
	margin-left:159px;
	position:relative;
	margin-bottom:125px;
	float:left;
	width:716px;
	position:relative;
}
#over_ons .subItem .backgrFoto, #diensten .subItem .backgrFoto{
	position:absolute;
	z-index:1;
	top:14px;
	right:0;	
}
#over_ons #overKomma.subItem #mikevandersanden{ top:370px; }

#over_ons #partners .backgrFoto{
	top:90px;
}
#diensten .subItem .backgrFoto{
	top:54px;
	width:450px;
	display:block;
}
#diensten #huisstijl.subItem .backgrFoto{
	top:11px;
	height:250px;
	overflow:hidden;
}
#diensten #webdesign.subItem .backgrFoto{
	top:18px;
	height:235px;
	overflow:hidden;
}
#diensten #socialmedia.subItem .backgrFoto{
	top:28px;
	height:215px;
	overflow:hidden;
}
#diensten #fotografie.subItem .backgrFoto{
	top:8px;
	height:215px;
	overflow:hidden;
}

#over_ons .subItem .backgrFoto .blauw, #diensten .subItem .backgrFoto .blauw{
	float:left;
	display:block;
	position:absolute;
	left:0;
	top:0;
	background:no-repeat left top;
	width:100%;
	height:100%;
}
#over_ons .subItem .backgrFoto .kleur, #diensten .subItem .backgrFoto .kleur{
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	display:none;	
	background:no-repeat left bottom;
	width:100%;
	height:100%;
}
#over_ons .subItem .backgrFoto .onderschrift{
	position:absolute;
	font-size:10px;
	right:0;
	bottom:-36px;
	font-family: PFDinTextPro-Regular;
	font-weight: normal;
	font-style: normal;
	text-align:right;
}
#over_ons .subItem .backgrFoto .onderschrift strong{
	font-family: PFDinTextPro-Medium;
	font-weight: normal;
	font-style: normal;
}

#over_ons #partners.subItem .backgrFoto .blauw, #over_ons #partners.subItem .backgrFoto .kleur{
	width:100%;
	display:block;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-repeat:no-repeat;
}

#over_ons #overKomma .columnLeft{ }

#over_ons #overKomma.subItem .backgrFoto{
	width:282px; 
	height:300px;
}
#over_ons #overKomma.subItem .backgrFoto .blauw, #over_ons #overKomma.subItem .backgrFoto .kleur{
	width:100%; 
	height:100%; 
}
#over_ons #partners.subItem .backgrFoto{
	width:420px;
	height:200px;
	top:15px;
	z-index:100;
}
#over_ons #partners.subItem .backgrFoto .kleur{
	z-index:10;
	opacity:0;
	filter:alpha(opacity=0);
	background-position:left bottom;
}
#over_ons .subItem .backgrFoto .peter{
	position:absolute;
	left:0;
	top:18px;
}
#over_ons .subItem .backgrFoto .peter a{
	width:129px;
	height:74px;
	display:block;	
}
#over_ons .subItem .backgrFoto .glashelder{
	position:absolute;
	left:140px;
	top:100px;
}
#over_ons .subItem .backgrFoto .glashelder a{
	width:139px;
	height:95px;
	display:block;	
}
#over_ons .subItem .backgrFoto .yoda_ict{
	position:absolute;
	left:280px;
	top:34px;
}
#over_ons .subItem .backgrFoto .yoda_ict a{
	width:139px;
	height:38px;
	display:block;	
}
#over_ons .subItem h1{
	z-index:5;
	position:relative;
	width:350px;
}
#diensten .subItem h1{
	z-index:5;
	position:relative;
	width:370px;
}
#over_ons .subItem h2, #diensten .subItem h2{
	padding-bottom:40px;
	z-index:5;
	position:relative;
	width:355px;
}
#over_ons .subItem .details, #diensten .subItem .details{
	font-family:"Courier New", Courier, monospace;
	font-size:11px;	
	float:left;
	width:120px;
}
#over_ons .subItem .details .schuin, #diensten .subItem .details .schuin{
	font-style:italic;
	text-decoration:underline;	
}
#over_ons .subItem .omschrijving, #diensten .subItem .omschrijving{
	float:left;
	margin-left:30px;
	line-height:17px;	
	font-size:11px;
	z-index:5;
	position:relative;
}
#over_ons #overKomma.subItem .omschrijving{ margin-left:0; }

#over_ons .subItem .omschrijving .columnLeft,
#diensten .subItem .omschrijving .columnLeft{
	width:190px;
	float:left;
	margin-right:22px;
}
#over_ons .subItem .omschrijving .columnRight,
#diensten .subItem .omschrijving .columnRight{
	width:190px;
	float:left;
}
#over_ons #onzeWerkwijze.subItem .onzeWerkwijzeOmschrijving{
    position: absolute;
    right: 100px;
    top: 147px;
    width: 317px;
    z-index: 5;
	font-size:11px;
}
#over_ons #onzeWerkwijze.subItem h2{
	padding-bottom:20px;
}
#over_ons #onzeWerkwijze.subItem .details{
	width:150px;
}
#over_ons #onzeWerkwijze.subItem .onzeWerkwijzeNummers{
	position:relative;
	z-index:5;
	float:left;
	margin-top:50px;
	margin-bottom:10px;
	width:619px;
	height:43px;
	background:url(/img/komma_sprite.png) no-repeat 0 -198px;
}
#over_ons #onzeWerkwijze.subItem .onzeWerkwijzeTekst{
	float:left;
}
#over_ons #onzeWerkwijze.subItem .onzeWerkwijzeTekst p{
	font-size:11px;
}
#over_ons #onzeWerkwijze.subItem .onzeWerkwijzeTekst .fase{
	float:left;
	width:120px;
	padding-right:27px;
}
#over_ons #onzeWerkwijze.subItem .onzeWerkwijzeTekst .last{
	padding-right:0px;
}
#over_ons #onzeWerkwijze.subItem .onzeWerkwijzeTekst .fase h3{
	padding-bottom:35px;
}
#over_ons .dienstenSeparator, #diensten .dienstenSeparator{
	float:left;
	width:725px;
	height:30px;
	margin-bottom:110px;
	background:url(/img/komma_sprite.png) no-repeat 0 -243px;
	margin-left:151px;
	margin-top:11px;
}
#over_ons .dienstenSeparator.last, #diensten .dienstenSeparator.last{
	margin-bottom:0;	
}

#over_ons ul.partners li{
	margin-left:12px;
	list-style-image:url(/img/li_dot.gif);		
}
#over_ons ul.partners li a{
	text-decoration:none;
}
#over_ons ul.partners li a:hover{
	text-decoration:underline;
}
.dienstenSeparator .breadCrump{
	float:left;
	font-size:11px;	
	color:#D9E4E8;
	margin-left:11px;
	font-family: PFDinTextPro-Regular;
	font-weight: normal;
	font-style: normal;
}
.dienstenSeparator .breadCrump a{
	color:#D9E4E8;
	text-decoration:none;
}
.dienstenSeparator .breadCrump a:hover, .dienstenSeparator .breadCrump a.active{
	color:#006cb0;
}
#submenu.diensten{
	margin-top:296px;
}
#diensten #dienstenAlgemeen {
	width:717px;
	margin-bottom:195px;
}
#dienstenAlgemeen .headers{
	position:absolute;
	left:-153px;
	top:-14px;
}
#dienstenAlgemeen .headers h1, #dienstenAlgemeen .headers h2{
	width:310px;
}
#dienstenAlgemeen .headers p{
	width:260px;
	font-size:11px;	
}
#dienstenAlgemeen ul{
	float:right;
}
#dienstenAlgemeen li{
	position:relative;
	list-style:none;
	float:left;
	margin-left:10px;
	width:137px;
	cursor:pointer;
}
#dienstenAlgemeen li.first{
	margin-left:0;
}
#dienstenAlgemeen li .foto{
	display:block;
	float:left;
	background-color:#EFEFEF;
	width:137px;
	height:319px;
	overflow:hidden;
	position:relative;
}
#dienstenAlgemeen li .foto .blauw{
	float:left;
	width:137px;
	height:319px;
}
#dienstenAlgemeen li .foto .kleur{
	position:absolute;
	left:0;
	top:0;
	display:none;
	z-index:2;
	background-position:left bottom;
	width:137px;
	height:319px;
}
#dienstenAlgemeen li .titelNummer{
	position:absolute;
	width:40px;
	font-size:39px;
	line-height:45px;
	font-family: PFDinTextPro-Regular;
	font-weight: normal;
	font-style: normal;
	left:13px;
	top:294px;
	z-index:10;
}
#dienstenAlgemeen li .titelNummer em{
	background: url(/img/h1_backgr.gif) repeat-x scroll 0 100% transparent;
    padding-bottom: 9px;
    text-decoration: none;
	font-style: normal;
}
#dienstenAlgemeen li a.mainLink{
	font-size:13px;
	line-height:18px;
	font-family: PFDinTextPro-Regular;
	font-weight: normal;
	font-style: normal;
	float:left;
	display:block;
	margin-top:30px;
	text-decoration:none;
}
#diensten #dienstenAlgemeen .details {
	width:137px;
	margin-top:19px;
	line-height:20px;
	font-size:11px;
}
#dienstenAlgemeen a.link{
	width:24px;
	height:24px;
	display:block;
	float:left;
	margin-top:20px;
	margin-left:11px;
	background:url(/img/komma_sprite.png) no-repeat -86px -110px;
}
#dienstenAlgemeen li a.link:hover, #dienstenAlgemeen li:hover a.link{
	background-position:-86px -134px;
}
.naarPortfolio{
	position:relative;
	float:right;
}
.naarPortfolio a{
	width:137px;
	height:23px;
	display:block;
	background:0 0 no-repeat;
	text-indent:10px;
	line-height:23px;
	color:#fff;
	overflow:hidden;
	z-index:10;
	position:relative;
	text-decoration:none;
	font-family: PFDinTextPro-Medium;
	font-weight: normal;
	font-style: normal;
}
.naarPortfolio .backgrLicht{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(/img/komma_sprite.png) no-repeat -743px 0;
}
.naarPortfolio .backgrDonker{
	position:absolute;
	top:0;
	left:0;
	display:none;
	z-index:2;
	width:100%;
	height:100%;
	background:url(/img/komma_sprite.png) no-repeat -743px -24px;
}
.naarPortfolio:hover .backgrDonker{
	display:block;
}

/* Portfolio */

#gridMenu{
	position:absolute;
	right:-100px;
	top:38px;	
	width:81px;
}
#gridMenu a.grid{
	float:left;
	display:block;
	width:81px;
	height:27px;
	margin-bottom:12px;
	background:url(/img/komma_sprite.png) no-repeat -287px 0;
}
#gridMenu a.grid:hover{
	background-position:-287px -27px;
}
#gridMenu a.active_grid{
	background-position:-287px -54px;
}
#gridMenu a.list{
	float:left;
	display:block;
	width:81px;
	height:26px;
	background:url(/img/komma_sprite.png) no-repeat -434px 0;
}
#gridMenu a.list:hover{
	background-position:-434px -26px;
}
#gridMenu a.active_list{
	background-position:-434px -52px;
}

#portfolioMenu{
	float:left;
	margin-bottom:10px;
	margin-left: 5px;
    width: 872px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
#sort-by{
	float:right;
	margin-right:35px;
}
#sort-direction{
	float:right;
}
#sort-by li, #sort-direction li{
	margin-right:0;
	margin-left:9px;
}
li.generalBtn{
	color:#fff;
	font-size:11px;
	display:block;
	float:left;
	height:19px;
	padding-left:8px;
	cursor:pointer;
	position:relative;
	padding-right:7px;
	margin-right:9px;
}
li.generalBtn a{
	position:relative;
	z-index:10;
	color:#fff;
	text-decoration:none;
	height:19px;
	line-height:19px;
	display:block;
	padding-left:2px;
	padding-right:0px;
	line-height:19px;
	color:#fff;
	font-size:10px;
	font-family: PFDinTextPro-Medium;
	font-weight: normal;
	font-style: normal;
}
li.generalBtn span.left{
	position:absolute;
	top:0;
	left:0;
	height:19px;
	background: url(/img/komma_sprite.png) no-repeat -633px -151px;
	width:100%;
	z-index:1;
}
li.generalBtn span.right{
	position:absolute;
	top:0;
	right:0;
	width:13px;
	height:19px;
	z-index:5;
	background: url(/img/komma_sprite.png) no-repeat right -151px;
}
li.generalBtn span.darkLeft{
	position:absolute;
	top:0;
	left:0;
	height:19px;
	background: url(/img/komma_sprite.png) no-repeat -633px -174px;
	width:100%;
	z-index:1;
	display:none;
	z-index:8;
}
li.generalBtn span.darkRight{
	position:absolute;
	top:0;
	right:0;
	width:13px;
	height:19px;
	z-index:5;
	background: url(/img/komma_sprite.png) no-repeat right -174px;
	display:none;
	z-index:9;
}
li span.darkLeft{
	display:none;
}
li span.darkRight{
	display:none;
}

li.selected span.darkLeft{
	display:block !important;
}
li.selected span.darkRight{
	display:block !important;
}

/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
          transition-duration: 0s;
}
/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
          transition: none;
}
.element {
	cursor: pointer;
	width: 284px;
	height: 110px;
	margin: 5px;
	float: left;
	overflow: hidden;
	position: relative;
	background:url(/img/ajax-loader.gif) no-repeat center center;
}
.element *{
	position:absolute;
	margin:0;	
}

/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.height2{
	height:200px;	
}
.element p.number{
	display:none;	
}
.element h2.name{
	display:none;	
}
.nameTag{
	position:absolute;
	left:10px;
	bottom:10px;
	z-index:100;
	height:23px;
	padding-right:11px;
	display:none;
}
.nameTag .naam{
	position: relative;
	display:block;
	color:#fff;
	z-index:10;
	text-decoration:none;
	line-height:23px;
	height:23px;
    padding-left: 11px;
	font-size:12px;
	background: url(/img/komma_sprite.png) no-repeat -630px -72px;
	font-family: PFDinTextPro-Medium;
	font-weight: normal;
	font-style: normal;
}
.nameTag .tagBackgrRight{
	position:absolute;
	top:0;
	right:0;
	width:11px;
	height:23px;
	z-index:5;
	background: url(/img/komma_sprite.png) no-repeat right -72px;
	z-index:9;
}
#portfolio a.project_btn{
	float:left;
	display:block;
	height:100%;
	width:284px;
	overflow:hidden;
	position:relative;
}
#portfolio a.project_btn span{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	display:block;
	width:284px;
	height:100%;
	background-repeat:no-repeat;
}
#portfolio a.project_btn span.fade{
	display:none;
}
#portfolio a.project_btn span.hover{
	opacity:0;
	filter:alpha(opacity=0);
	z-index:5;	
}

#portfolio.list a.project_btn{
	float:left;
	display:block;
	height:125px;
	width:284px;
	overflow:hidden;
	position:relative;
}
#portfolio.list .element a.link{
	position:absolute;
	z-index:10;
	top:114px;
	left:130px;
	width:24px;
	height:24px;
	background:url(/img/komma_sprite.png) no-repeat -144px -110px;
}
#portfolio.list .element:hover a.link{
	background-position:-144px -134px;
}

#portfolio.list .element h2.name{
	display:block;
	float:left;
	margin-top:30px;
	text-decoration:underline;
	font-size:22px;
	line-height:25px;
	padding-bottom:24px;
	margin-left:12px;
	position:relative;
}
#portfolio.list .element p{
	float:left;
	position:relative;
	width:260px;
	margin-left:11px;
	padding-bottom:0;
	font-size:11px;
}
#portfolio.list .element br{
	position:relative;
}
#portfolio.list .element p a{
	text-decoration:none;
	position:relative;
}
#portfolio.list .element:hover p a{
	text-decoration:underline;
}
#portfolio.list .element a.textLink{
	position:absolute;
	bottom:50px;
	left:11px;
}

#portfolio.klanten .blauw{
	width:284px;
	height:171px;
	display:block;
	position:relative;
	background:no-repeat left top;
}
#portfolio.klanten .kleur{
	position:absolute;
	top:0;
	left:0;
	width:284px;
	height:171px;
	z-index:10;
	display:none;
	background:no-repeat left bottom;
}


/* ///////////////////// Contact ///////////////////// */

#contact{
	float:left;
	width:725px;
}
#contact .subItem{
	margin-left:5px;
	position:relative;
	margin-bottom:0;
	float:left;
	width:871px;
}
#contact #googlemaps{
	position:absolute;
	z-index:10;
	top:14px;
	right:0;
	width:580px;
	height:490px;
	overflow:hidden;	
}
#contact #googlemaps .gmnoprint{
	display:none !important;
}
#contact .omschrijving{
	float:left;
	line-height:17px;	
	font-size:11px;
	z-index:5;
	position:relative;
	width:278px;
	margin-top:25px;
}

#contact .contactInfo{
	float:left;
	line-height:17px;	
	font-size:11px;
	z-index:5;
	position:relative;
	width:260px;
	margin-top:53px;
}
#contact .contactInfo img{
	margin-bottom:35px;	
}
#markerContent h1{
	font-size:14px;
}
.fade{
	display:none;
}
#disclaimer, #algemene_voorwaarden, #viernulvier{
	width:450px;	
}
#disclaimer h2{
	font-size:18px;
	padding-bottom:10px;
	line-height:25px;
	margin-top:14px;
}
.loader{
	width:885px;
	height:30px;
	position:absolute;
	left:0;
	top:-5px;
	background:url(/img/ajax-loader.gif) no-repeat center center;
}