html,body,div,h1,h2,h3,p,a,em,img,ul,li,fieldset,form,label,legend,input,textarea{margin:0;padding:0;border:0;outline:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#333333;line-height:22px}
header,footer,aside,article,label{display:block}
:focus{outline:none}
a{color:#333333;text-decoration:underline}
a:hover{text-decoration:none}
html,body{height:100%}
body{background:white url(../images/tpl/bg_body.gif) repeat-x;}
#container{
	width:100%;height:auto!important;height:100%;min-height:100%;
	position:absolute;left:0;top:0;
	background:url(../images/tpl/bg_container.gif) no-repeat center 0;
}
#site{
	width:958px; height:auto;
	margin:0 auto;
	padding:0 0 300px 0;
	position:relative
}
#site:after{clear:both;display:block;font:1px/0px serif;content:".";height:0;visibility:hidden}
label{
	height:32px;
	margin:0 0 5px 0;
	position:relative;
	background:url(../images/tpl/bg_input.gif) no-repeat right top;
	line-height:32px
}
label input{
	position:absolute;
}
header{
	width:958px; height:127px;
	margin:0 0 24px 0;
	position:relative;
	z-index:50
}
header h3{
	width:261px; height:79px;
	position:absolute; top:35px; left:40px;
}
header h3 a{
	width:261px; height:0;
	padding:79px 0 0 0;
	display:block;
	overflow:hidden;
	background:url(../images/tpl/iboom.gif) 0 0;
}
header h3 a:hover{
	background-position:0 -79px;
}
header ul{
	width:460px; height:39px;
	position:absolute; top:88px; left:508px;
	list-style:none
}
header ul li{
	width:auto;
	height:39px;
	position:relative;
	float:left
}
header ul li a{
	height:0;
	padding:39px 0 0 0;
	display:block;
	overflow:hidden;
	background-image:url(../images/tpl/menu.gif)
}
#nav-1 a{ width:84px; }
#nav-2 a{ width:142px; background-position:-84px 0 }
#nav-3 a{ width:117px; background-position:-226px 0 }
#nav-4 a{ width:108px; background-position:-344px 0 }
/*#nav-4 a{ width:90px; background-position:-461px 0 }*/
#nav-1 a:hover,#nav-1:hover a,#nav-1:hover,#nav-1.active a{ background-position:0 -39px }
#nav-2 a:hover,#nav-2:hover a,#nav-2.active a{ background-position:-84px -39px }
#nav-3 a:hover,#nav-3:hover a,#nav-3.active a{ background-position:-226px -39px }
#nav-4 a:hover,#nav-4:hover a,#nav-4.active a{ background-position:-344px -39px }
/*#nav-4 a:hover,#nav-4:hover a,#nav-4.active a{ background-position:-461px -39px }*/
#nav-1 ul.sub li a,#nav-2 ul.sub li a,#nav-3 ul.sub li a,#nav-5 ul.sub li a,#nav-4 ul.sub li a{width:auto}

header ul li:hover ul.sub{display:block}
header ul li ul.sub{
	width:auto; height:auto;
	position:absolute;
	top:39px; left:8px;
	display:none;
	padding:11px 22px 7px 19px;
	background:#fd9417
}
header ul li ul.sub li{
	width:auto; height:40px;
	float:none;
	background:url(../images/tpl/bg_sub_li.gif) repeat-x 0 bottom;
	white-space:nowrap
}
header ul li ul.sub li.last{
	background:none;
}
header ul li ul.sub li a{
	width:auto; height:40px;
	padding:0 13px 0 15px;
	color:white;
	background:url(../images/tpl/bg_sub_li_a.gif) no-repeat;
	overflow:visible;
	line-height:40px
}
header ul li#nav-1 ul.sub li a,
header ul li#nav-2 ul.sub li a,
header ul li#nav-3 ul.sub li a,
header ul li#nav-4 ul.sub li a{
	background-position:0 -24px;
	text-decoration: none;
}
header ul li#nav-1 ul.sub li a:hover,
header ul li#nav-2 ul.sub li a:hover,
header ul li#nav-3 ul.sub li a:hover,
header ul li#nav-4 ul.sub li a:hover{
	background-position:-7px 0;
	color:black
}
header #social-media{
	width:auto; height:39px;
	position:absolute; top:0; right:0;
	padding: 0 12px;
	background: url(../images/tpl/social-media-bg.png);
}
#social-media span {
	width:51px; height:39px;
	position: relative;
	float: left;
	margin-right: 8px;
	display: block;
	text-indent: -9999999px;
	background: url(../images/tpl/volg-ons.png) no-repeat;
}
#social-media a {
	width:19px; height:19px;
	position: relative;
	float: left;
	display: block;
	margin-right: 6px;
	margin: 11px 6px 9px 0;
	background: url(../images/tpl/social-media-icons.png) no-repeat;
}
#social-media a.facebook {
	background-position: 0 0;
}
#social-media a.twitter {
	background-position: -19px 0;
}
#social-media a.linkdin {
	background-position: -38px 0;
}
#sfeer{
	width:950px; height:327px;
	padding:8px 0 0 8px;
	position:relative;
	background:white url(../images/tpl/bg_sfeer_oranje.gif) no-repeat 8px 8px;
	z-index:10
}
#sfeer.vervolg{
	height:211px;
}
iframe.contact{
	border:1px solid #d1cfcc
}
#sfeer p#slogan{
	width:310px; height:0;
	padding:211px 0 0 0;
	overflow:hidden;
	position:absolute;
	top:8px; left:8px;
	background:url(../images/slogan_diensten.png);
}
#sfeer p#slogan.contact{
	background:url(../images/slogan_contact.png);
}
div.ui-tabs-panel{
	width:941px; height:319px
}
div.ui-tabs-panel h2{
	width:626px; height:0;
	padding:104px 0 0 0;
	overflow:hidden;
	position:absolute; top:29px; left:32px;
	background:url(../images/tpl/bg_slide-nav-h2.gif) no-repeat 0 -208px
}
div#fragment-2 h2{background-position:0 -104px}
div#fragment-3 h2{background-position:0 -312px}
div.ui-tabs-panel h2+strong{
	position:absolute; top:161px; left:32px;
	color:#13191b;
	font-size:14px;
	font-weight:normal
}
div.ui-tabs-panel img{
	height:260px;
	position:absolute;
	bottom:99px; right:65px
}
div.ui-tabs-panel .sfeer_link {
	width: 941px;
	height: 260px;
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	background: url(../images/tpl/transparant.gif) repeat;
}
.ui-tabs-nav{
	list-style:none
}
a.ui-tabs-nav-item{
	width:313px; height:91px;
	display:block;
	position:absolute;
	bottom:8px; left:8px;
	background:#040506 url(../images/tpl/bg_nav-active.gif) repeat-x;
	text-decoration:none
}
li.ui-tabs-selected a{
	background:url(../images/tpl/bg_slide-nav-active.gif) repeat-x 0 0;
	border:0
}
a.ui-tabs-nav-item.middle{
	left:321px;
	border-left:1px solid white;
	border-right:1px solid white
}
a.ui-tabs-nav-item.last{left:636px}
a.ui-tabs-nav-item strong{
	width:247px; height:0;
	padding:21px 0 0 0;
	overflow:hidden;
	display:block;
	position:absolute; top:25px; left:27px;
	background:url(../images/tpl/bg_slide-nav-strong.png) no-repeat 0 0
}
a.ui-tabs-nav-item.middle strong{background-position:0 -21px}
a.ui-tabs-nav-item.last strong{background-position:0 -63px}
a.ui-tabs-nav-item em{
	width:275px; height:24px;
	position:absolute; top:46px; left:27px;
	color:#fd9417;
	line-height:24px
}
li.ui-tabs-selected em{
	color:#11181b
}
.ui-tabs-hide{
	display:none
}

aside{
	width:311px; height:auto;
	padding:33px 0 0 8px;
	position:relative;
	float:left
}
aside ul.sub{
	width:310px;
	list-style:none
}
aside ul.sub li{
	width:310px; height:62px;
}
aside ul.sub li a{
	width:310px; height:0;
	padding:62px 0 0 0;
	overflow:hidden;
	display:block;
	background:url(../images/tpl/bg_sub_left.gif) 0 0
}
aside ul.sub li#subnav-2 a{background-position:0 -62px}
aside ul.sub li#subnav-3 a{background-position:0 -126px}
aside ul.sub li#subnav-4 a{background-position:0 -190px}
aside ul.sub li#subnav-5 a{background-position:0 -254px}
aside ul.sub li#subnav-6 a{background-position:0 -318px}
aside ul.sub li#subnav-1 a:hover,aside ul.sub li#subnav-1 a.active{background-position:-310px 0}
aside ul.sub li#subnav-2 a:hover,aside ul.sub li#subnav-2 a.active{background-position:-310px -62px}
aside ul.sub li#subnav-3 a:hover,aside ul.sub li#subnav-3 a.active{background-position:-310px -126px}
aside ul.sub li#subnav-4 a:hover,aside ul.sub li#subnav-4 a.active{background-position:-310px -190px}
aside ul.sub li#subnav-5 a:hover,aside ul.sub li#subnav-5 a.active{background-position:-310px -254px}
aside ul.sub li#subnav-6 a:hover,aside ul.sub li#subnav-6 a.active{background-position:-310px -318px}

aside #actueel {
	width: 287px;
	height: auto;
	position: relative;
	float: left;
	margin: 25px 0px 0px 12px;
}
aside #actueel #actueel-top {
	width: 256px;
	height: auto;
	position: relative;
	float: left;
	margin: 0px 0px 0px 14px;
}
aside #actueel #actueel-top h2.actueel {
	margin-bottom: 10px;
}
aside #actueel #actueel-top .blog {
	position: relative;
	float: left;
	width: 256px;
	height: auto;
}
aside #actueel #actueel-top .date {
	width: 36px;
	height: 31px;
	position: relative;
	float: left;
	padding-top: 5px;
	background: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
aside #actueel #actueel-top .date span.oranje {
	width: 36px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	color: #fd7815;
}
aside #actueel #actueel-top .bericht {
	width: 190px;
	height: auto;
	position: relative;
	float: right;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #000;
}
aside #actueel #actueel-top .bericht a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 22px;
	color: #000;
	text-decoration: underline;
}
aside #actueel #actueel-top .bericht a:hover {
	text-decoration: none;
}
aside #actueel #actueel-middle {
	width: 280px;
	height: auto;
	position: relative;
	float: left;
	padding: 20px 0px 10px 7px;
}
aside #actueel #actueel-middle a.item {
	width: 287px;
	height: 25px;
	position: relative;
	float: left;
	font-weight: bold;
}
aside #actueel #actueel-middle a.item:hover {
	text-decoration: underline;
}
aside #actueel #actueel-middle a.item span {
	width: 76px;
	float: left;
	color: #fd7815;
	font-weight: bold;
}
aside #actueel #actueel-bottom {
	width: 215px;
	height: auto;
	position: relative;
	float: left;
	padding: 10px 0px 10px 80px;
	margin: 15px 0px 0px 0px;
	border-top: dotted 1px #333333;
}
aside #actueel #actueel-bottom a {
	width: 280px;
	height: 25px;
	position: relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}
aside #actueel #actueel-bottom a:hover {
	text-decoration: underline;
}


div#infoform{
	margin:40px 0 0 30px;
}
div#infoform h3{
	margin:0 0 20px 0;
}
form#informatie{
	position:relative;
}
form#informatie fieldset{
	margin:0 0 7px 0;
}
form#informatie label{
	width:188px; height:35px;
	margin:0 0 7px 0;
	display:block;
	position:relative;
	float:left;
	background:url(../images/tpl/bg_label.gif);
	cursor:text
}
form#informatie label em{
	height:35px;
	padding:0 0 0 14px;
	display:block;
	color:#666666;
	font-size:11px;
	line-height:33px
}
form#informatie label input{
	width:165px; height:15px;
	padding:0;
	position:absolute; top:10px; left:13px;
	background:url(../images/x.gif) no-repeat right;
	border:0;
	color:#666666;
	font-size:11px;
}
form#informatie label.error{
	text-indent:5px;
	background:none;
	color:#ed8b16;
	font-size:11px;
}
form#informatie input[type="submit"]{
	width:108px; height:29px;
	display:block;
	clear:both;
	background:url(../images/tpl/btn_verzenden.gif) no-repeat;
	border:0;
	cursor:pointer;
}
form#informatie input[type="submit"]:hover{
	background-position:0 -29px;
}
div.melding div.succes{
	margin:20px 0;
	color:#ed8b16;
}
aside.contact{
	width:282px;
	padding-left:37px;
}
aside.contact h4{
	width:300px; height:0;
	padding:20px 0 0 0;
	overflow:hidden;
	background:url(../images/tpl/titels_contact_aside.gif) no-repeat;
}
aside.contact h4.nieuwsbrief{
	margin:60px 0 0 0;
	background-position:0 -20px
}
aside.contact p{
	margin:25px 0;
}
aside.contact p em{
	width:73px;
	display:inline-block;
	font-style:normal
}
aside.contact p a{
	border-bottom:1px solid #fd9217;
	color:#fd9217
}
aside.contact p a:hover{
	border:none
}
aside form#nieuwsbrief label{
	background-image:url(../images/tpl/bg_input_nieuwsbrief.gif);
	background-position:60px 0;
}
aside form#nieuwsbrief label input{
	width:170px;
	top:5px; left:63px
}
input.verzenden{
	width:108px; height:29px;
	background:url(../images/tpl/btn_verzenden.gif) no-repeat;
	cursor:pointer;
	float:left
}
input:hover.verzenden{
	background-position:0 -29px;
}
aside form#nieuwsbrief input.verzenden{
	margin:15px 0 0 130px;
}

article{
	width:555px;
	padding:45px 37px 0 47px;
	float:left
}
article p{
	margin:20px 0;
}
article p a,
article li a{
	border-bottom: none;
}
article p a:hover,
article li a:hover{
	border:0
}
article ul,ol{
	margin:0 0 0 40px
}
article h1{
	height:35px;
	margin:0 0 0 0;
	color:#fd9417;
	font-size:30px
}
article h1+p{
	font-weight:bold
}
article h2{
	margin:40px 0 0 0;
}
article h2+p{
	margin-top:0;
}

.paging {
	width: 268px;
	height: 37px;
	position: relative;
	float: left;
	padding: 0px 0px 0px 250px;
	margin-bottom: 30px;
	border-bottom: dotted #999999 1px;
}
.paging.onder {
	border-bottom: none;
	padding-top: 25px;
	margin-top: 15px;
	border-top: dotted #999999 1px;
}
.paging span {
	width: 75px;
	height: 37px;
	position: relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.paging a {
	width: 20px; height: 20px;
	position: relative;
	float: left;
	background: #000;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-right: 3px;
	color: #fff;
}
.paging a.puntjes {
	background: none;
	color: #000;
}
.paging a.active, .paging a:hover {
	background: #fd7815;
	color: #fff;
}
a.item-archief {
	width: 500px;
	height: 25px;
	position: relative;
	float: left;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 15px;
	text-decoration: none;
}
a.item-archief strong {
	color: #fd7815;
	width: 100px;
	padding-right: 25px;
}
a.item-archief:hover {
	text-decoration: underline;
}
.lijn {
	width: 500px;
	height: 1px;
	border-bottom: dotted #666666 1px;
	margin: 20px 0px;
	float: left;
}

form#contact {
	float: left;
}
form#contact legend {
	display: none;
}
form#contact label {
	width: 500px;
	margin: 0 0 5px 0;
	display: inline-block;
	position: relative;
	float: left;
	cursor: pointer;
	font-weight:bold
}
form#contact label.aanhef {
	width: 157px;
	display: inline-block;
	background: none;
}
form#contact label.radio {
	width: 46px;
	padding: 0 0 0 24px;
	display: inline-block;
	background: url(../images/tpl/radio.gif) no-repeat left top;
	font-weight:normal
}
form#contact label.radio.checked {
	background-position: 0 -32px;
}
form#contact label.radio input {
	display: none;
}
form#contact label input[type="text"],
form#contact label textarea {
	width: 330px;
	position: absolute;
	top: 5px; left: 162px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
form#contact label textarea {
	height: 185px;
	overflow: auto;
}
form#contact label.textarea {
	height: 205px;
	background-image: url(../images/tpl/bg_textarea.gif);
}
form#contact span.icon {
	width: 8px; height: 8px;
	margin: 12px 0 0 13px;
	display: inline-block;
	float: left;
	background: url(../images/tpl/icons.gif) no-repeat 0 0;
}
form#contact label.error {
	color:#fd9217;
	background:none;
	font-weight:normal;
	text-indent:160px;
}
form#contact input.verzenden{
	margin:0 0 0 390px;
}

footer{
	width:100%; height:235px;
	position:absolute;
	bottom:0!important; bottom:-1px; left:0;
	background:#13191c
}
div#footer{
	width:935px; height:235px;
	margin:0 auto;
	padding:0 0 0 23px;
	position:relative
}
div#footer p{
	color:#7d8081;
	font-size:11px
}
div#footer p#socialmedia,div#footer p#copyright{
	position:absolute;
	top:163px;
}
div#footer a{
	color:#7d8081;
	font-size:11px;
	white-space:nowrap
}
div#footer a:hover{color:#fd8c17}
div#footer span{
	padding:0 11px
}
div#footer div.col{
	width:345px; height:190px;
	padding:35px 0 0 0;
	position:relative;
	float:left
}
div#footer div.col.last{
	width:589px;
}
div#footer h4{
	width:150px; height:0;
	padding:17px 0 0 0;
	overflow:hidden;
	background:url(../images/tpl/bg_footer_img.gif) no-repeat 0 0;
}
div#footer div.col.last h4{
	background-position:0 -17px
}
div#footer p#copyright a{
	color:#fd8c17
}
div#footer p#copyright a[rel="external"]{
	color:#7d8081
}
div#footer p#copyright a:hover[rel="external"]{
	border:0;
	color:#fd8c17
}
div#footer p#copyright a:hover{
	border-bottom:1px solid #fd8c17
}
div#footer p#telnr{
	width:240px; height:0;
	padding:25px 0 0 0;
	overflow:hidden;
	position:absolute;
	top:153px;
	background:url(../images/tpl/telnr.gif) no-repeat;
}
div#footer p#socialmedia{
	width:250px; height:17px;
	background:url(../images/tpl/bg_footer_img.gif) no-repeat 0 -34px
}
div#footer p#socialmedia a{
	width:76px; height:0;
	padding:17px 0 0 0;
	overflow:hidden;
	display:block;
	position:absolute; top:0; left:0;
}
div#footer p#socialmedia a#youtube{
	width:50px;
	left:97px
}
div#footer p#socialmedia a#linkedin{
	width:68px;
	left:173px
}
div#footer p#socialmedia a#linkedin{
	width:68px;
	left:173px
}