body {
  margin: 0; padding: 0;
}

#page {
  font: 12px Arial, Helvetica, sans-serif;
  width: 940px;
  margin: 0 auto;
}

  .ie body.home #body {
    height: 428px;
  }

  #header 
  {
    position: relative;
    height:131px;
  }
  
  #logo 
  {
    width: 273px;
    height: 60px;
    position: absolute;
    top: 16px;
    left: 18px;
  }
    
  #logo a {
    text-decoration: none;
  }
  
  #logo a:hover {
    background-color: Transparent;
  }
  
  #headerTop
  {
    width: 940px;
    height: 58px;
    padding-top: 32px;
    position: relative;
  }
  
  .searchBox
  {
    width: 211px;
    height: 25px;
    position: relative;
    display: block;
    float: right;
  }
  
  .searchInput
  {
    padding: 5px 6px 3px 6px;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 172px;
    height: 17px;
    background: url(/img/search-bg.gif) 0 0;
    border: none;
    font: bold 12px Arial, sans-serif;
  }
  
  #searchButton
  {
    position: absolute;
    top: 0;
    right: 0;
    width: 27px;
    height: 25px;
    background: url('/img/search-button.gif');
    border: none;
  }
  
  #searchAdvanced
  {
    float: right;
    padding: 4px 0 4px 16px;
    font-size: 11px;
  }
  
  #wizardNavigation,
  #navigation {
    background: url('/img/header-bg.gif');
    color:White;
    padding: 8px 0 0 18px;
    width: 922px;
    height: 33px;
  }
  
  #wizardNavigation a,
  #navigation a 
  {
    display: block;
    float: left;
    color: Black;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    height: 25px;
    padding: 0 0 0 2px;
    margin: 0 6px 0 0;
    cursor: pointer; /*want ie6/7 doen anders select */
  }
  
  .stap1 #wizardNavigation a .WNstap1,
  .stap2 #wizardNavigation a .WNstap2,
  .stap3 #wizardNavigation a .WNstap3
  {
    color:White;
  }
  
    #wizardNavigation a span,
    #navigation a span
    {
      display: block;
      padding: 5px 8px 0 6px;
      height: 21px;
    }
    
    /* linkjes in ie6 rekken uit, daarom vaste width aan geven */    
    .ie6 #navigation #homeLink span   { width: 25px; }
    .ie6 #navigation #ikLink span     { width: 70px; }
    .ie6 #navigation #brandsLink span { width: 75px; }
    .ie6 #navigation #matchesLink span { width: 30px; }
    .ie6 #navigation #messagesLink span { width: 30px; }
    .ie6 #navigation #logoutLink span { width: 40px; }
    .ie6 #navigation #loginLink span { width: 40px; }
    .ie6 #navigation #registerLink span { width: 80px; }
    .ie6 #navigation #exploreLink span { width: 80px; }
    
    .ie6 #wizardNavigation #WNstap1 span { width: 130px; }
    .ie6 #wizardNavigation #WNstap2 span { width: 150px; }
    .ie6 #wizardNavigation #WNstap3 span { width: 120px; }
  
    body.home #homeLink, body.ik #ikLink,
    body.login #loginLink, body.inschrijven #registerLink,
    body.viewing-self #ikLink, body.merken #brandsLink,
    body.matches #matchesLink, body.berichten #messagesLink,
    body.verkennen #exploreLink
    {
      color: #54660a;
      background: transparent url(/img/corner-left-active.png) top left no-repeat;
    }
    
      body.home #homeLink span, body.ik #ikLink span,
      body.login #loginLink span, body.inschrijven #registerLink span,
      body.viewing-self #ikLink span, body.merken #brandsLink span,
      body.matches #matchesLink span, body.berichten #messagesLink span,
      body.verkennen #exploreLink span
      {
        background: white url(/img/corner-right-active.png) top right no-repeat;
      }
      
      body.berichten #ikLink,
      body.matches #ikLink,
      body.merken #ikLink {
        color: Black;
        background: transparent;
      }
      body.berichten #ikLink span,
      body.matches #ikLink span,
      body.merken #ikLink span {
        background: transparent;
      }
    
    #navigation a:hover {
      background: transparent url(/img/corner-left-over.png) top left no-repeat;
    }
    
      #navigation a:hover span {
        background: #e6f3cc url(/img/corner-right-over.png) top right no-repeat;
      }

  #body {
    margin-top: 30px;
    /*overflow:hidden;*/  /* waarshijnlijk gaat er nu weer iets kapot als ik dit weg haal */
    width:940px; /*hasLayout*/
  }

  #footer {
    clear: both;
    margin: 0 0 4em 0;
    font-size: 12px;
    width: 940px; /*hasLayout*/
    font-size: 1em;
  }
  
    body.home #footer
    {
      padding-top: 141px;
    }
    
    .ie7 body.home #footer
    {
      margin-top: -2px;
    }
    
    .ie6 #footer
    {
      margin-top: 0 !important;
      padding-top: 0 !important;
    }
    
    .gecko body.foto #footer, .gecko body.alerts #footer, .gecko body.opzeggen #footer
    {
      margin-top: 20px;
    }
    .gecko body.home #footer
    {
      padding-top: 142px;
    }
    
    .footerTop
    {
      background: #f0f1f1;
      border: 1px solid #cdcdcd;
      border-bottom: none;
      padding: 15px 18px;
      overflow: hidden;
      zoom: 1;
    }
    
      .footerTop .cloud {
        text-align: center;
        line-height: 30px;
      }
      
        .footerTop .cloud a {
          text-decoration: none;
        }
    
    .footerLeft
    {
      float: left;
      width: 630px;
      margin-right: 45px;
    }
    
    .footerRight
    {
      float: left;
      width: 225px;
    }
    
    .footerTitle
    {
      font-size: 14px;
      font-weight: bold;
      margin-bottom: 10px;
    }
    
    .footerLastLine
    {
      margin-top: 10px;
      font-style: italic;
    }
    
    .footerBottom
    {
      border-top: solid 1px #cdcdcd;
      padding: 12px 0;
      overflow: hidden;
      zoom: 1;
    }
    
    .footerCopyright
    {
      float: right;
    }
    
    .footerLinks
    {
      float: left;
      font-size: 14px;
    }
    
      .footerLinks a
      {
        margin: 0 24px 0 0;
      }


div.fullwidth {
  clear: both;
  position: relative;
  margin: 0 0 24px 0;
  width:100%;
}

  .gecko body.home div.fullwidth, .safari body.home div.fullwidth
  {
    margin-bottom: 17px;
    height: 175px;
  }
  
  .gecko div.fullwidth, .safari div.fullwidth
  {
    margin-bottom: 0;
    height: inherit;
  }
  
  body.ikben div.fullwidth
  {
    /*height: 200px;*/
  }
  .ie6 body.ikben div.fullwidth
  {
    /*margin-bottom: 20px;*/
  }
  
  .ie7 div.fullwidth
  {
    margin-bottom: 0;
    /*height: 143px;*/
  }
  
  .ie6 div.fullwidth
  {
    margin-bottom: 0;
    height: 140px !important;
  }

  div.fullwidth h1 {
    position: absolute;
    top: 15px; left: 195px;
    font-size: 36px;
    line-height: 40px;
}
  .ie div.fullwidth h1 {
    top: 35px;
  }
  
div.content, div.sidebar {
}

  body.with-sidebar div.content {
    float: left;
    clear: left;
    width: 650px;
    padding: 0 0 14px 0;
  }
  
    div.content {
    }

.ie .inschrijven .content,
.ie .voorwaarden .content{
  padding-top: 40px;
}
  
    div.content h1 {
      font-size: 32px; /* Was 35. Op basis van /stap 1 ga er even vanuit dat het op alle pagina's consistent is*/
      margin-top: 0;
    }
    
      h1 span.subtitle {
        font-size: 18px;
        display: block;
      }
      
      h1 span.details {
        display: block;
        font-size: 14px;
        font-weight: normal;
        line-height: 18px;
      }
  
  div.sidebar {
    width: 270px;
    float: right;
    overflow:hidden;
  }
  
    div.sidebar h3, div.sidebar h2 {
      font-size: 18px;
    }

    div.sidebar ul {
      padding: 0; margin: 0;
      list-style: none;
    }
        
      div.sidebar ul li {
        margin: 0 0 4px 0;
        font-size: 14px;
      }
      
    div.sidebar p {
      font-size: 14px;
      line-height: 18px;
      margin: 8px 0 0 0;
    }
    
    div.sidebar div.block {
      border-top: solid 1px #ccc;
      margin-top: 28px;
    }

  div.module {
  }


#quotes {
  clear: both;
  font-size: 14px;
  border-top: solid 1px #cdcdcd;
  background-color: #f0f1f1;
  padding: 1.4em;
  zoom:1;
  margin-top: 43px;
}

  .ie #quotes
  {
    margin-top: 0;
  }

  #quotes table {
    width: 100%;
  }

  #quotes tr {
  }

  #quotes td {
    width: 34%;
  }
  
    #bright blockquote {
      padding-top: 28px;
    }
    
    #vrouw blockquote {
      padding-top: 35px;
    }
    
    #viva blockquote {
      padding-top: 46px;
    }

  #quotes img {
    width: 100px; height: 100px;
    float: left;
    margin: 0 18px 0 0;
    border: solid 1px #cdcdcd;
  }
  
  #quotes blockquote, #quotes p {
    margin: 0;
  }
  
    #quotes blockquote {
    }