/*
   Biretco
   Stylesheet Layout
   i-Aspect B.V. - 2 november 2007
   door: Rutger Laurman
*/

html,body{
   margin:0;
   padding:0;
}
html{
   background:url(../img/bg.gif) repeat-x top;
}


body{
   font-size:62.5%;
   font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
   color:#5b5b5b;
}



/* ===== layout tags =====  */

   div#holder{
      width:998px;
      margin: 0 auto 0 auto;
      background:url(../img/bg_content.gif) repeat-y center;
      overflow:hidden;
   }


   div#header{
      height:121px;
      background:url(../img/bg-header.jpg) no-repeat top;
      width:924px;
      padding: 0 37px 0 37px;
      clear:both;
   }

      div#header div#logo{
         float:left;
/*         border:1px solid #0000ff;*/
      }
         div#header div#logo a img{ border:0; }
         div#header div#logo a {
            display:block;
         padding:28px 64px;
         }

      div#header p{
         float:right;

         margin:0;
         padding:0;
/*         width:150px;*/
/*         height:1.6em;*/
         padding:0.2em;
         margin:1em;

      }
         div#header p a{
            color:#fff;
            display:block;
            float:left;
            padding:0.2em;

         }
            div#header a img{             border:1px solid #2b7761;}


   div#navpath{
      /* width 998 */
      width:849px; /* 874 */

      height:2.5em;

      margin:0 61px 0 61px;
      padding:24px;
      padding-left:0px;
      padding-bottom:0;
      padding-top:10px;

      border-bottom:1px solid #dadada;
      float:left;

   }
      div#navpath p{
         margin:0;
         padding:0;
         font-weight:bold;
         float:left;
      }
      div#navpath ul{
         float:left;
         list-style:none;
         padding:0;
         margin:0;
      }
         div#navpath ul li{
            float:left;
            margin:0;
            padding: 0 .8em;
            font-size:1.2em;
            background:url(../img/arrow_path.gif) no-repeat 0 50%;
         }
            div#navpath ul li.first{
               background:none;
            }

   div#content{
      width:900px;
      margin:0 37px;
      margin-top:130px;
      padding:24px;
      padding-right:0px;
      line-height:2em;
      float:left;
      background:url(../img/footer-top.gif) no-repeat bottom left;
   }
      div#content div#main{
         width:595px; /* 535 */
         padding:0 20px 20px 0;
         margin-top:20px;
         float:left;
         border-right:1px solid #d8d8d8;
      }
         body#frontpage div#content div#main{
            width:510px;
         }

      /* img in content */
      div.contentimg{ clear:both; }
         div.contentimg img.right{ float:right; padding:2em 1em; }
         div.contentimg img.left{ float:left;  padding:2em 1em;}


      /* ===== folder preview op frontpage ===== */
         ul#folders{
            list-style:none;
            float:left;
            margin:0;
            margin-top:1.5em;
            padding:0;
         }
            ul#folders li{
               display:inline;

               border-top:1px solid #dadada;
               float:left;
               width:auto;
               margin:0;
               margin-right:0.8em;
               padding:1em 0;
               /*padding-top:1em;*/
               margin-left:3em;

            }
               ul#folders li h3{
                  font-size:1.3em;
                  color:#1c5f4c;
                  font-weight:bold;
                  background:url(../img/arrow_small.gif) no-repeat 0 50%;
                  padding:1em 0 1em 1.2em;
                  font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
               }
               ul#folders li img{
                  border:2px solid #dadada;
                  margin-left:0.2em;
                  width:170px;
               }
               ul#folders li a{
                  padding-top:1.3em;
                  display:block;
               }
                  ul#folders li a img{ border:0; width:auto; }


      div#content div#side{
         width:225px; /* 335 */
         float:left;
         padding:20px 0 20px 30px;
      }
         body#frontpage div#content div#side{
            width:315px;
         }

      /* ===== voorpagina nieuwsberichten en vacatures ===== */
         div#side div#nieuwsberichten{
            border-bottom:1px solid #dadada;
            padding-bottom:1em;
            float:left;
         }
            div#side div#nieuwsberichten h3 a{
               color:#6f7200;
            }
            div#side div#nieuwsberichten strong{
               color:#1c5f4c;
               font-size:0.9em;
            }
            div#side div#nieuwsberichten p{
               margin:0;
               padding:0;
            }
         div#side div#nieuwsberichten a.btn,
         div#side div#vacatures a.btn{ float:right; }
            div#side div#nieuwsberichten a img,
            div#side div#vacatures a img{ border:0; }
         div#side div#nieuwsberichten h2,
         div#side div#vacatures h2{
            border:0;
            margin-bottom:0.6em;
            /*float:left;*/
            width:100%;
            clear:both;
         }
         div#side div#vacatures{
            padding-top:1em;
         }
            div#side div#vacatures h2{
               margin:0;
               margin-top:0.5em;

            }






      /* ===== vervolgpagina sub navigatie ===== */

         div#side div#subnavigation{
            float:right;
            margin-top:2em;
/*            border:1px solid #ff00ff;*/
         }
            div#side div#subnavigation ul{
               padding:0;
               margin:0;
               list-style:none;
            }
      /* ===== sidebar blok ===== */
      div#side div.box{
         background:url(../img/bg_subnav.gif) no-repeat right bottom  #f6f7f7;
         width:231px;
         float:left;
         margin-top:1em;
      }
         div#side div.box h3{
            background:url(../img/subnav-first.gif) no-repeat right top;
            padding: 1em 1em 0 1em;
         }
         div#side div.box ul,
         div#side div.box form{
            margin:0 0 1em 0;
            padding:0 5px;

            background:url(../img/subnav-repeaty.gif) repeat-y left;
            width:221px;
         }
            div#side div.box ul ul{ background:none; padding-top:0; }

            div#side div.box form{
               padding-bottom:1em;
            }
               div#side div.box form fieldset{
                  border:0;
               }
                  div#side div.box form fieldset legend{
                     display:none;
                  }



   /* ===== pagina header ===== */
      div#pageheader{
         position:absolute;
         top:157px;
         height:130px;
         width:870px;
         clear:left;
      }
         div#pageheader div#headerimage{
            width:872px;
            border-bottom:1px solid #dadada;
            margin-top:1em;
            padding-bottom:1em;
            clear:both;
            overflow:hidden;
            height:130px;
         }

      body#frontpage div#pageheader{
         height:190px;
      }
      body#frontpage div#content{
         margin-top:190px;
      }


      /* ===== formule selectie blok ===== */
         #formuleselector {
            background-color: white;
            width:872px;
            border-bottom:1px solid #dadada;
            padding-top:1em;
            padding-bottom:1em;
            clear:both;
            overflow:hidden;
         }



/* ===== voet ===== */
   div#footer{
      height:50px;
      width:904px;
      margin:0 auto;
      padding:25px 47px 10px 47px;
      float:left;
      font-size:1.3em;
      color:#a3a3a3;
      background:url(../img/footer-bottom.gif) no-repeat top center #fff;
   }
      div#footer a{
         color:#a3a3a3;
      }

   div#footer div.copyright{ float:left; }
   div#footer div.links{ float:right; }