/*
Center26 v2 (center26.be)
Door Pixelpanic.be (versie 11-07-2009)
*/

/* HTML selectors */
body {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
	background: #1D1F22;
	margin: 0;
	padding: 0;
}
p, ul, li, form, fieldset, input, textarea, img, h1, h2, h3, h4, h5, h6, iframe {
	margin: 0;
	padding: 0;
}
p, ul {
	margin-bottom: 15px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
h2 {
	font-size: 18px;
	margin-bottom: 10px;
	color: #2B406C;
}
h1.sub, h2.sub {
	margin-bottom: 3px;
}
.contact h2 {
	font-size: 16px;
	margin-bottom: 0;
	color: #000;
}
h3 {
	font-size: 14px;
	margin-bottom: 10px;
	color: #767B88;
}
hr {
	height: 0;
	border: 0;
	border-top: 1px solid #D1D4D8;
	margin-bottom: 15px;
}

/* Positie */
.container {
	margin: 0 auto;
	width: 960px;
}
.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0px;
}

/* Links */
a {
	color: #2B406C;
}
a:hover, a:active {
	color: #745724;
}
.goed a {
	color: #000;
}
.goed a:hover, .goed a:active {
	color: #5F9943;
}
h2 a {
	text-decoration: none;
}
p.taal a {
	color: #767B88;
	text-decoration: none;
}
p.taal a.actief {
	font-weight: bold;
}
p.taal a:hover, p.taal a:active {
	color: #000;
	text-decoration: underline;
}
p.kader a {
	color: #745724;
}
p.kader a:hover, p.kader a:active {
	color: #000;
}
#main .menu a {
	color: #767C89;
	text-decoration: none;
}
#main .menu a.actief {
	color: #000;
}
#main .menu a:hover, #main .menu a:active {
	color: #000;
}
#main .c4 a {
	color: #767C89;
}
#main .c4 a:hover, #main .c4 a:active {
	color: #000;
}
#main .contact a, #main .kader a {
	color: #000;
}
#main .contact a:hover, #main .contact a:active, #main .kader a:hover, #main .kader a:active {
	color: #745724;
}
#footer p.copy a {
	color: #767C89;
	text-decoration: none;
}
#footer p.copy a:hover, #footer p.copy a:active {
	color: #fff;
	text-decoration: none;
}
#footer a.pp {
	background: url(../img/pixellogo.png) no-repeat;
	padding-left: 8px;
}
#footer a:hover.pp, #footer a:active.pp {
	background: url(../img/pixellogo.png) no-repeat 0px -20px;
}

/* Header */
#header {
	background: #E9EAEC url(../img/header.png) repeat-x;
}
#header .container {
	background: url(../img/header_tab.png) no-repeat;
	height: 110px;
}
#header p.taal {
	color: #767B88;
	font-size: 11px;
	text-align: right;
	padding: 15px 30px 0 0;
}
#header h1.logo {
	width: 152px;
	height: 32px;
	background: url(../img/logo.gif) no-repeat;
	margin-left: 40px;
}
#header h1.logo a {
	width: 152px;
	height: 32px;
	display: block;
}
#header h1.logo a:hover, #header h1.logo a:active {
	background: url(../img/logo.gif) no-repeat 0 -32px;
}
#header h1.logo span {
	display: none;
}

/* Main */
#main {
	background: #E9EAEC;
	padding-top: 20px;
}
#main .container {
	margin: 0 auto;
	width: 940px;
}
#main p, #main ul {
	line-height: 18px;
}
#main ul {
	margin-left: 15px;
	list-style: none;
}
#main li {
	background: url(../img/bullet.png);
	padding-left: 12px;
}
#main sup {
	font-size: 8px;
	line-height: normal;
}
#main .c6 p, #main .c6 ul {
	line-height: 20px;
}
#main ul.menu {
	font: 14px  Arial, Helvetica, sans-serif;
	color: #767C89;
	margin-left: 0;
}
#main ul.menu li {
	padding: 0 0 8px 0;
	background: none;
}
#main .c6 ul {
	list-style: none;
}
#main li {
	background: url(../img/bullet.png) no-repeat 0 8px;
	padding-left: 16px;
}
#main .contact {
	background: #D0D3D7;
	padding: 15px;
	margin-top: 25px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#main .contact p {
	margin: 10px 0 0 0;
}
#main .thumbs img {
	padding: 3px;
	background: #fff;
	margin: 10px 25px 20px 0;
}
#main .gallery img {
	padding: 3px;
	background: #fff;
}
#main .thumbs img.last {
	margin-right: 0;
}
#main .thumbs a img, #main .gallery a img {
	border: 1px solid #C8CBD0;
}
#main .thumbs a:hover img, #main .thumbs a:active img, #main .gallery a:hover img, #main .gallery a:active img {
	border: 1px solid #745724;
}
.kader {
	font-size: 12px;
	background: #D0D3D7;
	padding: 6px 10px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.ar {
	float: right;
	border: 1px solid #C8CBD0;
	background: #fff;
	padding: 3px;
	margin: 0 0 10px 10px;
}
.al {
	float: left;
	border: 1px solid #C8CBD0;
	background: #fff;
	padding: 3px;
	margin: 0 10px 10px 0;
}
.rand {
	background-color: #fff;
	padding: 3px;
	border: 1px solid #C8CBD0;
}
.mappos {
	color: #000;
	margin-bottom: 20px;
	width: 732px;
}
#kaart {
	width: 732px;
	height: 320px;
}
#main .video-rand {
	background: #fff;
	border: 1px solid #C8CBD0;
	padding: 3px;
	margin-top: 60px;
	width: 352px;
	height: 262px;
}
.fout {
	border: 1px solid #A30419;
	margin-bottom: 15px;
	padding: 1px;
	background: #fff;
}
.fout p {
	background: #EDCED2;
	margin: 0;
	padding: 10px;
}
.goed {
	border: 1px solid #5F9943;
	margin-bottom: 15px;
	padding: 1px;
	background: #fff;
}
.goed p {
	background: #D7E6D0;
	margin: 0;
	padding: 10px;
}

/* Easyslider */
#main .show {
	position: relative;
	border: 1px solid #C8CBD0;
	padding: 3px;
	background: #fff;
	margin-bottom: 25px;
}
#easyslider ul, #easyslider li{
	margin: 0;
	padding: 0;
	list-style: none;
}
#easyslider, #easyslider li{ 
	width: 475px;
	height: 316px;
	overflow: hidden;
}
#easyslider a img {
	border: none;
}
#prevBtn, #nextBtn{ 
	display:block;
	position: absolute;
	width:20px;
	height:20px;
	left:20px;
	top:150px;
}	
#nextBtn{ 
	left: 442px;
}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:20px;
	height:20px;
	background:url(../img/arrleft.png) no-repeat 0 0;
	outline: none;
}
#prevBtn a span, #nextBtn a span {  
	display:none;
}	
#nextBtn a{ 
	background:url(../img/arrright.png) no-repeat 0 0;	
}

/* Footer */
#footer {
	color: #fff;
	background: url(../img/footer.png) repeat-x;
	font-size: 11px;
}
#footer img {
	margin: 0;
}
#footer .container {
	padding-top: 37px;
	margin: 0 auto;
	width: 940px;
	height: 33px;
}
p.copy {
	color: #767C89;
	float: left;
	padding-top: 4px;
}
p.tris {
	float: right;
}

/* Formulier */
fieldset {
	border: none;
}
legend {
	display: none;
}
input.field {
	font: 14px Arial, sans-serif;
	background: #fff;
	width: 250px;
	border: solid 1px #C8CBD0;
	margin: 3px 0;
}
input.mini {
	width: 50px;
}
input.smal {
	width: 195px;
}
input.submit, .submit {
	margin-top: 10px;
	border: none;
}
textarea {
	font: 14px Arial, sans-serif;
	background: #fff;
	width: 300px;
	height: 150px;
	border: solid 1px #C8CBD0;
	margin: 3px 0;
}
label {
	font-size: 11px;
}
form .ontbreekt {
	color: #A30419;
}
#main form ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#main form ul li {
	padding: 0 0 5px 0;
	background: none;
}
