/* Design & Code (c) ABOVO Media */
html, body { 
	padding			: 0; 
	margin			: 0; 
}

body {
	font			: normal 12px "Arial", "Verdana", sans-serif;
	background		: #fff url('../_images/background.jpg') no-repeat top center;
	color			: #0A1758; 
}

body#home {
	background		: #fff url('../_images/home_background.jpg') no-repeat top center;
}	

#wrapper {
	margin			: 0 auto;
	width			: 990px;
	height			: auto;
}

#top {
	float			: left;
	width			: 877px;
	height			: 86px;
	padding			: 0 98px 0 15px;
}

	#top #logo {
		float			: left;
		width			: 200px;
		height			: 86px;
	}

		#top #logo img {
			width			: 200px;
			height			: 86px;
			border			: 0;
		}

#menu {
	float			: left;
	width			: 960px;
	height			: 40px;
	padding			: 0 15px;
}
	
#header {
	float			: left;
	width			: 940px;
	height			: 80px;
	padding			: 0 40px 0 0;
	margin			: 0 0 0 10px;
	background		: transparent url('../_images/header_background.jpg') no-repeat bottom left;
}

	#home #header {
		position		: static;
		width			: 950px;
		margin			: 0;
		height			: 285px;
		background		: none;
	}

#main {
	float			: left;
	width			: 970px;
	height			: auto;
	padding			: 0 10px;
}

#left {
	float			: left;
	width			: 310px;
}

	#home #left {
		width			: 300px;
		padding			: 0 5px;
		height			: 349px;
		background		: transparent url('../_images/left_background.gif') no-repeat top left;
	}

	#left #text {
		margin			: 0 25px;
		height			: 166px;
		color			: #0A1758;
	}

	#left #map {
		text-align		: middle;
	}

	#left #block {
		float			: left;
		width			: 300px;
		padding			: 0 5px;
		height			: 349px;
		background		: transparent url('../_images/block_background.gif') no-repeat top left;		
	}

	#left #bottom {
		float			: left;
		width			: 260px;
		margin			: 0 5px;
		padding			: 10px 20px 20px 20px;
		background		: #ededed url('../_images/bottom_background.gif') no-repeat bottom left;
	}

#middle {
	float			: left;
	width			: 300px;
	height			: auto;
	padding			: 25px 25px 0 25px;
}

	#middle #vacatures {
      height      : 222px;
      width       : 300px;
	}

		#middle #vacatures span {
			float			: right;
			font-size		: 11px;
			padding			: 5px 0 0 0;
		}

		#middle #vacatures .vacature {
			border-top		: 1px solid #cfcfcf;
			padding			: 6px 0 0 0;
			margin			: 5px 0 0 0;
		}

	#middle #functie {
		float			: left;
		width			: 160px;
		height			: 75px;
		padding			: 20px 120px 0 20px;
		background		: transparent url('../_images/functie_background.gif') no-repeat top left;
	}

#right {
	float			: left;
	width			: 630px;
	margin			: 0 0 0 0;
	padding			: 0 5px 0 25px;
}

	#right #content li {
		list-style			: url('../_images/point.gif');
		margin-left			: 15px;
	}

	#right .respond {
		background		: transparent url('../_images/action_respond.gif') no-repeat 26px 12px;
	}

	#home #right {
		margin			: 15px 0 0 0;
		padding			: 20px 20px 0 25px;
		width			: 265px;
		color			: #0a1758;
		height			: 314px;
		background		: transparent url('../_images/right_background.gif') no-repeat top left;
	}

	#right #video {
		width			: 270px;
		height			: 175px;
		background		: #0A1758 url('../_images/video_play.gif') no-repeat center;
		margin			: 14px 0;
	}

	#right #breadcrumbs {
		position		: relative;
		height			: 23px;
		padding			: 7px 0 0 0;
		margin			: 0 0 25px 0;
	}	

		#right #breadcrumbs #overlay {
			position		: absolute;
			width			: 303px;
			height			: 188px;
			top				: -100px;
			right			: -20px;
			background		: transparent url('../_images/overlay_background.png') no-repeat top left;
		}

	#right #vacatures .omschrijving  li{
		list-style			: url('../_images/point.gif');
		margin-left			: 15px;
	}
	
	#right .vacature{
		border-top		: 1px solid #cfcfcf;
		padding			: 12px 0 0 0;
		margin			: 11px 0 0 0;
	}
	
	#right .border {
		border: 1px solid #cfcfcf;
	}

	#right #zoekprofiel_blokje {
		width			: 245px;
		height			: 85px;
		float			: left;
		padding			: 0 0 0 13px;
		background		: transparent url('../_images/block_background_small.gif') no-repeat top left;
	}

		#right #zoekprofiel_blokje #title {
			padding			: 17px 0 0 0;
			font-size		: 13px;
			color			: #0A1758;
		}

		#right #zoekprofiel_blokje #text {
			width			: 200px;
		}	

			#right #zoekprofiel_blokje #text a {
				text-decoration : none;
				color			: #474747;
				line-height		: 16px;
			}
	
	#right #vacatures td {
		line-height: 20px;
	}
	
		#right #vacatures .vacature {
			border-top		: 1px solid #cfcfcf;
			padding			: 12px 0 0 0;
			margin			: 11px 0 0 0;
		}

			#right #vacatures .vacature span {
				font-size		: 11px;
				display			: block;
				margin			: 3px 0 7px 0;
			}

	#right #nav {
		border-top		: 1px solid #cfcfcf;
		padding			: 12px 0 0 0;
		margin			: 11px 0 0 0;
	}
	
	  #right .moviedescription{
   margin-bottom:10px;
   }
	

#footer {
	float			: left;
	width			: 910px;
	height			: 77px;
	background		: transparent url('../_images/footer_background.gif') no-repeat bottom left;
	margin			: 0 0 20px 15px;
	position		: relative;
	padding			: 43px 25px 0 25px;
}

	#footer #person {
		position		: absolute;
		display      : none;
		width			: 474px;
		height			: 289px;
		top				: -221px;
		left			: 455px;
		/*background		: transparent url('../_images/person_background.png') no-repeat top left;*/
	}

	#footer #info {
		float			: left;
		color			: #0A1758;
		line-height		: 25px;
	}

	#footer #sitemap {
		position		: relative;
		z-index			: 3;
		float			: right;
		color			: #979797;
		text-align		: right;
		line-height		: 25px;
	}

.clear {
	clear			: both;
}

.img {
	float			: right;
	margin			: 0 0 15px 15px;
}

.hr {
	height			: 25px;
	background		: transparent url('../_images/hr.gif') repeat-x center;
}

/* Headings H1-H6 */
h1 { 
	font-size		: 20px;
	margin			: 0 0 15px 0;
}

h2 {
	font-size		: 18px;
}

	#vacatures h2 {
		float			: left;
		margin			: 0 0 2px 0;
	}

	#home #right h2 {
		margin			: 0 0 6px 0;
	}

	#bottom h2 {
		margin			: 0 0 5px 0;
	}

h3 { }

	#functie h3 {
		font-size		: 22px;
		color          : #d7d9e8;
	}	

h4 { }

	#text h4 {
		font-size		: 15px;
	}

h5 { }

	#vacatures h5 {
		font-size		: 15px;
	}

h6 { }


/* Paragraph and Link Styles */
p { }

	#vacatures p {

	}

		#home #vacatures p {
			font-size		: 11px;
			padding			: 2px 0 0 0;
		}

	#right p {
		line-height		: 20px;
		padding			: 0 0 15px 0;
	}

		#home #right p {
			padding			: 0;
		}

		#right #vacatures p {
			padding			: 0;
		}

	#bottom p {
		line-height		: 18px;
		margin			: 0 0 5px 0;
	}

	#text p {
		margin			: 5px 0 15px 0;
	}

a { 
	color			: #000;
}	

	#vacatures span a {
		color			: #747474;
	}

	#vacatures span a:hover {
		color			: #000000;
	}

	#vacatures h5 a {
		font-weight		: bold;
		color			: #000;
		text-decoration	: none;
	}

		#home #vacatures h5 a {
			font-weight		: normal;
			color			: #474747;
		}

	#vacatures h5 a:hover {
		color			: #000;
	}

	#vacatures a.respond {
		float			: right;
		width			: 120px;
		height			: 22px;
		color			: #fff;
		text-decoration	: none;
		font-weight		: bold;
		padding			: 5px 0 0 10px;
		background		: transparent url('../_images/button_respond.gif') no-repeat top left;
	}

	#vacatures a.respond:hover {
		color			: #ffe400;
	}

	#right .respond {
		float			: right;
		width			: 120px;
		height			: 22px;
		color			: #fff;
		text-decoration	: none;
		font-weight		: bold;
		padding			: 5px 10px 0 10px;
		background		: transparent url('../_images/button_respond.gif') no-repeat top left;
		cursor			: pointer;
	}
	
	#right .respond:hover {
		color			: #ffe400;
	}
	

	a.arrow {
		float			: right;
		padding			: 4px 0 0 32px;
		background		: transparent url('../_images/arrow.gif') no-repeat left;
		height			: 20px;
		color			: #0a1758;
		text-decoration	: none;
		position		: relative;
		z-index			: 2;
		margin-top		: 10px;
	}

	a.arrow:hover {
		text-decoration	: underline;
	}

	#info a {
		display			: block;
		color			: #0a1758;
		padding			: 0 0 0 25px;
	}

	#info a.phone {
		background		: transparent url('../_images/phone.gif') no-repeat left;
	}

	#info a.mail {
		background		: transparent url('../_images/mail.gif') no-repeat left;
		text-decoration	: underline;
	}

	a.more {
		float			: right;
		color			: #000;
	}

	#breadcrumbs a {
		color			: #474747;
	}

	a.list {
		padding			: 0 0 0 20px;
		color			: #938401;
		cursor			: pointer;
		text-decoration	: none;
		background		: transparent url('../_images/list.gif') no-repeat left;
	}

	a.map {
		padding			: 0 0 0 20px;
		color			: #938401;
		cursor			: pointer;
		text-decoration	: none;
		background		: transparent url('../_images/map.gif') no-repeat left;
	}
	
/* Lists and Navigation */
ul { }	

	#menu ul.main {
		margin			: 13px 0 0 0;
	}

	#menu ul.main li {
		display			: inline;
		padding			: 0 50px 0 0;
	}

	#menu ul.main li a {
		color			: #fff;
		font-weight		: bold;
		text-decoration	: none;
		padding-bottom     : 13px;
		padding-top        : 13px;
	}

	#menu ul.main li a.active {
		color			: #F1E800;
	}

	#menu ul.main li.active a, #menu ul li a:hover {
		color			: #F1E800;
	}

	#menu ul.submain {
		margin			: 14px 0 0 -11px;
		padding			: 5px 0;
		position		: absolute;
		visibility		: hidden;
		border			: 1px solid #fff;
		background-color: #3e487b;
		opacity			: .9;
		filter			: alpha(opacity=90);
		z-index			: 1000;
	}

	#menu ul.submain li {
		display			: block;
		padding			: 5px 20px 5px 10px;
	}

	#menu ul.submain li a, #menu ul.main li.active ul.submain li a {
		color			: #fff;
	}

	#menu ul.submain li.active a, #menu ul.submain li a:hover, #menu ul.main li.active ul.submain li a:hover {
		color			: #F1E800;
	}

	#actions ul {

	}

	#actions ul li {
		display			: block;
		width			: 300px;
		height			: 40px;
		background		: transparent url('../_images/action_background.gif') no-repeat top left;
	}

	#actions ul li:hover {
		background-position: bottom left;
	}

	#actions ul li a {
		color			: #0A1758;
		text-decoration	: none;
		font-size		: 13px;
		display			: block;
		width			: 247px;
		height			: 28px;
		padding			: 12px 0 0 25px;
		font-weight		: bold;
	}

	#actions .call {
		margin-right: 25px;
	}

	#sitemap ul {
		display			: block;
	}

	#sitemap ul li {
		display			: inline;
		padding			: 0 11px 0 10px;
		border-right	: 1px solid #0b195a;
	}

	#sitemap ul li.last {
		border			: 0;
		padding			: 0 0 0 10px;
	}

	#sitemap ul li a {
		color			: #0b195a;
	}

	#list ul { 
		margin			: 0 0 13px 0;
	}

	#list ul li { 
		display			: block;
		padding			: 2px 0 2px 0;
	}

	#list ul li a {
		display			: block;
		padding			: 0 0 0 12px;
		text-decoration	: none;
		background		: transparent url('../_images/point.gif') no-repeat left;
	}

	#list ul li a:hover {
		text-decoration	: underline;
	}

	#bottom ul { 
		margin			: 0;
	}

	#bottom ul li { 		
		display			: block;
		padding			: 2px 0 2px 0;
	}

	#bottom ul li a {
		padding			: 0 0 0 12px;
		text-decoration	: none;
		color			: #474747;
		font-weight		: bold;
		background		: transparent url('../_images/bottom_list.gif') no-repeat left;
	}

	#bottom ul li a:hover {
		color			: #000;
	}

	#nav ul { }

	#nav ul li {
		float			: left;
		padding			: 0 2px 0 0;
	}

	#nav ul li a {
		float			: left;
		width			: 32px;
		height			: 27px;
		background		: transparent url('../_images/nav_background.gif') top left;
		line-height		: 27px;
		text-align		: center;
		color			: #474747;
		text-decoration	: none;
	}

	#nav ul li.active a, #nav ul li a:hover {
		color			: #fff;
		font-weight		: bold;
		background-position: bottom left;
	}

	#nav ul li.link a {
		width			: auto;
		background		: none;
		font-weight		: bold;	
		color			: #000;
		padding			: 0 0 0 6px;
	}

	#nav ul li.link a:hover {
		color			: #000;
		background		: none;
	}

	#nav ul li.first a {
		padding			: 0 6px 0 0;
	}
	
	#content ul {
		padding			: 0 0 15px 0;
	}

/* Forms */
form { }

form td {
	padding			: 3px 0;
}

input, select, textarea {	
	font			: normal 12px "Arial", "Verdana", sans-serif;
	color			: #474747; 	
	width			: 170px;
	border			: 1px solid #cbcbcb;
	padding			: 3px;
}
