@charset "UTF-8";
body, html {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #707173;
}
#leftcontainer {
	float: left;
	width: 645px;
	margin-right: 3px;
	background-image: url(/vsts/images/i/background.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#header {
	background-image: url(/vsts/images/i/header.gif);
	background-repeat: no-repeat;
	width: 645px;
	height: 124px;
	text-align: right;
}
#header ul {
	margin: 0;
	padding-top: 5px;
}

#header li{
	display: inline;
	display: block;
	float: right;
	margin-left: 2px;
}

#header li a{
	color: #fff;
	padding: 5px 14px 6px 14px; /*padding of tabs*/
	background-color: #c3bf8d;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-weight: bold;
	font-size: 10px;
}

#header li a:hover{
	color: #333;
}

#menu {
	float: left;
	width: 144px;
	padding-top: 45px;
}

#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu ul li {
}

#menu ul li a {
	display: block;
	padding: 5px 10px 5px 0px;
	background-color: #039;
	color: #fff;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0;
}
#menu ul li a:hover {;
	color: #CCC;
}
#menu ul li a#color1 {	background-color: #4f7fbb }
#menu ul li a#color2 {	background-color: #ff920b }
#menu ul li a#color3 {	background-color: #775883 }
#menu ul li a#color4 {	background-color: #66805c }
#menu ul li a#color5 {	background-color: #b0a95a }
#menu ul li a#color6 {	background-color: #c12635 }
#menu ul li a#color7 {	background-color: #61bdee }
#menu ul li a#color8 {	background-color: #578a8b }
#menu ul li a#color9 {	background-color: #997177 }
#menu ul li a#color10 {	background-color: #ff920b }

#menu ul li a#color1:hover {	background-image: url(/vsts/images/i/images/menu_rollover_01.jpg) }
#menu ul li a#color2:hover {	background-image: url(/vsts/images/i/images/menu_rollover_02.jpg) }
#menu ul li a#color3:hover {	background-image: url(/vsts/images/i/images/menu_rollover_03.jpg) }
#menu ul li a#color4:hover {	background-image: url(/vsts/images/i/images/menu_rollover_04.jpg) }
#menu ul li a#color5:hover {	background-image: url(/vsts/images/i/images/menu_rollover_07.jpg) }
#menu ul li a#color6:hover {	background-image: url(/vsts/images/i/images/menu_rollover_08.jpg) }
#menu ul li a#color7:hover {	background-image: url(/vsts/images/i/images/menu_rollover_09.jpg) }
#menu ul li a#color8:hover {	background-image: url(/vsts/images/i/images/menu_rollover_10.jpg) }
#menu ul li a#color9:hover {	background-image: url(/vsts/images/i/images/menu_rollover_11.jpg) }
#menu ul li a#color10:hover {	background-image: url(/vsts/images/i/images/menu_rollover_12.jpg) }

#menu ul li ul li a {
	background-color: #ffefdb;
	padding: 5px 5px 5px 0px;
	color: #f18e00;
}
#menu ul li ul li a:hover {
	color: #292929;
	background-image: url(/vsts/images/i/images/menu_rollover_06.jpg);
}
#contentcontainer {
	float: right;
	width: 443px;
}

#breadcrumb {
	background-color: #d3edf9;
	padding: 6px 4px 5px 9px;
	margin-bottom: 3px;
	color: #709bcb;
}

#breadcrumb a {
	color: #709bcb;
	text-decoration: none;
}
#breadcrumb a:hover {
	color: #4f7fbb;
}
h1 {
	margin: 0;
	background-color: #6ec0e8;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-size: 11px;
	padding: 4px 2px 4px 9px;
	color: #fff;
}

#footer {
	background-color: #d3edf9;
	padding: 4px 2px 4px 9px;
	margin-top: 84px;
	color: #4f7fbb;
	font-size: 10px;
	margin-top: 330px;
	width: 766;
	height: 14px;
	font-size: 9px;
}
#maincontent #footer a {
	color: #4f7fbb;
}
#maincontent #footer a:hover {
	color: #4f7f00;
}
#footer #disclaimer {
	position:relative;
	left: 580px;
	bottom: 77px;
	width: 180px;
}

#footer #footnote {
	position:relative;
	background-image: url(/vsts/images/i/footnote.gif);
	left: 780px;
	bottom: 103px;
	width: 26px;
	height: 26px;
}
#footer #disclaimer img {
	margin: 0;
	border: 0px;
}
#rightcontainer {
	float: left;
	width: 320px;
}

#contentimage, #contentimage img {
	border: 0px;
	margin: 0;
}
#contentimage {
	margin-bottom: 3px;
}

#rightcontainer h2 {
	margin: 0;
	background-color: #cc071e;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-size: 11px;
	padding: 4px 2px 4px 9px;
	color: #fff;
}
#rightcontainer h2.nieuwsbrief {
	background-color: #6ec0e8;
}
#kalender {
	margin-bottom: 70px;
}
.kalenderitem, .kalenderitemgray {
	clear: both;
	cursor: pointer;
}
.kalenderitem:hover, .kalenderitemgray:hover {
	background-color: #ddd;
}
.kalenderitemgray {
	background-color: #eeeddf;
}
.kalenderitem img, .kalenderitemgray img {
	float: left;
}
.kalenderitem .kalendertext, .kalenderitemgray .kalendertext {
	padding-top: 4px;
	padding-left: 78px;
	color: #707070;
}
.kalenderitem .kalenderdatum, .kalenderitemgray .kalenderdatum {
	color: #F00;
	font-size: 10px;
	font-weight: bold;
}
.kalenderitem .kalenderdatum, .kalenderitemgray .kalenderdatum {
	color: #cc071e;
	font-size: 10px;
	font-weight: bold;
}
.kalenderitem .kalenderuur, .kalenderitemgray .kalenderuur {
	color: #709bcb;
	font-size: 10px;
	font-weight: bold;
}
.kalenderitem h3, .kalenderitemgray h3 {
	color: #709bcb;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0;
}
.kalenderitem .kalendercontent, .kalenderitemgray .kalendercontent {
	margin: 0;
}
.kalenderitem .kalenderlocatie, .kalenderitemgray .kalenderlocatie {
	margin: 0;
	font-style: italic;
}
#voegtoe p {
	color: #cc071e;
	margin 0;
	padding-left: 39px;
}
#voegtoe a {
	color: #cc071e;
	font-weight: bold;
}
#voegtoe a:hover {
	color: #66071e;
	font-weight: bold;
}
#nieuwsbrief p {
	color: #707173;
	margin 0;
	padding-left: 39px;
}
#nieuwsbrief form {
	margin 0;
	padding-left: 39px;
}
#nieuwsbrief form input {
	border: 1px solid #7b9fcc;
}
#nieuwsbrief form input.field {
	width: 188px;
}
#maincontent .blokitem {
	clear: both;
	padding-bottom: 15px;
	border-bottom: 1px solid #c6c5c6;
	margin-bottom: 20px;
}
#maincontent h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 3px 0px 0px 0px;
	margin-top: 16px;
}
#maincontent a {
	font-weight: bold;
	color: #6EC0E8;
}
#maincontent a:hover {
	color: #707173;
}
.blokitem img {
	float: left;
	padding: 0px 15px 15px 0px;
}
#maincontent img {
	margin-top:0px;
	border: 0;
}
#maincontent_data {
	padding-right: 10px;
}
#maincontent_data img {
    margin: 0px 10px;
}
ul.bestanden li {
	list-style-image: url(/vsts/images/filetypes/file.png);
}
ul.bestanden li.bz2 {
	list-style-image: url(/vsts/images/filetypes/bz2.png);
}
ul.bestanden li.conf {
	list-style-image: url(/vsts/images/filetypes/conf.png);
}
ul.bestanden li.deb {
	list-style-image: url(/vsts/images/filetypes/deb.png);
}
ul.bestanden li.doc {
	list-style-image: url(/vsts/images/filetypes/doc.png);
}
ul.bestanden li.gif {
	list-style-image: url(/vsts/images/filetypes/gif.png);
}
ul.bestanden li.gz {
	list-style-image: url(/vsts/images/filetypes/gz.png);
}
ul.bestanden li.htm {
	list-style-image: url(/vsts/images/filetypes/htm.png);
}
ul.bestanden li.html {
	list-style-image: url(/vsts/images/filetypes/html.png);
}
ul.bestanden li.jpeg {
	list-style-image: url(/vsts/images/filetypes/jpeg.png);
}
ul.bestanden li.jpg {
	list-style-image: url(/vsts/images/filetypes/jpg.png);
}
ul.bestanden li.odc {
	list-style-image: url(/vsts/images/filetypes/odc.png);
}
ul.bestanden li.odf {
	list-style-image: url(/vsts/images/filetypes/odf.png);
}
ul.bestanden li.odg {
	list-style-image: url(/vsts/images/filetypes/odg.png);
}
ul.bestanden li.odi {
	list-style-image: url(/vsts/images/filetypes/odi.png);
}
ul.bestanden li.odp {
	list-style-image: url(/vsts/images/filetypes/odp.png);
}
ul.bestanden li.ods {
	list-style-image: url(/vsts/images/filetypes/ods.png);
}
ul.bestanden li.odt {
	list-style-image: url(/vsts/images/filetypes/odt.png);
}
ul.bestanden li.pdf {
	list-style-image: url(/vsts/images/filetypes/pdf.png);
}
ul.bestanden li.png {
	list-style-image: url(/vsts/images/filetypes/png.png);
}
ul.bestanden li.ppt {
	list-style-image: url(/vsts/images/filetypes/ppt.png);
}
ul.bestanden li.ps {
	list-style-image: url(/vsts/images/filetypes/ps.png);
}
ul.bestanden li.rpm {
	list-style-image: url(/vsts/images/filetypes/rpm.png);
}
ul.bestanden li.rtf {
	list-style-image: url(/vsts/images/filetypes/rtf.png);
}
ul.bestanden li.swf {
	list-style-image: url(/vsts/images/filetypes/swf.png);
}
ul.bestanden li.sxc {
	list-style-image: url(/vsts/images/filetypes/sxc.png);
}
ul.bestanden li.sxd {
	list-style-image: url(/vsts/images/filetypes/sxd.png);
}
ul.bestanden li.sxi {
	list-style-image: url(/vsts/images/filetypes/sxi.png);
}
ul.bestanden li.sxw {
	list-style-image: url(/vsts/images/filetypes/sxw.png);
}
ul.bestanden li.tar {
	list-style-image: url(/vsts/images/filetypes/tar.png);
}
ul.bestanden li.tgz {
	list-style-image: url(/vsts/images/filetypes/tgz.png);
}
ul.bestanden li.txt {
	list-style-image: url(/vsts/images/filetypes/txt.png);
}
ul.bestanden li.web {
	list-style-image: url(/vsts/images/filetypes/web.png);
}
ul.bestanden li.word {
	list-style-image: url(/vsts/images/filetypes/word.png);
}
ul.bestanden li.xls {
	list-style-image: url(/vsts/images/filetypes/xls.png);
}
ul.bestanden li.xml {
	list-style-image: url(/vsts/images/filetypes/xml.png);
}
ul.bestanden li.zip {
	list-style-image: url(/vsts/images/filetypes/zip.png);
}
#maincontent input, #maincontent textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px 0px 1px 0px;
	border: 1px solid #000000;
	width: 150px;
}
#maincontent textarea {
	width: 200px;
}



#inschrijfform {
	background-image: url(/vsts/images/i/notebook.jpg);
	background-repeat: no-repeat;
	height: 900px;
	padding-top: 30px;
	padding-left: 60px;
	padding-right: 60px;
	width: 500px;
}
#inschrijfform table {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 11px;
}
#inschrijfform table h2 {
	font-size: 9px;
	text-transform: capitalize;
	margin: 0;
	margin-top: 10px;
}
#inschrijfform table td {
	vertical-align: top;
}
#inschrijfform form {
}
#inschrijfform input, #inschrijfform textarea {
	background-color: #D3EDF9;
	font-size: 12px;
	border: 1px solid #6EC0E8;
	width: 165px;
}
#inschrijfform input[type="submit"] {
	width: auto;
	background-color: #cc071e;
	color: #fff;
	text-transform: capitalize;
	font-weight: bold;
	
}
