@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	font-size: 13px;
}
#container {
	border-collapse:collapse;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	vertical-align: top;
	text-align: left;
	position: relative;
	display: none;
	height: 160px;
	font-size: 11px;
	color: #666666;
	width: 900px;
	top: 0px;
	float: none;
	background-image: url(../images/logo_clavis.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#logo {
	vertical-align: top;
	text-align: left;
	position: relative;
	display: block;
	height: 160px;
	font-size: 11px;
	color: #666666;
	width: 900px;
	top: 0px;
	float: none;
}
.navigatie {
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	top: 70px;
	position: relative;
	display: none;
}
#nav {
	float:none;
	font-size: 15px;
	left: 0px;
}
#nav ul {
	margin:0;
	list-style:none;
	padding: 0;
}
#nav a, #nav strong, #nav span {
	float:none;
	display:block;
	color:#3E3D40;
	text-decoration:none;
	font-weight: bold;
	background-image: url(../images/lo_gr.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	text-align: center;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 17px;
	padding-left: 13px;
	background-color: #DEDEDE;
	height: 15px;
	font-size: 15px;
}
#nav a {
	float:none;
}
#nav li {
	float:left;
	color: #FFF;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 0px;
}
#nav #current {
	color: #E52324;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	background-position: 0px -100px;
}
#nav #current a {
	color:#F18E00;
	background-image: url(../images/lo_gr.gif);
	background-repeat: no-repeat;
}
#nav a:hover {
	color: #EB8600;
}
.rootline {
	width: 100%;
	float: left;
	text-align: left;
	top: 75px;
	position: relative;
	font-size: 9px;
	color: #F78E00;
	display: none;
}
#midden {
	vertical-align: top;
	text-align: left;
	position: relative;
	display: block;
	width: 900px;
	top: 0px;
	float: none;
	left: 0px;
	margin: 0px;
	padding: 0px;
	padding-bottom: 0px;
}
#bloklinks {
	vertical-align: top;
	text-align: left;
	position: relative;
	display: none;
	float: left;
	height: auto;
	width: 221px;
	top: 105px;
}
#vertnav {
	width: 190px;
	margin-bottom: 42px;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DEDFDE;
	padding-right: 10px;
}
.titel {
	font-size: 15px;
	color:#F78E00;
	font-weight: bold;
	margin-left: 4px;
	margin-bottom: 3px;
}
#vertnav a:hover {
	color: #F78E00;
	text-decoration: none;
}
.vertnav1 {
	font-size: 13px;
	list-style-image: url(../images/li-r.gif);
	font-weight: normal;
	padding-bottom: 3px;
	margin-left: 20px;
	padding-top: 3px;
}
.vertnav1 a {
	color: #4B4B4D;
}
.vertnav1-act {
	font-weight: bold;
	list-style-image: url(../images/li-o.gif);
	margin-left: 20px;
	font-size: 13px;
	padding-bottom: 3px;
	padding-top: 3px;
}
.vertnav2 {
	list-style-image: url(../images/li-r.gif);
	list-style-position: outside;
	margin-left: 40px;
	font-weight: normal;
	font-size: 12px;
	padding-bottom: 3px;
	padding-top: 3px;
}
.vertnav2 a {
	color: #4A494A;
}
.vertnav2-act {
	list-style-image: url(../images/li-o.gif);
	list-style-position: outside;
	margin-left: 40px;
	color: #F78E00;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 3px;
	padding-top: 3px;
}
.vertnav2-act a {
	color: #F78E00;
}
.vertnav3 {
	list-style-image: url(../images/li-r.gif);
	list-style-position: outside;
	margin-left: 47px;
	font-weight: normal;
	font-size: 11px;
	padding-bottom: 3px;
	padding-top: 3px;
}
.vertnav3 a {
	color: #4B4B4D;
}
.vertnav3-act {
	font-weight: bold;
	list-style-image: url(../images/li-r.gif);
	color: #4A494A;
	margin-left: 47px;
	padding-bottom: 3px;
	padding-top: 3px;
	font-size: 11px;
}
.vertnav3-act a {
	color: #4A494A;
}
#inhoud {
	vertical-align: top;
	position: relative;
	top: 0px;
	float: left;
	width: 100%;
}
#blokrechts {
	vertical-align: top;
	text-align: left;
	position: relative;
	height: auto;
	width: 210px;
	float: right;
	top: 0px;
	right: 25px;
	display: none;
}
.profileringsbox {
	height: 406px;
	width: 187px;
	position: relative;
	float: right;
	clear: both;
}
.profileringsbox img {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
}
.profileringsbox h4 {
	position: absolute;
	z-index: 2;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	top: 315px;
	left: 5px;
	height: 24px;
	width: 157px;
	background-image: url(../images/fade_oranje.png);
}
.profileringsbox .bodytext {
	z-index: 2;
	position: absolute;
	width: 157px;
	font-size: 13px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	left: 5px;
	height: 40px;
	top: 350px;
	background-image: url(../images/fade_oranje.png);
}
.zoeken {
	width: 192px;
	background-position: left;
	background-repeat: no-repeat;
	position: relative;
	height: 50px;
	text-align: right;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 35px;
	padding-left: 0px;
	float: right;
	margin-top: 0px;
	margin-right: -3px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.zoeken .invoer {
	height: 24px;
	width: 155px;
	margin: 0px;
	background-image: url(../images/zoeken_invoer.gif);
	float: right;
	padding-top: 6px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-position: left top;
}
.zoeken .knop {
	height: 24px;
	width: 25px;
	background-image: url(../images/zoeken_knop.gif);
	margin: 0px;
	float: right;
}
#footer {
	position: relative;
	height:21px;
	width:679px; /* centered div must be given a width */
	margin:-21px auto 0; /* -80px sucks it back in & auto centers it */
	vertical-align: top;
	text-align: left;
	font-size: 11px;
	color: #9FA0A4;
	background-color: #DEDEDE;
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-left: 221px;
	margin-top: -21px; /* negative value of footer height */
	clear:both;
	display: none;
}
#footer   p.bodytext     {
	color: #9FA0A4;
	font-size: 11px;
	position: absolute;
	bottom: 2px;
}
#footer  p.bodytext a  {
	text-decoration:none;
	color: #9FA0A4;
	padding-right: 20px;
}
#footer  p.bodytext  a:hover {
	color: #333333;
	text-decoration:none;
}
/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/* General element styles:*/  
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 10px;
}
H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT {
	font-size:13px;
}
PRE {
	font-family:monospace;
}
A {
	color:#F78E00;
	text-decoration:none;
}
A:hover {
	color:#F78E00;
	text-decoration:underline;
}
FORM {
	margin:0px;
}
P, PRE {
	color:#333333;
}
P, TD, UL, OL {
	font-size:12px;
}
INPUT, TEXTAREA, SELECT, textarea {
	font-family:Tahoma;
	color:#000;
	border: #666666 0px solid;
	font-size:12px;
}
input[type=radio], input[type=checkbox] {
	border: 0px solid;
}
/* Frames, spacing, link-to-top */ 
DIV.csc-frame-frame1 {
	background-color:#FFFFFF;
	padding:2px 4px 2px 4px;
	border:1px solid #333;
}
DIV.csc-frame-frame2 {
	background-color:#FFFFFF;
	padding:0px 0px 4px 0px;
	border-bottom:1px dotted #009CFF;
	margin-bottom:4px;
	margin-top:3px;
	font-size:12px;
}
/* Headers, plain */ 
H1 {
	font-size:16px;
	color:#F78E00;
}
H2 {
	font-size:13px;
	color:#4B4B4D;
}
H3 {
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
}
H4 {
	font-size:16px;
	color:#F78E00;
}
H5 {
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
}
H6 {
	font-size: 9px;
	color: #333333;
	font-variant: normal;
	font-weight: lighter;
}
H1, H2, H3, H4, H5, H6 {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 8px;
}
H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader {
	margin-top:0px;
}
/* Headers, with link */
H1 A, H2 A, H3 A, H4 A, H5 A {
	color:#F78E00;
	text-decoration:none;
}
H2 A {
	color:#F78E00;
}
H3 A {
	color:#F78E00;
}
H4 A {
	color:#F78E00;
}
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover {
	color:#F78E00;
	text-decoration:underline;
}
/* Captions */
DIV.csc-textpic-caption-c .csc-textpic-caption {
	font-size:11px;
}
DIV.csc-textpic-caption-r .csc-textpic-caption {
	font-size:11px;
}
DIV.csc-textpic-caption-l .csc-textpic-caption {
	font-size:11px;
}
/* Header date */ 
P.csc-header-date {
	font-size:10px;
	color:#AA9D71;
}
.bodytext {
	text-align: left;
	vertical-align: top;
	display: block;
	color: #333333;
	font-size: 13px;
	line-height: 16px;
}
.bodytext a:link, .bodytext a:visited, .bodytext a:active {
	color:#F78E00;
	text-decoration:none;
}
.bodytext a:hover {
	color:#F78E00;
	text-decoration:underline;
}