/* @group • Essentials */

/* Brand Repubic CSS Framework
/* Template:CSS_FRAMEWORK_BASE*/

/* Author: Jurre-Jan Smit*/

/*2010*/

/*--------------------*/

/* @group Library */

@import "lib/reset.css";

@import "lib/typography.css";

@import "lib/forms.css";

@import "ui-lightness/jquery-ui-1.7.2.custom.css";

/* @end */

/* @end */

/* @group  ** instructies ** */

/*
	.wrapper
	Gaat om floatende elementen heen. X-browser compatibility!
*/

/*
	.col
	Zonder .col werken de substijlen die betrekking hebben op het frame niet. Dit om compatibiliteit met de rest van het framework te behouden.
*/

/*
	.single, .double, triple, full
	De breedte van de kolom (.col)
*/

/*	
	.fl-left
	Als je de kolommen naast elkaar wilt hebben dan zet je deze bij de kolom (.col) stijlen.
	Belangrijk: Combineer met .wrapper op de container
*/

/*	
	ul.reset
	Verwijder margin, padding en list-style van een ul, en alle onderliggende ul's
*/

/*	
	.center
	centreer de kolom. Voornamelijk geschikt icm. .full
*/

/*	
	.p## (bijv. p10)
	Voeg padding toe aan de .col
	Maak extra stijlen aan voor andere waardes!
*/

/* @end */

/* @group temp */

#logging
			{
			position : absolute ;
			left : 10px ;
			top : 10px ;
			width : 200px ;
			height : 80% ;
			opacity : 0.9 ;
			background : #ccc ;
			color : #000 ;
			font-family : courier ;
			font-size : 8px ;
			line-height : 10px ;
			z-index : 100 ;
			overflow : hidden ;
			box-shadow : 0px 0px 10px #333 ;
			-moz-box-shadow : 0px 0px 10x #333 ;
			-webkit-box-shadow : 0px 0px 10px #333 ;
			}

#logging ul li
			{
			font-family : courier ;
			text-transform : lowercase ;
			font-weight : bold ;
			font-size : 12px ;
			}

#logging ul ul
			{
			margin-left : 10px ;
			}

#logging ul li ul li
			{
			font-family : courier ;
			text-transform : lowercase ;
			font-weight : normal ;
			font-size : 10px ;
			border-bottom : 1px solid #999 ;
			}

#logging .nowrap
			{
			white-space : nowrap ;
			}

#logging ul li ul li.low
			{
			color : #666 ;
			}

/* @end */

/* @group frame */

html
			{
			margin : 0 ;
			padding : 0 ;
			background : #f2f2f2 ;
			overflow-y : scroll ;
			}

body
			{
			margin : 0 ;
			padding : 0 ;
			border-bottom : 40px solid #f2f2f2 ;
			font-family : Helvetica, Arial ;
			}

body a{
			color : #0168b3 ;
			text-decoration : underline ;
}

body a:hover{
	text-decoration: none;	
}

/* @end */

/* @group specific elements */


/* @group vakavonden demodagen tabel */

#vaddtbl{
	width : 100% ;
}

.vadd-tabel, .vadd-tabel tr, .vadd-tabel th, .vadd-tabel td {
	border: none;
	margin: 0;
	padding: 0;
}

table.vadd-tabel th span {
	display: block;
	margin-right: 1px;
	background-position: ;
	color: #666;
	padding: 10px;
	background: #eee;
	position: relative;
}

table.vadd-tabel td {
	padding: 0 10px;
}

table.vadd-tabel td.head {
	padding: 10px 0 2px 10px;
	
}

table.vadd-tabel a.insch {
	line-height : 12px ;
	font-size : 12px ;
	display : block ;
	margin : 0 0 10px 0 ;
	text-decoration : underline ;
	color : #333 ;
}

table.vadd-tabel td.head h4 {
	margin : 0 ;
	padding : 0 ;
	height : 12px ;
	font-size : 12px ;
	line-height : 12px ;
}

table.vadd-tabel td.line {
	border-bottom: 1px solid #ccc;
	height : 0 ;
}

table.vadd-tabel .fl-right .home-sprite.ruler-link{
	margin: 0;
}


.filters {
	background: #0168B3;
	padding: 15px 10px 10px 10px;
	height: 25px;
	border-bottom: 1px solid #ccc;
	line-height: 20px;
}

.filters .select-holder {
	position: relative;
	width: 140px;
	float: left;
	margin: 0 25px 0 0;
}

.filters .fil-title {
	float: left;
	width: 630px;
	height: 20px;
	padding: 0 0 5px 0;
}

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

.filters .filterResult {
	float: right;
	width: 140px;
	position: relative;
}

.filters .filterResult option {
	width: auto;
}


/* @end */

/* @group search-page */
#search-page{
			background : none ;
			}
#search-header{
			background : #d5e0e6 ;
			padding : 10px 15px ;
			}

#search-header h2{
			float : left ;
			margin : 0 ;
			height : 32px ;
			line-height : 32px ;
			font-size : 14px ;
			}

#search-header .search-submit{
			float : right ;
			width : 340px ;
			}
#search-header .search-submit input.searchfield_standard{
			width : 278px ;
			}

#search-page #main-results{
			width : 580px ;
			padding-right : 20px ;
			border-right : 1px solid #ccc ;
			min-height : 300px ;
			float : left ;
			}

#search-page #main-results .results{
			width : 580px ;
			margin: 0 0 25px 0;
			}

#search-page #sec-results{
			float : left ;
			width : 340px ;
			margin-left : 19px ;
			}

#search-page #sec-results h2{
			font-size : 14px;
			height : 18px ;
			padding: 20px 20px 20px 20px ;	
			margin : 0 ;
			margin-top : 10px ;
			}

#search-page #sec-results{
			position : relative ;
			top : 0px ;
			}

#search-page #sec-results .result-switch{
			display : block ;
			height : 20px ;
			line-height : 20px ;
			font-size : 13px ;
			font-weight : bold ;
			color : #999 ;
			padding : 10px 10px 10px 30px;
			position : relative ;
			left : -19px ;

			}

#search-page #sec-results .result-switch .amount{
			position: absolute;
			font-size : 10px ;
			font-weight : normal ;
			color : #666; ;
			right: 10px;
			top: 10px;
			}

#search-page #sec-results .result-switch:hover{
			color : #333 ;
			background : #eee ;
			
		}

#search-page #sec-results .result-switch.active{
			color : #0168B3 ;
			background : #fff ;
			border : 1px solid #ccc ;
			border-left : none ;
			position : relative ;
			left : -20px ;
			}

#search-page .results h2
			{
			font-size : 18px;
			height : 18px ;
			padding: 20px 20px 20px 20px ;
			border-bottom:1px solid #CCCCCC;
			}

#search-page .results .item
			{
			border-bottom : 1px solid #ccc;
			overflow : hidden ;
			margin : 0 0 15px 0 ;
			padding :  0 5px 5px 20px ;
			position: relative;
			}

#search-page .results a{
			color : #333;
			}

#search-page .results span{
			display : block ;
			}
			
#search-page .results span.image{
			float: left;
			width: 90px;
			max-height: 150px;
			overflow: hidden;
			padding: 0 0 0 10px;
			}			

#search-page .results span.product{
			float: left;
			width: 440px;
			padding: 0 0 20px 0;
			}	

#search-page .results span.title{
			
			font-size : 12px;
			color: #0168B3;
			font-weight : bold ;
			margin : 0 0 0 0 ;
			}
#search-page .results span.crumbs{
			white-space : nowrap ;
			font-size : 10px;
			color: #999;
			font-weight : normal ;
			cursor: pointer;
			}
#search-page .results span.crumbs a{
			color: #666;
			}			
#search-page .results span.description{
			font-size : 12px;
			color: #111;
			font-weight : normal ;
			margin : 10px 0 12px 0 ;
			}

#search-page .results span.link{
			white-space : nowrap ;
			font-size : 10px;
			color: #999;
			font-weight : normal ;
			}

#search-page .results span.content{
			background : none ;
			}

/* @group page-results */

 #search-page #main-results .page-results a{
			color : #333;
			}

#search-page #main-results .page-results span{
			display : block ;
			}

#search-page #main-results .page-results span.title{
			
			font-size : 14px;
			color: #0168B3;
			font-weight : bold ;
			margin : 0 0 0 0 ;
			}
#search-page #main-results .page-results span.crumbs{
			white-space : nowrap ;
			font-size : 10px;
			color: #999;
			font-weight : normal ;
			}
#search-page #main-results .page-results span.crumbs a{
			color: #666;
			}			
#search-page #main-results .page-results span.description{
			font-size : 14px;
			color: #111;
			font-weight : normal ;
			margin : 10px 0 12px 0 ;
			}

#search-page #main-results .page-results span.link{
			white-space : nowrap ;
			font-size : 10px;
			color: #999;
			font-weight : normal ;
			}
			
#search-page #main-results .page-results a.ruler-link{
			position: absolute;
			right: 5px;
			bottom: 5px;
			color: #fff;
			}			

#search-page #main-results .page-results span.content{
			background : none ;
			}

/* @end */

#search-page .results img {
			margin: 0 10px 0 0;
			float : left ;
			clear : left ;
			}
.orange{
			color : #f59213 ;			
			}

			
#search-page .page-results .search_nav{
	left: 30px;
	top: 70px;
	position: absolute;
	width: 540px;
	height: 18px;
	line-height: 18px;
	margin: 0;
	padding: 0;
}

#search-page .page-results .search_nav.top{
	top: 70px;
}

#search-page .page-results .search_nav.bottom{
position: relative;
top: 0;
margin: 0 0 20px 0;
}

#search-page .page-results .search_nav a{
			font-size : 12px; ;
			text-align : center ;
			padding:5px 10px 5px 10px;
			margin :0 5px 0 0px ;
			background:#eee;
			-moz-border-radius:2px;
			-webkit-border-radius:2px;
			}

#search-page #main-results .page-results .search_nav a.current{
			padding:5px 10px 5px 10px;
			background:#0168B3;
			color : #fff ;
			cursor : pointer ;
			}

#search-page .page-results .search_nav a.current:hover{
	background:#F59213;
	color : #fff ;	
}

#search-page .page-results .search_nav a:hover{
			background : #FAA21B ;
			color : #000 ;
			}

#search-page .page-results .search_nav .fwd{
			float : right  ;
			width : auto ;
			margin : 0;
			padding: 5px 10px 5px 10px;
			
			}

#search-page .page-results .search_nav .nrd{
			text-align : center ;			
			}

#search-page .page-results .search_nav .nrd a{
			display : inline-block ;
			}

#search-page .page-results .search_nav .rwnd{
			float : left ;
			width : auto ;
			margin : 0;
			padding: 5px 10px 5px 10px;
			}	

#search-page .page-results .noresults
			{
			margin : 10px 0 0 20px ;
			}
	
/* @end */
.home-sprite
			{
			background-image : url(../img/homesprite.png) ;
			}


#bm-home-med
			{
			width : 120px ;
			height : 136px ;
			background-position : -380px -260px ;
			position : absolute ;
			z-index : 100 ;
			right : 0px ;
			bottom : 0px ;
			}

.special div.medewerker
			{
			margin : 0 0 40px 0;
			padding : 0;
			line-height: 16px;
			font-size: 10px;
			}



.bouwmaat-medewerker-small
			{
			position : absolute ;
			right : 0px ;
			bottom : 0px ;
			}

#bouwmaat-pas-perspectief
			{
			position : relative ;
			left : 30px ;
			top : 15px ;
			}

#bouwmaat-toolbox
			{
			position : absolute ;
			right : -18px ;
			top : -25px ;
			}

div.dropshadow
			{
			width : 100% ;
			height : 5px ;
			}

div.dropshadow.ds-s
			{
			background-position : 0 -458px ;
			}

div.dropshadow.ds-n
			{
			background-position : 0 -452px ;
			}

div.dropshadow.ds-light
			{
			opacity : 0.8 ;
			}

#header-container
			{
			height : 90px ;
			background : #F2F2F2 ;
			margin-bottom : 10px ;
			}

#menu-container
			{
			height : 40px ;
			background : #4a92c6 ;
			margin-bottom : 0px ;
			position : relative ;
			z-index : 10 ;
			}

#menu-container .inner-container
			{
			height : 40px ;
			background : #0168b3 ;
			}

#brands-container
			{
			height : 88px ;
			background : #eff4f7 ;
			margin-bottom : 0px ;
			position : relative ;
			z-index : 10 ;
			}

#brands-container .inner-container
			{
			height : 88px ;
			background : #d9e4ec ;
			}

/* @group brands */

/* @group vacatures */

div#vac-overview{
	margin: 0 0 20px 0;
}

#vac-table, #vac-table tr, #vac-table th, #vac-overview #vac-table td
			{
			border:none ;
			margin : 0 ;
			padding : 0 ;
			}

#vac-overview #vac-table td
			{
			border:none ;
			border-bottom : 1px solid #ccc ;
			padding : 0 10px ;
			}

#vac-overview #vac-table tbody tr:hover td
			{
			border:none ;
			background : #f9f9f9 ;
			border-bottom : 1px dotted #999 ;
			}

#vac-overview #vac-table thead span
			{
			display : block ;
			margin-right : 1px ;
			background-position :;
			color : #666 ;
			padding : 10px ;
			background : #eee ;
			position : relative ;
			}


#vac-overview #vac-table thead a:hover
			{
			background-color :  ;
			background-position :;
			}

#vac-overview #vac-table thead img
			{
			position : absolute ;
			right : 10px ;
			margin : 4px 0px 0 0 ;
			background-position : -75px -371px;
			}

#vac-overview #vac-table thead th.headerSortDown img
			{
			background-position : -62px -371px;
			}

#vac-overview #vac-table thead th.headerSortUp img
			{
			
			background-position : -49px -371px;
			}
			
#vac-overview a
			{
			display : block ;
			padding : 10px 0 ;
			text-decoration : none ;
			color : #333;
			}

#vac-overview a.title
			{
			color : #0168b3 ;
			}


#vac-overview a:hover
			{
			}


#vac-specs h2 span
			{
			font-size : 11px ;
			color : #333 ;
			margin : 0 0 0 10px ;
			font-weight : normal ;
			}

#vac-specs p.vestiging
			{
			padding : 5px 0 ;
			margin : 0 ;
			color : #333 ;
			}

#vac-specs .vestiging .title
			{
			padding : 0 0 5px 0 ;
			color : #999 ;
			font-size : 10px ;
			}

#vac-specs .buttons
			{
			margin-bottom : 10px ;
			}

#vac-specs .buttons a.back
			{
			color : #666 ;
			font-size : 10px ;
			text-decoration : underline ;
			float : right ;
			}

#vac-specs .vestiging
			{
			font-size : 11px ;
			margin : 0 0 20px ;
			padding : 0 ;
			}

#vac-specs .vestiging span
			{
			font-weight : bold ;
			}

#vac-specs .buttons li
			{
			float : left ;
			padding-right : 5px ;
			}

/* @end */

#brands-container .bmlogo
			{
			position : absolute ;
			left : 31px ;
			width : 177px ;
			height : 56px ;
			background-position : 0px 0px ;
			background-repeat : no-repeat ;
			overflow : hidden ;
			margin : 17px auto ;
			text-indent : -999px ;
			}

/* @group homepage-logos */

#logocarousel
			{
			width : 692px ;
			border-color : #fff ;
			border-style : solid ;
			border-width : 0px 4px ;
			float : right ;
			height : 68px ;
			margin : 10px 20px 10px 10px ;
			background-position : 0 -97px ;
			position : relative ;
			z-index : 0 ;
			background-color : #fff ;
			}

#logocarousel h6
			{
			font-size : 10px ;
			line-height : :10px ;
			font-weight : normal ;
			color : #999999 ;
			position : absolute ;
			top : 5px ;
			left : 10px ;
			right : 10px ;
			text-align : center ;
			height : 6px ;
			overflow : visible ;
			border-bottom : 1px solid #CCCCCC ;
			}

#logocarousel h6 span
			{
			position : relative ;
			border-color : #FFFFFF ;
			border-style : solid ;
			border-width : 0px 10px ;
			background : #FFFFFF ;
			}

#logocarousel .mask
			{
			width : 700px ;
			height : 60px ;
			position : relative ;
			left : -4px ;
			top : 4px ;
			overflow : hidden ;
			background : ;
			}

#logocarousel .mask .rails
			{
			width : 900px ;
			position : absolute ;
			left : -104px ;
			height : 60px ;
			overflow : hidden ;
			}

#logocarousel .mask .rails span img
			{
			margin : 15px 20px ;
			}

#logocarousel .shadowleft
			{
			position : absolute ;
			z-index : 10 ;
			left : -4px ;
			height : 68px ;
			width : 4px ;
			background-position : -480px -27px ;
			}

#logocarousel .shadowright
			{
			position : absolute ;
			z-index : 10 ;
			right : -4px ;
			height : 68px ;
			width : 4px ;
			background-position : -496px -27px ;
			}

/* @end */

/* @end */

/* @group carousel */

/* @group carousel */

#p_homepage #carousel .controls
			{
			position : absolute ;
			top : 220px ;
			height : 48px ;
			width : 480px ;
			overflow : hidden ;
			background : #d9e4ec ;
			}

#p_homepage #carousel .controls ul
			{
			position : absolute ;
			height : 48px ;
			}

#p_homepage #carousel .controls li
			{
			float : left ;
			width : 150px ;
			height : 36px ;
			border : 1px solid #ccc ;
			margin : 5px ;
			}

#p_homepage #carousel .controls li.first-child
			{
			margin-right : 2px ;
			}

#p_homepage #carousel .controls li.last-child
			{
			margin-left : 2px ;
			margin-bottom : 10px ;
			}

#p_homepage #carousel .controls a
			{
			display : block ;
			width : 150px ;
			height : 36px ;
			color : #0168b3 ;
			background : #fff ;
			text-align : center ;
			font-size : 10px ;
			line-height : 11px ;
			font-weight : bold ;
			
			
			text-decoration : none ;
			opacity : 1 ;
			filter : alpha(opacity=100) ;
			
			}

#p_homepage #carousel .controls a.active
			{
	
			opacity : 0.2 ;
			filter : alpha(opacity=20) ;
			cursor : pointer ;
			}
			
/*
#p_homepage #carousel .controls a:hover
			{
			text-decoration : none ;
			opacity : 0.65 ;
			filter : alpha(opacity=65) ;
			}
*/

#p_homepage #carousel .controls a.active:hover
			{
			text-decoration : none ;
			opacity : 1 ;
			filter : alpha(opacity=100) ;
			}

/* @end */

#p_homepage #carousel .mask
			{
			height : 220px ;
			width : 480px ;
			position : relative ;
			overflow : hidden ;
			}

#p_homepage #carousel .mask .rails
			{
			height : 220px ;
			width : 1440px ;
			overflow : hidden ;
			position : relative ;
			}

#p_homepage #carousel .mask .rails div
			{
			float : left ;
			overflow : hidden ;
			width : 480px ;
			height : 220px
			}

/* @group cust-banner */

/* @group left */

#p_homepage #carousel div.mask div.rails div.cust-banner-right span.container{
			top : 20px ;
			left : 170px ;

			}

/* @end */

/* @group colors */

#p_homepage #carousel div.mask div.rails div.cust-banner.black span.container{
			background : #000 ;
			background-color : rgba(0,0,0,0.75) ;
			}

.ie#p_homepage #carousel div.mask div.rails div.cust-banner.black span.container{
		background-color: none;
		background-image : url(../img/black75.png);
	}

#p_homepage #carousel div.mask div.rails div.cust-banner.black span.container span.title{
			color : #000 ;
			background : #fff ;
			}

#p_homepage #carousel div.mask div.rails div.cust-banner.black span.container span.description{
			color : #fff ;
			}

/* @end */

#p_homepage #carousel .mask .rails div.cust-banner
			{
			position : relative ;
			}

#p_homepage #carousel .mask .rails div.cust-banner span.container
			{
			display : block ;
			position : relative ;
			top : 20px ;
			left : 20px ;
			padding : 10px 10px 30px 10px ;
			width : 270px ;
			background : #fff ;
			background-color : rgba(255,255,255,0.5) ;
			}

.ie#p_homepage #carousel .mask .rails div.cust-banner span.container
			{
			background-color: none;
			background : url(../img/white50.png);
			}

#p_homepage #carousel .mask .rails div.cust-banner span.title
			{
			display : block ;
			font-size : 11px ;
			font-weight : bold ;
			color : #fff ;
			background : #000 ;
			padding : 5px 10px ;
			}

#p_homepage #carousel .mask .rails div.cust-banner span.description
			{
			display : block ;
			font-size : 11px ;
			line-height : 16px ;
			height : 48px ;
			margin : 10px 0 10px 10px ;
			overflow : hidden ;
			white-space : normal ;
			text-overflow: ellipsis-word; 
			}

#p_homepage #carousel .mask .rails div.cust-banner span.description:after
			{
		   content: "...";
			}

#p_homepage #carousel .mask .rails div.cust-banner a.ruler-link
			{
			position : absolute ;
			bottom : -10px ;
			}

#p_homepage #carousel .mask .rails div.cust-banner span.price
			{
			background : #000 ;
			display : block ;
			position : absolute ;
			right : 10px ;
			bottom : -30px ;
			text-align : center ;
			}

#p_homepage #carousel .mask .rails div.cust-banner span.price span
			{
			color : #000 ;
			display : block ;
			background : #fff ;
			color : #000 ;
			font-size : 10px ;
			font-weight : bold ;
			margin : 2px ;
			}

#p_homepage #carousel .mask .rails div.cust-banner span.price span span
			{
			color : #FFF ;
			display : block ;
			background : #F00 ;
			border-top : 2px solid #000 ;
			font-size : 24px ;
			line-height : 24px ;
			height : 24px ;
			font-weight : normal ;
			margin : 0 ;
			padding : 7px 10px 3px ;
			text-shadow : 0px 2px 0px rgba(0,0,0,0.5) ;
			}

#p_homepage #carousel .mask .rails div.cust-banner a.click-overlay
			{
			width : 480px ;
			height : 220px ;
			position : absolute ;
			top : 0px ;
			left : 0px ;
			}

/* @end */

/* @end */

/* @group homepage-rows */

/* Specificly for homepage */

#primary-container
			{
			width : 100% ;
			height : 268px ;
			background : #F2F2F2 ;
			overflow : hidden ;
			}

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

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

#secondary-container .col .col
			{
			padding-top : 10px ;
			}

/* @end */

/* @group content */

#p_homepage p, #p_homepage ul
			{
			font-size : 10px ;
			}

div div ul.general-links
			{
			font-size : 10px ;
			line-height : 12px ;
			}

div div ul.general-links li
			{
			margin-top : 6px ;
			}

div div ul.general-links li a
			{
			color : #0168b3 ;
			text-decoration : underline ;
			}

div div ul.general-links li a:hover{
			text-decoration : none ;
			}

/*#p_homepage p a, .bread p a, .row a, .bread ul li a
			{
			color : #0168b3 ;
			text-decoration : underline ;
			}

#p_homepage p a:hover, .bread p a:hover, .row a:hover
			{
			text-decoration : none ;
			}


#p_homepage #storefinder
			{
			position : absolute ;
			bottom : 10px ;
			width : 200px ;
			height : 70px ;
			overflow : hidden ;
			}
*/

.content
			{
			background : url(../img/dropsh-right.png) left top repeat-y ;
			}

.row ul, .row p
			{
			font-size : 10px ;
			}

.section_anchor
			{
			height : 0px ;
			overflow : hidden ;
			float : left ;
			}

/* @group crumbs */

.content .crumbs
			{
			color : #999999 ;
			font-size : 10px ;
			text-transform : lowercase ;
			height : 20px ;
			display : block ;
			position : relative ;
			z-index : 5 ;
			}

.content .crumbs ul
			{
			float : right ;
			}

.content .crumbs li
			{
			float : left ;
			}

.content .crumbs span
			{
			color: #0168b3;
			width: 10px;
			padding: 0 0 0 3px;
			float: left;
			}

.content .crumbs li .arrow
			{
			background-position : 0px -359px ;
			margin : 0 3px ;
			}

.content .crumbs li.last-child
			{
			padding-right : 0px ;
			}

.content .crumbs li.last-child .arrow, .content .crumbs li.only-child .arrow
			{
			display : none ;
			}

.content .crumbs li a
			{
			color : #999 ;
			}

/* @end */

.bread p
			{
			line-height : 20px ;
			color : #333 ;
			margin : 0 0 20px 0 ;
			}

/* @group lists */

.bread ol, .bread ul
			{
			margin : 0 0 20px 20px ;
			padding : 0 0 0 0 ;
			overflow : visible ;
			list-style-position : outside ;
			}

.bread ul li
			{
			list-style : disc ;
			}

.bread li
			{
			display : list-item ;
			overflow : visible ;
			line-height : 18px ;
			margin : 0 0 6px 0px ;
			padding : 0px ;
			}

/* @group IE fix */

.ie7 .bread ol, .ie .bread ul
			{
			list-style-position : outside;
			margin : 0 ;
			padding : 0 0 0 20px;
			list-style-type: disc;
}

.ie7 .bread li
			{
			vertical-align : text-top ;
			list-style-type: disc;

			}



/* @end */



/* @end */

.bread p.intro
			{
			line-height : 20px ;
			font-weight : bold ;
			color : #00305e ;
			}

.col .bread.content h2
			{
			margin : 10px 0 20px ;
			clear : both ;
			}

.col .bread.content h3
			{
			margin : 20px 0 10px ;
			}



/* @e

nd */

/* @end */

/* @group generic-items */

.content .weather{
	border: 1px solid #ccc;
	width: 120px;
	float: left;
	margin: 0 0 0 15px;
	padding: 0 0 0 5px;
}

.content #file_info{
	padding: 0;
	margin: 0 0 0 140px;
}

/* Generic site-wide styles */

.fl-left
			{
			float : left ;
			}

.fl-right
			{
			float : right ;
			}

/* @group content */

/* @group special */

/* @group accordion */

#accordion
			{
			border : 0px solid #ccc ;
			border-width : 1px 0 ;
			margin : 20px 0 ;
			padding : 0 0 4px ;
			}

#accordion .loop .content
			{
			background : none ;
			}

#accordion .accordion_img
			{
			float : right ;
			
			}

#accordion .accordion_img img
			{
			
			}

#accordion .acc-header
			{
			display : inline ;
			float : left ;
			clear : both ;
			width : 440px ;
			height : 28px ;
			font-size : 14px ;
			line-height : 28px ;
			background : #80b3d9 ;
			color : #b0d0e7 ;
			margin : 4px 0 0 0 ;
			padding : 0 ;
			}

.triple #accordion .acc-header{
	width : 680px ;
}

#accordion .acc-header a
			{
			display : block ;
			float : none ;
			height : 28px ;
			font-size : 14px ;
			line-height : 30px ;
			background-color : #80b3d9 ;
			color : #b0d0e7 ;
			padding : 0px 10px ;
			background-position : 0 28px ;
			background-repeat : no-repeat ;
			}
			
#accordion .acc-header img.arrow-down
			{
			float : right ;
			height : 10px ;
			width : 10px ;
			margin : 9px 0 ;
			background-position : -9px -372px ;
			}

#accordion .acc-header-active img.arrow-down
			{
			display : none ;
			}

#accordion .acc-header a:hover
			{
			background-color : #6091b7 ;
			color : #dbf1f8 ;
			text-decoration : none ;
			}

#accordion .acc-header-active a, #accordion .acc-header-active a:hover
			{
			color : #fff ;
			cursor : default ;
			background-color : none ;
			background-position : 0 -480px ;
			background-repeat : repeat ;
			}

#accordion .acc-header a
			{
			color : #b0d0e7 ;
			}

#accordion .acc-header.acc-header-active a
			{
			color : #fff ;
			cursor : default ;
			background-color : none ;
			background-position : 0 -480px ;
			background-repeat : repeat ;
			}

#accordion .acc-content
			{
			display : inline ;
			float : left ;
			clear : both ;
			width : 420px ;
			padding-top : 20px ;
			padding-right : 10px ;
			padding-bottom : 20px ;
			padding-left : 10px ;
			background-image : url(../img/acc-grad.jpg) ;
			background-position : 0px 0px ;
			background-repeat : repeat-x ;
			overflow : hidden ;
			}

.triple #accordion .acc-content{
	width : 660px ;
}

#accordion .acc-content .content.limit
			{
			margin-right : 160px ;
			}

#accordion .acc-content a.acc-btn
			{
			display : block ;
			height : 23px ;
			float : right ;
			width : 110px ;
			line-height : 23px ;
			padding : 0 10px ;
			color : #fff ;
			font-weight : bold ;
			background-position : right -640px ;
			}

/* @end */

/* @group news module */

.news_item
			{
			position : relative ;
			margin : 0 0 10px 0 ;
			padding : 10px 20px 10px 20px ;
			color : #333333 ;
			background-color : #d2e4f1 ;
			}

.col .bread.content .news_item h3
			{
			font-size : 16px ;
			border-bottom : 1px solid #fff ;
			margin : 5px 0 10px 0 ;
			padding : 0 0 5px 0 ;
			}

.col .bread.content .news_item.full  h3
			{
			font-size : 16px ;
			border: none;
			margin : 5px 0 10px 0 ;
			padding : 0 0 5px 0 ;
			}



.col .bread.content .news_item h3 a
			{
			color : #0168b3 ;
			}

.news_item span.news_btn
			{
			position : absolute ;
			right : 10px ;
			bottom : 5px ;
			}

/* @end */

/* @group list module */

.list_item
			{
			width : 100% ;
			height : 200px ;
			background-color : #e1edf6 ;
			margin : 0 0 10px 0 ;
			padding : 0 ;
			position : relative ;
			}

.list_image
			{
			position : absolute ;
			width : 200px ;
			left : 20px ;
			top : 20px ;
			}

.list_image img
			{
			border : 1px solid #4a92c6 ;
			}

.list_content
			{
			margin : 0 0 0 200px ;
			padding : 15px 20px 20px 20px ;
			color : #333333 ;
			background-color : #d2e4f1 ;
			height : 165px ;
			}

.list_item .list_content h3.list_header
			{
			font-size : 16px ;
			border-bottom : 1px solid #fff ;
			margin : 0 0 10px 0 ;
			padding : 0 0 5px 0 ;
			display : block ;
			height : 16px ;
			position : relative ;
			}

.list_item .list_content h3.list_header span
			{
			color : #999 ;
			font-size : 10px ;
			font-weight : normal ;
			position : absolute ;
			right : 0px ;
			}

span.item_cards
			{
			background-color : #fff ;
			padding : 5px ;
			color : #0168B3 ;
			position : absolute ;
			right : 0px ;
			bottom : 0px ;
			}

/* @end */

#primary-container div.special
			{
			background : #d5e0e6 ;
			padding : 10px ;
			margin-bottom : 10px ;
			margin-top : 10px ;
			}

div.special
			{
			background : #e5f0f7 ;
			padding : 10px ;
			margin-bottom : 10px ;
			margin-top : 10px ;
			}

div.special#werkenbijwidget
			{
			background-position : -20px 0 ;
			background-repeat : no-repeat ;
			}


div.special .single-split
			{
			margin-bottom : 10px ;
			}

div.special .single-split
			{
			margin-bottom : 10px ;
			}

div.special .small
			{
			width : 85% ;
			
			}

div.special .single-split .splitcol
			{
			width : 50% ;
			float : left ;
			}

div.special .products a
			{
			display : block ;
			height : 16px ;
			margin-right : 5px ;
			line-height : 16px ;
			font-size : 10px ;
			font-weight : normal ;
			color : #333 ;
			border-bottom : 1px solid #b5bec4 ;
			text-decoration : none ;
			}

div.special.larger .products a
			{
			display : block ;
			height : 20px ;
			margin-right : 5px ;
			line-height : 20px ;
			font-size : 12px ;
			font-weight : normal ;
			color : #333 ;
			border-bottom : 1px solid #b5bec4 ;
			text-decoration : none ;
			}

/* #sidebar-left div.special .products li.last-child a
			{
			margin-right : -5px ;
			}*/

div.special ul a
			{
			display : block ;
			height : 18px ;
			margin-right : 5px ;
			line-height : 18px ;
			font-size : 10px ;
			color : #333 ;
			text-decoration : underline ;
			}

div.special ul.vestigingen a{
	display: inline;
	margin-right: 0px;
}

div.special ul li a:hover, div.special.larger ul li a:hover
			{
			color : #000 ;
			text-decoration : none ;
			border-color : #000 ;
			}

div.special ol.special-ol{
	font-size: 10px;
	padding: 0 25px 0 0 ;
	margin: 0 0 0 20px;
}

/* @end */

/* @end */

/* @group anchors */

.home-sprite.ruler-link, .ruler-link, .row .ruler-link, p .bread .ruler-link,  #p_homepage .bread .ruler-link, #p_content .bread .ruler-link
			{
			float : left ;
			clear : both ;
			white-space : nowrap ;
			margin-bottom : 4px ;
			padding : 4px 4px 4px 4px ;
			height : 10px ;
			font-size : 10px ;
			line-height : 10px ;
			font-weight : bold ;
			color : #ffffff ;
			background-position : bottom center ;
			text-transform : none ;
			text-decoration : none ;
			}

.ruler-link:hover, .row .ruler-link:hover, p .bread .ruler-link:hover,  #p_homepage .bread .ruler-link:hover, #p_content .bread .ruler-link:hover
			{
			text-decoration : none ;
			background-position : center -664px ;
			}


a .alt-ruler-link
			{
			white-space : nowrap ;
			margin-bottom : 4px ;
			padding : 3px 5px 4px 4px ;
			height : 10px ;
			font-size : 10px ;
			line-height : 10px ;
			font-weight : bold ;
			color : #ffffff ;
			background-position : bottom center ;
			text-transform :  ;
			text-decoration : none ;
			}

a:hover .alt-ruler-link
			{
			text-decoration : none ;
			background-position : center -664px ;
			}

#p_homepage #secondary-container .ruler-wrapper.stick-bottom
			{
			position : absolute ;
			margin-top : 10px ;
			bottom : 0px ;
			}

/* @end */

/* @group headers */

h2
			{
			color : #0168b3 ;
			font-size : 14px ;
			font-weight : bold ;
			line-height : 18px ;
			margin : 10px 0 0 0 ;
			}

#secondary-container h2
			{
			margin : 10px 0 10px 0 ;
			}

.col h2
			{
			margin : 10px 0 0 0 ;
			}

h3
			{
			color : #0168b3 ;
			font-size : 12px ;
			font-weight : bold ;
			line-height : 18px ;
			margin : 10px 0 ;
			}

h4
			{
			color : #0168b3 ;
			font-size : 12px ;
			font-weight : bold ;
			line-height : 18px ;
			margin : 10px 0 ;
			}

h5
			{
			color : #0168b3 ;
			font-size : 12px ;
			font-weight : normal ;
			line-height : 18px ;
			margin : 10px 0 0 0 ;
			}

/* @end */

/* @group tools */

ul.reset, ul.reset li, ul.reset ul
			{
			margin : 0 ;
			padding : 0 ;
			list-style : none ;
			}

/* @end */

/* @group rows */

#p_content .row
			{
			margin-bottom : 0px ;
			padding-bottom : 0px ;
			height : auto ;
			}

.full .single .row .inner-container
			{
			padding-bottom : 20px ;
			border-bottom : 1px solid #ccc ;
			}

/* @end */

/* @group columns */

.col
			{
			
			}

.col.center
			{
			margin : 0 auto ;
			}

.col.fl-left
			{
			float : left ;
			display : inline ;
			clear : none ;
			}

.rel
			{
			position : relative ;
			}

/* @group 0px padding */

.col.single
			{
			width : 240px ;
			}

.col.double
			{
			width : 480px ;
			}

.col.triple
			{
			width : 720px ;
			}

.col.full
			{
			width : 960px ;
			}

/* @end */

/* @group (10px) padding */

.p10
			{
			padding : 10px ;
			}

.col.p10.single
			{
			width : 220px ;
			}

.col.p10.double
			{
			width : 460px ;
			}

.col.p10.triple
			{
			width : 700px ;
			}

.col.p10.full
			{
			width : 940px ;
			}

/* @end */

/* @group (20px) padding */

.p20
			{
			padding : 10px 20px ;
			}

.col.p20.single
			{
			width : 200px ;
			}

.col.p20.double
			{
			width : 440px ;
			}

.col.p20.triple
			{
			width : 680px ;
			}

.col.p20.full
			{
			width : 920px ;
			}

/* @end */

.p20.b1
			{
			padding : 10px 19px ;
			}

/* @end */

#sidebar-left, #sidebar-right
			{
			margin-top : 20px ;
			padding-bottom : 20px ;
			}

/* @group formfields */

/* @group searchfields */

div.search-submit
			{
			width : 210px ;
			float : left ;
			margin : 0 0px ;
			position : relative ;
			height : 32px ;
			}

div.search-submit form fieldset
			{
			border : none ;
			margin : 0 ;
			padding : 0 ;
			}

div.search-submit.small
			{
			width : 190px ;
			}

input.searchfield_standard.default, #p_homepage input.searchfield_standard.default
			{
			color : #666 ;
			background-position : 0px -228px ;
			}

input.searchfield_standard
			{
			width : 138px ;
			height : 10px ;
			padding : 11px 30px 9px 10px ;
			line-height : 10px ;
			

/*text-transform : lowercase ;*/
			font-style : italic ;
			font-size : 10px ;
			color : #333 ;
			margin : 0px ;
			border : 0px solid #fff ;
			left : 0 ;
			background-position : 0px -197px ;
			outline : 0 ;
			}

#p_homepage input.searchfield_standard
			{
			position : absolute ;
			}

input.searchfield_standard.small
			{
			width : 118px ;
			}

input.searchsubmit_standard
			{
			text-indent : -999px ;
			line-height : 0px ;
			overflow : hidden ;
			color : #999 ;
			background-position : right -166px ;
			width : 32px ;
			height : 30px ;
			margin : 0px ;
			border : 0px solid #fff ;
			padding : 0px ;
			position : absolute ;
			right : 0 ;
			cursor : pointer ;
			z-index : 1 ;
			}

input.searchreset_standard
			{
			opacity : 0 ;
			filter : alpha(opacity=0) ;
			text-indent : -999px ;
			overflow : hidden ;
			color : #999 ;
			background-color : #fff ;
			background-position : -18px -368px ;
			width : 14px ;
			height : 14px ;
			margin : 7px 8px 9px 8px ;
			border : none ;
			padding : 0 ;
			position : absolute ;
			right : 32px ;
			z-index : 10 ;
			cursor : pointer ;
			}

input.searchreset_standard:hover
			{
			background-position : -30px -368px ;
			}

input.searchsubmit_standard:hover
			{
			background-position : -436px -166px ;
			}

.form input.invalid{
			border-color : red  ;
			}
			
.form div.dorpdowninvalid{
			border: 1px solid red;
			float: left;
			}
			
.form select.invalid{
			border: 1px solid red;
			}			

#p_form textarea.invalid{
			border: 1px solid red;
			}

#p_form .wrapper.invalid{
			border: 1px solid red;
			}
			
/* @end */

/* @group form */

/* @group general */
.form{
			position : relative ;
			}
.form span.instructions{
			position : absolute ;
			right : 0px ;
			top : -20px ;
			font-size : 10px ;
			color : #333 ;
			}

.form span.friend-instructions{
			position : absolute ;
			left : 10px ;
			bottom : 10px ;
			font-size : 10px ;
			color : #333 ;
			}

#error-output{
			display: none;
			position: fixed;
			left : 50% ;
			margin-left : -480px ;
			padding : 10px ;
			top: 10px;
			height: auto;
			width: 936px;
			background-color: rgba(255,255,255, 0.9);
			border : 2px solid #4A92C6 ;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.5);
			z-index: 20000;
			
}

.ie6 #error-output{
			display: none;
			position: absolute;
			padding : 10px ;
			top: 100px;
			height : 100px ;
			width: 936px;
			background-color: rgba(255,255,255, 0.9);
			border : 2px solid #4A92C6 ;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.5);
			z-index: 20000;
			
}

.ie #error-output{
			background-color: #fff;			
}

.form #ajaxreplace #error-output{
			margin: 0 0 15px 0;
}

.form .clear
			{
			clear : both ;
			}

.form label, .form .fakelabel
			{
			float : left ;
			display : block ;
			margin : 0 0 8px 0 ;
			height : auto ;
			line-height : 22px ;
			}

.form.large-form
			{
			background : #eee ;
			padding : 20px ;
			margin-bottom : 20px ;
			}

.form fieldset
			{
			border : none ;
			margin : 0 ;
			padding : 0px ;
			}

.form .hr
			{
			border : none ;
			margin : 20px 0 ;
			padding : 0px ;
			border-bottom : 1px dashed #000; ;
			}

div.form label span, div.form label input, div.form .fakelabel span
			{
			float : left ;
			height : auto ;
			font-size : 10px ;
			line-height : 10px ;
			padding-top : 5px ;
			padding-bottom : 5px ;
			}

div.form  p
			{
			font-size : 10px ;
			line-height : 10px ;
			padding : 5px ;
			margin: 0 0 10px 0;
			width: 400px;
			}

div.form p .add-houder
			{
			display : block ;
			width : 100% ;
			text-align : center ;
			text-decoration : none ;
			font-weight : bold ;
			}

div.form p .add-houder:hover
			{
			color : #F59213 ;
			}


.form .fakelabel a.direct-link{
	color: #0168B3;
	text-decoration: underline;
}

/* @end */

/* @group small */


/* @group general */
#preview-email{
			position : absolute	 ;
			top: 10px ;
			left: 50%;
			margin-left : -450px ;
			width : 900px ;
			height : 600px ;
			background : #fff ;
			padding : 10px ;
			background : #eeeeee ;
			-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.5);
			z-index: 500;
			}

.ie #preview-email{
			background-color: #eeeeee ;
			border :  1px solid #ccc ;
			}

#preview-email .frame_output{
	padding: 20px;
	border : 1px solid #ccc ;
	background : #fff ;
	margin: 0 10px 0 10px;
}

#preview-email #insertframe{
			border : 1px solid #ccc ;
			min-height : 100px ;
			background : #fff ;
			}

#preview-email #insertframe frame{
			display : block	 ;
			width : 100% ;
			height : 100%;
			overflow : visible ;
			}

#preview-email #close-preview{
			position : absolute ;
			right:10px;
			top : 10px ;
			}

#preview-email #close-preview img{
			background-position : -18px -368px ;
			}

#preview-email #close-preview:hover img{
			background-position : -30px -368px ;
			}
#forward-vac-form{
			position : absolute ;
			bottom : 50px ;
			left : 290px ;
			z-index:499
			}

#forward-vac-form fieldset{
			}

#forward-vac-form #close-popup{
			position : absolute ;
			right:10px;
			top : 10px ;
			}

#forward-vac-form #close-popup img{
			background-position : -18px -368px ;
			}

#forward-vac-form #close-popup:hover img{
			background-position : -30px -368px ;
			}
.small-form{
			width : 300px ;
			padding : 10px ;
			background : #eee ;
			}

.small-form.popup{
			box-shadow : 0px 0px 5px #333 ;
			-moz-box-shadow : 0px 0px 5px #333 ;
			-webkit-box-shadow : 0px 0px 5px #333 ;
			}

.ie .small-form.popup{
			border :  1px solid #ccc ;
			}
.ie .small-form.popup{
			border : 1px solid #999 ;
			
			}

.small-form label span
			{
			width : 100px ;
			margin : 0 20px 0 0 ;
			padding : 0 5px ;
			border-top : 1px solid #ccc ;
			color : #666 ;
			font-weight : normal ;
			font-size : 10px ;
			}

.small-form input
			{
			width : 158px ;
			border : 1px solid #999 ;
			padding : 0 5px ;
			outline : 0 ;
			}

.small-form legend{
	color : #0168B3 ;
	display : block ;
	clear : both ;
	width : 100% ;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 0 5px;
	margin: 0 0 20px 0;	
	
}

.small-form select
			{
			width : 168px ;
			background : #fff ;
			border : 1px solid #999 ;
			padding : 1px ;
			outline : 0 ;
			}

.small-form label input.default
			{
			color : #999 ;
			}

/* @end */

/* @group fakelabel */

/* Checkboxes, Multiple Fields, Radio Buttons*/

.small-form .required
			{
			position : absolute ;
			}

.small-form .fakelabel span
			{
			width : 100px ;
			margin : 0 20px 0 0 ;
			padding : 0 5px ;
			border-top : 1px solid #ccc ;
			color : #666 ;
			font-weight : normal ;
			font-size : 10px ;
			height : 10px ;
			}

.small-form .fakelabel div
			{
			float : left ;
			width : 208px ;
			padding : 0 5px ;
			}

.small-form .fakelabel div label
			{
			width : auto ;
			float : left ;
			}

.small-form .fakelabel div label span
			{
			float : left ;
			width : auto ;
			margin : 0 10px 0 0 ;
			border-top : none ;
			color : #333 ;
			font-weight : normal ;
			font-size : 10px ;
			}

.small-form .fakelabel.radio-check div label input
			{
			float : left ;
			width : 15px ;
			height : 15px ;
			margin : 4px 0 0 0 ;
			border: none;
			}

.small-form .fakelabel.radio-check div label span
			{
			height : 12px ;
			line-height : 12px ;
			margin : 8px 10px 0 4px ;
			padding : 0 ;
			}

.small-form div.zip div.wrapper
			{
			float : left ;
			width : 168px ;
			padding : 0 ;
			}

.small-form div.zip label
			{
			float : left ;
			width : 100px ;
			margin : 0 20px 0 0 ;
			padding : 5px ;
			border-top : 1px solid #ccc ;
			color : #666 ;
			font-weight : normal ;
			font-size : 10px ;
			}

.small-form div.zip input.zipnum
			{
			float : left ;
			width : 40px ;
			margin-right : 5px ;
			}

.small-form div.zip input.ziplet
			{
			float : left ;
			width : 30px ;
			}

.small-form div.zip input.ziplet, .small-form div.zip input.zipnum
			{
			padding : 5px ;
			height : 10px ;
			line-height : 10px ;
			}
			
.small-form div.zip input.pasnr1
			{
			float : left ;
			width : 20px ;
			margin-right : 5px ;
			}

.small-form div.zip input.pasnr2
			{
			float : left ;
			width : 70px ;
			margin-right : 5px ;
			}
			
.small-form div.zip input.pasnr3
			{
			float : left ;
			width : 30px ;
			}

.small-form div.zip input.pasnr1, .small-form div.zip input.pasnr2, .small-form div.zip input.pasnr3
			{
			padding : 5px ;
			height : 10px ;
			line-height : 10px ;
			}	
			
.small-form div.zip input.klnr1
			{
			float : left ;
			width : 20px ;
			margin-right : 5px ;
			}

.small-form div.zip input.klnr2
			{
			float : left ;
			width : 70px ;
			margin-right : 5px ;
			}

.small-form div.zip input.klnr1, .small-form div.zip input.klnr2
			{
			padding : 5px ;
			height : 10px ;
			line-height : 10px ;
			}				
					

.small-form .textarea
			{
			height : auto ;
			width : 100% ;
			}

.small-form .textarea span
			{
			display : block ;
			float : none ;
			width : auto ;
			margin : 0 0 4px 0 ;
			}

.small-form .textarea textarea
			{
			margin : 0 ;
			padding : 0 ;
			display : block ;
			float : none ;
			width : 100% ;
			height : 100px ;
			font-size : 10px ;
			}

form div.small-form p
			{
			color : #333 ;
			width :290px ;
			line-height : 16px ;
			background : #fcfcfc ;
			}

#form_content .small-form p a
			{
			color : #0168B3 ;
			}
			

.small-form .submit
			{
			margin : 10px 0 0 0 ;
			background : #f59213 ;
			border : none ;
			height : 24px ;
			padding : 0 10px ;
			float : right ;
			font-size : 12px ;
			font-weight : bold ;
			color : #fff ;
			width : auto ;
			}

.fakesubmit
			{
			margin : 10px 0 0 0 ;
			background : #f59213 ;
			border : none ;
			height : 24px ;
			padding : 0 10px ;
			float : right ;
			font-size : 12px ;
			font-weight : bold ;
			color : #fff ;
			width : auto ;
			}

.small-form .reset
			{
			background : none ;
			color : #999 ;
			text-decoration : underline ;
			font-size : 10px ;
			border : none ;
			width : auto ;
			margin : 0 ;
			padding : 0 ;
			cursor : pointer ;
			}

/* @end */
/* @end */

/* @group large */

/* @group general */

#form_content .large-form{
	width: 400px;
	padding: 20px;
}

.large-form label span
			{
			width : 150px ;
			margin : 0 20px 0 0 ;
			padding : 0 5px ;
			border-top : 1px solid #ccc ;
			color : #666 ;
			font-weight : normal ;
			font-size : 10px ;
			}

.large-form input
			{
			width : 208px ;
			border : 1px solid #999 ;
			padding : 0 5px ;
			outline : 0 ;
			}

.large-form legend
			{
			color : #0168B3 ;
			display : block ;
			clear : both ;
			width : 100% ;
			font-size: 14px;
			font-weight: bold;
			padding: 0 0 0 5px;
			margin: 0 0 20px 0;	
			}

.large-form select
			{
			width : 218px ;
			background : #fff ;
			border : 1px solid #999 ;
			padding : 1px ;
			outline : 0 ;
			}

.large-form label input.default
			{
			color : #999 ;
			}

/* @end */

/* @group fakelabel */

/* Checkboxes, Multiple Fields, Radio Buttons*/

.large-form .required
			{
			position : absolute ;
			}

.large-form .fakelabel span
			{
			width : 150px ;
			margin : 0 20px 0 0 ;
			padding : 0 5px ;
			border-top : 1px solid #ccc ;
			color : #666 ;
			font-weight : normal ;
			font-size : 10px ;
			height : 10px ;
			}

.large-form .fakelabel div
			{
			float : left ;
			width : 208px ;
			padding : 0 5px ;
			}

.large-form .fakelabel div label
			{
			width : auto ;
			float : left ;
			}

.large-form .fakelabel div label span
			{
			float : left ;
			width : auto ;
			margin : 0 10px 0 0 ;
			border-top : none ;
			color : #333 ;
			font-weight : normal ;
			font-size : 10px ;
			}

.large-form .fakelabel.radio-check div label input
			{
			float : left ;
			width : 15px ;
			height : 15px ;
			margin : 4px 0 0 0 ;
			border: none;
			}

.large-form .fakelabel.radio-check div label span
			{
			height : 12px ;
			line-height : 12px ;
			margin : 8px 10px 0 4px ;
			padding : 0 ;
			}

.large-form div.zip div.wrapper
			{
			float : left ;
			width : 218px ;
			padding : 0 ;
			}

.large-form div.zip label
			{
			float : left ;
			width : 150px ;
			margin : 0 20px 0 0 ;
			padding : 5px ;
			border-top : 1px solid #ccc ;
			color : #666 ;
			font-weight : normal ;
			font-size : 10px ;
			}

.large-form div.zip input.zipnum
			{
			float : left ;
			width : 40px ;
			margin-right : 5px ;
			}

.large-form div.zip input.ziplet
			{
			float : left ;
			width : 30px ;
			}

.large-form div.zip input.ziplet, .large-form div.zip input.zipnum
			{
			padding : 5px ;
			height : 10px ;
			line-height : 10px ;
			}
			
.large-form div.zip input.pasnr1
			{
			float : left ;
			width : 20px ;
			margin-right : 5px ;
			}

.large-form div.zip input.pasnr2
			{
			float : left ;
			width : 70px ;
			margin-right : 5px ;
			}
			
.large-form div.zip input.pasnr3
			{
			float : left ;
			width : 30px ;
			}

.large-form div.zip input.pasnr1, .large-form div.zip input.pasnr2, .large-form div.zip input.pasnr3
			{
			padding : 5px ;
			height : 10px ;
			line-height : 10px ;
			}	
			
.large-form div.zip input.klnr1
			{
			float : left ;
			width : 20px ;
			margin-right : 5px ;
			}

.large-form div.zip input.klnr2
			{
			float : left ;
			width : 70px ;
			margin-right : 5px ;
			}

.large-form div.zip input.klnr1, .large-form div.zip input.klnr2
			{
			padding : 5px ;
			height : 10px ;
			line-height : 10px ;
			}				
					

.large-form .textarea
			{
			height : auto ;
			width : 100% ;
			}

.large-form .textarea span
			{
			display : block ;
			float : none ;
			width : auto ;
			margin : 0 0 4px 0 ;
			}

.large-form .textarea textarea
			{
			margin : 0 ;
			padding : 0 ;
			display : block ;
			float : none ;
			width : 100% ;
			height : 100px ;
			font-size : 10px ;
			}

#form_content .large-form p
			{
	color : #333 ;
	line-height : 16px ;
	width : 390px ;
	background : #fcfcfc ;
	float: left;
			}

#form_content .large-form p a
	{
		color : #0168B3 ;

	}
			

.large-form .submit
			{
			margin : 10px 0 0 0 ;
			background : #f59213 ;
			border : none ;
			height : 24px ;
			padding : 0 10px ;
			float : right ;
			font-size : 12px ;
			font-weight : bold ;
			color : #fff ;
			width : auto ;
			cursor: pointer;
			}

.large-form .reset
			{
			background : none ;
			color : #999 ;
			text-decoration : underline ;
			font-size : 10px ;
			border : none ;
			width : auto ;
			margin : 0 ;
			padding : 0 ;
			cursor : pointer ;
			}

/* @end */

/* @end */

/* @end */

/* @end */

/* @end */

/* @group toolbox-menu */
#menu-toolbox-set{
			position : absolute ;
			right : 20px ;
			top : 0px ;
			}

#menu-toolbox-set a{
		
			display : block ;
			color : #fff ;
			padding : 0 8px ;
			margin : 2px 2px 0 2px ;
			line-height : 38px ;
			height : 38px ;
			font-size : 11px ;
			text-transform : uppercase ;
			font-weight : bold ;
			background : #0168b3 ;
			}
			
#menu-toolbox-set a.toolbox_cat{
		
			display : inline;
			color : #333333 ;
			padding : 0;
			margin :10px 10px 10px 0;
			line-height : 18px ;
			font-size : 12px ;
			text-transform :none;
			font-weight : bold ;
			background : none ;
			}



#menu-toolbox-set.hover a{
			color : #0168b3 ;
			text-decoration : none ;
			}

#menu-toolbox-set .sub{			
			display : none ;
			position : absolute ;
			right : 0px ;
			padding-left : 12px ;
			background : #fff ;
			zoom : 1 ;
			white-space : nowrap ;
			overflow : visible ;
			width : 660px ;
			background : transparent url(../img/submenu3.png) left bottom no-repeat ;

			}

#menu-toolbox-set .subwrapper{		
			background : url(../img/submenu2.png) right bottom ;
			padding : 5px 10px 33px 0px ;
			padding-left : 170px ;
			width : 490px ;
			
			}

#menu-toolbox-set .sub .col{			
			width : 150px ;
			margin-right : 10px ;			
			position : relative ;
			display : block ;
			float : left ;
			clear : none ;
			}

#menu-toolbox-set .sub .col h3{	
			margin : 10px ;
			color : #333 ;
			}

#menu-toolbox-set .sub .quicklinks h3{	
			margin : 10px ;
			color : #fff ;
			}

#menu-toolbox-set .sub .quicklinks a{	
			color : #fff ;
			}

#menu-toolbox-set .sub .quicklinks{		
			position : absolute ;
			left : 16px ;
			margin :  ;
			background : #4a92c6 ;
			width : 150px ;
			top : 5px ;
			bottom : 15px ;
			padding : 0 5px ;
			}

#menu-toolbox-set .sub ul li a{	
			float : none ;
			margin : 0 2px 0 0 ;
			padding : 2px 0 2px 10px ;
			display : block ;
			height : auto ;
			font-size : 11px ;
			line-height : 14px ;
			text-transform : none ;
			font-weight : normal ;
			color : #333 ;
			border-bottom : 1px solid #ccc ;
			background : none ;
			}

#menu-toolbox-set .sub ul li a:hover{	
			color : #f59213 ;
			}

#menu-toolbox-set .sub .quicklinks li a{	
			border-bottom : 1px solid #6ea8d1 ;
			}

#menu-toolbox-set ul{
			}
/* @end */
/* @group menu */

#menu-primary-set
			{
			width : 940px ;
			padding : 0 10px ;
			}

.menu-prim-dd li
			{
			float : left ;
			position : relative ;
			}

.menu-prim-dd li a
			{
			display : block ;
			color : #fff ;
			padding : 0 8px ;
			margin : 2px 2px 0 2px ;
			line-height : 38px ;
			height : 38px ;
			font-size : 11px ;
			text-transform : uppercase ;
			font-weight : bold ;
			background : #0168b3 ;
			text-decoration: none;
			}

.menu-prim-dd li.hover a
			{
			color : #0168b3 ;
			text-decoration : none ;
			}

.menu-prim-dd li.hover .sub a
			{
			background : none ;
			color : none ;
			}

.menu-prim-dd .sub a:hover
			{
			background : none ;
			color : #f59213 ;
			text-decoration : none ;
			}

/* @group submenu */

.menu-prim-dd li .sub
			{
			display : none ;
			position : absolute ;
			left : -10px ;
			padding-left : 12px ;
			background : transparent url(../img/submenu3.png) left bottom no-repeat ;
			zoom : 1 ;
			white-space : nowrap ;
			overflow : visible ;
			}

.menu-prim-dd li .sub ul
			{
			display : block ;
			width : 100% ;
			padding : 5px 10px 13px 0px ;
			background : url(../img/submenu2.png) right bottom ;
			zoom : 1 ;
			}

.menu-prim-dd li .sub ul li
			{
			float : none ;
			margin : 0 ;
			padding : 0 ;
			height : auto ;
			line-height : auto ;
			font-size : auto ;
			display : block ;
			}

.menu-prim-dd li .sub ul li a
			{
			float : none ;
			margin : 0 2px 0 0 ;
			padding : 2px 0 2px 10px ;
			display : block ;
			height : auto ;
			font-size : 11px ;
			line-height : 14px ;
			text-transform : none ;
			font-weight : normal ;
			color : #333 ;
			border-bottom : 1px solid #ccc ;
			background : none ;
			}

.menu-prim-dd li .sub ul li.last-child a
			{
			border-bottom : none ;
			}

/* @end */

/* @group snelkeuze */

#menu-dropdown-set
			{
			width : 130px ;
			}

#menu-dropdown-set img.arrow-down
			{
			position : relative ;
			top : 1px ;
			background-position : -9px -372px ;
			}

#menu-dropdown-set .hover img.arrow-down
			{
			background-position : 1px -372px ;
			background-repeat : no-repeat ;
			}

#menu-dropdown-set li.parent
			{
			float : right ;
			position : relative ;
			}

/* @end */

/* @end */

/* @end */

/* @group footer */

#footer{
			padding : 30px 0 ;
			}
#footer div div{
			position : relative ;
			border : 1px solid #eee ;
			border-width : 0 0 1px 0 ;
			padding : 10px 0 ;
			min-height : 15px ;
			}

#footer div div.odd{
			background : #f6f6f6 ;
			}

#footer div div h4{
			position : absolute ;			
			top : 10px ;
			left : 10px;
			margin : 0 ;
			padding : 0 ;
			}

#footer div div h4 a{
			color : #0168b3 ;
			text-decoration: none;
			}

#footer ul{					
			margin : 0px 0px 0px 180px ;
			padding : 0px ;
			list-style : none ;
			height :  ;
			}

#footer ul li{
			margin : 0 ;
			padding : 0 ;
			float : left ;
			margin-right : 20px	 ;
			
			}

#footer ul li a{
			margin-right : 5px ;
			color : #aaa ;
			white-space : nowrap ;
			text-overflow : ellipsis;
			font-size 	: 11px ;
			line-height : 11px ;
			height		: 11px ;
			}

/* @end */

/* @group header */

/* @group search screen */

/* @group resultwindow */

#main-instant-search #instant-results-window
			{
			display : none ;
			}

#main-instant-search div.search-submit
			{
			float : right ;
			margin : 0 10px ;
			}

#main-instant-search.open #instant-results-window
			{
			display : block ;
			position : relative ;
			margin-top : 50px ;
			z-index : 200 ;
			}

#main-instant-search #instant-results-window .results
			{
			background : #fff ;
			overflow : hidden ;
			}

#main-instant-search #instant-results-window h2
			{
			padding : 0 0 0 10px ;
			}

#main-instant-search #instant-results-window h4
			{
			font-size : 11px ;
			line-height : 24px ;
			height : 24px ;
			text-transform : uppercase ;
			margin : 8px 0 2px 0 ;
			padding : 0 0 0 10px ;
			background : #f2f2f2 ;
			border : 0px solid #d9d9d9 ;
			border-width : 1px 0px ;
			color : #f59213 ;
			}

#main-instant-search #instant-results-window ul
			{
			margin : 0 ;
			padding : 0 ;
			}

#main-instant-search #instant-results-window ul li
			{
			
			}

#main-instant-search #instant-results-window ul a
			{
			display : block ;
			padding : 4px 10px ;
			font-size : 10px ;
			line-height : 12px ;
			height : 40px ;
			overflow : hidden ;
			color : #333 ;
			text-decoration : none ;
			cursor : pointer ;
			}

#main-instant-search #instant-results-window ul a:hover
			{
			text-decoration : none ;
			background : #e5f0f7 ;
			}

#main-instant-search #instant-results-window ul span
			{
			display : block ;
			color : #666 ;
			font-size : 10px ;
			line-height : 12px ;
			}

#main-instant-search #instant-results-window ul span.highlight
			{
			display : inline ;
			font-weight : bold ;
			color : #000 ;
			border-bottom : 1px dashed #0168B3 ;
			background : none ;
			}

#main-instant-search #instant-results-window ul span.title
			{
			display : block ;
			color : #000 ;
			font-size : 11px ;
			margin-bottom : 4px ;
			white-space : nowrap ;
			overflow : hidden ;
			}

#main-instant-search #instant-results-window ul span.description
			{
			line-height : 12px ;
			height : 24px ;
			overflow : hidden ;
			}

#main-instant-search #instant-results-window ul img
			{
			float : left ;
			margin-right : 10px ;
			}

#main-instant-search #instant-results-window .noresults
			{
			margin : 10px ;
			}

/* @end */

#main-instant-search
			{
			position : absolute ;
			padding : 10px 0px 0 0 ;
			right : 5px ;
			width : 230px ;
			top : 35px ;
			z-index : 100 ;
			background : none ;
			box-shadow : none ;
			-moz-box-shadow : none ;
			-webkit-box-shadow : none ;
			}

#main-instant-search.open
			{
			width : 260px ;			}

.ie7 #main-instant-search.open
			{
			width : 260px ;
			
			border : 1px solid #666 ;
			}

#main-instant-search .ruler-link
			{
			margin : 5px 0px 0 10px;
			}

#main-instant-search.open
			{
			box-shadow : 0px 0px 5px #333 ;
			-moz-box-shadow : 0px 0px 5px #333 ;
			-webkit-box-shadow : 0px 0px 5px #333 ;
			background : #bcc8d1 ;
			overflow : hidden ;
			padding-bottom : 5px ;
			}

#main-instant-search.open input.searchfield_standard
			{
			width : 168px ;
			}

#main-instant-search.open div.search-submit
			{
			width : 240px ;
			}

/* @end */

/* @group information */

#main-search
			{
			z-index : 10000 ;
			

/*IE7 BUG*/
			}

#main-search .inner-container
			{
			margin : 15px ;
			height : 60px ;
			}

#main-search .inner-container ul.information
			{
			font-size : 10px ;
			color : #999 ;
			text-transform : lowercase ;
			}

#main-search .inner-container ul.information li
			{
			float : left ;
			width : 50%
			}

#main-search .inner-container ul.information li a
			{
			color : #999 ;
			}

#main-search .inner-container ul.information li img
			{
			margin : 0 ;
			}

#main-search .inner-container ul.information li img.home-sprite
			{
			background-position : -24px -384px ;
			}

#main-search .inner-container ul.information li img.weather
			{
			background-position : -0px -384px ;
			}

/* @end */

/* @group general links */

#general-links
			{
			height : 90px ;
			}

#general-links .inner-container
			{
			height : 60px ;
			padding : 15px ;
			text-align : right ;
			border-right : 1px solid #ccc ;
			color : #999 ;
			font-size : 10px ;
			line-height : 14px ;
			text-transform : lowercase ;
			}

#general-links .inner-container a
			{
			color : #999 ;
			}

ul.general-links
			{
			margin : 0 0 10px 0 ;
			}

/* @end */

/* @group logo */

h1#logo
			{
			width : 177px ;
			height : 56px ;
			background-position : 0px 0px ;
			background-repeat : no-repeat ;
			overflow : hidden ;
			margin : 17px auto ;
			text-indent : -999px ;
			}

h1#logo a
			{
			display : block ;
			width : 100% ;
			height : 100% ;
			}

/* @end */

/* @end */

.widget_dordrecht {
    background: url("../img/icon_dordrecht.png") no-repeat scroll right top transparent;
}

/* @group cms styles */

img.space_left
			{
			margin : 0 0 0 10px ;
			}

img.space_right
			{
			margin : 0 10px 0 0 ;
			}

img.align-right
			{
			float : right ;
			clear : right ;
			margin : 0 0 10px 10px ;
			}

img.align-left
			{
			float : left ;
			clear : left ;
			margin : 0 10px 10px 0 ;
			}

/* @end */


#header-container{
	position: relative;
}

#anmLogo{
	position: absolute;
	width: 260px;
	height: 90px;
	left: 20px;
	top: 5px;
}


#hulp_widget{
			width : 200px ;
			background : #eee ;
			padding : 20px ;
			position : absolute ;
			right : -20px ;
			top : 90px ;
			font-size : 10px ;
			line-height : 12px ;
			
			}

#hulp_widget h2#hulp_womanbg{
			margin : 0 ;
			position : absolute ;
			right : 0px;
			top : -140px ;
			background : url(../img/bm_hulp_widget_vrouw.jpg) ;
			width : 200px;
			padding : 120px 20px 0 40px  ;
			height : 20px;
			}

#hulp_widget p{
			line-height : 14px ;
			
			}

#hulp_widget h3{
			margin : 0 ;
			font-size : 10px ;		
			}