/*12-12-2019*/
/*12-12-2019
	vervolg atelier etc*/
/*12-12-2019*/
/*12-12-2019*/
/*6-12-2019 test bg atelier e.a.*/
/*6-12-2019*/
/*6-12-2019*/
/*21-3-2019*/
/*21-3-2019*/
/*21-3-2019
	atelier nav crumb
*/
/*18-3-2019 
voet  wordt footer
*/
/*29-11-2018 url naar https afbeeldingen aanpassen*/
/*16-1-2013 atelier rubriek col right left */
/*16-1-2013 content opdracht freelance hxb tov footer balk*/

/*9-10-2012 slideshow gallery class endless? */
/*4-10-2012 a link_terzijde*/
/*15:49 22-1-2012 overflow hidden linkerkolom */
/*18:12 18-10-2011 combineren at style voor alle atelier pagina's , ook index, en transcriptie, autonoom*/
/*16:19 18-10-2011 valideren*/
/*13:19 18-10-2011 atelier style met aanpassingen voor slideshow bij opdrachtpagina */
/*------------------------------------------www.marioncoenen.nl-----------------------------*/
/*---------------------------------------atelier@marioncoenen.nl-----------------------------*/

body {
/*25-7-2013*/
background-color : #fff;
color : #000;
font-family : verdana, arial, helvetica, sans-serif;
font-style : normal;
font-weight : normal;
text-align : center;
} 
h1,h4{
	text-align : center;
}

p {
	margin : 10px auto 10px auto;
	width : 98%;
}

.crumb {
/*	display: none;*/
	background : #ccff00;
	font-size : x-small;
	margin: .5% auto 0 auto;
	text-align : center;
	width : 80%;
}
a:link {
	color : #666;
	text-decoration : none;
}

a:visited {
	color : #666;
	text-decoration : none;
}

a:hover {
	color : #ccc;
	text-decoration : none;
}

a.hier{
	color : #ccc;
}

a.hierr{
	color : #ccff00;
	}
a.link_terzijde{
	color: #fff;
	font-size: 0.8em;
	font-style: italic;
	padding-left: 5px;
}

/*------------------------------------------------------------------------------------------------------12-12-2019*/
header,article {
	font-family: sans-serif;
	font-size : 90%;
	margin : 0 auto 0 auto;
	text-align : center;
	width : 100%;
}
header h1 {font-weight: 400;}

/*---------------------------------------------------------------------12-12-2019
atelier, autonoom 8luik
*/
#main{
	float : left;
/*	padding-top: 75px;*/
	margin:0 10% 0 10%;
	min-height: 400px;
	width: 80%;	
	}
	#at #main, #wor #main, #opd #main{
	background-image : url(../img/atelier/bg_atelier.jpg);
	background-repeat : no-repeat;
	background-position: center;
	}
	#aut #main {
	background-color: #ccc;
	}

h4{
	font-family: sans-serif;
	font-size: 80%;}

#achtluik {
	background-image:url(img/ss_au/1.jpg); 
	background : transparent;
	float:right;
	margin : auto 0 auto; 
	min-height:400px;
	overflow : visible;
	position : relative;
	width : 40%;
}
#at article{
/*	float:left;
	font-size : 70%;
	margin-left 0;
	padding-left: 1%;
	text-align: left;
   width: 99%;
*/
}
#aut article{
	float: left;
	font-size : 70%;
	text-align : right;
	width : 50%;
	text-align : left;
	z-index: 20;
}
#at article, #wor article, #opd article {
	float: right;
	font-size : 70%;
	text-align : right;
	width : 50%;
	text-align : left;
	z-index: 20;
}
footer {
	background : #ccff66;
	clear : both;
	font-family: sans-serif;
	font-size : x-small;
	margin: 0 auto 0 auto;
	text-align : center;
	width: 80%;
}
footer a {
	color : #999999;
	text-decoration : none;
}

footer a:hover {
	background : #ccff33;
	color : #cccccc;
	text-decoration : none;
}