/* CSS */
HTML { height:100%; background-color:#D2D2D2;}
BODY { height:100%; background-color:#D2D2D2; padding:0; margin:0; font-family:Arial; font-size:12px;}
H1{ font-size:24px; text-align:left; padding:0 0 0 20px; font-weight:bold;}
HR {width:940px; position:relative; right:10px; margin-bottom:15px;}
.clear { clear:both;}
.link { text-decoration:underline; color:blue;}
a,a:active { text-decoration:none; color:#000;}
#resizeframe { border:none; width:750px; height:300px;} 

#topborder {margin:0 auto; height:18px; width:958px; *width:988px; background-image:url(/img/layout/top_bg.jpg); background-repeat:repeat-y; padding:0 0 0 26px; *padding:0 0 0 0px; position:relative; top:30px;}
#bottomborder {margin:0 auto; height:30px; width:958px; *width:988px; background-image:url(/img/layout/bottom_bg.jpg); background-repeat:repeat-y; padding:0 0 0 26px; *padding:0 0 0 0px; position:relative; top:30px;}
#container {margin:0 auto; height:auto; width:958px; *width:988px; background-image:url(/img/layout/content_bg.jpg); background-repeat:repeat-y; padding:0 0 0 26px; *padding:0 0 0 0px; position:relative; top:30px;}

  #container #header { width:939px; height:127px; background-image:url(/img/layout/header_bg.jpg); background-repeat:no-repeat;  padding:0 0 5px 0; }
  
  #container #content { position:relative; margin:0 5px 0 0px; *margin:0 5px 0 24px;}
    #container #content .kader-zoek .label { text-align:left; }
    #container #content .kader-detail { text-align:left; }
    #container #content h2.titel{ font-size:18px; text-align:left; padding:0 0 5px 0px;}
    #container #content .vestiging { display:block; float:left; position:relative; text-align:center;}
      #container #content .vestiging img { border:solid 2px #2F2D2D;}
      #container #content .vestiging a { position:absolute; bottom:0px; left:106px; display:block; padding:0 0 0px 0; z-index:300;} 
      #container #content .vestiging a.first { position:absolute; bottom:0px; left:20px;} 
      #container #content .vestiging a.second { position:absolute; bottom:0px; left:186px;} 
      
      #container #content .vestiginginfo {display:block; width:420px; top:10px; float:left; margin:0 5px 0 0; position:relative; text-align:left; margin:0 0 0 20px;}
        #container #content .vestiginginfo h1{ padding:0 0 10px 0; }
        
        
    #container #content .contactblok { position:relative; text-align:left; margin:0 0 0 20px;}
      #container #content .contactblok p{ float:left; width:300px;}
      #container #content .contactblok dl{ width:auto; width:550px; position:relative; bottom:0px; clear:both; padding:10px 0 0px 0;}
      #container #content .contactblok dl.big{ width:auto; width:610px; position:relative; bottom:0px; clear:both; padding:10px 0 0px 0;}
      #container #content .contactblok dl.small{ width:auto; width:460px; position:relative; bottom:0px; clear:both; padding:10px 0 0px 0;}
        #container #content .contactblok dt{ float:left; width:80px; font-weight:bold;}
        #container #content .contactblok dd{ float:left; width:100px; padding:0 0 0 5px;}
        #container #content .contactblok b{ text-decoration:underline;}
      #container #content .contactblok iframe { float:right; position:absolute; right:50px; bottom:25px; *top:0px;}    
  
  #container #footer { width:939px; height:143px; background-image:url(/img/layout/footer_bg.jpg); background-position:bottom center; background-repeat:no-repeat;  padding:0 0 5px 0; border-bottom:solid 3px White; position:relative; bottom:0px;}                
    #container #footer #knoppen { position:relative; top:40px; left:20px; height:50px;}
      #container #footer #knoppen ul {}
        #container #footer #knoppen ul li { float:left; margin: 0 90px 0 70px; *margin: 0 60px 0 60px; font-weight:bold; font-size:20px; color:#000;}
          #container #footer #knoppen ul li a.num1 { display:block; width:150px; height:42px; *height:40px; padding-top:13px;} 
          #container #footer #knoppen ul li a.num2 { display:block; width:150px; height:42px; *height:40px; padding-top:13px;} 
          #container #footer #knoppen ul li a.num3 { display:block; width:150px; height:42px; *height:40px; padding-top:13px;} 
          #container #footer #knoppen ul li a.num4 { display:block; width:150px; height:42px; *height:40px; padding-top:13px;} 
          #container #footer #knoppen ul li.home {  margin: 0 35px 0 35px; }
          #container #footer #knoppen ul li a.standaard {background-image:url(/img/buttons/button_home.png);}
          #container #footer #knoppen ul li a.occs {background-image:url(/img/buttons/button_occasions.png); }