@charset "UTF-8";
/* CSS Document */

body{
	background-color:#232323;
}

#Container {
	position: absolute;
	left: 50%;
	top: 0%;
	margin-left: -442px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color: #232323;
	width: 884px;
	clear:both;
	float: left;
}
#header{
	
}
#logo{
	float:left;
	clear:both;
	width:232px;
	height:140px;
}
#langselection{
	float:right;
	background-color:#232323;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	margin-top:10px;
	height:20px;
}
#langselection a{
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration:none;
}
#langselection a:hover{
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	border-bottom:solid 2px #696a6c;
}

#mainmenu{
	float:right;
	clear:both;
	margin-top:-18px;
	margin-right:0px;
	font-family: Verdana;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	
}
#mainmenu a{
	font-family: Verdana;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration:none;
}
#mainmenu a:hover{
	font-family: Verdana;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	border-bottom:solid 2px #696a6c;
}
#content{
	float:left;
	clear:both;
	margin-top:50px;
	height:515px;
	width:884px;
}
#maincontenttitle{
	float:left;
	height:36px;
	width:516px;
	background-color:#97999c;
	border:2px;
	border-bottom-style:solid;
	border-bottom-color:#FFFFFF;
	font-family: Verdana;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	padding-top:19px;
	padding-left:19px;
}
#maincontenttitle a{
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration:none;
}
#maincontenttitle a:hover;{
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #AAAAAA;
	text-decoration:none;
}
#maincontent{
	float:left;
	width:497px;
	height:439px;
	background-color:#e7e8ea;
	padding-top:19px;
	padding-left:19px;
	padding-right:19px;
	overflow:auto;
}
#contentvisual{
	float:right;
	width:338px;
	height:279px;
	background-color:#FFFFFF;
	padding-top:2px;
	padding-left:2px;
}
#nieuws{
	float:right;
	width:340px;
	height:226px;
	background-color:#FFFFFF;
	margin-top:8px;
}
#nieuws a{
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #97999c;
	text-decoration:none;
}
#nieuws a:hover{
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #000000;

}
#nieuwstitel{
	width:321px;
	height:36px;
	background-color:#97999c;
	border:2px;
	border-bottom-style:solid;
	border-bottom-color:#FFFFFF;
	font-family: Verdana;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	padding-top:19px;
	padding-left:19px;
}
#nieuwscontent{
	background-color:#e7e8ea;
	width:321px;
	height:148px;
	padding-top:19px;
	padding-left:19px;
}
#footer{
	float:left;
	margin-top:8px;
	width:883px;
	height:196px;
	
}
#bottomnavfirst{
	float:left;
	width:140.6px;
	height:66px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-align:center;
	padding-top:30px;
}
#bottomnav{
	float:left;
	margin-left:8px;
	width:140.6px;
	height:66px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-align:center;
	padding-top:30px;
}
#bottomnavlast{
	float:right;
	width:140.6px;
	height:66px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-align:center;
	padding-top:30px;
	
}
#bottomtextnav{
	float:right;
	margin-top:32px;
	font-family: Verdana;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
}
#bottomtextnav a{
	font-family: Verdana;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration:none;
}
#bottomtextnav a:hover{
	font-family: Verdana;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	border-bottom:solid 2px #696a6c;
}
#bottomnavfirst:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
#bottomnav:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
#bottomnavlast:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
/*
slider css
*/
#s3slider {
   width: 336px; /* important to be same as image width */
   height: 276px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 336px; /* important to be same as image width or wider */
   height: 276px;
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=0); /* here you can set the opacity of box with text */
   -moz-opacity: 0; /* here you can set the opacity of box with text */
   -khtml-opacity: 0; /* here you can set the opacity of box with text */
   opacity: 0; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}
ul{
	margin-top:0px;
	margin-left:0px;
}
li{
	margin-top:0px;
	margin-left:-40px;
	list-style-type: none;	
}