body{
   background: url(../img/bg_all.jpg);
   /*background: #fff;*/
   margin:0px;
   text-align:center;
   min-width:785px;
}

div{
	text-align:left;
}

#layout{
	position:relative;
	width:875px;
	margin: 0 auto;
	overflow:hidden;
	background: #fff;
}


p {
	margin:5px 0 10px 0;
	font-family:verdana;
	font-size:11px;
	padding: 5px 20px 0 10px;
	line-height:17px;
	color:#000;
}

td {

	font-family:verdana;
	font-size:11px;

	
}

h1{
	font-size:14px;
	display:block;
	padding: 5px 10px 0 10px;
	/*margin-bottom:0px;*/
}
h2{
	margin: 0 0 20px 0;
	padding-left: 15px;
	padding-top:8px;
	font-size:14px;
	font-family:verdana;
	color:#00467E;
	display:block;
}



#subMenu{
	position:absolute;	
	top:121px;
	left:350px;
	z-index:100;

}

#subMenu ul{
	padding: 0;
	margin: 0;

	/*margin-bottom:1px;*/
}

#subMenu ul li{
	display: inline;
	list-style: none; 
	padding: 0;
	margin: 0;	
	margin-left: -5px;
}

#subMenu ul li a{
	text-decoration: none;
	font-size:9pt;
	font-family:verdana;
	color: #fff;
	font-family:Trebuchet MS;
	font-size:10pt;
}
#subMenu ul li a{

	padding:3px 20px 4px 20px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;	
		
}

#subMenu ul li a:hover{
	background: #fff;
	color: #000;
	
}


#subMenu a.active{
	background: #fff;
	color: #000;
	font-weight:bold;
	padding-left:20px;

}

/* top */

#Speer-top{
   position:relative;
   clear:both;
   width:875px;
   height:143px;
   background: #000 url(../img/bg_top.jpg) no-repeat;
   overflow:hidden;
}

/* mid */


#Speer-midholder{
	position:relative;
	/*clear:both;*/
	
	width:875px;
	/*height:444px;*/
	top: 1px;
	/*background: url(../img/bg_menu1.png) repeat-y;*/
	}/*
#wrapper{
	background-image: url(../img/bg_mid.jpg); 
	background-repeat: no-repeat; 
	background-position: 0% 100%;
	height:auto;
}*/
#opacityBar-right{
	position:relative;
	float:left;
	width:33px;
	height:740px;
	background: #000;
	silver;opacity:.30;
	filter:alpha(opacity=30);
	-moz-opacity: 0.30;
}


#nieuwsItemsBox{
	position:relative;
	background:#fff;
	margin: 83px 0 0 0;
	float:left;
	width:254px;
	height:300px;
	overflow:hidden;
	border: 1px solid #bab8b9;
}

#menuLeft{
	position:relative;
	background: #d9d7d8;
	float:left;
	width:254px;

	/*height:529px;*/
	/*background: #d9d8d8;*/
	
}

#mainMenu{
	width: 255px;
	height: 340px;
	position:relative;
	background: #d9d7d8;
	/*top:10px;*/

}
#mainMenu li{
	/*width: 250px;*/
	list-style: none; 
}
.menu_item{
	background-image: url(../img/menu_split.jpg);
	position:relative;
	height:40px;
	width:253px;
	float:left;
	
}

.menu_item span{
	line-height:30pt;
	margin-left:8pt;
}

#mainMenu a{
	text-decoration: none;
	color: #000;
	font-weight:bold;
	font-family:Trebuchet MS;
	font-size:10pt;
}

#mainBox{
	position:relative;
	float:left;
	width:583px;
	background:#fff;
	height:582px;
	margin-left:3px;
	border-top: 1px solid #f3f2f2;
	border-left: 1px solid #f3f2f2;
	border-right: 1px solid #f3f2f2;
	border-bottom: 1px solid #f3f2f2;
	
}

#banner-box{
	position:relative;
	float:left;
	border: 1px solid #bab8b9;
	height: 135px;
	width: 583px;
	margin-left:3px;
	margin-top:2px;
	clear:left;
	background:#fff;
	overflow:hidden;
}

#mainWrapper{
	position:relative;
	float:left;
	height:566px;
	width:547px;
	
}

#ref{
position:relative;
float:right;
}

#mainText{
	padding: 5px 20px 10px 5px;
	font-family:verdana;
	font-size:9pt;
	line-height:17px;
	
}

#mainText img{
	margin-left: 0px;
	margin-top:5px;
}

#mainText a{
	text-decoration: none;
	color:#5c6d82;
	font-weight:bold;
}
#Pink-Line{
	position:relative;
	top:82px;
	width:254px;
	float:left;
	height:15px;
	margin-left:1px;
	background: #ec008b;
	overflow:hidden;
}

#Black-Line{
	position:relative;
	top:2px;
	left:3px;
	/*width:547px;*/
	width: 583px;
	float:left;
	height:15px;
	margin-bottom:2px;
	background: #000;
	overflow:hidden;
	z-index:9999;
}

#Nieuws-Cases-Box{
	position:relative;
	clear:both;
	top:4px;
	width:785px;
	height:256px;
	background: #fff;
	border: 1px solid #000;
}


.nieuwsItems{
	position:relative;
	float:left;
	width:254px;
	height:72px;
	padding:2px 2px 0px 4px;	
	font-size:11px;
	border-top: 1px solid #bab8b9;
	font-family:Trebuchet MS;
	text-decoration: none;
}

.nieuwsItems a{
	text-decoration: none;
	color:#5c6d82;
	font-weight:bold;
}

.titelItems{
	color:#848484;
	font-weight:bold;
	font-size:8pt;
}



#leftImg{
	position:relative;
	float:left;
	width:192px;
	height:144px;
	overflow:hidden;
	left:1px;
	top:1px;
	bottom:1px;
	margin-bottom:1px;
	/*border-left: 1px solid #000;*/
}

#midImg{
	position:relative;
	float:left;
	left:2px;
	top:1px;
	width:192px;
	height:144px;
	overflow:hidden;
	margin-bottom:1px;
	/*border-left: 1px solid #000;*/
}

#rightImg{
	position:relative;
	float:left;
	left:3px;
	top:1px;
	width:193px;
	height:144px;
	margin-bottom:1px;
	overflow:hidden;
	/*left:22px	/*border-left: 1px solid #000;*/
}

#sloganImage-holder{
	position:relative;
	clear:both;
	top:2px;
	width:873px;
	max-height:200px;
	border: 1px solid #000;
	background: #fff;
	margin-bottom:10px;
}

#sloganImage{
	background-image: url(../img/slogan_Image.jpg);
	width:783px;
	height:95px;
}

/* Powered By Wingweb*/

#wingweb {
	position:relative;
	width:875px;
	height:50px;
	margin: 0 auto;
	font-family: verdana, arial;
	font-size: 10px;
	color: #000000;
	text-align:right;
}

#wingweb {

  text-align:-moz-right;

}

#wingweb a{
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

/* overige */ 


img {
	border:0;
}

form{
	padding-left:25px;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(./img/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(./img/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./img/overlay.png", sizingMethod="scale");
	}
	
#map{
	border:1px solid #000;
	width:425px;
	margin-left:50px;
}

#mapstext{
	margin-left:180px;
}

#refHolder{

    position:relative;
	text-align:center;
	margin: 10px 0 0 90px;	
}

#referenties{
	height: 180px;
	margin: 10px;
	display:block;
	float:left;

}

#overlayBar{
    position:absolute;
	left:0;
	top:124px;
	z-index:100;
	height:11px;
	width:580px;
	background:transparant;
	background:#fff;
	silver;opacity:.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
}


/* Scroller */

/* 
   Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn 
*/

#overlay-hold{
	position:absolute;
	background-image: url("img/overlay-hold.png");
	z-index:1000;
}

div#hold	{ 
	position:relative; overflow:hidden;
	width:562px; height:545px; 
	z-index:100;
	
}
div#wn	{ 
	position:absolute; 
	left:10px; top:0px; 
	width:562px; height:545px; 
	clip:rect(0px, 562px, 545px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div.content { 
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	z-index:1; 
	}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar { 
  position:absolute; left:571px; top:31px;
  width:11px; height:550px; 
  font-size:1px; z-index:1;
  float:right;
  z-index:100;
  }
div#track { 
  position:absolute; left:0; top:17px;
  width:11px; height:521px;
  background: url("img/scrollbar/track.gif") #000 repeat;
  z-index:1;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  z-index:1;
  }  
div#up { position:absolute; left:0; top:0; z-index:2 }  
div#down { position:absolute; left:0; bottom:0; z-index:3 }  

div.content img{
padding-left:5px;
padding-right:7px;


}

#idee{

 position:absolute;
 width:195px;
 height:94px;
 background: url(../img/idee.jpg) no-repeat;
 z-index:40;
 top:327px;
 left:60px;

}