/* CSS Document */
@import url("reset.css");
@import url("960.css");

/* ------ layout
-----------------------------------------------*/

html, body {
margin:0;
padding:0;
width:100%;
font-family:Verdana, Geneva, sans-serif;
}

h1, h2, h3, h4, h5 {
	font-family: 'Source Sans Pro', sans-serif;
}

header
,nav
,section
{ 
display: block;
}

body {
	/*background-color:#fff;*/
	font-size:12px;
	/*background:url('../img/body_bg.png') repeat-x bottom;*/
	min-height:100%;
	width:100%;
	background-color:#DCDCDC;
	/*background-image:url('../img/wood.png');*/
	background-image: linear-gradient(bottom, rgb(255,255,255) 12%, rgb(209,209,209) 81%);
	background-image: -o-linear-gradient(bottom, rgb(255,255,255) 12%, rgb(209,209,209) 81%);
	background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 12%, rgb(209,209,209) 81%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 12%, rgb(209,209,209) 81%);
	background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 12%, rgb(209,209,209) 81%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.12, rgb(255,255,255)),
		color-stop(0.81, rgb(209,209,209))
	);
	
	background-repeat:no-repeat;	
}


a {
	color:inherit;
	text-decoration:none;	
}

#top {
	margin:0 auto;	
	width:1000px;
	
}

#logo {
	height:120px;
	width:170px;
	background-color:#EAEBEC;
	
	position:relative;
	left:80px;
	float:left;	
	z-index:50;		
}

#logo img{
	position:relative;
	top:15px;
	left:7px;
}

#logo .triangle {
	width: 0px;
   height: 0px;
	border-right: 40px solid transparent;
	border-left: 40px solid transparent;
	border-top: 50px solid #EAEBEC;
	position: relative;
	top: 10px;
	margin:0 auto;
}
	

header {
	margin:0 auto;	
	width:960px;
	position:relative;
	top:-17px;	
}


header img {
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
}

nav {
	background:#EAEBEC;
	height:35px;
	border:1px solid #000;
	background-image:url(../img/nav_bg.png);
	background-repeat:repeat-x;
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
	position:relative;
	top:66px;
	z-index:40;
	
}

nav ul {
	display:inline;
	list-style:none;
	position:relative;
	left:100px;
	top:7px;
}

nav ul li {
	display:inline;	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	padding:8px;
}

nav ul li:hover {
	background-color:#318A52;
	color:#fff;
	position:relative;
	top:1px;

}

#home .homeBtn,
#woningen .woningenBtn,
#garages .garagesBtn,
#beheer .beheerBtn,
#contact .contactBtn,
#woning .woningenBtn,
#garage .garagesBtn
{
	background-color:#318A52;
	color:#fff;
		position:relative;
	top:1px;
}

nav ul .triangle {
	width: 0px;
   height: 0px;
   border-right:20px solid transparent;  
   border-left:20px solid transparent;
   border-top:20px solid #318A52;
	
   margin:0 auto;
   display:inline;
}



#main {
	padding:75px 0 50px;
	background-color:#fff;
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
	margin-top: 65px;

}

#home #main {
	margin-top:-20px;
	padding:40px 0;
}

.box {
	background:#fff;
	border:1px solid #666;
}

.box h2 {
	width:100%;
	font-size:18px;
	color:#FFF;
	display:block;
	background-color:#000;
	padding:5px 0 5px;
	text-align:center;

}

.box_content {
	padding: 15px 10px 10px 15px;	
}



#content {
	padding: 0 25px;
	
}


.search_content p{
	float:left;
}

.search_content span{
	clear:both;
	display:block;
	font-size:16px;
	border-top:1px solid #fff;
	padding:20px 0 0 10px;
	margin:10px 0 5px;
	color:#fff;
}

.search_content label{
	display:block;
}

.search_content .submit{
	color:#fff;
	background-color:#000;
	padding:6px 28px;
	border:none;
	-webkit-border-radius: 15px;
	border-radius: 20px;
	position:relative;
	left:400px;
	top:20px;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;

}

.search_content{
	padding:20px;
	background-color:#318A52;
}

.search_content select{
	width:250px;
	height:30px;
	margin: 0 10px;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#333;
	font-style:italic;
}

.search_content label{
	position:relative;
	left:10px;
	top:-5px;
	font-size:16px;
	color:#fff;
}

/*UITGELICHT*/

#uitgelicht {
	background-color:#666;
	height:200px;
	padding:10px;
	position:relative;
	top:35px;
	-webkit-box-shadow: 0px 5px 15px 3px #666;
	box-shadow: 0px 5px 15px 3px #666;
	border:1px solid #000;
	text-align:center;
}

.object_item {
	float:left;
	padding:4px 4px 25px;
	text-align:center;
	border: 1px solid #333;
	width:150px;
	background-color:#fff;
	margin: 5px 5px;
	
}

.object_item img {
	width:120px;
	max-height:90px;
	height:auto;
}

.object_item h4 {
	font-size:16px;
	margin:5px 0 0;
	font-weight:bold;
	
}

.object_item span {
	display:block;
}

.object_item .prijs {
	font-size:14px;
	font-weight:bold;
	color:#063;
	margin:15px 0 5px;
}

/* DETAIL PAGINA */
.details .desc {
	text-align:right;
	font-weight:bold;
}

.details .price {
	font-family: 'Source Sans Pro', sans-serif;
	color: #419C5C;
	font-size:35px;
	font-weight:600;
	position:relative;
	top:-5px;
	left:55px;
}

.shortcuts {
	list-style:none;
	line-height:36px;
	position:relative;
	top:0px;
	left:0px;
}


.detail .shortcuts {
	top:10px;
	left:25px;
}


.detail h1
{
	color:#318A52;
}

.shortcuts li {
	font-family: 'Source Sans Pro', sans-serif;
	color: #000;
	font-size:20px;
	font-weight:600;
}

.shortcuts li:hover {
	color:#318A52;
}

.shortcuts i{
	position:relative;
	left:-5px;
	top:3px;
	color:#318A52;
	
}

/*OVERZICHT*/

.item_single{
	background-color:#DDDDDD;
	padding:5px;
	min-height:125px;
	margin:0 0 15px 0;
}

.item_single:hover{
	background-color:#EAEAEA;
}


.item_single img{
	width:160px;
	float:left;
	position:relative;
	top:5px;
	left:10px;
	max-height:118px;
}

.item_single span {
	display:block;
	position:relative;
	top:10px;
	left:25px;
	line-height:30px;
	
}

.item_single .stad {
	font-weight:bold;
	font-size:14px;
}

.item_single .adres{
	
}

.item_single .prijs{
	font-weight:bold;
	color:#318A52;
	font-size:16px;
	font-weight:bold;
}

.item_single .info{
	color:#fff;
	background-color:#318A52;
	padding:8px 15px;
	border:none;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position:relative;
	left:450px;
	top:-5px;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	display:inline;
}

#contact input{
	width:250px;
	border:1px solid #318A52;
	height:20px;
}

#contact textarea{
	width:250px;
	height:150px;
	border:1px solid #318A52;
}

#contact .label{
	text-align:right;
	font-weight:bold;
}

#contact .error{
	color:#CC0000;
}