p.caption {
    width: 512px;
}

#popup_close
{
   
  left: 410px;
   
   opacity:0.7;
 filter:alpha(opacity=70); /* For IE8 and earlier */
} 

#popup_close:hover
{
   
  
   opacity:1;
 filter:alpha(opacity=100); /* For IE8 and earlier */
}

html, body {
margin  : 0;
padding : 0;
height  : 100%;
width   : 100%;
}

img {width:100%}

#map {
	width    : 100%;
	position : relative;
	height   : 100%;
    }




.klikmeer  {
color:#FFFFFF;
text-decoration: none;


}

.klikmeer:hover{
color: #FFFFFF;
text-decoration: underline;
cursor: pointer;
}


.olFramedCloudPopupContent {

color: #FFFFFF;
 
min-height:70px; 
 
margin: 0px;
width:400px;
overflow: visible; 

     background-color: #384248;
     font: normal 11pt Arial, Helvetica, Verdana, sans-serif;
     color: #FFFFFF;    
     padding: 8px 5px 7px 5px;
     /* eventueel een box-shadow toevoegen als dat mooi is */
 border: 1px dashed #FFFFFF;
 opacity:0.9;
 filter:alpha(opacity=90); /* For IE8 and earlier */

}

.olFramedCloudPopup  {
-moz-border-radius: 3px;
border-radius: 3px;
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */

 
}


@media screen and (min-width: 1600) {

#ppklogo:hover{
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
 

}
#ppklogo {
	bottom:   10px;
	left:      10px;
	width: 125px;	 
	position : absolute;
}


}

@media screen and (min-width: 1280px) and (max-width: 1600px) {

#ppklogo:hover{
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
 

}

#ppklogo {
	bottom:   10px;
	left:      10px;
	width: 100px;	 
	position : absolute;
}


}
 
@media screen and (max-width: 1280px) {

#ppklogo:hover{
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
 

}
#ppklogo {
	bottom:   10px;
	left:      10px;
	width:  75px;	 
	position : absolute;
}


}