@charset "utf-8";
/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, article, figure, details, figcaption, hgroup, menu, nav, time{
	display: block;
}
/* wordt gebruikt om titels te verbergen die wel in de documentstruktuur horen */
.hiddenTitle {
	display:none;
}
body {
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    line-height: 1.5;
    margin: 0 auto;
    padding: 0px;
    text-decoration: none;
    text-align: left;
    color: #171717;
    background-color: #FAFAFA;
    background-image: url(Images/Galerie/web/sidebar.gif);
    background-repeat: repeat-y;
    background-position: left top;
    background-attachment: fixed;
}
footer{
	padding: 10px 0;
	position: relative;
	clear: both;
	font-size: 90%; 
	color: #AAA;
	
	text-align: left;
	border-top: 1px outset #BBB;
	margin-top: 10px;
	margin-right: 15px;
	}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing block. The remaining bottom margin will hold it away from any elements that follow. */
    padding-right: 15px;
    padding-left: 15px; /* adding the padding to the sides of the elements within the blocks, instead of the block elements themselves, gets rid of any box model math. A nested block with side padding can also be used as an alternate method. */
    font-style: normal;
    text-align: center;
    color: #3C3C3C;
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
.container {
	margin-top: 0px;
	background-attachment: fixed;
	background-image: url(Images/Galerie/Logo/body_achtergrond.gif);
	background-repeat: repeat;
	margin-left: 210px;
}
.navigatie {
	float: left;
	position: absolute;
	top: 0px;
	left: 0px;

	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 200px;
}

nav ul {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 50px;
	font-weight: bold;
	/*padding: 0 15px 15px 50px;*/
	border-style: none; /* this removes the list marker */
	margin-bottom: 15px;
	text-align: left;
	margin-top: 40px;
	list-style-image: none;
	list-style-type: none;
	}
nav ul li a {
	/*padding: 5px 5px 5px 15px;*/
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	width: 120px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
	text-decoration: underline;
	color: #222;
	/*background-color: #C6D580;*/
}
nav ul a:link, nav ul a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 5px 5px 5px 15px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	width: 140px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
	text-decoration: none;
}
nav ul  a:hover, nav ul a:active, nav ul a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	/*background-color: #ADB96E;*/
	color: #FFF;
	text-decoration: underline;
}
nav header img {
	margin-top: 25px;
	border-style: none;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/

}
/*------------------------------ einde navigatie --------------------------------- */
/*------------------------------ Begin Index ------------------------------------- */
.content {
	text-align: center;
	max-width: 776px;
	margin: 15px auto auto;
}
/*.content header img {
	padding: 1px;
	border: 1px solid #999999;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	/*-moz-box-shadow: 10px 10px 20px #706e6d;
	-webkit-box-shadow: 10px 10px 20px #706e6d;
	box-shadow: 10px 10px 20px #706e6d;
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 10, direction = 135, color = '#706e6d');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 10, Direction = 135, Color = '#706e6d')";/*Shadows look very different in IE (Only cardinal directions supported)*/
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element should have a background-color*/
/*All filters must be placed together*/
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/

/*}*/
.content #marquee {
	padding: 2px 10px;
	margin-top: 10px;
	overflow: hidden;
	margin-right: 10px;
	margin-left: 10px;
}
#hoofding {
	height: 320px;
	text-align: center;
	clear: both;
}
#Bup {
	text-align: center;
	vertical-align: middle;
	float: left;
	padding: 30px;
	margin-top: 30px;
}
.content #adres {
	font-weight: bold;
	text-align: right;
	font-size: 90%;
	color: #000;
}
/*---------------------------- einde Index --------------------------------- */
/*---------------------------- begin Tentoonstelling ----------------------- */

.tentoonstelling {
	max-width: 776px;
	text-align: center;
	margin: 15px auto auto;
}

.tentoonstelling article {
	padding-top: 50px;
	text-decoration: none;
	padding-bottom: 70px;
	font-size: 32px;
}

.tentoonstelling article h2{
    font-size: 32px;
    color: #daa520;
    font-family: "Arial", "Microsoft Sans Serif" ,"sans serf";
    font-style: normal;
    text-align: center;
}
.tentoonstelling article p a {
	font-size: 24px;
	text-decoration: none;
	color: maroon;
	padding: 5px;
	display: block;
	margin-right: 25%;
	margin-left: 25%;
}

.tentoonstelling article p a:link, .Tentoonstelling article p a:visited {
	font-size: 24px;
	text-decoration: none;
	background-color: #eaeaea;
}
.tentoonstelling article p a:hover, .Tentoonstelling article p a:active,.Tentoonstelling article p a:focus {
	font-size: 24px;
	display: block;
	padding: 5px;
	background-color: #f8f8f8;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow: inset 2px 3px 20px #cbd2d6;
	-webkit-box-shadow: inset 2px 3px 20px #cbd2d6;
	box-shadow: inset 2px 3px 20px #cbd2d6;
/*Inner elements should not cover inner shadows*/
/*Chrome renders inset shadows incorrectly with border-radius*/
/*IE 7 AND 8 DO NOT SUPPORT INSET SHADOWS*/
}
/*---------------------------- einde Tentoonstelling ----------------------- */
.Style36 {
	align-content: center;
	color: #3c3c3c;
	font-size: 36px;
}

/*---------------------------- begin Kunstenaar ----------------------- */
.kunstenaar {
	max-width: 776px;
	text-align: justify;
	margin: 7px auto auto;
	padding-left: 5px;
}
.galerie {
	font-size: 90%;
	text-decoration: none;
	text-align: center;
	margin: 10px;
	padding: 5px;
	width: 766px;
}

.kunstenaar article #index {
	width: 185px;
	margin-right: 15px;
	clear: right;
	float: left;
}
.kunstenaar article {
	padding-right: 10px;


}



.kunstenaar article h1 {
	text-align: center;
}
.song {
	padding-top: 6px;
}
article .song table {
	color: #555;
	width: auto;
	margin-left: 15px;
	border-bottom: 1px solid #ccc;
	border-collapse: collapse;
	border-bottom-style: solid;
}
article .song td {
	text-align: left;
	border-top: 1px ridge rgba(204,204,204,1);
	border-right-color: rgba(204,204,204,1);
	border-bottom-color: rgba(204,204,204,1);
	border-left-color: rgba(204,204,204,1);
	padding-top: 10px;
}





.kunstenaar article #index img {
	background-color: #fafafa;
	border: 1px solid #c6c6c6;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-top: 5px;
	margin-bottom: 7px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/

}
.kunstenaar article #tempera {
	border-width: medium;
	border-style: inset;
	font-style: italic;
	font-size: 90%;
	-moz-border-radius: 15px 0px;
	-webkit-border-radius: 15px 0px 15px 0px;/*This is the correct shorthand for webkit*/
	border-radius: 15px 0px;
	background-color: #effbfa;
	padding: 3px;
	margin: 20px 5px 5px 210px;
}


.kunstenaar article #etsen {
	border-width: medium;
	border-style: inset;
	font-style: italic;
	font-size: 90%;
	-moz-border-radius: 15px 0px;
	-webkit-border-radius: 15px 0px 15px 0px;/*This is the correct shorthand for webkit*/
	border-radius: 15px 0px;
	background-color: #cbc3ac;
	margin: 15px;
	padding: 15px 5px 5px;
}
article #etsen {
	background-color: rgba(220,220,220,1);
	border-style: outset inset;
	font-size: 90%;
	-moz-border-radius: 15px 0px;
	-webkit-border-radius: 15px 0px 15px 0px;/*This is the correct shorthand for webkit*/
	border-radius: 15px 0px;
	margin: 15px;
	padding: 15px 5px 5px;
}

.kunstenaar article aside  img {
	text-align: center;
	display: block;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
}

.cv {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #555;
	margin-right: 15px;
	margin: 20px 5px 20px 15px;
	padding: 7px;
	padding: 5px;
}
.cv hgroup #naam {
	clear: none;
	float: left;
}
.cv hgroup #periode {
	float: none;
	clear: none;
	text-align: right;
}

.cv hgroup {
	border-bottom: 3px ridge #aaa;
	margin-bottom: 20px;
	margin-top: 5px;
}

.overzicht {
	text-align: center;
	margin: 15px auto auto;
	padding: 10px;
	border: thin outset #123;
	width: 776px;
}
.overzicht {
	text-align: center;
	border-right: thin inset #aaa;
	border-bottom: medium outset #aaa;
	margin: 7px auto auto;
	padding-left: 5px;
	max-width: 776px;
	width: 776px;
}


.overzicht header h1 {
	border-bottom-width: medium;
	border-bottom-style: inset;
	font-size: 24px;
	margin-bottom: 35px;
	padding-right: 20%;
	font-weight: lighter;
	margin-left: 15px;
	margin-right: 15px;
	padding-left: 20%;
}
.overzicht #Personen {
	float: left;
	width: 230px;
	margin: 5px 5px 15px 15px;
}
#Personen ul  {
	width: 180px;
	text-align: left;
	display: block;
	list-style-type: none;
	font-size: 16px;
	line-height: 30px;
	list-style-position: outside;
	text-decoration: none;
	border-right: thin inset #aaa;
	border-bottom: medium outset #aaa;
	-moz-border-radius: 0px 0px 10px;
	-webkit-border-radius: 0px 0px 10px 0px;/*This is the correct shorthand for webkit*/
	border-radius: 0px 0px 10px;
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 5px 5px 5px 10px;
}

#Personen ul li a {
	/*padding: 5px 5px 5px 15px;*/
	display: block;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
	text-decoration: none;	/*background-color: #C6D580;*/
	font-size: 16px;
	line-height: 20px;
	color: #666;
}

#Personen ul a:link,#Personen ul a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 5px 5px 5px 15px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	width: 150px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
	text-decoration: none;
}
#Personen ul a:hover,#Personen ul a:active,#Personen ul a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	text-decoration: none;
}


.topwerk {
	text-align: center;
	width: 450px;
	margin-top: 35px;
	margin-left: 250px;
	padding: 30px 5px 20px;
}

.topwerk #transparant {
	background-color: transparent;
border:0px solid #FAFAFA;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/


}
#contact #fsPersoon #spryNaam {
	display: block;
	padding: 15px;
	margin: 15px;
	text-align: left;
}

/* --------------------------------- agenda --------------------------------------------- */
#agenda .profiel {
	font-size: 90%;
/*	border-top: 1px solid rgba(255,255,255,1);
	border-right: 1px solid rgba(204,204,204,1);
	border-bottom: 1px solid rgba(153,153,153,1);
	border-left: 1px solid rgba(255,255,255,1); */
	margin: 75px 15px 40px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px; 	
	text-decoration: none;
	border-right: thin inset #aaa;
	border-bottom: medium outset #ccc;
	-moz-border-radius: 0px 0px 10px;
	-webkit-border-radius: 0px 0px 10px 0px;/*This is the correct shorthand for webkit*/
	border-radius: 0px 0px 10px;
	/*margin-top: 3px;
	margin-bottom: 3px;
	padding: 5px 5px 5px 10px;*/
}

#agenda .profiel table {
	color:#555;
	width: 90%;
	border-bottom: 1px solid #CCC;
	border-collapse: collapse;
	margin-left: 15px;
	
}

#agenda .profiel .center {
	text-align: center;
}
#agenda .profiel  td {
	padding: 15px;
	border-top: 1px ridge rgba(204,204,204,1);
	text-align: left;
}
#agenda .profiel td a {
	text-decoration: none;
	display: block;
	padding-right: 15px;
	padding-left: 15px;
	color: #555;
}



#agenda .profiel td a:link, #agenda .profiel td a:visited {
	text-decoration: none;
	}
#agenda .profiel td a:hover, #agenda .profiel td a:active, agenda .profiel td a:focus {
	text-decoration: none;
}
.recentie {
	text-align: justify;
	padding: 5px;
	margin: 10px auto auto;
	max-width: 776px;
	min-width: 300px;
	font-size: 90%;
	color: #666;
}

.recentie article  img {
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
}
.recentie article section img {
	float: right;
}

.galerie {
	margin: 1px auto auto;
	padding: 5px;
	max-width: 776px;
}
.galerie #google {
	text-align: center;
	float: right;
	margin: 75px 3px 20px;
	overflow: auto;
	display: inline-block;
	padding: 15px 3px 5px;
	background-color: transparent;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow: 1px 5px 8px #9fa0a1;
	-webkit-box-shadow: 1px 5px 8px #9fa0a1;
	box-shadow: 1px 5px 8px #9fa0a1;
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 5, direction = 144, color = '#9fa0a1');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 5, Direction = 144, Color = '#9fa0a1')";
	border-top: 1px solid #DDD;
	border-right: 1px groove #AAA;
	border-bottom: 1px groove #AAA;
	border-left: 1px solid #DDD;/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}

.galerie #contacts {
	width: 250px;
	text-align: left;
	margin: 75px auto 20px;
	height: 368px;
	background-image: url(Images/Galerie/web/pin55.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
	line-height: 1.8em;
	z-index: 1;
	display: inline-block;
	float: left;
	padding: 15px 3px 5px;
	background-color: transparent;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow: 1px 5px 8px #9fa0a1;
	-webkit-box-shadow: 1px 5px 8px #9fa0a1;
	box-shadow: 1px 5px 8px #9fa0a1;
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 5, direction = 144, color = '#9fa0a1');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 5, Direction = 144, Color = '#9fa0a1')";
	border-top: 1px solid #DDD;
	border-right: 1px groove #AAA;
	border-bottom: 1px groove #AAA;
	border-left: 1px solid #DDD;/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/

}

.galerie aside {
	margin-top: 20px;
	display: block;
	padding: 10px;
	clear: both;
	font-size: 90%;
	line-height: 1.8em;
	text-align: center;
	margin-bottom: 20px;
}
.persmap {
	text-align: center;
	margin: 15px;
	height: 200px;
	width: 180px;
	padding-top: 6px;
	border: 1px groove #999;
	clear: right;
	float: left;
	font-size: 90%;
	text-decoration: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow: 4px 4px 4px #a6acba;
	-webkit-box-shadow: 4px 4px 4px #a6acba;
	box-shadow: 4px 4px 4px #a6acba;


filter: progid:DXImageTransform.Microsoft.Shadow(strength = 4, direction = 135, color = '#a6acba');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 4, Direction = 135, Color = '#a6acba')";
/*Shadows look very different in IE (Only cardinal directions supported)*/
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element should have a background-color*/
/*All filters must be placed together*/
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/

}
/*.content article img {
	padding: 1px;
	border: 1px solid #999999;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	/*-moz-box-shadow: 10px 10px 20px #706e6d;
	-webkit-box-shadow: 10px 10px 20px #706e6d;
	box-shadow: 10px 10px 20px #706e6d;
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 10, direction = 135, color = '#706e6d');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 10, Direction = 135, Color = '#706e6d')";/*Shadows look very different in IE (Only cardinal directions supported)*/
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element should have a background-color*/
/*All filters must be placed together*/
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/

/*}

/*.kunstenaar article p img {
	padding: 2px;
	border: 1px solid #999999;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	/*-moz-box-shadow: 10px 10px 20px #706e6d;
	-webkit-box-shadow: 10px 10px 20px #706e6d;
	box-shadow: 10px 10px 20px #706e6d;
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 10, direction = 135, color = '#706e6d');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 10, Direction = 135, Color = '#706e6d')";/*Shadows look very different in IE (Only cardinal directions supported)*/
	/*margin: 5px 3px 3px;/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*//*Element should have a background-color*/
/*All filters must be placed together*/
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/


/*}*/
.Burgundy {
    color: #8C001A;
    font-weight: bold;
    font-size: medium;
    font-style: normal;
    text-decoration: underline;
    text-shadow: 3px 3px 3px #CBCBCB;
}