body {
	background:#d1d1d1 url(body-bg.gif) top repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#container {
	width:750px;
	margin:0 auto;
	border:1px solid #30547A;
	background:#FFFFFF;
}

#top {
	width:750px;
	margin:0 auto;
	margin-bottom:3px;
	text-align:left;
}

#header {
	clear:both;
}

#midden {
	clear:both;
	padding-top:10px;
}

#onder {
	clear:both;
}

#footer {
	width:750px;
	margin:0 auto;
	text-align:right;
	color:#30547A;
	font-size:9px;
	margin-top:5px;
	margin-bottom:60px;
}

#menublok {
	float:left;
	width:200px;
	clear:both;
	background-image:url(Kompas3.jpg);
	background-repeat:no-repeat;
	text-transform:uppercase;
	font-size:11px;
}

#menublok ul {	
	list-style: none;
	width: 195px;
	margin: 5px 0 87px 0;
	padding: 0;
}

#menublok li {
	margin-bottom: 4px;
}

#menublok li a {
	font-weight: bold;
	height: 20px;
	text-decoration: none;
	color: #4E88C8;
	display: block;
	padding: 5px 0 0 8px;
	background: #FFFFFF;
	border-left: 5px solid #4E88C8;
}

#menublok li a:hover {
	background: #4E88C8;
	color: #FFFFFF;
	border-left: 5px solid #4E88C8;
}

#kompasblok {
	margin-left:7px;
}

#bannerblok {
	float:right;
	width:550px;
}

#inhoudblok {
	float:right;
	width:520px;
	margin-left:11px;
	margin-bottom:15px;
	padding-right:15px;
}

#nieuwtjesblok {
	padding-top:10px;
	float:left;
	width:190px;
	border-right:1px dashed #C7C7C7;
	border-top:1px dashed #C7C7C7;
	padding-bottom:100px;
	margin-bottom:30px;
	padding-left:10px;
}

#knopjesblok {
	width:180px;
	border-top:1px dashed #C7C7C7;
	border-bottom:1px dashed #C7C7C7;
	padding-left:15px;
	padding-top:10px;
	padding-bottom:5px;
	margin-top:70px;
}

li.nieuwtje {
	font-size:9px;
	list-style-image:url(li.jpg);
	color: #4E88C8;
}

li.kleinblokje {
	list-style-image:url(li4.jpg);
	font-size:11px;
	text-decoration:none;
	color:#30547A;
}

li.kleinblokje2 {
	list-style-image:url(li5.jpg);
	font-size:11px;
	text-decoration:none;
	color:#30547A;
}

li.kleinblokje2Actief {
	list-style-image:url(li6.jpg);
	font-size:11px;
	text-decoration:none;
	color:#30547A;
}

li.kleinblokjerood {
	list-style-image:url(li7.jpg);
	font-size:11px;
	text-decoration:none;
	color:#30547A;
}

li.vacature {
	list-style-image: url(VacatureLi.jpg);
	margin-left:22px;
	margin-bottom:25px;
}

li.excel {
	list-style-image:url(Excel.jpg);
	font-size:11px;
	text-decoration:none;
	color:#30547A;
}

li.powerpoint {
	list-style-image:url(Powerpoint.jpg);
	font-size:11px;
	text-decoration:none;
	color:#30547A;
}

a.admin {
	font-size:11px;
	border-bottom: 1px dotted #FF0000;
	color:#FF0000;
	text-decoration:none;
}

a.admin:hover {
	font-size:11px;
	border-bottom: 1px dotted #B09B48;
	color: #B09B48;
	text-decoration:none;	
}

a.gewoon {
	font-size:11px;
	border-bottom: 1px dotted #30547A;
	color: #30547A;
	text-decoration:none;
}

a.gewoon:hover {
	font-size:11px;
	border-bottom: 1px dotted #B09B48;
	color: #B09B48;
	text-decoration:none;	
}

a.klein {
	font-size:9px;
	border-bottom: 1px dotted #30547A;
	color: #30547A;
	text-decoration:none;
}

a.klein:hover {
	font-size:9px;
	border-bottom: 1px dotted #B09B48;
	color: #B09B48;
	text-decoration:none;	
}

a.kleinrood {
	font-size:9px;
	border-bottom: 1px dotted #FF0000;
	color: #FF0000;
	text-decoration:none;
}

a.kleinrood:hover {
	font-size:9px;
	border-bottom: 1px dotted #B09B48;
	color: #B09B48;
	text-decoration:none;	
}

a.kleinMenuItem {
	font-size:10px;
	border-bottom: 1px dotted #4E88C8;
	color: #4E88C8;
	text-decoration:none;
}

a.kleinMenuItem:hover {
	font-size:10px;
	border-bottom: 1px dotted #B09B48;
	color: #B09B48;
	text-decoration:none;	
}

ul.kleinMenu {
	margin-top:3px;
}

h1 {
	font-weight:bold;
	text-transform:uppercase;
	font-size:16px;
	color:#B09B48;
}

h2 {
	text-transform:uppercase;
	font-size:14px;
	color:#B09B48;
}

p {
	font-size:11px;
	color:#30547A;
}

.tekst {
	font-size:11px;
	color:#30547A;
}

.streepke {
	color:#30547A;
	font-size:9px;
	color:#FF0000;
}

span.gewoon {
	font-weight:bold;
	font-size:11px;
	color:#4E88C8;
}

form {
	width: 500px; 
}

form fieldset {
  border-color: #4E88C8;
  border-width: 1px;
  border-style: solid;
  padding: 10px;
}

form fieldset legend {
	font-size:11px;
	color:#B09B48;
}

form label {
	float:left;
	width: 150px;
	margin: 8px 0 0;
	text-align: right;
	font-size:11px;
	color:#30547A;
}

form input, form textarea, form select {
	width:auto; 
	margin:5px 0 0 10px; 
}

.formknop {
	font-size: 11px;
	background-color: #FFFFFF; 
	color: #30547A;  
	border : 1px solid #30547A; 
	border-style:solid;
}

.tekstveld {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #30547A;
	font-size: 11px;
	border : 1px solid #30547A; 
	border-style:solid;
	width:250px;
}

img.midden {
	vertical-align:middle;
}

img.rechts {
	float:right;
}

img.geenkader {
	border:none;
}

table.vacature {
	width:475px;
	border:1px dotted #30547A;
	font-size:10px;
	color:#30547A;
	margin-left:15px;
}

tr.header {
	font-weight:bold;
	color:#30547A;
}

tr.data {
	background-color:#DDE6FB;
}

td.datarechts {
	text-align:right;
}