* { 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: 246px;
	border-top: 1px solid #8e949b;
}

#header.arnhem {
	position: relative;
	width: 978px;	
	height: 276px;
	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: 26px;
	right: 0px;
	z-index: 200;
	width: 235px;
	height: 200px;
	float: right;
}

#header .logo a:link, #header .logo a:visited {
	position: absolute;
  top: 0;
  right: 0;
	right: 0px;
	z-index: 200;
	width: 235px;
	height: 160px;
	float: right;
}

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

#header .logo a#radiospot:link,  #header .logo a#radiospot:visited {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-top: 170px;
  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;
}

#header .logo a#radiospot1:link,  #header .logo a#radiospot1:visited {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-top: 170px;
  padding: 0px 0px 0px 20px;
  width: 215px;
  height: 35px;
  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#radiospot1 img {
  margin-right: 10px;
  float: left;
  border: 0px solid #fff;
}

#header .logo a#radiospot2:link,  #header .logo a#radiospot2:visited {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-top: 205px;
  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#radiospot2 img {
  margin-right: 10px;
  float: left;
  border: 0px solid #fff;
}

/* ------------------------------------------------------------------- Navigatie bollen home oud 

#bt_blauw a:link, #bt_blauw a:visited { 
	position: absolute;
	top: 176px;
	left: 62px;
	z-index: 20;
	width: 130px;
	height: 130px;
	cursor: pointer;
	display: block;
}

#bt_groen a:link, #bt_groen a:visited { 
	position: absolute;
	top: 176px;
	left: 202px;
	z-index: 20;
	width: 130px;
	height: 130px;
	cursor: pointer;
	display: block;
}

#bt_geel a:link, #bt_geel a:visited { 
	position: absolute;
	top: 176px;
	left: 344px;
	z-index: 20;
	width: 130px;
	height: 130px;
	cursor: pointer;
	display: block;
}

#bt_oranje a:link, #bt_oranje a:visited { 
	position: absolute;
	top: 176px;
	left: 484px;
	z-index: 20;
	width: 130px;
	height: 130px;
	cursor: pointer;
	display: block;
}

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

#bt_blauw a:link, #bt_blauw a:visited { 
	position: absolute;
	top: 135px;
	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: 135px;
	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: 135px;
	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: 135px;
	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;
	display: inline;
}

#content .text {
	margin: 0px 25px 15px 25px;
	width: 468px;
	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;
}

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;}

/* ------------------------------------------------------------------------- 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: 15px;
	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: 15px;
	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 */
#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;
}
/* ------------------------------------------------------------------------- Nieuws */

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

#nieuws #submenu_noscript {
	padding: 10px 12px 12px 0px;
}

#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; }

/* ------------------------------------------------------------------------- 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; 
	 text-align: right; 
	 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; }