:link,:visited{text-decoration:none}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6,pre,code{font-size:1em;font-weight:normal;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0;padding:0}
a img,:link img,:visited img{border:none}
address{font-style:normal}
table,tr,td,th{border:0px;padding:0px;margin:0px;vertical-align:top;text-align:left;}
table{border-collapse:collapse;}

body,html{margin:0;padding:0;font:12px helvetica,arial, sans-serif; color:#666;background-color:#fff;line-height:20px;}

h1{font-size:30px;color:#d2232a;margin-bottom:25px;padding:3px 0;}
h2{font-size:16px;color:#d2232a;margin:20px 0;}
h3{font-size:16px;font-weight:bold;color:#231f20;margin-bottom:20px;}

p{margin-bottom:1em;}
p.intro{font-size:15px;font-weight:bold;color:#231f20;}

ul{margin-bottom:1em;}
a{color:#d2232a;}
a:hover{text-decoration:underline;}
.clear{clear:both;}

a.email{background: url("../images/email.gif") no-repeat scroll 0 5px transparent;padding: 3px 0 3px 18px;color:#777;text-decoration:underline;}
a.email:hover{color:#231F20;background-position: 0 -15px;}


a.linkedin{background: url("../images/linkedin.gif") no-repeat scroll 0 3px transparent;padding: 3px 0 3px 18px;color:#777;text-decoration:underline;}
a.linkedin:hover{color:#231F20;background-position: 0 -17px;}

#header{height:130px;background-color:#fff;border-bottom:solid 1px #e1e1e1;}
	#header .wrapper{width:960px;margin:auto;}

	#header .logo{float:left;display:block;width:327px;height:44px;background: url('../images/logo-top.gif') no-repeat;text-indent:-5000px;margin-top:45px;}
	#header .nav{float:right;margin-top:50px;}
	#header .nav li{display:block;float:left;height:33px;}
	#header .nav li a{display:block;height:33px;text-indent:-5000px;background: url('../images/nav-bg.png') no-repeat;display:block;}
	
	#header .nav li a.home{width:62px;background-position:0 -40px;}
	#header .nav li a.mediacompany{width:85px;background-position:-62px -40px;}
	#header .nav li a.visiemissie{width:114px;background-position:-190px -40px;}
	#header .nav li a.werkwijze{width:90px;background-position:-304px -40px;}
	#header .nav li a.klanten{width:76px;background-position:-394px -40px;}
	#header .nav li a.contact{width:82px;background-position:-470px -40px;}

	#header .nav li a.active.home{width:62px;background-position:0 -80px;}
	#header .nav li a.active.mediacompany{width:128px;background-position:-62px -80px;}
	#header .nav li a.active.visiemissie{width:114px;background-position:-190px -80px;}
	#header .nav li a.active.werkwijze{width:90px;background-position:-304px -80px;}
	#header .nav li a.active.klanten{width:76px;background-position:-394px -80px;}
	#header .nav li a.active.contact{width:82px;background-position:-470px -80px;}

	#header .nav li a.home:hover{background-position:0 -80px;}	
	#header .nav li a.mediacompany:hover{background-position:-62px -80px;}
	#header .nav li a.visiemissie:hover{background-position:-190px -80px;}
	#header .nav li a.werkwijze:hover{background-position:-304px -80px;}
	#header .nav li a.klanten:hover{background-position:-394px -80px;}
	#header .nav li a.contact:hover{background-position:-470px -80px;}
	
#showcase{width:100%;height:370px;position:relative;margin:0;overflow:hidden;background: url(../images/case-bg.png) repeat-x;}
	#showcase .slider{width:1500px;height:370px;overflow:hidden;position:absolute;left:50%;margin-left:-750px;z-index:1000;}
	#showcase .cases{width:8000px;position:absolute;left:50%;margin-left:-750px;height:370px;overflow:hidden;}
	#showcase .topShade{height:14px;width:100%;background: url('../images/shade-top.png') repeat-x 0 0;position:absolute;z-index:1100;}
	#showcase .bottomShade{height:27px;width:100%;background: url('../images/shade-bottom.png') repeat-x 0 20px;position:absolute;bottom:0;z-index:1100;border-top:solid 1px #e3e3e3;padding-top:5px;}
	#showcase .bottomShade .wrapper{width:960px;margin:auto;position:relative;}
	#showcase .selector{width:160px;position:absolute;right:0;}
		#showcase .selector li{display:inline-block;margin:5px 5px 0 0;}
		#showcase .selector li.last{margin-right:0;}
		#showcase .selector a{display:block;text-indent:-5000px;width:30px;height:10px;color:transparent;opacity:0.25;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);border:solid 1px #fff;border-radius:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;background-color:#666;}

		#showcase .selector li a.active{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);background-color:#333;}
		#showcase .selector li a:hover{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);}

		#showcase .case{position:relative;float:left;display:inline;height:370px;top:0;left:0;z-index:100;width:1500px;}
		#showcase .case .bg{position:absolute;top:0;z-index:110;}
		#showcase .case .person{position:absolute;top:0;left:0px;z-index:120;}

		#showcase .case .spacer{position:absolute;z-index:120;width:700px;top:50px;left:-150px;}
			#showcase .case .text{display:block;}

#whitepaper{width:270px;padding:15px;background-color: #231f20;position:absolute;left:50%;margin-left:-480px;z-index:10000;top:160px;border-radius:15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;color:#fff;}
	#whitepaper h2{margin:0 0 10px 0;font-size:20px;}
	#whitepaper legend{color:#fff;}
	#whitepaper input[type="text"], #whitepaper textarea {width: 255px;float:left;}
	#whitepaper .closewp{color:#fff;position:absolute;top:10px;right:10px;}

#bottomHome{width:960px;margin:auto;}

#caseSlider{width:960px;margin:auto;height:90px;}
	#caseSlider .slider{width:960px;height:90px;overflow:hidden;}

	#caseSlider ul{width:10000px;}
	#caseSlider li{width:85px;height:110px;float:left;margin-right:24px;position:relative;}
	#caseSlider a{background: url(../images/case-masker.png) no-repeat 0 0;display:block;width:85px;height:110px;position:absolute;top:0;right:0;z-index:1000;overflow:hidden;text-indent:-5000px;}
	#caseSlider a:hover{background-position:0 -139px;}
	#caseSlider img{position:absolute;top:50%;margin-top:-50px;left:50%;margin-left:-50px;z-index:900}
	#caseSlider .img{display:block;width:85px;height:55px;overflow:hidden;position:relative;z-index:900;}
	#caseSlider .txt{display:block;width:200px;position:absolute;left:50%;margin-left:-100px;z-index:1100;top:65px;text-align:center;line-height:13px;font-size:11px;color:#fff;text-indent:-5000px;}
	#caseSlider .txt.hover{color:#999;text-indent:0;}

#cols{width:960px;margin:auto;z-index:1000;height:140px;}
	#cols .col{width:265px;height:315px;margin:0 0 20px 0;padding:20px;border-radius:15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border:solid 1px #eeeeee;float:left;background: url(../images/verloop-bg.png);}
		#cols .col.second{height:183px;}
		#cols .col.printedin{background: url(../images/printed-bg.png);height:70px;float:left;}
		#cols .col.last{float:right;}
		#cols .col.opened{height:200px;}
	
	#cols .col h3{font-size:20px;margin:0 0 15px 0;}
	#cols .col h4{color:#231f20;font-weight:bold;font-size:14px;border-top:solid 1px #eee;padding-top:15px;}
	#cols .col p{color:#818286;font-size:13px;margin-bottom:5px;text-align:left;}
	#cols .col ul{margin-top:15px;}	

	#cols .middle{float:left;margin-left:20px;width:265px;}
		#cols .printedin h3,#cols .printedin p{color:#fff;}
		#cols .printedin a{color:#231f20;}
	
	.pointer{margin:0;}
	.pointer a{background: url('../images/block-pointer.png') no-repeat 0 2px;padding-left:10px;}
	.pointer.inline{float:left;width:130px;}
	
	.lbl{background: url('../images/labels.png') no-repeat;text-indent:-5000px;height:20px;display:block;}
	.lbl.marketing{width:200px;background-position:0 0;}
	.lbl.interactive{width:200px;background-position:0 -30px;}
	.lbl.printmedia{width:200px;background-position:0 -60px;}

#bar{height:50px;background:#231f20 repeat-x 0 0;position:relative;}
	#bar .subnav{width:960px;margin:auto;position:absolute;bottom:0;left:50%;margin-left:-480px;}
	#bar .subnav li{display:inline;float:left;margin-right:5px;}
	#bar .subnav a{display:block;padding:8px 15px;color:#fff;border-radius:10px 10px 0 0;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius:10px 10px 0 0;}
	#bar .subnav a.active,#bar .subnav a.active:hover{color:#231f20;background-color:#fff;}
	#bar .subnav a:hover{color:#fff	;background-color:#818285;text-decoration:none;}
	
#breadcrumbs{width:960px;margin:10px auto;height:25px;border-bottom:solid 1px #f2f2f2;position:relative;}
	#breadcrumbs ul{width:310px;height:25px;}
	#breadcrumbs li{display:inline;}
	#breadcrumbs a{padding-right:15px;margin-right:5px;background: url(../images/nav-pointer.gif) no-repeat 100% 1px;}

#content{width:960px;margin:40px auto;}	
	#content.home{margin-top:25px;}
	#content .leftCol{float:left;width:620px;margin-bottom:40px;}
	#content .leftCol.stretched{width:100%;}
		#content .leftCol .leftleft{width:300px;float:left;}
		#content .leftCol .leftright{width:300px;float:right;}
		#content .leftCol li{background: url(../images/bull.gif) no-repeat 0 7px;padding-left:15px;}
	
	#content .rightCol{float:right;width:310px;margin-bottom:40px;padding-top:50px;}
	
	#content .blocks{clear:both;}
	#content .blocks p{text-align:left;}
	#content .blocks img{width:60px;}
	
	.attention{width:276px;margin-right:20px;border-radius:15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;color:#fff;padding:15px;float:left;position:relative;height:85px;}
	.attention.first{margin-bottom:30px;}
	.attention.last{margin:0 0 30px 0;float:right;}
	.attention h3{font-size:14px;font-weight:bold;margin:0;color:#fff;margin-bottom:5px;}
	.attention p{margin-bottom:0;}
	.attention a{color:#231f20;font-weight:bold;}
	.attention a:hover{text-decoration:underline;}
	
	.attention.red{background-color:#d62825;height:auto;}
		.attention.red h2{color:#fff;margin:0 0 10px;font-size:20px;}
		.attention.red ul{margin-bottom:0;}
		.attention.red li{background: url(../images/bull-white.gif) 0 7px no-repeat;padding-left:10px;}
	.attention.grey{background-color:#eee;color:#818286;}
	.attention.grey h3{ color: #231F20;}
	.attention.black{background-color:#231f20;color:#fff;}
		.attention.black a{color:#d62825;}
		
	/*#content .klantoverzicht li{float:left;width:143px;height:70px;margin:0 18px 20px 0;background:none;padding:0;border:solid 1px #f2f2f2;border-radius:10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
	#content .klantoverzicht li.last{float:right;margin-right:0;}
		#content .klantoverzicht a{display:block;width:120px;height:50px;margin:0 20px 20px 0;padding:10px;}
		#content .klantoverzicht a:hover{border:solid 1px #ccc;}
		#content .klantoverzicht li img{display:block;margin:2px auto 0 auto;}
	
	#content .klantlijst{}
		#content .klantlijst a{color:#d62825;}
		#content .klantlijst a:hover{color:#818285;}
		#content .klantlijst a.active{color:#231f20;}*/
		
		
	#content .klantoverzicht li{float:left;width:143px;height:70px;margin:0 20px 20px 0;background:none;padding:0;}
		#content .klantoverzicht li.last{margin-right:0;}
		#content .klantoverzicht a{display:block;width:120px;height:50px;margin:0 20px 20px 0;border:solid 1px #f2f2f2;padding:10px;border-radius:10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
		#content .klantoverzicht a:hover{border:solid 1px #ccc;}
		#content .klantoverzicht li img{display:block;margin:13px auto 0 auto;}
		#content .klantoverzicht li a img{display:block;margin:2px auto 0 auto;}
		

	#content .klantlijst{}
		#content .klantlijst a{color:#d62825;}
		#content .klantlijst a:hover{color:#818285;}
		#content .klantlijst a.active{color:#231f20;}
	
	#content .toRight{float:left;margin-right:10px;}
	
	#content .cols{margin-bottom:25px;}
		#content .col{float:left;margin:0 25px 5px 0;width:303px;padding-bottom:10px;border-bottom:solid 1px #f2f2f2;}
		#content .col.last{margin-right:0;}
		#content .col h2{font-size:20px;margin:0 0 10px 0;color:#231f20;}
		#content .col a{display:block;background: url(../images/red-link.png) no-repeat 0 4px;padding-left:10px;}
	
	#content .blocklist.inline{clear:both;height:140px;border-top:solid 1px #f2f2f2;padding-top:25px;position:relative;background: url(../images/devider-xl.png) no-repeat 50% 0;}
	#content .blocklist.inline .mask{overflow:hidden;}
	#content .blocklist.inline ul{width:10000px;}

	#content .blocklist li{display:inline;float:left;margin:0 25px 19px 0;width:303px;}
		#content .blocklist li.last{float:right;margin-right:0;}
		#content .blocklist .shade{background: url('../images/block-shade.png') no-repeat 0 0;height:6px;}
		#content .blocklist li a{display:block;width:303px;height:115px;border:solid 1px #e4e4e4;border-bottom:none;border-radius:10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;overflow:hidden;position:relative;text-decoration:none;}
		#content .blocklist span{display:block;position:absolute;top:120px;padding:20px 20px 15px 20px;z-index:1000;background: url(../images/white-transp.png);width:100%;color:#666;}
		#content .blocklist strong{display:block;color:#d62825;font-size:15px;}
		#content .blocklist img{border-radius:10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border:none;}	
		#content .blocklist .info{background-color:#d62825;color:#fff;padding:15px;width:273px;height:85px;border-radius:10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
		#content .blocklist .info a{display:inline;border:none;color:#fff;color:#231f20;}
		#content .blocklist .info a:hover{text-decoration:underline;}
		#content .blocklist .info h3{color:#fff;margin-bottom:10px;}
/*		#content .blocklist .info strong{color:#fff;display:block;font-size:15px;margin-bottom:5px;}
		#content .blocklist .info:hover{text-decoration:none;color:#231f20;}*/

		#content .blocklist a.grey{background-color:#eee;color:#818286;}
		#content .blocklist a.grey strong{color:#231f20;}
		
	#content .blocklist .left{position:absolute;left:-40px;top:65px;width:20px;height:35px;background: url(../images/block-movers.png) no-repeat 0 0;}
	#content .blocklist .right{position:absolute;right:-40px;top:65px;width:20px;height:35px;background: url(../images/block-movers.png) no-repeat -25px 0;}
	
	#content .blocklist .left:hover{background-position: 0 -39px;}
	#content .blocklist .right:hover{background-position: -25px -39px;}

		
#footer{clear:both;width:960px;margin:auto;border-top:solid 1px #f2f2f2;height:60px;position:relative;z-index:1000;color:#999;font-size:11px;}
	#footer p{margin-top:10px;width:830px;float:left;}
	#footer a{}
	#footer .nbs{margin-top:20px;float:left;width:800px;}
	#footer .social{margin:5px 0 0 0;float:right;width:70px;}
	#footer .social li{width:21px;float:left;margin-right:3px;}
	#footer .social li.last{margin-right:0;}
	#footer .social a{display:block;background: url('../images/social.png') no-repeat 0 0;width:22px;height:22px;margin:5px 5px 0 0;text-indent:-5000px;outline:0;color:transparent;}
	#footer .social a.fb{background-position: 0 -24px;}
	#footer .social a.in{background-position: -75px -24px;}
	#footer .social a.tw{background-position: -50px -24px;}
	#footer .social a.yt{background-position: -25px -24px;}	
	
	#footer .social a.fb:hover{background-position: 0 0px;}
	#footer .social a.in:hover{background-position: -75px 0px;}
	#footer .social a.tw:hover{background-position: -50px 0px;}
	#footer .social a.yt:hover{background-position: -25px 0px;}

/* contact form */
fieldset{margin-bottom:10px;border:none;position:relative;clear:both;}
legend{float:left;display:block;color:#1e1a1b;padding-top:5px;font-size:13px;}
span.desc{display:block;font-weight:normal;width:180px;height:auto;clear:both;color:#999;}
label{display:inline-block;width:100px;float:left;}
input,textarea{font:12px Helvetica, arial,sans-serif;letter-spacing: 0.01em;}

.formClass{padding:0 0 1em 0;}
	.formClass.contact{margin-top:70px;}
	.formClass p{margin-top:2px;float:left;padding:2px;text-align:left;}
	.formClass p.missed{}
	.formClass input[type="text"],.formClass textarea{border:solid 1px #ddd;width:610px;padding:6px;float:right;}
	.formClass select,.formClass .checkable{width:230px;float:right;margin-top:4px;}
	.formClass .checkable input{clear:both;}

	.formClass input:focus,.formClass textarea:focus{border:solid 1px #d62825;color:#231f20;background-color:#efefef;}
	.formClass input[type="submit"]{cursor:pointer;height:30px;width:109px;border:solid 1px #ddd;margin-top:10px;outline:0;float:right;border-radius:15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;font-size:13px;}
	.formClass input[type="submit"]:hover{background-color:#d62825;color:#fff;border:solid 1px #ac1816;}
	.formClass input.missed,.formClass textarea.missed{border:solid 1px #edaaaa;background-color:#edaaaa;}
	.formClass .clear{clear:both;}

#smsg{z-index:10000;position:absolute;top:225px;left:50%;margin-left:-430px;padding:10px 10px 0 10px;background:#FFF;border:solid 3px #f79027;}
#smsg h2{margin-top:0;padding-top:0;}