body,html{
	width:100%;
	height:100%;
	overflow:hidden;
}
*{
	margin:0px;
	padding:0px;
}@font-face {
    font-family: 'blok_btbold';
    src: url('fonts/MuseoSans-500.eot');
    src: local('☺'),
         url('fonts/MuseoSans-500.woff') format('woff'),
         url('fonts/MuseoSans-500.ttf') format('truetype'),
         url('fonts/MuseoSans-500.svg#blok_btbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{
	font-family: "blok_btbold",Arial, Helvetica, sans-serif,  "Times New Roman", Georgia, serif;
	padding:0px;
	margin:0px;
	z-index:1;
	background-repeat:repeat;
	background-position:center top;
}

h3, h4{
	vertical-align: text-top;
	letter-spacing:2px;
	//*text-transform:uppercase;*//
	
}
h3{
	text-transform:uppercase;
	padding:20px 0px 10px 0px;
}
hr{
	border:0px;
	height:1px;
	color:#616161;
	line-height:1px
}
a{
	text-decoration:none;
	border:0px;
	margin:0px;
	padding:0px;
	outline:0px;
}
a:active, a:focus {  
	ie-dummy:expression(this.hideFocus=true);
} 
pre{
    padding: 0 80px; /* Or desired space*/
}
img{
	border:0px;
}
input{
	outline-color:#4a4a4a
}
.normal ul{
	padding-left:50px
}
.normal ul li{
	list-style-image:url(../images/vlam.png);
	vertical-align:middle
}
.header{
	position:fixed;
	height:120px;
	width:100%; 
	display:block;
	z-index:30; 
	background-color:#616161
}
.head{
	padding:20px 3% 0px 3%;
	width:94%;
	height:40px;
	overflow:hidden;
	-ms-overflow:hidden;
}
.head1{
	text-transform:uppercase;
	letter-spacing:2px;
	line-height:20px;
	text-align:center;
	vertical-align: text-bottom;
}
.fixie{
	position:fixed;
	z-index:-990;
	height:100%;
	width:100%;
	padding:0 0 0 0;
	background-image:url('../images/raster.png');
	background-position:center top;
}
#raster{
	position:absolute;
	visibility:visible;
	width:100%; 
	height:100%
}
.raster{
	position:relative;
	top:14%;
	left:0px;
	z-index:-1000;
	height:100%;
	width:100%;
	display:block;
	padding:0px 0;
	border:0px;
	background-image:url('../images/back_base.jpg');
	background-repeat:repeat;
	background-position:center top;
}
#raster1{
	position:absolute;
	visibility: hidden;
	width:100%; 
	height:100%
}
.errortxt,.error, .errortext {
	color:#8BF5F1 !important;
	font-weight: bold;
	font-size: 14px
}
.site-wrap {
	/**background-color:#005faa;**/
	height:100%;
	width:100%;
	position:absolute;
	top:16%;
}
.site-wrap1{
	width:96%;
	height:100%;
	max-width:1051px;
	position:relative;
	display:block
}
.site-wrap2{
	height:100%;
	position:relative;
	width:96.5%;
	margin:10px 1%;
	padding:10px 0.5% 0px 1%;
	max-width:1051px;
	background-image:url(../images/back_gen.png);
	background-position:top center;
	border: 1px solid #4c84dd
}
#top{
	position:relative;
	width:98%;
	min-height:100%;
	text-align:left;
	z-index:3;
	padding:0 0.5% 0 1%;
	overflow-y: scroll;
	overflow-x: hidden;
}
.break-line{
	position:relative; 
	height:0px;
	width:100%;
}
.footer{
	position:fixed;
	width:100%;
	height:auto;
	bottom:0px;
	min-height:20px;
	z-index:4;
}
.footer1{
	width:100%;
	height:auto;
	min-height:20px;
	max-width:1051px;
}
.footer2{
	position:relative;
	text-align:center;
	height:auto;
	min-height:20px;
	margin:0; 
	padding:0 2%;	
}
.footer-text{
	height: auto;
	max-height:25px;
	vertical-align:central;
}
.logo-fixie{
	position:absolute;
	display:block;
	z-index:3;
	height:277px;
	width:25%;
	min-width:50px; 
	padding:0px ;
	margin:0px;
	border:0px;
	top:0px;
	background-image:url(../images/Roep-logo.png);
	background-repeat:no-repeat;
	background-position:top center;
}
.logo{
	display:none
}
.location{
	position:absolute;
	bottom:0;
	right:2.7%;
	text-align:right;
	bottom:0px;
	padding:0px 0px 5px 0px;
	z-index:20;
	color:#fff;
	vertical-align:bottom
}
.payoff{
	text-align:center;
	padding-top:30px;
	letter-spacing:5px;
}
.payoff-text{
	text-align:center;
	letter-spacing:2px;
	display:blok;
}
.socialmedia{
	 position:fixed;
	 bottom:0px;
	 display:block;
	 width:25%;
	 text-align:center;
	 z-index:5
}
.socialmedia-icon{
	margin:-5px 5px 0px 0px;
	width:50px;
	height:50px
}
.socialmedia-sm{
		display:none
}

.str-sm{
	width:63%
}
.page{
	float:left;
	padding:0px 0px 5px 5px;
	cursor:pointer
}
.sub-page{
	width:100%;
	display:inline-block;
	margin:0;
	padding-bottom:0px
}
.streep-sm{
	position:relative;
	overflow-x:auto;
	overflow-y:hidden;
	height:1px;
	margin:5px 0px 5px 0px;
	border-top:1px solid #fff
}

#supersized {display:block; position:fixed; left:0; top:0px; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img {width:100%; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img {-ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img {-ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/

#supersized li {display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden;top:0px; left:0; width:100%; height:100%}
#supersized a {width:100%; height:0%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../javascript/graphics/loader.white.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
.siteicon{
	width:40px;
	height:40px;
	vertical-align:middle; 
	margin-left:-50px; 
	padding-right:10px
}
::-webkit-scrollbar {
	-webkit-appearance: none;
	width:8px;
}
::-webkit-scrollbar-thumb {
	border-radius:3px;
	background-color: rgba(51,51,51,.5);
	-webkit-box-shadow: 0 0 1px rgba(180,0,124,.5);
}
.ui-tooltip {
	padding:5px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	background-color:#fff;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border: 2px #616161 solid ;
}

.lijn{
	padding: 10px  10px 0px 10px;
}

.sub{
	background-image:url(../images/back_sub_tp.png);
	position:relative;
	height:auto;
	min-width:100px;
	width:32%;
	float:left;
	border:1px solid #4c84dd;
	margin:0px .4% 15px 0;
	padding:0px 0px 0px 0px;
}
.sub-mast{
	position:absolutee;
	width:100%;
	overflow:hidden;
	-ms-overflow:hidden;
	min-height:250px;
	margin:0;
}
.leesverder{
	height:20px;
	letter-spacing:1px;
	background-image:url(../images/pijl-wit.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding: 5px 18px 5px 5px;
	vertical-align: middle;
	position:relative;
	min-height:20px
}
.leesverder:hover, .link:hover{
	background-image:url(../images/pijl.png);
}
.sub-tp{
	background-image:url(../images/back_sub_tp.png);
	width:100%;
	min-width:100%;;
	border:1px solid #4c84dd;
}
.sub-tp1{
	position:relative;
	display: block;
	min-height:250px;
	overflow:hidden;
	-ms-overflow:hidden;
	width:94%;
	min-width:94%;
	margin:0px 3% 0 3%;
	padding:0px
}
.shadow{
	height:15px;
	width:99%;
	margin-left:1%;
	position:relative;
	background-repeat:no-repeat;
	background-image:url(../images/shadow.png);
	background-position:center bottom;
}
.sub-cat{
	width:99%; 
	height: auto;
	position:relative;
}
.sub-img{
	border:.1em solid #ffffff
}
.picture-gen{
	height:240px;
	width:240px; 
	float:right; 
	padding:0px 0 10px 10px
}
.picture-gen-below{
	min-width:100%;
	float:left;
	margin:0px 0px 0px 2%;
}
.shadow1{
	height:15px;
	width:220px;
	background-repeat:no-repeat;
	background-image:url(../images/shadow1.png);
	background-position:center top;
}
.normal{
	text-align:justify
}
.clear{
	clear:both;
	margin:0px;
	padding:0px
}
/***********Sitemap*********/
.sitemap{
	vertical-align:text-top
}
.sitemap-ul{
	position:relative;
	margin-top:10px
}
.sitemap-li{
	clear:both;
	position:relative;
	min-width:99%;
	padding:6px 0px 4px 1%;
	margin:3px 0px 3px 0px;
	list-style:none;
	border:1px solid #fff;
	background-position:0px 0px
}

.sitemap-img{
	margin-right:5px;
	background-position:center bottom;
	background-image:url(../images/pijl-wit.png);
	background-repeat:no-repeat
}
a:hover .sitemap-img{
	margin-right:5px;
	background-image:url(../images/pijl.png);
	background-repeat:no-repeat;
	background-position:center bottom
}
.sitemap-img-sm{
	margin-right:5px;
	background-image:url(../images/pijl-wit.png);
	background-repeat:no-repeat;
	vertical-align:middle
}
a:hover .sitemap-img-sm{
	margin-right:5px;
	background-image:url(../images/pijl.png);
	background-repeat:no-repeat
}
.sitemap-ul-sub{
	width:94%;
	min-width:94%;
}
.sitemap-li-sub{
	min-width:94%;
	padding:0px 0px 0px 1%;
	margin:0px;
	list-style:none
}
.sitemap-all{
	 height:24px;
	 margin:0;
	 width:99%; 
	 vertical-align:middle;
}
.click, .clickme1{
	margin:0px 0px 0px 0px;
	cursor:pointer;
	vertical-align:middle; 
}
.clickme1{ 
	margin:-2px -6px 0px 0px; 
	padding:0px 5px 0px 5px	
}
.clickme_all{
	float:right;
	margin:0px 0px 0px 2px;
	padding:0px;
	cursor:pointer;
}
.pre-click{
	width:99%;
	position:absolute;
	left:0px;
	top:8px;
	height:22px
}
.clickme{
	position:absolute;
	left:0px;
	cursor:pointer;
	z-index:0
}
.pijl{ 
	margin-left:-10px;
	background-image:url(../images/pijl-neer.png);
	background-repeat:no-repeat;
	background-position:center center
}
.pijl:hover, a:hover ~ a img.pijl, #menu li.current a ~ a img.pijl, .pijltje{
	background-image:url(../images/pijl-neer-grijs.png);
	background-repeat:no-repeat;
}
.pijl1{
	background-image:url(../images/pijl-wit.png);
	background-repeat:no-repeat;
	margin:-23px 3px 0px 0px;
	float:right;
	width:15px
}
/**********highdslide***************/
.highslide-wrapper, .highslide-outline .highslide-wrapper a, .highslide-outline a {
	background-color:#285ba7;
}
.highslide img {
}
.highslide:hover img {
	/*border: 1px dotted #6b614d;*/
}
.highslide-image {
	background-color:#285ba7;	
	/*border-top: 1px dashed #6b614d ;
	border-left: 1px dashed #6b614d;
	border-right: 1px dashed #6b614d;*/
}
.highslide-caption, .highslide-caption a{
	background-color:#285ba7;
	text-align:center;
	padding-left:5px;
	text-decoration:none;
	/*border: 1px dashed #6b614d;*/
}
.highslide-caption a:hover{
	color: #285ba7;
	/*border-top: 1px dashed #6b614d;*/
}
.highslide-loading {
	color: black;
	border: 1px solid #285ba7;
	background-color: white;
	background-image: url(../javascript/graphics/loader.white.gif);
}
.highslide-header .highslide-close {
	display: none;
}
/** Banner **/


.ban-top-shade{
	position:absolute;
	top:122px;
	left:22px;
	z-index:1
}
.ban-title{
	position:absolute;
	z-index:2;
	left:20px;
	top:120px
}

/***** Print *****/
#print{
	position:relative;
	margin:0px;
	padding:0px;
	bottom:28px;
	right:0px;
	z-index:2;
	/*border: 1px dashed #6b614d;*/
	margin: 0px 20px 0px 0px;
}
a .printer{
	background-image:url(../images/printer.png);
	background-position:left top;
	background-repeat:no-repeat;
	border:1px solid #4c84dd;
	background-color:#FFFFFF
}
a:hover .printer{
	background-image:url(../images/printer-wit.png); 
	background-position:left top;
	background-repeat:no-repeat;
}
/**** Download******/
a .download {
	background-image:url(../images/download.png);
	background-repeat:no-repeat;
	background-size:20px;
	border:1px solid #4a4a4a;
	vertical-align:middle;
	margin:0px 5px 5px 0px;
}
a:hover .download {
	background-image:url(../images/download-wit.png);
	background-repeat:no-repeat;
	border: 1px solid #4a4a4a;
}

/****** date *****/
.date{
	position:absolute;
	width:32%;
	height:10px;
	top:2px;
	right:0
}
.date-sm{
	position:absolute;
	height:10px;
	top:4px;
	right:5px;
	overflow:visible;
	-ms-overflow:visible
}
#back_full{
	position:absolute;
	width:100%; 
	min-width:100%; 
	height:14%;  
	z-index:-960
}
#back_full1{
	position:relative; 
	width:96%; 
	max-width:1051px; 
	height:110%;
	z-index:-960
}
#back_img{
	padding-left:1%;
	margin:0 2%;
	max-width:94%
}
.sub-top{
	position:relative
}

@media screen and (max-width: 785px) {
	.payoff-text, #map-canvas{
		display:none
	}
	.form1, .str-sm{
		width:100%
	}
}
@media screen and (max-width: 600px) {
	.payoff, .payoff-text{
		display:none;
	}
	#raster, rast0, #print, .bx-wrapper{
		visibility:hidden;
		display:none;
	}
	#raster{
		display:none
	}
	.raster{
		position:relative;
		top:0;
	}
	#raster1{
		visibility: visible;
		margin-top:-10px;
	}
	.site-wrap{
		position:relative;
		top:0;
		height:auto;
		display:block;
	}
	site-wrap1{
		height:auto;
		display:block;
	}
	.site-wrap2{
		height:98%;
	}
	#top{
		overflow-y: hidden;
		margin-right:1%;
		height:auto
	}
	body{
		overflow: auto;
	}
	.shadow{
		height:10px;
		width:100%;
		background:url(images/spacer.png)
	}
	.footer{
		position: relative;
	}
	#back_full{
		position: relative;
		height:auto;
		overflow:hidden
	}
	#back_full1{
		position: relative;
		height:auto;
		overflow:hidden
	}
	#back_img{
		position: relative;
		width:96%;
		height:auto;
		overflow:hidden
	}
	.footer-text{
		max-height:100%;
	}
	.footer-text a:hover,.footer-text .active{
		color:#005faa;
		border-top: 1px #005faa solid;
		border-bottom: 1px #005faa solid;
	}
	.normal{
		font-size:14px
	}
	#home_right_promo{
		visibility:hidden;
		display:none
	}
}