html {height:100%;}

body {
	background: #009cd9;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #333333;
	margin:0px 0px 0px 0px;
	font-size:11px;
	line-height:18px;
	height:100%;
}

a:link, a:visited {
	color: #195E8A;
	text-decoration: none;
}
a:hover {
	color: #D63131;
	text-decoration: none;
}

.column1 {
	vertical-align:top;
	padding-right:25px;
}
.column2 {
	width:248px;
	vertical-align:top;
}
.column2 table {
}

.vccn_login {
	background-image:url(../img/bg_loginvccn.jpg);
	height:130px;
	width:240px;
	margin-bottom:20px;
	position:relative;
}
.vccn_login .logo {
	position:absolute;
	top:10px;
	left:10px;
}

.vccn_login .login {
	position:absolute;
	top:38px;
	left:10px;
}

.vccn_login .logedin {
	position:absolute;
	top:52px;
	left:10px;
	color:#FFFFFF;
}
.vccn_login .uitloggen {
	position:absolute;
	top:99px;
	left:95px;
	color:#FFFFFF;
}
.right_encyclopedie{
		background-color:#f1f1f1;
		width:251px;
		position:relative;
}
.ency_textfield{
	position:absolute;
	top:294px;
	left:16px;
}
.ency_button{position:absolute;top:294px;left:216px;}
.ency_textfielditem{
	border:0px;
	background-image:url(../img/search_textfield.jpg);
	width:200px;
}
.column3 {
	padding:0px 25px 0px 0px;
	width:325px;
	vertical-align:top;
}

.container {
	width:1006px;
	margin:0 auto;
	height: 100%;
}
.container-left {
	background:transparent url('../img/bg-border-left.gif') repeat-y;
	width:4px;
}
.container-center {
	background:white;
	vertical-align: top;
	width:998px;
	/*padding: 5px 10px 5px 10px;*/
}

.container-content {
	padding: 5px 10px 5px 10px;
}
.container-right {
	background:transparent url('../img/bg-border-right.gif') repeat-y;
	width:4px;
}

.content {
	width:100%;
	margin-top:15px;
}
fieldset {
	border:1px solid #DEDEDE;
	padding: 10px;
}
#fontSize1 { font-size: 11px; }
#fontSize2 { font-size: 14px; }
#fontSize3 { font-size: 17px; }
h2,h3,h4,hr {
	display: none;
}
h1 {
	font-size:12px;
	margin:0; padding:0
}
img {
	margin:0px;
	border:0px;
}

form {
	margin:0px;
	padding:0px;
}

#footer {
	margin-top:5px;
	width:100%;
	text-align:center;
	color:#7F7F7F;
}

#footer span {
	color:#B2D9EB;
	margin: 0 5px;
}
#footerline {
	height:10px;
	background:#B2D9EB;
	width:100%;
}

legend {
	font-weight:bold;
	color:#555555;
}

.logo {
	margin: 5px 0 0 5px;
}
.menu {
	float: left;
	text-align: left;
	width:100%;
	margin:-20px 0px 0px 0px;
}
.menu a {
	margin:0px 8px 0 0px;
}
.menu-arrow {
}
.search {
	color: #CACACA;
	padding-left: 5px;
	width:98px;
}
.subtitle {
	float: right;
	width: 400px;
	margin: 10px 0 0 0;
	text-align: right;
}

.submenu {
	float: left;
	width: 250px;
	height: auto;
}

.submenu-content {
	margin:0 10px 0 5px;
	padding:1px 0 0 0;
/*	margin-right: 10px;
	margin-left: 10px; */
}
.submenu-content ul {
	width: 230px;
	margin: 0 0 10px 0;
	padding: 0 0 3px 0;
}
.submenu-content ul li {
	clear: both;
	width: 230px;
	padding: 0;
	list-style-type: none;
	border:0px solid #333;
}
.submenu-content ul li a {
	/*float: left;*/
}
.submenu-content ul li span {
	/*float: right;*/
}
.submenu-content ul li span img {
	/*margin: 10px 0 0 0;*/
}
.submenu-line {
	line-height:1px;
	font-size: 1px;
	margin:0 0 4px 0;
	height:1px;
	background-color:#E4E4E4;
}
.submenu-line2 {
	line-height:1px;
	font-size: 1px;
	margin:0 0 4px 0;
	height:1px;
	background-color:#EA9898;
}

.subsubmenu a {
	margin: 0px 0 0 10px;
}
.subsubmenu span {
	margin: 0px 0 0 10px;
}
.subitems {
	margin-top: 10px;
}

th {
	text-align: left;
}

/* oud */



input, textarea, select {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #333333;
	border:1px solid #CACACA;
	width: 262px;
	vertical-align:middle;
}

a.white:link, a.white:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.white:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
a.black:link, a.white:visited {
	color: #000000;
	text-decoration: none;
}
a.black:hover {
	color: #000000;
	text-decoration: underline;
}
a.ftr:link, a.ftr:visited {color: #939598;text-decoration: none;}
a.ftr:hover 							{color: #CF0000;text-decoration: underline;}
a.tb:link, a.tb:visited 	{color: #333333;text-decoration: none;}
a.tb:hover 								{color: #333333;text-decoration: underline;}
	a.tr:link, a.tr:visited {
	color: #333333;
	text-decoration: none;
	font-weight:bold;
}
a.tr:hover {
	color: #333333;
	text-decoration: underline;
}

/* Classes, please order by className */

.abs {position:absolute;}
.ac {text-align:center}
.al {text-align:left}
.ar {text-align:right}
.blue {
	float:left;
	width:100%;
	background-color:#073D7F;
	color:#FFFFFF;
}
.blue #margin {margin:13px 10px 13px 13px !important;}
.blue #margin2 {margin:6px 10px 6px 13px !important;}
.button {
	background-color:#CF0000;
	font-weight:bold;
	color:#FFFFFF;
	border:1px solid #003366;
}
.c {
	float:left;
	min-height:500px;
}






.footer {
	float:left;
	background-image:url(../img/bg_footer.gif);
	background-repeat:repeat-x;
	margin-top:30px;
	width:100%;
	height:150px;
	color:#939598;
}
.footer #margin {margin:30px 0px 0px 0px;}
.footer .center div {float:left;}
.footer #address_l {width:198px;border-left:1px solid #DEDEDE}
.footer #address_l #margin {margin:10px 0px 0px 18px;}
.footer #address_r #margin {margin:10px 0px 0px 18px;}
.formc {
	float:left;
}

.hptext {
	line-height:20px;
}
.intro {
	line-height:20px;
	font-weight:bold;
	color:#003366;
}
.lc {
	margin-right:20px;
	float:left;
	width:240px;
}
.lc #margin {margin:14px}
.line {
	float:left;
	margin:0px;
	height:1px;
	background-color:#EEEEEE;
}
.list span {margin-right:7px;}
.managementc {float:left;width:160px;margin-right:5px;}
.ml20 {margin-left:20px;}
.mt4 {margin-top:4px;}
.mt9 {margin-top:9px;}
.mt14 {margin-top:14px;}
.mt20 {margin-top:20px;}
.mc {
	width:500px;
	float:left;
}
.mc #margin {margin:16px 0px 0px 0px}

.noborder {border:0px;}
.projectc {float:left;}
.project {
	float:left;
	width:240px;
}
div.red {
	float:left;
	width:100%;
	background-color:#CF0000;
	color:#FFFFFF;
}
div.red #margin {margin:6px !important;}
div.red #margin2 {margin:6px 10px 6px 13px !important;}
div.red img {border:1px solid #F2A5A5;margin-right:15px}
.rc {
	float:left;
	width:240px;
}
.rc #margin {margin:14px}
.rel {
	position:relative;
}
.sep {
	color:#CACACA;
}
.smalltext {font-size:9px;}
.smoelenboek {float:left;width:450px;}
.smoelenboek .item {float:left;width:110px;}
.subnav div {
	margin-top:14px;
}
.tb {color: #0340A8;}
.tinyb {margin:1px;border:1px solid #FFFFFF;}
.to {color: #FF6600;}
.tr {color: #CF0000;}
.tw {color: #FFFFFF !important;}
.vacaturec {
	float:left;
	width:240px;
}

/*
Chris CSS toevoegingen
05-03-08

SUBMENU --> submenu.tpl.asp */
UL LI.submenu_arrow{
	background-position:center right; 
	background-repeat:no-repeat;
}

/*AANMELD FORMULIER BEGUNSTIGERS*/
TABLE.cat_personeel{ /*--> tabel met catergorieen voor het aantal personeels leden*/
	border:0;
	background-color:#FFF;
	width:100%; 
	}TABLE.cat_personeel TR{ /* hoogte van de rijen uit de tabel*/
		height:15px;
	}TABLE.cat_personeel TR.header TD{ /* opmaak van de header van de tabel*/
		background-color:#000;
		color:#FFF;
		font-weight:bold;
	}TABLE.cat_personeel TR.row TD{ /* opmaak van de normale rijen */
		color:#000;
		font-weight:normal;
		border-top:0px solid #333;
		border-left:0px solid #333;
		border-right:1px solid #CCC;
		border-bottom:1px solid #CCC;
		margin:3px;
		}TABLE.cat_personeel TR.row INPUT{
			border:0;
			width:14px; height:14px;
	}TABLE.cat_personeel TR.footer TD{
		color:#000;
		font-weight:bold;
		border-right:1px solid #CCC;
		border-bottom:1px solid #CCC;
		background-image:none;
	}
	
	.fs11 {font-size:11px;}