/*second home rentals*/

* {
  margin: 0;
}
html, body, div, p, h1, h2, h3, h4, h5, h6, ul, li, a, span, dl, dt, dd, address,
table, thead, tbody, th, tr, td, form, fieldset, legend, label {
  padding: 0;
}

img {
  border: 0;
}

ul, li {
  list-style: none;
}

html, body {
  height: 100%;
}

body {
  background: #e1eef4 url(../images/bggradient.gif) 0 0 repeat-x;
  behavior: url(csshover2.htc);
}

body, #container, #footer {
  min-width: 760px;
  position: relative;
}

* html #container, * html #footer {
  width: 780px;
  width: expression((document.body.clientWidth>2000) ? "1600px" : ((document.body.clientWidth>800) ? "auto" : "780px"));
}

#container {
  min-height: 100%;
  font: normal 1em/1.5em georgia, baskerville, times, "times new roman", serif;
}
* html #container {
  height: 100%; /*IE6*/
}

#footer {
  width: 100%;
  background-color: #34769a;
  border-top: 1px solid #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
}

* html #footer {
  position: absolute;
  width: 100%;/*IE5.5*/
  bottom: 0;
  left: 0;
  overflow: visible;
  top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

#footermenu {
  margin: 0 auto;
  position: relative;
  z-index: 10;
width: 51em;
}

	#footermenu li {
	  display: inline;
	  padding: 0 5px;
	  background-color: #34769a;
	}
	 #footermenu a {
	  font: bold 16px/36px baskerville, times, "times new roman", serif;
	  text-decoration: underline;
  	  text-align: center;
	  color: #fff;
	  white-space: nowrap;
	}
	#footermenu a:focus, #footermenu a:hover, #footermenu a:active {
  	  color: #a9076a;
	}

a:visited, a:focus, a:hover {
  color: #a9076a;
}
a[href$=".pdf"] {
  line-height: 1.88em;
  padding-right: 29px;
  background: url(../images/pdf-icon.gif) no-repeat 100% 50%;
}
a.skip {
  position: absolute;
  left: -999em;
}

p.letop {
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
}

#container img.wrong {
  display: block;
  margin: 10px auto;
}

/*sidebar heeft parent nodig met bottom-padding-- voor footer*/
#outerwrap {
  padding-bottom: 4.6em;
  overflow: hidden;
}

#header {
  height: 100px;
  background: url(../images/header_logo2.jpg) left bottom no-repeat;
  border-bottom: 1px solid #fff;
  position: relative;
}


h1, h1 a, #tagline, #tagline a, h1 a:hover, #tagline a:hover,
h1 a:visited, #tagline a:visited {
  text-align: center;
  text-decoration: none;
  color: #599fc6; 
  font: bold 35px/50px verdana, arial, sans-serif;
}
	h1 {
  	  height: 100px;
  	  background: url(../images/homesellinglogorechts.png) 100% 0 no-repeat;
	}
	* html h1 {
	  background-image: url(../images/header_logo.png); /*geen alpha-transparency voor IE6*/
	}
	#header #tagline, #header #tagline a {
	  margin-top: -40px;
  	  font-size: 20px;
  	  line-height: 20px;
	}

#taallijst {
  height: 20px;
  margin-top: 5px;
  padding-left: 10px;
}
	#taallijst a {
	  line-height: 15px;
	  padding-right: 5px;
	}

a#terug {
  display: block;
  width: 12em;
  margin: 0 auto;
  text-decoration: none;
  background-color: #fff;
  color: #599fc6;
  font-weight: bold;
  border: 1px solid #000;
  text-align: center;
}
	a#terug:visited {
	  color: #599fc6;
	}
	a#terug:hover {
	  color: #000;
	}

#menukeus {
  display: table;
  width: 99%;
  margin: 5px auto 1px;
  border-spacing: 2px 0;
}

/*IE doet geen "display: table"*/
* html #menukeus {display: block; width: 100%;}
*+html #menukeus {display: block; width: 100%;}

	#menukeus li {
	  display: table-cell;
	  width: 20%;
  	  vertical-align: middle;
	  text-align: center;
	  background-color: #fff;
	  border: 1px solid #000;
	  border-width: 1px 2px 2px 1px;
	}
* html #menukeus li {float: left; display: inline; width: 19%; margin-left: 2px;}
*+html #menukeus li {float: left; width: 19%; margin-left: 2px;}

	#menukeus.bn li {
  	  width: 14.28%;
	}
* html #menukeus.bn li {width: 13.5%;}
*+html #menukeus.bn li {width: 13.5%;}

	#invoeren #menukeus li {
	  width: 15%;
	  color: #000;
	  background-color: transparent;
	  border: 0;
	}
* html #invoeren #menukeus li {height: 3em;}
*+html #invoeren #menukeus li {min-height: 3em;}

	#menukeus a, #menukeus a:visited {
  	  display: block;
	  width: 100%;
	  font-weight: bold;
	  color: #599fc6;
	  text-align: center;
	  text-decoration: none;
	}
	#menukeus li:hover, #menukeus li.huidig {
   	  background-color: #c7c7c7;
	}
	#menukeus li a:hover {
	  color: #599fc6;
	  text-decoration: none;
	  background-color: #c7c7c7;	    
	}
	#menukeus li a:focus {
	  color: #000;
	  text-decoration: none;
	}

* html #menukeus a {font-size: .9em;}
*+html #menukeus a {font-size: .9em;}

/*teh Dennis moet controleren*/
	#invoeren #menukeus li a {
	  color: #000;
	}
	#container #menukeus li.huidig a {
	  font-style: italic;
	  font-size: 1.1em;
	  color: #444;
	}
	#invoeren #menukeus li.huidig a {
	  font-weight: bold;
	  color: #444;
	}

	#invoeren #menukeus li a:focus, 
	#invoeren #menukeus li a:hover {
	  color: #000;
	  text-decoration: underline;
	  background-color: transparent;
	}
		#invoeren #menukeus li.huidig a:focus,
		#invoeren #menukeus li.huidig a:hover {
		  color: #444;
		  text-decoration: none;
		}

#wrapper {
  width: 100%;
  float: left; /*negative-margin sidebar wrapping truc*/
  padding: 0 0 3em 0;
  position: relative;
  overflow: hidden;
}

#deco { /*helaas kon geen border op #wrapper zetten in de juiste plek*/
  width: 98%;
  border: 1px solid #000;
  margin: 0 auto 2em;
  padding-bottom: 10px;
  overflow: hidden;
}

#content {
  clear: left;
  padding: 0 5px;
  margin: 0;
}
	#tweecol #content {
  	  margin-right: 270px;
	}

#container h2 {
  text-align: center;
  margin: 30px 0;
  padding: 1px;
  color: #000;
  font-size: 1.2em;
}
#container h2.intro {
  font-size: 1em;
  margin: 30px 0 0;
}
	#container h2.intro a {
	  text-decoration: none;
	  color: #000;
	}

#container p.intro {
  text-align: center;
  padding: 0 3em;
}
	#container p.intro span {
	  font-size: 1em;
	  font-weight: bold;
	  color: #599fc6;
	}

#huisidprint {
  display: none;
}

/*IE5.5*/
* html #container {
  text-align: center;
  te\xt-align: left;
}

#zoektitle {
  width: 46em;
  margin: 10px auto;
  overflow: hidden;
}
	#tweedebanner1, #tweedebanner2, #middelzoek {
	  float: left;
	  width: 236px;
	}

#tweedebanner1, #tweedebanner2 {
  margin-top: 20px;
}
#middelzoek {
  width: 260px;
}

#zoektitle h2 {
  font-size: 1.3em;
  margin: .5em auto 0;

}

#zoektitle p, #resultaat p {
  text-align: center;
}
	#zoektitle p span, #resultaat p span {
	  font-weight: bold;
	}

#zoektitle div ul.paginalijst, #resultaat ul.paginalijst {
  text-align: center;
  overflow: hidden;
}
#resultaat ul.paginalijst {
  padding-bottom: 4em;
}
	ul.paginalijst li {
	  display: inline;
	}
	#zoektitle ul.paginalijst li a, #resultaat ul.paginalijst li a {
  	  float: none;
	  display: inline;
	  color: #00f;
	}
	#zoektitle .paginalijst li.huidige a, #resultaat .paginalijst li.huidige a {
	  color: #000;
	  text-decoration: none;
	}


#resultaat {
  clear: left;
}
* html #resultaat {
  text-align: center;
  te\xt-align: left;
}
  
#squarebanner {
  display: block;
  margin: 10px auto;
  width: 300px;
}

#resultaat div {
  position: relative;
  max-width: 33em;
  border: 2px solid #34769a;
  background-color: #f0f6f8;
  margin: 10px auto;
  padding-left: 150px;
  overflow: hidden;
}

/*IE5.5... just because*/
* html #resultaat div {
  width: 43em;
  w\idth: 33.5em;
}

/*goofy, is pushed to the right without border!??? left-floated anchor heeft negatief left-margin...*/
 
#resultaat div p {
  clear: both;
  margin-left: -150px;
  border-top: 1px solid #34769a;
  background-color: #fff;
  padding: .2em;
}
 
#resultaat h3 {
  border: 1px solid #fff;
  background-color: #34769a;
  color: #fff;
  padding-left: 10px;
  margin-left: -150px;
  overflow: hidden; 
} 
	#resultaat h3 span {
	  float: right;
	  margin-right: .5em;
	  background-color: #34769a;
	  text-align: right;
	  padding-right: 2px;
	}
	* html #resultaat h3 span {
	  padding-top: 1px;
	  line-height: 1.2em;
	}

#resultaat div a {
  float: left;
  margin-left: -140px;
  margin-top: .5em;
  padding: 1px;
  color: #000;
  text-decoration: none;
  width: 140px;
  text-align: center;
}
	#resultaat div a:focus, #resultaat div a:hover {
	  color: #00f;
	  text-decoration: underline;
	}
	#resultaat div a img {
  	  border: 1px solid #00f;
  	  height: 110px; 
  	  width: 140px;
	}
	#resultaat div a:focus img, #resultaat div a:hover img {
	  border: solid #34769a;
	  border-width: 1px 2px 1px 1px;
	}

#resultaat div p a.lezen {
  float: none;
  margin: 0;
  padding-left: 3px;
  text-decoration: underline;
  color: #00f;
}

#resultaat div a.button {
  clear: left;
  text-align: center;
  width: 15em;
  margin: .2em .2em .2em -140px;
  color: #fff;
  font-size: .9em;
  font-weight: bold;
  background-color: #34769a;
  border: 2px solid #094a6f;
  -moz-border-radius: 20px; /*werkt nu met Mozilla browsers-- dit mag VERANDEREN*/
  -webkit-border-radius: 15px;/*werkt nu met Safari, alleen in px-- dit mag VERANDEREN*/
  border-radius: 15px;/*lawlz ik wilde met border-radius spelen... 't is ALLEEN een WORKING DRAFT van CSS3 DUS hoe hij werkt mag VERANDEREN!!!*/
}
	#resultaat div a.button:focus, #resultaat div a.button:hover {
	  color: #34769a;
	  background-color: #fff;
	  text-decoration: none;
	}
#resultaat div div.iconresultaat {
  float: right;
  width: 190px;
  border: none;
  position: relative;
  top: .5em;
  padding-left: 0;
  margin: 0;
  white-space: nowrap;
}
	#resultaat div div.iconresultaat img {
	  display: inline;
	  vertical-align: bottom;
	  padding-left: 2px;
	}

#contactlijst {
  width: 20em;
  margin: 0 auto;
  padding-left: 12em;
  font-size: 1em;
  line-height: 1.2em;
}
	#contactlijst address {
	  font-style: normal;
	  margin-bottom: 1em;
	}
	#contactlijst a {
	  text-decoration: none;
	}

#contactinfo {
  width: 32em;
  margin: 30px auto 50px;
  overflow: hidden;
}

#voorwaarden, #verhuur, #links {
  padding: 0 7px;
  font: normal .75em/1.3em verdana, helvetica, arial, sans-serif;
}
#verhuur, #links {
  font-size: 1em;
}
	#voorwaarden p, #verhuur p, #klaar p {
	  margin-bottom: 1em;
	  margin-top: .5em;
	}
	#voorwaarden a {
	  color: #265975;
	  text-decoration: none;
	}
	#verhuur a {
	  text-decoration: none;
	}
	#voorwaarden a[href^="#sect"] {
	  font-size: 1.2em;
	  color: #000;
	  line-height: 2.5em;
	  text-decoration: underline;
	}
	#voorwaarden h2 {
	  margin: 15px 5px 7px;
	  text-align: left;
	  font-size: 1.3em;
	  color: #000080;
	}
	#voorwaarden h3 {
	  font-size: 1.4em;
	  line-height: 2.5em;
	}
	#voorwaarden h4 {
	  margin: 10px 5px 5px;
	}
	#voorwaarden ol li {
	  display: list-item;
	  list-style-type: decimal;
	  margin-left: 3em;
	}
		#voorwaarden ol ol li, #voorwaarden ol.subart5 li {
	  	  list-style-type: lower-latin;
		}
#verhuur h2, #links h2 {
  color: #599fc6;
  font-size: 2em;
}

#links a.linkx {
  width: 20em;
  margin: -10px auto 0;
  text-align: center;
  color: #599fc6;
  font-weight: bold;
  text-decoration: underline;
}
	#links a.linkx:focus, #links a.linkx:hover {
	  color: #a9076a;
	}
#linkx dl {
  width: 100%;
}
#linkx dl dt {
  text-align: right;
  width: 11em;
  margin-top: .2em;
  padding-right: 5px;
}
#linkx dl dd.code {
  width: 22em;
}


#verhuur ul li {
  display: list-item;
  list-style: url(../images/home_icon.gif);
  list-style-type: square;/*fallback*/
  margin-left: 3em;
  padding: 0 0 .3em 1em;
}

#links h3 {
  margin: 10px 0;
}

#links a {
  display: block;
  width: 20em;
  margin-bottom: .5em;
  text-decoration: none;
  font-size: .9em;
}
#links .afbeeldlinks {
  margin: 10px 0 10px;
  clear: both;
  overflow: hidden;
}
#links .beschrijflinks {
  overflow: hidden;
  margin: 5px 0 30px;
}
#links .beschrijflinks li, .afbeeldlinks a {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
}
#links .beschrijflinks li {
  width: 18em;
  padding: 2px 5px;
  border: 1px solid #fff;
}
	#links .beschrijflinks li.clear {
	  clear: left;
	}
#links .beschrijflinks li a {
  margin-bottom: 0;
}
	.beschrijflinks li span {
	  display: block;
	  color: #000;
	}

#sitemap h2, #sitemap h3 {
  text-align: center;
}

ul.sitemaplijst {
  display: list-item;
  width: 6em;
  padding-left: 30px;
  margin: 10px auto;
}
ul.langer {
  width: 15em;
}
	ul.sitemaplijst li {
	  list-style: circle;
	}

#huisgegevens {
  width: 100%; /*hazlayout*/
  padding-left: 10px;
  overflow: hidden;
}

#huisgegevens h1 {
  margin: .8em 0 1em;
  color: #599fc6;
  text-align: center;
  font-size: 1.8em;
  
  background: url();
}

#huisgegevens div {
  width: 29.3em;
  float: left;
  margin: 20px 0 0 2px;
}
#huisgegevens #map, #stap6 #map {
  width: 458px;
  height: 360px;
  margin-bottom: 10px;
  overflow: hidden;
  background: url(../images/tempgooglie.jpg) 0 0 no-repeat;
  border: 1px solid #fbd302;
}
	#huisgegevens #map div, #stap6 #map div {
	  margin: 0;
	  width: 100%;
	}	  
	#huisgegevens div.clear {
	  clear: left;
	}
	#huisgegevens div.fullwidth {
	  float: none;
	  width: auto;
	}
#huisgegevens h2 {
  text-align: left;
  line-height: 1.5em;
  font-size: 1.2em;
  margin-bottom: 20px;
}
#huisgegevens h3 {
  width: 24em;
  border: 1px solid #fff;
  background-color: #34769a;
  color: #fff;
  padding-left: 10px; 
  margin-bottom: 10px;
}
	#huisgegevens div.fullwidth h3 {
	  width: auto;
	}
#huisgegevens h4 {
  border-bottom: 1px solid #34769a;
  width: 23em;
  font-size: 1.2em;
}

dl {
  width: 29em;
  float: left;
  font-size: 1em;
  overflow: hidden;
}
	#contactinfo dl {
	  width: 28.2em;
	  border: 1px solid #34769a;
	  border-top: none;	  
	}
	#mijnhuizen dl {
	  float: none;
	  margin-left: 10px;
	}
	* html #contactinfo dl {
	  width: 28.3em;
	}
	#resultaat div dl {
	  width: 17.5em;
	  margin-left: .5em;
	  min-height: 7em;
	}
	* html #resultaat div dl {
	  height: 9em;
	}
		#resultaat div dl.nietbreed {
		  width: 14em;
		}
	dl dt {
	  font-weight: bold;
	  float: left;
	  width: 11.5em;
	  padding: 0 0 .5em .2em;
 	  clear: both;
	}
	#resultaat dl dt {
	  width: 9em;
	  font-size: .95em;
	  padding: .2em 0 0 .1em;
	  border-top: 1px solid #34769a;
	}
 	* html #resultaat dl dt {
	  border-top: none;
	  width: 9em;
	}
	#resultaat dl dt.eerst {
	  border-top: none;
	}
  	#contactinfo dl dt {
	  width: 11em;
	  text-align: right;
	  padding-right: .5em;
	  border-top: 1px solid #34769a; 
	}
	dl dd {
	  width: 16em;
	  float: left;
	  padding: .2em;
	}
	#contactinfo dl dd {
	  border: solid #34769a;
	  border-width: 1px 0 0 1px;
	  padding-bottom: .3em;
	}
	#resultaat dl dd {
	  width: 8em;	
	  padding-bottom: .2em;
	  font-size: .9em; 
	}
	 	#resultaat dl.nietbreed dd {
		  width: 5em;
		}
	* html #resultaat dl dd {
	  width: 7em;
	}
	dl dd.nummer {
	  padding-top: 1.5em;
	  padding-bottom: 0;
	}
		* html dl dd {float: none;}
		*+html dl dd {float: none;}


	#extra dd {
	  width: 8em;
	  float: left;
	}
	#extra dd.vollebreed {
	  width: 16em;
	}
	dl dd.lang {
	  clear: left;
	  margin-top: -.8em;/*IE reageert...*/
	  float: none;
	  width: 28em;
	}
 
#formblok {
  position: relative;
  border: 2px solid #fff;
  min-width: 410px;
  max-width: 800px;
  margin: 30px auto;
  padding-bottom: 20px;
  overflow: hidden;
}
* html #formblok {
  width: 410px;
  height: 200px; 
  overflow: visible;
  width: expression((document.body.clientWidth>1024) ? "800px" : ((document.body.clientWidth>800) ? "auto" : "400px"));	 	
}

/*van Mike Cherim en Eric Meyer's ideen*/
#formblok #kaart {
  float: right;
  position: relative;
  width: 297px;
  height: 174px;
  background: url(../images/wereld.gif) 0 0 no-repeat;
}
	#kaart li a {
	  position: absolute;
	  text-decoration: none;
  	  background: url(../images/wereld.gif) 999em 999em no-repeat;
	}
	/*IE trigger*/
	#kaart li a:hover {
  	  visibility: visible;
	}


#kaart a span {
  position: absolute; 
  margin: -9000px 0 0 -90000px; 
}
#kaart a:hover span, #kaart a:focus span, #kaart a:active span {
  color: #000;
  background-color: #fbeb92;
  border: 1px solid #000;
  padding:  2px 5px;
  text-align: center;
  font: .8em baskerville, georgia, "times new roman", serif;
  line-height: 1em;
  left: 0;
  top: 0;
  margin-left: 40px;
  margin-top: 20px;
}
#kaart a#oz:focus span, #kaart a#oz:hover span, #kaart a#oz:active span {
  margin-left: -55px;
  margin-top: 0px;
} 

	a#noordam {
  	  width: 130px;
  	  height: 87px;
	  top: 10px;
	  left: 10px;
	  white-space: nowrap;
	}
	a#noordam:hover, a#noordam:focus, a#noordam:active {
  	  background-position: -298px -8px;
	}


	a#euro {
  	  width: 53px;
  	  height: 45px;
 	  top: 30px;
  	  left: 117px;
	}
	a#euro:hover, a#euro:focus, a#euro:active {
	  background-position: -482px -26px;
	}


	a#asia {
  	  width: 136px;
  	  height: 110px;
  	  top: 11px;
  	  left: 155px;
	}
	a#asia:hover, a#asia:focus, a#asia:active {
  	  background-position: -573px 1px;
	}

	a#zuidam {
  	  width: 38px;
  	  height: 69px;
  	  top: 97px;
  	  left: 75px;
	}
	a#zuidam:hover, a#zuidam:focus, a#zuidam:active {
	  background-position: -363px -95px;
	}

	a#afrika {
  	  width: 63px;
  	  height: 68px;
  	  top: 75px;
  	  left: 125px;
	}
	a#afrika:hover, a#afrika:focus, a#afrika:active {
	  background-position: -425px -87px;
	}
	a#oz {
  	  width: 60px;
  	  height: 50px;
  	  top: 110px;
  	  left: 224px;
	}
	a#oz:hover, a#oz:focus, a#oz:active {
	  background-position: -493px -81px;
	}
/*eind kaart*/

form {
  width: 35em;
  margin: 30px auto 40px;
  padding-bottom: 4.6em;
  overflow: hidden;
}
#form1 {
  width: 100%;
  padding: 0;
  margin: 0;
}
#formIncasso {
  width: 25em;
  margin: 10px auto;
}
	form fieldset {
	  border: 1px solid #34769a;
	  padding-left: 7px;
	}
	#aanmaken fieldset {
	  padding-bottom: 10px;
	}
	form fieldset.subs h3 {
	  font-size: 1em;
	}
	#klaar #form1 fieldset {
	  border: 0;
	}


#aanmaken form {
  border-top: 1px solid #000;
  padding-top: 5px;
}
#FormPersoon {
  width: 30em;
}
#keuzemenu_timestamp {
  width: 25em;
  margin-bottom: 10px;
  padding-bottom: 5px;
}
#keuzemenu_timestamp label {
  width: 7em;
}	
	#stap4 #FormVolgende {
	  padding-bottom: 5px;
	  margin-bottom: 5px;
	}
	legend {
	  margin-left: 20px;
	  padding: 5px;
	  font-size: 1.2em;
	  font-weight: bold;
	}
		#formblok legend span {
		  position: absolute;
	 	 left: -9999em;
	 	 margin-left: -999em;
		}
	form h3.clear { /*IE cleart niet*/
	  clear: both;
	}
	form div {
	  clear: left;
	  padding-bottom: .5em;
	}
	label {
	  float: left;
	  width: 11.5em;
	  font-weight: bold;
	  text-align: right;
	  padding-right: .5em;
	}
	fieldset.midden label, #aanmaken label {
	  width: 13em;
	}
	form fieldset.beschrijf label {
	  float: none;
	  text-align: left;
	  font-weight: normal;
	}
	form div.rij {
	  white-space: nowrap;
	}
	form div.rij label {
	  float: none;
	  display: inline;
	  font-size: 1em;
	  padding: 5px;
	  margin-right: .2em;
	}
	form div.rij select {
	  width: 12em;
	}
		#stap2 form div.rij select {
		  width: 4em;
		}
	label.vollebreedte, #aanmaken form label.vollebreedte {
	  width: 90%;
	  text-align: left;
	  padding-left: 5%;
	}
	form input {
	  vertical-align: middle;
	  margin-bottom: .5em;
	}
	form select {
	  margin-bottom: .2em;
	}
		form select option {/*FF*/
	  	  padding-right: 4px;
		}
	form .checkradio {
	  overflow: hidden;
	}
	fieldset.tabular .checkradio {
	  width: 20em;
	  float: left;
	}
	
	fieldset.tabular span {
	  white-space: nowrap;
	}
	#Bedaanmaken fieldset.tabular .accountnieuws {
	  width: 95%;
	}
	fieldset.tabular h4 {
	  clear: left;
	}
	    	form .checkradio div {
	  	  clear: none;
	    	  float: left;
		  width: 11em;
		  margin: 0 5px 0 0;
		}
		#formShlifestyle .checkradio div {
		  padding-left: 5em;
		}
		form .checkradio label {
	  	  float: none;
	  	  display: inline;
	   	  font-weight: normal;
	  	  vertical-align: middle;
		}
		form .checkradio input {
	  	  vertical-align: middle;
	          margin-bottom: 0;
		}
		form .checktext .checkradio {
	    	  float: none;
	  	  margin: 0;
	  	  padding: 0;
		}
	form .matchingdiv {
	  clear: none; /*IE*/
	  display: inline;
	}
	#FormVerkeerd #Login {
  	  width: 6em;
	}
	p.textarea {
  	font: bold .9em/1em verdana, helvetica, arial, sans-serif;
	margin: 10px 0;
	}
	#stap7 form textarea {
	  width: 90%;
	  margin-left: 1.5em;
	}
	input.submit {
	  clear: left;
	  display: block;
	  margin: 5px auto 10px;
	  width: 12em;
	}
	#form1 input.submit {
	  width: 23em;
	}
	 
	  
#formblok form {
  margin: 5px;
  position: relative;
  float: left;
  width: 410px;
  overflow: visible;
  padding-bottom: 0;
}
#FormZoek fieldset {
  border: 0;
  padding: 0;
}
	#FormZoek div {
	  clear: none;
	  padding: 0;
	}
	#formblok #zoeken_Regio {
	  display: inline;
	}
	#FormZoek div label {
	  width: 12em;
	  margin-bottom: -10px;
	}
	#FormZoek select {
  	  width: 200px;
	}

	#FormZoek div.icon {
	  width: 177px;
	  height: 60px;
	  margin: 10px auto;
	  position: relative;
	  padding-left: 2px;
	  background: url(../images/iconbackground.gif) 0 0 no-repeat;
	}
	#FormZoek div.icon div {
	  float: left;
	  width: 25px;
	  height: 50px;
	}

	#FormZoek div.icon div a {
	  display: block;
	  width: 25px;
	  text-decoration: none;
	  text-align: center;
	  height: 35px;
 	  z-index: 1000;
	}
	#FormZoek div.icon div a label {
	  position: absolute;
	  margin: -9000px 0 0 -9000px;
	  text-align: center;
	}
		#FormZoek div.icon div a:focus label, #FormZoek div.icon div a:hover label, #FormZoek div.icon div a:active label {
		  color: #000;
	  	  width: 8em;
	  	  padding: 0 5px;
	  	  font-size: .9em;
		  line-height: 1.2em;
	  	  border: 1px solid #000;
	  	  background-color: #ffc;
	  	  left: 0;
		  top: 0;
		  margin-top: -7px;
		  margin-left: 190px;
		}
	/*IE6*/
	#FormZoek div.icon div a:hover, #FormZoek div.icon div a:active {
	  visibility: visible;
	}
		#FormZoek div.icon div input {
		  display: block;
		  margin-top: 0;
	  	  margin-left: 5px;
		}
	#FormZoek input.submit {
  	  display: block;
  	  margin: 10px auto 0 auto;
	}

#invoeren h2 {
  font-size: 1.2em;
}
#stap2 form h4 {
  border-bottom: 1px solid #34769a;
  margin-right: 5px;
  margin-bottom: .2em;
}

#stap3 {
  width: 47em;
  margin: 0 auto;
}
#stap4 {
  width: 40em;
  margin: 0 auto;
}
	#stap3 form, #stap4 #image_upload {
	  padding-bottom: 4.6em;
	}
	#image_upload {
	  clear: left;
	}
	#stap3 table.prijzen th {
	  width: 8.5em;
	}
	#stap3 table.prijzen input {
	  margin-top: 7px;
	  width: 5em;
	  vertical-align: middle;
	}
	#stap3 h3 {
	  font-size: 1em;
	  text-align: center;
	}
	#stap3 textarea {
	  display: block;
	  width: 40em;
	  margin: 10px auto 20px;
	}
	#stap4 li {
	  display: list-item;
	  list-style-type: disc;
	  margin-left: 20px;
	  font-weight: bold;
	}
#stap5, #stap6, #stap7, #klaar {
  width: 95%;
  margin: 0 auto;
  padding-bottom: 4.6em;
}
#klaar p.bedrag {
  text-align: center;
}
	#klaar a.factuur, #klaar a.incasso {
	  display: block;
	  width: 20em;
	  margin: 10px auto;
	  color: #000;
	  padding: 2px 3px;
	  text-align: center;
	  font: .9em arial, helvetica, sans-serif;
	  text-decoration: none;
	  background-color: #dcdcdc;
	  border: 1px solid #666;
	}
		#klaar a.factuur:focus, #klaar a.factuur:hover, #klaar a.factuur:active
	  	#klaar a.incasso:focus, #klaar a.incasso:hover, #klaar a.incasso:active {
		  background-color: #efeded;
		}
#stap7 h3 {
  text-align: center;
  margin: 20px 0;
}
	#stap6 form, #stap6 p {
	  width: 32em;
	  margin: 10px auto;
	}
	#stap6 #map {
	  width: 458px;
	  margin: 0 auto;
	}
	#stap5 p span, #stap7 p span {
	  font-weight: bold;
	  font-size: .9em;
	}
	#stap5 #FormUpload {
	  background-color: #dfdfdf;
	  border: 1px solid #c7c7c7;
	  width: 24em;
	  padding: 10px 0 0 20px;
	  margin: 10px auto 0;
	}
	#FormUpload fieldset {
	  border: 0;
	}
	#FormUpload input[type=file] {
	  margin-bottom: .5em;
	}
	#FormUpload div {
	  margin-top: 10px;
	  width: 20em;
	  padding: 10px 0;
	  border-top: 1px solid #666;
	}
	#FormUpload input.submit {
	  font-weight: bold;
	}
	#stap5 #formulier_aanmelden {
	  margin: 15px auto;
	  padding-bottom: 5px;
	  overflow: hidden;
	}
	#stap5 legend {
	  color: #000; /*IE*/
	  margin: 0;
	  padding: 5px;
	  font-size: .9em;
	}
	#formulier_aanmelden div {
	  width: 10em;
	  float: left;
	  clear: none;
	  margin: 0 0 10px 10px;
	}

		#formulier_aanmelden div img {
		  display: block;
		  width: 150px;
		  padding: 3px;
		  margin: 0 auto;
		}
		#formulier_aanmelden .checkradio {
	  	  width: 9.5em;
	   	  padding-bottom: 0;
	  	  margin-bottom: 2px;
		}
	* html #formulier_aanmelden .checkradio {
	  display: inline; /*double-margin float bug IE6*/
	}
		#formulier_aanmelden div #huisid_0 {
		  border: 3px solid #b000f9;
		  padding: 0;
		}
	#klaar input.factuur {
	  display: block;
	  margin: 5px 0;
	} 
	#klaar #form1 legend {
	  position: absolute;
	  left: -9999em;
	  margin-left: -9999em;
	}
 
#verkeerd p {
  text-align: center;
}

#toppers h3 {
  text-align: center;
  font-size: 1.1em;
  margin: 5px 0 10px 0;
}
#toppers {
  width: 90%;
  clear: left;
  border: 2px solid #fff;
  margin: 10px auto;
  display: table;
}

#huizen {
  min-width: 500px;
  max-width: 620px;
  margin: 0 auto;
  overflow: hidden;
}
* html #huizen {
  width: 500px;
  width: expression((document.body.clientWidth>1024) ? "630px" : ((document.body.clientWidth>800) ? "auto" : "500px"));
}
#fotos {
  padding: 1px;
  margin: 20px auto;
}

	#huizen a, #fotos a {
	  float: left;
	  display: inline; /*IE6*/
	  margin-left: 10px;
	}
	#huizen a {
	  margin-left: 3px;
	}
	#huizen a img, #fotos a img {
  	  padding: 3px;
	  height: 110px;
	  width: 146px;
  	  border: none;
	}
		#fotos a img {
		  width: 292px;
		  height: 220px;
		}
	#huizen a:hover, #fotos a:hover, table.maand td a:hover {
	  visibility: visible;
	}
	#huizen a:visited img, #fotos a:visited img {
  	  padding: 0;
  	  border: 3px solid #fdb302;
	}
	#huizen a:hover img, #huizen a:focus img, #huizen a:active img,
        #fotos a:hover img, #fotos a:focus img, #fotos a:active img  {
  	  padding: 0;
  	  border: 3px solid #b000f9;
	}

#aangemelden {
  width: 95%;
  margin: 0 auto;
  padding-bottom: 4.6em;
}

#aangemelden h2, #aangemelden h3 {
  text-align: left;
  margin-left: 10px;
  margin-bottom: 5px;
}
	#aangemelden h2+p {
	  margin-bottom: 15px;
	}
#aanmaken p {
  text-align: center;
  width: 30em;
}
#aanmaken ul {
  display: list-item;
  width: 30em;
  margin: 0 auto;
  font-style: italic;
}
	#aanmaken ul li {
	  list-style-type: disc;
	  line-height: 1.1em;
	}

#mijnhuizen {
  border: solid #000;
  border-width: 1px 0;
  margin-bottom: 5px;
  overflow: hidden;
}
	#mijnhuizen p {
	  font-style: italic;
	}
	#mijnhuizen li {
	  display: inline;
	  font-size: .9em;
	  font-style: italic;
	}
	#FormLogout {
	  width: 4em;
	  margin: 10px 0 0 20px;
	}

#indexad {
  display: block;
  width: 468px;
  margin: 5px auto;
}

#trueContainer {
  width: 5000px;
  position: absolute;
  z-index: 1;
}
	#trueContainer a {
	  float: left;
	  width: 219px;
	  height: 165px;
	  position: relative;
	  margin-right: 5px;
  	  border: 1px solid #000;
	}

#eol {
  position: relative;
  width: 474px;
  height: 64px;
  margin: 30px auto;
}
	#eol div {
	  border: none;
	  width: 470px;
	  padding: 0;
	}
	#eol button {
  	  width: 472px;
	  cursor: pointer;
	}

#sidebar {
  position: relative;
  width: 250px;
  float: left;
  margin-top: 2em;
  margin-left: -270px;
  font-weight: bold;
  font-size: .8em;
  line-height: 1em;
}
#driecol #sidebar {
  margin-left: -255px;
}
	#sidebar h3, #aanraders h4 {
  	  background-color: #34769a;
  	  color: #fff;
  	  text-align: center;
  	  font-size: 1em;
  	  line-height: 1.5em;
	  min-height: 1.5em;
	  margin-bottom: 5px;
  	  border: 1px double #000;
	}
		#aanraders h4 {
		  clear: left;
	 	  font-size: .8em;
		  line-height: 1.5em;
		}
	#sidebar a:visited {
  	  color: #fdb302;
	}
	#skiplogin, #sidebar #skiplogin:visited {
	  color: #fff;
	  text-decoration: none;
	}
	#sidebar div {
	  overflow: hidden;
  	  border: 3px double #000;
  	  padding: 1px 1px 5px;
  	  margin-bottom: 5px;
	}
	* html #sidebar div {height: 1%;} /*IE6 wrapt niet... IE7 wel*/
	#aanraders p {
	  float: left;
	  padding: 1px;
	  margin: 5px;
	}
	#aanraders p img {
	  float: left;
	  height: 50px;
	  width: 70px;
	  margin-right: 5px;
	}
	#aanraders p a {
  	  color: #000;
	  line-height: 1em;
	}
	#aanraders h5 {
	  font-size: .9em;
	  text-align: center;
	}
	#FormLastMinute {
	  clear: left;
	  width: 245px;
	  margin: 0;
	  padding: 0;
	}
		#FormLastMinute fieldset {
		  border: 0;
		  margin: 0;
		  padding: 0;
		}
		#FormLastMinute #lastminutesubmit {
		  border: 0;
		  text-decoration: underline;
		  background-color: transparent;
		  color: #00f;
		  font: bold .9em/1.1em georgia, "times new roman" serif;
	  	  display: block;
		  margin-bottom: 0;
		  width: 100%;
		  text-align: center;
		}
		* html #FormLastMinute #lastminutesubmit {cursor:pointer;}

			#FormLastMinute #lastminutesubmit:hover {
			  cursor: pointer;
			}
			#FormLastMinute #lastminutesubmit:active {
			  color: #000;
			}
	  
	p.beschrijving {
  	  clear: left;
  	  padding: 20px 5px;
  	  font-size: 1em;
	}
	#lastminuteland {
	  overflow: hidden;
	}
		#lastminuteland li {
		  display: inline;
		}
		#lastminuteland a, #sidebar ul a:visited {
	  	  float: left;
		  width: 100%;
		  font-weight: normal;
	  	  text-decoration: none;
		  color: #000;
		  text-indent: 5px;
	   	  font-size: .9em;
		  line-height: 1.5em;
	  	  height: 1.5em;
		}
			#lastminuteland a span {
			  clear: none;
			  display: inline;
			  font-weight: bold;
			}
			#lastminuteland li a:focus, #lastminuteland li a:hover {
			  background-color: #34769a;
			  color: #fff;
			}
			#lastminuteland li a:active {
			  background-color: #fff;
			  color: #f00;
			}
			
	#FormLogin {
  	  padding: 5px;
	  overflow: visible;
	  margin: 0;
  	  width: 235px;
	} 
	#login label {
  	  font-weight: normal;
  	  line-height: 150%; 
  	  width: 110px;
  	  float: left;
	}
	#sidebar #login div {
	  overflow: visible;
	  border: 0;
	  margin: 0;
  	  clear: left;
  	  padding-bottom: 5px;
	}
	#LoginSubmit {
	  clear: left;
	  float: right;
	  margin-bottom: 5px;
	}
	*+html #klant a {
	  background-image: none; /*IE7 is een klootzak*/
	}
	#klant p, #account p {
	  padding-top: 10px;
	  text-align: center;
	}
	#account span {
	  display: block;
	  margin: 2px 5px 10px;
	}

#FormVerkeerd {
  width: 30em;
  margin: 30px auto 40px;
  overflow: hidden;
}


#maanden {
  width: 510px;
  float: left;
  position: relative;
  font-weight: bold;
  font-size: .8em;
  line-height: 1em;
}

table.maand {
  width: 240px;
  border: 1px solid #000;
  margin: 10px auto;
  z-index: 100;
}
#maanden table.maand, #kalender table.maand {
  float: left;
  margin: 10px 5px;
}
#kalender table {
  font-weight: bold;
  font-size: .8em;
  line-height: 1em;
}
#kalender table.maand {
  width: 280px;
  margin: 10px 0 10px 20px;
}
	table.clear {
	  clear: left;
	}
	tr {
	  height: 2em;
	}
	table.maand th, table.maand td {
	  text-align: center;
	  vertical-align: middle;
	  color: #000;
	}
	#kalender table.maand td[id] {
	  cursor: pointer;
	}
		* html #kalender table.maand td {cursor: pointer;}

	table.maand th {
	  font-size: 1.2em;
	}
	table.maand th.titel {
	  font-size: 1.5em;
	  text-decoration: underline;
	  vertical-align: top;
  	  line-height: 1.5em;
	  height: 2.5em;
	}

	table.maand tbody td {
	  border: solid #e1eef4;
	  border-width: 0 0 2px 2px;
	}
	#container table.maand tbody td a, 
	#container table.maand tbody td a:hover
	#container table.maand tbody td a:visited {
	  text-decoration: none;
	  color: #000;
	  display: block;
	  width: 25px;
	  height: 25px;
	  line-height: 25px;
	}
	#container table.maand tbody td a:hover, #container table.maand tbody td a:focus {
	  border: 1px solid #000;
	  width: 23px;
	  height: 23px;
	}

	td.lastminute, td.lastminute a, tr.lastminute {
	  background-color: #81bfff;
	}
	td.laag, td.laag a, tr.laag, td.beschikbaar, td.beschikbaan a, tr.beschikbaar {
	  background-color: #9bda68;
	}
	td.midden, td.midden a, tr.midden {
	  background-color: #fffe7a;
	}
	td.hoog, td.hoog a, tr.hoog {
	  background-color: #ffa405;
	}
	td.top, td.top a, tr.top {
	  background-color: #ff8080;
	}
	td.bezet, td.bezet a, #container table.maand td.bezet a, 
	#container table.maand td.bezet a:hover,
	tr.bezet {
	  background-color: #f00;
	  color: #fff;
	} 
	table.maand td a span {
	  position: absolute;
	  left: -1000em;
	  width: 200px;
	  border: 1px solid #000;
	  background-color: #fff;
	  color: #000;
	  line-height: 1.2em;
	  padding: 5px;
	  z-index: 100; /*afbeeldingen zatten over spans*/
	}
	table.maand td a span em.dag {
	  position: absolute;
	  margin: -1000em 0 0 -1000em;
	  color: #fff;
	}  
	table.maand td a:focus span, table.maand td a:hover span, table.maand td a:active span {
	  left: -210px;
	}
/*note: IE7 en IE6 doen nix met :focus : (  */
	#maanden table.maand td a:focus span, #maanden table.maand td a:hover span, #maanden table.maand td a:active span {
	  left: 525px;
	}

#deco #sidebar p {
  margin-bottom: 30px;
  text-align: center;
}
#beschikbaar div.opmerkingen {
  float: right;
  margin-right: 5px;
}

table.prijzen {
  border-collapse: collapse;
  margin-bottom: 20px;
}
#stap3 table.prijzen {
  width: 100%;
}
#stap3 table.prijzen th, #stap3 table.prijzen td {
  padding-right: .5em;
}

#bnvip {
  border: 0;
  margin-right: 2em;
  margin-top: 4em;
}
* html #bnvip {
  float: none;
  margin: 20px auto;}

#bnvip th {
  border: 0;
  text-indent: -9999em;
  width: auto;
}
	#bnvip td {
  	  width: 4em;  
	  text-align: center;
	  border: 1px solid #000;
	}

* html #bnvip td {width: 14em;}/*IE6 stom*/

	#bnvip td[scope] {
	  width: 14em;
	}
	#bnvip td.boeknu {
	  border: 0;
	  width: 7em;
	}
	#bnvip tr td{
	  background-color: #fff;
	}
	#bnvip tr.streep td {
	  background-color: #9bda68;
	} 
	#bnvip tr.lm td {
	  background-color: #81bfff;
	}
		#bnvip tr td.boeknu {
	  	  background: transparent;
		}
	#bnvip td a {
	  text-decoration: none;
	  font-weight: bold;
	  font-size: .9em;
	  color: #825015;
	  background-color: #f5b352;
	  border-bottom: 1px solid #825015;
	  border-top: 1px solid #fff;
	  padding: 0 5px;
	} 
		#bnvip td a:focus, #bnvip td a:hover {
	  	  color: #864d16;
	  	  background-color: #fbdda1;
		}
		#bnvip td a:visited {
	  	  color: #000;
		  background-color: #fffe7a;
		}
	

#prijzen table.prijzen {
  float: none;
  position: static;
  margin: 20px auto;
}

table.prijzen caption {
  font: bold 1.2em/1.5em verdana, helvetica, arial, sans-serif;
} 
table.prijzen th {
  padding: 0 .2em;
  width: 7em;
  border: 1px solid #000;
  border-bottom: 0;
}
table.prijzen td {
  border: 1px solid #000;
  padding-left: .2em;
}
	

table.legenda {
  margin: 10px auto;
  width: 240px;
  border: 1px solid #000;
}
	table.legenda tr {
	  height: 2em;
	}
	table.legenda td {
	  width: 20%;
	  text-align: center;
	  vertical-align: middle;
	}

#prijzen div.opmerkingen {
  width: 600px;
  float: none;
  margin: 10px auto;
}
	.opmerkingen h3 {
	  width: 592px;
  	  border-top: 1px solid #fff;
	  background-color: #34769a;
	  color: #fff;
	  padding-left: 10px; 
	}
	.opmerkingen p {
	  width: 590px;
 	  border: 1px solid #34769a;
	  background-color: #fff;
	  color: #000;
	  padding: 5px;
	} 

#motioncontainer {
  margin: 0 auto;
  width: 98%;
  height: 189px;
  overflow: auto;
  border: 1px solid #c7c7c7;
}
#motiongallery {
  float: left;
  margin-right: -999em;
}
	#motiongallery a {
	  float: left;
	  width: 219px;
	  height: 165px;
	  margin-right: 5px;
  	  border: 1px solid #000;
	}

/*teh evil Dennis popup ad*/
#shlEvilPopup {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 252px;
  height: 231px;
  margin: -135px 0 0 -135px;
  padding: 40px 20px 20px;
  text-align: center;
  background: url(../images/shadow.png) 100% 100% no-repeat;
  z-index: 1000;
}
        #ad {
          display: block;
          width: 250px;
          height: 250px;
          margin-top: -20px;
          color: #000;
          border: 1px solid #000;
        }
        #ad:focus, #ad:hover {
          border-color: #f60;
        } 
        
        #close {
          position: absolute;
          right: 5px;
          top: 5px;
          padding: 7px;
          color: #000;
          z-index: 1001;
        }
        #close:focus, #close:hover {
          padding: 6px;;
          border: 1px solid #f60;
        }
        #close:focus {
          background-color: #fff;
        }