body{
	margin:0;
	padding:0;
	line-height: 1.2em;
	background-color: #fff;
	background-image:  url(../img/bg_tile.jpg);
	background-repeat:repeat-x;
	font-family: Arial, Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}

#maincontainer{
	width: 950px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	background-image:  url(../img/bg_page.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
}

#topsection{
	position: relative;
	height: 320px; /*Height of top section*/
}

#midsection{
	position: relative;
	height: 30px; /*Height of top section*/
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-right: 310px; /*Set right margin to RightColumnWidth*/
}

#rightcolumn{
float: left;
width: 310px; /*Width of right column*/
margin-left: -310px; /*Set left margin to -(RightColumnWidth) */
position: relative;
}

#footer{
	clear: left;
	width: 100%;
	height: 40px;
	background-color: #e9e9e9;
	text-align: center;
}

.innertube{
margin: 0; /*Margins for inner DIV inside each column (to provide padding)*/
margin-left: 55px;
margin-right: 35px;
}

.innertube2{
margin: 0; /*Margins for inner DIV inside each column (to provide padding)*/
margin-right: 10px;
}

.innertube3{
margin: 0; /*Margins for inner DIV inside each column (to provide padding)*/
padding-top: 13px;
}

a:link {color:#B9B512;text-decoration: underline;} 
a:active {color:#B9B512;text-decoration: underline;}
a:visited {color:#B9B512;text-decoration: underline;}
a:hover {color:#B9B512;text-decoration: none;}

a.footerlink:link {color:#666;text-decoration: none;} 
a.footerlink:active {color:#666;text-decoration: none;}
a.footerlink:visited {color:#666;text-decoration: none;}
a.footerlink:hover {color:#000;text-decoration: none;}

a.menulink:link {font-size:12px;color:#666;text-decoration: none;} 
a.menulink:active {font-size:12px;color:#666;text-decoration: none;}
a.menulink:visited {font-size:12px;color:#666;text-decoration: none;}
a.menulink:hover {font-size:12px;color:#000;text-decoration: none;}

a.crumblink:link {color:#999;text-decoration: underline;} 
a.crumblink:active {color:#999;text-decoration: underline;}
a.crumblink:visited {color:#999;text-decoration: underline;}
a.crumblink:hover {color:#999;text-decoration: none;}

ul{
	line-height: 1.5em;
	list-style-type: square;
	text-align:justify;
}

#date {
	position: absolute;
	top: 12px;
	left: 25px;
	color: #999;
	font-style:italic;
}

#flash {
	position: absolute;
	top: 31px;
	left: 520px;
}

#logo {
	position: absolute;
	top: 45px;
	left: 23px;
}

#menu {
	position: absolute;
	top: 215px;
	left: 50px;
}

#taalkeuze {
	position: absolute;
	top: 278px;
	left: 870px;
}

#crumb {
	position: absolute;
	top: 0;
	left: 55px;
	color: #999;
}

table {
padding: 0; 
border: 0;
}

hr{
	border : none;
	border-top : solid 1px #eaeaea;
	color : #fff;
	background-color : #fff;
	height : 1px;
	clear: left;
}

h3{
font-size: 13px;
font-weight:bold;
}

.titel{
color: #000;
font-size: 20px;
font-style: italic;
padding-top: 2px;
}

.titel_rechts{
font-size: 15px;
padding-top: 2px;
}

/* ######### CSS for top level tabs ######### */

.tabsmenuclass ul{
overflow: hidden;
width: auto;
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenuclass li{
float: left;
}

.tabsmenuclass a{
display: block;
padding: 6px 10px;
background: #333;
color: white;
margin-right: 1px;
text-decoration: none;
font: 12px Arial;
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
background: #e8e8e8;
color: #666;
}

/* ######### CSS for sub menu container below ######### */

.tabsmenucontentclass{
clear: left;
height: 24px;
padding: 5px;
border: 0;
}

.tabsmenucontentclass ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenucontentclass li{
float: left;
margin-right: 30px;
}


/* ######### accordion ######### */

.news{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border: 1px solid #ccc;
background: #ebebeb;
}

.openitem{ /*class added to contents of 1st demo when they are open*/
background: #B9B512;
}