/* 
	CSS Include

	Name:	 	: W3C CSS
	Address		: http://www.thuisbijantares.nl	
	Copyright	: Your Company Name	
	Author	 	: Site Administrator
	Created	 	: 2009-01-09T16:24:50
	
	About this CSS
	...
*/

html,body{ 
   margin:0px; 
   padding:0px;
   font-size: 100%;
   height: 100%;
}
div{ 
   position: relative;
   margin:0px; 
   padding:0px;
}
/* Structuur **************************************************************************/
#top{
   width: 960px;
   margin: 0px auto;
   display: block;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 0.7em;
   line-height: 1.6em;
   z-index: 1;
}

#container{
   float: left;
}
   #header{
      background-image: url(/system/images/header_1.jpg);
      background-repeat: no-repeat;
      background-color: #FFFFFF;
      float: left;
      width: 960px;
      height: 208px;
      padding: 56px 0px 0px 0px;
      margin-bottom: 3.6em;
   }
      #header span{
         background-image: url('/system/images/headermask.png');
         background-repeat: no-repeat;
         background-position: left top;
         position: absolute;
         top: 0px;
         left: 0px;
         width: 960px;
         height: 140px;
      }
      #logo{
         position: absolute;
         top: 0px;
         left: 794px;
      }
/* variabele headerimage */      
.home .header1{ background-image: url('/system/images/header_1.jpg'); }
.home .header2{ background-image: url('/system/images/header_2.jpg'); }
.home .header3{ background-image: url('/system/images/header_3.jpg'); }

.header1{ background-image: url('/system/images/back_main.gif');}
.header2{ background-image: url('/system/images/back_main.gif');}
.header3{ background-image: url('/system/images/back_main.gif');}
.sitemap{ background-image: url('/system/images/back_main.gif');}
      
.header1 #header{ background-image: url('/system/images/header_1.jpg'); }
.header2 #header{ background-image: url('/system/images/header_2.jpg'); }
.header3 #header{ background-image: url('/system/images/header_3.jpg'); }

.header1 #home_nieuws #nieuwsafronding{ background-image: url('/system/images/home_nieuws_mask1.png'); }
.header2 #home_nieuws #nieuwsafronding{ background-image: url('/system/images/home_nieuws_mask2.png'); }
.header3 #home_nieuws #nieuwsafronding{ background-image: url('/system/images/home_nieuws_mask3.png'); }
      
.home .header1 #hotspot #thumb span{ background-image: url('/system/images/hotspot_mask1.png');}
.home .header2 #hotspot #thumb span{ background-image: url('/system/images/hotspot_mask2.png');}
.home .header3 #hotspot #thumb span{ background-image: url('/system/images/hotspot_mask3.png');}
      
      
   #snelmenu{
      position: absolute;
      top:-100em;
      left: 0px;
   }
   #kolomwrapper{
      float: left;
      width: 960px; /* nodig voor Opera */
      padding-bottom: 67px;
   }
      #content_zieook{
         float: right;
         width: 747px;
         display: block;
      }		 
      #zieook{
         float: right;
         width: 151px;
         padding: 0px 15px 0px 16px;
         background-repeat: repeat-y;
         background-image: url('/system/images/zieook_back.gif');
      }
         #zieook span{
            display: block;
            width: 182px;
            background-repeat: no-repeat;
         }
         #zieook span.top{
            margin: 0px -15px -8px -16px;
            background-image: url('/system/images/zieook_top.gif');
            background-position: left bottom;
            background-color: #FFFFFF;
            height: 95px;
         }
         #zieook span.foot{
            background-image: url('/system/images/zieook_foot.gif');
            background-position: left top;
            height: 54px;
            position: absolute;
            left: 0px;
            bottom: -54px;
            display: block;
         }

		 #zieook #projectenfoot{
   			margin-left:-16px;
   			margin-top: -54px;
   			position:relative;
   			top: auto;
   			left: auto;
   			display: block;
		 }		 		 
         #zieook ul{
            margin: 0px 0px 7px 0px;
            padding: 0px;
            list-style: none;
         }
            #zieook li{
               line-height: 1.2em;
               display: inline;
            }
            #zieook li a{
               text-decoration: none;
               display: block;
               padding: 10px 0px 0px 0px;
               color: #5e5e5e;
            }
            #zieook li a:hover{
               text-decoration: underline;
               color: #000000;
            }
            #zieook h2{
               font-weight: normal;
               font-size: 1.3em;
            }
            #zieook p.meer{
               text-align: right;   
            }
            #zieook p.meer a{
               color: #999999;
               background-image: url('/system/images/meerpijltje.gif');
               background-position: right 3px;
               margin-top: -7px;
               padding-right: 15px;
               padding-bottom: 7px;
            }
      #content_zieook{
         float: right;
         width: 747px;
         display: block;
      }
         #inhoudsopgave{
            background-color: #FFFFFF;
            float: left;
            width: 213px;
         }
         #inhoudsopgave h2{
            display: none;
         }
         #inhoudsopgave h3{
            background-image: url('/system/images/thema_antares.gif');
            background-repeat: no-repeat;
            background-position: left top;
            width: 213px;
            height: 27px;
            text-indent: -999em;
         }
         #inhoudsopgave h3 a{
            display:block;
            height:27px;
            text-decoration:none;
            text-indent:-999em;
            width:213px;		 
		 }		 		
         #inhoudsopgave ol{
            margin: 0px;
            padding: 0px 0px 0px 0px;
            list-style: none;
            float: left;
            width: 100%;
         }
		 
		 
            #inhoudsopgave ol li{
               float: left;
               width: 100%;
               border-bottom: 1px solid #E7E7E7;
            }
            #inhoudsopgave ol li a{
               text-decoration: none;
               display: block;
               color: #5E5E5E;
               font-size: 1.2em;
               font-weight: bold;
               padding: 3px 0px 3px 15px;
            }
			
			
            #inhoudsopgave ol li a.active{
               background-position: left 7px;
               background-repeat: no-repeat;
               color: #000000;
            }
						
            #inhoudsopgave ol li a:hover{
               text-decoration: underline;
            }
            
            #inhoudsopgave ol li ul{
               margin: 0px;
               padding: 0px;
               list-style: none;
            }
            #inhoudsopgave ol li li {
               border: 0px;
            }            
            #inhoudsopgave ol li li a{
               font-weight: normal;
               background-image: none;
               color: #5E5E5E;
               padding: 1px 0px 1px 25px;
            }
 
            #inhoudsopgave ol li li li a{
               padding: 1px 0px 1px 35px;
            } 
 
            
.clear{
   clear: both;
}
         #content{
            background-color: #FFFFFF;
            float: left;
            width: 509px;
            padding: 0px 28px 28px 28px;
         }
         #content .artikel{
            margin-top: 2.5em;
            padding-top: 18px;
            display: inline-block;
         }
         #content .image{
            width: 100%;
            margin-bottom: 10px;
            float: left;
            background-image: url('/system/images/back_main.gif');
         }
         #content .image img{
            float: left;  
         }
         #content .image p{
            float: left;
            padding: 10px 15px 10px 15px;
            width: 160px;
         }
         #content .leadin{
            font-size: 1.2em;
            font-weight: bold;
            line-height: 1.7em;
         }
         #content .datum{
            color: #F39D00;
            padding-bottom: 0.3em;
         }
         #content .terug a{
            display: block;
            padding: 20px 0px 20px 20px;
            text-decoration: none;
            background-image: url('/system/images/icon_terug.gif');
            background-repeat: no-repeat;
            background-position: left 23px;
         }
         #content .terug a:hover{
            text-decoration: underline;
         }
         #content .artikelaktie{
            display: inline-block;
            border: 1px solid #F1F1F1;
            position: absolute;
            top: -2.5em;
            left: 0px;
            padding: 7px 8px 7px 8px;
            font-size: 0.8em;
            width: 493px;
         }
         #content .artikelaktie a{
            text-decoration: none;
            color: #999999;
            display: block;
            width: 140px;
            padding: 0px 0px 0px 15px;
            float: left;
            background-repeat: no-repeat;
            background-position: left 0px;
            line-height: 1.3em;
         }
         #content .artikelaktie a:hover{
            text-decoration: underline;
         }
         #content .artikelaktie a.print { background-image: url('/system/images/icon_print.gif'); }
         #content .artikelaktie a.mail  { background-image: url('/system/images/icon_mail.gif'); }
         #content .artikelaktie a.makepdf   { background-image: url('/system/images/icon_makepdf.gif'); }
#navigatie{
   position: absolute;
   top: 0px;
   left: 0px;
}
   #navigatie h2{
      display: none;
   }
   #navigatie #primair{
      z-index: 1;
      position: absolute;
      width: 227px;
      top: 56px;
      left: 0px;
      font-size: 1.1em;
      z-index: 10;
   }
      #navigatie #primair ol{
         margin: 0px;
         padding: 0px;
         float: left;
         list-style: none;
      }
	     #navigatie #primair ol li{
            float: left;
            width: 100%;
            z-index: 1;
         }
         #navigatie #primair ol li a{
            text-decoration: none;
            display: block;
            background-repeat: no-repeat;
            text-indent: -999em;
            width: 227px;
            height: 30px;
         }
         #navigatie #primair ol li.huren a{ 
            background-image: url('/system/images/menu_huren.gif');
         }
         #navigatie #primair ol li.kopen a{ 
            background-image: url('/system/images/menu_kopen.gif');
         }
         #navigatie #primair ol li.klantenbalie a{ 
            background-image: url('/system/images/menu_klantenbalie.gif');
         }
         #navigatie #primair ol li.nieuwbouw a{ 
            background-image: url('/system/images/menu_nieuwbouw.gif');
         }
         #navigatie #primair ol li.beheer a{ 
            background-image: url('/system/images/menu_beheer.gif');
         }
         #navigatie #primair ol li.antares a{ 
            background-image: url('/system/images/menu_antares.gif');
         }
         #navigatie #primair ol li.regelen a.direct{ 
            background-image: url('/system/images/menu_regelen.png');
            position: absolute;
            left: 0px;
            top: 180px;
         }
         
         #navigatie #primair ol li.huren ul{ 
            background-color:#F39D00;
         }
         #navigatie #primair ol li.kopen ul{ 
            background-color: #D9001A;
         }
         #navigatie #primair ol li.klantenbalie ul{ 
            background-color: #008FD3;
         }
         #navigatie #primair ol li.nieuwbouw ul{ 
            background-color:#57AA27;
         }
         #navigatie #primair ol li.beheer ul{ 
            background-color: #B5007C;
         }
         #navigatie #primair ol li.antares ul{ 
            background-color: #680036;
         }         
         #navigatie #primair ol li.regelen ul{
            background-color: #FFFFFF;
         }
         
         #navigatie #primair ol .uitklap{
            display: none;
            position: absolute;
            background-position: left top;
            background-repeat: no-repeat;
            background-image: url('/system/images/schaduw.png');
            margin: 0px;
            padding: 8px 0px 0px 20px;
            list-style: none;
            top: 0px;
            left: 227px;
            width: 204px;
            min-height: 172px;
         }
         #navigatie #primair ol li .uitklap a{
            position: relative;
            width: 184px;
            background-image: none;
            text-indent: 0px;
            color: #FFFFFF;
            height: auto;
            line-height: 1em;
            padding-bottom: 4px;
            font-size: 1em;
         }
         #navigatie #primair ol li .uitklap a:hover{
            text-decoration: underline;
         }
         #navigatie #primair ol li.regelen .uitklap{
            position: absolute;
            margin: 0px;
            padding: 0px 0px 0px 0px;
            list-style: none;
            top: 180px;
            left: 0px;
            width: 230px;
            min-height: 0px;
            background-image: url('/system/images/directback1.gif');
            background-repeat: no-repeat;
         }
          #navigatie #primair ol li.regelen .uitklap ul{
             margin: 0px;
             text-align: right;
             width: 210px;
             float: left;
             padding: 40px 10px 0px 0px;
             list-style: none;
             background-repeat: no-repeat;
             background-position: left top;
          }
         #navigatie #primair ol li.regelen .uitklap a{
            background-image: none;
            text-indent: 0px;
            color: #5E5E5E;
            width: 210px;
            padding-bottom: 11px;
         }
         #navigatie #primair ol li.regelen .uitklap span{
            background-image: url('/system/images/directback2.png');
            background-repeat: no-repeat;
            position: absolute;
            bottom: -15px;
            left: 0px;
            height: 15px;
            width: 230px;
         }
         
         
   #navigatie #secundair{
      position: absolute;
      top: 10px;
      left: 0px;
      width: 755px;
      margin-top: -1em;
      color:  #680036;
   }
      #navigatie #secundair ul{
         margin: 0px 0px 0px 0px;
         position: absolute;
         padding: 0px;
         list-style: none;
         left: 150px;
         top: 20px;
         height: 2em;
         width: 600px;
         text-align: right;		 
      }
      #navigatie #secundair ul li{
         border-left: 1px solid #680036;
         display: inline;
         padding: 0px 3px 3px 6px;
         line-height: 1.3em;
      }
      #navigatie #secundair ul li.first{
         border: 0px;
      }
      #navigatie #secundair ul li a{
         text-decoration: none;
         color:  #680036;
         display: inline-block;
      }
      #navigatie #secundair ul li a:hover{
         text-decoration: underline;
      }
      #navigatie #secundair p{
         padding: 0px;
         display: inline;
      }
      #navigatie #secundair form{
         width: 100%;
         display: inline;
      }
      #navigatie #secundair .field{
         width: 102px;
         height: 13px;
         border: 1px solid #F39D00;
         font-size: 1em;
      }
      #navigatie #secundair .button{
         color: #680036;
         padding: 0px 2px;
         background-color: transparent;
         border: 0px;
         font-size: 1em;
      }
      #navigatie #secundair .belmij{
         background-image: url('/system/images/bel_mij.gif');
         position: absolute;
         left: 0px;
         top: 0px;
         width: 90px;
         height: 56px;
         display: block;
         text-indent: -99em;
      }
      .FontSizeInc{
         font-size: 14px;
         margin-top: -1px;
      }
      .FontSizeReset{
         font-size: 11px;
      }
      .FontSizeDec{
         font-size: 9px;
         margin-top: 0px;
      }
#pad {
   position: absolute;
   top: -3.7em;
   left: -213px;
   width: 709px;
   padding: 0px 10px 0px 241px;
   height: 3.7em;
   background-color: #FFFFFF;
}
   #pad p{
      display: none;
   }
   #pad ol{
      margin: 10px 0px 0px 0px;
      padding: 0px;
      list-style: none;
   }
      #pad ol li{
         float: left;
      }
      #pad ol li span,
      #pad ol li a{
         text-decoration: none;
         display: block;
         padding-right: 10px;
         margin-right: 8px;
         background-image: url('/system/images/icon_pad.gif');
         background-repeat: no-repeat;
         background-position: right 0.45em;
         color: #5e5e5e;
      }
      #pad ol li a:hover{
         text-decoration: underline;
      }
#footer{
   background-color: #FFFFFF;
   width: 960px;
   margin: 0px auto;
   height: 135px;
   clear: both;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 0.7em;
   color: #949494;
   z-index: 5;
}
   #footer hr{
      display: none;
   }
   #footer .footerlogo{
      position: absolute;
      top: -57px;
      height: 192px;
      border-left: 16px solid #680036;
   }
   .footercontact{
      padding: 27px 10px 0px 147px;
   }
   #footer a{
      color: #008FD3;
   }
   #footer ul{
      float: left;
      margin: 0px;
      padding: 0px;
      width: 210px;
      list-style: none;
   }
      #footer ul.naw{
         width: 380px;
      }
   #footer ul li{
      float: left;
      line-height: 1.2em;
      display: block;
      width: 190px;
      height: 50px;
   }
   #footer ul.links li{
      height: 23px;
   }
   #footer .telnr{
      font-size: 1.25em;
      font-weight: bold;
      line-height: 1.5em;
      color: #680036;
   }
   #footer a.rss{
      display: block;
      background-image: url('/system/images/icon_rss.jpg');
      background-position: left 5px;
      background-repeat: no-repeat;
      width: 52px;
      height:19px;
      text-indent: -99em;
   }
.sitemap #header{
   background-image: none;
} 
.sitemap #navigatie #primair,
.sitemap #navigatie #secundair a.belmij{
   display: none;
}
.sitemap #header {
   margin-bottom: 0px;
   height: 20px;
}
.sitemap #header span{
   background-image: url('/system/images/sitemap_back.gif');
   background-repeat: repeat-x;
}
.sitemap #header a {
   display: block;
   background-image: url('/system/images/logo_small.gif');
   background-repeat: no-repeat;
   width: 105px;
   height: 56px;
   position: absolute;
   top: 0px;
   left: 855px;
}
.sitemap #header a img{
   display: none;
}
#sitemap {
   background-color: #FFFFFF;
   float: left;
   width: 100%;
}
      #sitemap ol{
         margin: 0px;
         padding: 0px;
         float: left;
         list-style: none;
      }
         #sitemap ol li{
            float: left;
            width: 160px;			
         }
         #sitemap ol li a{
            text-decoration: none;
            display: block;
            background-repeat: no-repeat;
            text-indent: -999em;
            width: 160px;
            height: 30px;
            padding: 0px;
         }
         #sitemap ol li.huren h2{ 
            background-image: url('/system/images/sitemap_1.gif');			
         }
         #sitemap ol li.kopen h2{ 
            background-image: url('/system/images/sitemap_2.gif');
         }
         #sitemap ol li.klantenbalie h2{ 
            background-image: url('/system/images/sitemap_3.gif');
         }
         #sitemap ol li.nieuwbouw h2{ 
            background-image: url('/system/images/sitemap_4.gif');
         }
         #sitemap ol li.beheer h2{ 
            background-image: url('/system/images/sitemap_5.gif');
         }
         #sitemap ol li.antares h2{ 
            background-image: url('/system/images/sitemap_6.gif');
         }
         #sitemap a.direct{ 
            background-image: url('/system/images/menu_regelen.gif');
            background-position: 10px top;
            display: block;
            width: 152px;
            height: 30px;
            text-indent: -999em;
         }
		 #sitemap a.huren{ 
            background-image: url('/system/images/sitemap_1.gif');
         }
         #sitemap a.kopen{ 
            background-image: url('/system/images/sitemap_2.gif');
         }
         #sitemap a.klantenbalie{ 
            background-image: url('/system/images/sitemap_3.gif');
         }
         #sitemap a.nieuwbouw{ 
            background-image: url('/system/images/sitemap_4.gif');
         }
         #sitemap a.beheer{ 
            background-image: url('/system/images/sitemap_5.gif');
         }
         #sitemap a.antares{ 
            background-image: url('/system/images/sitemap_6.gif');
         }
         
         #sitemap ol li.huren ul{ 
            background-color:#F39D00;
         }
         #sitemap ol li.kopen ul{ 
            background-color: #D9001A;
         }
         #sitemap ol li.klantenbalie ul{ 
            background-color: #008FD3;
         }
         #sitemap ol li.nieuwbouw ul{ 
            background-color:#57AA27;
         }
         #sitemap ol li.beheer ul{ 
            background-color: #B5007C;
         }
         #sitemap ol li.antares ul{ 
            background-color: #680036;
         }         
         #sitemap ol li.regelen ul{
            background-color: #FFFFFF;
         }
         
         #sitemap ol .uitklap{
            margin: 0px;
            padding: 10px 5px 10px 5px;
            list-style: none;
            display: block;
            width: 150px;
            min-height: 18em;
            float: left;
         }
         #sitemap ol .uitklap li{
            width: 150px;
         }
         #sitemap ol li .uitklap a{
            position: relative;
            width: 150px;
            background-image: none;
            text-decoration: none;
            text-indent: 0px;
            color: #FFFFFF;
            height: auto;
            line-height: 1em;
            padding-bottom: 5px;
            font-size: 11px;
         }
         #sitemap ol li .uitklap a:hover{
            text-decoration: underline;
         }
          #sitemap ul.regelen {
             margin: 0px;
             padding: 5px 0px 20px 0px;
             list-style: none;
             float: left;
             width: 100%;
          }
          #sitemap ul.regelen li{
             display: block;
             float: left;
             width: 14.2em;
          }
         #sitemap ul.regelen a{
            color: #999999;
            width: 14.5em;
            text-align: center;
            text-decoration: none;
            display: block;
         }
         #sitemap ul.regelen a:hover{
            text-decoration: underline;
         }
.home #header{
   padding-bottom: 0px;
   margin-bottom: 40px;
   background-image: none;
   background-color: transparent;
}
.home #push{
   clear: both;
}
.home #kolomwrapper{
   background-image: none;
}
.home .footerlogo{
   overflow: hidden;
   width: 101px;
}
.home #kolomwrapper{
   height: 333px;
   padding: 0px;
}
.home #navigatie #primair ol li.regelen .uitklap {
   width: 227px;
}
   .home #kolomwrapper h2{
      border-bottom: 1px solid #FFFFFF;
      padding: 0px;
      display: block;
      height: 30px;
      margin-top: -3px;
      text-indent: -99em;
   }
   #home_nieuws{
      float: left;
      width: 465px;
   }
   .home #kolomwrapper #home_nieuws h2{
      width: 225px;
      margin-left: 240px;
      background-image: url('/system/images/home_nieuws.png');
      background-repeat: no-repeat;
      background-position: left top;
   }
   #home_nieuws ul{
      background-color: #008FD3;
      width: 350px;
      padding: 10px 100px 0px 15px;
      margin: 0px;
      list-style: none;
      float: left;
      color: #72b6d5;
      min-height: 116px;
      background-position: 371px top;
      background-repeat: no-repeat;
   }
      #home_nieuws ul li{
         float: left;
         width: 100%;
        line-height: 1.2em;
        display: block;
        padding-bottom: 5px;
      }
      #home_nieuws ul .meer {
         text-align: right;
      }
      #home_nieuws ul .meer a{
         font-weight: normal;
         font-size: 0.9em;
         color: #FFFFFF;
      }
      #home_nieuws ul .meer a:hover{
         text-decoration: underline;
      }
      #home_nieuws #nieuwsafronding{
         display: block;
         background-image: url('/system/images/home_nieuws_mask.png');
         width: 15px;
         height: 15px;
         position: absolute;
         bottom: 0px;
         left: 450px;
      }
      
      #home_nieuws ul a{
         color: #aee1f9;
         font-weight: bold;
         text-decoration: none;
         display: block;
         font-size: 1.1em;
      }
      #home_nieuws ul a:hover,
      #home_nieuws ul li.active a{
         text-decoration: none;
         color: #FFFFFF;
      }
   
   
   #home_directhuren{
      float: right;
      width: 480px;
   }
   .home #kolomwrapper #home_directhuren h2{
      width: 480px;
      background-image: url('/system/images/home_directhuren.png');
      background-repeat: no-repeat;
      background-position: left top;
   }
   .home #kolomwrapper #home_directhuren span{
      background-image: url('/system/images/home_directhuren_bar.png');
      background-repeat: no-repeat;
      background-position: left top;
      display: block;
      float: left;
      width: 15px;
      height: 126px;
   }
   .home #kolomwrapper #home_directhuren a{
      background-image: url('/system/images/home_directhurenfoto.jpg');
      display: block;
      float: left;
      padding: 103px 10px 0px 0px;
      width: 455px;
      height: 23px;
      text-align: right;
      color: #000000;
      text-decoration: none;
   }
   .home #kolomwrapper #home_directhuren a:hover{
      text-decoration: underline;
   }
   .home #hotspot{
      background-color: #F39D00;
      position: absolute;
      top: 180px;
      left: 144px;
      width: 321px;
      height: 88px;
   }
   .home #hotspot #thumb{
      width: 115px;
      height: 88px;
      background-color: #f39d00;
      margin-left: -19px;
      float: left;
   }
   .home #hotspot #thumb span{
      background-image: url('/system/images/hotspot_mask1.png');
      background-repeat: no-repeat;
      background-position: left top;
      display: block;
      height: 88px;
      width: 19px;
   }
   .home #hotspot h2 {
      border-bottom: 0px;
      display:block;
      height:auto;
      margin-top: 0px;
      padding:0px;
      text-indent: 0px;
      width: 191px;
      float: left;
      margin-left: 20px;
      font-size: 19px;
      font-weight: normal;
      line-height: 1.2em;
	  	font-size: 1.0em;
	  margin: 0px 0px 0px 20px;
   }
   
   .home #kolomwrapper #hotspot h2 a{
      text-decoration: none;
      color: #FFFFFF;
   }
   .home #kolomwrapper #hotspot h2 a:hover{
      color: #680036;
   }

#content.projectdetail{
   background-color:#FFFFFF;
   float:left;
   padding: 0px 0px 0px 28px;
   width: 719px;
}


#projectinfo{
   padding: 30px 21px 0px 21px;
   display: block;
   width: 698px;
   float: left;
   margin-left: -21px;
   margin-top: 19px;
   background-image: url('/system/images/projectdetail_back.jpg');
   background-repeat: no-repeat;
   background-position: left top;
}
   #projectinfo #main{
      float: left;
      width: 509px;
   }
   #projectinfo h2.tabtitel{
      padding-bottom: 20px;
      font-size: 1.7em;
      font-weight: normal;
      color: #999999;
   }
   #projectinfo #main .beschrijving{
      padding: 10px;
   }
   #projectinfo #zijkolom{
      float: left;
      width: 175px;
      margin-left: 14px;
      color: #999999;
   }
      #projectinfo #zijkolom h2{
         padding-top: 0px;
      }
   #projectinfo .tabcontent{
      float: left;
   }
   #fotos{
      background-image: url('/system/images/content_schaduw.jpg');
      background-repeat: repeat-x;
      background-position: left bottom;
      padding-bottom: 20px;
      overflow: auto;
      display: inline-block;
   }
   #fotos #grotefoto{
      margin-bottom: 15px;
      width: 509px;
      overflow: hidden;
      text-align: center;
      float: left;
      display: block;
   }
   #fotos #carroussel{
      margin-top: 10px;
      display: inline-block;
      height: 90px;
      width: 509px;
      overflow: auto;
      white-space: nowrap;
      float: left;
   }
   #fotos #thumbs{
      float: left;
   }
   #fotos #thumbs a{
      display: inline-block;
      height: 65px;
      overflow: hidden;
      margin: 0px 10px 0px 10px;
      border: 1px solid #FFFFFF;
   }
   #fotos #thumbs a.active{
      border: 1px solid #680036;
   }
   #fotos a#fotocarleft{
      display: block;
      width: 20px;
      padding-top: 25px;
      text-align: center;
      height: 50px;
      border-right: 1px solid #CCCCCC;
      display: block;
      font-weight: bold;
      position: absolute;
      top: -5px;
      left: 0px;
      text-decoration: none;
      background-color: #FFFFFF;
      color: #999999;
   }
   #fotos a#fotocarright{
      display: block;
      width: 20px;
      padding-top: 25px;
      text-align: center;
      height: 50px;
      border-left: 1px solid #CCCCCC;
      display: block;
      font-weight: bold;
      position: absolute;
      top: -5px;
      left: 489px;
      text-decoration: none;
      background-color: #FFFFFF;
      color: #999999;
   }
   #fotos a#fotocarright:hover,#fotos a#fotocarleft:hover{
      color: #000000;
   }
#thumbnails{
   margin: 0px;
   padding: 0px 0px 20px 0px;
   list-style: none;
   overflow: auto;
}   
#thumbnails li{
   float: left;
   display: block;
   height: 150px;
   width: 150px;
   padding: 7px 7px 17px 7px;
   background-image: url('/system/images/thumbnail.jpg');
   background-repeat: no-repeat;
   background-position: center 43px;
   margin: 0px 10px 10px 0px;
   overflow: hidden;
}
#thumbnails li .thumbwrap{
   width: 148px;
   height: 85px;
   display: block;
   overflow: hidden;
   border: 1px solid #949494;
   background-color: #EFEFEF;
}
#thumbnails li img{
   
}
#thumbnails li p{
   display: block;
   padding: 0px;
   line-height: 1.1em;
   height: 6.1em;
   overflow: hidden;
}
#content #thumbnails li .datum{
   display: block;
   padding: 5px 0px 2px 0px;
}
   
#projectinfo #tabs{
   position: absolute;
   top: -19px;
   left: 20px;
   background-color: #FFFFFF;
   background-image: url('/system/images/content_schaduw2.gif');
   background-repeat: repeat-x;
   background-position: left 19px;
}
#projectinfo #tabs ul{
   margin: 0px;
   padding: 0px;
   list-style: none;
}
#projectinfo #tabs ul li{
   display: inline-block;
   float: left;
   background-image: url('/system/images/tab_back.gif');
   background-repeat: no-repeat;
   background-position: left top;
   margin-right: 1px;
}
#projectinfo #tabs ul a,
#projectinfo #tabs li.active.hover a{
   display: inline-block;
   float: left;
   padding: 7px 15px 0px 20px;
   height: 21px;
   font-size: 1.1em;
   text-decoration: none;
   color: #999999;
   background-image: url('/system/images/tab_hoek.gif');
   background-repeat: no-repeat;
   background-position: right top;
}
#projectinfo #tabs ul a:hover{
   color: #5E5E5E;
}
#projectinfo #tabs ul li.active{
   background-image: url('/system/images/tab_backactive.gif');
   height: 40px;
}
#projectinfo #tabs ul li.active a{
   color: #57AA27;
   background-image: url('/system/images/tab_backactivehoek.gif');
}
#projectinfo #tabs li.hover,
#projectinfo #tabs li.active.hover{
   color: #000000;
   height: 40px;
   background-image: url('/system/images/tab_backhover.gif');
}

/* Sticky footer **************************************************************************/
.push #top{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -135px; /* the bottom margin is the negative value of the footer's height */   
}
.push #footer{
   float: none;
	margin: 0px auto;
	height: 135px; /* .push must be the same height as .footer */
	clear: both;
}
.push #push {
	margin: 0px auto;
	height: 135px; /* .push must be the same height as .footer */
	clear: both;
}
/* Standaard opmaak **********************************************************************/
a:link, a:visited{
   text-decoration: underline;
   color: #008FD3;
}
a:link:hover, a:visited:hover{
   text-decoration: none;
}

h1,h2,h3,h4,h5,h6{
   line-height: 1.3em;
   margin: 0px;
   padding: 0.75em 0px 0em 0px;
}
   h1{
      font-size: 2.3em;
      font-weight: normal;
      color: #949494;
      padding: 0px 0px 8px 0px;
      margin-top: -2px;
   }
   h2{
      font-size: 1em;
   }
   h3{
      font-size: 1em;
      font-style: italic;
      color: #5E5E5E;
   }
   h4{
      font-size: 1em;
      font-style: italic;
      font-weight: normal;
      color: #5E5E5E;
   }
   h5{
      font-size: 0.9em;
      font-style: italic;
      font-weight: normal;
   }
   h6{
      font-size: 0.8em;
      font-style: italic;
      font-weight: normal;
   }
   
p {
   padding: 0px 0px 0.75em 0px;
   margin: 0px;
}
		
ul, ol {
   padding: 0px 0px 0px 25px;
   margin: 0px 0px 0.75em 0px;
}
   ul ul, ol ol{
      margin: 0px 0px 0px 0px;
   }
   ul li, ol li {
      line-height: 1.5em;
   }
table {
   border-collapse: collapse;
   padding-top: 0.3em;
   empty-cells: show;
   width: 100%;
}
   table table {
      width: auto;
   }
   table th {
      padding: 0.2em 0.4em 0.2em 0.4em;      
      text-align: left;
      vertical-align: top;
   }
   table td {
      padding: 0.2em;
      border: 0px solid #CCCCCC;
      vertical-align: top;
   }
   form table{
      width: 100%;
   }
   form table td,form table th{
      border: 0px;
      padding: 2px 0px 2px 0px;
   }
   table thead{
      background-color: #008FD3;
      color: #FFFFFF;
   }
   table tfoot{
      background-color: #008FD3;
      color: #FFFFFF;
   }
   table tfoot td{
      padding: 0.2em 0.4em 0.2em 0.4em;      
   }

table.rijentabel,
table.kolommentabel{
   border: 0px solid #CCCCCC
}
   
table.rijentabel tbody td{
   border-width: 0px 0px 0px 0px;
   background-color: #EEEEEE;
}   
table.kolommentabel tbody td{
   border-width: 0px 0px 0px 0px;
   background-color: #EEEEEE;
}   
table.rijentabel tbody tr.alt td,
table.kolommentabel td.alt{
   background-color: #FEFEFE;
}
legend{
   
}
form{
   margin:0px; 
   padding:0px;
   display: block
   color: #999999;
}
a img { border:none }

blockquote blockquote {margin-right: 0px;}

code {
   font-size: 100%;
}
input, select{
   font-size: 1em;
}
textarea{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 1em;
}
.field{
   background-color: #FFFFFF;
   border: 1px solid #999999;
   padding: 1px 0px;
}
label{
   color: #680036;
}
.button, button{
   border: 0px;
   padding: 2px;
   background-color: #008FD3;
   color: #FFFFFF;
   font-size: 1em;
}
table .button,
table button{
   float: right;
}
hr{
   height: 1px;
   border: 0px;
   color: #680036;
   background-color: #680036;
}
/* NOT IE6 ************************************************************************************/
img[align="left"]{
   margin-right: 5px;
}
img[align="right"]{
   margin-left: 5px;
}
:focus{
   outline:0px;
}

/* Opmaak elementen **************************************************************************/

ul.klaplijst, #projecten ul.klaplijst{
   margin: 0px;
   padding: 10px 0px 0px 0px;
   list-style: none;
}
#projecten ul.klaplijst li{
	display: block;
}
   ul.klaplijst li, #projecten ul.klaplijst li {
      padding-bottom: 10px;
   }
   ul.klaplijst a.klaplink, #projecten ul.klaplijst a.klaplink{
      display: inline-block;
      padding: 0px 0px 5px 20px;
      font-weight: bold;
      text-decoration: none;
      background-image: url('/system/images/klaplijst_open.gif');
      background-position: left 1px;
      background-repeat: no-repeat;
   }
   ul.klaplijst .open a.klaplink, #projecten ul.klaplijst .open a.klaplink{
      background-image: url('/system/images/klaplijst_close.gif');
   }
   ul.klaplijst a.klaplink:hover, #projecten ul.klaplijst a.klaplink:hover{
      color: #680036;
      background-image: url('/system/images/klaplijst_close.gif');
   }
   ul.klaplijst div.klapcontent, #projecten ul.klaplijst div.klapcontent{
      background-image: url('/system/images/klaplijst_kader.jpg');
      background-position: left bottom;
      background-repeat: no-repeat;
      padding: 0px 15px 0px 20px;
      overflow: hidden;
   }

ul.overzicht{
   margin: 0px;
   padding: 7px 0px;
   list-style: none;
}
   ul.overzicht div{
      float: left;
      width: 509px;
      margin: 0px -20px;
      background-image: url('/system/images/nieuwsoverzicht_back.gif');
      background-repeat: no-repeat;
      background-position: left top;
      padding: 15px 20px;
   }
   ul.overzicht div h2{
      padding-top: 0px;
      padding-bottom: 10px;
      font-size: 1.2em;
      width: 350px;
   }
   ul.overzicht div h2 a{
      text-decoration: none;
   }
   ul.overzicht div h2 a:hover{
      text-decoration: underline;
   }
   ul.overzicht div span.datum{
      font-weight: normal;
      position: absolute;
      right: 20px;
      top: 15px;
      width: 150px;
      text-align: right;
   }
   ul.overzicht div img{
      float: left;
      margin-right: 10px;
   }
   ul.overzicht div p{
      width: 270px;
      padding-bottom: 20px;
      float: left;
   }
   ul.overzicht div p.meer{
      position: absolute;
      bottom: 10px;
      padding: 0px;
      text-align: right;
      right: 20px;
   }
   ul.overzicht div p.meer a{
      display: block;
   }
   ul#projectenlijst div p{
      padding-bottom: 20px;
      float: none;
	  width: 100%;
   }   
p.meer a{
      background-image: url('/system/images/klaplijst_open.gif');
      background-repeat: no-repeat;
      background-position: right top;
      display: inline;
      padding-right: 25px;
      padding-bottom: 4px;
      text-decoration: none;
}   
p.meer a:hover{
   text-decoration: underline;
}

ul.zoekresultaten{
   margin: 0px;
   padding: 0px 0px 10px 0px;
   list-style: none;
   width: 100%;
}  
   ul.zoekresultaten li{   
      display: inline-block;
   }
   #content ul.zoekresultaten .datum{
      width: 154px;
      padding-bottom: 0px;
      display: inline-block;
      float: left;
   }
   ul.zoekresultaten .rubriek{
      text-align: right;
      display: inline-block;
      color: #999999;
      width: 350px;
      float: left;
      padding-bottom: 0px;
      margin-right: -3px;
   }
   #content ul.zoekresultaten h2{
      padding-top: 0px;
      padding-bottom: 0px;
      font-size: 1em;
      width: 100%;
      clear: both;
   }
   ul.zoekresultaten h2 a{
      text-decoration: none;
   }
   #content ul.zoekresultaten h2 a:hover {
      text-decoration:underline;
   }
.paginering{
   color: #999999;
   padding-top: 10px;
   padding-bottom: 20px;
   display: inline-block;
}
.paginering a{
   text-decoration: none;
   color: #999999;
}
.paginering a.active{
   font-weight: bold;
   color: #000000;
}
.paginering a:hover{
   color: #000000;
}
ul.lijst{
   margin: 0px;
   padding: 0px 0px 10px 0px;
   list-style: none;
   width: 100%;
}  
   ul.lijst li{   
      display: block;
      float: left;
      width: 100%;
   }
   ul.lijst h2{
      padding-top: 5px;
      padding-bottom: 0px;
      font-size: 1em;
      width: 100%;
   }
   ul.lijst h2 a{
      text-decoration: none;
   }
   ul.lijst h2 a:hover{
      text-decoration: underline;
   } 

#belmij{
   position: absolute;
   background-color: #FFFFFF;
   width: 197px;
   padding: 0px 20px 10px 10px;
   top:56px;
   z-index: 10;
   display: none;
   border: solid #999999;
   border-width: 0px 1px 1px 0px;
}
   #belmij form{
      width: 197px;
   }
   #belmij ol{
      margin: 10px 0px 0px 0px;
      padding: 0px;
      list-style: none;
   }
   #belmij ol li{
      display: inline-block;
      width: 197px;
      padding: 0px 0px 10px 0px;
   }
   #belmij label{
      float: left;
   }
   #belmij .field{
      float: right;
      width: 120px;
   }
   #belmij .button{
      float: Right;
   }
   
   #belmij #opmerking{
      width: 118px;
   }
   #validationmessage{
   	  width: 136px;
      display: block;
      float: left;
      color: red;
	  margin-top: -10px;
   }
#stuurbericht{
   display: none;
   position: absolute;
   background-color: #FFFFFF;
   width: 197px;
   padding: 0px 20px 10px 10px;
   top:4px;
   left:150px;
   border: solid #f1f1f1;
   border-width: 0px 1px 1px 1px;
   z-index: 10;
}
   #stuurbericht form{
      width: 197px;
   }
   #stuurbericht ol{
      margin: 10px 0px 0px 0px;
      padding: 0px;
      list-style: none;
   }
   #stuurbericht ol li{
      display: inline-block;
      width: 197px;
      padding: 0px 0px 0px 0px;
   }
   #stuurbericht label{
      float: left;
      margin-top:10px;
   }
   #stuurbericht .field{
      float: left;
      width: 197px;
   }
   #stuurbericht .button{
      float: Right;
   }
   
   #stuurbericht #opmerking{
      width: 118px;
   }
   #validationmessage{
   	  width: 136px;
      display: block;
      float: left;
      color: red;
	  margin-top: -10px;
   }   
.woning{
   width: 509px;
}
.woning th{
   width: 209px;
}
.woning td{
   width: 300px;
}

.nietverkocht
{
   width: 300px;
}
.verkocht .stempel{
   position: absolute;
   top: 0px;
   bottom: 0px;
   left: 0px;
   width: 300px;
   background-image: url(/system/images/verkocht.png);
   background-repeat: no-repeat;
   background-position: center center;
}

#nieuwsbriefbanner{
   position: absolute;
   top: -41px;
   margin-bottom: -80px;
   z-index: 20;
   right: 0px;
}

#black{
   width: 100%;
   height: 100%;
   background-color: #FFFFFF;
   position: absolute;
   top: 0px;
   left: 0px;
   bottom: 0px;
   right: 0px;
   display: none;
   z-index: 100;
}
#imagecontainer{
   position: absolute;
   width: 200px;
   height: 200px;
   top: 50%;
   left: 50%;
   margin-left: -100px;
   background-color: #FFFFFF;
   border: 1px solid #000000;
   display: none;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 0.75em;
   line-height: 1.4em;
   z-index: 105;
}

#imagecontainer #ajaximage{
   padding: 10px;
   display: none;
}
#imagecontainer #left{
   position: absolute;
   background-image: url(/system/images/pixel.gif);
   top: 10px;
   display: block;
   left: 10px;
   cursor: pointer;
   background-repeat: no-repeat;
   background-position: left 20px;
}
#imagecontainer #right{
   position: absolute;
   background-image: url(/system/images/pixel.gif);
   top: 10px;
   display: block;
   left: 10px;
   cursor: pointer;
   background-repeat: no-repeat;
   background-position: right 20px;
   text-align: right;
}
#imagecontainer #right a,#imagecontainer #left a{
   text-decoration: none;
   color: #680036;
}
#imagecontainer #right a:hover,#imagecontainer #left a:hover{
   text-decoration: none;
   color: #000000;
}
#imagecontainer #close{
   position: absolute;
   background-image: url(/system/images/LBclose.gif);
   background-repeat: no-repeat;
   background-position: right top;
   top: 10px;
   display: block;
   right: 10px;   
   width: 28px;
   height: 28px;
}
#ajaxtekst{
   padding: 10px;
   display: none;
}
#zijkolom #ajaxtekst{
   display: block;
}
#imagecontainer #ajaxtekst .datum{
   display: block;
   font-size: 0.9em;
   color: #F39D00;
}

#map_projectencanvas{
   width: 509px;
   height: 509px;
   display: block;
}

#map_canvas{
   width: 690px;
   height: 400px;
   display: block;
}

.projectinformatie{
   width: 698px;
}

table .formcaptions{
   width: 170px;
}
form table td.infotd{
   width: 25px;
}

.boldblue
{
	color: #008fd3;
	font-weight: bold;
}

#hotspotcontent
{
margin-left: 95px;
height: 82px;
padding: 3px;
color: white;
line-height: 1.0em;
}

a#hotspotleesmeerlink
{
	background-image: url(/system/images/spotmeer.gif);
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	position: absolute;
	bottom: 5px;
	right: 5px;
}


#hotspottitle a
{
	color: white;
	text-decoration: none;
	font-weight: bold;
	line-height: 1.0em;
	font-size: 1.2em;
}

/* wijkkaart */
.wijklijst a{
   font-weight: bold;
   text-decoration: none;
}
.wijklijst a:hover{
   color: #000000;
}
.wijklijst{
   padding: 0px;
   margin: 0px;
   width: 49%;
   float: left;
   text-align: left;
}
#wijkkaart .wijklijst{
   margin: 0px;
   padding: 0px;
   list-style: none;
}
#wijkkaart img{
   border: 0px;
}
#wijkkaart img.map {
   position:relative;
   z-index:100;
}
#wijkoverlay{
   position: absolute;
   top: 0px;
   left: 0px;
   background-image: url(/images/wijkkaart/wijkenkaders.png);
}
#wijken{
   display: block;
   width: 509px;
   height: 302px;
   position: absolute;
   left: 0px;
   top: 0px;
   background-position: right top;
   background-repeat: no-repeat;
}

.header1563 #header{ background-image: url('/system/images/header_1.jpg'); }.header1564 #header{ background-image: url('/system/images/header_2.jpg'); }.header1565 #header{ background-image: url('/system/images/header_3.jpg'); }