h2.popup {padding:0 20px; margin-top:10px; font: italic 26px/30px 'texgyreadventorregular', 'lucida sans', arial, sans-serif; color:#069;}
h2.popupYIN {padding:0 20px; margin-top:0px; font: italic 26px/30px 'texgyreadventorregular', 'lucida sans', arial, sans-serif; color:#069;}
h3.actieduur {padding:0 20px; margin-top:0px; font: italic 18px/30px 'texgyreadventorregular', 'lucida sans', arial, sans-serif; color:#c60;}
h3.popup{padding:0 20px; margin:10px; font: normal 18px/26px 'texgyreadventorregular', 'lucida sans', arial, sans-serif; color:#c60;}
p.popup {padding:10px 20px; margin-left:10px; font: normal 14px/18px 'texgyreadventorregular', 'lucida sans', arial, sans-serif; color:#333;}

h1.panel {padding:0 20px; margin-top:10px; font: italic 26px/50px 'texgyreadventorregular', 'lucida sans', arial, sans-serif; color:#069;}
h3.panel {padding:0 20px; margin:10px; font: italic 18px/26px 'texgyreadventorregular', 'lucida sans', arial, sans-serif; color:#c60;}

p.italic {line-height:1.5em; margin: 20px 40px 0px 40px; text-align:center; font-style:italic; font-size:0.9em; text-align:left;}

 img.popup { 
	position:relative; padding: 10px 10px; float:right;
	top:10px;
	left:10px;
	right:20px;
	height:200px; 
	width: auto;	

opacity: 1.0;
filter: alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
	}	

 img.popupwvda { 
	position:relative; padding: 10px 10px; float:right;
	top:20px;
	left:10px;
	right:20px;
	height:500px; 
	width: auto;	

opacity: 1.0;
filter: alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
	}	



	#sloganpopup {position:relative; background: transparent; max-width:450px; margin: 0px 0px 0px 390px; 
height: 160px;
background:transparent; 
z-index:50; 	

overflow:none; 
border:0px solid #900000; 
-khtml-border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px; 
}


	#sloganpanel {position:relative; background: transparent; max-width:100%; margin: 0px auto; 
height: 160px;
background:transparent; 
z-index:50; 	

overflow:none; 
border:0px solid #900000; 
-khtml-border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px; 
}
	

.content ol li {padding:5px 0; margin:0; font: normal 14px/15px 'texgyreadventorregular', 'lucida sans', arial, sans-serif; color:#888;}
.content ol li a {color:#080;}
.content ul li {padding:5px 0; margin-left:10%; font: normal 14px/15px 'texgyreadventorregular', 'lucida sans', arial, sans-serif; color:#333;}
.content ul li a {color:#080;}


 #signature {position:relative; margin: 0px 0px; background: transparant; float:center; padding: 0 0 0 0 ; 
  z-index:20;  
  height:auto;
  width:96%;   
  overflow:none; 
  text-align:left;
border:0px solid #ddd;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 0px 10px 10px;
-ms-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
	opacity: 1.0;
filter: alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
  }


#signature h3.signature {position:relative; padding:5px 0; margin:5px 0 0px 10px; font:normal 16px/20px verdana, arial, sans-serif; color:#366;}
  #signature p.signature {position:relative; padding:5px 0; margin:0px 0 0px 10px; font:normal 12px/14px verdana, arial, sans-serif; color:#000;}
  
  #signature img.pasfoto { 
	position:relative; padding: 10px 10px;
	top:0px;
	left:0px;
	height:160px; 
	width: auto;	

opacity: 1.0;
filter: alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
	}	

section, article {display:block; padding:0; margin:0;}

section {width:100%; max-width:1000px; min-width:320px; height:860px; position:relative; margin:0 auto; background:#eee;
-webkit-transition:0.5s;
-moz-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}

article {width:48%; height:840px; margin:1% 1%; position:absolute; background:#fff;
box-shadow:20px 20px 20px -15px rgba(90,0,0,0.6);
-webkit-transition:0.5s;
-moz-transition:0.5s;
-o-transition:0.5s;
transition:0.5s;
}

article img.beroeps {display:block; margin:0px 10px 20px 20px; float:left; border:0px solid #ddd; height:60px;
box-shadow:0 15px 10px -15px rgba(0,0,0,0.6);
}
article img.acusense {display:block; margin:0px 10px 20px 20px; float:left; border:0px solid #ddd; height:100px;
box-shadow:0 15px 10px -15px rgba(0,0,0,0.6);
}
article img.stones {display:block; margin:0px 10px 20px 20px; float:left; border:0px solid #ddd; height:220px;
box-shadow:0 15px 10px -15px rgba(0,0,0,0.6);
}
article img.pinnen {position:relative; margin:-60px 10px 30px 20px; float:left; border:0px solid #ddd; width:50px;
box-shadow:0 15px 10px -15px rgba(0,0,0,0.6);
}
article img.adres {display:block; margin:10px auto; border:0px solid #ddd; height:230px;
box-shadow:0 15px 10px -15px rgba(0,0,0,0.6);
}

article img.privacy {display:block; float:left; margin:00px 30px 10px 10px; border:0px solid #ddd; height:90px;
box-shadow:0 15px 10px -15px rgba(0,0,0,0.6);
}
article img.robbie {display:block; float:left; margin:20px 30px 20px 10px; border:0px solid #ddd; height:160px;
box-shadow:0 15px 10px -15px rgba(0,0,0,0.6);
}

article:nth-of-type(1) {left:0; top:0px; 
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
article:nth-of-type(2) {left:50%; top:0px;
-webkit-transition-delay:0.4s;
-moz-transition-delay:0.4s;
-o-transition-delay:0.4s;
transition-delay:0.4s;
}

@media only screen and (max-width:1000px) {
section {height:990px;}

article {width:48%; height:950px;}
article:nth-of-type(1) {left:0; top:10px;}
article:nth-of-type(2) {left:50%; top:10px;}
}

@media only screen and (max-width:800px) and (orientation:portrait) {
section {height:1380px;}

article {width:98%;  height:650px;}
article:nth-of-type(1) {left:0%; top:10px; height:650px;}
article:nth-of-type(2) {left:0%; top:680px; height:680px;}
}

@media only screen and (max-width:480px) {
section {height:2050px;}

article {width:98%; height:940px;}
article:nth-of-type(1) {left:0%; top:10px; height:1110px;}
article:nth-of-type(2) {left:0%; top:1130px; height:900px;}
}
