/* alle elementen heb ik in alfebetische volgorde gezet binnen een {} zodat het makkelijk te vinden is */

/* Structuur */
/* */
body {
	background-color: #FFF;
	color:#1A171B; 
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
	margin:0px;
	padding:0px;
	text-align: center;
}
#wrapper { 
	/*height: 561px;*/
	margin: 0px auto; /* auto zorgt ervoro dat hij in het midden blijft van de pagina */
	text-align: left;
	vertical-align: middle;	
	width: 986px;
}
#top{
	background-image: url(../img/top_bg.jpg);
	height:18px;
	width: 986px;
	line-height: 10px; /* zodat de NBSP nooit extra ruimte eist */
}
#bottom{
	background-image: url(../img/bottom_bg.jpg);
	height: 18px;
	width: 986px;
	line-height: 10px; /* zodat de NBSP nooit extra ruimte eist */
}
#subWrap{
	background-image: url(../img/subWrap_bg.jpg);
	/*height: 525px;*/
	width: 986px;
}

#menu{
	float: left;
	/*height: 525px;*/
	position: relative;
	left: 18px;
	width: 145px;
	overflow: hidden;
	background-image: url(../img/L2_normal.gif);
}



.content H1{
	font-size:12px;
	font-weight:bold;
	color:#005285;
}
.content H2{
	font-size:12px;
	font-weight:bold;
	color:#000;
}
.content a{
	color:#00659C;
	text-decoration:none;
}
.content a:hover{
	color:#00659C;
	text-decoration:underline;
}
.kop{
	font-weight:bold;
	color:#005285;
}

/* */
/* END Structuur */


/* Clearing */
/* */
html body div.clear, html body span.clear {
	background:none;
	border:0;
	clear:both;
	display:block;
	float:none;
	font-size:0;
	margin:0;
	padding:0;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix:after {
	clear:both;
	content:'.';
	display:block;
	visibility:hidden;
	height:0
}
.clearfix {
	display:inline-block
}
* html .clearfix {
	height:1%
}
.clearfix {
	display:block
}
/* */
/* END Clearing */

.slider1
{
	width: 10px;
	height: 100px;
	background-color: #d9e5ad;
	position: absolute;
}
.indicator
{
	width: 10px;
	height: 10px;
	background-color: #95bf0f;
	position: absolute;
	font-size: 1px;
	overflow: hidden;
}
.container
{
	height: 340px;
	right: 18px;
	width: 560px;
	top:170px;
	left:38px;
	position: relative;
	overflow: scroll;
}
.content
{
	position: absolute;
	width:532px;
	line-height:17px;
	left: 4px;
	top: 14px;
	height: 912px;
	
}
#testing{
	position:relative;
	width:800px;
	top:70px;
	left:38px;
	
}
.mainBg{
	background: url(../img/content_bg.gif);
	height:525px;
	background-repeat: no-repeat;
	background-position: 163px 0px;
}