﻿* {margin: 0;padding: 0}
body {
  background-color: #ffffff;
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 100%;
  line-height: 1.125em;
  color: #454545;
  padding: 0px;
  margin: 0px;
  border: 0px
}
a, p, span {	
  font-family: verdana,arial,helvetica,sans-serif;
  color: #454545;
}
a, a:link, a:visited 
{
	text-decoration: underline
}
a:hover {text-decoration: underline}
img {border: 0px}
.spacer {height: 1px;margin-top: -1px;overflow: hidden;clear: both}
.error-message, .alert-message, .info-message {font-size: 11px;color: #222222;padding: 3px;margin: 5px 0px 7px 0px}
.error-message ul, .alert-message ul, .info-message ul {list-style:none}
.error-message {background: #FAECEC;border: 1px solid #D64242}

.vacature h3
{
	font-size: 18px;
	color: #009999;
	margin: 15px 0px 0px;
}

#container {
  position: relative;
  width: 1030px;
	background: #FFFFFF url(../_img/bg.png) no-repeat left bottom;
  padding: 0px 20px;
  margin: 0 auto;
}
#inner-container {
  width: 990px;
}
#header {
	height: 115px;
	background: url('../_img/header.jpg') no-repeat;
}
#banner {
	float: right
}
h1 a.titel {
	background: url(../_img/right-marktonderzoek.jpg) no-repeat 0 0;	
	position: absolute;
	top: 20px;
	left: 50px;
	width: 274px;
	height: 67px;
	text-indent: -9999px;
	display: block;
}
#balk {
	height: 25px;
	background: url('../_img/balk.jpg') no-repeat;	
	text-align: right
}
#balk ul {
	list-style: none;
	padding: 2px 0px 0px;
	margin: 0px 10px;
}
#balk li {
	font-size: 11px;	
	padding-left: 22px;
	display: inline
}
#balk li a {
	color: #ffffff;
	text-decoration: none
}
#content-container {
	background: url('../_img/content-bg.png') no-repeat top right;
	text-align: left;
	margin-top: 30px
}
#menu {
	float: left;
	background: url('../_img/menu-bg.png') no-repeat bottom left;
	width: 180px;
	text-align: right;
	padding-bottom: 60px;
	margin-right: 30px;
}
#menu ul {
	list-style: none;
	padding: 0px;
	margin: 0px
}
#menu ul li {
	width: 180px;
	padding: 0px;
	margin: 0px
}
#menu ul li a {
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding-right: 2px;
	padding-bottom: 1px;
	margin: 0px;
	border-top: 1px solid #a3dada;
	display: block
}
#menu ul li a:hover {
	color: #009999;
	text-decoration: none
}
#menu ul li.selected a {
	color: #009999;
}
#menu ul li.selected .sub a {
	color: #000000;
}
#menu ul.sub {
	list-style: none;
	padding: 0px;
	padding-left: 0px
}
#menu ul.sub li {
}
#menu ul.sub li a {
	background: url(../_img/bullet-menu.png) no-repeat top right;
	padding-right: 10px;
	font-size: 11px;
	font-weight: 600;
	border-top-width: 0
}
#menu ul.sub-sub li a
{
	font-weight:normal;
}
#menu ul.sub li a:hover {
	color: #009999;
}
#menu ul.sub li a.selected {
	color: #009999;
}
#content {	
	float: left;
	width: 680px
}
#content-body {
	float: left
}
#content h2, #content h3, #content h4 {
	font-family: arial,helvetica,sans-serif;
}
#content h2 
{		
	font-size: 20px;
	line-height:110%;
	color: #009999;
	margin: 0px 0px 10px;
}
#content h3 {
	font-size: 18px;
	color: #009999;
	margin: 15px 0px 0px;
}
#content h3 a {
	color: #000000;
}
#content h4 {
	font-size: 13px;
	margin: 6px 0px 0px;
}
#content-body p {
	font-size: 11px;
	margin: 14px 0px 14px;
}
#content-body a, #content-body a:hover {
	color: #009999
}
#content-body ul {	
	list-style: none;
}
#content-body li {
	font-size: 11px;
}
#content-body .opsomming li {
	background: url(../_img/bullet-green.png) no-repeat 0px 5px;
	padding: 1px 0px 0px 18px;
}
#content-body .uitgelicht {
	background: #9cdada;
	font-size: 11px;
	padding: 3px 4px;
	width:350px
}
#content img {
	margin: 5px;
	border: 1px solid #000;
}
#content-body table th {
	font-size: 11px;
	color: #009999;
	padding-top: 10px
}
#content-body table strong {
	font-size: 0.6875em
}
#content-body table li {
	background: url(../_img/bullet-green.png) no-repeat 0px 5px;
	font-size: 11px;
	padding-left: 16px
}
#attentions 
{	
	margin-top: 100px;
	width:100%;
	
}
#attentions #dummy
{
	border:none!important;
    width: 20px;
    
}
#attentions ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	text-align: justify;
}
#attentions li 
{
	float:left;
	vertical-align: top;
	
	width: 149px;
	text-align: left;
	border: 1px solid #19728a
}
#attentions a 
{
	text-decoration: none
}
#attentions a:hover {
	text-decoration: underline
}
#attentions .title {
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 4px;
}
#attentions .intro {
	height: 40px;
	background-repeat: no-repeat;
	font-size: 11px;
	line-height: 1.25em;
	padding: 52px 2px 0px 4px;
}
#attentions .title a, #attentions .intro a {
	font-family: arial,helvetica,sans-serif;
	color: #19728a;
}
#attentions li.focus {
	background-color: #009999
}
#attentions .focus .title a, #attentions .focus .intro a {
	color: #ffffff;
}
.download {
	background: url(../_img/button-download.png) no-repeat;
	font-size: 12px;
	font-style: italic;
	padding: 11px 4px;
}
.download a {
	color: #000000;
	text-decoration: none	
}
.download a:hover {
	text-decoration: underline
}
.online-onderzoek {
	background: url(../_img/button.png) no-repeat;
	font-size: 12px;
	padding: 9px 0px 9px 24px;
}
.online-onderzoek a, .online-onderzoek a:link {
	color: #FFFFFF !important;
	text-decoration: none
}
.online-onderzoek a:hover {
	text-decoration: underline
}
.sidebar #content-body {
	width: 400px;
}
#sidebar 
{
	padding-left:20px;
	float: right;
	width: 240px;
	padding-bottom: 30px;
}
#sidebar .list {
	list-style: none;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.25em;
	padding: 4px;
	/*margin-top: 5px;*/
}
#sidebar .list li {	
	margin-top: 8px;
}
#sidebar .list .opdrachtgevers 
{
	line-height:1.5em;
	list-style: none;	
	font-weight: normal;
	margin-left: 5px;
}
#sidebar .list .opdrachtgevers li 
{
	
	background: url(../_img/bullet-green.png) no-repeat 0px 1px;
	padding-left: 16px;	
	margin-top: 2px;
	margin-bottom: 3px;
}
.link {
	background: url(../_img/bullet-sidebar-green.png) no-repeat 0px 15px;
	font-size: 11px;
	font-style: italic;
	padding-top:3px;
	
	
	color: #ffffff !important;
	font-weight:bold;
	text-decoration:none!important;
}
.link a {
	color: #ffffff !important;
	display: block;
	padding: 8px 0px 1px 16px;
}
#sidebar .selected {
	font-weight: bold;
}

#sidebar .submenu {
	padding: 4px;
}
#sidebar .submenu p {
	margin: 8px 0px 1px;
}
#sidebar .submenu li {
	background: url(../_img/bullet-green.png) no-repeat 0px 6px;
	font-size: 0.6875em;
	padding-left: 16px;	
	margin-top: 2px;
	margin-bottom: 3px;
}
#sidebar .submenu a {
	font-size: 1em;
	color:#454545;
	text-decoration: underline;
	padding: 4px 0px;
}
#sidebar .submenu a:hover 
{
	color: #009999;
	text-decoration: underline;
}
#sidebar a 
{	
	color: #454545;
	
}
#sidebar a:hover {
	color: #009999;
}
.dialog 
{
	padding-top:5px;
	position: relative;
	margin: 0px auto;
	width:235px;
	z-index: 1;
	margin-left: 7px;
	margin-bottom: 0.5em;
	
}
/*.dialog .content, .dialog .t, .dialog .b, .dialog .b div {
	background: transparent url(../_img/sidebar-bg.png) no-repeat top right;
	_background-image: url(../_img/sidebar-bg.gif);
}*/
.green .content, .green .t, .green .b, .green .b div {
	background: transparent url(../_img/sidebar-bg2.png) no-repeat top right;
	_background-image: url(../_img/sidebar-bg2.gif);
}
.dialog .content {
	position: relative;
	zoom: 1;
	_overflow-y: hidden;
	padding: 0px 10px 0px 0px;
}
.dialog .t {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 10px;
	margin-left: -10px;
	height: 35px;
	_height: 30px;
	background-position: top left;
}
.dialog .b {
	position: relative;
	width: 100%;
}
.dialog .b, .dialog .b div {
	height: 10px;
	font-size: 1px;
}
.dialog .b {
	background-position: bottom right;
}
.dialog .b div {
	position: relative;
	width: 10px;
	margin-left: -10px;
	background-position: bottom left;
}
.dialog .hd, .dialog .bd, .dialog .ft {
 position: relative;
}
.dialog .wrapper {
	position: static;
	max-height: 1000px;
	overflow: auto;
}
.dialog h3, .dialog p {
	margin: 0px;
	padding: 0.5em 0px 0.5em 0px;
}
.dialog h3 {
	padding-bottom:0px;
}
.dialog a
{
	cursor:pointer;
	text-decoration:none;
}
.opdrachtgever {
	font-size: 14px;
	border: 1px solid #009999;
	padding: 1px 6px;
	margin-bottom: 8px
}
.opdrachtgever ul {	
list-style: none;
  background-repeat: no-repeat;
  background-position: top right;
}
.opdrachtgever li {
  vertical-align: middle;
  margin: 2px 0;
  min-height: 1.3em;
}
.opdrachtgever-row {
	padding-bottom: 25px;
}
.project-row {
	padding-top: 12px
}
.opdrachtgever .label {
  position: absolute;
	width: 70px;
	font-weight: bold;
	color: #009999;
	margin-bottom: 2px
}
.opdrachtgever .value {	
  padding: 0px 0px 3px;
	margin-left: 75px;
	display: inline-block
}
.opdrachtgever .naam {
	width: 220px;
}
.opdrachtgevers-menu 
{
	/* iets minder breed dan de rest van de sidebars*/	
	width:160px !important;
	font-weight: bold;
	
}
.opdrachtgevers-menu ul {
	list-style: none;
}
.opdrachtgevers-menu li {
	background: url(../_img/bullet-large.png) 0px 4px no-repeat;
	padding: 2px 0px 0px 20px;
}
.opdrachtgevers-menu li .selected {
	color: #009999 !important
}
.opdrachtgevers-menu li a {
	text-decoration: none !important
}
.opdrachtgevers-menu li a:hover {
	text-decoration: underline !important
}
.case, .in-de-media {
	font-size: 14px;
	border: 1px solid #009999;
	padding: 6px 6px;
	margin-bottom: 8px
}
.case div, .in-de-media div {
	background-position: top right;
	background-repeat: no-repeat;
	padding: 1px 170px 1px 6px;
}
.case h5, .in-de-media h5 {
	font-size: 16px;
	font-weight: bold;
	margin: 8px 0px 0px;
}
.case p, .in-de-media p {
	margin: 8px 0px 8px !important
}
.case a, .in-de-media a {
	text-decoration: none
}
.case a:hover, .in-de-media a:hover {
	text-decoration: underline
}
.medewerker {
	float: left;
	height: 180px;
	width: 130px;
	font-size: 11px;
	text-align: center
}
.medewerker a {
	text-decoration: none
}
.medewerker a:hover {
	text-decoration: underline
}
#overzicht {
	font-size: 13px;
	float: right;
	text-decoration: none
}
.mailen {
	background: url(../_img/mail.png) no-repeat 0px 5px;
	font-size: 13px;
	padding-left: 16px;
	margin-top: 6px;
	margin-left: 4px
}
.mailen a {
	text-decoration: none;
}
.mailen a:hover {
	text-decoration: underline
}

.sitemap {
	font-size: 15px;
}
.sitemap ul {
	margin-left: 15px
}
.sitemap-sub {
	font-weight: bold;
	color: #009999
}
.sitemap-sub ul {
	margin-left: 15px
}
.sitemap li {
	background-image: none !important;
}
.sitemap li a, .sitemap li a:link, .sitemap li a:visited {
	color: #000000 !important;
	text-decoration: none
}
.sitemap li a:hover {
	color: #009999;
	text-decoration: underline
}

#footer {
	width: 765px;
	font-size: 11px;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 35px;
	padding-left: 3px;
	margin: 30px auto;
	
	border-top: 1px solid #009999;
}
#footer .bullet {
	background: url('../_img/bullet-footer.png') no-repeat 5px 1px;	
	padding-left: 22px;
}
#footer a 
{	
	text-decoration: none;
}
#footer #MOA 
{	
	vertical-align:top;
	padding:0;
	margin:0;
	float:right;
	text-align:center;
	font-weight:bold;
	width:150px;	
}

#footer #MOA img
{
	margin-right:auto;
	margin-left:auto;	
	display: block;
	border: none;	
}
#footer #contact 
{	
	float:left;
}
#footer #contact ul
{
	
}
#footer #contact li
{
	margin-left: 10px;
	float:left;
	padding-left: 20px;
	background: url('../_img/bullet-footer.png') left center no-repeat;
	list-style-type:none;
}
.form 
{
}
.form ul{
	list-style: none;
}
.form li {
	vertical-align: middle;
	margin: 4px 0;
	min-height: 1.3em;
}
.form .name {
	position: absolute;
	width: 115px;
	font-weight: bold;
	color: #009999;
	margin-bottom: 2px
}
.form .value {
  padding: 0px 0px 3px;
	margin-left: 120px;
	display: inline-block
}
.form input, .form textarea {

}
.form .button {
	width: 100px;
	height:25px;
	background: #368390;
	color: #ffffff;
	border: medium none;
	cursor: pointer;
	margin: 5px 0 0 20px;
	text-align:left;
	font-size:11px;
	font-style:italic;
	font-weight:bold;
}

.popup_balk {
  background-color: #009999;
  font-size: 11px;
  padding-right: 3px;
  border-top: 1px solid #f09423
}
.popup_balk a {
  color: #ffffff;
  text-decoration: none;
}

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
.sIFR-hasFlash #content h1 {
	visibility: hidden;
}
.sIFR-hasFlash #content h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 30px;
}
.sIFR-hasFlash #content h3 {
	visibility: hidden;
	letter-spacing: -2px;
	font-size: 14px;
}
.sIFR-hasFlash #content h4 {
	visibility: hidden;
	letter-spacing: 0px;
	font-size: 10px;
}

/* CONTACT FORM */
#nvt
{
	margin-left:10px;
	width:20px;
	border-style:none;
}
#contactForm #gegevens
{
	margin:10px;
	padding:10px;
	background-color:#E7F7F6;
}
#contactForm #typeOnderzoek
{
	margin:10px;
	padding:10px;
	background-color:#E7F7F6;
}

#contactForm #typeOnderzoek input
{
	width:20px;
}
#contactForm #typeOnderzoek label
{
	font-size: 11px;
	width: 115px;
	font-weight: bold;
	color: #009999;
}
#contactForm #organisatieTextBox
{
	width:280px;
}
#contactForm #aanhefDropdown
{
	width:60px;
}
#contactForm #naamTextBox
{
	width:110px;
}
#contactForm #achternaamTextBox
{
	width:170px;
}
#contactForm #functieTextBox
{
	width:350px;
}
#contactForm #telefoonTextBox
{
	width:200px;
}
#contactForm #emailadresTextBox
{
	width:350px;
}
#contactForm #contactOpenemenCheckbox
{
	margin-left:65px;
	width:20px;
	border-style:none;
}

#contactForm #vraagTextBox
{
	margin-left:70px;
	width:280px;
	height:80px;
}
#contactForm .nameAlt {
	position: absolute;
	width: 200px;
	font-weight: bold;
	color: #009999;
	margin-bottom: 2px
}
#contactForm p
{
	font-weight:bold;
	margin:5px;
}
#contact_minimap
{
	padding-top:10px;
	text-align:center;
	font-size:12px;
}


/* END CONTACT FORM*/ 

.opdrachtgeversblok
{
	width:500px;
	float:left;
}
/*
--------
CASE BORDER (NEW)
*/

.case-border-t 
{
	background: url(../_img/case_border/t_h_line.png) 0 0 repeat-x; 
	width: 240px;
}
.case-border-b {background: url(../_img/case_border/b_h_line.png) 0 100% repeat-x}
.case-border-l {background: url(../_img/case_border/l_v_line.png) 0 0 repeat-y}
.case-border-r {background: url(../_img/case_border/r_v_line.png) 100% 0 repeat-y}
.case-border-bl {background: url(../_img/case_border/bottom_left.png) 0 100% no-repeat}
.case-border-br {background: url(../_img/case_border/bottom_right.png) 100% 100% no-repeat}
.case-border-tl {background: url(../_img/case_border/top_left.png) 0 0 no-repeat}
.case-border-tr {background: url(../_img/case_border/top_right.png) 100% 0 no-repeat; padding:0px 10px 10px 10px} 
