@font-face {
    font-family: 'BookmanOldStyleRegular';
    src: url('../font/bookman-webfont.eot');
    src: url('../font/bookman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/bookman-webfont.woff') format('woff'),
         url('../font/bookman-webfont.ttf') format('truetype'),
         url('../font/bookman-webfont.svg#BookmanOldStyleRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html, body {
	height: 100%;
}

body {	
	background-color: #ffffff; 
	font-family: verdana, arial, helvetica, sans-serif;	
}
	body#home {
		background: #e2f2fe url(../img/background_new.jpg) top 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 {}
	#portfolio_overzicht #wrapper .rowwrapper_intro .intro {
		height: 111px; 
	}
	#portfolio_overzicht #wrapper #subnav {
		height: 131px;
	}
		body#klanten_overzicht div.rowwrapper_intro,
		body#portfolio_overzicht div.rowwrapper_intro {
			margin: 0 0 20px 0;
			position: relative;
		}
			body#klanten_overzicht div#contentcontainer div.rowwrapper_intro div.intro,
			body#portfolio_overzicht div#contentcontainer div.rowwrapper_intro div.intro {
				margin-right: 17px;
				margin-bottom: 0;
				padding-right: 20px;
				width: 581px;
			}		
			body#klanten_overzicht div#contentcontainer div.rowwrapper_intro div#subnav,
			body#portfolio_overzicht div#contentcontainer div.rowwrapper_intro div#subnav {
				margin-bottom: 0;
				width: 282px;
			}
		body#klanten_overzicht div.rowwrapper_intro_bottom,
		body#portfolio_overzicht div.rowwrapper_intro_bottom {
			bottom: 0;
			height: 1px;
			position: absolute;
			width: 940px;
		}
		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#klanten_detail 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 -72px no-repeat;
			height: 28px;
			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 {}	
		#weblogoverzicht .clearfloat + h2 {
			padding-top: 1em;
		}
		body#weblogoverzicht div.block.intro {
			background-image: url(../upload/images/achtergronden/bg_weblog.jpg);
			background-position: right bottom;
			background-repeat: 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;
			}
			#weblog_detailpagina .block li {
				line-height: 1.2em;
				padding-bottom: 0.7em;
			}
	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,
	.seo a:hover {
		color: #0092d4;
	}
	.portfolio a,
	.portfolio a:hover {
		color: #d400af;
	}
	
	#klanten_overzicht a,
	#klanten_overzicht a:hover {
		color: #9bbe00;
	}
	
	.weblog a,
	.weblog a:hover {
		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;
			}
			div.henk {
				margin: 0 auto;
				position: relative;
				width: 948px;
			}
			a.followus_twitter {
				background: url(../img/icon_twitter.png) no-repeat left top;
				display: block;
				height: 50px;
				left: 635px;
				position: absolute;
				top: -36px;
				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.png) 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.png) 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 a:hover { 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: 1em;
				}
			div#subnav ul.menu {
				margin-bottom: 0;
			}
				
				div#subnav ul.menu li {					
					line-height: 2em;					
				}
					div#subnav ul.menu li a,
					#klanten_overzicht 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,
						#klanten_overzicht div#subnav ul.menu li a:hover,
						#klanten_overzicht 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);
								}
						.portfolio div#subnav ul.menu li a {
							background-image: url(../img/arrow_magenta.png);
						}
							.portfolio div#subnav ul.menu li a:hover,
							.portfolio div#subnav ul.menu li.hier a:hover {
								background-image: url(../img/arrow_magenta_hover.png);
							}
								.seo div#subnav ul.menu li.hier ul li a {
									background-image: url(../img/arrow_magenta.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);								
							}
							.portfolio div#subnav ul.menu li.hier a {
								background-image: url(../img/arrow_darkmagenta_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: BookmanOldStyleRegular, georgia, times, serif;
	font-size: 1.45em;
	font-weight: bold;
	letter-spacing: 0.02em;
	line-height: 1.2em;
	margin: 0 0 0.5em 0;
}
	body#portfolio_detail h1,
	body#klanten_detail h1 {
		width: 370px;
		float: left;
	}
h2 {
	font-family: BookmanOldStyleRegular, georgia, times, serif;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 0.3em 0;
}
	#wrapper h2 a {
		color: #000000;
		text-decoration: none;
	}
h3 {
	font-family: BookmanOldStyleRegular, georgia, times, serif;
	font-size: 1.25em;
	font-weight: bold;
	margin: 0 0 0.2em 0;
}
	h3 a {
		color: #000000;
		text-decoration: none;
	}
		h3 a:hover {	
			color: #000000;		
			text-decoration: underline;
		}
h4 {
	font-family: BookmanOldStyleRegular, georgia, times, serif;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}
h5 {
	font-family: BookmanOldStyleRegular, georgia, times, serif;
	font-weight: bold;
	margin: 0 0 0.25em 0;
}
h6 {
	font-family: BookmanOldStyleRegular, georgia, times, serif;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}

/* Content */
div#contentcontainer {
	margin: 0 auto;
	padding: 3px 0px 0px 0px;
	width: 940px;
	position: relative;
	z-index: 10;
}
	body div#contentcontainer div.intro {
		padding-right: 318px;
		width: 600px;
	}
		body#home div#contentcontainer div.intro {
			color: #ffffff;
			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.intro div.socialbookmarks a.addthis_button_facebook_like {
			padding-left: 5px;
			margin-top: -2px;
		}
	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 span.ipadres {
				display: block;
				font-size: 1.5em;
				font-weight: bold;
			}
			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 {
					cursor: pointer;
					float: left;
					height: 240px;
					margin: 0 17px 20px 0;
					overflow: hidden;
					padding-left: 0;
					position: relative;
					width: 300px;
					z-index: 0;
				}
						div#content ul.uitgelicht li {
							border: 1px solid #d400af
						}
						
					div#content ul.projectlist li h3 {
						background: #ffffff;
						/*border-right: 1px #d5d4d4 solid;*/
						border-bottom: 1px #d5d4d4 solid;
						display: block;
						font-family: BookmanOldStyleRegular, georgia, times, serif;
						font-size: 1.45em;
						left: 0;
						line-height: 1em;
						margin: 0 1em 0 0;
						padding: 9px 10px 9px 10px;
						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 {
									background-color: #d400af;
								}
								div#content ul.uitgelicht li h3 a {
									border-color: #d400af; 
									color: #ffffff;
								}
							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 {}
			.heeftvacature #wrapper #contentcontainer #content .intro {
				width: 362px;
			}
			body.heeftvacature div.block.vacature {
				background: #FBFBFB url(../img/bg_vacatureblock.png) no-repeat center 36px;
				border-color: #bdbdbd;
				padding-bottom: 4px;
				width: 211px;
			}
				div.vacature img {
					display: block;
					margin: 0px auto;
					margin-bottom: 10px;
				}
				.vacature h2 {
					margin-bottom: 148px;
				}
				.vacature h3 {
					font-family: Arial, Helvetica, sans-serif;
					font-weight: bold;
					font-size: 1.55em;
					line-height: 1.2em;
					margin-bottom: 14px;
				}
					#wrapper .vacature h2 a:hover,
					#wrapper .vacature h3 a:hover {
						text-decoration: none;
					}
				div.vacature a {
				}
					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 40px 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 {
				border: 1px dotted #e5e5e5;
				 -webkit-border-radius:4px;
			    -moz-border-radius:4px;
			    border-radius:4px;
				background: #fbfbfb;
				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;
		float: left;
		margin: 0 0px 20px 0;	
	}
		.block,
		.projectlist li {
			 -webkit-border-radius:4px;
		    -moz-border-radius:4px;
		    border-radius:4px;
		    -moz-box-shadow:0 1px 3px #8493a6;
		    -webkit-box-shadow:0 1px 3px #8493a6;
		    box-shadow:0 1px 3px #8493a6;
		}
		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 {
				display: none;
				position: absolute;
				bottom: 0;
				right: 22px;
			}
			
		
		
			.heeftvacature .block_300_300_300 .vacature { height: 309px; } 
			.heeftvacature .block_300_300_300 .faq {	height: 303px; } 
		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: 636px;
			}
					body#home.heeftvacature div#content {
						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;
					padding-right: 20px;
				}
					body#home.heeftvacature div#content div.intro p {
						padding-right: 0px;
					}
				body#home div#content div.intro span {
					color: #d9e9f3;
					text-shadow: 0px 1px #45a1df;
				}
		div.block.faq {
		}
			div.block.faq ul {}
				div.block.faq ul li {					
					line-height: 2em;
					margin: 0 0 0 0;
				}
					div.block.faq ul li + li,
					.vacature li {
						border-top: 1px #e9e9e9 solid;
					}
					div.block.faq ul li a,
					.vacature 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,
						.vacature 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-color: #ffffff;
			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;		
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px; 				
			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;
				margin-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;			
			height: 326px;
		}
			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.0em;
			}
			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: 186px;
			}
			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: BookmanOldStyleRegular, 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;
			}
	#content fieldset {
		background: none;
		filter: none;
		border-radius: 0px;
		padding: 0px 0px 12px 0px;
		margin: 0px 0px 20px 0px;
	}
		#delivery_address {
			float: left;
			width: 100%;
		}
		#content #extraorderinformation {
			background: none;
			border: 1px dashed #dfe1e3;
		}
		#content fieldset h2 {
			margin-top: 1em;
			margin-bottom: 1em;
			padding: 0px 26px;
		}
		#content form fieldset > div {
			/*border-bottom: 1px solid #e5e6e7;*/
			padding: 0.6em 0px;
		}
			#content form div + div {
				/*border-top: 1px solid #ffffff;*/
			}
			#content form fieldset > div:last-child {
				border-bottom: none;
			}
		label {
			font-weight: bold;
		}
		#content label {
			float: left;
			padding-top: 4px;
			width: 190px;
		}
	#content form div input,
	#content form div textarea,
	#content form td input[type="text"],
	#content form td textarea {
		width: 250px;
	}
		#wrapper input[type=text],
		#content form div textarea,
		#content form td input[type="text"],
		#content form td textarea {
			background-color: #fbfbfb;
			-webkit-box-shadow: inset 0px 0px 1px 1px #eeeeee;
			-moz-box-shadow: inset 0px 0px 1px 1px #eeeeee;
			box-shadow: inset 0px 0px 1px 1px #eeeeee; 
			border: 1px solid #d3d3d3;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px; 
			padding: 5px;
		}
			form fieldset input.file {
				height: 24px;
			}
		form fieldset div.radiolist input {
		}
		form fieldset div.customcheckboxfield input {

		}
		form fieldset div.humanityfield input {
			margin-left: 190px;
		}		
		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;
				margin-left: 190px;
				width: 223px;
			}
				.reactieformulier form input[type=submit] {
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px; 
					background: #d1f700; /* Old browsers */
					background: -moz-linear-gradient(top, #d1f700 0%, #c5ea00 1%, #a0c200 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1f700), color-stop(1%,#c5ea00), color-stop(100%,#a0c200)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, #d1f700 0%,#c5ea00 1%,#a0c200 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #d1f700 0%,#c5ea00 1%,#a0c200 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, #d1f700 0%,#c5ea00 1%,#a0c200 100%); /* IE10+ */
					background: linear-gradient(top, #d1f700 0%,#c5ea00 1%,#a0c200 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1f700', endColorstr='#a0c200',GradientType=0 ); /* IE6-9 */
					color: #ffffff;
					cursor: pointer;
					font-weight: bold;
					font-size: 1.3em;
					font-family: BookmanOldStyleRegular,georgia,times,serif;
					margin-left: 190px;
					border-width: 1px;
					border-style: solid;
					border-color: #a9cb00 #a9cb00 #6e8504 #a9cb00;
					padding: 9px 22px;
					text-shadow: 0px 1px 1px #000000;
				}
					.reactieformulier form input[type=submit]:hover {
						background: #d1f700; /* Old browsers */
						background: -moz-linear-gradient(top, #d1f700 0%, #bde200 1%, #98b800 100%); /* FF3.6+ */
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1f700), color-stop(1%,#bde200), color-stop(100%,#98b800)); /* Chrome,Safari4+ */
						background: -webkit-linear-gradient(top, #d1f700 0%,#bde200 1%,#98b800 100%); /* Chrome10+,Safari5.1+ */
						background: -o-linear-gradient(top, #d1f700 0%,#bde200 1%,#98b800 100%); /* Opera 11.10+ */
						background: -ms-linear-gradient(top, #d1f700 0%,#bde200 1%,#98b800 100%); /* IE10+ */
						background: linear-gradient(top, #d1f700 0%,#bde200 1%,#98b800 100%); /* W3C */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1f700', endColorstr='#98b800',GradientType=0 ); /* IE6-9 */
					}
		form fieldset .error input {
			margin-bottom: 0px;
		}
			.error span {
				color: #cc0000;
				display: block;
				font-size: 0.8em;
				padding: 0px 0px 0px 191px;
				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.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;
		}

blockquote p,
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;
}
	blockquote {
		border-left: 1px solid #e7e7e7;
		margin-left: 10px;
		padding: 1em 0px 0px 20px;
		margin-bottom: 2em;
	}
	#weblog_detailpagina blockquote p {
		font-size: 0.9em;
		float: none;
		margin-bottom: 0px;
		padding-bottom: 2em;
		width: 589px;
	}

/* The Nivo Slider styles */
.slider-wrapper {
	padding: 0px 55px;
} 
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
	#wrapper .nivo-caption p {
		margin: 0px;
	}
		#wrapper .nivo-caption p span {
			font-size: 0.7em;
		}
/* Direction nav styles (e.g. Next & Prev) */
#slider {
	border: 1px #D5D4D4 solid;
}
.nivo-directionNav a {
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	position:absolute;
	height: 16px;
	width: 16px;
	top:45%;
	z-index:9;
	cursor:pointer;
	text-indent: -999em;
}
.nivo-prevNav {
	background-image: url(../img/arrow_previous_magenta_circle.gif);
	left: -40px;
}
.nivo-nextNav {
	background-image: url(../img/arrow_next_magenta_circle.gif);
	right: -40px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	margin: 0 auto;
    position: absolute;
	left: 126px;
    top: 275px;
    width: 80px;
}
.nivo-controlNav a {
	background: url(../img/nivobolletje.png) no-repeat left bottom;
	display: block;
	float: left;
	height: 11px;
	width: 11px;
	position:relative;
	z-index:9;
	cursor:pointer;
	text-indent: -999em;
}
.nivo-controlNav a + a {
	margin-left: 5px;
}
.nivo-controlNav a.active {
	background-position: left top;
}


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

div#footer-wrapper {
	background: #f7f6f6;
	border-top: 1px #ececec solid;
	bottom: 0;
	height: 3em;
	position: absolute;
	width: 100%;
}
	#home #footer-wrapper {
		background-color: #f6f9fc;
		border-color: #d4e4f1;
	}
	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,
ul.screenshots:after, /* wordt dit nog gebruikt? */
div.screenshots:after,
ul.projectlist:after,
ul.menu:after,
div.rowwrapper_intro:after,
.nivo-controlNav:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility:hidden;
}