*{
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}
/*voor IE*/
html {
   -ms-overflow-style: scrollbar;/*auto | none | scrollbar | -ms-autohiding-scrollbar*/
}
html,body{
    height: 100%;
}
/* #############################################
##############voor achtergrond #################
################################################ */

/* pagina vanuit onder opzetten in plaats van boven */
#holder{
	background:none;
}
#body{
	background:none;
}
#footer{
	background:none;
}

/* ############################## */


.block ul, ol {padding: 0px; margin: -10px -10px 10px -10px;  list-style-position: inside;}
.block li { padding: 10px;}
.block li:nth-child(odd) { background: url("../img/block-bg-wit.png"); color:#000; }

.los_knop{display: inline-block;
color:#fff;
font-size:100%;
margin:0px;
padding:10px;
text-transform:uppercase;
font-weight:400;
background:url("../img/block-bg-80.png");
padding:10px 10px; margin-bottom:10px;
width: 250px;}

.richt_knop{text-align: right; width: auto; padding-bottom: 200px;}
.geld{position: absolute; right:40px;}
.geld-text{margin-right: 120px;}
.zin{
	position: absolute;
	width:100%;
	text-align:center;
	left:0;
}

body{
		font-size:14px;
		line-height:23px;
		overflow-y:scroll;
		color:#fff;
}
h1{
	display:inline-block;
	color:#fff;
	font-size:26px;
	margin:0px;
	padding:10px;
	text-transform:uppercase;
	font-weight:700;
	margin-bottom:20px;
	background:url("../img/block-bg-80.png");
}
h2{
	color:#fff;
	text-transform:uppercase;
	font-size:15px;
	margin-bottom:10px;
	margin-top:10px;
	font-weight:700;
}
p{
	margin-bottom:5px;
}
.img-100{
	width:100%;
}
.jaar-25 {
	position: absolute;
	right: -40px;
	top: -18px;
}
table{
	margin-bottom:15px;
}
a , a:hover{
	color:#fff;
	font-weight:bold;
}
.margin-bottom{
	margin-bottom:20px;
}
.margin-top{margin-top:20px;}
.block{
	padding:10px;
	background:url("../img/block-bg-80.png");
}
.blockwit{
	padding:10px;
	background:url("../img/block-bg-wit.png");
}
.tekst-btn{
	text-decoration: none;
	color:#000;
}
.richt_knop .tekst-btn{	display: block;
text-align: center;}
.tekst-btn:hover{
	text-decoration: none;
	color:#fff;
}

/*.cta {background: url("../img/block-bg-wit.png");}*/
.cta .tekst-btn{ background: #e50078; color:#fff;}
.cta .tekst-btn:hover{background:url("../img/block-bg-wit.png");}

/* navbar */
.navcontainer{margin-left: -15px; /* remove outer border spacing */
    margin-right: -15px; /* remove outer border spacing */}
ul.nav{border-spacing:15px 0px; margin:0px; padding:0px; height:43px;}
ul.nav li{background:url("../img/block-bg-80.png");}
ul.nav li a{
	text-align:center;
	color:#fff;
	text-transform:capitalize;
}

ul.nav li.actief, ul.nav li:hover{background:url("../img/block-bg-wit.png");}
ul.nav li.actief a, ul.nav li a:hover{color:#000;}
#navigation{
	display:none;
}


a#responsive-menu-button {
position:relative;
float:left;
width:40px;
height:35px;
margin-top:6px;
display: block;
background: url(../img/menu-bg.png) repeat-x;
outline:none;
cursor:pointer;
}
a#responsive-menu-button:hover {
	text-decoration:none;
}
a#responsive-menu-button.actief{
	 /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

  /* IE 5-7 */
  filter: alpha(opacity=60);

  /* Netscape */
  -moz-opacity: 0.6;

  /* Safari 1.x */
  -khtml-opacity: 0.6;

  /* Good browsers */
  opacity: 0.6;
}
/* eind nav */

/* ######### body */
.slogan{
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	font-weight:700;
}
.telefoon{
	text-align:right;
}
.telefoon span{
	text-transform:uppercase;
	font-weight:bold;
	display:block;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

/* bovenstaande css is voor mobiel maar dit is voor aanpassingen achteraf die alleen voor klein scherm zijn */
@media (max-width: 492px) {
h1{
	display:block;
	font-size:24px;
}

.richt_knop{text-align: right; width: auto; padding-bottom:0px;}
p{
	margin-bottom:10px;
}
}
@media (min-width: 334px) and (max-width: 492px)  {
	.jaar-25 {
		top: -15px;
		right: -30px;
		width: 30%;
	}
}
/*tablet verticaal (klap punt voor menu)*/
@media (min-width: 492px) and (max-width: 768px) {
.richt_knop{text-align: right; width: auto; padding-bottom:0px;}

.jaar-25 {
	top: -25px;
	right: -35px;
	width: 30%;
}
}
@media (max-width: 768px){
	.zin{
		position: relative;
		width:100%;
		text-align:left;
		left:0;
		display:block;
	}
}

/*tablet horizontaal*/
@media (min-width: 768px) and (max-width: 992px) {
.richt_knop{text-align: right; width: auto; padding-bottom:100px;}
#holder{
    min-height: 100%;
    position:relative;
	background:none;
}
#body{
    /* padding-bottom: 100px;     height of footer (jquery) */
	background:none;
}
#footer{
   	/* height: 100px;  (jquery)*/
    width:100%;
    position: absolute;
    left: 0;
    bottom: 0;
	background:none;
}
.telefoon{
	text-align:right;
	float:right;
	display:inline-block;
}
}
/*klein scherm*/
@media (min-width: 992px) and (max-width: 1200px) {
	.richt_knop{text-align: right; width: auto; padding-bottom:100px;}
#holder{
    min-height: 100%;
    position:relative;
	background:none;
}
#body{
    /* padding-bottom: 100px;     height of footer (jquery) */
	background:none;
}
#footer{
   	/* height: 100px;  (jquery)*/
    width:100%;
    position: absolute;
    left: 0;
    bottom: 0;
	background:none;
}
.telefoon{
	text-align:right;
	float:right;
	display:inline-block;
}
}
/*groot scherm*/
@media (min-width: 1200px) {
#holder{
    min-height: 100%;
    position:relative;
	background:none;
}
#body{
    /* padding-bottom: 100px;     height of footer (jquery) */
	background:none;
}
#footer{
   	/* height: 100px;  (jquery)*/
    width:100%;
    position: absolute;
    left: 0;
    bottom: 0;
	background:none;
}
.telefoon{
	text-align:right;
	float:right;
	display:inline-block;
}
}