/* CSS Document */

html,
body {
	height: auto !important;
	min-height: 100%;
}

body	{
	margin: 0 0 0 25px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 9pt;
	font-weight: normal;
	background: #6699CC url('../art/bg_body01.jpg') no-repeat center top fixed;	/*background: #FFF;*/
}

#main	{ 
	position: relative;
	width: 1025px; 
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin-top: 15px; 
	text-align:center; 
	/*background-color: #FFFFFF;*/
}


/* Begin Bovengedeelte */
#top		{ width: 1010px; height: 70px; display: block; margin-top:2px; position: relative; }

#logo		{ width:  170px; height: 60px; margin-top: 2px; background: url('../art/vzilogo.jpg'); position: relative; float: left; }

#bannerbalk	{ width: 1010px; height: 66px; display: block; margin-top: 2px; background: #FFFFFF url('../art/bannerbalk.jpg') no-repeat right top; text-align: center; border: 1px solid #C0C0C0;}

#hoofdsponsor	{ width: 162px; height: 62px; display: inline; margin-right: 2px; background: #ffffff; text-align: center; border: 1px solid #C0C0C0; position: relative; float: left; text-align: center; padding: 1px; }
#banner		{ width: 200px; height: 64px; border: 1px solid #C0C0C0; padding-top: 2px; padding-bottom: 2px; text-align: center; margin-top: 2px; }
#bannersmall	{ width: 180px; height: 70px; padding-top: 5px; text-align: center; margin: 2px; border-bottom: 1px solid #666; background: #ffffff;}
/* Einde Bovengedeelte */


/* Begin Middengedeelte */
#content	{ width: 1010px; height: 700px; margin-top: 2px; margin-bottom: 20px; display: block; }
#linkerkolom 	{ width: 164px; height: 608px; text-align: center; float: left; position: relative; /*background: #ffffff;*/ }
#middenkolom 	{ 
	width: 635px; 
	min-height: 450px;
	height: auto !important;
	text-align: left; 
	float: left; 
	position: relative; 
	margin-left: 10px; 
	margin-right: 2px;
	padding: 5px;
	visibility: visible;
	background: transparent url('../art/bg_middenkolom.png');
	/*background: #FFFFFF;*/
}

#middenkolom-breed 	{ 
	width: 825px; 
	min-height: 450px;
	height: auto !important;
	text-align: left; 
	float: left; 
	position: relative; 
	margin-left: 10px; 
	margin-right: 1px;
	padding: 2px;
	visibility: visible;
	background: transparent url('../art/bg_middenkolom.png');
	/*background: #FFFFFF;*/
}

#rechterkolom	{
	width: 184px;
	height: 608px;
	text-align: center;
	float: right;
	position: relative;
	/*background: #FFFFFF;*/
	/*border-left: 1px solid #C0C0C0*/;
}

#dubbelkolom 	{ 
	width: 800px; 
	height: auto !important;
	min-height: 100%;
	text-align: left; 
	float: left; 
	position: relative; 
	margin-left: 10px; 
	margin-right: 10px;
	padding: 5px;
	visibility: visible;
	background: #FFFFFF;
}


/* Einde Middengedeelte */

/* Einde hoofdvakken */



/* Begin navigatie */

/* Begin Bovenmenu */
#topmenu { width: 91px; height: 60px; margin-top: 5px; text-align: right; color: white; position: relative; float: right; border-left: 1px dotted gray; }
a:link.bovenmenu, a:visited.bovenmenu, a:active.bovenmenu {
	width: 84px; 
	font-size: 7pt;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	/*color: #666666;*/
	color: #003366;	
	padding-top: 2px;
	padding-right: 5px;
}
a:hover.bovenmenu { 
	color: #FFFFFF;
	padding-top: 2px;
	padding-right: 5px;
}
/* Einde Bovenmenu */

/* Begin Hoofdmenu */
.hoofdmenu #hoofdnavigatie 			{position:relative; margin:0px; display:block; height:42px; width:1010px; font-size:13px; font-weight:bold; background:transparent url(/assets/buttons/blueslate_background.gif) repeat-x top left; font-family:Arial,Verdana,Helvetica,sans-serif; text-transform:uppercase; }
.hoofdmenu #hoofdnavigatie ul			{margin-left:165px; padding:0; list-style-type:none; width:auto;}
.hoofdmenu #hoofdnavigatie ul li		{display:block; float:left; margin:0 1px 0 0;}
.hoofdmenu #hoofdnavigatie ul li a		{display:block; float:left; color:#D5F1FF; text-decoration:none; padding:14px 22px 0 22px; height: 28px; width: 87px; font-size:13px; font-weight:bold; }
.hoofdmenu #hoofdnavigatie ul li a:hover	{color:#fff; background:transparent url(/assets/buttons/blueslate_backgroundOVER.gif) no-repeat top center; font-size:13px; font-weight:bold; }
.hoofdmenu #hoofdnavigatie ul li a.current	{color:#fff; background:transparent url(/assets/buttons/blueslate_backgroundOVER.gif) no-repeat top center; font-size:13px; font-weight:bold; }
/* Einde Hoofdmenu */

/* Begin Zijmenulinks */
#menulinks, #menulinksintranet {
	width: 164px;
	text-align: left;
	margin-top: 1px;
	text-transform:uppercase; 
	font-size: 10px;
	border: 1px solid #C0C0C0;
	}

#menulinksintranet {
	border: #990000 1px solid;
	background: transparent url('../art/bg_middenkolom.png');
	}

a:link.zijmenulinks, a:visited.zijmenulinks, a:active.zijmenulinks {
	width: 164px;
	height: 18px;
	/*color: #FFFFFF;*/
	color: #003366;	
	text-decoration: none;
	display: block;
	background: url('/assets/buttons/blueslate_backgroundleft.gif') repeat-x left top;
	text-align: left;
	border: #C0C0C0 1px solid;
	padding-top: 2px;
 	/*margin-top: 1px;*/
	text-indent: 10px; 
	}
a:hover.zijmenulinks {
	color: #003366;
	background: #FFFFFF;
	padding-top: 2px;
 	/*margin-top: 1px;*/
	text-indent: 10px; 
	}
/* Einde Zijmenulinks */

/* Begin Zijmenurechts */
#menurechts {
	width: 170px;
	text-align: left;
	margin-top: 2px;
}
#menurechtstitel {
	width: 170px;
	height: 24px;
	text-align: center;
	text-decoration: none;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
	background:#FFFFFF url(/assets/buttons/blueslate_backgroundOVER.gif) no-repeat top center;
	padding-top: 5px;
	border: 1px solid #C0C0C0;
}
a:link.zijmenurechts, a:visited.zijmenurechts, a:active.zijmenurechts {
	display: block;
	width: 170px;
	height: 20px;
	font-size: 7pt;
	font-weight: bold;
	color: #003366;
	background: #ffffff;
	text-decoration: none;
	text-align: left;
	text-indent: 10px;
	padding-top: 5px;
	border-bottom: 1px dashed #c0c0c0;
}
a:hover.zijmenurechts {
	color: #990000;
	border-left: 2px solid #990000;
	text-indent: 8px;
}
/* Einde Zijmenurechts */

#kaderlinks {
	width: 164px;
	height: 70px;
	font-size: 8pt;
	font-weight: normal;
	color: white;
	text-decoration: none;
	display: block;
	background: url('/assets/buttons/inloggen.gif') repeat-x bottom left;
	text-align: center;
 	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #C0C0C0;
	}

#kaderrechts {
	width: 170px;
	height: 90px;
	font-size: 8pt;
	color: white;
	text-decoration: none;
	display: block;
	background: url('/assets/buttons/inloggen.gif') repeat-x bottom left;
	text-align: center;
 	margin-top: 5px;
	padding-top: 5px;
	border: 1px solid #C0C0C0;
	}

/* Opmaak buttons */
#button 	{ color: white; background: #FFFFFF url('/assets/buttons/blueslate_backgroundOVER.gif') no-repeat left top; width: 105px; height: 20px; }

#button-groen, #button-rood, #button-oranje, #button-blauw, #button-geel {
	width: 125px;
	height: 35px;
	text-align: center;
	/*float:left;*/
	margin: 0 auto;
	padding-top: 18px;
}
#button-groen { background: url('/assets/buttons/button-groen125x35.png') no-repeat center; }
#button-rood  { background: url('/assets/buttons/button-rood125x35.png') no-repeat center; }
#button-blauw { background: url('/assets/buttons/button-blauw125x35.png') no-repeat center; }
#button-oranje{ background: url('/assets/buttons/button-oranje125x35.png') no-repeat center; }
#button-geel  { background: url('/assets/buttons/button-geel125x35.png') no-repeat center; }
.button-tekst { color: white; font-size: 8pt; font-weight: bold; text-transform: uppercase; text-decoration: none; }

/* Opmaak overige vakken */
#vacature	{ width: 100%; height: 95px; margin-bottom: 5px; border-bottom: 2px dotted #666; display:block; /*background: #ffffff;*/ }
#vacaturelogo	{
	width: 175px;
	height: 85px;
	float: left;
	text-align: center;
	margin-top: 2px;
	margin-bottom: 3px;
	vertical-align: middle;
	background: #ffffff;
}
#vacaturetekst	{ width: 350px; height: 85px; float: left; text-align: left; padding-left: 5px; margin-left: 5px; margin-top: 5px; font-size: 10pt; /*background: #F4F4F4;*/ }

#bestuur	{ width: 100%; height: 110px; margin: 2px; display:block; border-bottom: 2px dotted #666; }
#bestuurfoto	{ width: 175px; height: 110px; float: left; text-align: center; margin: 2px; }
#bestuurtekst	{ width: 350px; height: 110px; float: left; text-align: left; padding-left: 5px; margin: 2px; font-size: 10pt; }

#lidtussenkop	{ width: 560px; height: 30px; float: left; margin: 5px; padding-left: 5px; display:block; clear: both; border: 1px dotted #CCC; /*background: #F4F4F4;*/ }
#lidworden	{ width: 560px; height: 30px; float: left; margin: 5px; padding-left: 5px; display:block; clear: both; border: 1px dotted #CCC; /*background: #F4F4F4;*/ }
#lidwordentitel	{ width: 175px; height: 25px; float: left; text-align: right; padding-left: 5px; margin: 5px; font-weight: bold; }
#lidwordeninvoer{ width: 350px; height: 25px; float: left; text-align: left; padding-left: 5px; margin: 5px; }

table.bestuur	{ width: 560px; float: left; margin-top: 5px; display:block; clear: both}
td.titel	{ width: 100px; height: 25px; float: left; text-align: right; margin-top: 5px; /*background: #FFF;*/ font-weight: bold; color: #666666; font-size: 9pt;  }
td.invoer	{ width: 425px; height: 25px; float: left; text-align: left; margin-left: 5px; margin-top: 5px; /*background: #F4F4F4;*/ color: #666666; font-size: 9pt; }

td.titel_agenda	{ width: 150px; height: 25px; text-align: right;  valign: top; margin-top: 5px; padding-bottom: 15px; /*background: #FFF*/; color: #666666; font-size: 8pt;font-weight: bold; }
td.invoer_agenda{ width: 375px; height: 25px; text-align: left; valign: top; margin-left: 5px; margin-top: 5px; padding-left: 5px; padding-bottom: 15px; /*background: #F4F4F4*/; color: #666666; font-size: 8pt; }
td.invoer_agendatitel { width: 375px; height: 25px; text-align: left; valign: bottom; margin-left: 5px; margin-top: 10px; padding-left: 5px; color: #990000; font-size: 9pt; font-weight: bold; }

#informatie	{ width: 560px; height: 220px; float: left; margin-top: 5px; padding: 5px; font-size: 8pt;  display:block;}

#afkorting	{ width: 560px; height: 30px; float: left; margin-top: 5px; display:block; clear: both}
#afkortingtitel	{ width: 75px; height: 25px; float: left; text-align: right; padding-top: 5px; margin-top: 5px; /*background: #FFF;*/ font-weight: bold; }
#afkortingtekst	{ width: 450px; height: 25px; float: left; text-align: left; padding: 5px; margin-left: 5px; margin-top: 5px; /*background: #F4F4F4;*/ }

#links		{ width: 560px; height: 35px; float: left; margin-top: 5px; display:block; clear: both }
#linksnummer	{ width: 40px; height: 25px; float: left; text-align: right; padding-top: 5px; margin-top: 5px; /*background: #FFF;*/ font-weight: bold; }
#linkstitel	{ width: 500px; height: 25px; float: left; text-align: left; padding-top: 5px; padding-left: 5px; margin-left: 5px; margin-top: 5px; /*background: #F4F4F4;*/ }

#prikbord	{ width: 560px; height: 40px; float: left; margin-bottom: 5px; display:block; clear: both}
#prikbordtitel	{ width: 100px; height: 30px; float: left; text-align: right; margin-top: 5px; padding-right: 5px; font-weight: bold; font-size: 8pt; }
#prikbordinvoer { width: 450px; height: 30px; float: left; text-align: left; margin-top: 5px; padding-left: 5px; }

#publicaties		{ width: 100%; height: 120px; float: left; margin-top: 5px; border-bottom: 2px dotted #666; display:block; clear: both; /*background: #ffffff;*/}
#publicatiestitel 	{ width: 100px; height: 25px; float: left; text-align: right; padding-left: 2px; padding-top: 2px; /*background: #FFF;*/ font-weight: bold; color: #990000; }
#publicatiestekst	{ width: 435px; height: 25px; float: left; text-align: left; padding-left: 2px; padding-top: 2px; margin-left: 5px; /*background: #F4F4F4;*/ }

#melding {
	width: 170px;
	height: auto;
	font-size: 8pt;
	font-weight: bold;
	color: yellow;
	text-decoration: none;
	display: block;
	background: url('/assets/buttons/inloggen.gif') repeat-x bottom left;
	text-align: center;
	border: 1px solid red;
	padding: 5px;
	margin-top: 5px;
}

#meldinglinks {
	width: 164px;
	height: auto;
	font-size: 8pt;
	font-weight: normal;
	color: yellow;
	text-decoration: none;
	display: block;
	background: url('/assets/buttons/inloggen.gif') repeat-x bottom left;
	text-align: center;
	border: 1px solid red;
	margin-top: 5px;
}

#nieuwsfoto	{ width: 450px; height: auto; text-align: center; margin: 5 0 0 5; padding: 5px; border: 1px solid #e0e0e0; background: #FFFFFF; }
#fmtnieuwsitem	{ width: auto; height: auto; text-align: left; margin: 5 0 0 0; padding: 5px; border-top: 1px solid #c0c0c0; background: #FFFFFF url(/assets/art/bg_nieuws.jpg) repeat-x top left; color: #666666; float: center;}

.text		{ font-size: 9pt;font-weight: normal;  }
.textbold	{ font-size: 9pt;font-weight: bold; }
.textsmall	{ font-size: 7pt; font-weight: normal; }
.textsmallbold	{ font-size: 7pt; font-weight: bold; }
.textwit		{ color: #FFF;  }

.small		{ font-size: 7pt; font-weight: normal; }
.titelh2	{
	font-size: 10pt;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
	text-decoration:none;
	padding-bottom: 3px;
	}

.titelh3	{
	font-size: 9pt;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
	text-decoration:none;
	padding-bottom: 3px;
	}


h1, h2, h3, h4, h5	{
	font-size: 14pt;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	/*color: #0066CC;*/
	text-decoration:none;
	padding: 5px;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-right: 0px;
}
h2	{
	font-size: 10pt;
	color: #990000;
}
h3	{ 
	font-size: 9pt;
	color: #666666;
}
h4	{
	font-size: 8pt;
	color: #990000;
}
h5	{
	font-size: 7pt;
	color: #990000;
} 

a	{ color: gray; }

li li	{ font-size: 8pt; text-decoration: italic; }

/* Einde opmaak overige vakken */


/* Overige vakken */
iframe  {
	background: norepeat fixed center 50%; overflow: auto;
	visibility: visible;
	text-align:left;
	position: relative;
	top: +0px;
	left: +0px;
	bottom: +6px;
	border: 0;
	width: 820px;
	/*height: 600px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Opmaak formulieren */
input, select, textarea { margin: 0px; padding: 0px; font-size: 11px; color: #3366CC; font-family: Verdana, Arial, Helvetica, sans-serif; }