/* --------------------  Standaard  -------------------- */
	html {
	margin:0;
	padding:0;
	}
	
	body {
	margin:0;
	padding:0;
	background:#ffb13e;
	}
	
	.clear {
	clear:both;
	}

	img {
	border:0;
	}
	
	.plaatje {
	border: 1px solid #000;
	}
/* --------------------  Structuur  -------------------- */
	#container {
	width:950px;
	margin:25px auto 0 auto;
	background-color:#FFFFFF;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	letter-spacing:.03em;
	line-height:1.35em;
	}
	
	#header {
	height:85px;
	}
	
	#breadcrumb {
	height:28px;
	padding: 8px 0 0 15px;
	color:#000;
	font-size:1em;
	}
		
	#links {
	width:235px;
	float:left;
	}
	
	#rechts {
	width:225px;
	padding:10px;
	background-color:#f3f3f3;
	color:#4265bf;
	}
	
	#midden {
	padding: 0 30px 0 35px;
	}
	
	#footer {
	background-color:#FFF;
	width:930px;
	margin:0 auto 15px auto;
	padding: 2px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;
	letter-spacing:.05em;
	clear:both;
    float:left;
	}
	
	.onderkant {
	clear:both;
	background-color:#ffb13e;
	height:10px;
	}

/* --------------------  Opmaak  -------------------- */
	#medewerker {
	padding:0 10px 5px 10px;
	margin:0;
	font-size:.9em;
	background-color:#FFF;
	}
	
	#contactgegevens {
	padding:15px;
	}
	
	.categorietitel {
	padding:5px;
	border:1px solid #FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFF;
	background-color:#f29102;
	}

/* -------------------- Lettertypen -------------------- */
	h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight:normal;
	letter-spacing:1px;
	line-height:1.4em;
	color:#726424;
	padding-top:0;
	margin-top:0;
	}

	h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight:normal;
	letter-spacing:1px;
	line-height:1.4em;
	color:#4265bf;
	}
	
	h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight:normal;
	letter-spacing:1px;
	line-height:1.5em;
	color:#726424;
	padding-top:0;
	margin-top:0;
	}

	h4 {
	font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	margin:0;
	padding:0;
	}
	
	p {
	padding:0;
	margin:0 0 1.2em 0;
	}
	
	.klein {
	font-size: .8em;
	}

/* --------------------    Links    -------------------- */
	a,a:visited {
	color:#f29102;
	text-decoration:none;
	}
	
	a:hover {
	color:#4265bf;
	text-decoration:underline;
	}
	
	a.bruin,a.bruin:visited {
	color:#726424;
	text-decoration:none;
	}
	
	a.bruin:hover {
	color:#726424;
	text-decoration:underline;
	}
	
	a.blauw,a.blauw:visited {
	color:#0e2e83;
	text-decoration:none;
	}
	
	a.blauw:hover {
	color:#f29102;
	text-decoration:underline;
	}
	
	a.zwart,a.zwart:visited {
	color:#000;
	text-decoration:none;
	}
	
	a.zwart:hover {
	color:#f29102;
	text-decoration:none;
	}
	
	a.breadcrumb,a.breadcrumb:visited {
	color:#000;
	text-decoration:none;
	}
	
	a.breadcrumb#active {
	color:#0e2e83;
	font-size:1.5em;
	text-decoration:none;
	}

	a.footer,a.footer:visited {
	font-size:.9em;
	color:#666666;
	text-decoration:none;
	}
	
	a.footer:hover {
	color:#ffb13e;
	text-decoration:none;
	}
	
/* --------------------   Overige   -------------------- */
	.formulier {
	font:.8em Verdana, Arial, Helvetica, sans-serif;
	}
 
/* -----------   Opmaak collapsible panels   ----------- */
	.msg_list {
	margin: 0px;
	padding: 0px;
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	border-top: solid 1px #FFFFFF;
	cursor: e-resize;
	}
	.msg_head {
	padding:3px;
	background-color:#4265bf;
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none; 
	margin: 0px;
	cursor: pointer;
	border:1px solid #fff;
	}
	.msg_body {
	margin: 0;
	padding: 3px 0 0 10px;
	letter-spacing:-.01em;
	}
	.msg_body_select {
	margin: 0;
	padding: 3px 0 0 10px;
	letter-spacing:-.01em;
	}
/* ---------------------    Menu    -------------------- */	
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
	.menu {
	width:938px; 
	height:40px;
	padding: 0 6px;
	position:relative; 
	z-index:100; 
	background-color:#4265bf;
	}

/* remove all the bullets, borders and padding from the default list styling */
	.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	}
	.menu ul ul {
	width:104px;
	}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
	.menu li {
	float:left;
	width:104px;
	position:relative;
	}
/* style the links for the top level */
	.menu a, .menu a:visited {
	display:block;
	color:#fff; 
	width:103px; 
	height:28px; 
	border:1px solid #FFF; 
	border-width:0 1px; 
	background-color:#4265bf;
	padding-top: 12px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none; 
	}

/* hide the sub levels and give them a positon absolute so that they take up no room */
	.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:40px;
	left:0; 
	width:104px;
	}

/* style the table so that it takes no part in the layout - required for IE to work */
	.menu table {
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
	}
	
/* style the second level portolio */
	li#nav-portfolio ul { width: 500px; }
	li#nav-portfolio .col { float: left; width: 125px; }
	li#nav-portfolio .col ul { border: 0; position: static; width: 100%; }
	
/* style the second level links */
	.menu ul ul a, .menu ul ul a:visited {
	background:#0e2e83; 
	color:#FFF; 
	height:auto; 
	line-height:1em; 
	padding:5px; 
	width:138px;
	border-top:1px solid #FFF;
	text-transform:none;
	text-align:left;
	filter: alpha(opacity=80);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
 	-moz-opacity: 0.80; 
	opacity:0.80;
	}
	.menu ul ul ul a, .menu ul ul ul a:visited {
	padding:5px; 
	width:114px;
	}

/* style the top level hover */
	.menu a:hover, .menu ul ul a:hover{
	color:#fff; 
	background:#0e2e83;
	}
	.menu ul ul a:hover {
	background:#0e2e83; 
	color:#FFF; 
	height:auto; 
	line-height:1em; 
	padding:5px; 
	width:138px;
	border-top:1px solid #FFF;
	text-transform:none;
	text-align:left;
	filter: alpha(opacity=100);
 	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	 -moz-opacity: 1.00; 
 	opacity:1;	
	}
	.menu ul ul ul a:hover {
	padding:5px; 
	width:114px;
	}	

/* make the second level visible when hover on first level list OR link */
	.menu ul li:hover ul,.menu ul a:hover ul{
	visibility:visible; 
	}


/* --------------  3 kolommen structuur  --------------- */
	/* column container */
	.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
    width:950px;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
	float:left;
	width:100%;				/* width of page */
	position:relative;
	}
	.midden,
	.links,
	.rechts {
	float:left;
	position:relative;
	/*padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead, make it whatever value you need */
	overflow:hidden;
	}
	
	/* 3 Column settings */
	.threecol {
	background:#f3f3f3;		/* right column background colour */
	}
	.threecol .colmid {
	right:245px;			/* width of the right column */
	background:#fff;		/* center column background colour */
	}
	.threecol .colleft {
	right:470px;			/* width of the middle column */
	background:#f3f3f3;		/* left column background colour */
	}
	.threecol .midden {
	width:470px;			/* width of center column content (column width minus padding on either side) */
	left:950px;				/* 100% plus left padding of center column */
	}
	.threecol .links {
	width:235px;			/* Width of left column content (column width minus padding on either side) */
	left:245px;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .rechts {
	width:245px;			/* Width of right column content (column width minus padding on either side) */
	left:715px;				/* Please make note of the brackets here:
								(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}

/* --------------  2 kolommen structuur  --------------- */
	.leftmenu {
		background:#fff;		/* right column background colour */
	}
	.leftmenu .colleft {
		right:715px;			/* right column width */
		background:#f3f3f3;		/* left column background colour */
	}
	.leftmenu .midden {
		width:715px;			/* right column content width */
		left:950px;				/* 100% plus left column left padding */
	}
	.leftmenu .links {
		width:235px;			/* left column content width (column width minus left and right padding) */
		left:0;					/* (right column left and right padding) plus (left column left padding) */
	}