a:link {text-decoration: none; color: #000000;}
a:visited {text-decoration: none; color: #000000;}
a:hover {text-decoration: none; color: #fff;}
a:active {text-decoration: none;}

ul a:link {text-decoration: underline; color: #000;}
ul a:visited {text-decoration: none; color: #fff;}
ul a:hover {text-decoration: underline; color: #fff;}
ul a:active {text-decoration: none;}

body {
    margin: 0;
    padding: 0;
	background-image: url("../../images/footer_dakservice.png");
	background-repeat: repeat-y;
	background-color: #8CAED3;
	font-family: 'arial'
}

.responsive-engelman{
	display: none;
}

.container{
	background-color: #759bd1;
	background-image: url(../../images/bg.png);
	background-repeat: repeat-y;
}

.white{color: #fff;}

img{border: none;}

h1{
	font-size: 14px;
	font-weight: bold;
}

h2{
	font-size: 19px;
	font-weight: bold;
	color: #fff;
}

h3{
	padding: 0;
	margin: 0;
}

a.gratis_inspectie {
    background-image: url("../../images/gratis_inspectie.png");
    height: 143px;
    left: 157px;
    position: absolute;
    top: 200px;
    width: 215px;
    z-index: 1;
	border: none;
}

a:hover.gratis_inspectie{
	background-image: url("../../images/gratis_inspectie_ac.png");
}

.gratis_inspectie2 {
    background-image: url(../../images/gratis_inspectie.png);
	width: 209px;
    height: 133px;
    position: absolute;
    top: 200px;
    left: 760px;
    z-index: 1;
    float: right;
}

.gratis_inspectie_sub {
    background-image: url("../../images/gratis_inspectie_sub.png");
    height: 133px;
    left: 157px;
    position: absolute;
    top: 200px;
    width: 209px;
    z-index: 1;
}

.background{
	width: 998px;
	float: left;
}

#left, .left  {
    background-image: url("../../images/homepage.png");
    float: left;
    height: 686px;
    position: relative;
    width: 236px;
}

#side_bedrijfsverzekering{background-image: url("../../public/view/bedrijfsverzekering/side_image.png");}
#side_boxtel{background-image: url("../../public/view/dakdekker_boxtel/side_image.png");}
#side_denbosch{	background-image: url("../../public/view/dakdekker_denbosch/side_image.png");}
#side_oss{	background-image: url("../../public/view/dakdekker_oss/side_image.png");}
#side_prijzen{	background-image: url("../../public/view/dakdekker_prijzen/side_image.png");}
#side_rosmalen{	background-image: url("../../public/view/dakdekker_rosmalen/side_image.png");}
#side_schijndel{	background-image: url("../../public/view/dakdekker_schijndel/side_image.png");}
#side_vlijmen{	background-image: url("../../public/view/dakdekker_vlijmen/side_image.png");}
#side_vught{	background-image: url("../../public/view/dakdekker_vught/side_image.png");}
#side_coaten{	background-image: url("../../public/view/dakgoot_coaten_behandelen/side_image.png");}
#side_reparatie{	background-image: url("../../public/view/dakgoot_reparatie/side_image.png");}
#side_dakinspectie{	background-image: url("../../public/view/dakinspectie/side_image.png");}
#side_dakkapel{	background-image: url("../../public/view/dakkapel_lekkage/side_image.png");}
#side_daklekkage{	background-image: url("../../public/view/daklekkage/side_image.png");}
#side_dakonderhoud{	background-image: url("../../public/view/dakonderhoud/side_image.png");}
#side_dakpannen{	background-image: url("../../public/view/dakpannen/side_image.png");}
#side_velux{	background-image: url("../../public/view/dakraam_lekkage_Velux/side_image.png");}
#side_dakrenovatie{	background-image: url("../../public/view/dakrenovatie/side_image.png");}
#side_dakreparatie{	background-image: url("../../public/view/dakreparatie/side_image.png");}
#side_daktermen{	background-image: url("../../public/view/daktermen/side_image.png");}
#side_dakwerken{	background-image: url("../../public/view/dakwerken/side_image.png");}
#side_engelmandakservice{	background-image: url("../../public/view/engelmandakservice-dakprobleem/side_image.png");}
#side_nokvorsten{	background-image: url("../../public/view/nokvorsten/side_image.png");}
#side_stormschade{	background-image: url("../../public/view/stormschade_dak/side_image.png");}
#side_offerte{	background-image: url("../../public/view/offerte/side_image.png");}
#side_allesopeendak{	background-image: url("../../public/view/dak-termen-waar-alles-zit-op-een-dak-voorbeeld-dak-dakmaterialen/side_image.png");}
#side_fotoalbum{	background-image: url("../../public/view/fotoalbum/side_image.png");}
#side_schoonmaak{	background-image: url("../../public/view/dakgoot_schoonmaak/side_image.png");}

.photo_overlay{
	color: #fff;
	font-weight: bold;
	text-align: center;
    z-index: 10;
	position: absolute;
	width: 200px;
	top: 461px;
    left: 20px;
	font-size: 20px;
}

.photo_overlay_phone{
	color: #000;
	font-weight: bold;
	text-align: center;
	position: relative;
	width: 200px;
	top: 23px;
	font-size: 20px;
	margin: 0 auto;
}

.photo_overlay_phone img{
	top: 12px;
	position: relative;
}

#left_3 {
    width: 236px;
    height: 469px;
    background-image: url(../../../public/view/offerte/offerte.png);
}

#top{
    margin-top:0px;
}

@-moz-document url-prefix(){
       /*firefox specific styles go in here*/
       #top{margin-top:-4px;}

}

#left2 {
    background-color: black;
    height: 686px;
    margin-left: 0;
    width: 236px;
}

@-moz-document url-prefix(){
       /*firefox specific styles go in here*/
       #left2{ height: 690px;}

}

.left_under2 {
    background-color: #939598;
    width: 216px;
    z-index: -1;
    font-size: 12px;
    font-weight: bold;
    float:left;
    margin-right:1%;
    margin-top:0%;
    height: 50%;
    position: absolute;
    left: 0px;
    top:469px;
    padding: 15px 10px;
}

@-moz-document url-prefix(){
       /*firefox specific styles go in here*/
       .midden_streep {height: 123.5%;}
}


.midden_streep2 {
    float:left;
    margin-right:1%;
    margin-top:0%;
    width:5px;
    height: 123.5%;
    background-color: black;
    position: absolute;
    left: 235px;
    top:-0px;
}

@-moz-document url-prefix(){
       /*firefox specific styles go in here*/
       .midden_streep {height: 123.5%;}
}

.right {
	left: 4px;
    float: left;
    position: relative;
	width:758px;
}

.right2 {
    width: 758px;
    height: 686px;
    background-color: #759bd1;
    position: absolute;
    left: 241px;
    top: 0px;
}

.engelman_gr {
    background-image: url(../../images/engelman_gr.png);
	background-repeat: no-repeat;
    width: 700px;
    height: 48px;
    margin: 0 auto;
	position: relative;
	margin-top: 45px;
	margin-left: 55px;
}

a.mail_icon{
	background-image: url(../../images/mail_ico.png);
	top: 45px;
	display: block;
	width: 48px;
	height: 45px;
	position: absolute;
	right: 0;
	z-index: 100;
}

.oneliner h2{
	color: #fff;
	margin: 20px 0 0 203px;
	font-weight: 300;
	font-size: 22px;
	letter-spacing: 1px;	
}

.oneliner img{
	margin: 10px 0 -10px 40px
}

#tekst {
    float: left;
    font-family: "Arial";
    font-size: 12px;
    font-weight: normal;
    margin-left: 203px;
    margin-top: 80px;
    width: 350px;
}

#tekst_big{
    float: left;
    font-family: "Arial";
    font-size: 12px;
    font-weight: normal;
    margin-left: 206px;
    margin-top: 84px;
    width: 350px;
	height: 312px;
}

#illustratie{
    float: left;
    font-family: "Arial";
    font-size: 12px;
    font-weight: normal;
    width: 726px;
	height: 279px;
	margin: 80px 0 0 20px;
}

.dakapk{
	background-image: url(../../images/dakapk.png);
	width: 236px;
	height: 284px;
	float: right;
	margin: 102px 26px 0;
	color: #fff;
}

.bottom_oneliner{
	font-style: italic;
	color: #fff;
	font-size: 22px;
	text-align: center;
	position: absolute;
	margin: 0;
	top: 640px;
	letter-spacing: 1px;
	left: 120px;
}

#btn{
	background-image: url(../../images/verzenden_btn.png);
	background-color: transparent;
	border: none;
	width: 138px;
	height: 37px;
}

.voordelen{
	left:  460px;
    position: absolute;
    top: 340px;
    z-index: 10;
}

.open_2{
	font-size: 10px;
	position: relative;
	top: -13px;
	left: 126px;
}

.voordelen ul{
	list-style-image:url(../../images/check.png);
	color: #fff;
	font-weight: bold;
	font-size: 13px;
} 

.voordelen ul li a{
    color:#fff;
    text-decoration: none;
}

.inspection{
	font-size: 11px;
}

.dakapk_text{
	float: right;
    font-size: 12px;
    line-height: 17px;
    padding: 10px 20px 0 0;
    width: 150px;
}

#tekst2 {
    font-size: 12px;
    font-family: "Arial";
    position: absolute;
    width: 260px;
    font-weight: normal;
    top: 220px;
    left: 140px;
}

#tekst3 {
    font-size: 12px;
    font-family: "Arial";
    position: absolute;
    width: 260px;
    font-weight: normal;
    top: 220px;
    left: 140px;
}

.footer{
	width: 100%;
	margin:  0;
	background-repeat: repeat-y;
	background-color: #8caed3;
	background-image: url(../../images/footer_dakservice.png);
	font-family: arial;
	font-size: 11px;
}

.inner_footer{
	width: 998px;
	color: #000;
}

.left_under {
    width: 216px;
    font-weight: bold;
    padding: 21px 10px 0;
	float: left;
}

.year{
	color: #FFFFFF;
    display: block;
    font-weight: bold;
    left: 151px;
    position: absolute;
    text-align: right;
    top: 7px;
    z-index: 13;
	font-size: 14px;
}

.footer_right{
	float: right;
	width: 715px;
	padding: 20px 20px 0;
	
}

.footer_info{
	margin: 0 10px 0 5px;
	float: left;
	width: 155px;
}

#first{	margin: 0 -15px 0 0;}
#third{	margin: 0 -35px 0 0;}

.footer_title{
	font-weight: bold;
	font-size: 13px;
}

.footer_info ul{
	list-style: none outside none;
	float: left;
	margin: 0;
	padding: 0;
}

.footer_info ul li {
	color: #000;
	display: block;
	list-style-type: none;
	padding: 4px 0 0 0;
	text-decoration: none;
	margin: 0 0 0;
	font-size: 11px;
}
.footer_info ul li a {
	margin: 0 0 0;
	color: #000;
    text-decoration: underline;
	font-size: 11px;
}
.footer_info ul li a:hover{
	text-decoration: underline;
    color: #fff;
}

a.offerte_btn{
	background-image: url("../../images/offerte_btn.png");
    color: #000000;
    display: block;
    font-size: 20px;
    font-weight: 900;
    height: 35px;
    margin: 41px 0 0;
    padding: 6px 0 0;
    text-align: center;
    width: 140px;
    text-decoration: none;
}

a:hover.offerte_btn{background-image: url("../../images/offerte_btn_ac.png"); color: #fff;}

.open{
	font-size: 10px;
	font-weight: normal;
	position: relative;
	top: -5px;
}

.logos{
	height: 209px;
    width: 113px;
	float: left;
}

a.ideal{
	position: relative;
	top: -5px;
}

.bottom_info{
	color: #000;
	font-weight: bold;
	text-align: center;
	height: 20px;
	margin: 15px 0 0;
}

.advise{
    position: relative;
    left: 5px;
}

.clearfloat {
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.contact_us{
	width: 200px;
	float: right;
	position: absolute;
	right: 85px;
	text-align: center;
	font-size: 11px;
	font-weight: 400;
	top: 125px;
}

a.mailme{
	background: url(../../images/contact.png);
	width: 172px;
	height: 53px;
	top: 0;
	left: 36px;
	position: absolute;
	z-index: 100;
}

.waterdicht{
	left: 20px;
    position: absolute;
    top: 85px;
}

a.offertebtn{
	background: url("../../images/dakprobleem_btn.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
    height: 46px;
    left: 200px;
    padding: 17px 0 0 20px;
    position: absolute;
    text-decoration: none;
    text-transform: uppercase;
    top: 592px;
    width: 325px;
}

.allfields{
	margin: 0 0 0 63px;
}

.illustratie_opsomming_left, .illustratie_opsomming_right{
	width: 250px;
	float: left;
	margin: 0 0 0 40px;
	position: relative;
}

.illustratie_opsomming_right{
	margin: 0;
	width: 175px;
}

.illustratie_opsomming_left a, .illustratie_opsomming_right a{
	color: #000;
	text-decoration: none;
}

.illustratie_opsomming_left a:hover, .illustratie_opsomming_right a:hover{
	text-decoration: underline;
}

span.opsomming, span.opsomming_ten{
	background: #902012;
	border: 1px solid #fff;
	color: #fff;
	width: 17px;
	display: block;
	padding: 1px 0;
	text-align: center;
	float: left;
	position: relative;
	margin: 0 10px 0 0;
	top: -2px;
}

span.opsomming_ten{
	padding: 1px 1px 1px 0;
	width: 16px;
}

.clearfloat_opsomming {
    clear:both;
    height:1px;
    font-size: 1px;
    line-height: 0px;
}

a.dakprobleem_btn{
	 background-image: url("../../images/dakprobleem_btn_green.png");
    display: block;
    float: left;
    height: 46px;
    margin: 27px 0 0;
    position: relative;
    text-decoration: none;
    width: 239px;
}

.illustratie_image{
	background-image: url("../../images/illustratie.png");
	width: 726px;
	height: 279px;
}

p.scroll{
	text-align: center;
	margin: 0;
	padding: 0;
}

.responsive-text-ipad{
	display: none;
}

.footer-ipad{
	display: none;
}

.left-under-ipad{
	display: none;
}

/* width: 1024px */
@media screen and (max-width: 1024px) {
	.engelman_gr {
		background-image: url(../../images/engelman_gr_ipad.png);
		background-repeat: no-repeat;
		width: 525px;
		height: 48px;
		margin: 0 auto;
		position: relative;
		margin-top: 45px;
		margin-left: 55px;
		top: 6px;
	}
	
	.footer_info{
		width: 140px;
	}
	
	.footer_right {	
		width: 664px;
		float: left;
		padding: 20px 20px 0 26px;
	}
}

@media screen and (max-width: 768px) {
	body{
		background: none;
	}

	.container {
		background-image: url("../../images/bg-768.png");
	}
	
	.background{
		min-height: 746px;
		width: 100%;
	}

	.engelman_gr {
		background-image: url(../../images/engelman-ipad.png);
		height: 110px;
		margin: 45px auto 0 55px;
		position: relative;
		top: 6px;
		width: 389px;
	}
	
	.right, .right2{
		width: 515px;
		background: none;
		left: 212px;
	}
	
	.right{
		left: 0;
	}
	
	.voordelen{
		display: none;
	}
	
	.oneliner h2 {
		margin: 20px 0 0 54px;
		font-size: 23.3px;
	}
	
	.links{
		float: left;
		width: 488px;
		position: relative;
		z-index: 10;
	}
	
	#tekst_big{
		float: left;
		font-family: "Arial";
		font-size: 12px;
		font-weight: normal;
		height: 312px;
		margin-left: 70px;
		margin-top: 84px;
		width: 310px;
	}
	
	.responsive-text-ipad{
		display: inline;
		float: left;
		left: 68px;
		position: relative;
		top: 25px;
		width: 350px;
		font-size: 12px;
	}
	
	.fotoalbum-text{
		display: none;
	}
	
	a.offertebtn{
		display: none;
	}
	
	.responsive-24{
		color: #fff;
		margin: 0 0 0 106px;
		font-size: 12px;
	}
	
	.mosaic-block_right{
		display: none;
	}
	
	a.mailme{
		background: url(../../images/contact-responsive-ipad.png);
		height: 50px;
		width: 157px;
		left: 26px;
	}
	
	#slider{ 
		display: none;
	}	
	
	#left, .left{
		width: 208px;
		height: 560px;
	}
	
	.left-under-ipad {
		width: 216px;
		font-weight: bold;
		padding: 21px 10px 0;
		float: left;
		display: inherit;
		font-size: 10px;
		margin: 548px 0 0 0;
	}
	
	.photo_overlay {
		left: 6px;
		top: 350px;
	}
	a.responsive-dakprobleem-btn{
		background: url(../../images/button-ipad.png) center center;
		margin: 0 auto;
		width: 369px;
		height: 69px;
		display: block;
	}
	
	.footer{
		display: none;
	}
	
	.footer-ipad{
		display: inherit;
		border-top: 3px solid #000;
		width: 100%;
		height: 150px;
	}
	
	.inner_footer{
		width: 100%;
		color: #000;
	}
	
	#first{
		margin: 0 30px 0 0 ;
	}
	
	#third{
		margin: 0 30px 0 0 ;
		width: 150px;
	}
	
	.bottom_info{
		font-size: 12px;
	}
	
	.footer_info ul li a{
		text-decoration: none;
		color: #000;
	}
	
	.footer_info ul li a:hover{
		text-decoration: underline;
		color: #000;
	}
}

@media screen and (max-width: 750px) {
	.responsive-engelman{
		display: inline;
	}
	
	.responsive-content{
		background: #5f88c6;
		position: relative;
		top: 188px;
	}

	body{background: #fff;}
	.container{display: none;}
	.mailme{display: none;}
	a.mail_icon{display: none;}
	.mosaic-block_right{display: none;}
	.footer{display: none;}
	
	.responsive-header{
		background: none repeat scroll 0 0 #fff;
		padding: 27px 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	
	.responsive-logo{
		width: 272px;
		display: block;
		margin-left: auto;
		margin-right: auto 
	}
	
	.responsive-contact{
		position: absolute;
		z-index: 100;
		top: 0;
		right: 37px;
		width: 112px;
		height: 36px;
	}
	
	.responsive-logo-text{
		padding: 0 0 0;
		width: 100%;
		text-align: center;
		letter-spacing: 1px;
		font-size: 15.4px;
	}
	
	.responsive-text{
		padding: 32px 32px 5px;
		font-size: 14px;
	}
	
	a.responsive-dakprobleem-btn{
		background-size: 47px, 282px;
		background: url(../../images/responsive-dakprobleem-btn.png) center center;
		margin: 0 auto;
		width: 282px;
		height: 47px;
		display: block;
	}
	
	span.responsive-24{
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 126px;
		color: #fff;
		font-size: 10px;
		position: relative;
		top: -2px;
	}
	
	.responsive-footage{
		position: relative;
		top: 188px;
		padding: 22px 32px 22px;
		font-size: 13px;
	}
	
	.responsive-contact-title{
		font-size: 13px;
		font-weight: 700;
	}
	
	.responsive-footage a{
		color: #000;
	}
	
	.responsive-footage a:hover{
		color: #000;
		text-decoration: underline;
	}
	
	.mailico-responsive{
		position: absolute;
		right: 0;
		top: 22px;
		
	}
	
	.allfields{
		margin: 0;
	}
	
	.fotoalbum-text{
		display: none;
	}
	
	.footer-ipad{
	display:none;}
}