html, body, #aspnetForm 
{
    width:100%;
    height:100%;
}
#contentMapWrapper 
{
    position:absolute;
    background:url(/_images/map/map_blur.jpg) no-repeat;
    height:597px;
    width:908px;
}
#mapBar 
{
    padding:4px 30px 0 0;
    background-color:#c7e513;
    position:absolute;
    top:0;
    left:0;
    top:597px;
    width:879px;
    height:36px;
}
#mapBar INPUT {
	margin-left: 10px;
	margin-top: 5px;	
}
.dotTekoop, .dotWoTekoop, .dotOntwerp, .dotTehuur, .dotVerkocht, .dotOpenbareruimte, .dotHoogbouw, .dotOverig
{
    width:24px;
    height:24px;
    position:absolute;
}
.dotTekoop image, .dotWoTekoop image, .dotOntwerp image, .dotTehuur image, .dotVerkocht image, .dotOpenbareruimte image, .dotHoogbouw image, .dotOverig image
{   
    border:none;
}
.dotTekoop INPUT, .dotWoTekoop INPUT, .dotOntwerp INPUT, .dotTehuur INPUT, .dotVerkocht INPUT, .dotOpenbareruimte INPUT, .dotHoogbouw INPUT, .dotOverig INPUT
{   
    padding: 0px;
    margin: 0px 5px 0px 0px;
}
.dotTekoop
{
    background:url(/_images/map/dotTekoop.png) no-repeat left bottom;
}
.dotTekoop a span
{
	display: none;
}
.dotWoTekoop
{
    background:url(/_images/map/dotWoTekoop.png) no-repeat left top;
}
.dotOntwerp
{
    background:url(/_images/map/dotOntwerp.png) no-repeat left top;
}
.dotTehuur
{
    background:url(/_images/map/dotTehuur.png) no-repeat left top;
}
.dotVerkocht
{
    background:url(/_images/map/dotVerkocht.png) no-repeat left top;
}
.dotVerhuurd
{
    background:url(/_images/map/dotVerkocht.png) no-repeat left top;
}
.dotOpenbareruimte
{
    background:url(/_images/map/dotOR.png) no-repeat left top;
}
.dotHoogbouw
{
    background:url(/_images/map/dotHoogbouw.png) no-repeat left top;
}
.dotOverig
{
    background:url(/_images/map/dotOverig.png) no-repeat left top;
}
.legenda 
{
    width:200px;
    overflow:hidden;
    font-weight:bold;
    position:absolute;
    right:0;
    bottom: 30px;
    margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}
.legenda p 
{
    padding:0px 0px 0px 20px;
    margin:0 0 3px 0;
    font:normal 10px Arial, Helvetica, sans-serif;
}
.legenda_Tekoop 
{   
    background:url(/_images/map/dotTekoop.gif) no-repeat left top;
}
.legenda_WoTekoop 
{   
    background:url(/_images/map/dotWoTekoop.gif) no-repeat left top;
}
.legenda_Ontwerp 
{   
    background:url(/_images/map/dotOntwerp.gif) no-repeat left top;
}
.legenda_Tehuur 
{   
    background:url(/_images/map/dotTehuur.gif) no-repeat left top;
}
.legenda_Verkocht 
{   
    background:url(/_images/map/dotVerkocht.gif) no-repeat left top;
}
.legenda_Openbareruimte 
{   
    background:url(/_images/map/dotOR.gif) no-repeat left top;
}
.legenda_Hoogbouw
{   
    background:url(/_images/map/dotHoogbouw.gif) no-repeat left top;
}
.legenda_Overig
{   
    background:url(/_images/map/dotOverig.gif) no-repeat left top;
}
.mapVeldInfo 
{
    position:absolute;
    width:600px;
    height:400px;
    left:0;
    top:0;
    background-color:White;
    /*filter: alpha(opacity=92);
    opacity: 9.2;*/
    z-index:1;
    overflow:auto;
    border-bottom:solid 1px #c7e513;
    display:none;
}
.veldContent 
{
    padding:30px;
}
.veldText 
{
    float:left;
    width:220px;
    height:340px;
}
.veldText h3 
{
    font-size:16px;
    color:#336699;
    margin-bottom:10px;
}
.veldText #soort 
{
    margin-bottom:10px;
    font-weight:bold;
    font-size:14px;
}
.veldText #text
{   
    padding-top:20px;
    border-top:solid 1px #CCC;
    font-style:normal;
}
.veldText #txtFase_1, #txtFase_2, #txtFase_3, #txtFase_4, #txtFase_5, #txtFase_6, #txtFase_7, #txtFase_8 
{   
    display:none;
}
.veldText #start
{   
    margin-top:10px;
}
.veldText #fase 
{
    margin-top:10px;
    padding-bottom:20px;
    border-bottom:solid 1px #CCC;
}
.veldText .faseTable
{
    margin-top:10px;
    color:#999;
}
.veldVisual
{
    float:right;
    width:302px;
    height:340px;
}
.visual 
{
    width:300px;
    height:300px;
    overflow:hidden;
    background-color:#c7e513;
    border:dotted 1px #9a9b98;
}
.visualTools 
{
    width:300px;
    height:30px;
    margin-top:10px;
    background-color:#CCCCCC;
    border:dotted 1px #9a9b98;
}
.closeButton 
{
    position:absolute;
    right:10px;
    top:10px;
}
.closeButton a 
{
    display:block;
    width:38px;
    height:17px;
    overflow:hidden;
    background-image:url(/_images/closeButton.gif);
    background-position:left top;
    text-indent:-2000px;
}
.closeButton a:hover 
{
    background-position:0 -17px;
}
.closeButton a:active 
{
    background-position:0 -34px;
}
.closeButton2
{
    position:absolute;
    right:30px;
    top:0;
}
.closeButton2 a 
{
    display:block;
    width:38px;
    height:17px;
    overflow:hidden;
    background-image:url(/_images/closeButton2.gif);
    background-position:left top;
    text-indent:-2000px;
}
.closeButton2 a:hover 
{
    background-position:0 -17px;
}
.closeButton2 a:active
{
    background-position:0 -34px;
}
a#Prev, a#Next
{
    display:block;
    width:40px;
    height:20px;
    background-position: 0 0;
    overflow:hidden;
    text-indent:200px;
}
a#Prev:hover, a#Next:hover
{
    background-position:0 -20px;
}
a#Prev:active, a#Next:active
{
    background-position:0 -40px;
}
a#Prev 
{
    background-image:url(/_images/buttonPrev.gif);
}
a#Next 
{
    background-image:url(/_images/buttonNext.gif);
}