/*
   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;
   }
   div#main p{
      margin-top:0;
   }
   div#main p img{
      float:right;
      padding:1px;
      margin:0.5em;
      border:1px solid #dadada;
   }

   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;
      }


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

/* ===== 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)
}

/* Unsere Organisation */
   body.unsere-organisation div#headerimage{
      background-image:url(../img/heading/unsere-organisation.jpg);
   }
      body.ihr-geschaeftspartner div#headerimage{
         background-image:url(../img/heading/ihr-geschaeftspartner.jpg);
      }
      body.formen-der-zusammenarbeit div#headerimage{
         background-image:url(../img/heading/formen-der-zusammenarbeit.jpg);
      }
      body.news div#headerimage{
         background-image:url(../img/heading/news.jpg);
      }
      body.wegbeschreibung div#headerimage{
         background-image:url(../img/heading/wegbeschreibung.jpg);
      }

/* Unsere Dienstleistung */

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

/* Unsere Geschäfte */
      body.unsere-konzepte div#headerimage{
         background-image:url(../img/heading/unsere-geschaefte.jpg);
      }

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

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

   /* bbg */
         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.kontakt div#headerimage{
         background-image:url(../img/heading/kontakt.jpg);
      }

/* inloggen */
      body.einloggen div#headerimage{
         background-image:url(../img/heading/einloggen.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.pdf a{
         height:57px;
         padding-top:25px;
      }

      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.unsere-partner div#holder div#content div#main{
      width:870px;
      border:0;
   }
   body.unsere-partner div#onzepartnersflash{
      height:420px;
      overflow:auto;
   }

/* unsere dienstleistung is ook breed */   
   body.unsere-dienstleistung div#holder div#content div#main{
      width:870px;
      border:0;
   }