vhtml, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin:0;
	padding:0;
	
	}
body{
font-family: "Helvetica", Arial, Helvetica, Sans-serif;
line-height: 18px;
background-color:#323232;
color: #333;
font-size: 12px;

}

img {border:0; padding:0; margin:0; }

.logo a:link, .logo a:hover, .logo a:visited {border:0; padding:0; margin:0; }

ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;}

h1 {font-size : 22px; display: block; margin-bottom: 45px;}
h2 {font-size : 16px;}
h3 {color: #505050; font-size: 22px; display: block; margin-bottom: 15px; padding: 10px 0 10px 0; display: block;}
h4 {font-size : 16px;color: #fff; display: block; /*width: 240px;*/ font-weight: normal; background-color: #333; padding: 12px 10px 8px 10px; font-family: "Myriad Pro", Arial, Helvetica; clear:both;}
h5 {font-size : 18px; font-weight: bold;}
h6 {font-size : 14px; color: #C93; margin-bottom: 15px; margin-top: 15px;}
h7 {font-size : 13px; font-weight: bold;}

.clear{
	clear: both;}

.clearhomeslider{
	clear: both;
	height: 20px;}
	
.clearspace{
	clear: both;
	height: 45px;}
	
.clearspacebig{
	clear: both;
	height: 65px;}
	
	
.clearspacesmall{
	clear: both;
	height: 15px;}
	
.leesmeer{
	color:#990019;
	margin-top: 25px;}
	
.nadruk{
	font-weight: bold;}


/*.test img:hover{
opacity: 0.6;
}*/

a { text-decoration: none; }
a:link { color: #990019; font-weight: bold;}
a:visited { color: #990019; font-weight:bold; }
a:hover { color: #990019; border-bottom: 1px solid #990019;  }

/* +++++++++++++++++++ Header +++++++++++++++++++ */
#wrapheader{
	position: relative;
	width: 100%;
	background-image: url("/img/design/backheader.jpg");
	background-repeat: repeat-x;
	background-color: #323232;
	overflow: hidden;}


#header{
	position: relative;
	width: 960px;
	margin: 0 auto;
	height: 180px;}
	
.logo{
	float: left;
	margin-top: 14px;
	width: 355px;
	height: 144px;}

.slogan{
	float: left;
	margin: 20px 0 0 25px;
	width: 165px;
	color: #ffffff;
	font-family:  "Myriad Pro", Arial, Helvetica;
	font-size: 14px;
	line-height: 25px;}
	

/* +++++ Search +++++ */
   .search { 
float:right; width:220px; display:block; height:29px; margin-top: 15px; }

.search form { 
width:210px; margin:0; }

.s { 
width:210px; display:block; font-size:12px; color: #999; padding:5px 0px 5px 10px; float:left; border:0; height:19px;background:#575757; /*opacity: 0.5; -webkit-transition:opacity 0.3s linear;*/ }
/*
.s:hover{ 
opacity: 1; }*/

/*
.s:focus{ 
color:#333; border:solid 1px #1d2a32; opacity: 1; }*/

 .searchsubmit  { 
display:block; position:relative; float:right; right:5px; top:-23px; }

/* ===== Search ====== */

/* +++++ Nav +++++ */


#header #nav a.active {
	color: #900; /* or whatever style you'd want for the active page */
} 


#header ul#nav {
	position: relative;
	width: 585px;
	float: right;
	left: 0px;
	top: 80px;
	height: 24px;
		} 
	

/*
#header ul#nav {
	position: absolute;
	width: 580px;
	float: right;
	text-align: right;
	left: 373px;
	top: 120px;
	height: 24px;
	background-color: red;
	} */
	
#header ul#nav li {
float: left; list-style: none; display: inline;	display:block;	}


#header ul#nav li a {
display: block; height: 20px; margin: 0 0 0 20px; padding: 5px 0 0 0; font-size: 14px; color: #fff;  text-decoration: none; text-align: right;	display: inline;	}

#header ul#nav li a:hover, #header ul#nav li a.active {color: #C00; border-bottom: 1px solid #C00; }

.imghome {
		display: block; width: 23px; height: 23px; float: left; margin: 0 0 0 0; margin-top:-5px; padding: 0;
			}
/* ===== einde nav ====== */

/* ============= einde Header ================== */


/* +++++++++++++++++++ Slider +++++++++++++++++++ */
#wrapslide{
	position: relative;
	width: 100%;
	height: 286px;
	padding-top: 45px;
	background-image: url(/img/design/backslide.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	overflow: hidden;}


#slide{
	position: relative;
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;}
	
.slide{
	float: left;
	background-color:#414141; 
	width: 700px;
	height: 250px;}

.titel{
	float: left;
	background-color: #000000; 
	width: 220px;
	height: 15px;
	padding: 25px 20px 20px 20px;
	color: #FFF;}

.uitleg{
	float: left;
	background-color:#414141; 
	width: 220px;
	height: 150px;
	padding: 20px;}

.uitleg p{
	color: #ffffff;
	height: 10px;}

a.imglink{
	display: block;
	float: left;
	border: solid 1px white;
	width: 60px;
	height: 50px;
	margin-right: 20px;}

a.imglinkr{
	display: block;
	float: left;
	border: solid 1px white;
	width: 60px;
	height: 50px;
	margin-right: 0px;}

/*
a.imglink img:hover, a.imglinkr img:hover{
opacity: 0.6;
}*/

.thumbnails p{
display: block;
margin-top: 15px;
}


/*#thumbnails a:link{
color: #ffffff;
}*/


.thumbnails a:hover{
	/*
color: #ffffff;
color: #C00;
border-bottom: 1px solid #C00;*/}	

.linkwit a:link, .linkwit a:visited{
color: #FFF;}	



.linkwit a:hover{
color: #C00; border-bottom: 1px solid #C00;}

	
/* ============= einde slider ================== */



/* +++++++++++++++++++ inhoudhomepg +++++++++++++++++++ */
#inhoud {
	position: relative;
	width: 960px;
	margin: 0 auto;
	margin-top: 45px;}		
	
#wrapinhouddiensten {
	position: relative;
	width: 960px;
	margin: 0 auto;
	margin-top: 20px;}	


#inhoud {
	position: relative;
	width: 740px;
	float: left;}		



.grafontwerp{
	position:relative;
	float: left;
	width: 152px;
	margin-right: 18px;
	padding: 0px 25px 0 0;}	

.marketing{
	position:relative;
	float: left;
	width: 152px;
	margin-right: 0;
	padding: 0px 25px 0 0;}	
												
.grafontwerp p, .marketing p{
	font-size: 12px;
	padding-top: 20px;}	

.marketing{
	position:relative;
	float: left;
	width: 157px;
	margin-right: 0;
	padding: 0px 20px 0 0;}	

.inhoud{
	position:relative;
	float: left;
	width: 500px;
	margin-right: 0;
	padding: 0;}	

.veelgesteldevragen{
	position:relative;
	float: left;
	width: 500px;
	margin-right: 0;
	padding: 0;}
	
.vragenlijst{
	margin-bottom: 45px;}


.plinks{
	float: left;
	width: 225px;}


.prechts{
	float: right;
	width: 50px;}

.imgrechts{
	float: right;}
	

	

/* ============= einde inhoudhomepg ================== */


/* +++++++++++++++++++ wrapinfo +++++++++++++++++++ */
#inhoudbasis {
	position: relative;
	width: 100%;
	margin: 0 auto;
	background-color: #ffffff;
	/*
	background-color: #f4f4f4;
	*/overflow: hidden;
	padding-bottom: 45px;}


#wrapinfo {
	width: 960px;
	margin: 0 auto;
	margin-top: 90px;}


/* +++++++++++++++++++ links +++++++++++++++++++ */
#links {
	position: relative;
	width: 700px;
	float: left;}	
	
.aanpakintro{
	position:relative;
	float: left;
	width: 275px;
	margin-right: 50px;
	padding: 0px 25px 0 0;}		
	

.aanpaknieuws{
	position:relative;
	float: left;
	width: 275px;
	margin-right: 50px;
	padding: 0px 25px 0 0;}		
		
.faqintro{
	position:relative;
	float: left;
	width: 275px;
	margin-right: 50px;
	padding: 0px 25px 0 0;}	
	

/* ============= einde links ================== */

/* +++++++++++++++++++ rechts +++++++++++++++++++ */
#rechts {
	position: relative;
	width: 260px;
	float: left;}

.nbhome {
	position: relative;
	width: 260px;
	float: left;}

input.nbveld {
	width: 100px;}

.homerechtstop{
	position: relative;
	width: 260px;
	float: left;}

.homerechts{
	position: relative;
	width: 260px;
	float: left;
	margin-top: 30px;}

.large{
	margin-top: 10px;}
	

/* ============= einde rechts ================== */


/* ============= einde wrapinfo ================== */
		


/* +++++++++++++++++++ inhoud +++++++++++++++++++ */

#wrapinhoud{
	position: relative;
	width: 960px;
	margin: 0 auto;
	margin-top: 20px;}	


.inhoudlinks {
	float: left;
	width: 200px;}	

.inhoudlinks p {
	width: 120px;}	

.inhoudrechts {
	float: left;
	width: 750px;}	
	

.entry {
	margin-bottom: 45px;}	
	
#wrapinhoud ul {
	margin-bottom: 25px;}

#wrapinhoud ul li{
	list-style: none;}	

#wrapinhoud ul li a{
	list-style: none;
	font-weight: bold;}	


/* ============= einde inhoud ================== */
	

/* +++++++++++++++++++ inhoudspg +++++++++++++++++++ */

#inhoudspg {
	position: relative;
	width: 100%;
	margin: 0 auto;
	background-color: #ffffff;
	/*
	background-color: #f4f4f4;*/
	overflow: hidden;
	padding-bottom: 45px;}


#wrapinhoudspg{
	position: relative;
	width: 960px;
	margin: 0 auto;
	margin-top: 20px;}	

#inhoudcopy{
	position: relative;
	width: 480px;
	float: left;
	margin-top: 5px;}
	
#inhoudcopy img{
	border: solid 1px #CCC;
	margin: 10px 0 10px 0;}	
	
	
#inhoudcopy p img{
	border: solid 1px #CCC;
	margin: 10px 0 10px 0;}	

.algtekst{
	/*padding: 10px 0 10px 0;*/
	margin-bottom: 0;}	
	
#inhouddrukwerk{
	position: relative;
	width: 480px;
	float: left;
	margin-top: 5px;}	

#inhouddrukwerk ul li{
	margin-left: 10px;}


.inhouddrukwerkdetail{
	position: relative;
	float: left;
	width: 215px;
	height: 150px;
	background-color: #f1f1f1;
	border: 1px solid #CCC;
	padding: 10px;
	margin: 7px 0 0 0;}	

.inhouddrukwerkdetailr{
	position: relative;
	float: right;
	width: 215px;
	height: 150px;
	background-color: #f1f1f1;
	border: 1px solid #CCC;
	padding: 10px;
	margin: 7px 0 0 0;}

.icondrukwerk{
	position: relative;
	float: right;
	vertical-align: top;
	}

.inhouddrukwerkreferenties img{
	position: relative;
	float: left;
	width: 167px;
	height: 127px;
	background-color: #f1f1f1;
	border: 1px solid #CCC;
	margin: 25px 22px 0 0;}	
	
	
	
	
	
#inhoudsignalisatie{
	position: relative;
	width: 480px;
	float: left;
	margin-top: 5px;}	
	
#inhoudsignalisatie ul li{
	margin-left: 20px;}		
	

.signalisatietekst{
	width: 540px;
	padding: 10px 0 10px 0;
	margin-bottom: 0;}	
	
.signalgtekst{
	position: relative;
	float: left;
	width: 540px;
	padding: 10px 0 10px 0;
	margin-bottom: 0;}	
	

.inhoudsignalisatie{
	width: 540px;
	padding: 10px 0 10px 0;
	margin-bottom: 0;}	


.inhoudsignalisatiereferenties{
	position: relative;
	float: left;}	

.inhoudsignalisatiereferenties img{
	position: relative;
	float: left;
	width: 167px;
	height: 127px;
	background-color: #f1f1f1;
	border: 1px solid #CCC;
	margin: 25px 22px 0 0;}	
	
	
		
	
.faqvraag p{
	color: #900;
	font-size: 18px;
	font-weight: bold;}		
	
.faqvraag a{
	color: #900;
	font-size: 18px;
	font-weight: bold;
	display: block;
	margin-top: 65px;
	text-decoration: none;
	border-bottom: none;}

#inhoudcopy #inhoudcopy a:hover.faqantwtitel{
	text-decoration: none;
	border-bottom: none;
	border:none;}
	
#inhoudcopy #inhoudcopy a.faqantwtitel{
	text-decoration: none;
	border-bottom: none;
	border:none;
	color: #333;}
	

.faqantwoord p{
	margin-top: 15px;}	

.spatie{
	clear: both;
	height: 45px;}
		
	
#inhoudcopy a:link{text-decoration: none; }
#inhoudcopy a:link { color: #990019; font-weight: bold;}
#inhoudcopy a:visited { color: #990019; font-weight:bold; }
#inhoudcopy a:hover { color: #990019; border-bottom: 1px solid #990019;  }




#rkolom{
	position: relative;
	width: 195px;
	float: right;
	margin-left: 35px;}


#rkolom a:link, #rkolom a:visited{
	font-size: 10px;}
	
	/*
#rkolom, #rkolom p a:visited{
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;}*/
	



#inhoudcontact{
	position: relative;
	width: 960px;
	float: left;
	margin-top: 5px;}	


#inhoudcontactlinks{
	position: relative;
	width: 455px;
	float: left;
	margin-top: 5px;}	

#inhoudcontactrechts{
	position: relative;
	width: 455px;
	float: left;
	margin-top: 5px;}	

.mapgoogle{
	border: solid black 1px;
	width: 300px;
	height: 150px;}	

	

/* +++++++ menu +++++++++ */

#hetmenu {
	position: relative;
	width: 220px;
	float: left;
	font-size: 12px; }
	
	
#hetmenu ul#menu {
	width:200px; 
	float: left; 
	margin: 0px 0 0px 0px; 
	text-align: left;}
	
	
#hetmenu ul#menu li {
	float: left; 
	list-style: none;
	text-align: left;}

#hetmenu ul#menu li a {
	display: block; 
	height: 16px;
	width: 170px;
	margin: 0 0 5px 0; 
	padding: 10px 0px 10px 10px; 
	color: #666; 
	text-decoration: none; 
	text-align: left;
	background-color: #EDEDED;}

#hetmenu ul#menu li a:hover, #hetmenu ul#menu li a.active {
	background-color: #ccc;
	text-decoration: none;
	border-bottom: none;
	color: #900;}


#hetmenu ul#submenu {
	width:200px; 
	float: left; 
	margin: 0px 0 0px 0px; 
	text-align: left;
	margin-bottom: 10px;}
	
	
#hetmenu ul#submenu li {
	float: left; 
	list-style: none;
	text-align: left;}

#hetmenu ul#submenu li a {
	display: block; 
	height: 10px;
	width: 120px;
	margin: 0 0 5px 0; 
	padding: 5px 0px 5px 10px; 
	color: #666; 
	text-decoration: none; 
	text-align: left;
	background-color: #ffffff;}

#hetmenu ul#submenu li a:hover, #hetmenu ul#submenu li a.active {
	color: #900;
	background-color: #ffffff;}



/* ===== einde menu ===== */


		
	
/* ============= einde inhoudspg ================== */
	


/* +++++++++++++++++++ wrapfooter +++++++++++++++++++ */
#wrapfooter {
	position: relative;
	width: 100%;
	background-color: #323232;
	margin-top: 25px;}

#footer {
	width: 960px;
	margin: 0 auto;
	color: #CCC;
	padding-top: 10px;}


#containerfooter p {
	padding-top: 25px;
	color:#fff;	}			
 
.footerleft {
	position:relative;
	float: left;
	width: 330px;
	margin-right: 20px;	}	
		
.footermiddle {
	position:relative;
	float: left;
	width: 330px;
	margin-right: 20px;	}	
	
.footermiddle a:link, .footermiddle a:visited {
	color: #FFF;
	font-weight: bold;}
		
		
.footerright {
	position:relative;
	float: left;
	width: 260px;
	text-align: left;}	
	
.footerright a:link{
	font-weight: bold;}	
	
#footer a {
	color: #FFF;}
	
#footer a:link {
	color: #FFF;
	font-weight: bold;}

.footerlink a {
	color: #FFF;
	font-weight: bold;}
	
.footerlink a:link, .footerlink a:visited {
	color: #FFF;
	font-weight: bold;}
	
	
#footer a:hover{
	color: #C00;
border-bottom: 1px solid #C00;}	

.feweb{
	display: block;}

.ee{
	display: block;
	margin-top: 10px;}	



/* ============= einde wrapfooter ================== */

.slideshowContainer {
	float: left;
	width: 700px;
	height: 250px;
	
}

.loading {
	background: url(images/loading.gif) center no-repeat;
}

.slideshowThumbnail {
	outline: none;
}

.slideshowThumbnail img {
	padding: 4px;
	position: relative;
	float: left;
}

a:hover.slideshowThumbnail img {
	
}

.current img {
	padding: 5px;
}

.outline {
	z-index: 0;
	position: absolute;
}





/* start paginas ============================= */


/* +++++++++++++++++++ onsaanbod +++++++++++++++++++ */

#onsaanbod {
	position: relative;
	width: 100%;
	margin: 0 auto;
	background-color: #FFF;/*
	background-color: #f4f4f4;*/
	overflow: hidden;
	padding-bottom: 45px;}


#wraponsaanbod{
	position: relative;
	width: 960px;
	margin: 0 auto;
	margin-top: 35px;}	


/* -------------------- einde onsaanbod ---------------------- */

/* +++++++++++++++++++ contact +++++++++++++++++++ */

input#subject, input#from {
	padding: 5px;
	margin-top: 5px;
	font-size: 12px;
	width: 330px;}


textarea#message{
	padding: 5px;
	margin-top: 5px;
	font-family: "Arial", Helvetica, Sans-serif;
line-height: 18px;
color: #333;
font-size: 12px;
width: 330px;
height: 200px;}


/* +++++++++++++++++++ portfolio +++++++++++++++++++ */

#portfoliomain{
	position: relative;
	width: 730px;
	float: left;}


/*
#portfolio{
	position: relative;
	width: 730px;
	float: left;}*/

#portfolio-graf, #portfolio-web, #portfolio-drukw, #portfolio-sign, #portfolio-mark{
	position: relative;
	width: 730px;
	float: left;}
	

#inhoudportfolio2{
	position: relative;
	width: 960px;
	float: left;
	margin-top: 5px;
	clear: both;}



#inhoudportfolio{
	position: relative;
	width: 960px;
	float: left;
	margin-top: 5px;}

.naventry{
	position: relative;
	width: 740px;
	margin-bottom: 30px;
	float: left;}
	
.previous a{
	display: block; 
	height: 16px;
	width: 70px;
	margin: 0 0 5px 0; 
	padding: 10px 0px 10px 10px; 
	color: #666; 
	text-decoration: none; 
	text-align: left;
	background-color: #EDEDED;
		}

	
.previous{
	position: relative;
	float: left;
	margin-right: 10px;
	padding-right: 10px;
		}

.next a{
	display: block; 
	height: 16px;
	width: 70px;
	margin: 0 0 5px 0; 
	padding: 10px 0px 10px 10px; 
	color: #666; 
	text-decoration: none; 
	text-align: left;
	background-color: #EDEDED;
		}

.next{
	position: relative;
	float: left;
	margin-right: 10px;
	padding-right: 10px;
		}


.previous a:hover, .previous a.active, .next a:hover, .previous a.active {
	background-color: #ccc;
	text-decoration: none;
	border-bottom: none;
	color: #900;}


.portfolio p{
	font-size: 12px;}	
	

.portfolio a:hover{
	text-decoration: none;
	border-bottom: none;}
	

#onsaanbod #wraponsaanbod #inhoudcopy a:hover.faqvraag{
	text-decoration: none;
	border-bottom: none;
	border:none;}


.portfolio-thumbnail{
	width: 220px;
	height: 160px;
	position: relative;
	float: left;
	margin: 0 0 20px 20px;
	text-decoration: none;
	border: solid #CCC 1px;}


.faqvraag{
	text-decoration: none;
	border-bottom: none;
	border:none;}
	
	
a.faqvraag, a:hover.faqvraag{
	text-decoration: none;
	border-bottom: none;
	border:none;
	color: #333;}

.portfolio-case{
	position: relative;
	width: 280px;
	float: left;
	margin-right: 35px;
	background-color: #EFEFEF;
	border: solid #CCC 1px;
	padding: 15px 25px 10px 10px;}

.portfolio-afb{
	position: relative;
	width: 600px;
	float: right;}

.portfolio-afb img{
	position: relative;
	width: 600px;
	float: right;
	border: solid #ccc 1px;}


.firma{
	margin-top: 35px;
	margin-bottom: 5px;
	font-weight: bold;}

.uitgevoerd{
	margin-top: 35px;
	margin-bottom: 5px;}

.bestelde{
	margin-top: 35px;
	margin-bottom: 5px;
	color: #666;}
	
.gerelateerd{
	margin-top: 35px;
	margin-bottom: 5px;}

.firma p, .uitgevoerd p, .bestelde p, .gerelateerd p{
	margin-top: 5px;
	margin-bottom: 5px;}

.ptitel{
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 25px;}





#inhouddoc{
	position: relative;
	width: 740px;
	float: left;}


#inhoudaanpak{
	position: relative;
	width: 480px;
	float: left;}
	
#inhoudaanpak img{
	border: solid #ccc 1px;
	margin: 10px 0 10px 0;}
	
.inhoudaanpaknieuws{
	position: relative;
	width: 480px;
	float: left;
	padding-bottom: 25px;
	margin-bottom: 65px;
	border-bottom: solid 1px #ccc; }




.overartikel{
	color: #999;
	position: relative;
	padding: 0 0 35px 0;}
	


#inhoudnieuws{
	position: relative;
	width:480px;
	float: left;
	margin-top: 5px;
	padding-bottom: 25px; }
	
#inhoudnieuws img{
	border: solid 1px #CCC;
	margin: 10px 0 10px 0;}	
	
	
#inhoudnieuws p img{
	border: solid 1px #CCC;
	margin: 10px 0 10px 0;}	

.artikelnieuws{
	position: relative;
	width: 480px;
	float: left;
	padding-bottom: 25px;
	margin-bottom: 65px;
	border-bottom: solid 1px #ccc; }

.sitemap {
	font-size: 11px;
	line-height: normal;}
	
.sitemap ul{
	margin-left: 35px; }
	
	.inhoudvragen{
	position: relative;
	width: 540px;
	float: left;
	margin-top: 5px;}
	
	.pwistjedat{
	margin-top: 15px;}
	
	.date{
	margin-top: 15px;}