@import url("html5reset.php");
@import url("rotator.php");
@import url("form.php");


* {
	margin: 0;
	padding: 0;
}

/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearer {
	clear: both;
}

.clearfix {
    *zoom: 1;
}

img, embed, object, video {
	border: 0; 
	width: auto; 
	display: block; 
	max-width: 100%;
	width: auto\9; /* ie8 */
}

strong{
	font-weight: bold;
}


h1,h2,h3,h4,h5,h6,h7,h8{
	color: #494949;
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 10px;
}

		a:link {color: #352854;text-decoration: none;}
		a:visited {color: #352854;text-decoration: none;}
		a:hover {color: #CA992A;text-decoration: none;}
		a:active {color: #352854;text-decoration: none;}

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

hr { color: #000;
background-color: #000;
height: 5px; }


body {
	margin: 0px 0;
	font-family: "verdana";
	font-size: 100%;
	background-color: #352854;
	color: #000;
	height: 100%;
}



#wrapper{
	margin: 0 auto;
}

#container {
	margin: 0px auto;
	width: 90%;
	min-height: 776px; 
	margin-top: 20px;

}

header{
	display:block;
	width: 100%;
	height: 78px;
}


		#logo{
			width: 376px;
		}


.content{
	width: 100%;
	height: 100%;
	line-height: 140%;
	font-size: 80%;
	background-color: #fff;
	padding-top: 20px;

	/* Borders */
	/*
	behavior: url(border-radius.htc);
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	*/
}

.content_left{
				float: left;
				width: 79.7%;
				margin-left: 2%;
				height: auto;
}

		.banner{
				width: 99.7%;
				margin-left: 2%;
				height: auto;
		}

		.minimenu{
				width: 100%;
				margin-left: 2%;
				height: auto;
				margin-bottom: 3px;
				background-color: #ff0000;
		}

.rightblokholder{
	float: right;
	width: 18%;
	height: auto;
	margin-right: -40px;
}

.directblok{
	width: 100%;
	height: auto;
	padding: 10px;
	background-color: #CA992A;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
	font-weight: bold;
	font-family: verdana;
	font-size: 10pt;
	color: #fff;
	line-height: 26px;
}

	.rightblokimg{
		background-color: #fff;
		width: 180px;
		height: 126px;
	}

	.huurimg{
		position: absolute;
		height: 65px;
		width: 65px;
		margin-left: 115px;
		background-image:url('../img/tehuur.png');
		background-repeat: no-repeat; 
		z-index: 500;
	}

	.aanbodimg{
		position: absolute;
		width: 168px;
		height: 113px;
		margin-left: 6px;
		margin-top: 6px;
	}

	.aanbodstraatimg{
		position: absolute;
		width: 163px;
		height: 18px;
		padding-left: 5px;
		color: #000;
		line-height: 18px;
		margin-top: 98px;
		margin-left: 6px;
		background-image:url('../img/tehuur_straat.png');
		background-repeat: no-repeat;  
	}

.contactblok{
	margin-top: 10px;
	width: 100%;
	height: auto;
	padding: 10px;
	background-color: #CA992A;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
	font-weight: bold;
	font-family: verdana;
	font-size: 10pt;
	color: #fff;
	line-height: 26px;
}

		.breads{
			margin-top: 3px;
			margin-left: 2%;
			font-size: 70%;
			height: 22px;
			font-weight: bold;
			line-height: 22px;
			background-color: #ca992a;
			width: 99.7%;
			border: 1px solid #000;
		}


		.title{
			padding-top: 10px;
			padding-left: 10px;
		}

	.text{
		margin-left: 2%;
		margin-top: 10px;
		width: 99.7%;

	}

	.text_column{
		margin-left: 2%;
		margin-top: 10px;
		width: 100%;
		
		column-fill:auto;
		column-count: 2;
		column-gap: 1 em;
		-prefix-column-count: 2;
		-prefix-column-gap: 1em;
		/* -prefix-column-rule: 1px solid black; */
		-moz-column-count: 2;
		-moz-column-gap: 1em;
		/* -moz-column-rule: 1px solid black; */
		-webkit-column-count: 2;
		-webkit-column-gap: 1em;
		/* -webkit-column-rule: 1px solid black; */
	}

	.notext{
		margin-left: 2%;
		margin-top: 10px;
		width: 99.7%;
	}




footer{
	display:block;
	padding-top: 1em;
	padding-bottom: 1em;
	text-align: center;
	font-size: 70%;
}

.onder{
	display: block;
	width: 100%;
	height: auto;
}


.phone{
	color: #000;
	font-size: 120%;
}

		a.phone:link {color: #000;text-decoration: none;}
		a.phone:visited {color: #000;text-decoration: none;}
		a.phone:hover {color: #E4701E;text-decoration: none;}
		a.phone:active {color: #000;text-decoration: none;}


		.socialmedia{
			position: absolute;
			width: 50%;
			height: auto;
			margin-left: 0.5%;
			margin-top: 0.5%;
			z-index:10
		}

		.linkedin{
			float: left;
			width: auto;
			display: block;
			max-width: 100%;
		}

		.twitter{
			float: left;
			width: auto;
			display: block;
			max-width: 100%;
		}

/* Contact */

.contact_left{
	float: left;
	width: 40%;
	height: auto;
}

.contact_right{
	float: left;
	width: 60%;
	min-height: 100px;
}

#map_canvas{
	width: 100%; 
	height: 300px;
	margin-top: 10px;
}

.contactblokmobile {

	visibility: hidden;
}



/* media screen settings */


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

	#container { width: 1000px;}




}




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

	#container{
		width: 1000px;
	}

}

@media only screen and (min-width: 588px) and (max-width: 1023px) {
	#container{
		width: 90%;
	}

	.rightblokholder{
		visibility: hidden;
	}

	.content_left{
		width: 92%;
	}

	.contactblokmobile{
		visibility: visible;
		background-color: #CA992A;
		width: 97%;
		padding: 10px;
		height: auto;
		margin-bottom: 10px;
		border: 1px solid #000;
		color: #fff;
		margin-left: 2%;
	}

}



@media only screen and (min-width: 480px) and (max-width: 587px) {
	#container{
		width: 100%;
	}


	.rightblokholder{
		visibility: hidden;
	}

	.content_left{
		width: 92%;
	}

	.contactblokmobile{
		visibility: visible;
		background-color: #CA992A;
		width: 94%;
		padding: 10px;
		height: auto;
		margin-bottom: 10px;
		border: 1px solid #000;
		color: #fff;
		margin-left: 2%;
	}


}

@media only screen and (min-width: 0px) and (max-width: 850px) {

	.contact_right{
		visibility: hidden;
	}
}


@media only screen and (min-width: 0px) and (max-width: 479px) {

    #container {width: 100%;}

	.rightblokholder{
		visibility: hidden;
	}



	.content_left{
		width: 92%;
	}

	.contactblokmobile{
		visibility: visible;
		background-color: #CA992A;
		width: 94%;
		padding: 10px;
		height: auto;
		margin-bottom: 10px;
		border: 1px solid #000;
		color: #fff;
		margin-left: 2%;
	}

}


.table_br{
	width: 100%;
	border: 1px solid #50456b;
}

.tr_br{
	height: 14px;
	line-height: 14px;
	color: #fff;
	font-size: 12px;
	background-color: #50456b;
}


.td_br{
	padding: 5px;
	border-right: 1px solid #50456b;
}

.td_br2{
	padding: 5px;
	text-align: center;
	border-right: 1px solid #50456b;
}

.imgdivaanbod{
	float: left;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #352854;
	margin-right: 10px;
	margin-bottom: 10px;
}

.imgaanbod{
	width: 95px;
	height: 95px;
}


.td_titel{
	font-weight: bold;
}

.td_leeg{
	height: 10px;
}

.td_spacer{
	width: 50px;
}