/* ----------------------------------------------
	WDM Vastgoed Stylesheet
	All rights reserved (c)2008-2009
	Authored by CryptoNet
	www.cryptonet.be
---------------------------------------------- */

/* ### RESET ################################# */

* {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	text-decoration: none;
	outline: none;
	font-size: 1em;
}

/* ### BODY ################################## */

html {
	font-size: 62.5%;
}

body {
	background: url('/images/body-bg.jpg') repeat-x;
	color: #555555;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.1em;
	line-height: 1.8em;
}

.wrapper {
	width: 960px;
	margin: 0 auto;
	position: relative;
	clear: both;
}

textarea, input, select {
	background: #ffffff url('/images/forms/input-bg.gif') no-repeat left top;
	border: 1px solid #cacaca;
	padding: 5px;
}

input.button {
	background: none;
	border: none;
	padding: none;
}

hr {
	border-bottom: 1px solid #eaeaea;
	margin: 5px 0;
}

/* ### LAYOUT ############################### */

#logo {
	width: 162px;
	height: 65px;
	margin: 12px 0 19px 25px;
	position: relative;
	background: url('/images/wdm-logo.gif') no-repeat;
}

#logo a {
	width: 162px;
	height: 65px;
	display: block;
}

#nav {
	width: 940px;
	height: 44px;
	margin: 0 10px;
	position: relative;
	background: #a5a5a5 url('/images/navigation/nav-bg.jpg') no-repeat;
}

#nav ul {
	width: 940px;
	position: relative;
	float: left;
	padding: 0 15px;
	display: inline;
}

#nav ul li {
	text-indent: -9999px;
	position: relative;
	display: inline;
	list-style: none;
}

#nav ul li a {
	height: 44px;
	display: block;
	color: #ffffff;
	float: left;
	text-decoration: none;
}

#nav ul li a#home {
	width: 60px;
	background: url('/images/navigation/nav-home.gif') no-repeat left top;
}

#nav ul li a#home:hover {
	background-position: left -44px;
}

#nav ul li a#home.active {
	background-position: left -88px;
}
	
#nav ul li a#tehuur {
	width: 71px;
	background: url('/images/navigation/nav-tehuur.gif') no-repeat left top;
}
	
#nav ul li a#tehuur:hover {
	background-position: left -44px;
}
	
#nav ul li a#tehuur.active {
	background-position: left -88px;
}
	
#nav ul li a#tekoop {
	width: 72px;
	background: url('/images/navigation/nav-tekoop.gif') no-repeat left top;
}
	
#nav ul li a#tekoop:hover {
	background-position: left -44px;
}
	
#nav ul li a#tekoop.active {
	background-position: left -88px;
}
	
#nav ul li a#contact {
	width: 74px;
	background: url('/images/navigation/nav-contact.gif') no-repeat left top;
}
	
#nav ul li a#contact:hover {
	background-position: left -44px;
}
	
#nav ul li a#contact.active {
	background-position: left -88px;
}

#nav ul li a#project17 {
  width: 86px;
  background: url('/images/navigation/nav-renovatie.gif') no-repeat left top;
}
  
#nav ul li a#project17:hover {
  background-position: left -44px;
}
  
#nav ul li a#project17.active {
  background-position: left -88px;
}
	
#nav ul li a#beheer {
	width: 65px;
	background: url('/images/navigation/nav-beheer.gif') no-repeat left top;
}
	
#nav ul li a#beheer:hover {
	background-position: left -44px;
}
	
#nav ul li a#beheer.active {
	background-position: left -88px;
}
	
#nav ul li a#schatting {
	width: 120px;
	margin: 0 0 0 434px;
	background: url('/images/navigation/nav-schatting.gif') no-repeat left top;
}

#nav ul li a#schatting:hover {
	background-position: left -44px;
}

#nav ul li a#schatting.active {
	background-position: left -88px;
}
	
#intro-container {
	width: 940px;
	height: 237px;
	position: relative;
	margin: 5px 10px 20px;
	background: url('/images/home/intro-bg.jpg') no-repeat;
}

#intro {
	width: 385px;
	float: left;
	margin: 33px 0 0 50px;
	position: relative;
}

#intro h1 {
	color: #ffffff;
	text-transform: none;
	margin: 0 0 15px;
}

#intro p {
	color: #ffffff;
}

#intro a.button {
	background: #53b2c6;
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px 6px;
	float: left;
	margin: 15px 0;
	color: #ffffff;
	text-decoration: none;
}

#intro a.button:hover {
	background: #4596b0;
	text-decoration: none;
}

.spotlight-container {
	width: 300px;
	float: left;
	position: relative;
	margin: 0 10px;
	display: inline;
}

.spotlight {
	width: 300px;
	position: relative;
}
	
.blue {
	background: #58b1d9 url('/images/corner-blue.gif') no-repeat right bottom;
}

.gray {
	background: #807e7e url('/images/corner-gray.gif') no-repeat right bottom;
}

.green {
	background: #88a708 url('/images/corner-green.gif') no-repeat right bottom;
}

.spotlight a {
	color: #ffffff;
}
	
.spotlight a:hover {
	color: #ffffff;
}

.spotlight dl {
	padding: 0 20px 10px;
	color: #ffffff;
}

.spotlight dt {
	margin-top: 5px;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
}
	
ul.browse {
	width: 155px;
	height: 20px;
	float: left;
	text-indent: -9999px;
	margin: -7px 0 0 15px;
	position: relative;
	display: inline;
	list-style: none;
}

ul.browse li {
	display: inline;
	position: relative;
}

ul.browse li a {
	float: left;
	text-decoration: none;
	height: 20px;
	display: block;
}

ul.browse li a.previous {
	width: 71px;
	background: url('/images/home/browse-previous.gif') no-repeat left top;
}
	
ul.browse li a.previous:hover {
	background: url('/images/home/browse-previous.gif') no-repeat left bottom;
}

ul.browse li a.next {
	width: 84px;
	background: url('/images/home/browse-next.gif') no-repeat left top;
}

ul.browse li a.next:hover {
	background: url('/images/home/browse-next.gif') no-repeat left bottom;
}

#breadcrumb {
	position: relative;
	padding: 9px 0 7px 0;
	margin: 0 10px 15px 10px;
	border-bottom: 6px solid #eaeaea;
}

#breadcrumb p {
	padding: 0 5px;
}

#breadcrumb a.active {
	font-weight: bold;
}

#left-column {
	position: relative;
	width: 300px;
	float: left;
	display: inline;
	margin: 0 10px;
}

#inquiry-form {
	padding: 15px;
	background: #e9eaec url('/images/inquiry-corner.gif') no-repeat right bottom;
}
	
#inquiry-form p {
	color: #184958;
	margin: 0 0 1px 0;
	font-weight: bold;
}
	
#inquiry-form input#name, #address, #telephone, #email, #subject {
	width: 258px;
	height: 15px;
	margin: 0 0 5px 0;
}
	
#inquiry-form select#subject {
	height: 27px;
	width: 269px;
}
	
#inquiry-form textarea {
	width: 258px;
}
		
h2.arrow {
	margin: 0 0 15px 0;
	text-indent: 15px;
	font-size: 1.4em;
	background: url('/images/h2-arrow.gif') no-repeat left 50%;
	
}

.content {
	position: relative;
	width: 620px;
	float: left;
	display: inline;
	margin: 0 10px;
}

.box {
	position: relative;
	width: 298px;
	height: 100px;
	border: 1px solid #e0e0e0;
	float: left;
	display: inline;
	margin: 0 10px 15px;
}

.box dt a {
	font-weight: bold;
	width: 188px;
	margin: 2px 5px 0;
	text-transform: uppercase;
	color: #000000;
	float: right;
	font-size: 1.2em;
}

.box dd {
	float: right;
	width: 188px;
	margin: 0 5px;
}

.box dd.img {
	float: left;
	width: 100px;
	margin: 0;
	height: 100px;
}

#map {
	height: 290px;
	background: #eaeaea;
}

#details-picture {
	//width: 380px;
	float: left;
	margin: 0 0 25px 0;
	position: relative;
}

ul#details-thumbnails {
	width: 234px;
	float: right;
	position: relative;
	display: inline;
	list-style: none;
}

ul#details-thumbnails li {
	display: inline;
	position: relative;
}
	
ul#details-thumbnails li a {
	float: left;
	margin-left: 8px;
	margin-bottom: 2px;
}
	
ul#details-thumbnails li a img {
	width: 70px;
	height: 70px;
}

ul#project17-thumbnails {
	width: 600px;
  display: inline;
  list-style: none;
}

ul#project17-thumbnails li {
  display: inline;
  position: relative;
}
  
ul#project17-thumbnails li a {
  float: left;
  margin-left: 8px;
  margin-bottom: 2px;
}
  
ul#project17-thumbnails li a img {
  width: 150px;
  height: 150px;
}
	
dl.specificaties dt {
	float: left;
	margin-right: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
}

dl.specificaties dd {
	margin-bottom: 5px;
	text-align: justify;
	padding-bottom: 5px;
	border-bottom: 1px solid #e0e0e0
}
	
#footer {
	position: relative;
	clear: both;
	padding: 40px 0 0 0;
	margin: 0 10px 30px 10px;
	height: 25px;
	border-bottom: 1px dotted #bfbfbf;
}

#footer p.copyright {
	float: left;
}

#footer p.contact {
	float: right;
}

.alpha {
	margin-left: 0px;
}

.omega {
	margin-right: 0px;
}

h3 span.status { color: red; }

/* ### TYPE ################################# */

h1 {
	color: #000000;
	font-weight: bold;
	font-size: 1.9em;
	margin: 0 0 29px 0;
	text-transform: uppercase;
}

h2 {
	color: #721517;
	font-weight: bold;
	margin: 30px 0 15px 0;
	font-size: 1.6em;
	text-transform: uppercase;
}

h3 {
	color: #721517;
	font-weight: normal;
	font-size: 1.4em;
	margin: 0 0 6px 0;
	padding: 0 0 6px 0;
	border-bottom: 3px solid #eaeaea;
	text-transform: uppercase;
}

a {
	color: #711617;
	text-decoration: none;
}

a:hover {
	color: #711617;
	text-decoration: underline;
}

li {
	list-style: none;
	margin: 0 0 1px 0;
}

p.notice {
	color: #fff;
	font-weight: bold;
	background-color: #940b27;
	padding: 2px 2px 2px 15px;
}

/* ### ADMIN ################################# */

fieldset#login input {
	margin: 10px 5px 25px 5px;
}

div.icon {
	float: left;
	width: 128px;
	margin-right: 50px;
}

div.icon span {
	display: block;
	text-align: center;
}