/* 
   Skishop Nieuwegein
   Basis Stylesheet
   i-Aspect B.V.
   door: Rutger Laurman   
 */ 
 
html,body{
   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size:100%;
   line-height:130%;
   color:#2a3b5e;
   margin:0;
   padding:0;
}

body#voorpagina{
   background:url(../img/bg_voorpagina.gif) repeat-x #eee;
}
body#vervolgpagina{
   background:url(../img/bg_vervolgpagina.gif) repeat-x #eee;
}


body{ font-size:80%; }
.verberg{ display:none; }

/* standaard styles */
   h1,h2,h3{ margin:0; padding:0; }
   h1 img {border:0; }
   p{ line-height:1.5em; }
   a{ color:#3665b4; text-decoration:underline; }
   a:hover{ text-decoration:none; }
   a:visited{ color:#6699cc; }
   
/* header style */
   body div#header{
      border-left:1px solid #c2c5ca;
      border-right:1px solid #c2c5ca;
      overflow:auto;
      width:856px;
   }
      body div#header h1{
         width:168px;
         height:82px;
         float:right;
         margin-right:54px;
      }
   
   /* voorpagina */
      body#voorpagina div#header{
         background:url(../img/header-voorpagina.jpg) no-repeat top;
         height:380px;
      }
      body#voorpagina div#header h2{
         display:none;
      }
      body#voorpagina div#header p{
         margin:150px 0 0 77px;
         width:470px;
         color:#fff;
         line-height:1.5em;
      }

   /* vervolgpagina */
   body#vervolgpagina div#header{
      height:245px;
/*      background:url(../img/header-vervolgpagina.jpg) no-repeat top #fff;*/
      background-color:#fff;
   }


/* layout blokken */
   div#header{
      margin:auto;
      width:858px; /* 886 */
   }
   
   div#content{
      width:820px; /* 886 */
      padding-left:33px;
      padding-right:33px;
      margin:auto;
      padding-top:18px;      
      background:url(../img/bg_body.gif) repeat-y center;
      overflow:hidden;
/*      border:1px solid #ff00ff;*/
   }

      /* menu holder */
      div#menubalk{
         position:absolute;
         top:342px;
         clear:left;
         background-color:#fff;
         width:856px;
         margin-left:-18px;
         height:38px;
         background-image:url(../img/bg_menu.gif); /* rechterstuk menubalk */
      }
      body#vervolgpagina div#menubalk{
         top:207px;
      }

   /* ===== voorpagina blokken ===== */

      div.blok{
         float:left;
         padding:1.5em;
      }
         div.blok a{ font-weight:bold; }
      div#skishopkorting{
         background:url(../img/blok_skishopkorting.gif) no-repeat;
         width:493px; /* 550 */
         height:183px;
         padding-top:40px;
         padding-left:27px;
         padding-right:30px;
      }
         div#skishopkorting p.img{padding-top:0px;margin-top:0px;}
      div#adresgegevens{
         background:url(../img/blok_adresgegevens.jpg) no-repeat;
         width:210px; /* 550 */
         height:170px;
         margin-left:10px;
         padding-top:54px;
         padding-left:30px;
         color:#fff;
      }
         div#adresgegevens address{
            font-style:normal;
         }
         div#adresgegevens a{
            color:#ffb71b;
         }
      div#fotovandemaand{
         background:url(../img/kop-fotovandemaand.jpg) no-repeat left top;      
         width:450px;
         height:200px;
         margin-top:1em;
      }
      
         div#fotovandemaand div.links{
            width:220px;
            float:left;
            padding-top:15px;         
         }
         div#fotovandemaand div.rechts{
            display:block;
            width:224px;
            height:220px;
            float:left;
         }
            div#fotovandemaand div.rechts span.kader{
               background:url(../img/kader-fotovandemaand.gif) no-repeat;
               position:absolute;
               z-index:10;
               width:224px;
               height:176px;
            }
            div#fotovandemaand div.rechts span.afbeelding{
               position:absolute;
               z-index:9;           
            }
            div#fotovandemaand div.rechts em{
               display:block;
               padding-top:180px;
               width:200px;
               padding-left:5px;
               font-size:0.95em;
            }         
      
      div#handigetips{
         background:url(../img/blok_handigetips.gif) no-repeat left top;
         width:278px;
         height:165px;
         padding-top:40px;
         padding-left:30px;
         margin-top:1em;      
      }
  
  /* ===== vervolg pagina - content ===== */

   /* navigatie pad */  
      div#pad{
         width:802px;
         background-color:#f1f1f1;
         height:1.4em;
         padding:0.5em;
      }
         div#pad p {display:inline; font-weight:bold; }
         div#pad ol{
            margin:0;
            padding:0;
            display:inline;
            list-style:none;
         }
         div#pad ol li{ display:inline; 
            background:url(../img/pad-pijltje.gif) no-repeat left bottom;
            padding:0 5px 0 10px;
         }
         div#pad ol li.eerste{ background:none; }         

      div.kolom{
         width:530px;
         padding-right:2em;
         padding-left:1em;
         float:left;
      }
         div.kolom h3{
            font-size:1.2em;
            font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
         }
         div.kolom div{ clear:both; }
         
         div.kolom div img.left{
            float:left;
         }
         div.kolom div img.right{
            float:right;
         }
         div.kolom ul.tientips{
            list-style:none;
            line-height:1.5em;
            margin-left:0;
            padding-left:0;
         }
            div.kolom ul.tientips li{
               padding:0.5em;
            }
            div.kolom ul.tientips strong{
               font-size:1.4em;
            }
      
      div.zijkant{
         width:250px;
         float:left;
      }
         ul#submenu{
            width:182px; /* 222 */
            height:119px; /* 159 */
            background:url(../img/bg_submenu.jpg) no-repeat;
            margin:0;
            margin-bottom:20px;
            padding:20px;
            list-style:none;
         }
            ul#submenu li{
               padding:0;
               padding-left:15px;
               margin:0;
               background:url(../img/bullet_submenu.gif) left no-repeat;
/*               height:16px;*/
            }
            ul#submenu li a{
               display:block;
               padding:0.2em;
               color:#fff;
               width:180px;
            }
            ul#submenu li.active{
               background:url(../img/bullet_submenu-active.gif) left no-repeat;
            }
            ul#submenu li.active a{
               color:#ffb71b;
               font-weight:bold;
            }
         form#scherpeaanbiedingen{
            display:block;
            width:225px;
            height:116px;
            margin:0;
            padding:0;
            padding-top:24px;
            padding-left:10px;
            background:url(../img/bg_scherpeaanbiedingen.gif) no-repeat;
         }
            form#scherpeaanbiedingen fieldset{
               border:0;
            }
            form#scherpeaanbiedingen fieldset legend{
               display:none;
            }
      form#scherpeaanbiedingen p{
         margin-bottom:0px;
         padding-bottom:12px;
      }            
            form#scherpeaanbiedingen fieldset input{
               border:0; /*1px solid #ff00ff;*/
               background-color:transparent;               
               height:18px;
               width:145px;
               margin-left:10px;
               color:#b6b6b6;
               font-size:0.95em;
            }
            form#scherpeaanbiedingen fieldset button{
               text-indent:-5000px;
               width:28px;
               height:20px;
               border:0;
               background-color:transparent;
               cursor:pointer;
            }


/* ===== onderhoud tabel */
   body#vervolgpagina div.kolom table{
      width:100%;
      border:1px solid #ccc;
      margin-bottom:1em;
   }
   body#vervolgpagina div.kolom table th{
      text-align:left;
      padding:0.4em;
   }
   body#vervolgpagina div.kolom table td{
      padding:0.2em;
   }
   body#vervolgpagina div.kolom table thead{
      border:1px solid #ccc;
      background-color:#6699cc;
      color:#fff;
   }


   /* ===== contact pagina ===== */

         div#contact-adres{
            width:172px; /* 222 */
            height:89px; /* 159 */
            background:url(../img/blok_contact-adres.jpg) no-repeat;
            margin:0;
            margin-bottom:20px;
            padding:20px;
            padding-top:50px;
            padding-left:33px;
            color:#fff;
         }
            div#contact-adres address{
               font-style:normal;
            }
           
            body.formulierpagina div.kolom form fieldset{
               border:0;
               background-color:#f1f1f1;
               margin-bottom:2em;
               overflow:auto;
            }
               body.formulierpagina div.kolom form fieldset legend{
                  font-size:1.2em;
                  font-family:Verdana, Arial, Helvetica, sans-serif;
                  padding:0.2em;
                  font-weight:bold;
               }
               body.formulierpagina div.kolom form fieldset p{
                  background-color:#fff;
                  padding:0.4em;
                  margin:1em;
               }
            
            body.formulierpagina div.kolom form input,
            body.formulierpagina div.kolom form textarea{
               background:url(../img/bg_input.gif) no-repeat left top;
               border:1px solid #ccc;
               width:309px;
               margin:1em;
               margin-left:0;
               margin-bottom:0;               
               padding:0.4em;
               float:left;
               font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
               font-size:1em;
            }
               body.formulierpagina div.kolom form textarea{
                  height:10em;
               }
               body.formulierpagina div.kolom form input:focus,
               body.formulierpagina div.kolom form textarea:focus{
                  border-color:#aaa;
               }
               
            body.formulierpagina div.kolom form input.postcode{
               width:100px;

            }
            body.formulierpagina div.kolom form input.plaats{
               width:183px;
            }
            body.formulierpagina div.kolom form label{
               margin:1em;
               margin-right:0;
               margin-bottom:0;
               padding:0.4em;
               display:block;
               float:left;
               width:150px;
               font-weight:bold;
            }
            body.formulierpagina div.kolom form button{
               border:0;
               background-color:transparent;
               cursor:pointer;
            }
            body.formulierpagina div.kolom form div.links{
               margin-top:1em;            
               float:left;
               padding:1em;
            }
            body.formulierpagina div.kolom form div.rechts{
               float:right;
               margin-top:1em;
               padding:1em;               
            }
           

/* ===== verhuur formulier ===== */

      table#reserveringtabel{
         margin:0.5em;
         margin-right:0;
         width:455px; /* 95% */
      }
         table#reserveringtabel th{
            text-align:left;
            font-size:1.2em;
            color:#fff;
            padding-bottom:0.7em;
            font-family:Verdana, Arial, Helvetica, sans-serif;
         }
         table#reserveringtabel th.titel{      
            width:50%;
         }
         table#reserveringtabel tr.offset{
            background-color:#fff;
         }
         table#reserveringtabel td{
            padding:0.2em;
         }
   
         table#reserveringtabel input,
         table#reserveringtabel textarea{
               width:30px;
               margin:0;
               margin:auto;
               font-size:1.1em;
               padding:0.3em;
            }
      
/* ===== gastenboek ===== */

   div#gastenboekholder{
/*      border:1px solid #ff00ff;*/
   }
   
   div#gastenboekholder a.btn-toevoegen{
      background:url(../img/btn_bericht-toevoegen.gif) no-repeat;
      display:block;
      width:159px;
      height:29px;
      text-indent:-5000px;
      margin-bottom:15px;
   }
   div#gastenboekholder a.btn-schrijfbericht{
      background:url(../img/btn_schrijf-bericht.gif) no-repeat;
      display:block;
      width:159px;
      height:29px;
      text-indent:-5000px;
      margin-bottom:15px;

   }

   
      div#gastenboekholder div.gastenboekbericht{
         border:1px solid #d2d2d2;
         margin-bottom:1em;
      }
      
      div#gastenboekholder div.gastenboekbericht h3{
         border:1px solid #fff;
         border-right:0;
         color:#3665b4;
         font-size:1em;
         padding:7px;
         margin:0;
         float:left;
         width:342px;
         background:url(../img/bg_titel-gastenboek.gif) repeat-x;
         height:19px;
      }
      div#gastenboekholder div.gastenboekbericht em{
         border:1px solid #fff;
         border-left:0;      
         float:right;
         color:#3665b4;         
         width:156px;
         background:url(../img/bg_titel-gastenboek.gif) repeat-x;
         padding:7px;         
         height:19px;
      }
      
      div#gastenboekholder div.gastenboekbericht p{
         background-color:#f1f1f1;
         border:1px solid #fff;
         border-top:0;
         padding:0.7em;
         margin:0;
         clear:both;
      }
      
      form#berichtformulier fieldset{
/*       border:1px solid #ccc;*/
         margin-bottom:0;

      }
      form#berichtformulier div.simpelevraag{
         margin:1em;
         margin-bottom:0;
         border:1px solid #ddd;
         clear:both;
         padding:0.1em;
         overflow:hidden;
      
      }
      form#berichtformulier div.simpelevraag p{
         font-size:0.9em;
         margin:0;
      }
      form#berichtformulier div.simpelevraag em{
         font-size:1.2em;
      }
      
      
/* kopje */
      body#vervolgpagina h2{
         font-family:Verdana, Arial, Helvetica, sans-serif;
         font-size:1.5em;
         padding-left:0.7em;
         letter-spacing:-0.1em;
         margin-top:1em;
         margin-bottom:0.5em;
      }
      body#vervolgpagina h3{
         width:100%;
         clear:both; 
      }
  
  
/* pagina footer met logos */  
  
   div#voet{
      width:860px;
      height:142px;
      padding-top:28px;
      padding-left:13px;
      padding-right:13px;
      margin:auto;
      background:url(../img/bg_voet.gif) no-repeat;
   }
      div#voet ul{
         list-style:none;
         width:100%;
         overflow:hidden;
         margin:0;
         padding:0;
         height:90px;
      }
         div#voet ul li{ display:inline; }      
         div#voet ul li a{
            display:block;
            width:140px;
            margin-right:2px;
            height:74px;
            float:left;
            text-indent:-5000px;
         }
            div#voet ul li a.breed-155{
               width:155px;
            }
            div#voet ul li a.breed-170{
               width:170px;
            }
            div#voet ul li a.breed-205{
               width:215px;
            }

   div#voet span.links{
      float:left;
      margin-left:2em;
      color:#2a3b5e;
   }
   div#voet span.rechts{
      float:right;
      margin-right:2em;
      color:#2a3b5e;      
   }