@charset "UTF-8";

html,
body {
   margin:0;
   padding:0;
   height:100%;
   font-family: Verdana, Arial, Sans-Serif;
}
#container {
   min-height:100%;
   position:relative;
}

/* HEADER */
#headerwrap {
   height:180px; background-image:url(../images/bg_head.png); background-repeat:repeat-x;
}
#header {
    max-width:1400px; 
    margin: 0px auto 0px auto; 
    padding: 0px 20px 0px 20px; font-family: 'Text Me One', sans-serif; font-weight:400; position:relative;
}

/* BODY */
#bodywrap {
   padding-bottom:415px;   /* HOOGTE VAN DE FOOTER - AAN TE PASSEN */
}
#body {
    max-width:1400px;  
    margin: 0px auto 0px auto; 
    padding: 40px 20px 60px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:26px; color:#585858;
}

/* FOOTER */
#footerwrap {
   position:absolute;
   bottom:0;
   width:100%;
   height:415px;   /* HOOGTE VAN DE FOOTER - AAN TE PASSEN */ background-image:url(../images/bg_foot.png); background-repeat:repeat-x; 
}
#footer {
    max-width:1400px; 
    margin: 0px auto 0px auto; 
    padding: 0px 20px 0px 20px;
}


.logo { position:absolute;}

.basket { position:absolute; right:0px; top:133px;}

#nav { max-width:775px; float:right; padding-top:50px;}
#nav ul li { float:left;}
#nav ul li a { display:block; text-align:center; width:155px; color:#e84e1b; font-size:18px; line-height:40px; height:87px;}
#nav ul li a span { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#3c3c3b; line-height:18px; display:block;}
#nav ul li a span:hover { color:#f39200;}
.line_bg { background-image:url(../images/bg_nav.png); background-repeat:no-repeat; background-position:left top;}

h1 {font-family: 'Text Me One', sans-serif; font-weight:400; color:#585858; font-size:20px; text-align:center; line-height:16px; background-image:url(../images/h1.png); background-repeat:no-repeat; background-position:center top; margin-bottom:60px;}

.just { text-align:justify;}
.cent { text-align:center;}
.centfoot { line-height:30px;}
.centfoot ul { max-width:300px; margin:auto;}

.ticker { height:122px; text-align:center; font-family: 'Text Me One', sans-serif; background-image:url(../images/bg_ticker.png); background-repeat:no-repeat; background-position:center top; font-size:18px; line-height:30px; color:#e94e1b; background-color:#FFF; width:100%;}
#tickertape div{
	padding-top: 16px;
}
.footzone { height:244px; color:#FFF; padding-top:23px; font-size:11px; line-height:21px;}
.footzone h2 { font-family: 'Text Me One', sans-serif; text-align:center; font-size:18px; line-height:28px; margin-bottom:20px;}
.footy { text-align:center; font-size:10px; color:#f38d65; line-height:24px;}
.footy a {color:#f38d65;}

.aanbod1 { float:right; margin-bottom:4%; }
.aanbod2 { float:left; margin-right:4%; margin-bottom:4%;}
.aanbod3 { margin:auto; max-width:446px;}

.shadow {-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;  -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; padding:5%; text-align:left; font-size:11px;}
	 
.shadow ul { -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; padding:8%; list-style-image:url(../images/li.jpg);}

.shadow h2 { font-size:18px; text-align:center; color:#e94e1b; border-bottom:1px solid #e94e1b; line-height:1px; margin-bottom:8%; margin-top:7%;}
.shadow h2 span { background-color:#FFF; padding-left:5%; padding-right:5%;}

a.bestel { color:#FFF; text-align:center; display:block; font-size:14px; background-color:#e94e1b; font-family: 'Text Me One', sans-serif; line-height:35px; margin-bottom:7%;}

.keuzes { color:#3c3c3b; font-family: 'Text Me One', sans-serif; color:#3c3c3b;}
.keuzes h2 { height:33px; line-height:33px; background-color:#f39200; background-image:url(../images/cat.jpg); background-repeat:no-repeat; background-position:left; padding-left:52px; text-transform:uppercase; font-size:14px; margin-bottom:10px;}
.keuzes h3 { font-size:14px; height:30px; line-height:30px; border:1px solid #e94e1b; background-image:url(../images/ar.jpg); background-repeat:no-repeat; background-position:right top; margin:auto; width:91.5%; margin-bottom:22px;}
.keuzes h3 span { margin-left:15px; font-weight: bold;}
.keuzes h3:hover { background-position:right bottom;}
.plus { float:right; margin-right:38px;}
.uitleg { font-size:11px;  margin:auto; width:89%; clear:both; padding-bottom:22px;}

.faq {}
.faq h2 { height:33px; color:#FFF; line-height:33px; background-color:#e94e1b; background-image:url(../images/cat.jpg); background-repeat:no-repeat; background-position:left; padding-left:52px;  font-size:14px; margin-bottom:10px;}


.gegevens {-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;  -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; padding:2%; text-align:left; font-size:14px; text-align:center; font-family: 'Text Me One', sans-serif;}

.gegevens h2 { font-size:24px; text-align:center; color:#e94e1b;  margin-bottom:8%; }
.gegevens a { color:#e94e1b;}

a.mail { color:#FFF; text-align:center; max-width:300px; margin:auto; display:block; font-size:14px; background-color:#e94e1b; font-family: 'Text Me One', sans-serif; line-height:35px; margin-bottom:7%; font-weight:bold;}



/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 4%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}
                                               

					
/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 48%;
}

					
/*  GRID OF THREE  */
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 65.33%;
}
.span_1_of_3 {
	width: 30.66%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
	
	#bodywrap {
   padding-bottom:827px;   /* HOOGTE VAN DE FOOTER - AAN TE PASSEN */
   padding-bottom:370px; 
}
	
	
	#footerwrap {
   position:absolute;
   bottom:0;
   width:100%;
   height:auto;   /* HOOGTE VAN DE FOOTER - AAN TE PASSEN */  background-image:none; 
}

.footzone {
   background-color:#e94e1b; height:auto;
}
	
}

@media only screen and (max-width: 480px) {
	
	.span_2_of_2 {
		width: 100%; 
	}
	.span_1_of_2 {
		width: 100%;
	}
	
	
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
}