@CHARSET "UTF-8";

* {
  color: #666;
  font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 11px;
}

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

div#homefoto {
  display: none;
}

h1 {
  color: #000;
  margin: 0px;
}

body {
  background: url('../img/bgr_fade.jpg') repeat-x;
  margin: 0px;
}

#copyright {
  bottom: 0px;
  color: #ccc;
 	font-size: 11px;
  line-height: 20px;
  position: absolute;
  width: 600px;
	 text-align: right;
}

#copyrightIndex {
  bottom: 30px;
  color: #ccc;
 	font-size: 11px;
  position: absolute;
  width: 940px;
	 text-align: right;
}

#copyright a,
#copyrightIndex a {
  color: #ccc;
}

#copyright a:hover,
#copyrightIndex a:hover {
  color: #000;
}

div#sitecontainer {
  height: auto;
  margin: 0px auto;
  min-height: 671px;
  position: relative;
  width: 1002px;
}

a#homelink {
  background: url('../img/logo_versteegden.gif');
  display: block;
  height: 52px;
  left: 20px;
  position: absolute;
  top: 42px;
  width: 239px;
}

div#homefoto {
  height: 331px;
  left: 261px;
  position: absolute;
  top: 111px;
  width: 705px;
}

div#text_top {
  background: url("../img/text_top.gif") no-repeat;
  height: 20px;
  left: 261px;
  position: absolute;
  top: 111px;
  width: 705px;
}

div#text_main {
  background: url("../img/text_bgr1.gif") no-repeat bottom;
  min-height: 415px;
  height: auto !important;
  height: 415px;
  left: 261px;
  padding: 40px 20px 40px 80px;
  position: absolute;
  top: 131px;
  width: 605px;
}

div#text_left {
  text-align: justify;
  width: 325px;
}

div#text_left_projecten {
  text-align: justify;
  width: 500px;
}

div#right_image {
  background: red;
  position: absolute;
  right: 0px;
  width: 200px;
}

div.navigation {
  background: url("../img/nav_bgr.gif") no-repeat center;
  border: solid 1px;
  color: #fff;
  margin: 0px 0px 10px 0px;
  padding: 5px;
  text-align: center;
  width: 100%;
}

div.navigation a {
  color: #fff;
  font-weight: bold;
}

div.navigation span {
  color: #000;
  font-weight: bold;
}

div.project {
  border-top: solid 1px;
  margin: 0px 0px 15px 0px;
  text-align: left;
  padding-top: 10px;
}

img.thumb {
  border: solid 1px #666;
  margin: 5px 7px 5px 0px;
}

div#pics_right {
  height: 228px;
  position: absolute;
  right: 21px;
  top: 47px;
  width: 230px;
}

div#topmenu_container {
  background: url('../img/bgr_menu.gif') no-repeat;
  height: 24px;
  position: absolute;
  right: 55px;
  top: 87px;
  width: 479px;
}

div#topmenu_container a {
  color: #fff;
  display: inline;
  float: left;
  height: 40px;
  margin-left: 17px;
  padding: 5px 0px 0px 0px;
  text-decoration: none;
}

div#topmenu_container .active {
  color: #000;
}

a#vrijblijvende_offerte_large {
  background: url("../img/vrijblijvende_offerte_large.gif") no-repeat;
  color: #000;
  display: block;
  height: 67px;
  left: 261px;
  padding: 92px 15px 0px 15px;
  position: absolute;
  text-decoration: none;
  top: 446px;
  width: 173px;
}

a#vrijblijvende_offerte_small {
  background: url("../img/vrijblijvende_offerte_small.gif") no-repeat;
  color: #000;
  display: block;
  height: 54px;
  left: 77px;
  padding: 40px 8px 0px 8px;
  position: absolute;
  text-decoration: none;
  top: 413px;
  width: 162px;
}

a#garantie_large {
  background: url("../img/garantie_large.gif") no-repeat;
  color: #fff;
  display: block;
  height: 94px;
  left: 469px;
  padding: 109px 0px 0px 15px;
  position: absolute;
  text-decoration: none;
  top: 446px;
  width: 188px;
}

a#garantie_small {
  background: url("../img/garantie_small.gif") no-repeat;
  color: #fff;
  display: block;
  height: 34px;
  left: 77px;
  padding: 60px 8px 0px 8px;
  position: absolute;
  text-decoration: none;
  top: 512px;
  width: 162px;
}

div#recent_gerealiseerd {
  background: url("../img/recent_gerealiseerd.gif") no-repeat;
  color: #000;
  height: 119px;
  left: 677px;
  padding: 40px 0px 0px 12px;
  position: absolute;
  text-decoration: none;
  top: 446px;
  width: 277px;
}

div#recente_woningbouwprojecten {
  background: url("../img/recente_woningbouwprojecten.gif") no-repeat;
  clear: both;
  padding: 32px 8px 8px 8px;
  position: absolute;
  right: 21px;
  top: 301px;
  width: 214px;
}

div#recente_woningbouwprojecten ul {
  list-style-image: url("../img/bullet.gif");
  margin: 0px 0px 0px 14px;
  padding: 0px;
}

.kop {
  height: 34px;
  margin: 0px 0px 32px 0px;
  width: 254px;
}

.kop#kop_admin {
  background: url("../img/koppen/admin.gif");
}

.kop#kop_woningbouw {
  background: url("../img/koppen/woningbouw.gif");
}

.kop#kop_renovatie_verbouwing {
  background: url("../img/koppen/renovatie_verbouwing.gif");
}

.kop#kop_bedrijfsruimtes {
  background: url("../img/koppen/bedrijfsruimtes.gif");
}

.kop#kop_agrarisch {
  background: url("../img/koppen/agrarisch.gif");
}

.kop#kop_freestylewoning {
  background: url("../img/koppen/freestylewoning.gif");
}

.kop#kop_wie_zijn_wij {
  background: url("../img/koppen/wiezijnwij.gif");
}

.kop#kop_vakmanschap {
  background: url("../img/koppen/vakmanschap.gif");
}

.kop#kop_projecten {
  background: url("../img/koppen/projecten.gif");
}

.kop#kop_vacatures {
  background: url("../img/koppen/vacatures.gif");
}

.kop#kop_garanties {
  background: url("../img/koppen/garanties.gif");
}

.kop#kop_contact {
  background: url("../img/koppen/contact.gif");
}

.kop#kop_disclaimer {
  background: url("../img/koppen/disclaimer.gif");
}

.garantie_image {
  float: left;
  padding: 0px 10px 0px 0px;
  position: relative;
}

.textinput {
  border: #666 solid 1px;
  height: 15px;
  width: 170px;
}

.selectinput {
  border: #666 solid 1px;
  height: 20px;
  width: 172px;
}

.areainput {
  border: #666 solid 1px;
  height: 120px;
  width: 312px;
}

.resetbutton {
  background: url("../img/legen.gif");
  border: none;
  height: 31px;
  width: 81px;
}

.submitbutton {
  background: url("../img/versturen.gif");
  border: none;
  height: 31px;
  width: 81px;
}

.errorborder {
  border:1px solid #f00;
  background:#ffcccc;
}

.errortext {
  color: #f00;
}

#overigvalue_container {
  display: none;
}

.form_errors li {
  color: #ff0000;
}

#disclaimer {
  font-size: 10px;
  height: auto;
  left: 20px;
  position: absolute;
  top: 621px;
  width: auto;
}

#disclaimer_home {
  bottom: 20px;
  color: #9d9d9e;
 	font-size: 11px;
  position: absolute;
  width: 930px;
	 text-align: right;
}

/*=== MENU LEFT ===*/

div#leftmenu_container {
  height: 223px;
  left: 70px;
  position: absolute;
  top: 167px;
  width: 206px;
  z-index: 2;
}

div#leftmenu_container a {
  display: block;
  height: 35px;
  margin: 0px 0px 12px 0px;
  text-decoration: none;
  width: 191px;
}

div#projectmenu_container a {
  display: block;
  height: 28px;
  margin: 0px;
  text-decoration: none;
  width: 191px;
}

div#leftmenu_container a#woningbouw,
div#projectmenu_container a#woningbouw {
  background: url("../img/buttons/woningbouw.png") no-repeat;
}
  
div#leftmenu_container a#renovatie_verbouwing,
div#projectmenu_container a#renovatie_verbouwing {
  background: url("../img/buttons/renovatie_verbouwing.png") no-repeat;
}

div#leftmenu_container a#bedrijfsruimtes,
div#projectmenu_container a#bedrijfsruimtes {
  background: url('../img/buttons/bedrijfsruimtes.png') no-repeat;
}

div#leftmenu_container a#agrarisch,
div#projectmenu_container a#agrarisch {
  background: url('../img/buttons/agrarisch.png') no-repeat;
}

div#leftmenu_container a#freestylewoning {
  background: url('../img/buttons/freestylewoning.png') no-repeat;
}

div#leftmenu_container a#woningbouw,
div#leftmenu_container a#renovatie_verbouwing,
div#leftmenu_container a#bedrijfsruimtes,
div#leftmenu_container a#agrarisch,
div#leftmenu_container a#freestylewoning {
  behavior: url("../iepngfix.htc");
}

div#leftmenu_container .active {
  width: 206px;
}

/*=== END MENU LEFT ===*/

.sortitem {
  cursor: move;
}

#sortme td:hover {
  border: dashed 1px;
}

#tooltip {
  font-weight: normal;
	position: absolute;
	z-index: 1;
	border: 1px solid #d42b20;
	background-color: #fff;
	padding: 10px;
  width: 300px;
}

#tooltip h3, #tooltip div { 
  margin: 0;
}

#meerinfo {
  cursor: help;
}

div#message {
  color: #ff0000;
  display: none;
  font-weight: bold;
  left: 300px;
  position: absolute;
  top: 235px;
}