html,body {
	margin: 0;
	padding: 0;
	height: 100%;
	scrollbar-face-color: #fdfeff; 
	scrollbar-shadow-color: #fdfeff; 
	scrollbar-highlight-color: #fdfeff; 
	scrollbar-3dlight-color: #212934; 
	scrollbar-darkshadow-color: #212934; 
	scrollbar-track-color: #fdfeff; 
	scrollbar-arrow-color: #212934; 
}
body {
	background:#000  url(../images/bg_body.gif) top center repeat-y;
	font-size: 70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}
#container-page {
	background: #fdfeff url(../images/bg_content.png) top left repeat-y;
	margin: 0 auto;
	width: 790px;
	position: relative;
	min-height: 100%; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	height: 100%; /* For IE */
	text-align: left;
	_padding-top: 0;
}
#container {
	text-align: left;
	margin-bottom: 20px;
}
a {
	color: #000;
}
a:hover {
	text-decoration: none;
}
h3 {
	font-size: 1.1em;
	margin-bottom: -10px;
	padding-bottom: 0;
}

/* HEADER */

#header {
	height: 80px;
	margin: 0;
	_margin-bottom: -2px; /* IE Fix */
}
h1 {
	background: url(../images/logovb&s.png) top right no-repeat;
	text-indent: -1000em;
	margin: 0;
	padding: 0;
	height: 80px;
}
#header .left {
	text-align: right;
	background: #fff url(../images/header_left_bg.png) top right no-repeat;
	width: 179px;
	height: 80px;
	float: left;
	border-right: 1px solid #9fa198;
}
#header .right {
	margin-left: 180px;
}
#header a {
	text-decoration: none;
}
#header ul {
	margin: 0;
	list-style-type: none;
	font-size: 9px;
}
#header .left ul {
	margin-top: 2px;
}

#header .left li {
	margin: 0;
	height: 19px;
}
#header .left li a {
	margin: 0;
	display: block;
	border-bottom: 1px solid #fff;
	height: 16px;
	padding-top: 2px;
	padding-right: 5px;
	margin-left: 39px;
	_margin-left: 79px;
}
#header .left a:hover, #header .left .active {
	background: transparent url(../images/header_left_over_bg.png) top right no-repeat;
}

#header .right ul {
	padding: 0;
	margin: 0;
	background: #fdfeff url(../images/header_right_bg.png) top left no-repeat;
	height: 78px;
	padding-top: 2px;
	float: left;
}
#header .right li {
	margin: 0;

}
#header .right li a {
	margin: 0;
	display: block;
	margin-right: 5px;
	height: 16px;
	padding-top: 2px;
	padding-left: 5px;
	border-bottom: 1px solid #fff;
	width: 143px;
}
#header .right a:hover, #header .right .active {
	background: transparent url(../images/header_right_over_bg.png) top left no-repeat;;
}

/* IMAGE */

#image {
	height: 80px;
	margin: 0;
	padding: 0;
	clear: both;
}

/* CONTENT */
#content {
	_margin-top: -2px; /* ie fix */
}

p.leesverder {
	text-align: right;
	padding: 10px;
	padding-top: 0;
	margin-top: -10px;
}
#content a {
	text-decoration: none;
}
#content div.left {
	width: 179px;
	float: left;
}
#content .right {
	margin-left: 179px;
	padding-left: 20px;
	padding-top: 35px;
	border-left: 1px #999999 solid;
	_margin-top: 2px;
	background: url(../images/content_header_top.png) top right repeat-x;
}
#content .left ul {
	margin: 40px 0 0 0;
	padding: 0;
	padding-bottom: 7px;
	background: #e4e5e6 url(../images/content_bottom_bg.png) bottom left repeat-x;
	list-style-type: none;
	font-size: 9px;
}
#content .left li a {
	margin: 0;
	display: block;
	padding-top: 4px;
	padding-left: 8px;
	height: 15px;
	border-bottom: 1px solid #fff;
	font-size: 9px;
}
#content .left a:hover, #content .left .active {
	background: #e4e5e6 url(../images/content_over_bg.png);
}

h2 {
	color: #14487c;
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-weight: normal;
	 font-variant: small-caps;
}
#sub-submenu ul {
	width: 452px;
	height: 30px;
	background: #fff url(../images/subheader_bg.png) -7px -1px no-repeat;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 9px;
}
#sub-submenu li {
	float: left;
	margin-top: 6px;
	border-right: 1px solid #fff;
	font-size: 9px;
}
#sub-submenu li a {
	margin: 0;
	float: left;
	display: block;
	padding: 0;
	height: 15px;
	padding-top: 2px;
	padding-right: 20px;
	padding-left: 10px;
	font-size: 9px;
}
#sub-submenu a:hover {
	background: #e4e5e6 url(../images/content_sub_bg.png) top right no-repeat;
	padding-right: 20px;
}
#sub-submenu .active a {
	background: #e4e5e6 url(../images/content_sub_bg.png) top right no-repeat;
	padding-right: 20px;
	float: left;
	padding: 0;
	height: 15px;
	padding-top: 2px;
	padding-right: 20px;
	padding-left: 10px;
}
#block {
	width: 440px;
	margin-top: 2%;
}
/* form */
form {
	background-color: #f5f5f5;
	border: 1px solid #c3c3c3;
	padding: 10px;
	font-size: 11px;
	color: #000;
}

	form label {
		float: left;
		width: 140px;
	}
	
	form .nolabel {
		margin-left: 140px;
	}
	
	form input, form textarea, form select {
		font-size: 11px;
		color: #000;
		font-family: arial, verdana, sans-serif;
		border: 1px solid #c3c3c3;
		padding: 2px;
		background: #fff url("../images/form-input.jpg") top left no-repeat;
	}
	
	form input, form textarea {
		width: 250px;
	}
	
	form input.smallinput {
		width: 60px;
	}
	
	form input.medinput {
		width: 180px;
	}
	
	form input.checkbox {
		width: auto;
		background: none;
		border: 0;
	}
	
	form input.submit {
		background: url("../images/form-submit.jpg") top left no-repeat;
		width: 144px;
		height: 40px;
		border: 0;
		font-size: 13px;
		font-weight: bold;
		cursor: pointer;
	}
	
	form .validation-advice {
		background-color: #cdff47;
		color: #000;
		padding-left: 5px;
	}
	form .row {
	margin-bottom: 1em;
	line-height: 18px;
}
/* STYLES FOR THE COPIED TABLES */
#content #block a {
	text-decoration: underline;
}
#content #block a:hover {
	background: transparent;
	padding: 0;
	text-decoration: none;
}
#content. block table {
	display: inline;
}
#content .block table ul {
	display: block;
}
#content .block img {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#content .list li {
	list-style: none none;
	clear: none;
	margin-left: -38px;
	border-bottom: 1px solid #929292;
	margin-bottom: 15px;
	padding-bottom: 15px;
	width: 560px;
}

#content .list li.last {
	border: 0 !important;
}

#content .list li img {
	float: left;
	margin-right: 10px;
}
#content .list p {
	float: left;
	max-width: 290px;
	padding-right: 10px;
}

table li {
	text-align: left:
}
.clear {
	clear: both;
}
.listing {
	list-style-type: disc;
	background: none;
}

/* projectoverview */

#projectoverview {
	width: 100%;
	margin-top: 20px;
}

#projectoverview td.object {
	color: #537102;
	font-weight: bold;
}

#projectoverview td {
	border: 0;
	padding: 3px;
	border-bottom: 1px solid #d2ff52; 
}

#projectoverview td.link {
	width: 80px;
}

#projectoverview thead td {
	font-weight: bold;
	background-color: #d2ff52;
}

#projectoverview a.readmore {
	float: right;
	display: block;
	background: #d0f756 url(../images/content_over_bg.png) right center repeat-y;
	margin-top: 18px;
	padding: 2px 20px 2px 7px;
	font-size: 9px;
}


/* News item */
.news-item img {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
.news-item .date {
	font-style: italic;
}
.news-item {
	clear: both;
}

/* FOOTER */

#footer {
	position: absolute;
	bottom: 15px !important;
	_bottom: 10px;
	height: 20px;
	width: 200px;
}
#footer .block {
	font-size: 9px;
	text-align: left;
	padding: 0;
	padding-left: 10px;
	margin: 0;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
   visibility: hidden;
   letter-spacing: 0;
   font-size: 20px;
   display: inline;
   margin: 0;
   padding: 0;
   font-variant: small-caps;
}

/* CSS FROM THE OLD SITE */
.smalltxt	 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #000000;
}
.noottxt	 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #14487c;
		}