/* CSS Document */

strong{
	font-weight: bold;
}

/* Global Styles */
html {
	overflow-y: scroll;
}

body {
	background: #40403f;
	font-family: Arial, Verdana, sans-serif;
	font-size: 62.5%;
	color: #666;
}

a {
	color: #f0ae0e;
	text-decoration: none;	
}
a:hover {
	text-decoration: underline;	
}

span.none { position: absolute; left: -9999px; }

.left{ float: left !important; }
.right{ float: right !important; }
.clear{ clear: both; }
.bold { font-weight: bold; }

/* Top */
#top-holder{
	height: 100px;
	background: #f4f7eb;
}

#top-holder #top-wrapper{
	width: 900px;
	height: 100px;
	margin: 0 auto;
	padding: 0 10px;
}

#top-holder #top-wrapper h1.logo{
	width: 280px;
	height: 80px;
	margin: 10px;
	float: left;
	display: block;
}

#top-holder #top-wrapper ul.menu{
	height: 30px;
	margin: 35px 0 0;
	float: right;
}
ul.menu li { float: left; }
ul.menu li a{
	height: 20px;
	margin: 0 10px;
	padding: 10px 10px 0;
	float: left;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	color: #666;
}
ul.menu li a:hover{
	color: #f0ae0e;
	text-decoration: none;
}

ul.menu li a.active{
	color: #f4f7eb;
	background: #3e6a07 url('/img/top-menu-button-background.gif') repeat-x;
}

/* Header */
#header-holder{
	height: 225px;
	background: #3e6a07 url('/img/header-background.gif') repeat-x;
}

#header-holder #header-wrapper{
	width: 900px;
	height: 225px;
	margin: 0 auto;
	padding: 0 10px;
	background: #3e6a07 url('/img/header-watermark.jpg') no-repeat;
}

#header-holder #header-wrapper .afbeelding-holder{
	width: 440px;
	height: 225px;
	margin: 0 0 0 10px;
	float: left;
}

#header-holder #header-wrapper .afbeelding-holder img{
	display: block;
}

#header-holder #header-wrapper .quote-holder{
	width: 400px;
	height: 140px;
	margin: 85px 10px 0 0;
	float: right;
}

#header-holder #header-wrapper .quote-holder .subquote{
	margin: 5px 0 0 20px;
}

/* Content */
#content-holder{
	background: #f4f7eb;
}

#content-holder #content-wrapper{
	width: 900px;
	margin: 0 auto;
	padding: 10px;
}

#content-holder #content-wrapper #content{
	margin: 10px 0;
	background: url('/img/content-background.gif') repeat-y right;
}

#content-holder #content-wrapper #content #content-left{
	width: 600px;
	float: left;
}

#content-holder #content-wrapper #content #content-right{
	width: 280px;
	margin: 0 10px;
	float: right;
}

/* Footer */
#footer-holder{
	background: #40403f;
}

#footer-holder #footer-wrapper{
	width: 900px;
	margin: 0 auto;
	padding: 0 10px;
}

#footer-wrapper .footer-links{
	padding: 20px 10px;
	color: #f4f7eb;
	font-size: 1.1em;
	line-height: 2;
}

#footer-wrapper .footer-links a{
	font-weight: bold;
	color: #f4f7eb;
}

#footer-wrapper .footer-links a:hover{
	color: #f0ae0e;
}

/* Clearfix ----------------------------------------------- */
/* -------------------------------------------------------- */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */