/*second home lifestyle*/
/*reset*/
* {
  margin: 0;
}

img {
  border: 0;
  vertical-align: bottom;
}

ul {
  list-style: none;
  padding: 0;
}
/*end reset*/

html, body {
  height: 100%;
  padding: 0;
  text-align: center; /*lte IE5.x*/
  background-color: #fff;
}

#container {
  position: relative;
  width: 864px;
  min-height: 100%;
  margin: 0 auto;
  color: #fff;
  text-align: left; /*IE5.5*/
  font-family: sans-serif;
  background: #fff url(images/klein.jpg) 100px -75px no-repeat;
}
* html #container {height: 100%;}

a[title]:focus:after { 
  content: " " attr(title);
}

#skip {
  position: absolute;
  top: 1em;
  left: -9999em;
  width: 8em;
  padding: 2px 1em;
  color: #fff;
  font: bold 1.2em sans-serif;
  text-align: center;
  text-decoration: none;
  background-color: #004071;
  border: 1px solid #fff;
}
	#skip:focus, #skip:active {
	  left: 5px;
	}

/*headers, accessibility*/
.access {
  position: absolute;
  left: -9999em;
}

p#naam {
  position: relative;
  width: 865px;
  height: 235px;
  margin: 0;
  color: #004071;
  font: 2em serif;
  overflow: hidden;/*stopt tekst van uit te komen met tekst-vergroting*/
}
	p#naam span.font {
	  display: block;
	  color: #000;
	  font-style: italic;
	}
	p#naam span.img {
	  position: absolute;
	  top: 0;
	  left: 0;
	  height: 100%;
	  width: 100%;
	  background: url(images/shl.png) 0 0 no-repeat;
	}

/*ul menu: Home, Koop een tweede woning... etc*/
#secondhomeselling {
  padding: 0 10px; 
  background-color: #fff;
  overflow: hidden;
}
* html #secondhomeselling {height: 1.2em;}/*haslayout float wrap*/

	#secondhomeselling li.home {
	  float: left;
	  margin-left: 0; 
	}
	#secondhomeselling li {
	  float: right;
	  margin-left: 1em;
	  padding: 0 10px;
	  background-color: #3a5b84;
	}
	#secondhomeselling a {
	  color: #fff;
	  font: bold .8em/1.5em sans-serif;
	  text-align: center;
	  text-decoration: none;
	}
	        #secondhomeselling a:focus, 
                #secondhomeselling a:hover {
	          color: #f60;
	        }

#wrapper {
  clear: both;
  display: table; /*wrap floats*/
  width: 100%; /*IE haslayout*/
  margin-bottom: .5em;
  background-color: #3a5b84;
}

#sidebar {
  float: left;
  width: 250px;
  padding-top: .5em;
  background-color: #3a5b84;
}
/*zoekertje pagina's IE6 float drop*/
* html #sidebar {margin-right: -10px;}

	#sidebar ul {
	  width: 226px;
          margin-bottom: 1em;
          padding-left: 20px;
	  overflow: hidden;
	}
	#sidebar ul li {
	  display: inline;/*IE*/
	}
	        #sidebar li h3 {
	          clear: left;
	          padding-left: 35px;
	          color: #fff;
	          font-size: 1em;
	        }
	        #sidebar ul a {
	          float: left;
	          width: 190px;
	          min-height: 25px;
  	          margin-bottom: 1em;
	          padding-left: 33px;
	          color: #fff;
	          font-size: .8em;
	          text-decoration: none;
	          background: url(images/hokje.gif) 0 50% no-repeat;
	        }
                #sidebar a[href*="contact"] {
                  margin-bottom: 0;
                }
	                #sidebar ul a:focus, 
                        #sidebar ul a:hover {
	                  text-decoration: underline;
	                }
                        #sidebar ul a:active {
                          outline: 0;
                        }
	                * html #sidebar ul a {height: 25px;}


#inhoud {
  float: right;
  width: 594px;
  font: .9em verdana, "dejavu sans", "bitstream vera sans", sans-serif;
}
        #inhoud.padding {
          padding-right: .5em;
        }

h1, h2 {
  margin: 10px auto;
  color: #fff;
  font-size: 1.1em;
  text-align: center;
}

#inhoud a {
  color: #fff;
  font-weight: bold;
}
	#inhoud a:focus, #inhoud a:hover {
	  color: #f60;
	}

p, #inhoud ul {
  margin: 7px 0;
  font-size: .8em;
}
        ul.voordeel li {
          padding-left: 7px;
          text-indent: -12px;
        }

/*links pagina*/
#inhoud #beschrijflinks {
  font-size: 1.2em;
}
#beschrijflinks ul li {
  float: left;
  width: 18em;
  min-height: 5em;
  margin: 0 20px 10px 0;
  padding: 2px 5px;
  border: 1px solid #fff;
}
* html #beschrijflinks li {display: inline; height: 4em;}


p.center {
  text-align: center;
}

#beschrijflinks h2, #beschrijflinks h3 {
  position: relative;
  clear: left;
  float: left;
  margin: 10px 0 10px .5em;
  padding-left: 1.5em;
  line-height: 1.2em;
  text-align: left;
}
        #beschrijflinks h3 {
          margin-left: 1.5em;
          font-size: .9em;
        }

        #beschrijflinks h2 a, #beschrijflinks h3 a {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          color: #fff;
          font-weight: bold;
          font-size: 1.2em;
          text-decoration: none;
        }
                #beschrijflinks h2 a:focus, #beschrijflinks h3 a:focus {
                  outline: none;
                }

#beschrijflinks ul {
  clear: both;
}

        p.kijk {
          margin-top: 1em;
          font-size: 1.2em;
        }

p.pdf {
  line-height: 28px;
  background: url(images/adobe.jpg) left center no-repeat;
}
        p.pdf a {
          display: block;   
          margin: 1.5em 0;
          padding-left: 35px;
          font-size: 1.4em;
          font-weight: normal;
        }

#kleinswf {
  float: right;
  width: 600px;
}

/*wrapping van formulieren*/
/*abboneeren formulier*/
div.formwrap {
  clear: right; /*stap 4 pagina*/
  margin: 0 .5em .5em 0;
  padding: .5em .5em 1.5mm;
  border: 2px solid #f60;
  overflow: hidden;
}
* html div.formwrap {height: 1%; overflow: visible;}/*Haslayout*/

/*pageads.html, div class="formwrap addcheck"*/
div.addcheck {
  margin: 0;
  color: #000;
  background: #fff url(images/strandSHL.jpg) bottom right no-repeat;
}

        /*zoekertje plaatsen pagina's*/
        .zoekertje .formwrap, .zoekertje .resultaat {
          margin-bottom: .5em;
          padding: .2em .5em;
          color: #fff;
        }
        .zoekertje .resultaat p {
          font-size: 1em;
        }

                .formwrap p.druk, .formwrap p.letop {
                  font-weight: bold;
                  text-align: center;
                }
                .formwrap p.druk strong {
                  text-decoration: underline;
                }
                .formwrap p.letop {
                  color: #f00;
                  background-color: #fff;
                }
                        .formwrap p.abonneer {
                          font-style: italic;
                          font-size: 1em;
                        }
                        .formwrap p.abonneer span {
                          font-size: 1.1em;
                          font-weight: bold;
                        }
	.formwrap p.fout, .formwrap p.toegevoegd {
	  color: #f00;
	  font-weight: bold;
	  font-style: italic;
          text-align: center;
          background-color: #fff;
          border: 1px solid #f60;
	}
	        .formwrap p.toegevoegd {
	          color: #109103;
	        }

/*zoekertje 4 pagina*/
.zoekertje .resultaat {
  float: right;
  width: 19.5em;
  min-height: 21em;
  margin: 0 5px 5px 0;
  padding: 2px 1px 2px 5px;
  border: 2px solid #f60;
} 
	* html #inhoud .resultaat {display: inline; height: 19em;}

        .zoekertje .resultaat h2 {
          margin: 2px 0 5px;
          color: #fff;
          text-align: center;
          font: bold 1.2em georgia, "times new roman", serif;
        }
        .resultaat #advertentieImg {
          color: #fff;
        }
        .resultaat p span {
          font-size: 1em;
          font-weight: bold;
        }
        .resultaat p small {
          font-size: .7em;
        }

.resultaat dl {
  width: 100%; /*IE*/
  overflow: hidden;
}
	.resultaat dl dt {
	  clear: both;
	  float: left;
	  width: 7.5em;
	  padding-bottom: .5em;
	  font-weight: bold;
	}
	.resultaat dl dd {
	  float: left;
	  width: 11.5em;
	  padding: 0 0 .5em 2px;
	}
        .resultaat dl dd.onder {
          padding-top: 1.2em;
        }
                .resultaat dd.onder form input[type=text] {
                  width: 5.5em;
                }
		* html .resultaat dl dd {float: none;}
		*+html .resultaat dl dd {float: none;}

/*formulieren*/
#formZoekertjeAdvertentie, #formZoekertjeText {
  padding: 0 40px;
}
* html #formZoekertjeText {padding: 0 20px;}/*IE6*/

#formRekening {
  padding: 0 20px;
}
#formAantalAanpassen {
  margin-bottom: 1.6em;
}

form fieldset {
  padding: 0;
  border: 0;
}
        #formLinkRuilen fieldset {
          position: relative;
          margin-bottom: 1em;
          padding-bottom: 1em;
        }
legend {
  padding: 0;
}

legend span {
  position: absolute;
  top: -999em;
  left: -999em;
}
        #formLinkRuilen legend span {
          position: static;
          margin: 0;
          color: #fff;
          font-weight: bold;
        }

/*FF ARG*/
/*@-moz-document url-prefix() { 
  legend span { 
...styles...
  } 
}*/

form div, fieldset.accessvragen, fieldset.abon {
  clear: left;
  width: 95%; /*Haslayout IE wrap floats*/
  margin-bottom: 2px;
  padding: 5px 5px 0px 40px;
  overflow: hidden;
}
	#formAdcheck div {
	  clear: none;
	  float: left;
	  display: inline; /*IE6*/
	  width: 14em;
	  margin: 1em 0 1em 1em;
	  padding: 1em;
          background-color: #eee;
	  border: 1px solid #000;
	}

        /*verplicht/fout sterren*/
	form div span, form fieldset span {
	  color: #f60;
	  vertical-align: middle;
	  padding-left: 2px;
	}
        form fieldset span.filename {
          color: #fff;
          font-weight: bold;
        }
	div.zoekertje form div, div.zoekertje fieldset.accessvragen {
	  width: 100%;
	  padding: 2px 0;
	}

#formLinkRuilen dt {
  clear: left;
  float: left;
  width: 10em;
  margin-bottom: 6px;
  padding-right: .8em;
  text-align: right;
  font: bold 1.2em georgia, "times new roman", times, serif;
}
#formLinkRuilen dd {
  margin: 0 0 6px 13em;
}

label,
fieldset.abon label.abon, 
div.checkradio p, 
#inhoud fieldset.accessvragen p {
  float: left;
  width: 10em;
  padding: 0 5px;
  line-height: 150%;
  font-size: 1em;
  font-style: normal;
  text-align: left;
}
        div.checkradio p {
          margin: 1px 0 0;
        }
        #inhoud fieldset.accessvragen p {
          width: 9.5em;
          margin: 1px 0 0;
        }

        div.checkradio label, 
        fieldset.accessvragen label, 
        #formZoekertjeAfbeelding label,
        #formAantalAanpassen label {
          float: none;
          display: inline;
          line-height: 150%;
        }
	div.checkradio label, 
        div.checkradio input {
	  vertical-align: middle;
	}
        fieldset.abon label, #formNabestellen label {
          display: block;
          width: 96%;
        }       
        fieldset.abon p {
          clear: left;
          width: 96%;
          margin: 5px 0;
          font-size: .9em;
          font-style: italic;
        }

        #formZoekertjeText label {
          width: 30em;
        }
        #formZoekertjeAdres label {
          width: 11em;
        }
	#formAdcheck label {
	  float: none;
	  display: block;
	  width: 5em;
  	  margin: 5px auto;
	}

form input[type=text], #formLoginSHL input[type=text], 
#formLoginSHL input[type=password] {
  padding: 2px 2px;
  line-height: 150%;
  background-color: #fff;
  border: 1px solid #00395c;
}
input#advertentieTekst {
  margin-bottom: .8em;
}

textarea#advertentieTekst {
  width: 30em;
  height: 4em;
  margin-bottom: 0;
}
	#formAdcheck div textarea {
	  display: inline;
  	  width: auto;
	  text-align: left;
	}
span#tekenTeller {
  display: block;
  margin-bottom: 1em;
  color: #fff;
  font: .9em helvetica, arial, sans-serif;
}

input.submit {
  float: right;
/*IE fix, knop te breed*/
  width: auto;
  padding: 2px .5em;
  overflow: visible;
}

	#formAbonnement input.submit, 
        #formNabestellen input.submit, 
        #formLinkRuilen input.submit {
          float: left;
          margin: 1em 0 0 35%;
	}

	#formAdcheck input.submit {
	  clear: left;
	  float: none;
	  display: block;
	  width: 8em;
	  margin: 5px auto;
	}

	form.terug {
	  position: relative;
	  float: right;
	  width: 26em;
	  display: inline;
	  margin: -2.2em 13em 0 0;
	  padding: 0 0 0 15px;
	  background-color: transparent;
	  z-index: 10;
	}

/*#formLoginSHL {
  width: 26em;
  margin: 4em auto;
}
	#formLoginSHL fieldset {
	  padding: 5px;
	  border: 1px solid #f60;
	}
	#formLoginSHL legend {
	  font-weight: bold;
	  color: #000;
	}
	#formLoginSHL label {
	  text-align: right;
	  padding-right: 5px;
	} 
	#formLoginSHL input.submit {
	  display: block;
	  width: 8em;
	  margin: 1em auto;
	}*/

/*contact*/
.hs {
  width: 16em;
  min-height: 170px;
  margin: 2em auto 5px;
  padding: 140px 10px 10px;
  color: #fff;
  background: url(images/homesellingblauw.png) 50% 5px no-repeat;
  border: 2px solid #f60;
}
* html .hs {
  height: 170px;
}
        #inhoud .hs h2 {
          margin: 5px 0 10px;
          color: #fff;
          text-align: left;
          font-weight: bold;
          font-size: .9em;
          line-height: 1.1em;
        }

        #inhoud .hs address {
          display: block;
          margin-bottom: 10px;
          font-style: normal;
          font-size: .9em;
          line-height: 1.16em;
        }
                #inhoud .hs address a {
                  text-decoration: underline;
                }
	        #inhoud address a:focus, 
                #inhoud address a:hover {
                  text-decoration: none;
	        }
  

#fatfooter {
  width: 100%; /*Haslayout*/
  margin-bottom: 1em;
  background-color: #3a5b84;
  border: 1px solid #3a5b84;
  overflow: hidden;
}

	#magazine {
	  float: right;
	  width: 250px;
	  background-color: #fff;
	}
	#magazine img {
	  display: block;
  	  width: 250px;
	}
	#magazine p {
	  width: 100%;/*haslayout*/
	  padding-bottom: .2em;
	  text-align: center;
	}

#fatfooter object, #fatfooter a {
  width: 468px;
  display: block;
  margin: .5em 0 0 2em;
}
	#fatfooter #magazine a {
	  width: 248px;
	  margin: 0;
	}

#fatfooter h3 {
  color: #fff;
  font-size: 1em;
  margin-top: 1em;
  margin-left: 2em;
}

#fatfooter ul {
  width: 22em;
  margin: 1em 0 1em 130px;
}
	#fatfooter ul li {
          color: #fff;
	  line-height: 1em;
          font-family: verdana, dejavu sans, bitstream vera sans, "lucida grande", sans-serif;
	}

#fatfooter p {
  color: #000;
}