@charset "UTF-8";
/* CSS Document */

body
{ 
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	-webkit-text-size-adjust: 100%;
	font-size: 19px!important;
	line-height: 26px;
	color: #404040;
}



/* --- CSS Menu --- */

#nav {
	position: fixed;
	z-index: 1;
	width: 100%;
	padding: 3px 25px 13px 25px;
	background-color: #25292c;
  	-moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);
 	-webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);
}

.container_menu
{
	width: auto;
	margin: 0 auto;
	padding: 0px;
}


/* Dropdown Button */
.dropbtn {
    display: block;
	min-width: 150px;
	padding: 10px 0px 0px 30px;
	background-image: url('../images/menu_open.png');
    background-repeat: no-repeat;
	background-position: 0px 15px;
    border: none;
    cursor: pointer;
	color: #fff;
	font-size: 18px;
	letter-spacing: 0.03em;
}

/* Dropdown button on hover & focus 
.dropbtn:hover, .dropbtn:focus {
    
}*/

/* The container <div> - needed to position the dropdown content */
.dropdown {
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    min-width: 150px;
	margin-top: 23px;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: #fff;
	border-top: 1px solid #34393d;
	padding: 8px 0px 9px 0px;
    text-decoration: none;
    display: block;
	font-size: 18px;
	letter-spacing: 0.03em;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover { color: #f180b0; }

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show { display: block; }



/* --- CSS Layout --- */

.container
{
	padding: 0px 0px 0px 0px;
}

.cont_100 { float: left; width: auto; }
.cont_50 { float: left; width: auto; }
.cont_50_l { float: left; width: auto; }
.cont_50_r { float: right; width: auto; }
.cont_25 { float: left; width: auto; }

h1
{
	margin: 0px;
	padding: 0px;
	font-weight: 300;
	font-size: 52px;
	line-height: 55px;
}

h2
{
	margin: 0px;
	padding: 0px;
	font-weight: 300;
	font-size: 35px;
	line-height: 41px;
}

h3
{
	margin: 0px;
	padding: 0px;
	font-weight: 300;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0.02em;
}

ul
{
	list-style: square inside url('../images/vink.png');
	list-style-position: 20px 20px;
	margin: 0px;
	padding: 0px;
}

li
{
	margin: 0px;
	padding: 0px;
}

.title
{
	text-align: center;
	padding: 40px 0px 40px 0px;
}

.title_small
{
	font-weight: 400;
	font-size: 22px;
	line-height: 29px;
	padding: 30px 25px 0px 25px;
}

.head
{
	font-weight: 400;
	font-size: 22px;
	line-height: 29px;
	padding: 0px 0px 5px 0px;
}

.clear { clear: both; }



/* --- CSS Introduction --- */

#intro
{
	padding: 5px 0px 0px 0px;
}

#logo
{
	background: #fff;
	padding: 65px 0px 15px 20px;
}

#logo .container .cont_50_r
{
	text-align: right;
	padding: 0px 20px 0px 0px;
}

#logo .container .cont_50_l img
{
	height: 60px;
}

#logo .container .cont_50_r img
{
	height: 65px;
}

#message
{
	background: #c7ebdf; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#7bacb5, #c7ebdf); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#7bacb5, #c7ebdf); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#7bacb5, #c7ebdf); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#7bacb5, #c7ebdf); /* Standard syntax */
	/*text-align: center;
	color: #fff;*/
}

#message .container
{
	height: 590px;
	/*background-image: url(../images/bg_intro_img_m.png);*/
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center bottom;
}

#message .container .title h1
{
	margin-top: 20px;
	padding-bottom: 25px;
}

#message .container .title h3
{
	width: 87%!important;
	margin: 0 auto;
}

#introduction
{
	padding: 20px 0px 80px 0px;
	background: #375e67; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#375e67, #497580); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#375e67, #497580); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#375e67, #497580); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#375e67, #497580); /* Standard syntax */
	color: #fff;
}

#introduction .cont_50_l
{
	width: 100%;
	height: 300px;
	margin-bottom: 40px;
	background-image: url('../images/foodtruck.jpg');
	background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
}

#introduction .cont_50_r .box
{
	font-size: 21px!important;
	line-height: 30px;
}

#introduction .cont_50_r { padding: 0px 25px 0px 25px; }



/* --- CSS Aanbod --- */

#aanbod
{
	padding: 20px 25px 80px 25px;
	background: #fff;
}

#aanbod .box
{
	float: left;
	width: auto;
	padding: 0px;
	background-color: #fff;
	text-align: left;
}

#aanbod .box_between
{
	float: left;
	width: 2%;
	height: 30px;
}

#aanbod .title { color: #404040; }

#aanbod #box_between2 { display: block; }

#aanbod .title_small { padding: 25px 0px 0px 0px; }

#aanbod .descr { padding: 5px 0px 0px 0px; }

.aanbod_height { width: 100%; visibility: hidden; }

#aanbod1
{
	background-image: url('../images/aanbod_01.png');
	background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
}

#aanbod2
{
	background-image: url('../images/aanbod_02.png');
	background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
}

#aanbod3
{
	background-image: url('../images/aanbod_03.png');
	background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
}

#aanbod4
{
	background-image: url('../images/aanbod_04.png');
	background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
}

#aanbod .cont_50_l
{
	width: 100%;
	height: 300px;
	margin-bottom: 40px;
	background-image: url('../images/sander.jpg');
	background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
}

#aanbod .cont_50_r { padding: 0px 25px 0px 25px; }


/* --- CSS Over ons --- */

#over
{
	padding: 20px 0px 80px 0px;
	background: #c7ebdf; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#c7ebdf, #d6f4ea); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#c7ebdf, #d6f4ea); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#c7ebdf, #d6f4ea); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#c7ebdf, #d6f4ea); /* Standard syntax */
	color: #404040;
}

#over .cont_50_l
{
	width: 100%;
	height: 300px;
	margin-bottom: 40px;
	background-image: url('../images/ladies.jpg');
	background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
}

#over .cont_50_r { padding: 0px 25px 0px 25px; }



/* --- CSS Impressie --- */

#impressie
{
	padding: 20px 25px 80px 25px;
	background: #f5f5f5;
}

#impressie .box
{
	float: left;
	width: auto;
	padding: 0px;
	background-color: #fff;
	text-align: left;
}

#impressie .box_between
{
	float: left;
	width: 2%;
	height: 30px;
}

#impressie .box_between2
{
	float: left;
	width: 100%;
	height: 30px;
}

#impressie .title { color: #404040; }

#impressie #box_between2 { display: block; }

#impressie .title_small { padding: 25px 0px 0px 0px; }

#impressie .descr { padding: 5px 0px 0px 0px; }

.impressie_height { width: 100%; visibility: hidden; }

#impressie1
{
	background-image: url('../images/impressie_01.png');
	background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
}

#impressie2
{
	background-image: url('../images/impressie_02.png');
	background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
}

#impressie3
{
	background-image: url('../images/impressie_03.png');
	background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
}

#impressie4
{
	background-image: url('../images/impressie_04.png');
	background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
}

#impressie5
{
	background-image: url('../images/impressie_05.png');
	background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
}

#impressie6
{
	background-image: url('../images/impressie_06.png');
	background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
}

#impressie7
{
	background-image: url('../images/impressie_07.png');
	background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
}

#impressie8
{
	background-image: url('../images/impressie_08.png');
	background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
}

#impressie .cont_50_l
{
	width: 100%;
	height: 300px;
	margin-bottom: 40px;
	background-image: url('../images/sander.jpg');
	background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
}

#impressie .cont_50_r { padding: 0px 25px 0px 25px; }



/* --- CSS Contact --- */

#contact
{
	padding: 20px 0px 0px 0px;
	background: #fff;
}

#contact .box
{
	float: left;
	width: 100%;
	padding: 0px;
	text-align: center;
	background: #f5f5f5;
}

#contact .box_between
{
	float: left;
	width: 2%;
	height: 13px;
}

#contact .title_small
{
	padding: 0px 0px 0px 0px;
}

#contact .icon
{
	height: 55px;
	padding-top: 25px;
}

#contact .descr { padding: 5px 0px 0px 0px; }

#contact .box .descr { padding: 0px 0px 15px 0px; }

#contact .cont_50_l { padding: 0px 25px 25px 25px; }

#contact .cont_50_r { float: none; width: auto; padding: 0px 25px 0px 25px; }



/* --- CSS Legal --- */

#legal
{
	padding: 50px 0px 50px 0px;
	font-size: 15px;
}

#legal .container
{
	border-top: 1px solid #e8e8e8;
	padding-top: 35px;
}

#legal .copyright
{
	float: none;
	text-align: center;
}

#legal .terms
{
	float: none;
	text-align: center;
    padding-top: 25px;
}

#contact a:link, #contact a:visited, #legal a:link, #legal a:visited {
    color: #404040;
    text-decoration: none;
}

#contact a:hover, #contact a:active, #legal a:hover, #legal a:active {
    color: #f180b0;
}