/*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%;}

#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: bold 1em sans-serif;
  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*/
#beschrijflinks .verberg {
  position: absolute;
  left: -999em;
}

        #beschrijflinks li {
          float: left;
          width: 20em;
          min-height: 5em;
          margin: 0 20px 10px 0;
          padding: 2px 5px;
          border: 1px solid #fff;
        }
        * html #beschrijflinks li {height: 4em;}

#beschrijflinks p {
  text-align: center;
}

#beschrijflinks h2, #beschrijflinks h3 {
  clear: left;
  position: relative;
  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: 9em;
          color: #fff;
          font-weight: bold;
          font-size: 1.2em;
          text-decoration: none;
        }
                #beschrijflinks h2 a:focus, #beschrijflinks h2 a:hover,
                #beschrijflinks h3 a:focus, #beschrijflinks h3 a:hover {
                  color: #f60;
                }

        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: 220px;
  margin: 0 5px 5px 0;
  padding: 2px 1px 2px 5px;
  border: 2px solid #f60;
} 
  * html #inhoud .resultaat {height: 220px;}

        .zoekertje .ad {
          width: 19.5em;
        }
        .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: .5em;
        }

.resultaat dl {
  width: 100%; /*IE*/
  overflow: hidden;
}
  .resultaat dl dt {
    float: left;
    width: 7em;
    padding-bottom: .5em;
    font-weight: bold;
    clear: both;
  }
  .resultaat dl dd {
    float: left;
    width: 11.5em;
    padding: 0 0 .5em 2px;
  }
    * 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 span {
  position: absolute;
  top: 0;
  left: -9999em;/*Opera*/
  margin-left: -9999em; 
}
        #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;
}