/* Standaard instellingen */
DIV,TD,P {text-align:left;font:inherit;}
IMG {border:none;}
TABLE,TR,TD {font:inherit;}


.blauwekop {color:#0091E1;}

body {
text-align:center; /*center hack*/
background:url(/images/home_background.png) no-repeat top center;
padding-bottom:30px;
}

#wrap {
width:990px; /*center hack*/
margin:0 auto; /*center hack*/
text-align:left;
}
#header {
position:relative;
text-align:left;
height:100px;
}
#hdrimg {
	float: left;
	background:url(/images/header.jpg) no-repeat 0 0;
	height: 100px;
	width: 400px;
}
#company_logo {
position:absolute;
background:transparent;
width:370px;
height:90px;
left:0px;
top:10px;
cursor:pointer;
}

#headermodules{
float:right;
width:210px;
padding-top:3px;
}
#headermodleft{
float:left;
width:82px;
height:46px;
position:relative;
margin-top:0px;
}
#headermodright{
width:105px;
height:46px;
float:right;
position:relative;
}
#bbmodleft {
	position: absolute;
	left: -35px;
	top: -4px;
	height:50px;
	background-color: #00A5E6;
	width: 30px;
}
#bbmodright {
	position: absolute;
	left: -28px;
	top: -4px;
	height:50px;
	background-color: #00A5E6;
	width: 24px;
}
#footer {
clear:both;
}
#main-body {
float:left;
width:730px;
padding-top:30px;
}
#sidebar-2 {
float:right;
width:262px;
overflow:hidden;
margin-left:-3px;
padding-top:30px;
}
#content {
float:right;
width:515px;
overflow:hidden;
}
#contentmods{
float:right;
width:513px;
overflow:hidden;
}
#contentmodleft{
width:252px;
float:left;
overflow:hidden;
}
#contentmodright{
width:252px;
float:right;
overflow:hidden;
}
#contentmodfull{
padding:0 5px 0 5px;
/*width:513px; overflow:hidden;
clear:both;
*/
}
#sidebar {
float:left;
width:200px;
overflow:hidden;
margin-right:-3px;
}
#inside{
background:#fff;
border:1px solid #00a5e6;
padding:10px;
}
.insidesb {
padding:0;
}
.insidesb-2 {
padding:0 15px 0 15px;
}

/* customize */

* {
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address{
margin:0.5em 0;
}
.contentpaneopen ul{
margin-left:2em;
list-style-image:url(/images/bulletblue.gif);
}
fieldset{
padding:.5em;
}
body{
font-size:68.8%;
font-family:Verdana,Arial,Helvetica,sans-serif;
line-height:1.5em;
margin:0 0;
}
#wrap{
/* height:100% !Important;height:1%; */
}
#wrap-inner {
height:100% !Important;height:1%;
}
#header{
padding:1px;
}
#footer{
border-top: 1px solid #999;
padding:5px;
background:#fff;
}
a{
color:#00a5e6;
text-decoration:none;
}
a:hover{
text-decoration:none;
}
a.readon, a.dn-read_more{
	display: block;
	margin-top: 10px;
	padding-left: 20px;
	height: 13px;
	background:url(/images/readon.png) no-repeat 0 0;
	font-size:0.9em;
}

#sidebar-2 a.dn-read_more, #sidebar-2 a.dn-more{
display: block;
margin-top: 10px;
padding-left: 20px;
height: 13px;
background:url(/images/White_arrowright.jpg) no-repeat 0 0;
font-size:0.9em;
}
#sidebar-2 .dn-date{
color:#000;

}
h1{
font-size:1.7em;
line-height:1.7em;
text-indent:-9999px;
}
.componentheading{
font-size:1.1em;
line-height:1.7em;
color: #00a5e6;
font-weight:bold;
}
h2,.contentheading{
font-size:1.1em;
line-height:1.5em;
color: #00a5e6;
font-weight:bold;
text-indent: 0px;
}
h3{
font-size:1.3em;
line-height:1.3em;
}
h4{
font-size:1.2em;
line-height:1.2em;
}
h5{
font-size:1.1em;
line-height:1.1em;
}
h6{
font-size:1.1em;
line-height:0.5em;
color: #00a5e6;
font-weight:normal;
}
#footer,.small,.createdate,.modifydate,.mosimage_caption{
font:0.8em Arial,Helvetica,sans-serif;
color:#999;
}
.moduletable{
margin-bottom:1em;
padding:0 10px;/*padding for inside text*/
background: #00a5e6;
color:#fff;
}
.moduletable h3{
background:#00a5e6;
color:#fff;
padding:0.70em 0.25em 0.25em 0.70em;
text-align:left;
font-size:0.8em;
margin:0 -10px 0.5em -10px;/*negative padding to pull h3 back out from .moduletable padding*/
}
.moduletable a, .moduletable-schuin a{
color:#fff;
text-decoration:none;
margin-bottom:1em;
}
.moduletable a:hover, .moduletable-schuin a:hover{
text-decoration:underline;
}
#contentmodleft div.moduletable, #contentmodright div.moduletable{
border:1px solid #00a5e6;
margin-bottom:1em;
padding:10px;/*padding for inside text*/
background:#fff;
color:#000;
min-height:220px;
_height:220px;
}
#contentmodfull div.moduletable{
background: transparent;
/*border:1px solid #00a5e6;
margin-bottom:1em;
padding:10px;
background:#fff;
color:#000;*/
}
#contentmodleft div.moduletable h3, #contentmodright div.moduletable h3, #contentmodfull div.moduletable h3{
background:#fff;
color:#00a5e6;
padding:0 0 0 1em;
text-align:left;
font-size:1em;
font-weight:bold;
margin:0 -10px 0.5em -10px;/*negative padding to pull h3 back out from .moduletable padding*/
}
#contentmodleft a, #contentmodright a, #contentmodfull a{
color:#00a5e6;
text-decoration:none;
}
#contentmodleft a:hover, #contentmodright a:hover, #contentmodfull a:hover{
text-decoration:none;
}
#contentmodleft a.readon, #contentmodleft a.dn-read_more, #contentmodright a.readon, #contentmodright a.dn-read_more, 

#contentmodfull a.readon, #contentmodfull a.dn-read_more {
	display: block;
	margin-top: 10px;
	padding-left: 20px;
	height: 15px;
	background:url(/images/readon.png) no-repeat 0 0;
	background-position:0px 1px;
}
/*module for vacature */
.moduletable-vac{
background: #00a5e6 url(/images/manlaptop.jpg) no-repeat;
color:#fff;
text-align:left;
font-size:0.8em;
}
.moduletable-schuin{
margin-bottom:0 0 10px 0;
padding:0 10px 10px 10px;/*padding for inside text*/
background:url(/images/modback.gif) bottom left no-repeat;
color:#fff;
font-weight:normal;
font-size:0.9em;
}
.moduletable-schuin h3{
background:#00a5e6;
color:#fff;
padding:0.70em 0.25em 0.25em 0.70em;
text-align:left;
font-size:1.2em;
margin:0 -10px 0.5em -10px;/*negative padding to pull h3 back out from .moduletable padding*/
}
.moduletable-leftnav{
margin-bottom:1em;
padding:0; /*the padding is removed so the menu fills the whole module box*/
padding-top:50px;
padding-bottom:50px;
background: #6c6c6d;
}
.moduletable-leftnav h3{
background:#666;
width:100%;
color:#fff;
padding:0.25em 0;
text-align:center;
font-size:1.1em;
margin:0; /*now we have no padding in the module, we don't need the negative margins*/
border-bottom: 1px solid #CCC;
}
.moduletable-topnav{
padding:0; /*the padding is removed so the menu fills the whole module box*/
background: #fff;
}
.moduletable-topnav h3{
background:#666;
width:100%;
color:#fff;
padding:0.25em 0;
text-align:center;
font-size:1.1em;
margin:0; /*now we have no padding in the module, we don't need the negative margins*/
border-bottom: 1px solid #CCC;
}
#topnavcontainer-l,#topnavcontainer-r{
padding:0;
position:absolute;
bottom:0;
}
#topnavcontainer-l ul,#topnavcontainer-r ul{
list-style: none;
margin: 0;
padding: 0;
}
#topnavcontainer-l li,#topnavcontainer-r li{
margin: 0;
}
#topnavcontainer-l li a,#topnavcontainer-r li a{
color:#9b9ba0;
font-size:0.8em;
text-decoration:none;
}
#navcontainer{
padding:0;
color: #333;
}
#navcontainer ul{
list-style: none;
margin: 0;
padding: 0;
}
#navcontainer ul li{
margin: 0;
}
#navcontainer ul li a{
display: block;
padding: 3px 5px 2px 15px;
background:#6c6c6d;
color: #fff;
text-decoration: none;
font-size:0.9em;
border-bottom: 1px solid #9b9ba0;
}
#navcontainer ul li ul li{
margin: 0;
}
#navcontainer ul li ul li a{
display: block;
padding: 3px 5px 0 30px;
background:#fff;
color:#6c6c6d;
text-decoration:none;
border-bottom: 1px solid #6c6c6d;
}
#navcontainer ul li ul li ul li{
margin: 0;
}
#navcontainer ul li ul li ul li a{
display: block;
padding: 3px 5px 0 45px;
background:#fff;
color:#6c6c6d;
text-decoration:none;
border-bottom: 1px solid #6c6c6d;
}
html>body #navcontainer li a { width: auto; }
#topnavcontainer-l li a:hover,#topnavcontainer-r li a:hover{
color:#00a5e6;
text-decoration:none;
}
#navcontainer li a:hover{
background: #00a5e6 url(../images/arrowright.jpg) no-repeat 5px 7px;
color: #fff;
}
a#active_menu:link,a#active_menu:visited{
background: #fff url(/images/menupijlsubsub.jpg) no-repeat 5px 7px;
color: #00a5e6;
}
#mainlevel li .mainlevel_current {
background: #00a5e6 url(/images/arrowright.jpg) no-repeat 5px 7px;
color: #fff;
}
#navcontainer a.mainlevel_active{
background: #00a5e6 url(/images/arrowdown.jpg) no-repeat 5px 7px;
color: #fff;
}
.designer {margin:5px;color: #999;}
.designer a:link,.designer a:visited{color: #999;font-size:0.8em;text-decoration:none;}
.designer a:hover {color:#666;}


.searchbox {
	position:absolute;
	right:110px;
	top:57px;
}

.searchbox .search_input {
	width:113px;
	border:1px solid #00A5E6;
	padding:3px;
	height:22px;
	margin:0px;
	color:#9B9BA0;
	font-size:11px;
}

.searchbox .search_button {
	width:23px;
	height:22px;
	background-image:url("/images/search_button.jpg");
	background-position:1px 3px;
	background-repeat:no-repeat;
	background-color: #00A5E6;
	color:#fff;
	border:none;
	cursor:pointer;
}