﻿/*Algemene info*/

.slidecontainer .slider-pro .sp-image{
	width:100%;
}
.adresdetails h1{    
	margin:0 0 15px 0;
	padding:0;
	}
.adresregel .vraagprijs{
    display: block;
    margin-top: 10px;
    font-size: 80%;
}
.adresdetails .straat {display:inline;}
.adresdetails .adres{display:block;}
#Foto{
	position:relative;
}
#iframe360 {
	height: 80vh;
	width: 100%;
}

.openhuisinfo{
	background-color:#ccc;
	padding:30px;
	margin-bottom:30px;
}
.anchorcontainer{
	margin:30px 0 30px 0;
}
.quicklinks a{
	margin-right: 10px;
	text-decoration:underline;
}
.quicklinks a:hover{
	text-decoration:none;
}
h2, h3{
	text-align:left;
}
.projectinformatie{
	margin-bottom:30px;
}
table .label{
	color:#000;
	display:block;
	font-size:100%;
	font-weight:normal;
	text-align:left;
	padding:0;
}
.btngrey, .btngrey:hover{
	text-align:center;
}
.btngrey:after{
    content: "";
	text-align:center;
}
.leesmeer{
	margin-top:15px;
}
.plaatscontainer{
	margin:30px 0;
}
#Omschrijvingblok{
	margin-bottom:30px;
}
.blok{
	margin:30px 0;
}
.buttonopenhuis {
	background-color: #59ba96;
}
.infoopenhuis{margin-top:10px;}
.buttonnieuw, .buttonverhuurd, .buttonverkochtovb, .buttonverkocht {
	background-color: #59ba96;
}
.blok.even .brochurebutton, .blok.odd .brochurebutton {
	background-color: #59ba96;
	border: 1px solid #59ba96;
}
.brochurefooter {
	border: 1px solid #59ba96;
	border-top: 0;
	padding: 30px;
	background-color: #fff;
	margin: 0 auto;
}
.brochurefooter img{
	width: 150px;
    text-align: center;
    margin: 0 auto;
}
.brochure{
	display:block;
	height:100%;
	position:relative;
}
.brochure:hover{
	-webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
}
.blok.even .brochurebutton:hover, .blok.odd .brochurebutton:hover {
	background-color: #59ba96;
	border: 1px solid #59ba96;
}
/*Tabs*/
#tabs {
	clear:both;
	float:left;
	font-weight:bold;
	position: relative;
	list-style-type:none;
	margin:0;
	padding:0;
}
#tabs li:hover{}
#tabs .selected {}
#tabs .selected a {}
#tabs .selected a span {}
#tabs a {
    cursor:pointer;
	font-family: 'Poppins', sans-serif;
    }
#tabs a:hover{}
#tabs a span{}
#tabs a:hover span{}
/*visibility fix*/
#pages .selected {display:block;}
/*Kenmerken*/
.woninggegevens table{width:100%;}
.USP{margin-top:10px;padding:0;}
.USP li {color:#666666;list-style-type:none;padding-left:15px;}
.vestigingnaam {font-weight: 400;}
/*Locatie*/
#Locatie label {
    clear: left;
    float: left;
    width: 200px;
}
#Locatie input{height:16px;margin-bottom:5px;}
/*Route*/
#map{clear:both;width:572px;height:381px;}
.tomtom{
    clear: both;
    float: left;
    margin-top: 10px;
	}
#TomTomVerklaring{display:block;}
/*Makelaar*/
.email {
	clear:both;
	float:none;
	font-size:100%;
}
/*Formulieren*/
.bezichtigingcontainer label, .adresinvoer label{
	display:none;
}
/*Links*/
.woningdetailcontainer .Links{
	border-top:1px dotted #ccc;
	float:left;
	width:180px;
	padding-bottom:0;
}
.woningdetailcontainer .Links .linktell, .woningdetailcontainer .Links .linkbrochure, .woningdetailcontainer .Links .linkprint, .woningdetailcontainer .Links .linkbezichtiging{	border-bottom:1px dotted #ccc;display:block;padding:10px 0;}
.woningdetailcontainer .Links a{color:#666666;padding-left:30px;margin-bottom:2px;}
.woningdetailcontainer .Links a:hover{color:#666666;text-decoration:none;}
.linktell a{	background-image:url(/images/aap.gif);background-repeat:no-repeat;}
.linkbrochure a{	background-image:url(/images/brochure.gif);background-repeat:no-repeat;}
.linkprint a{background-image:url(/images/print.gif);background-repeat:no-repeat;}
.linkbezichtiging a{	background-image:url(/images/bezichtiging.gif);	background-repeat:no-repeat;}
/*Bewonertekst*/
.DisclaimerTekst {
	font-size: 80%;
	margin-top: 3em;
}
/*Tab Pagina's*/
#pages{float:left;}
/*Display none*/
#NieuwsContainer{display:none;}
/*WoningFilm op Woningdetailpagina*/
#Fotos a.woningfilm {background-image: url("/images/film.gif"); background-position: left top; color: #fff; margin-bottom: 10px; width: 74px; height: 22px; padding-left: 24px; text-decoration: none; line-height: 23px; display: block;}
#Fotos a.woningfilm:hover {background-position: left bottom; color:#666666;}
.invulform .email{
	width:100%;
}
.mobtitel {
	text-align: left;
	font-size: 16px;
	line-height: 56px;
	margin-bottom: 0;
}
.mobtitel .fa {
	float: right;
	line-height: 50px;
}
/*Mobile portret*/
@media only screen and (max-width: 360px) and (orientation : portrait), only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 3), only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
	.woninggegevens, .omschrijvingcontainer, .locatiecontainer, .bijzonderhedencontainer, .brochurecontainer, .videocontainer, .bezichtigingcontainer, .brochuretekstomschrijving, .buurtcontainer, .plattegrondencontainer, .makelaarcontainer, .contactcontainer, .eigentekstcontainer {
		clear: both;
		padding: 10px 2%;
		display: none;
	}

	#Omschrijvingblok .container {
		padding-bottom: 0;
		padding-top: 0;
	}

	#Omschrijvingblok .kolomlinks {
		background-color: #F0EFF0;
		border: 1px solid #F0EFF0;
		margin-bottom: 0;
	}

	#SliderProFotos .sp-next-arrow:after, #SliderProFotos .sp-next-arrow:before, #SliderProFotos .sp-previous-arrow:after, #SliderProFotos .sp-previous-arrow:before {
		width: 12%;
		height: 13%;
	}

	#SliderProFotos .sp-previous-arrow:before, #SliderProFotos .sp-next-arrow:before {
		top: 37px;
	}
	.projectinformatie h2 {
		font-size: 16px;
		margin-top: 30px;
		margin-bottom: 0;
	}
}
@media screen and (max-width: 1024px) {
	.buttonnieuw, .buttonverhuurd, .buttonverkochtovb, .buttonverkocht {
		top:-87px;
	}
}
@media screen and (max-width: 768px) {
	.detailcontainer .adresregel {
		border-right: none;
	}
	.quicklinks .anchor {
		margin-right: 0;
	}
	.kolomlinks {
		margin-bottom: 15px;
	}
}