/*200716 aanpassen voor img met info txt*/
/*200710 aanpassen voor img met info txt*/
/*141127 wijzigen*/
/*141126 online*/
/*19-11-2014
	testen resize img ev vaste hoogte img? aangeven ,a responsive aanpassen 
?  vaste height responsive varieren? 
*/
/*14-11-2014
	controleren, valideren
*/
/*valideren*/
/*stylesheet voor Architectuuratelier Jos Bannink*/
/*------------------------------------------www.marioncoenen.nl-----------------------------*/
/*---------------------------------------atelier@marioncoenen.nl-----------------------------*/

/*----------------------------------------------------slideshow----------*/
#slideshow {
	background-color:transparent;
	display: inline-block;
	/*height: 80%;*/
	/*height: 76%;*/
	height: 70%;
	margin-top:5.7%; margin-left: auto; margin-right: auto;	
	overflow: hidden;
	width: 100%;
	z-index: 10;
/**/overflow: hidden;
}

#slides img{
	background-color:transparent; 
	background-image: url(../img/bes/transparent.png);
	background-repeat: no-repeat;
	display: none;
	height: 400px;/*important, voorkomt samengedrukte weergave*/
	margin-top: 0;
	margin-left: 17.2%;	margin-right: 17.2%;
/**/	position:absolute;
	width:90%;
}
#slides img.dummy{ margin-top: 600%; }
#slides img.border{border-style:solid; border-color: #fff; border-width:1px; } 

/*nb:?margin-left= 107.2 - width)*/
/**//*#slides img.ninety { margin-left: 17.2%; margin-right: auto; height:400px; width:90%;  }*/
#slides img.ar067{margin-left:62.2%; margin-right: auto; height:500px; width:45%;}
#slides img.ar075{margin-left:62.2%; margin-right: auto; height:450px; width:45%;}
#slides img.ar100{margin-left:45.2%; margin-right:auto; height:450px; width:62%; }
#slides img.ar133{margin-left:23.2%; margin-right:auto; height:400px; width:84%;  }
/*200710*//*#slides img.ar150{margin-left:19.2%; margin-right: auto; height:425px; width:88%; }*/
#slides img.ar150{margin-left:17.2%; margin-right: auto; height:325px; width:90%; }

/**/#slides img.ar164{margin-left: 17.2%; margin-right: auto; height:375px; width:90%; }
#slides img.ar178{margin-left: 17.2%; margin-right: auto; height:325px; width:90%; }
#slides img.ar190{margin-left: 17.2%; margin-right: auto; height:325px; width:90%; }

@media screen and (min-width:1279px) {
	/*#all {background-color: greenyellow;}*/
#slides img,
#slides img.ar067{height:640px;}
#slides img.ar075,
#slides img.ar100{height:470px; }
/*200710*//*#slides img.ar133{height:512px;}*/
#slides img.ar133{height:512px;}
/*200710*//*#slides img.ar150{height:544px;}*/
#slides img.ar150{height:375px;}

/*200710*//*#slides img.ar164{height:450px; }*/
#slides img.ar164{height:375px; }

#slides img.ar178 {height:380px;}
#slides img.ar190{height:350px; }
}

@media screen and (min-width:1024px) and  (max-height:800px){
	/*#all{ background-color: yellow;}*/	
#slides img,
#slides img.ar067{height:540px;}
#slides img.ar075,
#slides img.ar100{height:450px; }
#slides img.ar133{height:430px;}
#slides img.ar150{height:460px;}
#slides img.ar164{height:375px; }
#slides img.ar178 {height:350px;}
#slides img.ar190{height:350px; }
		}

@media screen and (max-width: 800px), @media screen and (max-device-width:768px){
#slides img,
#slides img.ar067{height:400px;}
#slides img.ar075,
#slides img.ar100{height:360px; }
#slides img.ar133{height:320px;}
#slides img.ar150{height:340px;}
#slides img.ar164{height:300px; }
#slides img.ar178,
#slides img.ar190{ height:280px; }
}

#slideshow .info { background-color:transparent; color: inherit;  margin-left: 17.2%;	margin-right: auto; width: 90%;}
#slideshow p { width: 100%; } 

#nav_ss{
	background-color: transparent;
	cursor: pointer;
	display: inline;
	margin-left: 2.5%; margin-right: 2.5%;
	margin-top: 0;
	overflow: hidden;	
	position: relative;
	max-width: 40px; /*10-10-2014 nav_ss in één kolom*/
	width: 10%; 
	z-index: 100;
	position: absolute;
	width: 100%;
	z-index: 100;
	}

#nav_ss li {	display: inline; height: 36px; width: 36px; float: left; margin-left: 2px; margin-right: 2px; margin-top:0; list-style: none; z-index: 110;}
#nav_ss a { text-indent: -99999px; }
#nav_ss li a:hover {background-color: transparent;}
#nav_ss img { background-color: transparent; border: none; display: inline-block; height: 32px; width: 32px; z-index: 120;}