@import url(text.css);

.clear {
  clear:both;
}

@media screen {

  body {
    background-image:url(/images/bg.jpg);
    background-attachment:fixed;
    background-position:center bottom;
    background-repeat:repeat-x;
    margin:0px;
  }
  #mobilelink {
    padding:0 3px;
    position:absolute;
    top:0;
    left:0;
    border:1px solid #999;
    border-width:0 1px 1px 0;
    background-color:#eee;
    line-height:12px;
  }
  #mobilelink a {
    font-size:9px;
    text-decoration:none;
  }
  #wrapper {
    height:100%;
    width:840px;
    margin:20px auto 0;
  }
  #header {
    background-image:url(/images/header_bg.png);
    background-position:left top;
    background-repeat:no-repeat;
    height:110px;
  }
  #logo {
    float:left;
    margin:14px;
  }
  #logo strong {
    display:none;
  }
  .slogan {
    color:#B43F43;
    font-size:15px;
    font-style:italic;
    float:right;
    margin:30px;
    width:400px;
    line-height:20px;
  }
  .slogan .line1 {
    float:left;
  }
  .slogan .line2 {
    float:right;
  }
  #main {
    background-color:white;
    min-height:400px;
    padding:0 20px 30px;
    height:95%;
  }
  #menu {
    background-color:#f9f8f6;
    background-image:url(/images/menu_bg.gif);
    background-position:right  top;
    background-repeat:no-repeat;
    border-bottom:1px solid #d7d5c8;
    height:27px;
    padding:13px 25px 0 12px;
    margin-bottom:15px;
    clear:both;
  }
  #menu.float {
    float:left;
  }
  #menu, #menu a {
    font-family:'Trebuchet MS',arial,helvetica,sans-serif;
    font-size:15px;
    color:#8A8662;
    text-decoration:none;
  }
  #menu a {
    font-weight:bold;
  }
  #menu a:hover, #menu a:active, #menu a.active {
    color:#702929;
  }
  #promo {
    float:right;
    background-color:#bfbca6;
    background-image:url(/images/kader_bg.gif);
    background-position:right  top;
    background-repeat:no-repeat;
    width:230px;
  }
  #promo strong {
    color:white;
    font-weight:normal;
    font-size:13px;
    float:left;
    margin:10px;
  }
  div.kolom {
    float:left;
    width:110px;
  }
  #promo img {
    width:100px;
    margin:0 0 10px 10px;
  }
  #promo br {
    clear:both;
  }
  #doelgroepen {
    margin:15px 0;
  }
  #doelgroepen a {
    background-color:#f9f8f6;
    background-position:right bottom;
    background-repeat:no-repeat;
    border-bottom:1px solid #d7d5c8;
    float:left;
    margin-right:25px;
    width:164px;
    height:100px;
    padding:10px 76px 0 10px;
    color:#702929;
    line-height:18px;
    font-size:13px;
    text-decoration:none;
  }
  #doelgroepen a:hover {
    color:#000;
    border-bottom:1px solid #000;
  }
  #doelgroep1 {
    background-image:url(/images/klant1.jpg);
  }
  #doelgroep2 {
    background-image:url(/images/klant2.jpg);
  }
  #doelgroep3 {
    background-image:url(/images/klant3.jpg);
    margin-right:0px!important;
  }
  #zie_ook a {
    text-decoration:none;
    line-height:20px;
  }
  #zie_ook a:hover {
    text-decoration:underline;
  }
  .faq_answer {
    width:500px;
    margin:0 20px;
    padding:10px 0;
    border-bottom:1px solid #ccc;
  }
  #footer {
    margin-top:20px;
    border-top:1px solid #d7d5c8;
    padding-top:10px;
    font-size:11px;
    color:#666666;
  }
  #footer a {
    color:#444;
    text-decoration:none;
  }
  #footer a:hover {
    text-decoration:underline;
  }
}