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

/* ===== standaard tags ===== */

   h1,h2,h3,h4,h5{
      margin:0; padding:0;
      font-family:Arial, Helvetica, sans-serif;
   }
   h1{
      margin:0;
      margin-bottom:0.8em;
      font-size:2.0em;
      width:520px;
      height:24px;
   }
      body#frontpage h1{
         margin-bottom:0;
      }


   h2{
      font-size:2.0em;
      color:#4d4d4f;

   }
   h2 em{
      color:#1c5f4c;
   }
   div#main h2{
      font-size:1.3em;
      margin-bottom:-1em;
      color:#256b57;
      clear:left;
   }
   div#main p{
      margin-top:0;
   }
   div#main p img{
      float:right;
      padding:1px;
      margin:0.5em;
/*      border:1px solid #dadada !important;*/
   }

   h3{
      font-size:1.3em;
   }

   div#side h2{
      height:24px;
   }

   h4{
      font-size:1.1em;
   }


   p{
      font-size:1.3em;
      padding:1em 1em 1em 0;
      margin:0;
   }

   a{
      color:#256b57;
   }
   div#side a img{ border:0; }

   .hide{ display:none; }


/* ===== standaard formulier ===== */

   form.default{
      background-color:#f5f6f6;
      border:1px solid #dfe0e0;
      padding:1em 1em;
      font-size:1.3em;
      width:80%;
   }

   fieldset{ border:0; }
      fieldset legend{
         font-size:1.0em;
         color:#256b57;
         font-weight:bold;
      }
      fieldset label{
         display:block;
         width:20em;
         font-weight:bold;
      }

      fieldset input, fieldset textarea{
         font-family:Verdana, Arial, helvetica, sans-serif;
         font-size:1em;
      }

      fieldset input{
         height:1.5em;
         width:14em;
      }
      fieldset textarea{
         width:25em;
         height:10em;
      }
      fieldset p{
         float:left;
         clear:both;
         font-size:1em;
         padding:0;
         padding-bottom:1.5em;
      }
         fieldset p.float{
            float:left;
            width:17em;
            padding-bottom:0;
         }
         fieldset p.button{
            border:0;
            clear:both;
            padding-right:1em;
            padding-bottom:0;
         }
            fieldset p.button button{
               border:0;
               background:none;
               cursor:pointer;
               float:right;
            }
/* border om afbeelding is vrij sticky ... */
         div#content form.default fieldset p.button button img{border:0;padding:0;}

/* ===== contact formulier ===== */

   div.contactform{
      clear:both;
      width:872px;
      padding-top:2em;
      margin-top:1em;
   }
      div.contactform form{
         width:844px;
      }

         div.contactform fieldset input{
            width:20em;
         }

         div.contactform fieldset p.button{
            padding-right:10em;
         }

   fieldset.float{
      float:left;
   }
   fieldset.first{
      margin-left:30px;
      margin-right:70px;
   }
      div.contactform fieldset p{
         clear:both;
      }
      div.contactform fieldset input.postcode{
         width:6em;
         float:left;
         margin-right:1.7em;
      }
      div.contactform fieldset input.plaats{
         width:12em;
         float:left;
         clear:right;
      }

      fieldset p.radiobuttons {
         width:32em;
         float:left;
         clear:both;
      /*   border:1px solid #00ff00;*/
      }
         fieldset p.radiobuttons label{
            width:29em;
         }
         fieldset p.radiobuttons span{
            display:block;
            float:left;
         /*   border:1px solid #ff00ff;*/
            width:19em;
            height:2em;
         }
            fieldset p.radiobuttons span.smaller{
               width:10em;
            }
            fieldset p.radiobuttons span.wide {
               float:none;
               width:auto;
            }
            fieldset p.radiobuttons label.wide{
               width:auto;
            }

         fieldset p.radiobuttons label.basic{
            font-weight:normal;
            display:inline;
            width:auto;

         }
         fieldset p.radiobuttons input{
            width:1em;
            height:1em;
         }

         fieldset textarea{

         }

      fieldset em.verplicht{
         color:#256b57;
      }

/* ===== Blok aanmeldformulier fietsvak op Home ===== */

   #fietsvak {
   float: left;
   position: relative;
   width: 525px;
   height: 189px;
   background: url(../img/bg-aanmeld.jpg) no-repeat top left;
   margin-left: -10px;
   margin-bottom: 10px;
}

   #fietsvak .vak {
      float:right;
      width: 255px;
      display: block;
      padding: 12px 0;}
   
      #fietsvak .vak h2 {
      font-size: 1.8em;
      text-transform: uppercase;
      padding: 12px 5px;
   }
   
         #fietsvak .vak p {
         padding: 12px 5px;
   }
   
         #fietsvak .vak a {
         float:right;
         text-indent: -5000px;
         width: 176px;
         height: 22px;
         background: url(../img/btn_aanmeld.gif) no-repeat;
         margin-right: 20px;
   }
   
/* ===== blok FNV actie op Home ===== */

#fnvactie {
   float: left;
   position: relative;
   width: 525px;
   height: 93px;
   background: url(../img/bg-aanmeld2.jpg) no-repeat top left;
   margin-left: -10px;
   margin-bottom: 10px;
}

   #fnvactie .actie {
      float:left;
      width: 100%;
      display: block;
      padding: 12px 0 12px 20px;}
   
      #fnvactie .actie h2 {
      font-size: 1.8em;
      text-transform: uppercase;
      padding: 12px 5px;
   }
   
         #fnvactie .actie p {
         padding: 12px 5px;
   }
   
         #fnvactie .actie a {
         float:right;
         text-indent: -5000px;
         width: 97px;
         height: 25px;
         background: url(../img/btn_actie.gif) no-repeat;
         margin-right: 40px;
         margin-top: -32px;
   }
  
  .aanmeldformulier  div#side div#subnavigation ul {display:none;}
  .aanmeldformulier div#content div#side {
            width: 220px;
            height: 444px;
            float:left;
            background: url(../img/bg-aanmeldsfeer.jpg) no-repeat top;
            margin-top: 20px;
            margin-left: 20px;
      }
  
   /* ===== header ===== */

      /* taal selectie */

         div#header p#language{
            padding-left:72px;
            background-position:2% 70%;
            background-repeat:no-repeat;
         }

         body.nl div#header p#language{
            background-image:url(../img/lang-taalkeuze.gif);
         }

         body.en div#header p#language{
            background-image:url(../img/lang-language.gif);
         }

         body.de div#header p#language{
            background-image:url(../img/lang-sprache.gif);
         }



/* ====== persberichten ====== */
      div#main dl{
         padding-top:1.5em;
      }

         div#main dl dt{
            font-size:1.3em;
            padding-bottom:0.3em;
            font-weight:bold;
            color:#1c5f4c;
         }
            div#main dl dt a{
               color:#6f7200;
               font-weight:bold;
            }

         div#main dl dd{
            margin:0;
            padding-bottom:1em;
         }
            div#main dl dd strong{
               color:#1c5f4c;
               font-size:1.1em;
            }
            div#main dl dd p{
               margin-top:0;
               padding-top:0;
            }

/* ===== vacatures pagina ===== */

   div#main table#vacatures{
      width:100%;
      margin:auto;
      font-size:1.3em;
      border-collapse:collapse;
   }
      div#main table#vacatures th,
      div#main table#vacatures td{
         padding:0.5em;
      }
         div#main table#vacatures th{
            text-align:left;
            color:#1c5f4c;
         }
         div#main table#vacatures td a{
            color:#82850e;
            font-weight:bold;
         }
            div#main table#vacatures td a img{ border:0; }



   div#main p#vacaturesgevonden{
      border-top:1px solid #dadada;
   }
      div#main p#vacaturesgevonden strong{
         color:#1c5f4c;
      }

      div#main a.btn_terug img,
      div#main p a.btn_terug img{ border:0; }
                  


   div#main p#vacaturespaginas{
      border-top:1px solid #dadada;
   }
      div#main p#vacaturespaginas a{
         display:block;
         float:left;
         padding: 0.1em 0.5em;
         margin:0.1em;
         color:#82850e;
      }
         div#main p#vacaturespaginas a.btn{
            border:1px solid #dadada;
         }
         div#main p#vacaturespaginas a.active{
            background:url(../img/bg_pagenr.gif) repeat-x;
            color:#fff;
         }
      div#main p#vacaturespaginas span{ float:right; }

   div#side div.box h3{
      font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
      color:#256b57;
   }

   div#side div#zoekvacature{

   }
      div#side div#zoekvacature p{
         margin-top:0;
         padding-top:0;
         font-size:1.3em;
      }
      div#side div#zoekvacature select{
         width:190px;
         margin:0.3em 0.2em;
         font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
         font-size:1.3em;
         color:#5b5b5b;
      }
      div#side div#zoekvacature button{
         border:0;
         padding:0;
         margin:0.2em 0.6em;
         float:right;
         background:transparent;
      }

/* ===== Ter overname aangeboden op home zijkant ===== */
      
      #overname {
         float:left;
         clear:both;
         width: 310px;
         border-bottom: 1px solid #dadada;
         margin: 0 0 10px 0;
         padding-bottom: 10px;
      }

      #overname div {background:#226452 url(../img/bg-overname-bot.jpg) no-repeat bottom left;}
      
      #overname h3 {
         font-size: 1.8em;
         background:url(../img/bg-overname-top.jpg) no-repeat top left;
         padding: 10px 20px 0 10px;
      }
      
      #overname h3 a {
         text-decoration: none;
         display: block;
         width: 100%;
         color: #FFF;
         
      }
      
      #overname p a {
         color: #9ab3ac;
         display: block;
         text-decoration: none;
         background:url(../img/bg-overname-pijl.gif) no-repeat 280px -3px;
         padding: 0px 25px 0px 10px;
         margin-top: -10px;
         margin-bottom: 5px;
      }

   
/* ===== nieuws archief zijkant ===== */

   div#side div#nieuwsarchief{

   }
   div#side div#nieuwsarchief ul{
      padding-top:15px;
      list-style:none;
      padding-left:13px;
   }
      div#side div#nieuwsarchief li{
         color:#6f7200;
         font-size:1.1em;
         margin:0;
         padding:0;
      }
         div#side div#nieuwsarchief li strong{ font-size:1.1em; }
         div#side div#nieuwsarchief li a{
            display:block;
            padding-left:15px;
            width:150px;
            background:url(../img/arrow_subnav.gif) no-repeat 0 50%;
         }
            div#side div#nieuwsarchief li a.active{
               font-weight:bold;
            }
            div#side div#nieuwsarchief li a:hover{
               text-decoration:none;
            }


/* ===== adres blok zijkant ===== */

   div#side address{
      padding-top:1.6em;
      font-size:1.3em;
      font-style:normal;

   }
      div#side address strong{
         color:#1c5f4c;
      }


/* ===== route pagina ===== */


   div#googlemap{
      margin:2em 0;
      width:34em;
      height:22em;
      float:left;
      border:1px solid #dadada;
   }

   div#addressblock{
      margin:2em 0;

      float:right;
      width:22em;
      height:20em;
      padding:1em;
      border:1px solid #dadada;
      background-color:#f5f6f6;
   }
      div#addressblock address{
         font-style:normal;
         font-size:1.3em;
      }
         div#addressblock address strong{
            color:#1c5f4c;
         }


   /* googlemap routeplan box */
   div.gmroutebox{
      width:250px;
      font-size:1em;
   }
      div.gmroutebox form{
         padding:0;
         margin:0;
         font-size:1.3em;
      }
         div.gmroutebox form label{ font-weight:normal; }
            div.gmroutebox form label em{ font-size:0.9em; }

   div.gmroutebox fieldset{
      margin:0;
      padding:0;
   }

      div.gmroutebox form input{
         width:120px;
         float:left;
      }
      div.gmroutebox form button{
         width:115px;
         border:0;
         padding:0;
         margin:0;
         background:transparent;
         float:left;
      }



/* ===== sitemap ===== */

ul#sitemap{
   font-size:1.3em;
}





/* ===== pagina headers ===== */

body div#headerimage{
   background: no-repeat top left;
   background-image:url(../img/heading/standaard.jpg)
}

/* onze organisatie */
   body.onze-organisatie div#headerimage{
      background-image:url(../img/heading/onze-organisatie.jpg);
   }
      body.uw-zakenpartner div#headerimage{
         background-image:url(../img/heading/uw-zakenpartner.jpg);
      }
      body.samenwerkingsvormen div#headerimage{
         background-image:url(../img/heading/samenwerkingsvormen.jpg);
      }
      body.nieuws div#headerimage{
         background-image:url(../img/heading/nieuws.jpg);
      }
      body.route div#headerimage{
         background-image:url(../img/heading/route.jpg);
      }
      body.vacatures div#headerimage{
         background-image:url(../img/heading/vacatures.jpg);
      }

/* onze dienstverlening */

      body.onze-dienstverlening div#headerimage{
         background-image:url(../img/heading/onze-dienstverlening.jpg);
      }
      body.biretco-basispakket div#headerimage{
         background-image:url(../img/heading/biretco-basispakket.jpg);
      }
      body.biretco-formulepakket div#headerimage{
         background-image:url(../img/heading/biretco-formulepakket.jpg);
      }
      body.biretco-resultaten div#headerimage{
         background-image:url(../img/heading/biretco-resultaten.jpg);
      }

/* onze winkels */
      body.onze-winkels div#headerimage{
         background-image:url(../img/heading/onze-winkels.jpg);
      }

   /* pdf */
/*      body.profile-de-fietsspecialist div#headerimage{ background-image:url(../img/heading/profile-de-fietsspecialist.jpg); }*/
         body.pdf div#headerimage{ background-image:url(../img/heading/profile-de-fietsspecialist.jpg); }

   /* fw */
/*      body.fietswereld div#headerimage{ background-image:url(../img/heading/fietswereld.jpg); }*/
         body.fw div#headerimage{ background-image:url(../img/heading/fietswereld.jpg); }

   /* bbg */
/*      body.biretco-buying-group div#headerimage{ background-image:url(../img/heading/biretco-buying-group.jpg); }*/
         body.bbg div#headerimage{ background-image:url(../img/heading/biretco-buying-group.jpg); }

      body.bb div#headerimage{
         background-image:url(../img/heading/bonus-bikes.jpg);
      }



/* contact */
      body.contact div#headerimage{
         background-image:url(../img/heading/contact.jpg);
      }

/* inloggen */
      body.inloggen div#headerimage{
         background-image:url(../img/heading/inloggen.jpg);
      }



/* ===== onze winkels ===== */

   div#overzicht-onzewinkels{
      /*border:1px solid #ff00ff;*/
      float:left;
   }
      div#overzicht-onzewinkels a{
         display:block;
         /*border:1px solid #ff00ff;*/
         width:270px;
         height:82px;
         /*text-align:center;*/
         margin-left:10px;
         float:left;
      }
         div#overzicht-onzewinkels a img{ border:0; }
      div#overzicht-onzewinkels p{
         margin-top:0;
         padding-top:5px;
         /*border:1px solid #ff00ff;*/
         float:left;
      }

      div#overzicht-onzewinkels div.fw a{
         height:67px;
         padding-top:15px;
      }
      div#overzicht-onzewinkels div.bbg a{
         height:57px;
         padding-top:25px;
      }
      div#overzicht-onzewinkels div.bb a{
         height:57px;
         padding-top:25px;
      }


      div#overzicht-onzewinkels div.winkel-links{
         float:left;
         width:290px;
      }

      div#overzicht-onzewinkels div.winkel-rechts{
         float:right;
         width:290px;
      }


/* onze partners */

   body.onze-partners div#holder div#content div#main,
	body.disclaimer  div#holder div#content div#main {
      width:870px;
      border:0;

   }
   body.onze-partners div#onzepartnersflash{
      height:420px;
      overflow:auto;
   }
   
   /* partner list block */
   #ourPartnersList{ }
   #ourPartnersList ul{ }
   #ourPartnersList li{
      float:left;
      width:30%;
font-size:12px;
   }   

#header {
   position: relative;
}

#header a.link {
   font-size: 1.3em;
   color: #FFFFFF;
   display: block;
   position: absolute;
   right: 40px;
   margin: 1em;
   padding: 0.2em;
}

#header a.link img {
   border: 0;
}