/* @group werken bij bouwmaat */


#p_wbb #primary-container{
			background : #fff url(../img/wbb_home_bg.png) repeat-x bottom left;
			position : relative ;
			overflow : visible ;
			height : 200px ;
			}

#p_wbb #secondary-container{
			height : 230px ;
			background : url(../img/3_cols.gif) no-repeat center 20px ;
			margin-bottom: 20px;
		  margin-top: 5px;
		  position: relative;
		  width: 100%;
		}

#p_wbb #primary-container .inner-container{
			height : 200px ;
			}

#p_wbb #primary-container .dropshadow{
	position : absolute ;
	bottom : 0px ;
	z-index : 0 ;
	left : 0px ;
	width : 100% ;
	}

#faces .employeeImg{
	position: absolute;
	right: 0px;
	bottom: 0px;
}

#faces .employeeImg img{
	display:block;
}

#faces .employeeTxt .name{
	font-weight: bold;
	font-size: 10px;		
}

#faces .employeeTxt p{
	line-height: 20px;
	margin-bottom: 10px;
	font-size: 12px;		
}

#faces .employeeTxt h3{
	font-size: 14px;
	margin: 10px 0 20px 0;
	padding: 0;
}

#faces .employeeTxt a.link{
	display: block;
	width: 104px;
	height: 30px;
	position: absolute;
	bottom: 16px;
	background : url(../img/wbb_testimonialBtn.png) no-repeat top left ;
}

#faces .employee img{
			display : block ;
			margin : 0 ;
			padding : 0 ;
			}

#faces .employee img:hover{
			zoom:1
			}

#faces .employee .info{
			position : absolute ;
			right : 0px ;
			top : 40px ;
			text-align : right  ;
			width : 150px ;
			height: 150px;
			}

#faces .employee .info h3{
			border-bottom : 1px solid #0168B3 ;
			font-size : 24px ;
			height : 35px ;
			margin : 0 0 10px 0 ;
			line-height: 36px;
			}

#faces .employee .info .ruler-link{
			position: absolute;
			bottom: 0px;
			right: 0px;
			}

#faces .employee{
			position : absolute ;
			left : 0px ;
			bottom : 0px ;
			z-index : 6 ;
			}

#faces .employee#wendy{
			position : absolute ;
			left : -140px ;
			top : 0px ;
			width : 420px ;
			}

#faces .employee#wendy .info{
			width : 180px ;
			}

#faces .employee#alex{
			position : absolute ;
			left : 260px ;
			width : 360px ;
			}

#faces .employee#alex .info{
			width : 180px ;
			}

#faces .employee#pierre{
			position : absolute ;
			left : 600px ;
			width : 360px ;
			}

/* @end */

#secondary-container .widget_wbb_directsol{
			border-bottom : 1px solid #aaa ;
			padding-bottom : 20px ;
			margin-bottom : 10px ;
			}

#secondary-container .widget_wbb_vestiging_loc h2{
	margin: 5px 0 0 0;
	padding: 0;
}

/* @group image gallery */
.gallery_holder{
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
}

.gallery_img{
	float: left;
	width: 100px;
	height: 100px;
	margin: 0 15px 15px 0;
}

.gallery_img.last{
	margin: 0 0 15px 0;	
}

/* @end */


/* @group Carousel */

#slides{
	position: absolute;
	top: 50px;
	left: 10px;
	width: 465px;
	height: 200px;
}

.slides_container{
	position: relative;
	width: 465px;
	height: 200px;
	overflow: hidden;
	border: 1px solid #999999;
}

.slides_container div {
	width: 465px;
	height: 200px;
    display:block;
  }

.slide .title{
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 40px;
	width: 100%;
	background: url(../img/white90.png) repeat left top;
}

.slide .title h2{
	padding: 2px 0 0 15px;
}

#slides .controls{
	margin: 0;
	padding: 0;
	position: absolute;
	left: 1px;
	bottom: -1px;
	height: 40px;
	width: 100%;
	background: url(../img/white90.png) repeat left top;
	z-index: 1000;
}

#slides .controls .prev{
	position: absolute;
	display: block;
	width: 81px;
	height: 20px;
	z-index: 1000;
	top: 10px;
	left: 10px;
	background: url(../img/wbb_ticker_prevBtn.png) no-repeat left top;
}

#slides .controls .next{
	position: absolute;
	display: block;
	width: 81px;
	height: 20px;
	z-index: 1000;
	top: 10px;
	right: 10px;
	background: url(../img/wbb_ticker_nextBtn.png) no-repeat left top;
}

.pagination{
	position: absolute;
	left: 160px;
	bottom: -8px;
	z-index: 1000;
}

.pagination li {
	list-style: none;
    float: left;
    margin: 0 10px 0 0;
}
.pagination li a {
    background : url("../img/wbb_ticker_bullets.png");
    background-position: -10px 0;
    background-repeat: repeat-x;
    display: block;
    float: left;
    height: 0;
    overflow: hidden;
    padding-top: 12px;
    width: 10px;
}
.pagination li.current a {
    background-position: 0px 0px;
}

/* @end */


/* @group vacatures */

.linklist
			{
			margin : 0; ;
			margin-bottom : 10px ;
			padding : 0;
			list-style : none ;
			}

#sidebar-left .linklist
			{
			margin : 10px 0;
			}

.linklist li
			{
			display : block ;
			height : 19px ;
			margin : 0 ;
			padding : 0 ;
			border : none ;
			}

.linklist li a.vac, #sidebar-left .linklist li a.vac
			{
			display : block ;
			height : 10px ;
			line-height : 10px ;
			padding : 4px 0 ;
			color : #333 ;
			font-size : 10px ;
			white-space : nowrap ;
			border-bottom : 1px solid #eee ;
			overflow : hidden ;
			text-decoration : none ;
			}

.linklist li.last-child a.vac
			{
			border-bottom : none ;
			
			}

.linklist li a:hover
			{
			color : #000 ;
			text-decoration : none ;
			}

#vacature-quick-info
			{
			display : none ;
			position : absolute ;
			top : -100px ;
			left : 0px ;
			width : 280px ;
			height : 90px ;
			padding : 20px ;
			overflow : hidden ;
			background : url(../img/vac-q-info.png) top left no-repeat ;
			z-index : 10000 ;
			}

#vacature-quick-info .info
			{
			margin : 10px ;
			font-size : 10px ;
			}

#vacature-quick-info .links
			{
			position : absolute ;
			right : 0px ;
			top : 0px ;
			margin : 20px 10px ;
			padding : 10px ;
			width : 140px ;
			height : 70px ;
			overflow : hidden ;
			background : #d9e4ec ;
			}

#vacature-quick-info .links .arrow-link
			{
			position : relative ;
			left : -10px ;
			color : #fff ;
			font-size : 12px ;
			margin : 0 0 10px 0 ;
			}

#vacature-quick-info .links a
			{
			display : block ;
			color : #999 ;
			font-size : 10px ;
			}

/* @end */

.vacaturewidget{
	margin: 0;
	padding: 0;
	font-size: 11px;
}

.vacaturewidget h3{
	color: #000000;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 11px;
}

.vacaturewidget .blueBox{
	background-color: #E5F0F7;
	width: 180px;
	margin: 10px 0 0 0 ;
	padding: 10px;
}

.vacaturewidget .blueBox ul{
	margin: 0;
	padding: 0;
}

.vacaturewidget .blueBox ul li{
	margin: 0;
	padding: 0;
	list-style: none;
}

#vacaturewidget.widget ul li{
	margin: 2px 0 0 0;
	height: auto;
}

.arrow-link
			{
			display : block ;
			font-weight : bold ;
			font-size : 12px ;
			color : #fff ;
			padding : 5px 10px ;
			background : url(../img/arrow-link.gif) right center ;
			}

#sidebar-left .arrow-link, #sidebar-right .arrow-link
			{
			display : block ;
			font-weight : bold ;
			font-size : 12px ;
			color : #fff ;
			padding : 5px 10px ;
			margin : 5px 0; ;
			background : url(../img/arrow-link.gif) right center ;
			text-decoration : none ;
			}
			
.widget_wbb_feiten{
			font-size : 12px;
			color : #999;			
			}

#sidebar-left .col.single.p20{
			
			}

#sidebar-left .widget_wbb_feiten ul{
			margin : 10px 0 ;
			}

#sidebar-left .widget_wbb_feiten li{
			font-size : 12px;
			color : #000;
				
			}

#p_wbb .widget_wbb_feiten li{
			margin : 10px 0 ;		
			}

.widget_wbb_feiten li span{
			font-weight : bold ;
			color : #0168B3 ;			
			}
			
#p_wbb #secondary-container .ruler-wrapper.stick-bottom
			{
			position : absolute ;
			margin-top : 10px ;
			bottom : 0px ;
			}
			
			
.widget_wbb_waarden ul{
			margin : 10px 0 ;			
			}

.widget_wbb_waarden li{
			font-size : 12px ;		
			}

.widget_wbb_waarden li span{
			color : #0168B3 ;
			font-weight : bold ;			
			}
			
.empl-images{
			position : absolute ;
			right : 0px ;
			top : 230px ;
			}

#vac-overview .vac-filters{
			background : #0168B3 ;
			padding : 11px 0 11px 10px ;
			height : 18px ;
			border-bottom : 1px solid #ccc ;
			line-height : 18px ;
			
			}

#vac-overview .vac-filters .select-holder{
			position : relative ;
			width : 120px ;
			float : left ;
			margin : 0 10px ;
			}

#vac-overview .vac-filters .fil-title{
			float: left;
			height: 20px;
			}

#vac-overview .vac-filters .fil-title p{
			color : #fff ;
			}

#vac-overview .vac-filters .filterVacs{
			float : right ;
			width : 120px ;
			position : relative ;			
			}

#vac-overview .vac-filters .filterVacs option{
			width : auto ;
			
			}

#vac-overview #page-navigation{
			background : #eee ;
			position : relative ;
			height: 50px;
			}

#vac-overview #page-navigation .nrd{
			text-align : center ;
			padding : 16px ;
			height : 18px ;
			}

#vac-overview #page-navigation .pageNav{
			display : inline-block ;
			background : #d6e1e9 ;
			width : 18px ;
			height:12px;
			line-height : 12px ;
			font-size : 12px ;
			padding : 2px 0 ;
			margin : 0 10px ;
			text-align : center ;
			color : #fff ;
			font-weight : bold ;			
			}

#vac-overview #page-navigation .pageNav.current{
			background : none ;
			color : #0168B3 ;
			}

#vac-overview #page-navigation .fwd, 
#vac-overview #page-navigation .rwnd{
			display : none ;
			}

#vac-overview #page-navigation .tot{
			position : absolute ;
			top : 0px ;
			right : 0px ;
			height : 10px ;
			padding : 14px 10px;
			margin : 6px 0 ;
			border-left : 1px solid #999 ;
			font-size : 10px ;
			color : #666 ;
			line-height : 10px ;
			}
			
			
#vac-specs #infobox{
			background : #d9e4ec ;
			width : 200px ;
			overflow: hidden;
			float : right ;
			margin: 0 0 0 15px;
			padding: 10px 15px 10px 15px;
			}

#vac-specs #infobox ul{
			margin :0;
			padding: 0;
			}

#vac-specs #infobox ul a{
			float : none ;
			background : #F59213 ;
			font-size : 14px ;
			
			}

#vac-specs #infobox ul li{
			border-bottom : 1px solid #ccc ;
			color : #333 ;
			font-size : 12px ;
			
			}

#vac-specs #infobox ul li.noborder{
			border-bottom : none ;
			margin : 10px 0 ;
			
			}
.widget_wbb_vacaturewatch p{
			margin : 10px 0 ;
			}
			
.widget_wbb_vacaturewatch form,
.widget_wbb_vacaturewatch fieldset {
			border : none ;
			margin : 0 ;
			padding : 0 ;
			}

.widget_wbb_vacaturewatch select,
.widget_wbb_vacaturewatch input{
			width : 170px ;
			margin : 0 0 10px 0 ;
			}

.widget_wbb_vacaturewatch .submit{
			background:none repeat scroll 0 0 #F59213;
			border:medium none;
			color:#FFFFFF;
			cursor:pointer;
			float:right;
			font-size:12px;
			font-weight:bold;
			height:24px;
			margin:10px 0 0;
			padding:0 10px;
			width:auto;
			
			}
			
#wbb-mensen .empl-pic{
			height : 140px;
			}

#wbb-mensen.functies .empl-pic{
			height : 140px;
			}

#wbb-mensen .employee{
			position : relative ;
			color:#333;
			}

#wbb-mensen .empl-pic .empl-overlay{
			height : 100px;
			width : 220px ;
			padding : 20px ;
			background : rgb(1,104,179) ;
			background : rgba(1,104,179,0.65) ;
			color : #fff ;
			font-style : italic ;
			line-height : 18px ;
			float : left ;
			}

#wbb-mensen.functies .empl-pic .empl-overlay{
			height : 110px;
			width : 220px ;
			padding : 15px 20px ;			}

.ie #wbb-mensen .empl-pic .empl-overlay{

			  filter: alpha(opacity = 90);
			}

#wbb-mensen .even .empl-pic .empl-overlay{
			float : right ;
			}

#wbb-mensen .empl-pic .empl-overlay h3{
			font-style : normal ;
			height : 40px ;
			color : #fff ;
			line-height : 40px ;
			margin : 0 ;
			padding : 0 ;
			font-size : 38px ;
			text-shadow : 0 0 3px rgba(0,0,0,0.8) ;
			width: 240px;
			}

#wbb-mensen.functies .empl-pic .empl-overlay h3{
			font-style : normal ;
			height : 40px ;
			color : #fff ;
			line-height : 20px ;
			margin : 0 ;
			padding : 0 ;
			font-size : 18px ;
			text-shadow : 0 0 3px rgba(0,0,0,0.8) ;	
			}

#wbb-mensen .empl-info{
			width : 260px ;
			position : absolute ;
			left : 0px ;
			top : 150px ;
			padding : 0px 0 0 0 ;
			}

#wbb-mensen .content-short{
			width : 410px ;
			margin-left : 270px ;
			min-height : 100px ;
			
			padding : 10px 0 30px 0 ;
			}

#wbb-mensen.functies .content-short, #wbb-mensen.functies .even .content-short{
			width : 100% ;height : auto ;min-height : 0px ;
			margin : 0 ;
			}

#wbb-mensen .even .empl-info{
			position : absolute ;
			right : 0px ;
			left : auto ;
			}

#wbb-mensen .even .content-short{
			margin-left : 0 ;
			}

#wbb-mensen .even .content-short a{
			margin-left : 0 ;
			float : left ;
			}

#wbb-mensen .content-short a{
			margin-left : 0 ;
			float : right;
			}

#wbb-mensen .empl-info li{
			display : block ;
			border-bottom : 1px solid #ccc ;
			text-align : right ;
			position : relative ;
			font-size : 11px ;
			line-height : 12px ;
			padding : 4px 4px 4px 70px ;
			width: 170px;
			}

#wbb-mensen .empl-info span{
			width : 70px ;
			position : absolute ;
			left : 4px ;
			top : 4px ;
			display : block ;
			text-align : left ;
			font-weight : bold ;
			}