/* Lettertype webshop */

@import url(//fonts.googleapis.com/css?family=Gochi+Hand);
@import url(//fonts.googleapis.com/css?family=Roboto:400,300,300italic,700);
/* =Media queries
-------------------------------------------------------------- */

/* font-family: 'Gochi Hand', cursive; */
/* font-family: 'Roboto', sans-serif; */ 

@media only screen
and (min-width : 1025px) {}

@media only screen
and (max-width : 1024px) {}

@media only screen
and (min-width : 769px)
and (max-width : 1024px) {}

@media only screen
and (max-width : 768px) {}

@media only screen
and (min-width : 481px)
and (max-width : 768px) {}

@media only screen
and (max-width : 480px) {}

@media only screen
and (min-width : 321px)
and (max-width : 480px) {}

@media only screen
and (max-width : 320px) {}

a, a:active, a:focus {
outline: none!important;
}

/* Blok header */
.container-header {
	margin:0 auto;
	padding: 0;
	background-color: rgba(255,255,255,1.0);
	background-color: #FFFFFF;
	width: 100%;
	}

.container-header-1 {
	width:1140px;
	border:none;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
	height: 140px;
	background-color: rgba(255,255,255,1.0);
	background-color: #FFFFFF;
	position: relative;
}

.container-header-logo {
	border: none;
	padding: 10px 175px 10px 0px;
	margin: 0;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	float: left;
}

.container-header-slogan-1 {
	border: none;
	margin: 15px 0 0 0;
	padding: 32px 0 0 35px;
	background-image: url("/images/sprite.png");
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 389px;
	height: 94px;
	float: left;
	font-size: 28px;
	font-family: 'Gochi Hand', cursive;
	color: #8c8b8d;
}

.container-header-bim {
	position: absolute;
	top: 25px;
	right: -15px;
	border: none;
	margin: 0;
	padding: 0;
	background-image: url("/images/sprite.png");
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px -128px;
	width: 189px;
	height: 194px;
	transform: rotate(15deg);
	z-index: 99;
}

/* Blok midden 1 */
.container-midden {
	margin:0 auto;
	padding: 0;
	background-color: #eaeaea;
	background-color: rgba(234,234,234,1.0);
	width: 100%;
	clear:both;
	background-image: url("/images/shad.png");
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: center top;
	}

.container-midden-1 {
	width:1140px;
	border:none;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
	min-height: 400px;
	height: 400px;
	position: relative;
}


.container-midden-txt {
	border: none;
	margin: 0;
	padding: 55px 0 65px 0;
	width: 550px;
	color: #666666;
	
}

H1 {color: #1d1d1b; font-size: 28px; font-weight:700; padding: 0 0 5px 0;} 

.container-midden-trap {
	position: absolute;
	top: 25px;
	right: 45px;
	border: none;
	margin: 0;
	padding: 0;
	background-image: url("/images/trap.png");
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 523px;
	height: 651px;
	z-index: 90;
}

/* Blok midden 12 */
.container-contact {
	margin:0 auto;
	padding: 0;
	background-color: #ce413a;
	background-color: rgba(206,65,58,1.0);
	width: 100%;
	clear:both;
	}

.container-contact-1 {
	width:1140px;
	border:none;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
	min-height: 120px;
	height: 120px;
	position: relative;
}
.container-contact-txt {
	border: none;
	margin: 0;
	padding: 10px 0 10px 0;
	color: #FFFFFF;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
 	 -ms-transform: translateY(-50%);
	font-size: 28px;
	line-height: 42px;

	
}
.container-contact-txt strong {
	font-size: 32px;
	font-weight:400;
	font-size: 52px;
}

.container-contact-slogan {
	position: absolute;
	top: -35px;
	left: -75px;
	border: none;
	margin: 0;
	padding: 0;
	background-image: url("/images/sprite.png");
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: -180px -128px;
	width: 67px;
	height: 66px;
	z-index: 90;
}

.container-contact-txt-slogan {
	position: absolute;
	top: -55px;
	left: -105px;
	border: none;
	margin: 0;
	padding: 0;
	z-index: 90;
	font-size: 28px;
	font-family: 'Gochi Hand', cursive;
	color: #8c8b8d;

}

/* Blok midden 2 */
.container-port {
	margin:0 auto;
	padding: 0;
	background-color: #FFFFFF;
	background-color: rgba(255,255,255,1.0);
	width: 100%;
	clear:both;
	}

.container-port-1 {
	width:1140px;
	border:none;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
	position: relative;
}


.container-port-txt-1 {
	float: left;
	border: 0;
	margin: 0;
	padding: 55px 15px 15px 0;
	width: 540px;
	color: #666666;
	
}

.container-port-txt-1 img {
	border: 0;
	padding: 25px 15px 15px 0;
	
}

.container-port-txt-slogan-2-pijl {
	position: absolute;
	top: 300px;
	left: -85px;
	border: none;
	margin: 0;
	padding: 0;
	background-image: url("/images/sprite.png");
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: -240px -128px;
	width: 67px;
	height: 66px;
	z-index: 90;
}

.container-port-txt-slogan-2 {
	position: absolute;
	top: 350px;
	left: -155px;
	border: none;
	margin: 0;
	padding: 0;
	z-index: 90;
	font-size: 28px;
	font-family: 'Gochi Hand', cursive;
	color: #8c8b8d;

}

.container-port-txt-2 {
	float: right;
	border: 0;
	margin: 0 0 0px 0px;
	padding: 235px 0 0px 0px;
	width: 580px;
	color: #666666;
	white-space: nowrap;
	
}

.container-port-txt-2 li {
	margin: 0;
	padding: 5px 0 0 50px;
	color: #666666;
	background-image: url("/images/sprite.png");
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: -188px -258px;
	list-style:none!important;
	height: 36px;
	font-size: 20px;
	font-style: italic;
		color: #666666;
}

.container-port-txt-2 li strong {
	font-weight:700;
	color: #ce413a;
}


.container-port-txt-slogan-3-pijl {
	position: absolute;
	top: 150px;
	right: 85px;
	border: none;
	margin: 0;
	padding: 0;
	background-image: url("/images/sprite.png");
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: -303px -128px;
	width: 67px;
	height: 66px;
	z-index: 90;
}

.container-port-txt-slogan-3 {
	position: absolute;
	top: 95px;
	right: -5px;
	border: none;
	margin: 0;
	padding: 0;
	z-index: 90;
	font-size: 28px;
	font-family: 'Gochi Hand', cursive;
	color: #8c8b8d;

}



/* Blok midden klanten */
.container-klanten {
	margin:0 auto;
	padding: 0;
	background-color: #ffffff;
	background-color: rgba(255,255,255,1.0);
	width: 100%;
	clear:both;
	}

.container-klanten-1 {
	width:1140px;
	border:none;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px 0 0 0;
	position: relative;
	clear:both;
}


.container-klanten-txt {
	border: none;
	margin: 0;
	padding: 45px 0 15px 0;
	color: #666666;
	
}

.container-klanten-image {
	border: none;
	padding: 25px 0 35px 0;
	
}

H2 {color: #1d1d1b; font-size: 28px; font-weight:700; padding: 0 0 5px 0;} 


/* Blok recensie */
.container-recensie {
	margin:0 auto;
	padding: 0;
	background-color: #eaeaea;
	background-color: rgba(234,234,234,1.0);
	width: 100%;
	clear:both;
	}

.container-recensie-1 {
	width:1140px;
	border:none;
	margin-right: auto;
	margin-bottom: 55px;
	margin-top: 35px;
	margin-left: auto;
	padding: 0;
	min-height: 310px;
	height: 310px;
	position: relative;
}


.container-recensie-txt {
	border: none;
	margin: 0;
	padding: 0;
	color: #8c8b8d;
	font-size:32px;
	line-height: 40px;
	font-style:italic;
	width: 800px;
	float: left;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);

}

.container-recensie-txt2 {
	float: left;
	font-style: normal;
	font-size: 16px;
	color: #666;
	padding: 10px 0 0 0;
}

.container-recensie-image {
	float: right;
	border: none;
	padding: 0px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
 	 -ms-transform: translateY(-50%);

}

/* Blok footer */
.container-footer {
	margin:0 auto;
	padding: 0px 0px 55px 0!important;
	width: 100%;
	clear:both;
	}

.container-footer-1 {
	width:1140px;
	border:none;
	margin-right: auto;
	margin-bottom: 0; 
	margin-left: auto;
	padding: 0px!important;
	position: relative;
}


.container-footer-txt {
	border: none;
	margin: 0;
	padding: 0px 0 0px 0;
	width: 180px;
	float: left;
}


.container-footer-txt2 {
	float: left;
	width: 180px;
	font-style: normal;
	font-size: 16px;
	color: #666;
	padding: 0;
}

.container-footer-txt3 {
	float: right;
	width: 400px;
	font-style: normal;
	font-size: 16px;
	color: #666;
	padding: 0;
}

.container-footer-header {
	font-style: normal;
	font-size: 32px;
	color: #1d1d1b;
	padding: 0px 0 15px 0;
	height: 35px; 
	width: 360px;
}
.container-footer-image {
	border: none;
	padding: 0px;
	position: absolute;
	top: -55px;
	left: 340px;
	width: 380px;
	height: 280px;
}

.container-footer-2 {
	width:1140px;
	clear: both;
	background-image: url("/images/shaduw2.png");
	background-attachment: scroll;
	background-repeat: no-repeat;
	width: 1140px;
	height: 65px;
	border:none;
	margin-right: auto;
	margin-bottom: 0; 
	margin-left: auto;
	padding: 45px 0 0 0!important;
	position: relative;
}


.container-footer2-txt {
	float: left;
	width: 880px;
	font-size: 16px;
	color: #666;
	padding: 0;
}

.container-footer2-image {
	float: right;
	background-image: url("/images/sprite.png");
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: -190px -208px;
	width: 210px;
	height: 40px;
	margin: 0 0 45px 0;

}

img {
max-width: 100%;
	height: auto;
}

/* Link in div zonder underline bug */
.linkTst{text-decoration:none!important;} 


td, table {
		border: none;
	}
* {
	margin:0;
}
body {
	font-family: 'Roboto', sans-serif;
	line-height: 24px;
	font-size: 16px;
	font-weight: 300;
	color: #666;
}
 a {
	
	color: #333333;
	text-decoration: underline;
	}
	a:hover {
	
	color: #999999;
	text-decoration: none;
}
	a.image, a.image:hover  {
	border:0;
}

	a img {
		border: none;
	}
	img {
		border: none;
	}