/* CSS Document */
/* algemeen */
html{
	font-family:Arial, Helvetica, sans-serif;
}

body{
	margin:0;
	padding:0;
	background-image:url(../images/background.jpg);
}

.wrapper-bg{
	width:990px;
	margin:0 auto;
	padding:0;
	background-image:url(../images/wrapper-bg.png);
	background-position:center;
	background-repeat:repeat-y;
	height:100%;
	float:left;
	position:relative;
	z-index:999;
}

.wrapper{
	width:990px;
	margin:0 auto;
	padding:0;
	position:relative;
	z-index:999;
}
/* einde algemeen */
/* nieuwsbrief */
.nieuwsbrief{
	width:33px;
	height:128px;
	position:fixed;
	margin-top:240px;
	float:left;
	z-index:2;
	background-image:url(../images/nieuwsbrief.png);
	left:0;
	color:#FFF;
	border:none;
	text-decoration:none;
}

.nieuwsbrief a{
	width:33px;
	height:128px;
	display:block;
	text-decoration:none;
	border:none;
}

.nieuwsbrief a:hover{
	width:33px;
	height:128px;
	display:block;
	text-decoration:none;
	border:none;
}

.nieuwsbrief-left{
	margin:0;
	padding-left:44px;
	padding-top:210px;
	color:#FFF;
	font-size:12px;
	float:left;
}

.nieuwsbrief-left h2 span{
	margin:0;
	padding:0;
	font-size:16px;
	width:100%;
	float:left;
	text-transform:uppercase;
	color:#FFF;
	margin-bottom:33px;
	display:block;
	width:290px;
}

.nieuwsbrief-left span.hoogte{
	margin:0;
	padding:0;
	margin-bottom:24px;
	float:left;
	display:block;
	width:290px;
}

.nieuwsbrief-left span.sluiten{
	margin:0;
	padding:0;
	margin-top:16px;
	float:left;
	display:block;
	width:290px;
}

.nieuwsbrief-left span.sluiten a{
	color:#FFF;
	text-decoration:none;
	font-weight:normal;
	border:none;
}

.nieuwsbrief-left span.sluiten a:hover{
	color:#FFF;
	text-decoration:underline;
}

.nieuwsbrief-left .gegevens{
	margin:0;
	padding:0;
	width:265px;
	float:left;
	margin-bottom:13px;
}

.nieuwsbrief-left .gegevens .naam{
	margin:0;
	padding:0;
	float:left;
	padding-top:7px;
}

.nieuwsbrief-left .gegevens input{
	margin:0;
	padding:0;
	float:right;
	height:16px;
	border:none;
	background-color:#8ca7ba;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width:173px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
}

.nieuwsbrief-left .gegevens input.verzenden{
	margin:0;
	padding:0;
	float:right;
	width:auto;
	height:auto;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	background-color:transparent;
}

.nieuwsbrief-left .gegevens textarea{
	margin:0;
	padding:0;
	float:right;
	height:110px;
	width:168px;
	padding-left:5px;
	border:none;
	background-color:#8ca7ba;
	-moz-border-radius:5px;
	padding-right:5px;
	-webkit-border-radius:5px;
	overflow:auto;
}
/* einde nieuwsbrief */

/* header */
.header{
	width:960px;
	margin:0 auto;
	padding:0;
}

.header .logo{
	width:246px;
	height:169px;
	margin-left:11px;
	margin-top:6px;
	float:left;
}

.header .logo h1{
	margin:0;
	padding:0;
}

/* menu */
.menu{
	float:right;
	padding:0;
	margin-right:25px;
	margin-top:65px;
	margin-bottom:10px;
}

.menu ul{
	float:right;
	list-style:none;
	padding:0;
	margin:0;
}

.menu ul li{
	float:left;
	display:block;
}

.menu ul li a{
	padding-right:7px;
	padding-left:7px;
	height:25px;
	font-size:16px;
	margin-right:3px;
	text-decoration:none;
	color:#002540;
	line-height:25px;
}

.menu ul li a.active{
	background-color:#002540;
	color:#FFF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding-bottom:2px;
	height:25px;
	border-bottom:1px solid  #002540;
}

.menu ul li a:hover{
	padding-bottom:2px;
	height:25px;
	text-decoration:none
}

.sub-menu{
	width:697px;
	height:39px;
	background-image:url(../images/menu-bg.png);
	background-repeat:no-repeat;
	float:left;
	margin:0px;
	padding-top:20px;
}

.sub-menu ul{
	width:682px;
	list-style:none;
	padding:0;
	margin:0;
	margin-left:10px;
}

.sub-menu ul li{
	float:left;
	margin-left:24px;
	height:auto;
	padding:0;
	width:auto;
}

.sub-menu ul li a{
	color:#002540;
	text-decoration:none;
	margin:0px;
	padding:0px;
	display:block;
	font-size:16px;
	width:auto;
}

.sub-menu ul li a:hover{
	color:#002540;
	text-decoration:none;
	margin:0px;
	padding:0px;
	font-size:16px;
	width:auto;
}
/* einde menu */

/* dropdown menu */
.sub-menu li ul{
	display:none;
	/*top:1em;
	/*left:0;*/
}
	
.sub-menu li:hover ul{
	background:#e2bc27;
	display:block;
	height:auto;
	padding:0;
	margin-left:-10px;
	border:none;
	position:absolute;
	width:202px;
	z-index:200;
	padding-top:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.sub-menu li li {
	display:block;
	margin:0;
	float:none;
	padding:0;
	height:auto;
}

.sub-menu li ul a{
	display:block;
	height:auto;
	width:190px;
	font-size:16px;
	font-style:normal;
	margin:0px;
	text-align:left;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:10px;
}

.sub-menu li ul a:hover{
	display:block;
	height:auto;
	width:190px;
	font-size:16px;
	font-style:normal;
	margin:0px;
	text-align:left;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:10px;
	border:none;
}

/* einde dropdown menu */
/* einde header */

/* content */
.content{
	width:960px;
	margin:0 auto;
}

/* content-top */
.content .content-top{
	width:920px;
	margin-top:15px;
	margin-left:20px;
	float:left;
	border:3px solid #d6d6d6;
}


.content .content-top .video{
	width:574px;
	height:322px;
	float:left;
	position:absolute;
	z-index:1;
}

.content .content-top .video img{
	width:574px;
	height:322px;
}

.content .content-top .video embed{
	position:absolute;
	z-index:1;
}

.content .content-top .aanbod{
	width:375px;
	height:322px;
	margin:0;
	float:right;
	position:relative;
	z-index:2;
	background-image:url(../images/aanbod-bg.png);
	background-position:left;
	background-repeat:no-repeat;
}

.content .content-top .aanbod h2{
	margin:0;
	padding:0;
	font-size:16px;
	font-weight:normal;
	margin-top:30px;
	margin-left:54px;
	text-transform:uppercase;
	color:#FFF;
	margin-bottom:15px;
	float:left;
}

.content .content-top .aanbod .regel{
	width:285px;
	float:left;
	margin-left:54px;
	margin-bottom:12px;
	font-size:15px;
}

.content .content-top .aanbod .regel span{
	background-image:url(../images/plusje.png);
	float:left;
	margin-right:28px;
	height:11px;
	width:11px;
}

.content .content-top .aanbod .regel .tekst{
	float:left;
	width:240px;
	color:#a2bbcd;
	margin-top:-2px;
}
/* einde content-top */

/* banner-bottom */
.content .banner-bottom{
	width:960px;
	padding:0;
	margin-top:30px;
	margin-bottom:20px;
	margin-left:25px;
	float:left;
}
/* einde banner-bottom */

/* content-bottom */
.content .content-bottom{
	width:960px;
	margin:0 auto;
	padding:0;
	padding-left:10px;
	float:left;
}

.content .content-bottom .items{
	width:288px;
	margin:0;
	padding:0;
	float:left;
	padding-left:12px;
	margin-left:10px;
	margin-top:50px;
}

.content .content-bottom .items h3{
	width:268px;
	margin:0;
	padding:0;
	float:left;
	color:#514b52;
	font-size:16px;
	text-transform:uppercase;
	font-weight:normal;
}

.content .content-bottom .items .tekst{
	width:278px;
	margin-top:30px;
	line-height:22px;
	padding:0;
	float:left;
	color:#514b52;
	font-size:12px;
}

.content .content-bottom .items .bel{
	width:278px;
	margin-top:30px;
	padding:0;
	float:left;
	color:#002540;
	font-size:14px;
}

.content .content-bottom .items .datum{
	width:278px;
	padding:0;
	float:left;
	color:#002540;
	font-size:14px;
	margin-top:6px;
}

.content .content-bottom .items .lees-meer{
	width:102px;
	padding:0;
	float:left;
	margin-top:25px;
}

.content .content-bottom .items .lees-meer a{
	width:102px;
	text-align:center;
	display:block;
	font-size:14px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#002540;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
}

/* nieuwsitems */
.content .content-bottom .nieuwsitems{
	width:550px;
	float:left;
	margin-top:42px;
	padding-left:15px;
	padding:0;
}

.content .content-bottom .nieuwsitem{
	width:550px;
	float:left;
	padding-left:8px;
	margin:0;
}

.content .content-bottom .nieuwsitem h2{
	width:550px;
	float:left;
	padding:0;
	color:#514b52;
	font-size:16px;
	text-transform:uppercase;
	margin:0;
}

.content .content-bottom .nieuwsitem .datum{
	width:550px;
	float:left;
	padding:0;
	color:#002540;
	font-size:14px;
	text-transform:uppercase;
	margin-top:20px;
}

.content .content-bottom .nieuwsitem .datum span{
	float:left;
	padding:0;
	margin:0;
}

.content .content-bottom .nieuwsitem .tekst{
	float:left;
	padding:0;
	margin-top:18px;
	font-size:12px;
	color:#514b52;
	width:550px;
	line-height:22px;
}

.content .content-bottom .nieuwsitem .lees-meer{
	width:102px;
	padding:0;
	float:left;
	margin-top:15px;
}

.content .content-bottom .nieuwsitem .lees-meer a{
	width:102px;
	text-align:center;
	display:block;
	font-size:14px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#002540;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
}

.content .content-bottom .nieuwsitems .lijn{
	float:left;
	padding:0;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:10px;
	height:1px;
	width:550px;
	background-color:#e2bc27;
}

.content .content-bottom .oude-nieuwsitems{
	float:right;
	padding:0;
	margin-top:42px;
	width:308px;
}

.content .content-bottom .oude-nieuwsitems h2{
	float:right;
	padding:0;
	margin-bottom:24px;
	width:308px;
	font-size:16px;
	color:#514b52;
	text-transform:uppercase;
}

.content .content-bottom .oude-nieuwsitems .nieuws{
	float:right;
	padding:0;
	margin-bottom:14px;
	width:308px;
	font-size:12px;
	color:#514b52;
}

.content .content-bottom .oude-nieuwsitems .nieuws .datum{
	float:left;
	padding:0;
	color:#002540;
	float:left;
	font-size:12px;
	margin-right:3px;
	font-weight:bold;
}

.content .content-bottom .oude-nieuwsitems .nieuws span{
	float:left;
	padding:0;
	font-size:12px;
	color:#514b52;
}

.content .content-bottom .oude-nieuwsitems .nieuws span a{
	padding:0;
	font-size:12px;
	color:#514b52;
	text-decoration:none;
	font-weight:normal;
}

.content .content-bottom .oude-nieuwsitems .nieuws span a:hover{
	padding:0;
	font-size:12px;
	color:#514b52;
	text-decoration:underline;
}
/* einde nieuwsitems */
/* content - tekst */
.content .content-bottom .content-tekst{
	margin-top:42px;
	width:530px;
	float:left;
	padding-left:20px;
}

.content .content-bottom .content-tekst h2{
	width:550px;
	float:left;
	font-size:16px;
	color:#514b52;
	margin:0;
	padding:0;
	text-transform:uppercase;
}

.content .content-bottom .content-tekst .tekst{
	width:550px;
	float:left;
	font-size:12px;
	color:#514b52;
	margin-top:24px;
	padding:0;
	line-height:22px;
}
/* einde content - tekst */
/* korting */
.content .content-bottom .korting{
	width:308px;
	float:right;
	margin-top:42px;
	margin-right:20px;
	padding:0;
}

.content .content-bottom .korting h2{
	width:260px;
	float:left;
	margin:0;
	padding:0;
	font-size:16px;
	text-transform:uppercase;
	color:#514b52;
}

.content .content-bottom .korting .tekst{
	width:290px;
	float:left;
	margin-top:24px;
	padding:0;
	font-size:12px;
	line-height:22px;
	color:#514b52;
}

.content .content-bottom .korting .tekst span{
	color:#002540;
	font-weight:bold;
}

.content .content-bottom .korting .bel{
	width:290px;
	float:left;
	margin-top:30px;
	padding:0;
	font-size:14px;
	line-height:24px;
	color:#514b52;
}
/* einde korting */
/* contact gegevens */
.content .content-bottom .contact{
	width:308px;
	float:right;
	margin-top:42px;
	margin-right:20px;
	padding:0;
}

.content .content-bottom .contact h2{
	width:260px;
	float:left;
	margin:0;
	padding:0;
	font-size:16px;
	text-transform:uppercase;
	color:#514b52;
}

.content .content-bottom .contact .tekst{
	width:290px;
	float:left;
	margin-top:24px;
	padding:0;
	font-size:12px;
	color:#514b52;
}

.content .content-bottom .contact .tekst .gegeven{
	width:290px;
	padding:0;
	margin:0;
	display:block;
	line-height:18px;
}
.content .content-bottom .contact span{
	margin-right:10px;
}
/* einde contact gegevens */

/* video pagina */
.content .content-bottom .videos{
	width:560px;
	margin-top:42px;
	padding:0;
	float:left;
	padding-left:20px;
}

.content .content-bottom .videos h2{
	width:560px;
	float:left;
	margin-bottom:24px;
	padding:0;
	font-size:16px;
	text-transform:uppercase;
	color:#514b52;
}

.content .content-bottom .videos .video{
	width:560px;
	float:left;
	margin:0;
	padding:0;
}

.content .content-bottom .videos .object{
	float:left;
	margin-right:25px;
	padding:0;
	margin-bottom:0px;
}

.content .content-bottom .videos .titel{
	width:235px;
	float:right;
	margin-bottom:20px;
	font-size:16px;
	color:#002542;
	padding:0;
	font-weight:bold;
}

.content .content-bottom .videos .tekst{
	width:auto;
	float:left;
	font-size:12px;
	color:#514b52;
	padding:0;
	line-height:22px;
}


.content .content-bottom .videos .lijn{
	width:560px;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	height:1px;
	background-color:#e2bc27;
	float:left;
	padding:0;
}
/* einde video pagina */
/* einde content-bottom */
/* einde content */

/* footer */
.footer-top{
	width:990px;
	background-image:url(../images/footer-bg-top.png);
	background-position:center;
	background-repeat:no-repeat;
	height:16px;
	margin-top:40px;
	float:left;

}

.footer{
	width:990px;
	background-image:url(../images/footer-bg.png);
	background-position:center;
	background-repeat:repeat-y;
	background-color:#e3bd28;
	float:left;
	padding-bottom:30px;
	font-size:12px;
}

.footer ul{
	padding:0;
	list-style:none;
	font-size:12px;
	margin-left:20px;
	margin-top:10px;
	font-size:12px;
}

.footer ul li{
	display:block;
	float:left;
	margin-left:20px;
	font-size:12px;
}

.footer ul li a{
	color:#FFF;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
}

.footer ul li a:hover{
	color:#FFF;
	text-decoration:underline;
}

.footer .copyright{
	float:right;
	color:#FFF;
	font-size:12px;
	margin-right:100px;
}

.footer .bel{
	font-size:16px;
	color:#FFF;
	margin-left:40px;
	padding:0;
	float:left;
	width:960px;
	margin-top:30px;
	text-transform:uppercase;
}

.footer .bel span{
	font-size:20px;
	margin-left:5px;
	padding:0;
	text-align:left;
}
/* einde footer */

.pagina-nav {
	float:right;
	margin-top:20px;
	}
.pagina-nav ul {
	color:#404041;
	float:right;
	font-size:12px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}
.pagina-nav li {
	display:block;
	float:left;
	line-height:20px;
	padding:0;
	text-align:center;
	vertical-align:text-top;
	font-size:12px;
}
.pagina-nav li a {
	color:#404041;
	display:block;
	float:left;
	font-size:12px;
	margin-top:1px;
	text-decoration:none;
}