@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, li, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}
body {
	line-height: 1;
	background-color: #98989C}
ol, ul {
	list-style: none;}
p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #9D9F9E;
	line-height: 1.8em;
	letter-spacing: 0.02em;}
.onderschrift {
	font-size: 11px}	
.expositie {
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #9B4400;
	padding: 0 0 25px 0;
	margin: 0;
	line-height: 1}
.titel {
	font-size: 45px;
	color:#F18800;
	font-weight: bold;
	letter-spacing: 0.1em; 
	padding: 0 0 30px 0;
	margin: 0;
	line-height: 1}
.jelmer_dijkstra {
	font-size: 22px;
	letter-spacing: 0.1em; 
	font-weight: bold;
	color: #9B4400;
	padding: 0 0 33px 0;
	margin: 0;
	line-height: 1}
.start {
	font-size: 31px;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #9B4400;
	padding: 0 0 33px 0;
	margin: 0;
	line-height: 1}
.einde {
	font-size: 31px;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #9B4400;
	padding: 0 0 0px 0;
	margin: 0;
	line-height: 1}
.geel {color: #F18800 }
.bruin {color: #9B4400}
.grijs {color: #9D9F9E}
			
#outerwrapper {
	width:900px;
	//height:650px;
	top:50%;
	margin-top:-315px;
	left:50%;
	margin-left:-450px;
	position:absolute;
	border: 1px solid #F19B80;
	background-color: #fff}
#header {
	height: 178px;}
#contentwrapper {
	width: 900px;
	overflow: hidden;
	float: left;}
#sidebar {
	float: left;
	width: 59px;
	padding: 0px;}
#sidebar1 {
	float: left;
	width: 241px;
	padding: 0 0 0 59px;
	text-align: justify}
#sidebar_left {
	float: left;
	width: 241px;
	height: 392px;
	padding: 0 0 0 59px;
	text-align: justify}
#sidebar_left .nietuitlijnen {
	text-align: left}
#maincontent {
	float: left;
	width: 485px;
	text-align: justify;
	padding: 0 35px 0 0}
#content {
	float: left;
	width: 210px;
	text-align: center;
	padding: 0px 35px 0px 35px}
#content_expo {
	float: left;
	width: 280px;
	text-align: center;
	padding: }
#fotogalerie {
	float: left;
	width: 565px;
	text-align: right;}
#sidebar2 {
	float: right;
	width: 320px;
	height: 392px; 
	text-align: left;
	padding: 0;
	margin: 0}
#sidebar2 .tekst_home {
	text-align: right;
	padding: 113px 40px 0 0}
#sidebar2 .tekst_jelmer {
	text-align: right;
	padding: 9px 40px 0 0}
#sidebar2 .tekst_werk {
	text-align: right;
	padding: 9px 40px 0 0;
	vertical-align: bottom}
#sidebarright {
	float: right;
	width: 1px;
	text-align: left;
	padding: 0 0 140px 0;
	margin: 0}
#footer {
	clear: both;
	padding: 30px 0 0 0;
	margin: 0;
	height: 25px}
#mainnavcontainer #mainnavlist a:link, #mainnavcontainer #mainnavlist a:visited {
	color: #9D9F9E;
	text-decoration: none;
	font-weight: bold}
#mainnavcontainer #mainnavlist a:hover {
	color: #666666;
	text-decoration: none;}
#mainnavcontainer ul {
	margin: 0;
	padding: 0px;
	list-style-type: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;}
#mainnavcontainer a {
	padding: 10px;}
#mainnavcontainer {
	margin: 0;
	padding: 20px 0 10px 0;
	width: 740px;
	float: left}
#logo {
	float: right;
	width: 160px;
	margin: 0;
	padding: 20px 0 25px 0}
#mainnavlist, #subnavlist {
	margin: 0;
	padding: 0}
#mainnavlist li {
	margin: 0;
	display: inline;
	padding: 1px 12px;
	list-style-type: none;}
#mainnavcontainer #mainnavlist #active .style4 {
	color: #FF9900;}
#outerwrapper #header #mainnavcontainer #mainnavlist .current {
	color: #F98A7F}
#subnavcontainer {
	margin: 0;
	padding: 0px 0 0 220px;
	width: 220px}
#subnavcontainer_workshops {
	margin: 0;
	padding: 0px 0 0 431px;
	width: 220px}
#subnavlist li {
	margin: 0;
	display: block;
	padding: 5px 15px;
	list-style-type: none;}	
#subnavcontainer ul {
	margin: 0;
	padding: 0px;
	list-style-type: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;}
#subnavcontainer_workshops li {
	margin: 0;
	display: block;
	padding: 5px 15px;
	list-style-type: none;}	
#subnavcontainer_workshops ul {
	margin: 0;
	padding: 0px;
	list-style-type: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;}
#subnavlist a:link, #subnavlist a:visited {
	color: #9D9F9E;
	text-decoration: none;}
#subnavlist a:hover {
	color: #666666;
	text-decoration: none;}
#subnavlist .current {
	color: #F98A7F}

	
#maincontent a:link, #maincontent a:visited, #sidebar_left a:link, #sidebar_left a:visited {
	color: #F98A7F;
	text-decoration: none;}
#maincontent a:hover, #maincontent a:active, #sidebar_left a:hover, #sidebar_left a:active {color: #333333}

#maincontent a.intern:link, #maincontent a.intern:visited, #sidebar1 a.intern:link, #sidebar1 a.intern:visited, #outerwrapper #contentwrapper #sidebar_left a.intern:link, #sidebar_left a.intern:visited {
	color: #F19B80;
	text-decoration:none;}
#maincontent a.intern:hover, #maincontent a.intern:active, #sidebar1 a.intern:hover, #sidebar1 a.intern:active, #sidebar_left a.intern:link, #sidebar_left a.intern:visited  {;
	color: #333333}
	
#footernavcontainer ul {
	margin: 0;
	padding: 0px;
	list-style-type: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;}
#footernavcontainer a:link, #footernavcontainer a:visited {
	padding: 0px;
	color: #F98A7F;
	text-decoration: none;
	font-weight: bold}
#footernavcontainer a:hover, #footernavcontainer a:active {color: #666666 }
#footernavcontainer {
	margin: 0;
	padding: 0 0px 0 37px;
	width: 863px}
#footernavlist {
	margin: 0;
	padding: 0}
#footernavlist li {
	margin: 0;
	color: #9D9F9E;
	display: inline;
	padding: 0px 56px 0 0px;
	list-style-type: none;}
#footernavlist .mailadres {padding: 0 0 0 0px}
a.style1:link, a.style1:visited {
	color: #9D9F9E;
	text-decoration: none;}
a.style1:hover, a.style1:active {
	text-decoration: none;
	color: #666666;}
a.gallery, a.gallery:visited {
	display:block; 
	display:inline-block; 
	color:#000; 
	text-decoration:none; 
	border:1px solid #fff; 
	width:50px; 
	height:76px; 
	float:left; 
	margin:0px 11px 22px 11px; 
	z-index:50;}
a.slide1 { background:url(images/thumbs/bram.jpg);}
a.slide2 {background:url(images/thumbs/liza.jpg);}
a.slide3 {background:url(images/thumbs/meryte.jpg);}
a.slide4 {background:url(images/thumbs/moeder.jpg);}
a.slide5 {background:url(images/thumbs/martin.jpg);}
a.slide6 {background:url(images/thumbs/tibbe.jpg);}
a.slide7 {background:url(images/thumbs/scratchwood.jpg);}
a.slide8 {background:url(images/thumbs/jelmer.jpg);}
a.slide9 {background:url(images/thumbs/heer-bakker.jpg);}

a.slidea { background:url(images/thumbs/icarus-2.jpg);}
a.slideb {background:url(images/thumbs/icarus-3.jpg);}
a.slidec {background:url(images/thumbs/de-valk.jpg);}
a.slided {background:url(images/thumbs/Venetie.jpg);}
a.slidee {background:url(images/thumbs/bootje-wehe.jpg);}
a.slidef {background:url(images/thumbs/boot-hoogezand.jpg);}
a.slideg {background:url(images/thumbs/boot-lauwersoog-1.jpg);}
a.slideh {background:url(images/thumbs/bootje-antwerpen.jpg);}
a.slidei {background:url(images/thumbs/boot-friesland.jpg);}

a.slide1a { background:url(images/thumbs/leskast-water-dicht.jpg);}
a.slide1b {background:url(images/thumbs/leskast-water-open.jpg);}
a.slide1c {background:url(images/thumbs/leskast-aarde-dicht.jpg);}
a.slide1d {background:url(images/thumbs/leskast-aarde-open.jpg);}
a.slide1e {background:url(images/thumbs/kamerscherm-vissen.jpg);}
a.slide1f {background:url(images/thumbs/kamerscherm-zwanen.jpg);}
a.slide1g {background:url(images/thumbs/tafeltje.jpg);}
a.slide1h {background:url(images/thumbs/muurschildering.jpg);}

a.slidekleien { background:url(images/thumbs/workshop-kleien.jpg);}
a.slidekleien1 {background:url(images/thumbs/kleien-workshop.jpg);}

a.slidetekenen { background:url(images/thumbs/workshop-tekenen.jpg);}
a.slidetekenen1 {background:url(images/thumbs/workshops-tekenen.jpg);}

a.slide-schildervakanties {background:url(images/thumbs/schildervakanties.jpg);}
a.slide-schildervakanties1 {background:url(images/thumbs/schilder-vakanties.jpg);}

a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #F19B80;}
/* styling for LEFT gallery */
#container_left {position:relative; width:565px; height:305px; background:#fff; margin:0;}
#container_left img {border:0;}
#container_left .thumbs {width:260px; position:absolute; left:0; top:0; padding: 0 0px 0 40px; margin: 0}
#container_left a.gallery:hover span {display:block; position:absolute; width:300px; height:50px; top:325px; left:256px; padding:5px; color: #9D9F9E; font-size: 12px;  z-index:100;}
#container_left a.gallery:hover span:first-line { font-family: Georgia, "Times New Roman", Times, serif; font-style: normal; font-weight:bold; line-height: 1.8em; font-size: 12px; color: #9D9F9E;}
#container_left a.gallery:active, #container_left a.gallery:focus {border:1px solid #000;}
#container_left a.gallery:active em, #container_left a.gallery:focus em {display:block; position:absolute; width:300px; height:322px; top:0px; left:260px; padding:0px; color:#000; border:0px solid #3d330f; z-index:50;}
#container_left h1 {clear:both; margin:0; padding-top:0px; padding-left:255px; width:300px; text-align:center; font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:normal; color: #9D9F9E;}
#container_left h1 em {font-size:12px; color: #9D9F9E; line-height: 1.8em}

#content .werk {
	list-style-type: none;}
#content .werk li {
	display: inline;
	padding: 7px;
	margin: 0;
	line-height: 3.2em}
#content .werk a:link, #content .werk a:visited {
	text-decoration: blink;
	color: #fff;} 
#content .werk a:hover, #content .werk a:active {
	color: #F4B19B;
	text-decoration: blink}
#outerwrapper #contentwrapper #content .werk .active {
	color: #F4B19B;
	text-decoration: blink}
	
.bram {padding-bottom: 88px}
.liza {padding-bottom: 122px}
.meryte {padding-left: 6px}
.moeder {padding-left: 52px}
.tibbe {padding-left: 97px}
.scratchwood {padding-left: 56px}
.martin {padding-left: 69px}
.jelmer {padding-left: 38px}
.bakker {padding-left: 43px}

.icarus-2 {padding-left: 42px}
.icarus-3 {padding-bottom: 140px}
.valk {padding-left:164px}
.venetie {padding-bottom: 88px}
.wehe {padding-bottom: 127px}
.hoogezand {padding-bottom: 138px}
.lauwersoog {padding-bottom: 41px}
.antwerpen {padding-bottom: 192px}
.friesland {padding-bottom: 127px}

.leskast-water-open, .leskast-aarde-open { padding-bottom: 112px}
.tafeltje {padding-left: 40px}
.muurschildering {padding-left: 38px}
.leskast-water-dicht, .leskast-aarde-dicht { padding-left: 38px}
.zwanen {padding-left: 13px}
.vissen {padding-left: 70px}
.workshop_tekenen {padding-left: 65px}
.schildervakanties {padding-left: 47px}

#een {
	width: 50px;
	height: 76px;
	padding: 0 10px 10px 10px;
	margin: 0;
	float: left}
#twee {
	width: 50px;
	height: 76px;
	padding: 0 10px 10px 10px;
	margin: 0;
	float: left}
#drie {
	width: 50px;
	height: 76px;
	padding: 0 10px 10px 10px;
	margin: 0;
	float: left}
#vier {
	width: 50px;
	height: 76px;
	padding: 10px 10px 10px 10px;
	margin: 0;
	float: left}
#vijf {
	width: 50px;
	height: 76px;
	padding: 10px 10px 10px 10px;
	margin: 0;
	float: left}
#zes {
	width: 50px;
	height: 76px;
	padding: 10px 10px 10px 10px;
	margin: 0;
	float: left}
#zeven {
	width: 50px;
	height: 76px;
	padding: 10px 10px 10px 10px;
	margin: 0;
	float: left}
#acht {
	width: 50px;
	height: 76px;
	padding: 10px 10px 10px 10px;
	margin: 0;
	float: left}
#negen {
	width: 50px;
	height: 76px;
	padding: 10px 10px 10px 10px;
	margin: 0;
	float: left}