/*	========================================================================
	imports
	======================================================================== */

	@import "cssreset.css";

/*	========================================================================
	skin positionering
	======================================================================== */
	
	html {height: 100%;}
	body {background: #ececec; font: 12px/18pt "Helvetica", Arial, Verdana, sans-serif;}
	p {margin: 1em 0em 0em 0em;}
	h1, h2, h3, h4, h5 {}
	h2 {font-size: 140%; color: #ce000b; margin-bottom: 0.5em;}
	a {text-decoration: none;}
	a:link, a:visited {color: #cf000c;}
	a:active, a:hover {color: #000000;}
	
	.clear {clear: both;}
	
	h1#logo {width: 960px; height: 93px; margin: 0px auto; background: url('../img/logo.jpg') no-repeat; text-indent: -9999px;}
	#navigatie_wrapper {width: 100%; height: 50px; background: url('../img/nav_spacer.jpg') repeat-x;}
	#navigatie_wrapper_inner {width: 960px; margin: 0px auto;}
	ul#navigatie {float: right;}
	#navigatie li {display: inline-block; float: left;}
	#navigatie a {float: left; font: bold 14px/50px "Helvetica", Arial, Verdana, sans-serif; padding: 0px 8px 0px 8px;}
	#navigatie a:link, #navigatie a:visited {color: #000;}
	#navigatie a:active, #navigatie a:hover, #navigatie a.active {color: #fff;}
	
	#headerfoto {width: 100%; height: 206px; background: url('../img/header_spacer.jpg');}
	#headerfoto_inner {width: 100%; height: 206px; background: url('../img/header.jpg') no-repeat top center;}
	
	#intro {width: 100%; background: #e4e4e4 url('../img/intro_gradient.jpg') repeat-x; border-bottom: 1px solid #dcdcdc; overflow: hidden;}
	#intro_inner {width: 960px; margin: 0px auto;}
	.intro_item {float: left; width: 1000px; margin: 20px 10px; padding: 20px; background: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0px 2px 10px #c3c3c3; -webkit-box-shadow: 0px 2px 10px #c3c3c3;}
	.intro_item:hover {-moz-box-shadow: 0px 2px 10px #7f7f7f; -webkit-box-shadow: 0px 2px 10px #7f7f7f;}
	.intro_item ul {margin-bottom: 0.5em;}
	.intro_item li {list-style-type: disc; margin-left: 15px;}
	.intro_item a {font-weight: bold;}
	p.button {text-align: right;}
	
	#content {width: 100%; border-top: 1px solid #fff;}
	#content_inner {width: 900px; margin: 0px auto; padding: 30px 0px 30px 0px;} 
	
	#footer_wrapper {width: 100%; height: 50px; background: url('../img/nav_spacer.jpg') repeat-x;}
	#footer_wrapper_inner {width: 900px; margin: 0px auto; line-height: 50px; color: #fff;}
	#footer_wrapper_inner a:link, #footer_wrapper_inner a:visited {color: #fff;}
	#footer_wrapper_inner a:active, #footer_wrapper_inner a:hover {color: #fff;}
	
	a.callto {display: inline-block; padding: 3px 8px; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
	a.callto:link, a.callto:visited {background: #cf000c;}
	a.callto:active, a.callto:hover {background: #000000;}