* { padding:0; margin:0; }

body{ background : #7baddb; margin : 0; font-family : 'Verdana'; font-size : 11px; }

p { line-height:169%; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; font-family: 'GillSansStdRegular'; margin:16px 0; }

h3{ font-size : 12px; margin : 0; padding : 8px 0 10px 0; }

h4{ text-transform : uppercase; font-size : 12px; color : #6992B0; }

ul { margin:10px 16px; }

ul li { list-style-position:outside; padding:4px 0; }

#opsporing{ color : #666; background : url('../img/icon_movie.gif') no-repeat left; padding : 10px 0 10px 27px; }

.clearer{ clear : both; }

#container{ position : relative; width : 970px; margin : 32px auto; box-shadow:0px 0px 8px #6992B0; background:#fff; }

#header{ height : 144px; position:relative; }

#header h1 { width:315px; height:79px; float:left; margin:32px 32px 32px 0; padding:0 0 0 18px; }

#header h1 a { display:block; width:315px; height:79px; background:url('../img/logo.jpg') 0 0 no-repeat; text-indent:-9999em; }

#header .people { float:left; }

#header .langselect { height:36px; line-height:36px; position:absolute; top:54px; right:-4px; background: url('../img/langselect_bg.png') right 0 no-repeat; padding:4px 0; margin:0; }

#header .langselect li { float:left; padding:0 12px; list-style:none; background:#81A3BC; }

#header .langselect li.first { padding:0 0 0 12px; }

#header .langselect li a { color:#4C7392; text-shadow:1px 1px #9EB8CB; font-family: 'GillSansStdRegular'; font-size:17px; text-transform:uppercase; text-decoration:none; }

#header .langselect li a:hover { color:#fff; text-shadow:1px 1px #5783A4; }

#left{ float : left; width : 214px; margin : 0; padding : 0; }

#right{ float : right; width : 225px; margin : 16px 16px 0 0; }

#realisatie{ background : #fff; width : 185px; padding : 10px 25px 0 0; position: relative; }

#realisatie h3{ font-size : 14px; margin : 0; padding : 0; color : #6992B0; font-weight : normal; text-transform : uppercase; }

#realisatie_image{ position : relative; z-index : 0; overflow : hidden; background : none; border : 1px solid #ccc; width : 190px; margin : 10px 0; }

#realisatie #omschrijving{ z-index : 1; position: absolute; top: 75px; width: 180px; left : 1px; padding: 5px; background: url('../img/px_trans.png'); }

.rating{ margin : 0; list-style : none; padding : 0; }

.rating li{ float : left; }

.rating li a{ background : url('../img/star_1.gif') no-repeat; display : block;  }

#content{ position : relative; float : left; width : 700px; margin : 0 0 0 16px; color : #333; }

#content a{ color : #666; }

#content h2{ padding : 0; margin : 15px 0; color : #6992B0; text-transform : uppercase; font-size : 18px; }

#wrapper{ position : relative; margin : 0 auto; background:url('../img/wrapper_bg.jpg') 0 0 repeat-x; }

#menu { background:#6992B0; border-top:2px #5783A4 solid; border-bottom:2px #D0DDE6 solid; }

#menu ul.menu { list-style : none; padding : 0; margin:0; height:44px; line-height:44px; border-bottom:1px #5783A4 solid; }

#menu ul.menu li{ padding : 0; float:left; height:44px; line-height:44px; position:relative; }

#menu ul.menu li a{ padding : 0 18px; color : #bfd4ec; text-decoration : none; font-size : 14px; height:44px; line-height:38px; display:block; text-shadow:1px 1px #476C87; }

.sub { list-style : none; margin : 0; padding : 0; position:absolute; background:#5783A4; display:none; z-index:999; width:120%; border-top:1px #4C7392 solid; }

.sub li { padding : 5px 0; display:block; float:none; border-bottom:1px #4C7392 solid; border-top:1px #6992B0 solid; width:100%; }

.sub li a{ font-size : 12px; }

.sub li ul li a{ font-size : 11px; }

#menu ul.menu li a:hover { color:#fff; }

#menu ul.menu li a:hover, #menu ul.menu li:hover > .sub { display:block!important; }

#menu ul.menu li a#active{ color : #fff; background : #5783A4; }

#menu ul.menu li a#subactive{ color : #DBEF2C; }

#opspeuring_verzocht{ margin : 0 auto; width : 132px; height : 126px; background : url('../img/opspeuring_verzocht.gif') no-repeat; }

#footer{ width : 934px; color : #666; font-size : 10px; margin : 50px 0 0 0; border-top : 2px solid #D0DDE6; padding : 18px; background : #F2F5F9; font-family: 'GillSansStdRegular';  }

#footer .col { float:left; padding:0 10px; border-right:1px #e0e0e0 solid; border-left:1px #fff solid; height:58px; }

#footer .col.a { width:216px; padding:0 10px 0 0; border-left:none; }

#footer .col img { vertical-align:middle; }

#footer .col.c { height:58px; line-height:52px; border-right:none; }

#footer a { color :#666; text-decoration: underline; font-size:11px; }

#realisaties{ color : #6992B0; float : right;  text-decoration : none; margin : 0; padding : 2px 0 0 0; text-align : right; font-size : 11px; width : 100px; }

#realisaties:hover{ color : #B3C91B; }

#stars{ float : left; width : 80px; }

#stars a{ color: #7BADDB; }

#stars a:hover{ color: #6992B0; }

#likecolumnright{ color: #6992B0; }

.likediv{ color: #6992B0; }

.box{ width : 208px; margin : 0; border:1px #E7EDF2 solid; padding:10px; }

.hr { height:2px; background:#D0DDE6; display:block; margin:16px 0; }

.float{ display : block; border : 0; margin : 0 auto; }

#large_image{ width : 498px; height : 300px; background : red; background : 1px solid #ccc; }

#descr_image{ font-weight : bold; margin: 5px 0 20px 0; padding : 0; }

.thumb_image{ float : left; margin : 0 10px 0 0; }

#pnav{ margin : 0 0 10px 0; }

#pnav a{ color : #7badd9; font-weight : bold; font-size : 10px; text-decoration : none; }

#pnav a:hover{ text-decoration : underline; }

#pnav a#active{ color : #a2c113; }

#arrow_thumb{ float : right; background : url('../img/arrow_next.gif') no-repeat center; height : 77px; width : 12px; display : block; }

.thumb_image img{ border : 1px solid #ccc; }

.thumb_image p{ margin : 5px 0; padding : 0; }

#thumbs{ width : 478px; float : left; overflow : hidden; position : relative; }

#overflow{ width : 10000px; }

.realisaties{ background : url('../img/shadow.jpg') repeat-x top; padding : 20px; margin : 0 0 10px 0; border:1px #e8e8e8 solid; }

.realisaties .descr{ margin:0 24px 0 0; }

.realisaties img{ float : right; border-bottom : 1px solid #9F9F9F; border-right : 1px solid #9F9F9F; border-top : 1px solid #ccc; border-left : 1px solid #ccc; }

.promomaterialen{ background : url('../img/shadow.jpg') repeat-x top; padding : 20px; margin : 0 0 10px 0; }

.promomaterialen .descr{ height : 40px; }

.promomaterialen .title{ font-weight: bold; }

.promomaterialen .descr a{ display: block; margin: 10px 0 0 0; }

/* STAR RATING */

.rating{ width : 80px; height : 16px; margin : 0; padding : 0; list-style : none; position : relative; float : left; background: url(../img/star-matrix.png) no-repeat 0 0; }
.nostar {background-position:0 0}
.star1 {background-position:0 -16px}
.star2 {background-position:0 -32px}
.star3 {background-position:0 -48px}
.star4 {background-position:0 -64px}
.star5 {background-position:0 -80px}
ul.rating li { cursor: pointer; float : left; text-indent : -2000px; }
ul.rating li a { position:absolute; left:0; top:0; width:16px; height:16px; text-decoration:none; z-index: 200; }
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}

ul.rating li a:hover { z-index:2; width:80px; height:16px; overflow:hidden; left:0;	background: url(../img/star-matrix.png) no-repeat 0 0 }
ul.rating li.one a:hover {background-position:0 -176px;}
ul.rating li.two a:hover {background-position:0 -192px;}
ul.rating li.three a:hover {background-position:0 -208px}
ul.rating li.four a:hover {background-position:0 -224px}
ul.rating li.five a:hover {background-position:0 -240px}

/* EU TEST */

#button_eu_test{ position : absolute; z-index : -1; top : 20px; right : 20px; background : url('../img/button_eu_test.png') no-repeat; width : 141px; height : 128px; }

#eugene{ position : absolute; z-index : -1; top : 20px; right : 20px; background : url('../img/eugene.png') no-repeat; width : 141px; height : 128px; }

.number{ float : left; background : url('../img/circle_gray.png') no-repeat center center; width : 44px; height : 44px; text-align : center; line-height : 44px; font-weight : bold; font-size : 11px; }

.number_active{ float : left; background : url('../img/circle.png') no-repeat center center; width : 44px; height : 44px; text-align : center; line-height : 44px; font-weight : bold; font-size : 11px; }

.answers{ float : left; margin : 0 0 0 10px; width : 438px; }

.answers input{ line-height : 15px; height : 15px; width : 15px; float : left; margin : 0 10px 0 0; padding : 0; }

.answers .answer{ padding : 0 0 5px 0; }

.answers label{ margin : 0; padding : 0; float : left; width : 410px; }

.question{ border-bottom : 1px solid #ccc; margin : 0 0 10px 0; padding : 0 0 10px 0; }

#barometer{ float : left; position : relative; background : url('../img/barometer.png') no-repeat; height : 204px; width : 186px; margin : 30px 0 0 0; }

#meter{ background : #92BDE1; width : 11px; position : absolute; bottom : 40px; right : 104px; }

#share{ margin: 5px; padding: 5px; background-color: #F2F2F2; border: 1px solid #CCC; font-size: 12px; color: #333; }

#share input{ border : 1px solid #999; font-family : 'Verdana'; font-size : 11px; padding : 3px; }

.height1{ height : 52px; }

.height2{ height : 83px; }

.height3{ height : 114px; }

.height4{ height : 145px; }

.rbox{ float : left; width : 300px; margin : 0 0 20px 10px; }

.rbox a{ color: #666666; }

.cooper{ font-size : 16px; color : #000; margin : 10px 0; }

.cooper b{ color : #d30067; }

#personbox{ float : left; width : 186px; height : 186px; }

#toplinks a{ display : block; color : #5a7fa0; text-decoration : none; padding : 2px 0; text-transform : uppercase; }

#toplinks a:hover,#toplinks a#active{ color : #849e16; }

#toplinks a#active{ font-weight : bold; }

#wedstrijdformulier{ background : #fff; border : 1px solid #ccc; padding : 10px; margin : 10px 0 0 0; }

#wedstrijdformulier .inputgrouptitle{ background-color: #6992B0; padding: 5px; color: #FFF; }

#wedstrijdformulier .fielderror{ color: #CC0000; border-bottom: 0px solid !important; padding: 3px; margin: 3px; background-color: #EFE0E0; clear: both; }

#wedstrijdformulier label{ float : left; width : 225px; font-weight : bold; padding : 3px; }

#wedstrijdformulier form div{ margin : 0 0 5px 0; border-bottom : 1px solid #ccc; padding : 0 0 5px 0; }

#wedstrijdformulier form div.clearer{ margin : 0px !important; border-bottom : 0px solid !important; padding : 0px !important; }

#wedstrijdformulier form input.large{ width : 200px; border : 1px solid #999; font-family : 'Verdana'; font-size : 11px; padding : 3px; }

#wedstrijdformulier form input.small{ width : 25px; border : 1px solid #999; font-family : 'Verdana'; font-size : 11px; padding : 3px; }

#facebook_container{ display: none; }

#fotogallerij_bar{
	height: 300px; 
	width: 470px; 
	overflow: hidden; 
	float: left;
}

#fotogallerij_arr_left{
	width: 12px; 
	padding: 0 2px 0 0; 
	height: 300px; 
	float: left; 
	margin: 290px 0 0 0;
}

#fotogallerij_arr_right{
	width: 12px; 
	padding: 0 0 0 2px; 
	height: 300px; 
	float: left; 
	margin: -10px 0 0 0;
}

/* @fontface replacing Cufon */

.link, #realisaties { font-family: 'GillSansStdRegular'; }

.cooper { font-family: 'CooperStdBlack'; }

/* Poll */

.ss-q-title { font-family: 'GillSansStdRegular'; color:#6892B0; font-size:17px; line-height:120%; }

.ss-q-title span { color:#B1C700; }

.ss-q-help { font-family: 'GillSansStdRegular'; color:#999; font-size:13px; line-height:120%; margin:4px 0; }

ul.ss-choices { margin:10px 0; }

ul.ss-choices li { list-style:none; font-family: 'GillSansStdRegular'; color:#454545; }

ul.ss-choices input { margin:0 6px 0 0; }

.ss-form-entry input { padding:6px 12px; background:#6992B0; color:#fff; border:1px #5783A4 solid; font-family: 'GillSansStdRegular'; text-transform:uppercase; text-shadow:1px 1px #5783A4; }

.ss-form-entry input:hover { cursor:pointer; background:#B1C700; border:1px #95AA00 solid; text-shadow:1px 1px #95AA00; }

.ss-legal { color:#bbb; padding:6px 0 0 0; margin:6px 0 0 0; }

.ss-legal a { color:#ccc; }