html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}
body
{
	font: normal 11px verdana;
	color: #000;
	background: url('../img/bg/hor.blue.png') fixed repeat-x 0 76px;
}
/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

#nieuwsbrief_btn {
margin-right:4px;
}

#navmenu li {
	font-size: 12px;
	line-height: 14px;
}

.typeface-js {
    font-family: Aller;
    font-weight: normal;
}

#btn_image {
	height: 20px;
	width: 89px;
	display: block;
	background:url("../img/verstuur.jpg") no-repeat scroll 0 0 transparent;
	border: 0;
	cursor: pointer;
}

/* COMMON */
a img {
	border: none;
}
h1, h2, h3, #slogan, body, a
{
	color: #343862;
}

h1, h2, h3, h4
{
	font-family: Aller;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 18px;
}

#content h1
{
	padding-bottom: 7px;
}
#content h2
{
	font-size: 14px;
	padding-bottom: 14px;
	padding-top:10px;
}
h3
{
	font-size: 14px;
}
#content h4
{
	font-size: 11px;
}

#content_left, #content_right {
	width: 210px;
	float: left;
}

#content_left {
	margin-right: 30px;
}

.no_link_border {
  text-decoration:none;
}

#content_right {
}

/* reset spaces */
#navmenu, #navmenu ul, #breadcrumb, ul.arrow, #footer ul, h1, h2, h3, h4, form, #dmmjobcontrol
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
/* no text decoration*/
#navmenu a, #breadcrumb a, #footer a, a.leidinggeven{
	text-decoration: none;
}
#content p
{
	margin: 0px;
	padding: 0 0 10px;
}

/* BLOCK ELEMENT STYLING */
#container {
	width: 960px;
}
#logo
{
	position: fixed;
	z-index: 80;
	margin-left: 240px;
	width: 220px;
	top: 0px;
	padding: 12px 0 0 20px;
	height: 64px;
	background-color: #fff;
}
#logo a
{
	display: block;
	width: 203px;
	height: 56px;
}

#column
{
	border-top: 46px solid #fff;
	position: fixed;
	z-index: 50;
	height: 100%;
	width: 480px;
	background: url('../img/bg/ver.png') repeat-y 240px 0;
}
/* Info */
#info
{
	height: 100%;
	width: 240px;
	display: block;
	background: url('../img/column.jpg') no-repeat left top;
}
#laatste_vacs, #laatste_nieuws {
	margin-left: 20px;
	width: 212px;
}

#laatste_vacs ul
{
	padding-bottom: 13px;
}
#laatste_vacs .arrow li
{
	background-position: 0 -33px;
}
#laatste_nieuws .arrow li
{
	background-position: 0 3px;
}
#laatste_vacs h4, #laatste_vacs a
{
	color: #5083bd;
}
#laatste_vacs li, #laatste_nieuws li
{
	margin-top: 9px;
}
#info .more
{
	margin-top: 13px;
}
#laatste_nieuws strong
{
	font-weight: normal;
}

/* Navigation */
#nav
{
	position: absolute;
	width: 240px;
	padding-top: 30px;
	margin-left: 240px;
}
#navmenu
{
	padding: 17px 20px 17px 20px;
	background-color: #343862;
}
#navmenu li
{
	*padding-top: 3px;
	width: 175px;
}
#navmenu a
{
	text-transform: uppercase;
	color: #797fdd;
}
#navmenu ul
{
	display: none;
	padding-left: 15px;
}
#navmenu li.current > ul, #navmenu li.active > ul
{
	display: block;
}
#container #navmenu a:hover, #container #navmenu li.active > a, #container #navmenu li.current a
{
	color: #fff;
}
#nav a.leidinggeven
{
	display: block;
	height: 40px;
	width: 207px;
	padding: 10px 0 0 33px;
	text-transform: uppercase;
	color: #fff;
	font-size: 18px;
	background-color: #0d8843;
	line-height: 32px;
}
#nav .address
{
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
	position: absolute;
	display: block;
	height: 85px;
	width: 240px;
	background-color: #fff;
}
#nav address
{
	font-style: normal;
	color: #fff;
	padding: 10px 0 0 33px;
	height: 75px;
	width: 207px;
	line-height: 16px;
}
#main
{
	margin-top: 46px;
	float: right;
	margin-left: 480px;
	width: 480px;
	padding-top: 154px;
	background: url('../img/bg/hor.blue.png') repeat-x left top;
}
/* breadcrumb */
#breadcrumb {
	width: 460px;
	padding-bottom: 13px;
	background-color: #fff;
	color: #363861;
}
#breadcrumb li
{
	display: inline;
	margin-right:5px;
}
#breadcrumb a
{
	margin-right: 9px;
	color: #363861;
}
#content
{
	padding: 8px 20px 17px 20px;
	background-color: #fff;
	line-height: 16px;
}
.leidinggeven #content
{
	margin-top: 21px;
	padding-top: 16px;
}
#slogan
{
	position: absolute;
	top: 73px;
	margin-left: 21px;
	text-transform: uppercase;
	font-size: 23px;
	line-height: 25px;
	width: 440px;
/*	background-color: #decce2;*/
}
/* headers */
h3
{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.tx-dmmjobcontrol-pi1 div p.bodytext
{
	padding-top: 0px;
	margin-top: 0px;
}

/* jobcontrol */
#dmmjobcontrol li
{
	margin-bottom: 5px;
	background: url('../img/bg/vacature.status.png') no-repeat 0 4px;
	width: 400px;
	padding-left: 60px;
}
#dmmjobcontrol span
{
	float: right;
	display: block;
	width: 100px;
	padding-left: 10px;
}
#dmmjobcontrol .voorgedragen
{
	background-position:0 -66px;
}
#dmmjobcontrol .gesloten
{
	background-position:0 -135px;
}
a.arrow
{
	background: url('../img/bg/arrow.png') no-repeat 0 3px;
	padding-left: 22px;
	text-decoration: none;
}

a.arrow-rev
{
	background: url('../img/bg/arrow_rev.png') no-repeat 0 3px;
	padding-left: 22px;
	text-decoration: none;
}

ul.arrow
{
	background-image: none;
	padding: 5px 0 0 0;
}
.arrow li
{
	background: url('../img/bg/arrow.png') no-repeat 0 3px;
	padding-left: 22px;
	padding-bottom: 4px;
}
.arrow a
{
	text-decoration: none;
}
.info
{
	position: fixed;
	top: 250px;
	left: 0px;
	padding: 12px 0 0 21px;
	z-index: 120;
}
.info p
{
	margin-top: 0px;
	padding-top: 0px;
}

/* footer */
#footer
{
	margin-top: -80px;
	height: 24px;
	width: 240px;
	clear: both;
	margin-left: 240px;
	text-align: center;
	/*background: url('../img/bg/ver.png') repeat-y -3px 0;*/
	
}
#footer li
{
	position:relative;
	float: left;
	text-align:left;
}
#footer a
{
	color: #fff;
	padding: 0 9px;
}

/* CONTACT FORM */
#content form
{
	padding-top: 12px;
}
#contactform .text, #contactform select, #contactform textarea, #sollform .text, #sollform textarea
{
	font-family: verdana;
	font-size: 11px;
	width: 197px;
	height: 19px;
	border: 1px solid #343862;
}
#sollform select
{
	border: 1px solid #343862;
	margin-right: 10px;
}
#sollform .text, #sollform textarea, #sollform select.functies, #sollform select.opleiding
{
	width: 282px;
}
#contactform td.label
{
	width: 125px;
}
#sollform td.label
{
	width: 154px;
}
td.label span.req
{
	float: right;
}
td.field
{
	padding-left: 8px;
}
#contactform textarea
{
	width: 300px;
	height: 120px;
}
#sollform textarea
{
	height: 74px;
}
p.error
{
	color: #f00;
	padding: 0 0 10px 0;
	margin: 0;
}
body #container .error .text, body #container .error select, body #container .error textarea
{
	border-color: #f00;
}

/* fade */
#fade_2 {
 float: left;
}

#fade_3 {
 float: right;
}

/* COLOR SCHEMES */
/* default = blue */
/* lightblue */
.lightblue #column
{
	background-position: -240px 0;
}
body.lightblue, .lightblue #main
{
	background-image: url('../img/bg/hor.lightblue.png');
}
.lightblue h1, .lightblue h3, .lightblue #slogan
{
	color: #5083bd;
}
.lightblue #navmenu
{
	background-color: #5083bd;
}
.lightblue .arrow, .lightblue .arrow li, .lightblue .arrow-rev
{
	background-position: 0 -33px;
}
.lightblue #navmenu a
{
	color: #a4cfff;
}
/* purple */
.purple #column
{
	background-position: -720px 0;
}
body.purple, .purple #main
{
	background-image: url('../img/bg/hor.purple.png');
}
.purple h1, .purple h3, .purple #slogan
{
	color: #66297c;
}
.purple #navmenu
{
	background-color: #66297c;
}
.purple .arrow, .purple .arrow li, .purple .arrow-rev
{
	background-position: 0 -69px;
}
.purple #navmenu a
{
	color: #cf00ff;
}
/* red */
.red #column
{
	background-position: -1200px 0;
}
body.red, .red #main
{
	background-image: url('../img/bg/hor.red.png');
}
.red h1, .red h3, .red #slogan
{
	color: #d7242b;
}
.red #navmenu
{
	background-color: #d7242b;
}
.red .arrow, .red .arrow li, .red .arrow-rev
{
	background-position: 0 -105px;
}
.red #navmenu a
{
	color: #ff8c8c;
}
/* green */
.green #column
{
	background-position: -1680px 0;
}
body.green, .green #main
{
	background-image: url('../img/bg/hor.green.png');
}
.green h1, .green h3, .green #slogan
{
	color: #0d8843;
}
.green #navmenu
{
	background-color: #0d8843;
}
.green .arrow, .green .arrow li, .green .arrow-rev
{
	background-position: 0 -142px;
}
.green #navmenu a
{
	color: #00d86a;
}

/* leidinggeven */
.leidinggeven #slogan
{
	top: 75px;
	font-size: 25px;
	line-height: 37px;
}
.leidinggeven #navmenu
{
	padding: 31px 0 40px 32px;
	height: 165px;
}

.nieuws-tabel th {
	text-align: left;
	font-weight: normal;
	font-style: italic;
}

.nieuws-tabel td a {
	font-weight: normal;
	text-decoration: none;
}

#dmmjobcontrol a {
	text-decoration: none;
}

.klant-tabel tbody tr td {
	width: 220px;
}

#bosmanvos_mailinglist table {
	margin-left: 4px;
	float: left;
}

#nieuwsbrief_btn {
	float: left;
}

.uitlijnen {
	padding-left: 15px;
	/*list-style-image:url("../img/bg/arrow.png");*/
}

.uitlijnen li{
	/*background: url("../img/bg/arrow.png") no-repeat scroll 0 3px transparent;
	background-position: 0 -33px;*/
}

.arrowlist {
	list-style-image: url("../img/bg/arrow_red.png");
}
