* { margin: 0px;	padding: 0px; outline-style: none; }

html {
	height: 100%;
	background-color: #fff;
}

body {
	height: 100%;
}

#site {
	position: relative;
	margin: 0px auto;
	padding: 0px 1px;
	width: 978px;
	min-height: 88%;
	height: auto !important;
	height: 88%;
	font: 12px arial, verdana, sans-serif;
	line-height: 18px;
	color: #4e5b68;
	background: url(pics/back_site.gif) 1px 0px repeat-y #8e949b;
}

.spacer { height: 10px; font: 0px arial; line-height: 10px; clear: both; }

/* ------------------------------------------------------------------------- Header */

#header {
	position: relative;
	width: 978px;
	height: 250px;
	border-top: 1px solid #8e949b;
}

#header .main {
	position: absolute;
	margin-top: 26px;
	left: 0px;
	z-index: 10;
	width: 978px;
	height: 220px;
	float: left;
}

#header .logo {
	position: absolute;
	margin-top: 24px;
	right: 0px;
	z-index: 15;
	width: 235px;
	height: 240px;
	float: right;
}

#header .logo img { border: 0px; }

#header .logo a#radiospot:link,  #header .logo a#radiospot:visited {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 20;
  margin-top: 160px;
  padding: 0px 0px 0px 20px;
  width: 215px;
  height: 60px;
  font: 12px arial, verdana, sans-serif; 
  font-weight: bold;
  line-height: 18px;
  color: #556371;
  text-decoration: none;
  border: 0px solid #fff;
  overflow: hidden;
}

#header .logo a#radiospot img {
  margin-right: 10px;
  float: left;
  border: 0px solid #fff;
}


#print_header{
	display: none;
}


/* ------------------------------------------------------------------------- Navigation

#navigation {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 25;
	width: 743px;
	height: 26px;
	float: left;
}

#navigation ul {
	list-style-type: none;
	font: 12px arial, verdana, sans-serif;
	font-weight: bold;
	line-height: 26px;
	color: #364351;
}

#navigation li {
	padding: 0px 5px;
	float: left;
}

#navigation a:link, #navigation a:visited {
	font: 12px arial, verdana, sans-serif;
	font-weight: bold;
	text-decoration: none;
	line-height: 26px;
	color: #364351;
}

#navigation a:hover, #navigation li.current a:link, #navigation li.current a:visited {
	color: #e51837;
}

#navigation li.streep {
	padding: 0px 1px;
	float: left;
	font: 16px arial, verdana, sans-serif;
	font-weight: bold;
	line-height: 25px;
}

*/

#navigation{
	display: none;
}

/* ------------------------------------------------------------------- Navigatie bollen */

#bt_blauw a:link, #bt_blauw a:visited {
	position: absolute;
	top: 125px;
	left: 65px;
	z-index: 15;
	width: 105px;
	height: 105px;
	display: block;
	background: url(pics/bt_transparency.gif) left top repeat;
}

#bt_groen a:link, #bt_groen a:visited {
	position: absolute;
	top: 125px;
	left: 180px;
	z-index: 15;
	width: 105px;
	height: 105px;
	display: block;
	background: url(pics/bt_transparency.gif) left top repeat;
}

#bt_geel a:link, #bt_geel a:visited {
	position: absolute;
	top: 125px;
	left: 290px;
	z-index: 15;
	width: 105px;
	height: 105px;
	display: block;
	background: url(pics/bt_transparency.gif) left top repeat;
}

#bt_oranje a:link, #bt_oranje a:visited {
	position: absolute;
	top: 125px;
	left: 405px;
	z-index: 15;
	width: 105px;
	height: 105px;
	display: block;
	background: url(pics/bt_transparency.gif) left top repeat;
}

/* ------------------------------------------------------------------------- Content */

#content {
	padding-bottom: 35px;
	width: 978px;
	float: left;
}

#content .text {
	margin: 0px 25px 15px 25px;
	width: 693px;
	float: left;
	display: inline;
}

h1, td h1 {font: 20px arial, verdana, sans-serif; font-weight: bold; margin-bottom: 7px;}
h2, td h2 {font: 18px arial, verdana, sans-serif; font-weight: bold; margin-bottom: 7px;}
h3, td h3 {font: 16px arial, verdana, sans-serif; font-weight: bold; margin-bottom: 7px;}
h4, td h4 {font: 14px arial, verdana, sans-serif; font-weight: bold; margin-bottom: 7px;}
h5, td h5 {font: 13px arial, verdana, sans-serif; font-weight: bold; margin-bottom: 7px;}
h6, td h6 {font: 12px arial, verdana, sans-serif; font-weight: bold; margin-bottom: 7px;}

#content a:link, #content a:visited {text-decoration: underline; color: #4e5b68;}
#content a:hover { color: #e51837; }

td {
	font: 12px arial, verdana, sans-serif;
	line-height: 18px;
	color: #4e5b68;
}

#content .text .network_block {
	margin: 5px 0px 5px 10px;
	padding: 1px;
	width: 160px; /* 185px */
	float: right;
	clear: right;
	border: 3px solid #d8e0ea;
	background-color: #8e949b;
}

#content .text .network_block .content {
	width: 160px;
	padding: 5px 0px;
	text-align: center;
	background-color: #fff;
}

#content .text .network_block .content img { float: none; padding: 0px; border: 0px solid #fff; }

#content .text img {
	margin: 5px 0px 5px 10px;
	padding: 1px;
	float: right;
	clear: right;
	border: 3px solid #d8e0ea;
	background-color: #8e949b;
}

#content .text .logo img {  
  border: 0px;
  background-color: #fff; 
}

#content .text img.partner {
	margin: 10px 5px 0px 0px;
	padding: 1px;
	float: left;
	border: 3px solid #d8e0ea;
	background-color: #8e949b;
}

#content .text img.file {
	margin: 0px 5px 5px 0px;
	padding: 1px;
	float: left;
	border: 0px solid #d8e0ea;
	background-color: #fff;
}

p { margin-bottom: 9px;}

.text ul { margin: 10px 0px 10px 10px; list-style-type: disc;}
.text li { margin: 0px 0px 0px 15px;}
.text ol { margin: 10px 0px 10px 10px;}

#invulformulier .hr{
	margin-top: 5px;
	margin-bottom: 5px;
	width: 505px;
	height: 1px;
	font: 0px arial, verdana, sans-serif;
	background-color: #e51837;
}

/* ------------------------------------------------------------------------- Tabel */

#content .kop {
	float: left;
}

#content .kop h4 { margin-bottom: 5px; }

#content .aantal {
	padding-right: 5px;
	float: left;
	font: 11px arial, verdana, sans-serif;
	font-weight: bold;
	line-height: 18px;
	text-align: left;
}

#SearchInfo {
  margin-top: 10px;
  font-weight: bold;
  padding : 4px;
  width: 683px;
  font: 11px arial, verdana, sans-serif;
  border: 1px solid #ff0000;
}

#table {
	width: 691px;
	font: 11px arial, verdana, sans-serif;
	font-weight: bold;
	line-height: 22px;
	border: 1px solid #7c8893;
	background-color: #f1f1f1;
}

#content .text table img { 	
	margin: 5px 0px 5px 0px;
	padding: 0px;
	border: 0px solid #d8e0ea;
	background-color: none;
}

#table a:link, #table a:visited { text-decoration: none; }
#table a:hover { color: #4e5b68; }

#table .header, #table .header .nummer, #table .header .regio, #table .header .datum {
	height: 20px;
	line-height: 20px;
	color: #fff;
	background-color: #7c8893;
}

#table .line { width: 691px; height: 22px; overflow: hidden; cursor: pointer; }
#table .nummer { padding: 0px 5px; width: 60px; float:left; color: #7c8893; }
#table .functie { padding: 0px 5px; width: 395px; float:left;}
#table .functie a:link, #table .functie a:visited {color: #e51837;}
#table .regio { padding: 0px 5px; width: 135px; float:left; color: #7c8893; }
#table .datum { padding: 0px 5px; width: 60px; float: left; color: #7c8893; }

#table_navigation {
	margin: 8px 0px;
	width: 693px;
}

#table_navigation .terug {
	width: 100px;
	float: left;
}

#table_navigation .spacer {
	width: 100px;
	float: right;
}

#table_navigation input.button, .terug input.button {
	width: 80px;
	height: 21px;
	font: 11px arial, verdana, sans-serif;
	font-weight: bold;
	line-height: 16px;
	text-align: center;
	color: #4e5b68;
	border: 1px solid #7c8893;
	background-color: #f1f1f1;
	cursor: pointer;
}

.text .terug {
	float: left;
}

.text .buttons {
	float: right;
}

.buttons input.button {
	margin-left: 5px;
	padding: 0px 5px;
	height: 21px;
	font: 11px arial, verdana, sans-serif;
	font-weight: bold;
	line-height: 16px;
	text-align: center;
	color: #4e5b68;
	border: 1px solid #7c8893;
	background-color: #f1f1f1;
	cursor: pointer;
}

#table_navigation .paginas {
	width: 493px;
	height: 21px;
	float: left;
	text-align: center;
	font: 11px arial, verdana, sans-serif;
	font-weight: bold;
	color: #aab3bc;
}

#table_navigation .paginas input.pijl {
	margin: 0px 0px -5px 0px;
	display: inline;
}

#table_navigation .paginas .nummers {
	margin: 0px;
	padding: 0px;
	display: inline;
}

#table_navigation .paginas select {
	margin: 0px 10px 0px 15px;
	width: 40px;
}

#table_navigation .paginas a:link, #table_navigation .paginas a:visited {
	font: 11px arial, verdana, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

#table_navigation .paginas .current{ color: #e51837; }

#table_navigation .paginas a:hover { color: #e51837; }

/* ------------------------------------------------------------------------- Nieuws */

#nieuws {
	padding: 12px;
	width: 211px;
	float: right;
	font: 11px arial, verdana, sans-serif;
	color: #556371;
}

#nieuws #submenu_noscript {
	margin-top: -6px;
	padding: 0px 12px 0px 1px;
}

#nieuws2 {
	padding: 0px 12px;
	width: 211px;
	float: right;
	display: inline;
	font: 11px arial, verdana, sans-serif;
	color: #556371;
}

#nieuws2 img {
	margin: 0px 0px 7px 8px;
	padding: 0px;
	border: 1px solid #000;
}

#nieuws2 .banner {
	margin: 0px 0px 7px 8px;
	padding: 10px;
	width: 170px;
	height: 77px;
	border: 1px solid #000;
	background-color: #fff;
	overflow: hidden;
}

#nieuws2 .banner2 {
	margin: 0px 0px 7px 8px;
	width: 190px;
	height: 97px;
	border: 1px solid #000;
	background-color: #fff;
	overflow: hidden;
}

#nieuws2 .banner2 img {
	margin: 0px;
	padding: 0px;
	border: 0px solid #000;
}

#nieuws .item {
	margin-bottom: 8px;
	font-weight: bold;
}

#nieuws .item .extra {
	font-weight: normal;
	color: #4e5b68;
}

#nieuws h3, nieuws td h3 {color: #e51837;}

#nieuws a:link, #nieuws a:visited { text-decoration: none; color: #556371; }

#nieuws a:hover { color: #e51837; }

/* ------------------------------------------------------------------------- vacatures */

#vacatures {
	padding: 12px;
	width: 211px;
	height: 198px;
	float: right;
	font: 11px arial, verdana, sans-serif;
	color: #556371;
}

#container_newvacs {
	position: relative;
	width: 211px;
	height: 180px;
	overflow: hidden
}

#newvacs {
	position: absolute;
	width: 211px;
}

#vacatures .vacature {
	margin-bottom: 8px;
	font-weight: bold;
}

#vacatures .vacature .extra {
	font-weight: normal;
	color: #4e5b68;
}

#vacatures h3, #vacatures td h3 {color: #e51837;}

#vacatures a:link, #vacatures a:visited { text-decoration: none; color: #556371; }

#vacatures a:hover { color: #e51837; }


/* ------------------------------------------------------------------------- Goede mensen */

#goedemensen {
	margin: 20px 0px 0px 0px;
}

#goedemensen .goedemens {
	margin: 0px 3px 3px 0px;
	width: 93px;
	height: 93px;
	float: left;
	display: inline;
	border: 1px solid #8e949b;
	overflow: hidden;
	cursor: pointer;
}

#goedemensen .goedemens .titel {
	padding: 0px;
	color: #fff;
	font-weight: bold;
	line-height: 21px;
	background-color: #e51837;
}

#content .text .titel {
	padding: 8px 6px 8px 6px;
	color: #fff;
	font-weight: bold;
	line-height: 18px;
	background-color: #e51837;
}


#content .img_goedemensen img {
	margin: 0px;
	padding: 0px;
	width: 693px;
	height: 156px;
	float: left;
	border: none;
	border: 0px solid #fff;
}


#content .goedemens img {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 93px;
	height: 93px;
	float: left;
	border: 0px solid #fff;
}

#goedemensen .goedemens .gegevens {
	margin: 0px 0px 0px 5px;
	padding: 0px;
	width: 119px;
	font: 11px arial, verdana, sans-serif;
	float: left;
	display: inline;
}

#goedemensen .goedemens .omschrijving {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 119px;
	font-weight: bold;
}

#goedemensen .goedemens .invul {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 119px;
	float: left;
	display: inline;
}

 /* ========================= Pop-up ========================= */

#popup{
	width: 350px;
	margin: 0px auto;
	padding: 0px;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 18px;
	color: #636363;
	text-align: center;
	background-color: #fff;
}

#popup h3 {
	margin-bottom: 5px;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 22px;
	color: #444;
}

 #popup .header {
	margin: 0px;
	width: 350px;
	height: 95px;
	border-bottom: 2px solid #e51837;
}

 #popup .logo {
	margin: 5px;
	width: 223px;
	height: 86px;
	float: left;
	background-image: url(mail/logo.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

 #popup .content {
 	margin: 0px;
 }

 /* ------------------------- formulier ------------------------- */

#popup .formulier {
	margin: 5px 10px 10px 0px;
	padding-bottom: 10px;
	text-align: left;
}

#popup .formulier .omschrijving {
	margin-bottom: 3px;
	width: 140px;
	float: left;
	display: inline;
}

#popup .formulier .invullen {
	float: left;
	display: inline;
}

#popup .formulier select {
	margin: 1px 0px 1px 0px;
	width: 195px;
	display: inline;
	float: left;
}

#popup .formulier textarea {
	margin: 1px 0px;
	width: 194px;
	height: 75px;
	font: 11px arial, verdana, sans-serif;
	font-weight: bold;
	color: #556371;
}

#popup .formulier textarea.bericht {
	margin: 1px 0px;
	width: 331px;
	height: 75px;
	font: 11px arial, verdana, sans-serif;
	font-weight: bold;
	color: #556371;
}

#popup .formulier input.file {
	width: 194px;
	height: 20px;
	border: 1px solid #a5acb2;
	background-color: #fff;
}

#popup .formulier input.large {
	padding: 1px 3px;
	margin: 1px 0px 0px 0px;
	width: 185px;
	font: 11px arial, verdana, sans-serif;
	font-weight: bold;
	color: #556371;
	float: left;
}

#popup .formulier input.extralarge {
	padding: 1px 3px;
	margin: 1px 0px 0px 0px;
	width: 325px;
	font: 11px arial, verdana, sans-serif;
	font-weight: bold;
	color: #556371;
	float: left;
}

#popup .formulier input.small{
	padding: 1px 3px;
	margin: 0px 0px 0px 0px;
	width: 50px;
	float: left;
	display: inline;
	font: 11px arial, verdana, sans-serif;
	font-weight: bold;
	color: #556371;
}

#popup .formulier input.medium{
	padding: 1px 3px;
	width: 120px;
	float: left;
	display: inline;
	font: 11px arial, verdana, sans-serif;
	font-weight: bold;
	color: #556371;
}

#popup .formulier input.selection {
 	margin-left: 0px;
	width: 10px;
	height: 16px;
	line-height: 15px;
	color: #636363;
	border: 0px solid #636363;
}

 #popup .formulier input.button {
	margin: 5px 5px 0px 0px;
	padding: 0px;
	height: 21px;
	font: 11px arial, verdana, sans-serif;
	font-weight: bold;
	line-height: 16px;
	text-align: center;
	color: #4e5b68;
	border: 1px solid #7c8893;
	background-color: #f1f1f1;
	cursor: pointer;
}

#popup .formulier .radio {
	margin: 5px 0px 10px 0px;
	float: left;
	display: inline;
	height: 13px;
}

#popup .formulier .radio input{
	float: left;
	width: 30px;
	height: 13px;
}

#popup .formulier .radio img{
	float: left;
	height: 13px;
}

#popup .formulier .hr{
	margin-top: 5px;
	margin-bottom: 5px;
	width: 350px;
	height: 2px;
	font: 0px arial, verdana, sans-serif;
	background-color: #e51837;
}

#popup a:link, #popup a:visited {margin-left: 0px; text-decoration: none; color: #e51837; }

#popup a:hover { color: #e51837; }

/* ------------------------- tellafriend ------------------------- */

table#tellafriend {
  position: relative;
  width: 225px;
  float: left;
  display: block;
}

#tellafriend {
	position: relative;
	width: 225px;
	float: left;
	display: block;
}

#tellafriend .kop {
	position: absolute;
	top: 12px;
	left: 13px;
  width: 150px;
	font: 14px arial, verdana, sans-serif;
	font-weight: bold;
	color: #e51837;
}

#tellafriend .kop .extra {
	font: 12px arial, verdana, sans-serif;
	font-weight: bold;
	color: #4e5b68;
}

#tellafriend #tellafriend_show {
  position: relative;
  top: 20px;
  left: 13px;
  width: 188px;
  height: 35px;
  padding: 10px 10px 10px 10px;
  color: #fff;
  font-weight: bold;
  border: 1px solid #8e949b;  
  background-color: #e51837;
  cursor: pointer;
}

#tellafriend #show {
  display: none;
}         

#tellafriend .blok {
	position: relative;
	top: 15px;
	left: 13px;
	padding: 10px 20px 10px 20px;
	width: 168px;
	min-height: 218px;
	height: auto !important;
	height: 218px;
	border-right: 1px solid #8e949b;
  border-bottom: 1px solid #8e949b; 
  border-left: 1px solid #8e949b; 
	background-color: #f6f7f7;
}

#tellafriend .blok {
	margin: 5px 10px 10px 0px;
	padding-bottom: 10px;
	text-align: left;
}

#tellafriend .blok .omschrijving {
	width: 135px;
	float: left;
	font: 11px arial, verdana, sans-serif;
	font-weight: bold;
	color: #556371;
}

#tellafriend .blok .invullen{
	margin-bottom: 7px;
	width: 135px;
	float: left;
}

#tellafriend .blok input{
	padding: 1px 3px;
	width: 155px;
	font: 11px arial, verdana, sans-serif;
	font-weight: bold;
	color: #556371;
}

#tellafriend .blok textarea{
	padding: 1px 3px;
	width: 155px;
	font: 11px arial, verdana, sans-serif;
	font-weight: bold;
	color: #556371;
}

#tellafriend input.button {
	padding: 0px;
	height: 21px;
	width: 80px;
	font: 11px arial, verdana, sans-serif;
	font-weight: bold;
	line-height: 16px;
	text-align: center;
	color: #4e5b68;
	border: 1px solid #7c8893;
	background-color: #f1f1f1;
	cursor: pointer;
}

/* ------------------------------------------------------------------------- PrevNext */

.prevnext {
	margin-top: 10px;
	width: 693px;
	text-align: center;
	line-height: 21px;
	border-top: 1px dashed #4e5b68;
	border-bottom: 1px dashed #4e5b68;
}

.prevnext a:link, .prevnext a:visited {
	margin: 0px;
	padding: 0px 7px;
	font: 12px arial, verdana, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

.prevnext a:hover { color: #e51837; }

/* ------------------------------------------------------------------------- zoeken */

#zoeken {
	position: relative;
	width: 225px;
	float: left;
	display: block;
}

#zoeken img {
	margin: 0px 5px 5px 0px;
	cursor: pointer;
}

#zoeken .kop {
	position: absolute;
	top: 12px;
	left: 30px;
  width: 150px;
	font: 14px arial, verdana, sans-serif;
	font-weight: bold;
	color: #e51837;
}

#zoeken .kop .extra {
	font: 12px arial, verdana, sans-serif;
	font-weight: bold;
	color: #4e5b68;
}

#zoeken .blok {
	position: absolute;
	top: 25px;
	left: 30px;
	padding: 10px 20px 10px 20px;
	width: 135px;
	height: 192px;
	border: 1px solid #8e949b;
	background-color: #f6f7f7;
}

#zoeken .blok .radio {
	margin: 5px 0px 10px 0px;
	padding: 0px;
	float: left;
	display: inline;
	height: 13px;
}

#zoeken .blok .radio input{
	float: left;
	width: 25px;
	height: 13px;
}

#zoeken .blok .radio img{
	float: left;
	height: 13px;
}


#zoeken .blok .omschrijving {
	width: 135px;
	float: left;
	font: 11px arial, verdana, sans-serif;
	font-weight: bold;
	color: #556371;
}

#zoeken .blok .omschrijving .postcode {
	width: 72px;
	float: left;
}

#zoeken .blok .omschrijving .afstand {
	width: 63px;
	float: left;
}

#zoeken .blok .invul{
	margin-bottom: 7px;
	width: 135px;
	float: left;
}

#zoeken .blok input{
	padding: 1px 3px;
	width: 125px;
	font: 11px arial, verdana, sans-serif;
	font-weight: bold;
	color: #556371;
}

#zoeken .blok input.postcode{
	margin-right: 5px;
	padding: 1px 3px;
	width: 57px;
	float: left;
	font: 11px arial, verdana, sans-serif;
	font-weight: bold;
	color: #556371;
}

#zoeken input.button {
	padding: 0px;
	height: 21px;
	width: 80px;
	font: 11px arial, verdana, sans-serif;
	font-weight: bold;
	line-height: 16px;
	text-align: center;
	color: #4e5b68;
	border: 1px solid #7c8893;
	background-color: #f1f1f1;
	cursor: pointer;
}

#zoeken .blok select {
	margin: 0px;
	width: 135px;
	float: left;
	font: 11px arial, verdana, sans-serif;
	font-weight: bold;
	color: #556371;
}

#zoeken .blok select option {
	padding: 0px 0px 0px 5px;
	width: 128px;
}

#zoeken .blok select.land {
	margin: 0px;
	width: 135px;
	float: left;
	font: 11px arial, verdana, sans-serif;
	font-weight: bold;
	color: #556371;
}

#zoeken .blok select.land option {
	padding: 0px 0px 0px 5px;
	width: 128px;
}

/* ------------------------------------------------------------------- exclusieve vacature */

#wholeexclusief {
  position: relative;
  width: 212px;
  height: 326px;
  padding: 0px;
  margin: 0px;
  float: right;
} 

#exclusief {
  position: absolute;
  top: 0;
  right: 0;
  margin: 25px 12px 0px 12px;
  padding: 0px 10px; 
  width: 188px;
  height: 277px;
  float: right;
  display: inline;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #8e949b;
}

#exclusief .kop {
	position: absolute;
	top: 12px;
	left: 22px;
	font: 14px arial, verdana, sans-serif;
	font-weight: bold;
	color: #e51837;
}

#exclusief .kop .extra {
	font: 12px arial, verdana, sans-serif;
	font-weight: bold;
	color: #4e5b68;
}

#spacerexcl {
	height: 25px;
}

#exclusief #blok {
	position: absolute;
	padding: 0px;
	width: 198px;
}

#exclusief #blok .line {
	margin: 5px 0px;
	width: 189px;
	height: 2px;
	float: left;
	display: block;
	line-height: 0px;
	font: 0px arial, verdana, sans-serif;
	background: url(pics/dashed.gif) top left no-repeat;
	border-bottom: 0px dashed #556371;
}

#exclusief #blok .foto  {
  display: table-cell;
  text-align: center;
  vertical-align: bottom;
  width: 189px;
  height: 53px;
}

#exclusief #blok .foto a img{
	border: 0px solid #fff;
}

#exclusief #blok .foto * {
  vertical-align: middle;
}

#exclusief #blok .omschrijving {
	height: 28px;
	width: 189px;
	float: left;
	display: inline;
	overflow: hidden;
	text-align: center;
	font: 11px arial, verdana, sans-serif;
	font-weight: bold;
	color: #556371;
}

#meer {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 5px 12px 0px 12px;
	padding: 0px 10px;
	width: 188px;
	height: 21px;
	float: right;
	display: inline;
	text-align: center;
	font: 11px arial, verdana, sans-serif;
	font-weight: bold;
	line-height: 21px;
	border: 1px solid #8e949b;
	background-color: #f6f7f7;
}

#content #meer a:link, #content #meer a:visited, #content #meer a:hover {
  width: 188px;
  height: 21px;
  display: block;
  color: #556371;
  text-decoration: none;
}

/* ------------------------------------------------------------------- exclusieve radiospots vacature */

#wholespot {
  position: relative;
  width: 212px;
  height: 239px;
  padding: 0px;
  margin: 0px;
  float: right;
} 

#radiospots {
  position: absolute;
  top: 0;
  right: 0;
  margin: 25px 12px 0px 12px;
  padding: 0px 10px; 
  width: 188px;
  height: 194px;
  float: right;
  display: inline;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #8e949b;
}

#radiospots .kop {
  position: absolute;
  top: 12px;
  left: 22px;
  font: 14px arial, verdana, sans-serif; 
  font-weight: bold;
  color: #e51837;
}

#radiospots .kop .extra {
  font: 12px arial, verdana, sans-serif; 
  font-weight: bold;
  color: #4e5b68;
}

#spacerexcl {
  height: 25px;
}

#radiospots #blok {
  position: absolute;
  width: 198px;  
}

#radiospots #blok .line {
  margin: 5px 0px;
  width: 189px;
  height: 2px;
  float: left;
  display: block;
  line-height: 0px;
  font: 0px arial, verdana, sans-serif; 
  background: url(pics/dashed.gif) top left no-repeat;
  border-bottom: 0px dashed #556371;
}

#radiospots #blok .foto  {   
  margin-top: 5px;
  text-align: center;
  width: 189px;
  height: 53px;
}


#radiospots #blok .omschrijving {
  height: 28px;
  width: 189px;
  float: left;
  display: inline;
  overflow: hidden;
  text-align: center;
  font: 11px arial, verdana, sans-serif; 
  font-weight: bold;
  color: #556371;
}

#meer_spot {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 15px 12px 0px 12px;
  padding: 0px 10px; 
  width: 188px;
  height: 21px;
  float: right;
  display: inline;
  text-align: center;
  font: 11px arial, verdana, sans-serif; 
  font-weight: bold;
  line-height: 21px;
  border: 1px solid #8e949b;
  background-color: #f6f7f7;
}

#content #meer_spot a:link, #content #meer_spot a:visited, #content #meer_spot a:hover {
  width: 188px;
  height: 21px;
  display: block;
  color: #556371;
  text-decoration: none;
}


/* ------------------------------------------------------------------------- Flags */

#flags {
	width: 680px;
	float: left;
	display: block;
}

#flags .flag {
	position: relative;
	z-index: 5;
	margin-right: 10px;
	width: 330px;
	min-height: 50px;
	height: auto !important;
	height: 50px;
	float: left;
	display: block;
}

#flags .kop {
	position: absolute;
	z-index: 10;
	top: 12px;
	left: 15px;
	width: 300px;
	display: block;
	font: 14px arial, verdana, sans-serif;
	font-weight: bold;
	color: #e51837;
}

#flags .kop .extra {
	font: 12px arial, verdana, sans-serif;
	font-weight: bold;
	color: #4e5b68;
}

#flags .flagbox {
	position: absolute;
	z-index: 5;
	top: 25px;
	left: 15px;
	margin-right: 10px;
	padding: 10px;
	width: 300px;
	float: left;
	display: block;
	border: 1px solid #8e949b;
	background-color: #f6f7f7;
	cursor: pointer;
}

#flags .flagbox .afb {
	width: 90px;
	float: left;
}

#flags .flagbox .afb img {
	margin: 0px;
	padding: 0px;
	float: left;
	border: 0px solid #fff;
}

#flags .flagbox .flagtxt {
	width: 200px;
	float: left;
}

/* ------------------------------------------------------------------------- referenties */

#referenties {
	position: relative;
	margin: 0px;
	padding: 0px;
  /* width: 693px; */
  width: 636px;
  height: 327px;
	float: left;
  overflow: hidden;
}

#referenties .whole_logo {
	width: 212px;
	height: 109px;
	display: inline;
  float: left;
}

#referenties .back_logo {
	margin: 5px;
	padding: 1px;
	width: 200px;
	height: 97px;
	display: inline;
  float: left;
	background-color: #434343;
}

#referenties table {
	width: 200px;
  height: 97px;
  background-color: #fff;
}

#referenties td { vertical-align: center; }

.ref_logo {
	width: 189px;
  height: 50px;
	display: table-cell;
  text-align: center;
	background-color: #fff;
}

#referenties .back_logo .ref_logo img {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #fff;
	float: none;
}

#referenties .omschrijving {
  height: 30px;
  width: 189px; 
  line-height: 15px;
  text-align: center;
  overflow: hidden;
}

#scroll_control {
	margin: 5px 5px 5px 5px;
	width: 19px;
	height: 317px;
	float: left;
	background: url(pics/scrollbar_back.gif) left top repeat-y #f3f6f9;
}

#scroll_control .up img, #scroll_control .down img {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
	clear: both;
	border: 0px solid #fff;
	background-color: #e50f30;
}


#scroll_control .up {
	width: 19px;
	height: 31px;
	float: left;
	background-color: #e50f30;
}

#scroll_control .down {
	margin-top: 255px;
	width: 19px;
	height: 31px;
	float: left;
	background-color: #e50f30;
}

/* ------------------------------------------------------------------------- Footer */

#footer {
	margin: 0px auto;
	width: 978px;
	height: 30px;
	padding: 0px 1px;
	font: 10px tahoma, arial, verdana, sans-serif;
	font-weight: bold;
	line-height: 14px;
	text-align: left;
	color: #cacaca;
	background: url(pics/back_site.gif) 1px 0px repeat-y #8e949b;
}

/*
* html #footer {
	position: absolute;
	bottom: -1px;
	left: 0px;
} */

#footer .slogan {
	padding: 0px 5px 0px 25px;
	width: 733px;
	float: left;
	font: 18px arial, verdana, sans-serif;
	font-weight: bold;
	font-style: italic;
	line-height: 29px;
	color: #e51837;
}

#footer .linkedin {
	 position: relative; 
	 top: 10px; 
	 right: 10px;  
	 color: #364351;
}

#footer .linkedin .textLinkedin{
    float: left;
}

#footer .linkedin a { 
    margin: 0px 0px 0px 3px;
    width:60px;
    display:block;
    float:right;
    height:15px; 
}

#footer .linkedin a img,
#footer .linkedin img a {
	border: 0px solid #fff;
}

.spacer .link {
	margin: 0px auto;
	width: 980px;
	height: 24px;
	padding: 0px 0px;
	font: 10px tahoma, arial, verdana, sans-serif;
	font-weight: bold;
	line-height: 14px;
	text-align: right;
	color: #cacaca;
	border-top: 1px solid #8e949b;
}

.spacer .link a:link, .spacer .link a:visited {
	padding: 0px 4px;
	font: 10px tahoma, arial, verdana, sans-serif;
	font-weight: bold;
	text-decoration: none;
	line-height: 14px;
	color: #cacaca;
}

.spacer .link a:hover { color: #e51837;}

br.clear { height: 0px; font: 0px arial; line-height: 0px; clear: both; }