@charset "utf-8";
/*
   Layout stylesheet
   i-Aspect B.V.
   door: Rutger Laurman
*/

html,body{ margin:0; padding:0; }

   body{ font-size:62.5%; }
   .hide { display:none; }

      /* ===== holder voor centreren ===== */
      div#wrapper{
         width:960px; /*96em;*/
         margin:auto;
      }

      /* ===== header bovenaan pagina ===== */
      div#heading{
         border-top:3px solid;
         height:9em;
      }
         /* enige afbeelding in heading is logo */
         div#heading img{
            padding:1em 2em;
         }

      /* ===== inhoud ===== */
      div#content {
         float:none;
         overflow:hidden;

         padding-top:2.6em;
      }

      /* ===== hoofdinhoud ===== */

         div#maincontent{
            float:left;
            width:650px; /*69em;*/
            border-top:11px solid;
            padding:30px; /*1em;*/
         }

            div#maincontent p img{
               border:1px solid;
               padding:3px;
               margin:10px;
            }
               div#maincontent p img.align{
                  clear:both;
                  margin-left:100px;
                  display:block;
               }
               div#maincontent p img.alignright{
                  float:right;
                  margin-right:0;
               }
               div#maincontent p img.alignleft{
                  float:left;
                  margin-left:0;
               }

      /* ===== formulier ===== */
      form{
         margin:0;
         padding:0;
      }
         form fieldset{
            border:0;
            width:80%;
            /*border-top:1px solid;
            border-bottom:1px solid;*/
            padding:1em;

         }
            form legend{
               display:none; /* legend standaard verbergen  */
            }

            label{
               font-weight:bold;
               float:left;
               display:block;
            }


            input, textarea, select{
               border:1px solid;
               width:150px;
               padding:0.4em;
               float:left;
               margin-bottom:1.8em;
            }
            form p{
               clear:both;
               width:100%;
               margin:0;
               padding:0;

            }
               input#postcode{
                  width:5em;
                  margin-right:1.1em;
               }
               input#plaats{
                  width:13em;
               }
            textarea{
               /*width:17.4em;*/
               height:7em;
            }

            /* formulier error meldingen */
            input.errorMessage,
            textarea.errorMessage,
            select.errorMessage{
               margin-bottom:0.1em;
            }

            label.errorMessage{
               clear:left;
               margin:0;
               padding-left:23em;
               height:1.7em;



               width:30em;
            }


      /* ===== secundaire inhoud ===== */
      div#secondarycontent{
         border-top:1px solid;


      }
         div#secondarycontent ul{

            list-style:none;
            margin:0;
            padding:0;
            float:left;
         }
            div#secondarycontent h2{
               margin:0;
               margin-bottom:2px;
               width:282px;
               padding:10px;
               height:auto;
               clear:both;
            }
            div#secondarycontent li{
               margin:0;
               width:312px;
               padding:0px 0;
               float:left;
               margin-left:10px;
            }
               div#secondarycontent li p{
                  margin:0;
                  width:280px;
                  border:1px solid;
                  padding:10px;
               }

         /* ===== sidebar aan de zijkant ===== */
         div#side{
            float:right;
            width:250px; /*25em;*/
            border-top:11px solid;
         }
            div#side div.block{
            }
               div#side div.block h2{
                  margin:0;
                  width:230px;
                  padding:10px;
                  height:auto;
                  clear:both;
               }

      /* ===== navigatie menu balk ===== */
      div#navigation{
         position:absolute;
         top:94px;/*9em;*/
         width:960px; /*96em;*/
         height:4em;
         float:left;
      }
         div#navigation ul{
            list-style:none;
            margin:0;
            padding:0;
         }
            div#navigation ul li{
               float:left;
               margin:0;
               padding:0;
            }
               div#navigation ul li a{
                  display:block;
                  padding:1.3em;
                  height:1.3em; /* 4.7em */
                  border-right:1px solid;
                  text-decoration:none;
                  border-bottom:0;
               }

      /* ===== voetbalk ===== */
      div#footer{
         clear:both;
         height:2.1em;
         padding:1.8em;
      }
         div#footer p{
            margin:0;
            margin:0;
         }
         div#footer p span#copyright{
            float:left;
         }
         div#footer p span#credits{
            float:right;
         }