* {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

body {
	font: 62.5% Arial, Helvetica, sans-serif;
	color: #505050;
}

#header-wrapper {
	width: 100%;
	height: 229px;
}

#header {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 229px;
}

h1 {
	position: absolute;
	top: 76px;
	left: 17px;
}

h1 a {
	display: block;
	width: 365px;
	height: 93px;
	background: url(../images/logo-click.png) left top no-repeat;
	text-indent: -9999px;
}

#photobanner {
	position: relative;
	float: right;
	width: 513px;
	height: 229px;
	overflow: hidden;
}

#photobanner span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 513px;
	height: 229px;
	background: url(../images/photobanner-style.png) left top no-repeat;
}

#menu-wrapper {
	width: 100%;
	height: 150px;
	background: url(../images/menu-gradient.gif) left top repeat-x;
}

#menu {
	margin: 0 auto;
	padding: 6px 0 0 0;
	width: 962px;
	height: 144px;
}

#menu ul {
	margin: 0 0 0 2px;
	width: 960px;
	height: 144px;
	list-style: none;
}

#menu li {
	float: left;
	margin: 0 0 0 -2px;
	width: 162px;
	background: url(../images/menu-spacer.png) right 4px no-repeat;
}

#menu li.last {
	background: none;
}

#menu a:link,
#menu a:visited {
	display: block;
	padding: 0 21px;
	width: 120px;
	height: 144px;
	text-decoration: none;
}

#menu a:hover,
#menu a:active,
#menu li.active a:link,
#menu li.active a:visited {
	text-decoration: none;
	background: #fff url(../images/menu-hover.gif) left top no-repeat;
}

#menu strong {
	display: block;
	font-size: 1.6em;
	line-height: 42px;
}

#menu a:link strong,
#menu a:visited strong {
	color: #fff;
}

#menu a:hover strong,
#menu a:active strong,
#menu li.active a:link strong,
#menu li.active a:visited strong {
	color: #4b4c4e;
}

#menu span {
	display: block;
	font-size: 1.2em;
	line-height: 20px;
}

#menu a:link span,
#menu a:visited span {
	color: #000;
}

#menu a:hover span,
#menu a:active span,
#menu li.active a:link span,
#menu li.active a:visited span {
	color: #505050;
}

#content-wrapper {
	width: 100%;
}

#content {
	margin: 0 auto;
	width: 960px;
}

#col-left {
	float: left;
	margin: 0 0 50px 0;
	padding: 0 20px 0 0;
	width: 470px;
}

#col-right {
	float: left;
	margin: 0 0 50px -20px;
	padding: 0 0 0 20px;
	width: 470px;
}

#row-top {
	width: 960px;
}

#row-bottom {
	padding: 0 0 50px 0;
	width: 960px;
}

.box {
	padding: 15px 20px 20px 20px;
	width: 430px;
	border-bottom: 1px solid #c8c8c8;
}

#row-top .box {
	float: left;
	width: 440px;
}

#row-bottom .box {
	float: left;
}

.box h3 {
	font-size: 3.0em;
	font-weight: normal;
	font-style: italic;
	line-height: 60px;
	color: #00a7d9;
}

.box h2 {
	font-size: 1.6em;
	font-weight: normal;
	font-style: italic;
	line-height: 30px;
	color: #00a7d9;
}


.box p {
	font-size: 1.2em;
	line-height: 20px;
	padding: 0 0 20px 0;
}

.box ul {
	display: inline-block;
	font-size: 1.2em;
	line-height: 20px;
	padding: 0 0 20px 0;
	list-style: none;
}

.box ul li {
	padding: 0 0 0 15px;
	background: url(../images/list-square.gif) left 9px no-repeat;
}

.box fieldset {
	border: none;
}

.box form dt {
	float: left;
	width: 135px;
	height: 25px;
}

.box form dd {
	float: left;
	width: 195px;
}

.box label {
	font-size: 1.2em;
	line-height: 25px;
}

.box input {
	margin: 0 0 3px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #505050;
	border: none;
}

.box textarea {
	margin: 0 0 3px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 18px;
	color: #505050;
	border: none;
}

.box .error {
	color: #cc0000;
}

.box .button {
	padding: 0;
	height: 25px;
	font-weight: bold;
	line-height: 25px;
	background: url(../images/button-line.gif) left 12px repeat-x;
}

.box .button span {
	float: right;
	padding: 0 0 0 10px;
	background: #fff;
}

.box .button a:link,
.box .button a:visited {
	display: block;
	width: 95px;
	height: 25px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: url(../images/button.gif) left top no-repeat;
}

.box .button a:hover,
.box .button a:active {
	color: #fff;
	text-decoration: none;
	background-position: left bottom;
}

.box .photo {
	float: left;
	position: relative;
	left: -45px;
	overflow: hidden;
}

.box .photo span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}

.box .photo-style-1 {
	margin: 2px -25px 0 0;
	padding: 6px 6px 21px 11px;
	width: 175px;
	height: 151px;
}

.box .photo-style-1 span {
	width: 192px;
	height: 178px;
	background: url(../images/photo-style-1.png) left top no-repeat;
}

.box .photo-style-2 {
	margin: 2px -31px 14px 0;
	padding: 6px 9px 6px 16px;
	width: 173px;
	height: 152px;
}

.box .photo-style-2 span {
	width: 198px;
	height: 164px;
	background: url(../images/photo-style-2.png) left top no-repeat;
}

.box-wo-border {
	border-bottom: none;
}

.box-large {
	width: 860px;
}

#intro-box {
	border: none;
}

#intro-box .button {
	margin: 39px 0 0 0;
}

#youtube-box {
	margin: 20px 0 0 0;
	padding: 0 20px;
	height: 359px;
	background: url(../images/youtube-box.png) left top no-repeat;
	border: none;
}

#youtube-box h3 {
	color: #fff;
}

#youtube-box #youtube-player {
	margin: 7px 0 0 0;
}

#spotlight-box {
	position: relative;
	margin: 15px 20px 0 0;
	padding: 20px 20px 0 20px;
	width: 270px;
	height: 241px;
	color: #1b1b1b;
	background: url(../images/spotlight-box.jpg) left top no-repeat;
	border: none;
}

#spotlight-box h3 {
	font-size: 2.2em;
	line-height: 26px;
	color: #fff;
}

#spotlight-box .photo {
	float: none;
	position: absolute;
	top: 111px;
	left: -23px;
	margin: 0;
	padding: 6px 9px 6px 14px;
	width: 142px;
	height: 125px;
}

#spotlight-box .photo span {
	width: 165px;
	height: 137px;
	background: url(../images/spotlight-photo-style.png) left top no-repeat;
}

#spotlight-box p {
	margin: 18px 0 0 135px;
}

#spotlight-box .button {
	margin: 0;
	background: none;
}

#spotlight-box .button span {
	background: none;
}

#spotlight-box .button a:link,
#spotlight-box .button a:visited {
	background-image: url(../images/button-blue-box.gif);
}

#donatie-box {
	position: relative;
	width: 590px;
	border: none;
}

#donatie-box h3 {
	color: #404042;
}

#donatie-box p {
	width: 495px;
}

#donatie-box #rekeningnummer {
	position: absolute;
	top: 40px;
	right: -35px;
	width: 152px;
	height: 150px;
	background: url(../images/donatie-badge.png) left top no-repeat;
	text-indent: -9999px;
}

#donatie-box .button {
	width: auto;
}

#vacature-box {
	position: relative;
	width: 920px;
	border: none;
}

#vacature-box h3 {
	color: #404042;
}

#vacature-box p {
	width: 920px;
}

#vacature-box #rekeningnummer {
	position: absolute;
	top: 40px;
	right: -35px;
	width: 152px;
	height: 150px;
	background: url(../images/donatie-badge.png) left top no-repeat;
	text-indent: -9999px;
}

#vacature-box .button {
	width: auto;
}

#nieuws-box {
	position: relative;
	width: 920px;
	border: none;
}

#nieuws-box h3 {
	color: #404042;
}

#nieuws-box p {
	width: 920px;
}

#nieuws-box #rekeningnummer {
	position: absolute;
	top: 40px;
	right: -35px;
	width: 152px;
	height: 150px;
	background: url(../images/donatie-badge.png) left top no-repeat;
	text-indent: -9999px;
}

#nieuws-box .button {
	width: auto;
}


#aanmelden-box {
	margin: 35px 0 0 0;
	padding: 0 20px;
	height: 281px;
	color: #1b1b1b;
	background: url(../images/aanmelden-box.jpg) left top no-repeat;
	border: none;
	overflow: hidden;
}

#aanmelden-box h3 {
	font-size: 2.2em;
	color: #fff;
}

#aanmelden-box input {
	padding: 6px 8px 0 8px;
	width: 279px;
	height: 19px;
	background: url(../images/aanmelden-input.png) left top no-repeat;
}

#aanmelden-box .note {
	float: left;
	margin: 25px 0 0 0;
	font-weight: bold;
	line-height: 25px;
}

#aanmelden-box .button {
	float: right;
	margin: 25px 0 0 0;
	background: none;
}

#aanmelden-box .button span {
	background: none;
}

#aanmelden-box .button a:link,
#aanmelden-box .button a:visited {
	background-image: url(../images/button-blue-box.gif);
}

#contact-box {
	margin: 35px 0 0 0;
	padding: 0 20px;
	height: 554px;
	color: #1b1b1b;
	background: url(../images/contact-box.jpg) left top no-repeat;
	border: none;
	overflow: hidden;
}

#contact-box h3 {
	font-size: 2.2em;
	color: #fff;
}

#contact-box input {
	padding: 6px 8px 0 8px;
	width: 279px;
	height: 19px;
	background: url(../images/aanmelden-input.png) left top no-repeat;
}

#contact-box textarea {
	padding: 4px 4px 4px 8px;
	width: 283px;
	height: 207px;
	background: url(../images/contact-textarea.png) left top no-repeat;
}

#contact-box .note {
	float: left;
	margin: 25px 0 0 0;
	font-weight: bold;
	line-height: 25px;
}

#contact-box .button {
	float: right;
	margin: 25px 0 0 0;
	background: none;
}

#contact-box .button span {
	background: none;
}

#contact-box .button a:link,
#contact-box .button a:visited {
	background-image: url(../images/button-blue-box.gif);
}

#footer-wrapper {
	width: 100%;
	height: 100px;
	background: url(../images/footer-gradient.gif) left top repeat-x;
}

#footer {
	margin: 0 auto;
	width: 960px;
}

#footer p {
	margin: 10px 0 0 0;
	font-size: 1.2em;
	line-height: 56px;
	color: #fff;
}

#footer a:link,
#footer a:visited {
	color: #fff;
	text-decoration: underline;
}

#footer a:hover,
#footer a:active {
	color: #fff;
	text-decoration: none;
}

#footer #copyright {
	float: left;
	padding: 0 0 0 115px;
	background: url(../images/footer-logos.png) left top no-repeat;
}

#footer #credits {
	float: right;
	padding-right: 20px;
}