html, body {
	height: 100%;
}

body {	
	background-color: #ffffff; 
	font-family: verdana, arial, helvetica, sans-serif;	
}
	body#home {
		background: url(../img/background.jpg) center center no-repeat;
	}
	body#home div#header {
		margin: 0 0 18px 0;
		position: relative;
	}
	body#home div#header div#logobar a {
		color: #d1f700;
	}	
	body#portfolio_overzicht,
	body#klanten_overzicht {}
		body#portfolio_overzicht div.intro,
		body#klanten_overzicht div.intro {}
			body#portfolio_overzicht div.intro p,
			body#klanten_overzicht div.intro p {
				margin-bottom: 0;
			}
		body#sitemap div#subnav,
		body#portfolio_detail div#subnav,
		body#portfolio_overzicht div#subnav,
		body#klanten_detail div#subnav,
		body#klanten_overzicht div#subnav,
		body#vacature div#subnav {
			display: none;
		}
		body#portfolio_overzicht div.testimonial,
		body#klanten_overzicht div.testimonial {
			display: none;
		}
	body#nieuwsoverzicht {}	
		body#nieuwsoverzicht div.block.intro {
			background: #FBFBFB url(../upload/images/achtergronden/krant_nieuwsoverzicht.jpg) right top no-repeat;
			min-height: 142px;
			padding-right: 310px;
			width: 608px;
		}
			body#nieuwsoverzicht div.intro p {
				margin-bottom: 0;
			}
	body#nieuwsbericht div.block.intro {
		padding-right: 20px;
		width: 898px;
	}
		body#nieuwsbericht div.block.intro h1,
		body#nieuwsbericht div.block.intro p {
			float: left;
			width: 620px;
		}
		body#nieuwsbericht div.block.intro img {
			float: right;
			max-width: 278px;
		}
	body#weblogoverzicht {}	
		body#weblogoverzicht div.block.intro {
			background: url(../upload/images/achtergronden/bg_weblog.jpg) right bottom no-repeat;
			padding-right: 310px;
			width: 608px;
		}
			body#weblogoverzicht div.intro p {
				margin-bottom: 0;
			}
	body#weblog_detailpagina {}
		body#weblog_detailpagina div.intro {}
			body#weblog_detailpagina div.intro p {
				margin-bottom: 0;
			}
	body#contact {}
		body#contact div#subnav {
			display: none;
		}
	body.seo {}
		body.seo a,
		body.seo a:hover {
			color: #0092d4;
		}
p, td, th, li, input, textarea, button, label, blockquote, pre, dt, code {
	font-size: 0.75em;
}
li p, li td, li th, li li, li blocknote, li pre, li dt, li code,
td p, td td, td th, td li, td blocknote, td pre, td dt, td code,
p input,
blocknote p {
	font-size: 1em;
}
input, select, textarea {
	font-family: verdana, arial, helvetica, sans-serif;
}
hr {
	background: #d5d4d4;
	border: 0 none;
	height: 1px;
	margin: 0;
}
em {
	font-style: italic;
}
a { 
	color: #9bbe00;
	text-decoration: underline;
}
	a:hover {
		color: #9bbe00;
		text-decoration: none;
	}
	.seo a {
		color: #0092d4;
	}
	.portfolio a {
		color: #d400af;
	}
	.weblog a {
		color: #464646;
	}
p.readmore a {
	background-image: url(../img/arrow_green.png);
	background-repeat: no-repeat;
	background-position: right top;
	line-height: 1.6em;
	padding-right: 32px;
	text-decoration: none;
	padding-bottom: 10px;
}
	p.readmore a:hover {
		background-image: url(../img/arrow_green_hover.png);
		text-decoration: underline;
	}
	.seo p.readmore a {
			background-image: url(../img/arrow_blue.png)
		}
			.seo p.readmore a:hover {
				background-image: url(../img/arrow_blue_hover.png)
			}
		.portfolio p.readmore a {
			background-image: url(../img/arrow_magenta.png);
		}
			.portfolio p.readmore a:hover {
				background-image: url(../img/arrow_magenta_hover.png)
			}

	.weblog li {
		padding-right: 160px;
	}
	.weblog p.readmore a {
		background-image: url(../img/arrow_grey.png)
	}
		.weblog p.readmore a:hover {
			background-image: url(../img/arrow_grey_hover.png)
		}


div#wrapper {
	height: auto !important;
	height: 100%;
	margin: 0px auto -4em;
	min-height: 100%;
	position: relative;
	text-align: left;
	width: 100%;
}
	div#container {
		height: 100%;
		z-index: 0;
	}
	
div#header {
	margin-bottom: 28px;
	width: 100%;
	position: relative;
	z-index: 100;
}
	div#header div#logobar {		
		margin: 0 auto;
		width: 940px;
	}	
		div#header div#logobar img#logo {
			float: left;
			margin: 20px 0 25px 0;			
		}
		div#header div#logobar div#contactinfo {
			float: right;
			margin: 11px 0 10px 0;
			text-align: right;
		}
			div#header div#logobar div#contactinfo p {
				color: #bbbbbb;
				font-size: 0.6875em;
				line-height: 1.27em;				
			}
				body#home div#header div#logobar div#contactinfo p {
					color: #ffffff;
				}
			div#header div#logobar a {
				color: #9bbe00;
			}
			div#header div#logobar div#contactinfo img {
				padding: 0 0.5em 0 0;
			}
			a.followus_twitter {
				background: url(../img/icon_twitter.png) no-repeat left top;
				bottom: 36px;
				display: block;
				height: 50px;
				left: 800px;
				position: absolute;
				text-indent: -999em;
				width: 62px;
				z-index: 1000;
			}
				a.followus_twitter:hover {
					background-position: left bottom;
				}
/* Hoofdmenu */
/* Wanneer je 'div#nav' weghaalt uit een selector, gelden deze attributen ook voor het submenu,
 * tenzij ze daar weer overschreven worden */
  
div#nav {
	background: url(../img/bg_menubar.gif) repeat-x 0 2px;
	height: 48px;
	position: relative;
	width: 100%;
}
	div#nav ul.menu {
		position: relative;
		margin: 0 auto;
		width: 948px;		
		z-index: 1;
	}
		div#nav ul.menu li {
			float: left;
			position: relative;
			margin-left: -1px;
		}
			div#nav ul.menu li a {
				background: url(../img/bg_menuitems.gif) top left no-repeat;
				display: block;
				color: #ffffff;
				height: 48px;
				position: relative;
				text-indent: -999em;
				width: 100px;
				z-index: 1000;
			}
				div#nav ul.menu li#menu_home a { background-position: 0px top; width: 98px; }
				div#nav ul.menu li#menu_webdesign a { background-position: -98px top; width: 208px; }
				div#nav ul.menu li#menu_seo a { background-position: -306px top; width: 84px; }
				div#nav ul.menu li#menu_klanten a { background-position: -390px top; width: 112px; }
				div#nav ul.menu li#menu_portfolio a { background-position: -502px top; width: 112px; }
				div#nav ul.menu li#menu_overons a { background-position: -614px top; width: 116px; }
				div#nav ul.menu li#menu_contact a { background-position: -730px top; width: 111px; }
				div#nav ul.menu li#menu_weblog a { background-position: -841px top; width: 107px; }
				
				div#nav ul.menu li#menu_home.open a, div#nav ul.menu li#menu_home a:hover { background-position: 0 center; }
				div#nav ul.menu li#menu_webdesign.open a, div#nav ul.menu li#menu_webdesign:hover a { background-position: -98px center; }
				div#nav ul.menu li#menu_seo.open a, div#nav ul.menu li#menu_seo a:hover { background-position: -306px center; }
				div#nav ul.menu li#menu_klanten.open a, div#nav ul.menu li#menu_klanten a:hover { background-position: -390px center; }
				div#nav ul.menu li#menu_portfolio.open a, div#nav ul.menu li#menu_portfolio a:hover { background-position: -502px center; }
				div#nav ul.menu li#menu_overons.open a, div#nav ul.menu li#menu_overons a:hover { background-position: -614px center; }
				div#nav ul.menu li#menu_contact.open a, div#nav ul.menu li#menu_contact a:hover { background-position: -730px center; }
				div#nav ul.menu li#menu_weblog.open a, div#nav ul.menu li#menu_weblog a:hover { background-position: -841px center; }
				
				div#nav ul.menu li#menu_home.submenu:hover a { background-position: 0 bottom; }
				div#nav ul.menu li#menu_webdesign.submenu:hover a { background-position: -98px bottom; }
				div#nav ul.menu li#menu_seo.submenu:hover a { background-position: -306px bottom; }
				div#nav ul.menu li#menu_klanten.submenu:hover a { background-position: -390px bottom; }
				div#nav ul.menu li#menu_portfolio.submenu:hover a { background-position: -502px bottom; }
				div#nav ul.menu li#menu_overons.submenu:hover a { background-position: -614px bottom; }
				div#nav ul.menu li#menu_contact.submenu:hover a { background-position: -730px bottom; }
				div#nav ul.menu li#menu_weblog.submenu:hover a { background-position: -841px bottom; }
			
			div#nav ul.menu li.hier,
			div#nav ul.menu li.open,
			div#nav ul.menu li a:hover,
			div#nav ul.menu li.hier a,
			div#nav ul.menu li.open a,
			div#nav ul.menu li a:hover,
			div#nav ul.menu li:hover {
				z-index: 1001;
			}
			div#nav ul.menu li:hover {
				z-index: 2000;
			}
			
		div#nav ul.menu li.open {
		}
			div#nav ul.menu li.open a {
			}
				div#nav ul.menu li.open li {
				}
					div#nav ul.menu li.open li a {
					}
					
		/*	Submenu */
			div#subnav h2 {
					font-size: 1.1em;
				}
			div#subnav ul.menu {
				margin-bottom: 0;
			}
				
				div#subnav ul.menu li {					
					line-height: 2em;					
				}
					div#subnav ul.menu li a {
						background-image: url(../img/arrow_green.png);
						background-position: right 0.5em;
						background-repeat: no-repeat;
						border-bottom: 1px #e9e9e9 solid;						
						display: block;						
						padding: 0 20px 0.5em 0;
						text-decoration: none;
					}
						div#subnav ul.menu li a:hover,
						div#subnav ul.menu li.hier a:hover {
							background-image: url(../img/arrow_green_hover.png);
						}
						.seo div#subnav ul.menu li a {
							background-image: url(../img/arrow_blue.png);
						}
							.seo div#subnav ul.menu li a:hover,
							.seo div#subnav ul.menu li.hier a:hover {
								background-image: url(../img/arrow_blue_hover.png);
							}
								.seo div#subnav ul.menu li.hier ul li a {
									background-image: url(../img/arrow_blue.png);
								}
						div#subnav ul.menu li a:hover {
							text-decoration: underline;
						}						
					div#subnav ul.menu li.hier {}
						div#subnav ul.menu li.hier a {
						 	background-image: url(../img/arrow_darkgreen_left.png);
						 	font-weight: bold;
						}
							.seo div#subnav ul.menu li.hier a {
								background-image: url(../img/arrow_darkblue_left.png);								
							}
							div#subnav ul.menu li.hier ul li a {
								font-weight: normal;
								background-image: url(../img/arrow_green.png);
							}							
					div#subnav ul.menu li.last {}
						div#subnav ul.menu li.last a {
						 	border-bottom: 0 none;
						}							
					div#subnav ul.menu li ul {
						margin-bottom: 0;
					}
						div#subnav ul.menu li ul li {
							margin-left: 12px;
						}
							div#subnav ul.menu li ul li a {
							}
							
					div#subnav ul.menu li ul.submenu {
						padding-left: 10px;
					}
							
		/* Sublevel */
		div#nav div.submenu {
			display: none;
			position: absolute;
			top: 47px;
		}
			div#nav li:hover div.submenu {
				display: block;
				z-index: 2;
				background: transparent url(../img/empty.gif) repeat-y top right;
			}
			div#nav div.submenu ul.submenu.level1 {
				background: transparent url(../img/bg_submenu.png) repeat-y top right;
				border-left: 1px #a1a1a1 solid;
				margin-right: 0px;
				margin-top: 10px;
				padding: 0 2em 10px 2em;
			}
				div#nav div.submenu ul.submenu {
					margin-right: -20px;
					background: transparent url(../img/empty.gif) repeat-y top right;
				}
				div#nav div.submenu ul.submenu li {
					float: none;
					margin-left: 0;
					background: transparent url(../img/empty.gif) repeat-y top right;
				}
					div#header div#nav ul.menu li ul.submenu li a 
					{
						background: none;
						color: #464646;
						height: auto;
						line-height: 1.5em;
						margin: 0.2em 0;
						text-decoration: none;
						text-indent: 0;
						width: 250px;
					}
					div#header div#nav ul.menu li ul.submenu li a:hover, 
					div#header div#nav ul.menu li ul.submenu li.hier a,
					div#header div#nav div.submenu ul.submenu li.hier ul li a:hover {
						color: #9bbe00;
						text-decoration: underline;
					}
						div#header div#nav div.submenu ul.submenu li.hier ul li a {
							color: #464646;
							text-decoration: none;
						}
					div#nav div.submenu ul.submenu li ul {
						padding-left: 10px;
						margin-bottom: 0.5em;
					}
						div#nav div.submenu ul.submenu li ul li {
							background: none;
						}
			div#nav div.submenu div.submenu_top {
				background: #f5f5f4;
				border-left: 1px #a1a1a1 solid;
				border-top: 1px #a1a1a1 solid;				
				height: 10px;
				/*margin: 0 8px -3px 0;
				position: relative;*/
				position: absolute;
				width: 290px;
			}
				div#nav div.submenu div.submenu_top img {
					position: absolute;
					right: -8px;
					top: -1px;
				}
			div#nav div.submenu div.submenu_bottom {
				background: url(../img/bg_submenu_bottom.png) no-repeat bottom right;
				bottom: -9px;
				height: 9px;
				margin: 0 0 0 10px;
				position: absolute;
				text-align: left;
				width: 289px;
			}
				div#nav div.submenu div.submenu_bottom img {
					bottom: 0;
					position: absolute;
					left: -10px;
				}
		
/* kruimelpad */
ul#kruimelpad {
	color: #bfbfbf;
	left: 25px;
	position: absolute;
	top: -1.4em;
}
	ul#kruimelpad li {
		float: left;
		line-height: 1.2em;
		margin-right: 0.5em;
	}
		ul#kruimelpad li a {
			color: #bfbfbf;
		}
		ul#kruimelpad li.last a {
			text-decoration: none;
		}
			ul#kruimelpad li.last a:hover {
				text-decoration: underline;
			}


/* Headings */
h1 {
	font-family: "Bookman Old Style", georgia, times, serif;
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: 0.02em;
	margin: 0 0 0.25em 0;
}
	body#portfolio_detail h1,
	body#klanten_detail h1 {
		width: 370px;
		float: left;
	}
h2 {
	font-family: "Bookman Old Style", georgia, times, serif;
	font-size: 1.35em;
	font-weight: normal;
	margin: 0 0 0.2em 0;
}
h3 {
	font-family: "Bookman Old Style", georgia, times, serif;
	font-size: 1.25em;
	font-weight: normal;
	margin: 0 0 0.2em 0;
}
	h3 a {
		color: #000000;
		text-decoration: none;
	}
		h3 a:hover {	
			color: #000000;		
			text-decoration: underline;
		}
h4 {
	font-family: "Bookman Old Style", georgia, times, serif;
	font-weight: normal;
	margin: 0 0 0.5em 0;
}
h5 {
	font-family: "Bookman Old Style", georgia, times, serif;
	font-weight: normal;
	margin: 0 0 0.25em 0;
}
h6 {
	font-family: "Bookman Old Style", georgia, times, serif;
	font-weight: normal;
	margin: 0 0 0.5em 0;
}

/* Content */
div#contentcontainer {
	margin: 0 auto;
	width: 940px;
	position: relative;
	z-index: 10;
}
	body div#contentcontainer div.intro {
		padding-right: 318px;
		width: 600px;
	}
		body#home div#contentcontainer div.intro {
			padding-right: 0px;
			width: auto;
		}
		div.intro ul.socialbookmarks {
			margin: 0.25em 0 0 0;
		}
			div.intro ul.socialbookmarks li {
				float: left;
				line-height: 1em;
				margin: 0 10px 0 0;
			}
	div#content {
		position: relative;
		z-index: 0;
	}	
			div#rightcolumn {
				float: left;
				width: 300px;
			}
		div#content h2 {
			clear: left;
		}
		div#content h3 {
			clear: left;
		}
		div.block p,
		div.block620 p,
		div#content p {
			line-height: 2em;
			margin: 0 0 2em 0;
		}
			div#content p img {
				float: left;
				margin: 0 10px 10px 0px;
			}
				div#content img.logo_inline {
					float: left;
					margin: 0.4em 20px 0 0;
					vertical-align: baseline;
				}
			div.block p.readmore,
			div.block#content p.readmore {				
				margin-bottom: 0;
				/* margin-top: -0.95em; */
			}
			div#content p.emailadres {
				margin-top: -2em;
			}				
		div#content a {
		}
			div#content a:hover {
			}
			div#content a#button_meerinsyde {
				background: url("../img/button_meerinsyde.png") no-repeat scroll left top transparent;
				display: block;
				font-size: 1em;
				height: 34px;
				margin: 0 0 -12px 0;
				position: relative;
				text-indent: -999em;
				width: 228px;
				z-index: 10;
			}
				div#content a#button_meerinsyde:hover {
					background-position: left bottom;
				}
		div#content ul {
			list-style: disc;
			list-style-position: outside;
			margin: 0 0 2em 0;			
		}
			div#content ul li {
				line-height: 2em;
				margin-left: 15px;
				padding-left: 17px;
			}
				div#content ul li ul {
					margin-bottom: 0;
				}
					div#content ul li ul li {
					}	
			div#content ul.projectlist {
				list-style: none;
				width: 960px;
				position: relative;
				z-index: 0;
			}
				div#content ul.projectlist li {
					border: 1px #d5d4d4 solid;
					cursor: pointer;
					float: left;
					height: 240px;
					margin: 0 17px 20px 0;
					padding-left: 0;
					position: relative;
					width: 300px;
					z-index: 0;
				}
						div#content ul.uitgelicht li {
							border-color: #d400af
						}
						
					div#content ul.projectlist li h3 {
						background: #ffffff;
						/*border-right: 1px #d5d4d4 solid;*/
						border-bottom: 1px #d5d4d4 solid;
						display: block;
						font-family: "Bookman Old Style", georgia, times, serif;
						font-size: 2em;
						left: 0;
						line-height: 0.8em;
						margin: 0 1em 0 0;
						padding: 0.3em 10px 0;
						position: absolute;
						top: 0;
						width: 280px; /* tijdelijke fix */
					}
						div#content ul.projectlist li h3 a {
							color: #d400af;
							text-decoration: none;
						}
							body#klanten_overzicht div#content ul.projectlist li h3 a {
								color: #9bbe00;
							}
								div#content ul.uitgelicht li h3 a {
									border-color: #d400af; 
								}
							div#content ul.projectlist li h3 a:hover {
								text-decoration: underline;
							}
					div#content ul.projectlist li a img {
						width: 300px;
					}
					div#content ul.projectlist li div.projectinfo {
						background: url(../img/bg_black50.png) top right repeat;
						bottom: 0;
						display: none;
						left: 0;
						padding: 7px 10px;
						position: absolute;
						width: 280px;
					}
						div#content ul.projectlist li:hover div.projectinfo {
							display: block;
						}
						div#content ul.projectlist li:hover p.projecttitle a {
							text-decoration: underline;
						}
						div#content ul.projectlist li div.projectinfo p {
							color: #ffffff;
							font-style: italic;
							margin-bottom: 0;						
						}
						div#content ul.projectlist li div.projectinfo p.readmore {											
							margin-bottom: 0;
						}
							div#content ul.projectlist li div.projectinfo p.readmore a {
								background-image: url(../img/arrow_magenta.png);		
							}
		div#content ol {
			list-style: decimal;
			list-style-position: outside;
			margin: 0 0 2em 0;
		}
			div#content ol li {
				line-height: 2em;
				margin-left: 20px;
				padding-left: 1em;
			}
				div#content ol li ol {
				}
					div#content ol li ol li {
					}
		
		body.heeftvacature {}
			body.heeftvacature div.block.vacature {
				background-color: #d1f700;
				width: 231px;
				padding: 15px 0px 0px 0px;
				text-align: center;
			}
				div.vacature img {
					display: block;
					text-align: center;
					margin: 0px auto;
					margin-bottom: 10px;
				}
				div.vacature a {
					color: #444444; 
					font-size: 1.4em;
					font-weight: bold;
					text-decoration: none;
				}
					div.vacature a:hover {
						text-decoration: underline;
					}
			body.heeftvacature div#content {
				width: 345px;
			}
		
		div#content div.screenshots {
			text-align: center;		
		}
			div#content div.screenshots ul {
				list-style: none;			
			}
				div#content div.screenshots ul li {
					float: left;
					margin: 0 20px 20px 0;
					padding: 0;
					text-align: center;
					width: 180px;
				}
					div#content div.screenshots ul li.last {
						margin-right: 0px;
					}
					div#content div.screenshots ul li p {
						font-style: italic;	
						margin-bottom: 0;
					}	
		div#content div.nieuwsbericht {
			margin: 0 0 1.5em 0;
		}
			div#content div.nieuwsbericht a.icon {
				position: absolute;
			}
			div#content div.nieuwsbericht h3 {
				margin-left: 84px;
			}
			div#content div.nieuwsbericht p {
				margin-left: 84px;
				margin-bottom: 0em;
			}
		div#content div.bericht {
			margin: 0 0 20px 0;
		}
			div#content div.bericht p.readmorelink {
				margin: -2em 0 1em 0;
			}
				div#content div.bericht p.readmorelink a {
					background: none;
					padding: 0;
				}	
			div#content div.bericht div.metainfo {
				background: #ffffff;
				border: 1px solid #d5d4d4;
				padding: 10px 8px;				
			}
				div#content div.bericht div.metainfo p {					
					line-height: 1.5em;
					margin-bottom: 0;					
				}		
				div#content div.bericht div.metainfo span {
					clear: none;
					float: right;
				}
		table {
		}
			tr {
			}
				td {
				}
	div.block {
		background: #fbfbfb;
		border: 1px #d5d4d4 solid;
		float: left;
		margin: 0 0px 20px 0;	
	}
		div.block.block940 { width: 898px; padding: 20px; }
		div.block.block620 { width: 578px; padding: 20px; }
		body#portfolio_detail div#contentcontainer div.intro, 
		body#klanten_detail div#contentcontainer div.intro { width: 738px; padding-right: 0px; }
		div.block.block760 { width: 718px; padding: 20px; }
		div.block.block460 { width: 438px; padding: 10px; }
		div.block.block300 { width: 278px; padding: 10px; }
		div.block940 { width: 940px; margin-right: 0; float: left; }
		div.block620 { width: 620px; margin-right: 20px; float: left; }
			body#klanten_overzicht div.block620, 
			body#portfolio_overzicht div.block620 { 
				width: 940px; 
			}
		div.block460 { width: 460px; margin-right: 20px; float: left; }
		div.block300 { width: 300px; margin: 0 0 20px 0; float: left; }
		
		/* Wrappers voor meerdere blokken die naast elkaar even hoog moeten zijn */
		
		div.blockwrapper {
			float: left;
			padding: 0 1px 1px 1px;
			margin-bottom: 20px;
			margin-right: -22px;
			position: relative;
		}
			div.blockwrapper div.block {
				border-left: none;
				border-right: none;
				border-bottom: none;
				margin-bottom: 0;
				margin-right: 22px; 
			}
			div.blockwrapper img.footer {
				position: absolute;
				bottom: 0;
				right: 22px;
			}
			
		div.block_300_300_300 { background: url(../img/bg_block_300_300_300.gif) repeat-y top left; }
		div.block_620_300 { background: url(../img/bg_block_620_300.gif) repeat-y top left; }
		div.block_460_460 { background: url(../img/bg_block_460_460.gif) repeat-y top left; }
		
		div.block ul {
			line-height: 1.5em;
		}
		body#home div.block {
		}
			body#home div#content {
				background: none;
				border-top: none;
				color: #444444;
				margin-right: 2px;
				padding: 7px 0px 0px 0px;
				width: 385px;
			}
				body#home div#content h1 {
					display: none;
				}
				body#home div#content div.intro p {
					font-family: georgia, verdana;
					font-size: 1.25em;
					letter-spacing: -0.01em;
					line-height: 1.54em;
					margin: 0px 0px 3px 0px;
				}
				body#home div#content div.intro span {
					color: #636363;
				}
		div.block.faq {
		}
			div.block.faq ul {}
				div.block.faq ul li {					
					border-bottom: 1px #e9e9e9 solid;
					line-height: 2em;
					margin: 0 0 0 0;
				}
					div.block.faq ul li a {
						background: url(../img/arrow_green.png);
						background-repeat: no-repeat;
						background-position: right 0.5em;						
						display: block;
						margin: 0 0 0.5em 0;
						padding: 0 20px 0 0;
						text-decoration: none; 					
					}
						div.block.faq ul li a:hover {
							text-decoration: underline;
							background-image: url(../img/arrow_green_hover.png);
						}
					div.block.faq ul li.last {
					 	border-bottom: 0 none;
					}	
		div.block.webdesign {
			background-image: url(../img/bg_muis.jpg); 
			background-position: right bottom; 
			background-repeat: no-repeat;
			min-height: 270px;
			position: relative;
		}
			div.block.webdesign div.contentwrapper {				
				float: left;
				min-height: 270px;
				width: 600px;
			}
			div.block.webdesign div.testimonial {
				float: right;
				min-height: 230px;
				position: relative;
				padding: 10px 10px 30px 10px;
			}
				div.block.webdesign div.testimonial p.readmore {
					bottom: 10px;
					left: 10px;
					line-height: 1em;
					margin: 0;
					position: absolute;
				}
			div.block.webdesign a#button_website {
				background: transparent url(../img/button_offerteaanvragen_webdesign.png) no-repeat left top;
				display: block;
				height: 58px;
				text-indent: -999em;
				width: 346px;
			}

					body#home div.block.webdesign a#button_webdesign {
						background: transparent url(../img/button_webdesign.png) no-repeat left top;
						bottom: 20px;
						display: block;
						height: 58px;
						left: 20px;
						position: absolute;
						text-indent: -999em;
						width: 346px;
					}
				body#home div.block.webdesign a#button_webdesign:hover,
				div.block.webdesign a.button_website:hover {
					background-position: left bottom;
				}
		body#home div.block.seo {
			background-image: url(../img/vergrootglas_home.jpg); 
			background-position: left top; 
			background-repeat: no-repeat;
			min-height: 270px;
			position: relative;
		}
			body#home div.block.seo div.contentwrapper {				
				float: right;
				min-height: 270px;
				text-align: right;
				width: 630px;
			}
			body#home div.block.seo div.testimonial {
				float: left;
				min-height: 230px;
				padding: 10px 10px 30px 10px;
				position: relative;
			}
				body#home div.block.seo div.testimonial p.readmore {
					bottom: 10px;
					left: 10px;
					line-height: 1em;
					margin: 0;
					position: absolute;
				}
			body.seo div.block a#button_seo {
				background: transparent url(../img/button_offerteaanvragen_seo.png) no-repeat left top;
				display: block;
				height: 58px;
				text-indent: -999em;
				text-align: left;
				width: 346px;
			}
					body#home div.block.seo a#button_seo {
						background: transparent url(../img/button_seo.png) no-repeat right top;
						bottom: 20px;
						position: absolute;
						display: block;
						height: 58px;
						right: 20px;
						position: absolute;
						text-align: left;
						text-indent: -999em;
						width: 346px;
					}
				body#home div.block.seo a#button_seo:hover,
				body.seo div.block a#button_seo:hover {
					background-position: right bottom;
				}
						
		div.block div.testimonial {
			background: url(../img/bg_testimonial.png);
			border: 1px #d5d4d4 solid;						
			padding: 10px;
			position: relative;
			width: 152px;
		}				
			div.block div.testimonial h2 {
				font-family: verdana, arial, helvetica, sans-serif;	
				font-size: 0.75em;
				font-weight: bold;
				line-height: 2em;				
			}
				div.block div.testimonial h2 a {
					color: #000000;
					text-decoration: none;
				}
					div.block div.testimonial h2 a:hover {
						text-decoration: underline;
					}
			div.block div.testimonial p.quote {
				font-style: italic;
				line-height: 2em;
				margin-bottom: 0;
			}
			div.block div.testimonial span.push {
				display: block;
				float: right;
			}
			div.block div.testimonial img {
				clear: right;
				float: right;
				vertical-align: baseline;
				padding-top: 1.5em;					
			}
		div.block.portfolio {
			min-height: 325px;			
		}			
			div.block.portfolio div.showcase {
				position: relative;
			}
			div.block.portfolio div.showcase div {
				float: left;
				height: 240px;
				margin-right: 10px;
			}
					div.block.portfolio div.showcase div.selected a img {
						height: 240px;
						width: 300px;
					}
				
				div.block.portfolio div.showcase div.next {
					margin-right: 0;
					overflow: hidden;
					width: 59px;
				}
				div.block.portfolio div.showcase div.previous {
					width: 59px;
					overflow: hidden;
				}
					div.block.portfolio div.showcase div.next img {
						height: 240px;
					}
					div.block.portfolio div.showcase div.previous img {
						float: right;				
						height: 240px;
					}
				div.block.portfolio div.showcase div.mask {
					width: 59px;
					position: absolute;
					z-index: 100;
				}
					div.block.portfolio div.showcase div.mask.previous {
						left: 0;
					}
					div.block.portfolio div.showcase div.mask.next {
						right: 0;
					}					
				div.block.portfolio div.showcase div.mask a {
					display: block;
					height: 100%;
				}
					div.block.portfolio div.showcase div.mask.previous a:hover,
					div.block.portfolio div.showcase div.mask.next a:hover {
						background: url(../img/mask_empty.gif) no-repeat top left;
					}
				div.block.portfolio div.showcase div.mask.previous a {
					background: url(../img/mask_previous.png) no-repeat top left;
				}
				div.block.portfolio div.showcase div.mask.next {
					right: 0;
				}
					div.block.portfolio div.showcase div.mask.next a {
						background: url(../img/mask_next.png) no-repeat top right;
					}
				div.block.portfolio div.projectnaam {				
					text-align: center;	
					margin-bottom: 0;
				}
					div.block.portfolio div.projectnaam a {
						display: block;
						margin: 0 auto;
						padding: 0.05em 0 0 0;
						width: 270px;
					}
			div.block.portfolio div.bladeren {
				line-height: 1.5em;
				margin: 15px 0 0 0; 
			}
				div.block.portfolio div.bladeren a {
					background-repeat: no-repeat;
				}
					div.block.portfolio div.bladeren a.link_vorige {
						background-image: url(../img/arrow_previous_magenta.gif);
						background-position: left 0.3em;				
						padding: 0 0 0 1.5em;
					}
					div.block.portfolio div.bladeren a.link_volgende {
						background-image: url(../img/arrow_next_magenta.gif);
						background-position: right 0.3em;	
						padding: 0 1.5em 0 0;
					}
		div.block.laatstenieuws {
			background-image: url(../img/krant_home.jpg); 
			background-position: right bottom; 
			background-repeat: no-repeat;
			margin-right: 0px;			
		}
			div.block.laatstenieuws ul {}
				div.block.laatstenieuws ul li {						
					margin: 0 0 0.75em 0;
					line-height: 1.2em;
				} 
					div.block.laatstenieuws ul li span.date {
						display: block;
						font-size: 0.9em;							
					}
			div.block.laatstenieuws p.readmore {
				margin-bottom: 1em;
			}
			div.block.laatstenieuws div.weblog {}
				div.block.laatstenieuws div.weblog p.readmore {
					margin-bottom: 0em;
				}
			
		div.block.testimonial { }
			div.block.testimonial h2 {
				font-size: 1.1em;
			}
			div.block.testimonial p.quote {
				font-style: italic;
				line-height: 2em;
				margin-bottom: 0;
			}
			div.block.testimonial span.push {
				display: block;
				float: right;
			} 
			div.block.testimonial img {
				clear: right;
				float: right;
				padding-top: 1.5em;
				vertical-align: baseline;
			}
				div.block.vrijetestimonial img {
					padding-top: 0.5em;
				}

		div.block.cta {
			padding: 20px;
		}
			div.block.cta h2 {
				font-size: 1.25em;
			}			
			div.block.website a#button_website {
				background: transparent url(../img/button_offerteaanvragen_website.gif) no-repeat left top;
				display: block;
				height: 58px;				
				text-indent: -999em;
				width: 346px;
			}
					body#vacature div.block.website a#button_website {
						background: transparent url(../img/button_solliciteren.gif) no-repeat left top;
					}
				div.block.website a#button_website:hover {
					background-position: left bottom;
				}
				
		div.block.links {}
			div.block.links h2 {
				font-size: 1.1em;
			}
			div.block.links ul {
				margin-bottom: 0;
			}
				div.block.links ul li {					
					border-top: 1px #d5d4d4 solid;
					line-height: 2em;
					margin: 0 0 0 0;
				}
					div.block.links ul li a {
						background: url(../img/arrow_green.png) no-repeat;
						background-position: right 0.5em;						
						display: block;
						margin: 0 0 0.5em 0;
						padding: 0 20px 0 0;
						text-decoration: none; 					
					}
						body.portfolio div.block.links ul li a {
							background-image: url(../img/arrow_magenta.png);
						}
							body.portfolio div.block.links ul li a:hover {
								background-image: url(../img/arrow_magenta_hover.png);
								text-decoration: underline;
							}
					div.block.links ul li a:hover {
						background-image: url(../img/arrow_green_hover.png);
						text-decoration: underline;
					}
						
			
		div.block.rssfeed {}
			div.block.rssfeed h2 {
				border-bottom: 1px solid #d5d4d4;
				margin: 0;
				padding-bottom: 0.5em;
			}
			div.block.rssfeed img {
				float: right;
				margin: 10px 0 0 10px;
			}
			div.block.rssfeed p {
				float: left;
				margin-bottom: 0;
				width: 200px;
			}
			div.block.rssfeed a {
				color: #f7941d;
				font-weight: bold;
			}
		div.block.recentereacties {}
			div.block.recentereacties div.reactie {
				border-top: 1px solid #d5d4d4;
				margin: 10px 0 0 0;
				padding: 10px 0 0 0;
			}
				div.block.recentereacties div.reactie img {
					border: 1px solid #464646;
					float: right;
					margin: 0 0 10px 10px;
				}
				div.block.recentereacties div.reactie span {
					font-size: 0.75em;
					line-height: 2em;
					margin: 10px 0 0 0;
					padding: 10px 0 0 0;
				}
					div.block.recentereacties div.reactie span strong {					
					}
					div.block.recentereacties div.reactie span em {
						display: block;
						font-style: italic;
					}
	div#content div.reacties {}
		div#content div.reacties div.block.block620 {
			padding: 10px;
			width: 598px;
		}	
			div#content div.reacties div.block.block620 h2 {
				border: 0 none;
				margin: 0
			}
		div#content div.reacties div.reactie {
			border-top: 1px solid #d5d4d4;
			padding: 10px 0;
		}
			div#content div.reacties div.reactie.reactieinsyde {
				background: #ebf2cc;
			}
			div#content div.reacties div.reactie div.reactielinks {
				float: left;
				margin: 0 20px 0 0; 
				text-align: center;
				width: 49px;
			}
				div#content div.reacties div.reactie div.reactielinks img {
					border: 1px solid #464646;
				}
				div#content div.reacties div.reactie div.reactielinks strong {
					display: block;
					font-family: "Bookman Old Style", georgia, times, serif;
					font-size: 1.25em;
					margin: 15px 0 0 0;
				}
			div#content div.reacties div.reactie span {
				display: block;
				font-size: 0.75em;
				font-weight: bold;
				line-height: 2em;
			} 
			div#content div.reacties div.reactie p {
				clear: none;
				float: right;
				margin: 0;
				width: 528px;
			}	
		div#content div.reacties h2 {
			border-bottom: 1px solid #d5d4d4;
			margin: 0 0 0.5em 0;			
		}
	div.bladeren {
		margin-bottom: 1em;
		position: relative;
	}			
		div.bladeren a {			
			font-size: 0.75em;
			margin-right: 4px;			
		}
		div.bladeren a.hier {
			color: #9bbe00;
			font-size: 1.2em; 
			text-decoration: none;
		}
			.portfolio div.bladeren a.hier {
				color: #D400AF;
			}
		div.bladeren div.vorige {
			left: 0;
			position: absolute;
			top: 0;
		}
		div.bladeren div.paginas {
			text-align: center;
		}
		div.bladeren div.volgende {
			right: 0;
			position: absolute;
			top: 0;
		}	
		div.bladeren a.link_eerste {
			padding: 0 1em 0 0;
		}
		div.bladeren a.link_vorige {
		}
		div.bladeren a.link_volgende {			
		}
		div.bladeren a.link_laatste {
			padding: 0 0 0 1em;			
		}
	div.projectscroller {
		margin: 0 0 20px 0;
		position: relative;
	}
		div.projectscroller div.vorige {
			float: left;
			width: 70px;
			overflow: hidden;
		}
			div.projectscroller div.volgende p,
			div.projectscroller div.vorige p {
				clear: both;
				line-height: 100%;
				margin-top: 5px;
			}
			div.projectscroller div.vorige img {
				float: right;
				height: 262px;
				margin-top: 21px;
			}
		div.projectscroller div.volgende {
			float: left;
			overflow: hidden;
			width: 70px;
		}
			div.projectscroller div.volgende img {
				height: 262px;
				margin-top: 21px;
			}
		div.projectscroller div.mask {
			height: 262px;
			position: absolute;
			width: 70px;
			margin-top: 21px;
		}
			div.projectscroller div.mask.next {
				right: 0;
			}
			div.projectscroller div.mask a {
				display: block;
				height: 100%;
			}
				div.projectscroller div.mask.previous  {
					left: 0px;
				}
				div.projectscroller div.mask.previous a {
					background: url(../img/mask_previous2.png) repeat-y top left;
				}
				div.projectscroller div.mask.next a {
					background: url(../img/mask_next2.png) repeat-y top right;
				}
			div.projectscroller div.mask a:hover {
				background: url(../img/mask_empty.gif) no-repeat top left;
			}
			
		div.projectscroller div.vorige a {
			background: url(../img/arrow_previous_magenta.gif) left 0.2em no-repeat;			
			display: block;
			font-size: 0.9em;
			padding: 0 0 0 12px;
		}
		div.projectscroller div.block {	
			padding: 20px;
			min-height: 263px;
			margin: 0 20px 0px 20px;
			
		}
			div.projectscroller div.intro {
				position: relative;
			}
				div.projectscroller div.intro p {
					float: left;
					clear: left;
					width: 360px;		
				}
				div.projectscroller div.intro img {
					position: absolute;
					right: 20px;
				}
		div.projectscroller div.volgende a {
			background: url(../img/arrow_next_magenta.gif) right 0.2em no-repeat;			 
			display: block;
			font-size: 0.9em;
			padding: 0 12px 0 0;
		}			
		
			
/* 	Formulier	*/
/*	formulieren alleen stylen via een klasse, niet een id, dat gaat niet goed vanuit de webmagiër */
form {
}
	form fieldset {}
		form fieldset label {
			display: block;
			font-weight: bold;
			margin: 0 0 0.2em 0;			
		}
			form fieldset label em {
				font-weight: normal;
				font-style: italic;
			}
		form fieldset input {
			background: #ffffff;
			border: 1px solid #333333;
			display: block;
			height: 14px;
			margin: 0 0 1.5em 0;
			padding: 6px;
			width: 448px;
		}
			form fieldset input.file {
				height: 24px;
			}
		form fieldset div.radiolist input {
		}
		form fieldset div.customcheckboxfield input {

		}
		form fieldset div.humanityfield input {
		}		
		form fieldset select {
		}
		form fieldset textarea {
			background: #ffffff;
			border: 1px solid #666666;
			display: block;
			height: 155px;
			margin: 0.2em 0 1.5em 0;
			padding: 6px;
			width: 448px;
		}
		form fieldset div.inputcontainer {
			/*background: url(../img/bg_input.gif) left bottom no-repeat;*/
		}
		form fieldset div.textareacontainer {
			/*background: url(../img/bg_textarea.gif) left bottom no-repeat;*/
		}
		form p {}
			form p input.submit {
				background-image: url(../img/button_verzenden.gif);
				color: #ffffff;
				height: 58px;
				width: 223px;
			}
				form p input.submit.plaatsreacite {
					background-image: url(../img/button_verzenden.gif);
					width: 260px;
				}
		form fieldset .error input {
			margin-bottom: 0px;
		}
		.error {
			margin-bottom: 1.5em;
		}
			.error span {
				color: #cc0000;
				display: block;
				font-size: 0.8em;
				margin: 0.5em 0 0 0;
			}
			.error label {}
			div.error input {
				background-color: #fff2f2;
				border: 1px solid #cc0000;
			}
			.error textarea {
				margin-bottom: 0px;
				border: 1px solid #cc0000;
			}
		div.error_border {
			border: 1px solid #cc0000;
			margin: 0.8em 0 0.5em;
			padding: 0.8em;
		}
			div.error_border label {
				margin: 0 0 0.5em;
			}
	div.systemfeedback_error {
		color: #cc0000;
	}
		div.systemfeedback_error p {}

form.projectfilter {
	background: #fbfbfb;
	border: 1px #d5d4d4 solid;		
	margin: 0 0px 20px 0;
	padding: 0.3em 20px;		
}
	form.projectfilter fieldset {}
		form.projectfilter fieldset label {
			display: inline;
		}
		form.projectfilter fieldset input {
			display: inline;
			height: auto;
			margin: 0;
		}
		form.projectfilter fieldset div.inlinefield {
			float: left;
			margin: 0 1.5em 0 0;
		}
		form.projectfilter fieldset label {
			font-weight: bold;
		}
form.searchform {
	width: 300px;
}
	form.searchform fieldset {
		float: left;
	}
		form.searchform fieldset div.inputcontainer {			
			background: url(../img/bg_input_small.gif) left top no-repeat;
		}
		form.searchform fieldset label {
			display: none;
		}			
		form.searchform fieldset input {			
			margin: 0;
			width: 191px;			
		}
		form.searchform p {
			display: inline;
		}
		form.searchform p input.zoeken {
			background: #ffffff url(../img/button_zoeken.gif) center top no-repeat;
			height: 26px;
			width: 95px;
		}
		form.searchform p input.zoeken:hover {
			background-position: center bottom;
		}

span.quote {
	color: #9BBE00;
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	float: right;
	line-height: 180%;
	margin: 15px 0px 15px 24px;
	width: 200px;
}

/* Footer */
div.push {
	height: 4em;
}

div#footer-wrapper {
	background: #ffffff;
	border-top: 1px #d5d4d4 solid;
	bottom: 0;
	height: 3em;
	position: absolute;
	width: 100%;
}
	div#footer {
		margin: 0 auto;
		text-align: center;
		width: 940px;
	}
		div#footer p {
			color: #bababa;
			padding: 1.5em 0 0 0;
		}
			div#footer p a {
				color: #bababa;
			}
			div#footer p img {
				padding: 0 0.5em 0 0;
			}
	ul.utilitymenu {
	}
		ul.utilitymenu li {
		}
			ul.utilitymenu li a {
			}
				ul.utilitymenu li.hier a,
				ul.utilitymenu li a:hover {
				}


/* overige classes */
input.button {
	background-position: left top;
	background-repeat: no-repeat;
	border: 0 none;
	cursor: pointer;		
	height: 58px;
	text-indent: -999em;
}
	input.button:hover {
		background-position: left bottom;
	}

.floatleft {
	float: left;
}
.floatright {
	float: right;
}
button {
	border: 0px;
	cursor: pointer;
	padding: 0px;
	text-indent: -999em;
}

.screenreader {
	display: none;
}

.clearfloat:after,
div#content div.screenshots:after,
ul.screenshots:after,
ul.projectlist:after,
ul.menu:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility:hidden;
}