*{
	padding:0;
	margin:0;
	line-height:100%;
	outline:none;
	font-size:13px;
}
div{float:left;}
img{border:0;}
.clear{
	clear: both;
	width: 0;
	height:0;
	float: none;
}
img.pLeft{
	float: left;
	margin:0 10px 10px 0;
}
img.pRight{
	float: right;
	margin:0 10px 10px 0;
}
img.pLeftClear{
	float: none;
	display: block;
	margin:0 0 10px 0;
	clear: both;
}
body,input,textarea{font-family:Arial,sans-serif;}
body{
	background:#141314;
	color: #596369;
}
p,p a{
	line-height:1.4em;
	font-size: inherit;
}
strong,em{font-size: inherit;line-height: inherit;}
a,.werkwijze p span{
	color: #0b65b2;
	text-decoration: underline;
	cursor: pointer;
}
a:hover,.werkwijze p span:hover,.recentclient li a:hover{
	color:#005b6f;
}
#wrapper{
	width:100%;
	background:url(../images/header.png) #ffffff repeat-x;
}
#wrapperhome{
	width:100%;
	background:url(../images/headerhome.png) #ffffff repeat-x;
}
#wrapperwerkwijze{
	width:100%;
	background:url(../images/headerwerkwijze.png) #ffffff repeat-x;
}
#wrappercontact{
	width:100%;
	background:url(../images/headercontact.png) #ffffff repeat-x;
}
#wrapperportfolio{
	width:100%;
	background:url(../images/headerportfolio.png) #ffffff repeat-x;
}
#headerwrapper,#headerwrapperhome,#headerwrapperwerkwijze,#headerwrappercontact,#headerwrapperportfolio,#headerwrapperhomemid,#headerwrapperhomeav{
	width:100%;
	min-width:1000px;
}
#headerwrapper{background:url(../images/intro.png) center top no-repeat;}
#headerwrapperhomemid{background:url(../images/introhomemid.png) center top no-repeat;}
#headerwrapperhomeav{background:url(../images/introhomeav.png) center top no-repeat;}
#headerwrapperhome{background:url(../images/introhome.png) center top no-repeat;}
#headerwrapperwerkwijze{background:url(../images/introwerkwijze.png) center top no-repeat;}
#headerwrappercontact{background:url(../images/introcontact.png) center top no-repeat;}
#headerwrapperportfolio{background:url(../images/introshowcase.png) center top no-repeat;}
#container{
	width:953px;
	padding:0 20px;
	float: none;
	margin:0 auto;
}
#logo{
	width:106px;
	height:40px;
	margin-top:22px;
	float: left;
	display: block;
	overflow: hidden;
}
a#logo:hover{
	background: url(../images/webdesign-website-ontwikkeling.png) 0px -40px no-repeat;
}
a#logo:hover img{display: none;}
#menu{
	list-style: none;
	background:url(../images/menuline.png) 147px 0px no-repeat;
	float:left;
	width:700px;
	padding-left:147px;
	display: block;
}
#menu li a span{
	display: none;
}
#menu li,#menu li a{
	float:left;
	width:138px;
	height:70px;
	display: block;
}
#menu li{
	padding:0 2px 0 0;
	background:url(../images/menuline.png) right top no-repeat;
	height:85px;
}

#menu li a{
	padding-top:15px;
	background-repeat: no-repeat;
	background-image:url(../images/webdesign-website-ontwikkeling.png);
}
#menu li.home a{
	background-position:-106px 15px;
}
#menu li.home a:hover, #menu li.home a.cur{
	background-position:-106px -55px;
}
#menu li.diensten a{
	background-position:-246px 15px;
}
#menu li.diensten a:hover, #menu li.diensten a.cur{
	background-position:-246px -55px;
}
#menu li.showcase a{
	background-position:-386px 15px;
}
#menu li.showcase a:hover, #menu li.showcase a.cur{
	background-position:-386px -55px;
}
#menu li.werkwijze a{
	background-position:-526px 15px;
}
#menu li.werkwijze a:hover, #menu li.werkwijze a.cur{
	background-position:-526px -55px;
}
#menu li.contact a{
	background-position:-666px 15px;
}
#menu li.contact a:hover, #menu li.contact a.cur{
	background-position:-666px -55px;
}
.buttons{
	padding:169px 0 69px 0;
}
.showcasebuttons{
	width:953px;
	padding:0 0 76px 0;
}
.buttons a span{
	display: none;
}
.buttons a{
	display: block;
	float: left;
	height: 37px;
}
.buttons a.offerte{
	width:163px;
	margin-right:23px;
	background:url(../images/buttons.png) -120px 0px no-repeat;
}
.buttons a.diensten{
	width:120px;
	background:url(../images/buttons.png) no-repeat;
}
.buttons a.showit{
	width:129px;
	background:url(../images/portfolio/showit.png) no-repeat;
}
.buttons a.showit:hover{
	background-position:0 -37px;
}
.buttons a.offerte:hover{
	background-position:-120px -37px;
}
.buttons a.diensten:hover{
	background-position:0px -37px;
}
.categories div{
	width:221px;
	padding:0 23px 8px 0;
}
.categories div p{
	text-align: justify;
}
.categories div.last{
	padding:0;
}
.categories h1, .categories h2, .categories h3,.categories span{cursor: pointer;}
.categories h1, .categories h2, .categories h3, #bottomhome h4,.categories span{
	color: #0b65b2;
	font-size:17px;
	padding-bottom:10px;
	line-height:1.5em;
	font-weight: bold;
}
.categories span{
	display: block;
}
.categories h1 img,.categories h2 img,.categories h3 img, .categories span img{
	float: left;
	margin:7px 13px 0 0;
}
.categories h1 img{margin-right:9px;}
#bottomhome h4{
	padding:0;
	line-height:100%;
	font-size:17px;
	color:#009FC1;
	font-weight: normal;
}
#bottomhome{
	padding:65px 0 38px 0;
	background:url(../images/bottomhome.png) 0px 29px no-repeat;
}
#bottomhome .werkwijze{
	width:221px;
	height:163px;
}
#bottomhome .werkwijze p{
	padding-top:132px;
}
#bottomhome .klanten{
	padding:0 23px;
	width:466px;
}
#bottomhome .klanten p{
	padding-top:21px;
}
#bottomhome .klanten p.second{
	padding-top:14px;
}
#bottomhome img.portfolio{cursor: pointer;margin-top:3px;}
#bottomhome .klanten p img{
	float: left;
	margin-right:12px;
}
#bottomhome .klanten span{
	color:#9aa2a9;
	font-size:12px;
	display: block;
	padding-top:8px;
}
ul.path{
	height:34px;
	list-style: none;
	display: block;
	width:953px;
	padding-bottom:3px;
	float: left;
}
.path li{
	float: left;
}
.path li a{
	float: left;
	display: block;
	line-height:35px;
	height:35px;
	color:#95d1ff;
	font-size:12px;
	text-decoration: none;
	padding:0 12px;
	background:url(../images/arrowpath.png) right center no-repeat;
}
.path li a:hover{
	text-decoration: underline;
}
.path li.last a{background: none;} 
.path li a img{
	margin-top:12px;]
}
.path li.home a{padding-left:0;}
#diensten-content{
	width:953px;
	background: url(../images/diensten-content.png) repeat-y;
}
#submenu,#blogmenu,#supportmenu{
	list-style: none;
	display: block;
	padding:37px 38px 38px 0;
	float: left;
	width: 266px;
}
#submenu li,#blogmenu li,#supportmenu li{
	padding-top:2px;
	background: url(../images/submenuline.png) no-repeat;
}
#submenu li.offerte{padding:13px 0 0 0;}
#submenu li a{
	height:38px;
	line-height: 38px;
	display: block;
	color: #797c80;
	width: 212px;
	font-weight: bold;
	text-decoration: none;
	padding-left:41px;
}
#submenu li.icon1 a{background:url(../images/diensten/icon1.png) left center no-repeat;}
#submenu li.icon2 a{background:url(../images/diensten/icon2.png) left center no-repeat;}
#submenu li.icon3 a{background:url(../images/diensten/icon3.png) left center no-repeat;}
#submenu li.icon4 a{background:url(../images/diensten/icon4.png) left center no-repeat;}
#submenu li a:hover,#blogmenu li a:hover{
	color: #0d4c92;
}
#submenu li a span,#blogmenu li a span{
	display: block;
	float: right;
	width: 15px;
	margin:12px 30px 0 0;
	height:15px;
	background:url(../images/sprite.png) -15px 0 no-repeat;
}
#submenu li a:hover span,#submenu li a.cur span,#blogmenu li a:hover span,#blogmenu li a.cur span{background-position:0 0;}
#submenu li a.cur,#blogmenu li a.cur,#supportmenu li a.cur{
	color:black;
}
#submenu li.offerte a{
	width:133px;
	background: url(../images/buttonoffertesmall.png) no-repeat;
	height: 35px;
	padding:0;
}
#submenu li.offerte a:hover{background-position:0px -35px;}
#submenu li.offerte a span{display: none;}
.innerContent h1,.offertewrap h1{
	color: #031f48;
	font-size:30px;
	font-weight: normal;
}
h2.subtitle{padding-bottom:18px;}
#portfoliointro span,.contentintro span{font-size:27px;padding-top:10px;display: block;}
#portfoliointro p{padding-top:10px;}
.cihome p,.cihome h1,.cihome span{
	width:559px;
	float: left;
}
h5.big,h2.big{
	font-size: 36px;
	padding-bottom:17px;
}
h2.pleft{
	padding-left:24px;
}
.blogwrapper ul,.textpage ul{
	margin:10px 0 15px 20px;
}
.showcaseitem{
	width:953px;
	padding:0 0 73px 0;
}
.showcaseitem div{
	padding-right:23px;
	width: 221px;
}
.showcaseitem div.last{padding-right: 0;}
.showcaseitem h6{
 	padding:16px 0 12px 0;
}
.showcaseitem a.image,.minicases a{
	padding:3px;
	display: block;
	border:1px solid #dddddd;
	background:#f4f4f4;
	width: 213px;
}
.showcaseitem a.image:hover,.minicases a:hover{
	background:#236faf;
}
.minicases{width: 953px;}
.minicases a{
	width:164px;
	float: left;
	margin:0 0 23px 23px;
}
.minicases a.first{
	margin-left:0;
}
.minicases{padding-bottom:15px;}
#footer{
	width:100%;
	background: url(../images/footer.png) repeat-x;
}
#footer .inner{
	width:953px;
	margin:0 auto;
	float: none;
}
#footer .offerte{
	width: 558px;
	height:83px;
	padding:12px 0 0 395px;
}
#footer .offerte a{
	background:url(../images/footerbutton.png) no-repeat;
	display: block;
	width:163px;
	height:37px;
}
#footer .offerte a:hover{
	background-position:0px -37px;
}
#footer ul{
	width:221px;
	padding-right:23px;
	display: block;
	list-style: none;
	float: left;
}
#footer ul.last{
	padding:0;
}
#footer li a{
	text-decoration: none;
	color:#82858e;
	line-height:1.7em;
	font-size:12px;
}
#footer li.emailicon a{
	background: url(../images/footericons.png) 0px -29px no-repeat;
	padding-left:22px;
}
#footer li.emailicon a:hover{background-position:0px -42px;}
#footer li.offerteicon a{
	background: url(../images/footericons.png) 1px 0px no-repeat;
	padding-left:22px;
	padding-top:1px;
}
#footer li.offerteicon a:hover{background-position:1px -15px;}
#footer li{
	color:#82858e;
	font-size:12px;
	line-height:1.7em;
}
#footer .blog li{
	width:221px;
	overflow: hidden;
	height:20px;
}
#footer .blog li span{
	line-height:1.7em;
	color:#4f5462;
	font-size:11px;
	margin-right:9px;
}
#footer li a:hover{
	color: white;
}	
#footer li.title{
	border-bottom:1px solid #3f3f3f;
	padding-bottom:2px;
	margin-bottom:6px;
	height: auto;
}
#footer .blog li.title a img{
	margin-left:6px;
}
#footer li.title a,#footer li.title span{
	color: white;
	font-size:13px;
	line-height:1.7em;
}
#footer li.title a:hover{
	text-decoration: underline;
}
#footer .bottom{
	width:953px;
	padding:35px 0;
	text-align: center;
}
#footer .bottom a,#footer .bottom{
	color:#606269;
	font-size:11px;
}
#footer .bottom a{
	text-decoration: none;
}
#footer .bottom a.anker{
	float: right;
	width:16px;
	height:16px;
	background:url(../images/top.gif) #606269 center center no-repeat;
	border:1px solid #828489;
	border-right:1px solid #434c50;
	border-bottom:1px solid #434c50;
}
#footer .bottom a.anker:hover{
	background:url(../images/tophover.gif) #ffffff center center no-repeat;
	border:1px solid #ffffff;
	border-right:1px solid #9fb8f6;
	border-bottom:1px solid #9fb8f6;
}
.formcomment{
	width:420px;
	padding:41px 0 0 130px;
}
.formcomment p{
	font-size:15px;
	padding-bottom:10px;
}
.formcomment p.small{
	font-style: italic;
	font-size:12px;
}
.formcomment a{
	font-size:15px;
}
.formcomment span{
	color:black;
	font-weight: bold;
}
.response{
	width:370px;
	padding:20px;
	list-style: none;
	display: block;
	float: left;
	background:#d84b4b;
	border:1px solid #a00000;
}
.response li{
	color:white;
	font-size:13px;
	line-height:1.5em;
	list-style:square;
	margin-left:20px;
}
.response li.title{font-size:14px;font-weight: bold;padding-bottom:10px;margin:0;list-style: none;}
.offertewrap{
	width:953px;
	padding-top:38px;
	background:url(../images/contact/offertebg.png) no-repeat;
}
.contactform{background:url(../images/contact/contactbg.png) 0px 42px no-repeat;}
.contactwrap{	
	width:917px;
	height: 75px;
	padding:130px 0 0 36px;
}
.contactwrap a{
	display: block;
	width:99px;
	height:15px;
}
.contactwrap a span{display: none;}
#form{
	width:360px;
	display: block;
	float: left;
	padding:41px 0 35px 0;
}
#form h3{
	padding:41px 0 0 0;
}
#form label{
	display: block;
	padding-bottom:8px;
	font-weight: bold;
	color: black;
}
#form .wrapper{
	width:180px;
}
#form label span, .formcomment strong,#form .intro span strong{
	color:#e8133d;
}
#form .block{
	float: none;
	clear: both;
	padding-top:20px;
	width:310px;
}
#form .bfirst{
	padding-top:0;
}
#form .budget{
	height:60px;
}
#form input,#form textarea, #form select,#form option{
	padding:3px;
}
#form #name,#form #lastname{
	width:150px;
}
#form #email,#form #website{
	width:250px;
}
#form textarea{
	padding:3px;
	width:334px;
	height:100px;
	display: inline;
}
#labelbudget{
	float: left;
	line-height:2.2em;
	width:110px;
}
#form select{
	width:200px;
	float: left;
}
#form input.send{
	margin-left:44px;
}
#form input.send2{
	margin-top:10px;
	margin-left:173px;
}
#portfoliowrapper{
	padding-top:148px;
}
#clientlogos{
	margin-bottom:38px;
}
.line{
	width:953px;
	height:38px;
	background:url(../images/introshowcase.png) -47px -719px no-repeat;
}
#werkwijzewrap{
	padding-top:258px;
	width:953px;
	padding-bottom:52px;
	background: url(../images/werkwijzebalk.png) left bottom no-repeat;
}
#werkwijzewrap div{
	width:139px;
	padding-left:23px;
}
#werkwijzewrap div.first{padding-left:0;}
#form .intro{
	float: none;
	padding-bottom:20px;
}
#form .intro h2{
	padding-bottom:8px;
}
.webdesignalmere{
	width:953px;
	padding:38px 0 18px 0;
	background:url(../images/contentbgalmere.png) no-repeat;
}
.webdesignalmere p{
	padding-bottom:20px;
}
#portfoliowrapper h2.clear4ie{
	width:953px;
	display: block;
	float: left;
	height:29px;
}
.innerContent{
	width:649px;
	padding-top:34px;
	padding-bottom:38px;
}
.innerContent h2,.innerContent h3,#werkwijzewrap span,.showcaseitem h6,h2.subtitle,#form h2,#form h3,.textpage h2,.textpage h3,.formcomment h2,.webdesignalmere h2{
	font-size:18px;
	padding-bottom: 10px;
	color:#009FC1;
	font-weight: normal;
}
#werkwijzewrap span{
	display: block;
	color: #031F48;
}
.websitebouwen img{
	float: left;
	margin-top:38px;
}
.websitebouwen div{
	width:568px;
	padding-left:30px;
	padding-top:38px;
}
.innerContent p.intro{
	font-size:17px;
	line-height:1.5em;
	padding-top:24px;
	color:#7B8188;
}
.internetmarketing h2{
	padding-top:38px;
}
.internetmarketing h3{
	padding-top:19px;
}
.internetmarketing img{
	margin:18px 0 16px 0;
}
.innerContent ul{margin: 10px 0 15px 20px;}
.innerContent li{
	line-height:1.6em;
}
sup{
	font-size:9px;
}
.cms div{
	width:649px;
}
.cms div div{
	width:315px;
	padding-bottom:38px;
	padding-top:5px;	
}
.cms div div.first{padding-right:19px;}
.cms div div span{
	font-size:12px;
	line-height:1.4em;
}
.cms div div img{margin-bottom:10px;}