* {
	background: transparent;
	color: #111;
	font-family: Arial, sans;
	font-size: 11px;
}

.padding {
	padding: 6px;
}

/* main body */
div#body {
	background: transparent url('/images/bg_body.gif') top left repeat-y;
	border: solid #dedede;
	border-width: 0px 1px 1px 0px;
	overflow: hidden;
	margin: 0px;
	padding: 4px 0px 0px 0px;
	width: 1000px;
}

/* header, logo & menu */
div#header {
	background: transparent;
	border: none;
	height: 100px;
	width: 1000px;
}

/* logo */
div#logobody {
	background: transparent;
	border: none;
	height: 71px;
}

img.logo {
	border: none;
}

/* menu */
div#menubody {
	background: url('/images/navbalk_bg.jpg') top left repeat-x;
	height: 29px;
	margin: 0px;
	overflow: hidden;
	padding: 0px;
}

/* achtergrondje aan de linkerkant */
div#menubody div#menubodyleft {
	background: url('/images/navbalk_links.jpg') bottom left repeat-x;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 29px;
	width: 5px;
}

/* achtergrondje aan de rechterkant */
div#menubody div#menubodyright {
	background: url('/images/navbalk_rechts.jpg') bottom right repeat-x;
	float: right;
	margin: 0px;
	padding: 0px;
	height: 29px;
	width: 5px;
}

/* instellingen voor de links zelf */
div#menubody div#menubodycontent {
	height: 29px;
	padding: 7px 0px 0px 0px;
	vertical-align: middle;
}

div#menubody div#menubodycontent div {
	display: inline;
}

div#menubody div#menubodycontent a {
	color: #797595;
	cursor: pointer;
	display: inline;
	font-family: verdana;
	font-weight: bold;
	font-size: 11px;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
}

div#menubody div#menubodycontent a:hover,.content a:hover {
	color: #c253c6;
}
div#exbottom {
    float:left;
    width: 590px;
}
/* linkkant van de pagina */
div#bodyleft {
	float: left;
	margin: 0px;
	position: absolute;
	width: 270px;
	z-index: 2;
}

/* content gedeelte van de pagina */
div#bodycontent {
	background: transparent;
	margin: 0px 0px 0px 275px;
	width: 595px;
}

/* rechter gedeelte van de pagina (buttons) */
div#bodyright {
	float: right;
	min-height: 500px;
	width: 120px;
}

/* submenu's en links*/
div#submenu,
div#subsubmenu,
div.back {
	display: block;
	padding: 6px;
}

div#submenu {
	text-align: right;
}

div#subsubmenu,div.back {
	text-align: center;
}

div#submenu div {
	background: #F2F0F1 url('/images/bg_a_arrow.gif') right no-repeat;
	display: block;
	margin: 6px;
}

div#subsubmenu div  , div.back div {
	background: #F7F6F6 url('/images/bg_a_arrow.gif') right no-repeat;
	display: inline;
	margin: 6px;
}

div#submenu div a,div#subsubmenu div a,div.back div a {
	color: #c254c6;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	padding: 0px 2px 0px 2px;
	text-decoration: none;
}

div#submenu div a:hover,div#subsubmenu div a:hover,div.back div a {
	color: #c41ccb;
}

div#submenu div a {
	background: #F2F0F1;
	display: inline;
}

div#subsubmenu div a,div.back div a {
	background: #F7F6F6;
	display: inline;
	margin-right: 36px;
}

div#submenu div a img {
	background: #F2F0F1;
	border: none;
}

div#subsubmenu div a img,div.back a img {
	background: #F7F6F6;
	border: none;
}

/* rechterkant van de pagina */
div#bodyright {
	background: #f0f0f0;
	height: 625px;
	width: 120px;
}

/* layout van de buttons */
div#bodyright div.button {
	background: #cccccc;
	border: none;
	height: 60px;
	margin: 0px 0px 6px 0px;
	width: 120px;
}

/* form styles */
label {
	background: transparent;
	display: block;
	font-weight: bold;
	height: 16px;
	margin: 3px 0px 3px 0px;
	padding: 2px 6px 0px 0px;
	vertical-align: bottom;
}

input.text,input.password,textarea {
	background: #ffffff;
	border: 1px solid #888;
	clear: both;
	float: right;
	height: 16px;
	margin: 3px 0px 3px 0px;
	padding: 2px 6px 0px 2px;
	width: 150px;
}

.checkbox {
	clear: both;
	float: right;
}

select {
	background: #ffffff;
	border: 1px solid #888;
}

select.select,
select.selectmulti {
	margin-bottom: 4px;
	width: 160px;
}

select.select {
	height: 16px;
}

select.selectmulti {
	height: 70px;
}

textarea {
	clear: both;
	float: left;
	height: 420px;
	width: 420px;
}

/* de submit buttons */
input.button,input.buttonhover,input.buttonback,input.buttonbackhover {
	background: transparent url('/images/button.jpg') no-repeat;
	border: none;
	x-clear: both;
	color: #4A688A;
	cursor: pointer;
	display: block;
	font-family: arial;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	height: 20px;
	margin: 3px 0px 3px 3px;
	width: 150px;
}

input.buttonhover,input.buttonbackhover {
	background: transparent url('/images/buttonhover.jpg') no-repeat;
}

input.button,input.buttonhover {
	x-float: right;
}

/* content blokken */
div#bodycontent div.singleleft,
div#bodycontent div.singleright,
div#bodycontent div.double {
	background: #f7f6f6 url('/images/titelbalk_rechts.jpg') top right no-repeat;
	border: none;
	display: inline;
	margin: 0px 0px 6px 0px;
	width: 290px;
}

/* de content verdeeld in twee blokken, linkerkant */
div#bodycontent div.singleleft {
	display: block;
}

/* verdeeld in twee blokken, rechterkant */
div#bodycontent div.singleright {
	display: block;
	float: right;
}

/* 1 blok over breedte van de pagina */
div#bodycontent div.double {
	display: block;
	width: 590px;
	clear:both;
}

/* de header van de contentblokken */
div.header {
	background: url('/images/titelbalk_links.jpg') top left no-repeat;
	color: #4A688A;
	font-family: verdana;
	font-style: italic;
	font-weight: bold;
	height: 30px;
	padding: 4px 0px 0px 12px;
}

/* de "meer" links, gepositioneerd in headers */
span.more {
	float: right;
	margin: 2px 6px 0px 0px;
}

span.more a {
	color: #3C6D9A;
	padding: 0px 8px 0px 0px;
	text-decoration: none;
}

span.more a:hover {
	color: #C36DCB;
}

/* de content van de blokken */
div.content {
	border: solid #e3e3e3;
	border-width: 0px 1px 1px 1px;
	overflow: hidden;
	padding: 0px;
}

/* de onderkant van de pagina, gedeelte met de banners */
div#bottom {
	height: 82px;
	padding: 0px;
	width: 592px;
}

div#bottom div.house {
	clear: left;
	float: left;
	height: 60;
	margin: 6px 0px 0px 0px;
	width: 120px;
}

div#bottom div.bottombanner {
	float: right;
	height: 60px;
	margin: 6px 0px 0px 0px;
	width: 468px;
}

/* content lijsten */
table.overzicht tr.header th {
	background: #B3D0EE;
	border: 1px solid #dddddd;
}

span.clickable {
	color: #4A688A;
	cursor: pointer;
}

table.overzicht {
	width: 98%;
}

table.overzicht tr td {
	background: #F8F6F7;
	padding: 2px 4px 2px 4px;
	white-space: nowrap;
}

table.overzicht tr.alternate td {
	background: #DCE3E9;
	padding: 2px 4px 2px 4px;
	white-space: nowrap;
}

img.icon {
	border: none;
	cursor: pointer;
	margin: 0px 3px 0px 3px;
	vertical-align: middle;
}

img#graph {
	position: absolute;
	top: 350px;
	z-index: 3;
}

tr.row td,
tr.row td span {
	background-color: #f7f6f6;
}

tr.rowalternate td,
tr.rowalternate td span {
	background-color: #f2f0f1;
}

tr.row_hover td,
tr.rowalternate_hover td,
tr.row_hover td span,
tr.rowalternate_hover td span {
	cursor: pointer;
	color: #c253c6;
}

p {
	margin-top: 0;
}

.showprint {
	display: none;
}

span.label_required {
	color: #ff0000;
}

span.label_error {
	clear: both;
	display: block;
	margin-left: 3px;
}

.label_left {
	vertical-align: top;
	padding-top: 2px;
}

textarea.message,
textarea.messageOn {
	border: 0px;
	color: #cccccc;
	height: 100px;
	font-style: italic;
	width: 400px;
}
textarea.messageOn {
	color: #000000;
	font-style: normal;
}
div.paging {
	border-bottom: 1px solid #000000;
	padding: 10px  10px  4px  0px;
	text-align: right;
}
div.paging span.current{
	color: #C752C4;
	font-size: 14px;
	font-weight: bold;
}
div.paging a {
	font-weight: bold;
	text-decoration: none;
}
div.paging a:hover {
	color: #C752C4;
}
div#bedrijfslogo {
	display: block;
	float: right;
	z-index: 10;
}
div.addsleft{
	background: transparent;
	float: left;
	height: 232px;
	overflow: hidden;
	margin: 5px 0px 5px -5px;
	text-align: center;
	width: 270px;
}
div.addsleft table {
	width: 270px;
}
div.addsleft table td {
	width: 120px;
}
div.vacatureszoeken {
	clear: both;
	text-align: right;
}
div.vacatureszoeken label {
	float: left;
}
div.vacatureszoeken input.text,
div.vacatureszoeken select.select {
}
div.vacatureszoeken input.text {
	margin-bottom: 6px;
}