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

/*
font-family:'Baskerville W01 Regular 705699';
font-family:'Baskerville W01 Medium 705693';
font-family:'Helvetica W01 Roman';
font-family:'Helvetica W01 Bold';

*/

* {
	outline:0;
}
body, html, h1, h2, h3, h4, p, ul, ol, li, img{
	margin:0;
	padding:0;
	border:0;
}
body{
    font-family:'Helvetica W01 Roman', Arial;
    font-style: normal;
    font-weight: normal;
	font-size:11px;
	color:#6B6663;
    background: url("/img/backgr_light.jpg") repeat-y #c1c1c1 center;
}
#background{
    position: absolute;
    width: 100%;
    height: 686px;
	top:0;
	left:0;
	background:url(/img/backgr_dark.jpg) repeat-y center #b0b0b0;
	z-index:-1;
}
::selection {
	background: #f2f2f2; /* Safari */
}
::-moz-selection {
	background: #f2f2f2; /* Firefox */
}
li{
	vertical-align: text-top;
}
.clear_left{
	clear:left;
}
.clear_both{
	clear:both;
    width: 100%;
}
.right{
	float:right;
}
.left{
	float:left;
}
.paddingNul{
	padding-bottom:0;	
}
.disableSelection{
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.error{
	color:red;
}
h1{
	font-size:18px;
	color:#7A7A7A;
	line-height:20px;
	float:left;
	display:block;
	width:100%;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:30px;
    font-family:'Baskerville W01 Regular 705699';
    font-style: normal;
}
h2{
	font-size:18px;
	color:#7A7A7A;
	line-height:20px;
	float:left;
	display:block;
	width:100%;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:30px;
    font-family:'Baskerville W01 Regular 705699';
    font-style: normal;
}
h2 a{ color:#0063BD; }
h1 strong, h2 strong, h2 a strong{ font-style: normal; font-weight: normal; font-family:'Baskerville W01 Medium 705693';}
h1.blauw, h2.blauw, p.blauw{
	color:#0063bd;
}
p{
	line-height:20px;	
	font-size:12px;
	padding-bottom:20px;
	float:left;
	width:100%;
}
a{
	text-decoration:none;
	color:#2D2B29;
}
a:hover{
	text-decoration:none;
}
strong{ font-style: normal; font-weight: normal; font-family:'Helvetica W01 Bold';}
#mainframe{
	margin:0 auto;
	position:relative;
	width:840px;
}
.whiteBackground{
	padding-top: 40px;
    background-color:#fff;
    float:left;
	position:relative;
}
.whiteBackgroundOfferte{
    background-color:#fff;
    float:left;
	position:relative;
}
#productHeaderMenu{	position:absolute; left:14px; top:7px; }
#productHeaderMenu li{ position:relative; float:left; list-style:none; margin-right:26px;}
#productHeaderMenu li.marginLarge { margin-right:200px;}
#productHeaderMenu li.marginNone { margin-right:0px;}
#productHeaderMenu li a{ display: block; font-size: 10px; line-height: 10px; width: 140px; height: 16px; color: #b4b4b4; font-family: 'Helvetica W01 Roman', Arial; font-style: normal; font-weight: normal; text-transform: uppercase;}
#productHeaderMenu li a:hover, #productHeaderMenu li a.active{ color:#0063bd; }

#logo{
    position: absolute;
    top:0;
    left:335px;
    width:178px;
    height: 215px;
    background:url(/img/rooymans_sprite.png) no-repeat -10px -25px;
    z-index: 100;
}
#logo a{
    margin-left: 8px;
    width:160px;
    height:160px;
    display:block;
}
#hoofdmenu{
	float:left;
	width:826px;
	margin-top:70px;
	margin-bottom:12px;
	margin-left:14px;
}
.hoofdmenu li{
	list-style:none;
	float:left;
	display:block;
	position:relative;
	cursor:pointer;
	margin-right:26px;
	width:140px;
	border-bottom:1px solid #ffffff;
	margin-bottom:11px;
}
#hoofdmenu li.largeMargin{ margin-right: 200px;}
#hoofdmenu li.last{margin-right: 0;}

#footerOverigMenu.hoofdmenu li{
	margin-right:0;
	width:310px;
    border-bottom: 1px solid #fff;
}
#footerOverigMenu.hoofdmenu li a{ width: 310px; border-bottom: 1px solid #aaaaaa;}

.hoofdmenu li a{
	display:block;
	float:left;
	font-size:10px;
    line-height: 10px;
    width: 140px;
    height: 17px;
	color:#878984;
    font-family:'Helvetica W01 Bold', Arial;
    font-style: normal;
    font-weight: normal;
	text-transform:uppercase;
    border-bottom: 1px solid #aaaaaa;
}
.hoofdmenu li.active a{border-bottom: 1px solid #0063bd !important;}

.hoofdmenu li.active a{
	color:#0063bd;
}
.hoofdmenu li.notActive span.arrow{
	position:absolute;
	top:3px;
	right:0;
	width:9px;
	height:7px;
}
.hoofdmenu li.active span.arrow{
	position:absolute;
	top:2px;
	right:0;
	width:7px;
	height:9px;
	background:url(/img/arrowDownSize1Blue.png) no-repeat;
}
#footermenu.hoofdmenu li.active span.arrow{
	background:url(/img/arrowUpSize1Blue.png) no-repeat;
	top:3px;
}
.hoofdmenu li.notActive span.arrow span.up{
	background:url(/img/arrowRightSize1Grey.png) no-repeat;
	width:9px;
	height:7px;
	position:absolute;
	top:0;
	left:0;
}
.hoofdmenu li.notActive span.arrow span.hover{
	background:url(/img/arrowRightSize1Blue.png) no-repeat;
	width:9px;
	height:7px;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	opacity:0;
	filter:alpha(opacity=0); 
}
#talen{
    position: absolute;
    right: 0;
    top:17px;
}
#talen li{
	list-style:none;
	float:left;
	width:21px;
	margin-left:10px;
	text-align:center;
	text-transform:uppercase;
	font-size:8px;
	opacity:0.5;
	filter:alpha(opacity=50);
	cursor:pointer;
}
#talen.engActive li.eng{ opacity:1; filter:alpha(opacity=100); }
#talen.nedActive li.ned{ opacity:1; filter:alpha(opacity=100); }
#talen.deActive li.de{ opacity:1; filter:alpha(opacity=100); }

#talen li.eng{ background:url(/img/vlagEng.png) no-repeat 0 0; }
#talen li.ned{ background:url(/img/vlagNL.png) no-repeat 0 0; }
#talen li.de{ background:url(/img/vlagDe.png) no-repeat 0 0; }

#talen li a{
	padding-top:16px;
	display:block;		
}
#header, #frameHeader{
	width:840px;
	position:relative;
	float:left;
}
#frameHeader .label{
	position:absolute;
	left:-10px;
	top:218px;
	width:310px;
	height:110px;
	z-index:40;	
}
#frameHeader .label .content{
	position:absolute;
	left:0;
	bottom:0;
	width:310px;
	height:110px;
	overflow:hidden;
	background-color:#fff;
}
#frameHeader #portfolioLabel.label .content{
	height:110px;
}
#frameHeader .label .content li{
	position:absolute;
	display:none;
	cursor:pointer;
	text-transform:uppercase;
	font-size:14px;		
	left:70px;
	top:7px;
	list-style:none;
}
#frameHeader .label .content li a{
	line-height:18px;
	color:#757575;
	font-family:"Times New Roman", Times, serif;
}
#frameHeader .label .content li .knopMedium{
    line-height:28px;
}

#frameHeader .label .content li:hover a{
	color:#0063bd;
}
#frameHeader .label .alsH1{
	font-size:18px;
	line-height:21px;
	width:230px;
	display:block;
	padding-left:70px;
	padding-top:13px;
	text-transform:uppercase;
	padding-bottom:8px;
    font-family:'BaskervilleMTW01-Roman';
    font-style: normal;
}
#frameHeader .label .citaat{
	font-size:14px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	line-height:19px;
	display:block;
	padding-left:70px;
	width:195px;
}
#frameHeader .label a.button{
	position:absolute;
	width:30px;
	height:30px;
	right:-30px;
	bottom:0;
	background-color:#fff;
	cursor:pointer;
}
#frameHeader .label a.button .cross{
	position:absolute;
	left:12px;
	top:12px;
	width:6px;
	height:6px;
	background:url(/img/kruisjeGrey.png) no-repeat;
}
#frameHeader .label a.button:hover .cross{
	background:url(/img/kruisjeBlue.png) no-repeat;
}
#frameHeader .label a.button .arrow{
	position:absolute;
	left:11px;
	top:10px;
	width:7px;
	height:12px;
	background:url(/img/differentArrowGrey.png) no-repeat;
}
#frameHeader .label a.button:hover .arrow{
	background:url(/img/differentArrowBlue.png) no-repeat;
}
#frameHeader .label .shadow{
	width:343px;
	height:10px;
	background:url(/img/headerTextBlockShadow.png) no-repeat;
	position:absolute;
	left:0;
	bottom:-10px;	
}
#frameHeader #portfolioLabel.label .shadow{
	width:309px;
}
#frameHeader #portfolioLogo {width: 310px;}
#frameHeader #portfolioLogo .content{ width: 310px; height: auto; padding-bottom: 13px;  }
#frameHeader #portfolioLogo .logo{ margin-left: 70px; width: 118px; height: 70px; background-position: center bottom; }
#frameHeader #portfolioLogo .button{ }
#frameHeader #portfolioLogo .shadow{ width: 340px; }

#frameHeader .logoOverzicht{
	position:absolute;
	top:0;
	right:60px;
	width:30px;
	height:30px;
	z-index:50;
	background-color:#fff;
	cursor:pointer;
}
#frameHeader .logoOverzicht a{
	display:block;
	width:11px;
	height:11px;
	background:url(/img/logoOverzicht.png) no-repeat;
	margin-left:10px;
	margin-top:10px;
}
#frameHeader .logoOverzicht a.cross{
	background:url(/img/logoOverzichtCross.png) no-repeat;
}
#frameHeader .logoOverzicht:hover a{
	background-position:left bottom;	
}
#frameHeader .logoOverzicht:hover a.cross{
	background-position:left bottom;	
}
#frameHeader .fotoFrame{
	float:left;
	position:relative;
	width:840px;
	height:350px;
}
#frameHeader .fotoFrame li{
	list-style:none;
	position:absolute;
	top:0;
	left:0;
	display:none;
}
#frameHeader .fotoFrame li.first{
	display:block;
}
#frameHeader .headerMenu{
	position:absolute;
	left:-10px;
	bottom:9px;
	width:862px;
	height:81px;
	z-index: 50;
}
#frameHeader .headerMenu .content{
	height:70px;
	width:720px;
	background-color:#fff;
	padding-left:70px;
    padding-right: 70px;
    overflow: hidden;
    position: relative;
}
#frameHeader .headerMenu .content iframe{
	float:left;
	width:791px;
	height:360px;
	border:0;
	display:none;
}
#frameHeader .headerMenu .content ul{
    position: absolute;
    left:70px;
    top:0;
    width: 2000px;
}
#frameHeader .headerMenu .content ul.portfolioItem{
    left:192px;
}
#frameHeader .headerMenu .content li{
	list-style:none;
	position:relative;
	width:118px;
	height:70px;
	float:left;
	border-left:1px solid #efefef;
	border-right:1px solid #efefef;
	cursor:pointer;
}
#frameHeader .headerMenu .content li.nietGevuld{
	cursor:default;
}
#frameHeader .headerMenu .content li.logo{
	cursor:default;
    background-position: center bottom;
    position: absolute;
    z-index: 10;
    left:-120px;
}
#frameHeader .headerMenu .content li.logo .hover{
	opacity:1;
	filter:alpha(opacity=100);
}
#frameHeader .headerMenu .content li div{
	position:absolute;
	top:0;
	left:0;
	width:118px;
	height:70px;
	background-repeat:no-repeat;
}
#frameHeader .headerMenu .content li div.hover{
	opacity:0;
	filter:alpha(opacity=0);
	background-position: 0 -70px;	
}
#headerArrowLeft{ position: absolute; left:0; top:0; width: 70px; height: 70px; cursor: pointer; background: #ffffff; z-index: 10; }
#headerArrowLeft span{ display: block; margin-left: 29px; margin-top:26px; width: 11px; height: 17px; background: url("/img/arrowHeaderBalkLeft.png") left top no-repeat; }
#headerArrowLeft:hover span{ background-position: left bottom;}
#headerArrowRight{ position: absolute; right: 2px; top:0; width: 70px; height: 70px; cursor: pointer; background: #ffffff; }
#headerArrowRight span{ display: block; margin-left: 29px; margin-top:26px; width: 11px; height: 17px; background: url("/img/arrowHeaderBalkRight.png") left top no-repeat; }
#headerArrowRight:hover span{ background-position: left bottom;}

#frameHeader .headerMenu .shadow{
	width:862px;
	height:20px;
	background:url(/img/headerBalkShadow.png) no-repeat 0 0;
}
#frameHeader .fotoVerlengde{
	float:left;
	width:840px;
	height:20px;
	margin-top:70px;
	background:url(/img/headerFotoVerlengde.png) no-repeat 0 0;
}
#content{
	float:left;
	width:450px;
	margin-left:60px;
	position:relative;
	padding-top:57px;
	padding-bottom:50px;
}
#content.offerte_aanvragen, #content.contact_bedankt, #content.offerte_bedankt, #content.viernulvier{ padding-right: 60px; }
#content span.alsH1{
    font-size:18px;
    color:#7A7A7A;
    line-height:20px;
    display:block;
    font-weight:normal;
    text-transform:uppercase;
    font-family:'Baskerville W01 Regular 705699';
    font-style: normal;
    width:205px;
    min-height:0; }
#content .contentHeaderBlock{ float: left;}
#content h1, #content h2{
	width:205px;
    min-height: 40px;
}
#content h1.noMinHeight, #content h2.noMinHeight{ min-height: 0; padding-top: 20px;}
#content.home h1 {width: 250px;}
#content.offerte_aanvragen h1 { min-height: 20px;}

#content.viernulvier h1{ width: 100%; min-height: 20px; }
#content.viernulvier .columnLeft{width: 80%;}

#content .columnLeft h2, #content .columnRight h2{
	width:100%;
}
#content .links{
	float:left;
	width:205px;
    margin-left: 35px;
}
#content.home .links{float: right; margin-left: 0; width:190px;}
#content .links a.knopMedium{
    float: left;
}
#content.home .links a.knopMedium{ float: right;}
#content .links a.textLink{
	color:#0063bd;
	text-transform:uppercase;
	font-size:10px;
	text-align:right;
	position:relative;
	float:right;
	margin-bottom:6px;
    font-family:'Helvetica W01 Bold', Arial;
    font-style: normal;
    font-weight: normal;
	padding-right:20px;
	width:170px;
}
#content .links a.textLink .arrow{
	position:absolute;
	width:9px;
	height:8px;
	display:block;
	top:2px;
	right:0px;
	background:url(/img/textArrowBlue.png) no-repeat;
}
#content .links a.textLink:hover{
	text-decoration:underline;
}
.columnLeft{
	float:left;
	width:205px;
	padding-bottom:40px;
    clear: both;
}
.columnLeft p a, .columnRight p a{ color:#0063BD; font-weight: normal; text-decoration: underline;}
#content.producten .columnLeft, #content.producten .columnRight{
	padding-bottom:0;
}
.columnRight{
	float:left;
	width:205px;
	margin-left:35px;
	padding-bottom:40px;
}
.columnRight p.blauw{
	padding-top:2px;
	padding-bottom:12px;
}
.columnLeft ul, .columnRight ul{ float: left; padding-bottom: 20px; }
.columnLeft li, .columnRight li{
    float: left;
    font-size: 12px;
    margin-left: 12px;
    line-height: 20px;
}
#content.werkwijze .columnLeft li{ margin-left: 0; }

.twoColumns{
	float:left;
	width:445px;
	padding-bottom:40px;
}
ul.kernwaarden li{ float: left; list-style: decimal outside; color:#0063BD; font-size: 14px; margin-bottom: 20px; margin-left: 16px;   }

ul.logoLijst li{ float: left; list-style: none; position: relative; margin-bottom: 20px; margin-left: 0; }
ul.logoLijst li.first{ margin-right: 5px;}
ul.logoLijst li a{ position: relative; width: 100px; height: 59px; overflow: hidden; display: block; }
ul.logoLijst li img{ position: absolute; left:0; bottom:0; width: 100px; }

ul.producten li{
	float:left;
	width:210px;
	list-style:none;
	position:relative;
	margin-bottom:20px;
	cursor:pointer;
}
#sidebar .producten li{ margin-bottom: 10px;}

ul.producten li.arrow{
	height:9px;
	margin-bottom:13px;
}
ul.producten li.arrow span{
	position:absolute;
	left:101px;
	top:0;
	width:7px;
	height:9px;
	background:url(/img/arrowDownSize1Grey.png) no-repeat;	
}
ul.producten li.margin{
	margin-left:30px;	
}
ul.producten li a{
	font-size:10px;
	text-transform:uppercase;
	width:100%;
	float:left;
	display:block;
	padding-bottom:10px;
	color:#6B6663;
}
ul.producten li a span{
	color:#d9d9d9;
	float:left;
	padding-right:8px;
}
ul.producten li.active a, ul.producten li.active a span{
	color:#0063BD;
}
ul.producten li .label{
	background-color:#fff;
	width:30px;
	height:30px;
	position:absolute;
	right:0;
	bottom:10px;
	z-index:10;
	overflow:hidden;
}
ul.producten li.active .label{
	display:none;
}
ul.producten li .label .arrow{
	display:block;
	position:absolute;
	background:url(/img/differentArrowGrey.png) no-repeat;
	width:7px;
	height:11px;
	left:11px;
	top:9px;
}
ul.producten li:hover .label .arrow{
	background:url(/img/differentArrowBlue.png) no-repeat;
}
ul.producten li .label .text{
	font-size:10px;
	text-transform:uppercase;
	color:#0063bd;
	display:block;
	position:absolute;
	left:35px;
	top:8px;
	width:70px;
}
ul.producten li .image{
	float:left;
	width:210px;
	height:50px;
	background:no-repeat #E8E8E8;
	position:relative;
}
#productenPagina.producten li .image, #werkwijzeMenu.producten li .image{
	height:110px;
}
ul.producten li .image span{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
ul.producten li .image .hover{
	opacity:0;
	filter:alpha(opacity=0);
}
ul.producten li.active .image .up{
	opacity:0;
	filter:alpha(opacity=0);
}
ul.producten li.active .image .hover{
	opacity:100;
	filter:alpha(opacity=100);
}
ul.klanten li{
	float:left;
	width:118px;
	list-style:none;
	position:relative;
	margin-bottom:10px;
    padding-bottom: 5px;
    border-bottom:2px solid #efefef;
	cursor:pointer;
    margin-left:48px;
}
ul.klanten li.noMargin{
    margin-left: 0;
}
#werknemers.klanten li{
	margin-bottom:20px;
    width:205px;
    margin-left: 0;
	padding-right: 0;
    padding-bottom: 0;
	margin-right: 40px;
}
#werknemers.klanten li:nth-child(2n){
	margin-right: 0;
}
#werknemers.klanten li .image{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 180px;
	margin-bottom: 5px;
	background: #efefef;
}
#werknemers.klanten li .image img{
	height: 135%
}
ul.klanten li a{
	font-size:10px;
	text-transform:uppercase;
	float:left;
	display:block;
    line-height: 14px;
}
ul.klanten li.active a{
    color: #0063BD !important;
}
#sidebar ul.klanten li{ width:210px; margin-left: 0; margin-bottom:8px;}
#sidebar ul.klanten li a{ width:200px; padding-top: 0; padding-right:10px; color:#6B6663; }
#werknemers.klanten li a{
	width:205px;
	color:#6B6663;
	padding-top:5px;
	padding-bottom:2px;
}

ul.klanten li .plus{
	display:block;
	position:absolute;
	background:url(/img/plusGrey.png) no-repeat;
	width:7px;
	height:7px;
	right:0;
	top:2px;
}
ul.klanten li:hover .plus, ul.klanten li.active .plus{
	background:url(/img/plusBlue.png) no-repeat;
}
#werknemers.klanten li .plus{
	top: auto;
	bottom: 6px;
}

ul.productReferenties li{
	float:left;
	list-style:none;
	width:110px;
	height:70px;
	margin-bottom:18px;
	position:relative;
	cursor:pointer;
	overflow:hidden;
}
ul.productReferenties li a{
	position:absolute;
	top:-30px;
}
ul.productReferenties li span{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	display:block;
	background-repeat:no-repeat;
	background-position:-5px 0px;
}
ul.productReferenties li span.hover{
	background-position:-5px -70px;
	opacity:0;
	filter:alpha(opacity=0);
}

#sidebar{
	float:right;
	height:100%;
	width:253px;
	padding-left:16px;
	padding-top:57px;
	padding-bottom:75px;
	border-left:1px solid #E8E8E8;
}
#sidebar .block{
	float:left;
	width:253px;
	padding-bottom:40px;
}	
#sidebar .block .weloveties{
	width:86px;
	height:80px;
	background:url(/img/weloveties.png) no-repeat;
	float:left;
	margin-bottom:22px;
    cursor: pointer;
}
#sidebar h2{
	color:#0063bd;
	width:200px;
    margin-bottom: 20px;
}
#sidebar p{
	width:180px;
	color:#0063bd;
	padding-bottom:20px;
}
#sidebar .leesMeerTekst{
	display:none;
}
#sidebar .leesMeer span.tekstDown{ display:none; }
#sidebar .inklappen span.tekstUp{ display:none; }

#sidebar .leesMeer, #sidebar .inklappen{
	float:left;
	display:block;
	position:relative;
	color:#0063bd;
	text-transform:uppercase;
	clear:left;
	margin-bottom:20px;
	cursor:pointer;
	padding-right:19px;
}
#sidebar .leesMeer:hover, #sidebar .inklappen:hover{
	color:#6B6663;	
}
#sidebar .leesMeer .arrow{
	position:absolute;
	right:0;
	top:2px;
	display:block;
	width:9px;
	height:8px;
	background:url(/img/textArrowBlue.png) no-repeat;
}
#sidebar .leesMeer:hover .arrow{
	background:url(/img/textArrowGrey.png) no-repeat;
}
#sidebar .inklappen .arrow{
	position:absolute;
	right:1px;
	top:2px;
	display:block;
	width:8px;
	height:9px;
	background:url(/img/textArrowBlueUp.png) no-repeat;
}
#sidebar .inklappen:hover .arrow{
	background:url(/img/textArrowGreyUp.png) no-repeat;
}
#sidebar .weloveties_image{ float: left; margin-top: 20px;}
#belMeTerug{ float: left; margin-bottom: 10px;}
#belMeTerug input{ border: 1px solid #bbb; padding: 3px 3px 3px 10px; color: #aaa; height: 16px; font-size: 11px; line-height: 16px; float: left; margin-bottom: 5px; width: 145px; }
#belMeTerug input:focus{color:#0063BD; border-color:#0063BD;}
#belMeTerugReplacement{ display: none;}
.knopMedium{
	float:left;
	height:28px;
	line-height:28px;
	display:block;
	position:relative;
	text-decoration:none;
	cursor:pointer;
	clear:left;
    padding-right: 24px;
}
.marginTop{
	margin-top:30px;
}
.knopMedium .text{
	color:#fff;
	float:left;
	display:block;
    font-family:'Helvetica W01 Bold', Arial;
    font-style: normal;
    font-weight: normal;
	font-size:11px;
	text-transform:uppercase;
	position:relative;
	z-index:5;
	padding-left:11px;
    padding-right: 10px;
}
.knopMedium .arrow{
	width:8px;
	height:7px;
	background:url(/img/buttonArrowWhite.png) no-repeat;
	margin-left:10px;
	display:block;
	float:left;
	margin-top:9px;
	position:relative;
	z-index:5;
}
.knopMedium .arrowTerug{
	width:8px;
	height:7px;
	background:url(/img/buttonArrowWhiteLeft.png) no-repeat;
	margin-left:10px;
	display:block;
	float:left;
	margin-top:9px;
	position:relative;
	z-index:5;
}
.knopMedium .up{
	background:url(/img/rooymans_sprite.png) no-repeat -300px -20px;
	height:28px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
    filter:alpha(opacity=100);
    opacity: 1;
}
.knopMedium .hover{
    background:url(/img/rooymans_sprite.png) no-repeat -300px -70px;
	height:28px;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	opacity:0;
	filter:alpha(opacity=0);
	width:100%;
}
.knopMedium .upRight{
    background:url(/img/rooymans_sprite.png) no-repeat -707px -20px;
	height:28px;
	position:absolute;
	top:0;
	right:-4px;
	z-index:1;
	width:28px;
    filter:alpha(opacity=100);
    opacity: 1;
}
.knopMedium .hoverRight{
    background:url(/img/rooymans_sprite.png) no-repeat -707px -70px;
	height:28px;
	position:absolute;
	top:0;
	right:-4px;
	z-index:2;
	opacity:0;
	filter:alpha(opacity=0);
	width:28px;
}






.footerImage{
	float:left;
	width:840px;
	height:56px;
	background:url(/img/footerBackgr.png) no-repeat -3px 0;
}
#footer{
	float:left;
	width:840px;
}
#footermenu{
	float:left;
	width:370px;
	margin-top:35px;
	margin-left:10px;
}
#footermenu li{ border-bottom: 1px solid #ffffff; }
#footermenu li a{ border-bottom: 1px solid #aaaaaa; }
#footerOverigMenu{
	float:right;
	margin-top:35px;
	width:310px;
	margin-right:10px;
}

#footerFooter{
	float:left;
	width:820px;
	margin-left:10px;
	margin-top:20px;
	border-top:2px solid #d5d5d5;
	padding-top:5px;
	margin-bottom:150px;
}
#footerFooter li{
	float:left;
	width:140px;
	list-style:none;
	margin-right:30px;
	color:#878984;
    line-height: 16px;
}
#footerFooter li span{
	width:20px;
	float:left;
}
#footerFooter li a{
	color:#878984;
}
#footerFooter li a:hover{
	color:#0063bd;
}
#footerFooter li.breeder{
	width:310px;
	margin-right:0;
}
#werkwijzeHolder{ position: relative; width: 205px; height: 1000px; overflow: hidden;}
#werkwijzeHolder ul{ position: absolute; left:0; top:0; width: 900px;}
#werkwijzeHolder li{ list-style: none; float: left; width: 205px; margin-right: 20px; margin-left: 0;}
#werkwijzeHolder li .label .text{ top:4px;}

#disclaimer{width: 400px;}
#disclaimer h2{ min-height: 0; margin-bottom: 10px; }

#googlemaps{
    position:relative;
    float:left;
    width:840px;
    height:350px;
    overflow:hidden;
}
#googlemaps .gmnoprint{
    display:none !important;
}
#markerContent p{ padding-bottom: 0;}

.sitemap li{ float: left; clear: left; margin-left: 10px; width: 100%; list-style: outside disc;}
.sitemap li.overige{margin-top: 40px;}
.sitemap li a{float: left;}
.sitemap li a:hover{ color:#0063BD; }
.sitemap .subSitemap{ float: left; clear: left;}
.sitemap .subSitemap li{ margin-left: 20px;  list-style: outside circle;}

#contactformForm label, #routeForm label{ float: left; width: 100%; line-height:20px; font-size:12px; font-style: normal; font-weight: normal; font-family:'Helvetica W01 Bold'; margin-bottom: 2px; margin-left: 6px; }
#contactformForm label.geslacht{ font-family:'Helvetica W01 Roman', Arial; width: 75px; }
#contactformForm input[type="text"], #routeForm input[type="text"]{ float: left; width: 100%; color:#aaa; border: solid 1px #BBBBBB; padding: 5px; font-size: 12px; font-family:'Helvetica W01 Roman', Arial; font-style: normal; font-weight: normal; margin-bottom: 15px;  }
#contactformForm input[type="text"]:focus, #routeForm input[type="text"]:focus{ color:#0063BD; border-color:#0063BD;}
#contactformForm input[type="radio"]{ float: left; margin-bottom: 15px; }

#contactformForm textarea{ float: left; width: 100%; color:#ccc; border: solid 1px #BBBBBB; padding: 5px; font-size: 12px; font-family:'Helvetica W01 Roman', Arial; font-style: normal; font-weight: normal; margin-bottom: 20px;  }
#contactformForm textarea:focus{ color:#0063BD; border-color:#0063BD;}

#contactformReplacement{ display: none;}
#foutmelding{ display: none; color: red; }
#foutmelding p{ color: red; }

.margin-bottom-40{ margin-bottom: 40px;}

#stempel{ position: absolute; left: -45px; top:25px; background: url(/img/stempel.png) no-repeat; width: 150px; height: 150px; z-index: 10;  }

#footerTrefwoorden{ float:left; width:820px; margin-left:10px; margin-top:20px; border-top:2px solid #d5d5d5; padding-top:13px; }
#footerTrefwoorden li{ float:left; width:140px; list-style:none;  margin-right:30px; color:#878984; line-height: 16px; }
#footerTrefwoorden li span{ width:20px; float:left; }
#footerTrefwoorden li a{ color:#878984; }
#footerTrefwoorden li a:hover{ color:#0063bd; }
#footerTrefwoorden li.last{ margin-right:0; }
#footerTrefwoorden h3{ margin: 6px 0 5px 0; color:#878984; line-height: 16px; font-style: normal; font-weight: normal; font-family:'Helvetica W01 Bold'; font-size: 12px; }

#naarStap1, #naarStap2, #naarStap3, #naarStap4{ cursor: pointer; }

.formHeader{
    font-size:18px;
    color:#0063bd;
    line-height:22px;
    float:left;
    display:block;
    width:100%;
    font-weight:normal;
    text-transform:uppercase;
    margin-top: 12px;
    margin-bottom:12px;
    font-family:'Baskerville W01 Regular 705699';
    font-style: normal;
}

#WKformForm label, #routeForm label{ float: left; width: 100%; line-height:20px; font-size:12px; font-style: normal; font-weight: normal; font-family:'Helvetica W01 Bold'; margin-bottom: 2px; margin-left: 6px; }
#WKformForm label.geslacht{ font-family:'Helvetica W01 Roman', Arial; width: 75px; }
#WKformForm input[type="text"], #routeForm input[type="text"]{ float: left; width: 100%; color:#aaa; border: solid 1px #BBBBBB; padding: 5px; font-size: 12px; font-family:'Helvetica W01 Roman', Arial; font-style: normal; font-weight: normal; margin-bottom: 15px;  }
#WKformForm input[type="text"]:focus, #routeForm input[type="text"]:focus{ color:#0063BD; border-color:#0063BD;}
#WKformForm input[type="radio"]{ float: left; margin-bottom: 15px; }

#WKformForm textarea{ float: left; width: 100%; color:#ccc; border: solid 1px #BBBBBB; padding: 5px; font-size: 12px; font-family:'Helvetica W01 Roman', Arial; font-style: normal; font-weight: normal; margin-bottom: 20px;  }
#WKformForm textarea:focus{ color:#0063BD; border-color:#0063BD;}

#wkformReplacement{ display: none;}


/* Breadcrumps */

.breadcrumb{ position:absolute; top:22px; left:0; width:100%; }
.breadcrumb a:hover span{ color:#0063bd; }
.breadcrumb a, .breadcrumb span{ position:relative; float:left; display:block; font-size:11px; text-transform:uppercase; line-height:14px; text-decoration:none; color:#b4b4b4;  }
.breadcrumb .sep{ margin-left:5px; margin-right:5px; }


.no-margin-bottom{ margin-bottom: 0 !important}
.no-padding-bottom{ padding-bottom: 0 !important}

.small-header li .image{ box-sizing: border-box; border: 1px solid #efefef}


/* Project Banners */
.project-banner{
	display: block;
	position: relative;
	margin-bottom: 30px;
	width: 100%;
}

.project-banner img{
	width: 100%
}

.project-banner .button{
	position: absolute; bottom: 0; right: 0;
	padding: 7px 30px 3px 10px;
	background: #fff;
	color: #7A7A7A;
	font-size: 14px;
	font-family: 'Baskerville W01 Regular 705699', serif;
	text-transform: uppercase;
}

.project-banner .button:after{
	content: '';
	position: absolute; top: 8px; right: 5px;
	z-index: 5;
	width: 12px; height: 14px;
	background: url('/img/differentArrowGrey.png') no-repeat;
}

.project-banner:hover .button{
	color: #0063BD;
}

.project-banner:hover .button:after{
	background: url('/img/differentArrowBlue.png') no-repeat;
}