*{
	margin:0; padding:0;}
	
body{
	font:12px/20px Verdana, Arial, Helvetica, sans-serif; background-color:#636675;}
	
	
/* layout */

#wrapper{
	margin:0 auto 20px; width:874px; padding:24px 0 0; 
	background:transparent url(../gfx/bg_wrapper.png) no-repeat left top;}

#container{
	border:1px solid #fffff4; width:831px;margin:0 auto; background-color:#fffff4;}

#main{ 
	overflow:hidden; position:relative; background:#FFFFF4 url(../gfx/bg_main.jpg) no-repeat 0px 0px;}
#sidebar{ 
	width:190px;float:left; position:relative; overflow:hidden; }
#content{ 
	background-color:#FFFFF4; overflow:hidden; z-index:10; min-height:540px;}
#introcolumn{
	width:226px; float:left; overflow:hidden;margin:0 0 0 18px; padding-bottom:100px;}
#contentcolumn{
	margin:0 20px 20px 266px;}
#footer{}

/* elements */

h1{ 
	line-height:34px; background:transparent url(../gfx/bg_title.jpg) no-repeat left top; color:#FFFFF4; 
	font-weight:normal; font-size:18px;margin:87px 0 17px;padding-left:18px;}
h2{ 
	font-size:12px; color:#565ACA;margin-bottom:20px; }
h3{}
p, ul{ margin-bottom:20px; overflow:hidden;}
ul{
	list-style:none;}
li{ background:transparent url(../gfx/bullet2.gif) no-repeat left 6px; padding-left:12px;}
a{
	color:#565ACA;}
a:hover{}
a img{ 
	border:none;}
em,
.hilite{
	color:#565ACA;}



#sidebar ul {	
	font-size:11px; list-style:none; margin:93px 0 0;}
#sidebar ul li{
	background:none;padding-left:0;}
#sidebar ul li ul{ 
	margin:0;}
#sidebar ul li ul li{ 
	padding-left:12px;}
#sidebar ul li a{
	color:#E7E5D6; text-decoration:none; padding-left:13px; display:block;}
#sidebar ul li a:hover{
	color:#95ABE8; }
#sidebar ul li#current{
	background:transparent url(../gfx/bg_navcurrent.png) no-repeat left top; }
#sidebar ul li#current a{ 
	color:#95ABE8; display:block;width:182px; height:20px; line-height:20px;}
#sidebar ul li#current ul li a{
	color:#E7E5D6;}
#sidebar ul li ul li a,
#sidebar ul li#current ul li a{ 
	background:transparent url(../gfx/bullet1.gif) no-repeat left 6px; padding-left:15px;}
#sidebar ul li ul li#current a,
#sidebar ul li ul li a:hover{ 
	background-position: left -15px;}	
	
#introcolumn,
#introcolumn p{ 
	color:#9B856C; }
#introcolumn img{
	margin-bottom:20px;}
#introcolumn h2,
body.opdrachtgevers h2{
	margin-bottom:0;}
body.wieis #introcolumn p{
	font-style:italic; }
body.contact #introcolumn p,
body.hrminterim #introcolumn p,
body.hrminterim #introcolumn ul{
	color:#9B856C; }
	
div.motto{
	position:absolute; bottom:20px; right:400px; width:250px;}
div.mottotekst{
	width:205px;
}

div.motto p{
	margin-bottom:0;	
	/*font-family:'Cuprum', Arial, sans-serif;
	color:#9B856C; 
	font-size:29px;
	text-align:right; 
	line-height:26px; 
	margin-right:45px;*/
	}
img.icon{
	position:absolute; right:0; bottom:10px; z-index:100}

dl{
	margin:10px 0;}
dt a{
	color:#1C2535; font-weight:bold; background:#CBC1B8 url(../gfx/bullet3.png) no-repeat 6px 6px; 
	display:block; padding-left:16px; text-decoration:none;line-height:20px;}
dl.open dt a{
	background-position:4px -15px;}
dt a:hover{
	background-color:#95ABE8;}
dl.open dt a:hover{
	background-color:#CBC1B8;}
dd{
	background-color:#F0EBE0; padding:5px 16px 6px; display:none;}
dl.open dd{
	display:block;}	
	

/* formulier */

form ol{
	list-style:none;}
form li{
	background:none; padding-left:0;margin-bottom:5px;}
label{
	display:block; color:#1C2535;}
label.error{
	font-size:11px; color:#CC0000;}
input,textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;color:#1C2535; font-size:12px;padding:2px;}
	
input.tekst,
textarea.tekst{
	border:1px solid #9B856C; width:300px;}

.hide{
	display:none;}