body
{
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 76%;
	color: #6a6a6a;
	background-color: #FFF;
}

.clearboth 	{ clear: both; }
.dontbreak	{ white-space: nowrap; }

div.centerbox {
	position: relative;
	float: none;
	width: 960px;
	height: inherit;
	margin: 0px auto;
}

#spacer_top {
	position: relative;
	float: left;
	background-color: #5e5e5e;
	width: 100%;
	height: 10px;
}

#header {
	position: relative;
	float: left;
	width: 100%;
	height: 88px;
	background-image: url('/images/header_bg.png');
	background-repeat: repeat-x;
	background-position: bottom;		
}

	#header #logo {
		float: left;
		width: 253px;
		height: 56px;
		margin: 16px 0px 16px 0px;
	}
	
	#header ul {
		float: right;
		margin: 16px 0px 0px 0px;
		width: 400px;
	}
	
		#header ul li {
			float: left;
			margin: 0px 0px 0px 20px;
		}
		
		#header ul li a {
			color: #6a6a6a;
			text-decoration: none;
			text-transform: uppercase;
		}
		
#promobox {
	position: relative;
	float: left;
	width: 100%;
	height: 400px;
	background-image: url('/images/promo_bg.png');
	background-repeat: repeat-x;
	background-position: bottom;		
}

	#promo {
		
	}
	
	#promobox div.centerbox {
		padding: 50px 0px 50px 0px;
		height: 300px;
	}
	
			#promo a.browse {
				float: left;
				width: 50px;
				height: 50px;
				margin: 115px 0px 0px 0px;
			}
					
			#promo_items {
				float: left;
				width: 860px;
				height: 300px;
				overflow: hidden;
				position: relative;
			}
			
				div.items {
					position: absolute;
					float: left;
					width: 20000em;
				}
				
					div.items div {
						width: 860px;
					}
					
					div.items img {
						float: left;
						margin: 0px 40px 0px 0px;
					}
					
					div.items h1 {
						float: left;
						font-size: 180%;
						color: #333333;
						margin: 10px;
					}
					
					div.items h1 span {
						color: #6a6a6a;
					}
					
					div.items p {
						margin: 10px;
						width: 466px;
						float: left;
						color: #333333;
						line-height: 160%;
					}

#shoutbox {
	float: left;
	width: 100%;
	border-top: 1px solid #ffffff;
	background-image: url('/images/shoutbox_filler.png');
	background-repeat: repeat-x;
	background-position: bottom;	
}

div.shout {
	height: 165px;
}

div.quiet {
	height: 20px;
}

	#shoutbox div.centerbox {
		padding: 00px 0px 20px 0px;
		height: 145px;
	}
	
	#shoutbox h2 {
		line-height: 150%;
		font-size: 150%;
		font-style: italic;
		font-weight: normal;
		float: left;
		width: 640px;
	}
	
	#shoutbox p {
		float: right;
		width: 247px;
		text-align: center;
	}
	
		#shoutbox p a {
			background-image: url('../images/button_174.png');
			background-repeat: no-repeat;
			height: 62px;
			width: 174px;
			display: block;
			text-align: center;
			line-height: 56px;
			color: #FFFFFF;
			text-decoration: none;
			font-size: 180%;
		}


#content {
	float: left;
	width: 100%;
	background-color: #FFFFFF;
}

	#content #textcontent {
		padding: 30px 0px 30px 0px;
	}

		#content #textcontent h1 {
			background-image: url('../images/bg_line_blog.png');
			background-repeat: repeat-x;
			background-position: bottom;
			padding: 0px 0px 12px 0px;
			margin: 20px 0px 2px 0px;	
			font-size: 180%;
			font-weight: normal;	
		} 
		
		#content #textcontent h2 {
			padding: 0px 0px 6px 0px;
			margin: 10px 0px 12px 0px;	
			font-size: 140%;
			font-weight: normal;	
		} 

	#content div.box220 {
		float: left;
		width: 220px;
	}
	
	#content div.box320 {
		float: left;
		width: 320px;
	}
	
	#content div.box450 {
		float: left;
		width: 460px;
	}

	#content div.box640 {
		float: left;
		width: 640px;
	}
	
	#content img.portfolio {
		padding: 22px 8px 35px 2px;
		width: 450px;
		height: 275px;
		background-image: url('../images/portfolio_bg.png');
		background-repeat: no-repeat;
	}
	
		#content #textcontent a.readmore {
			background-image: url('../images/lees_verder.png');
			background-repeat: no-repeat;
			height: 32px;
			margin: 18px 0px 0px 0px;
			width: 94px;
			display: block;
			text-align: center;
			line-height: 26px;
			color: #FFFFFF;
			text-decoration: none;
	
		}

	#content #blogoptions {
		width: 280px;
		padding: 30px 20px 0px 20px;
		background-image: url('../images/right_bg.png');
		background-repeat: no-repeat;
		min-height: 600px;
	}

		#content #blogoptions h3 {
			font-size: 140%;
			margin: 8px 0px 8px 0px;
			padding: 0px 0px 8px 0px;
			border-bottom: 0px;
			color: #6a6a6a;
			font-weight: normal;
		}

		#content #blogoptions ul {
			background-image: url('../images/bg_line_blog.png');
			background-repeat: repeat-x;
			background-position: top;
			margin: 0px 0px 18px 0px;		
		}
		
		#content #blogoptions ul li {
			background-image: url('../images/bg_line_blog.png');
			background-repeat: repeat-x;
			background-position: bottom;
			padding: 12px 0px 12px 0px;
		}
		
			#content #blogoptions ul li a {
				text-decoration: none;
				color: #6a6a6a;
			}

			#content #blogoptions ul li a:hover {
				text-decoration: none;
				color: #2a2a2a;
			}
			
			#content #blogoptions ul li h2 {
				font-weight: normal;
				font-size: 100%;
			}
			
			#content #blogoptions ul li h4 {
				font-weight: normal;
				font-size: 140%;
			}
			
				#content #blogoptions ul li h4 img {
					vertical-align: middle;
					margin: 0px 10px 0px 0px;
				}


			#content #blogoptions ul li p {
				line-height: 140%;
				color: #999999;
				font-size: 80%;
			}
		
	#content #bloglist {
		min-height: 600px;
	}
	
		#content #bloglist #googlemap {
			float: left;
			width: 620px;
			height: 360px;
		}

		#content #bloglist a {
			text-decoration: none;
			color: #2a2a2a;
		}

		#content #bloglist a:hover {
			text-decoration: underline;
			color: #6a6a6a;
		}
		
		#content #bloglist h1 {
			background-image: url('../images/bg_line_blog.png');
			background-repeat: repeat-x;
			background-position: bottom;
			padding: 0px 0px 12px 0px;
			margin: 20px 0px 2px 0px;	
			width: 620px;
			font-size: 180%;
			font-weight: normal;	
		} 
		
		#content #bloglist h2 {
			padding: 0px 0px 6px 0px;
			margin: 10px 0px 12px 0px;	
			width: 620px;
			font-size: 140%;
			font-weight: normal;	
		} 
		
		#content #bloglist ul {
			line-height: 160%;
			width: 600px;
			margin: 8px 0px 8px 0px;
			padding: 0px 0px 0px 20px;
			list-style-type: disc;
		}


		#content #bloglist a.readmore {
			background-image: url('../images/lees_verder.png');
			background-repeat: no-repeat;
			height: 32px;
			width: 94px;
			display: block;
			text-align: center;
			line-height: 26px;
			color: #FFFFFF;
			text-decoration: none;
	
		}
		
		#content #bloglist p.headerinfo {
			width: 620px;
			background-image: url('../images/bg_line_blog.png');
			background-repeat: repeat-x;
			background-position: bottom;
			line-height: 140%;
			padding: 0px 0px 4px 0px;
			margin: 0px 0px 18px 0px;
			color: #999999;
			font-size: 80%;
			text-transform: uppercase;			
		}
		
		#content #bloglist p {
			line-height: 160%;
			margin: 8px 0px 8px 0px;
			width: 620px;
		}

		#content #bloglist p.pagenav {
			margin: 28px 0px 8px 0px;
			text-align: center;
			width: 620px;
		}

		#content #bloglist div.blog_share {
			float: left;
			width: 460px;
			height: 32px; 
			padding: 12px 30px 12px 130px;
			background-image: url('../images/share_bg.png');
			background-repeat: no-repeat;
			background-position: top;
			margin: 20px 0px 20px 0px;
		}
		
			#content #bloglist div.blog_share a {
				margin: 0px 14px 0px 0px;
			}


		#content #bloglist div.blog_note {
			float: left;
			width: 560px;
			height: 159px;
			padding: 0px 30px 10px 30px;
			background-image: url('../images/blog_note.png');
			background-repeat: no-repeat;
			background-position: top;
			margin: 20px 0px 20px 0px;
		}
		
			#content #bloglist div.blog_note p {
				width: 560px;
			}


		#content #bloglist div.reaction_person {
			float: left;
			width: 70px;
			min-height: 133px;
			padding: 16px 0px 0px 0px;
		}
		
			#content #bloglist div.reaction_person p {
				color: #999999;
				line-height: 140%;
				width: 70px;
			}
		
		#content #bloglist div.reaction_content {
			float: left;
			width: 520px;
			min-height: 133px;
			background-image: url('../images/blog_comment.png');
			background-repeat: no-repeat;
			background-position: top;
			padding: 10px 20px 6px 30px;		
		}
			
			#content #bloglist div.reaction_content p {
				margin: 8px 0px 8px 0px;
				width: 520px;
			}
	
		#content div.box450 p.headerinfo {
			width: 450px;
			background-image: url('../images/bg_line_blog.png');
			background-repeat: repeat-x;
			background-position: bottom;
			line-height: 140%;
			padding: 0px 0px 4px 0px;
			margin: 0px 0px 18px 0px;
			color: #999999;
			font-size: 80%;
			text-transform: uppercase;			
		}
		
		#content div.box450 p {
			line-height: 160%;
			margin: 8px 0px 8px 0px;
			width: 450px;
		}
	
	#content h3 {
		font-size: 120%;
		margin: 4px 0px 4px 0px;
		padding: 0px 0px 4px 0px;
		border-bottom: 1px solid #333333;
	}
	
	#content p {
		line-height: 140%;
	}
	
	#content div.spacer220 {
		margin: 0px 0px 0px 26px;
	}
	
	#content div.spacer450 {
		margin: 0px 0px 0px 40px;
	}

#footer {
	float: left;
	width: 100%;
	height: 300px;
	background-image: url('/images/footer_filler.png');
	background-repeat: repeat-x;
	background-position: top;
	background-color: #000000;		
}

	#footer div.centerbox {
		background-image: url('/images/footer_bg.png');
		background-repeat: no-repeat;
		background-position: top;		
		padding: 20px 0px 0px 0px;
		height: 280px;
	}
	
	#footer #contact_sniplet {
		float: right;
		width: 300px;
	}
	
	#footer h2 {
		color: #dddddd;
		font-size: 160%;
		font-weight: normal;
		padding: 0px 0px 4px 0px;
		margin: 0px 0px 10px 0px;
		border-bottom: 1px solid #333333;
	}
	
	#footer ul {
		float: left;
		width: 640px;
	}
	
		#footer ul li {
			float: left;
			width: 120px;
			margin: 0px 40px 0px 0px;
		}
		
		#footer ul ul {
			width: 120px;
			margin: -10px 0px 0px 0px;
		}
		
		#footer ul ul li {
			width: 120px;
			padding: 6px 0px 6px 0px;
			border-bottom: 1px solid #333333;
		}
	
	#footer p {
		line-height: 140%;
	}

	#footer a {
		color: #6a6a6a;
		text-decoration: none;
	}
	
	#footer a:hover {
		color: #00CE38;
	}

#footnote {
	float: left;
	width: 100%;
	height: 20px;
	background-color: #000000;
}

	#footnote p.left {
		font-size: 90%;
		color: #ababab;
		line-height: 20px;
		float: left;
		width: 640px;
	}
	
	#footnote p.right {
		font-size: 90%;
		color: #ababab;
		line-height: 20px;
		width: 300px;
		float: right;
	}

a {
	color: #00CE38;
}

#content pre {
font-size: 12px;
line-height: 20px;
width: 620px;
overflow: auto;
overflow-y: hidden;
background: url(../images/code_bg.jpg);
margin: 10px 0 20px 0;
}

#content pre code { display: block; margin-left: 20px; }

#content ol { list-style: decimal; margin-left: 25px; }

#content textarea { width: 620px; line-height: 20px; margin: 10px 0 20px 0; font-size: 12px; display: none; } 

#contentframe {
	border: 0px;
	width: 620px;
}