* {
padding: 0;
margin: 0;
} 

body {
	background-color: #f9e780; 
	color: #687088;
  	font-family: Arial, Verdana, Helvetica, sans-serif;
  	font-size: 12px;
  	line-height: 16px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}

.geel { 
	position:absolute; 
	height:660px; 
	width:1000px; 
	text-align: left; 
	padding: 0; 
	top: 50%; left: 50%; 
	margin: -300px 0 0 -500px; 
	overflow: hidden;
	}

.wrap { 
	background-image:url(site/hg.png); 
	position:absolute; 
	height:600px; 
	width:1000px; 
	}

h1 {
  	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 17px;
	margin: 0;
	}


img{border-style: none;}

.text {
	line-height: 15px;
	}

.strong {
	font-weight: 600;
	margin: 0;
	}

.inhoud_1 { 
	position: absolute; 
	top: 168px; 
	left: 670px; 
	width: 250px;
	height: 385px;
	overflow: auto;
	padding: 0 10px 0 0;
	}

.inhoud_2 { 
  position: absolute; 
  top: 155px; 
  left: 580px; 
  width: 370px;
  height: 390px;
  overflow: auto;
  overflow:auto;
	}
	
.inhoud_2 img {
  padding: 2px;
  }

.inhoud_3 { 
	position: absolute; 
	top: 175px; 
	left: 215px; 
	width: 250px;
	height: 360px;
	overflow: auto;
	padding: 0 10px 0 0;
	}

.inhoud_4 { 
	position: absolute; 
	top: 170px; 
	left: 235px; 
	width: 600px;
	height: 290px;
	overflow: auto;
	padding: 0 10px 0 0;
	}

.inhoud_4 a 	{ color: #687088; font-weight: normal; text-decoration: none;  border:0;}
.inhoud_4 a:link { color: #687088; font-weight: normal; text-decoration: none; border:0;}
.inhoud_4 a:visited { color: #687088; font-weight: normal; text-decoration: none; border:0;}
.inhoud_4 a:hover { color: #687088; font-weight: normal; text-decoration: underline; border:0;}
.inhoud_4 a:active { color: #687088; font-weight: normal; text-decoration: none; border:0;}

.info {border-style:solid; border-width:1px; border-color:#f8b481; padding:10px 5px 10px 5px;}
.jaar {border-style:solid; border:0px; padding:0 0 0 5px; background-color: #f8b481; }


.inhoud_4 li {}
.inhoud_4 ul {list-style-position: outside }

.inhoud_5 { 
	position: absolute; 
	top: 168px; 
	left: 215px; 
	width: 375px;
	height: 348px;
	overflow: auto;
	padding: 0 10px 0 0;
	}

.inhoud_6 a { color: #687088; font-weight: normal; text-decoration: none;  border:0;}
.inhoud_6 a:link { color: #687088; font-weight: normal; text-decoration: none; border:0;}
.inhoud_6 a:visited { color: #687088; font-weight: normal; text-decoration: none; border:0;}
.inhoud_6 a:hover { color: #687088; font-weight: normal; text-decoration: underline; border:0;}
.inhoud_6 a:active { color: #687088; font-weight: normal; text-decoration: none; border:0;}
.inhoud_6 li {}
.inhoud_6 ul {list-style-position: outside }


h2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 15px;
	margin: 0;
	}

#inhoud{
  position:absolute;
  top:10px;
  left:0px;
  width:220px;
  height:300px;
 }

#mail{
  position:absolute;
  top:230px;
  left:0px;
  width:220px;
  height:27px;
 }

.foot {
position: absolute; 
width: 220px; 
height: 19px; 
z-index: 60; 
left: 670px; 
top: 310px;
font-size:12px;
}

#vorige{
  position:absolute;
  top:320px;
  left:0px;
  z-index:200;
  width:110px; 
  height:40px;
 }

#volgende{
  position:absolute;
  top:320px;
  right:15px;
  z-index:200;
  width:120px; 
  height:40px;
 }

#vorige a:hover, #volgende a:hover{visibility:visible}

.vorige {
width:110px; 
height:40px;
background-image:url(site/vorige2.gif);
}

.volgende {
width:120px; 
height:40px;
background-image:url(site/volgende2.gif);
}

.vorige a, .volgende a {display:block}
.vorige img, .volgende img {width:100%; height:100%}
.vorige a:hover img, .volgende a:hover img {visibility:hidden;}


  table {
  line-height: 16px;
  }


a 	{ color: #cc5e38; font-weight: normal; text-decoration: none;  border:0;}
a:link { color: #cc5e38; font-weight: normal; text-decoration: none; border:0;}
a:visited { color: #cc5e38; font-weight: normal; text-decoration: none; border:0;}
a:hover { color: #9f4429; font-weight: normal; text-decoration: underline; border:0;}
a:active { color: #cc5e38; font-weight: normal; text-decoration: none; border:0;}

#pagina_afbeelding {position: absolute; top: 135px; left: 215px; z-index: 0; width: 400px; height: 400px; overflow: hidden; }

.myimage-staand {display: block; margin: auto; height: 400px; width: auto; }
.myimage-breed { position: absolute; margin-top:50px; width: 400px; height: auto;}
.myimage-horizontaal { position: absolute; margin-top:25px; width: 400px; height: auto;}
.myimage-vierkant { position: absolute; margin-top:10px; width: 400px; height: auto;}
.myimage-tweeluik { position: absolute; margin-top:70px; width: 400px; height: auto;}


#mainPhoto { position: absolute; top: 135px; left: 215px; z-index: 1; height:400px; width: 400px; overflow: hidden;}
.block1 { position: absolute; margin-left: 0px; }
.block2 { position: absolute; margin-left: 0px; }
.block3 { position: absolute; margin-left: 0px; }
.block4 { position: absolute; margin-left: 0px; }
.block5 { position: absolute; margin-left: 0px; }

.foto { position: relative; z-index: 10; width: 128px; height: 99px; background-image:url(site/foto.png); padding: 18px 0 0 17px; margin: 0 20px 10px 0; float: left; }
.fototext { position: relative; z-index: 10; width: 160px; height: 15px; padding: 0 0 0 5px; margin: 0 0 10px 0; float: left; }

#left-sidebar {
  position: absolute;
  top: 150px;
  left: 0px;
  width: 200px;
  height: 385px;}

body>div#left-sidebar {
   position: fixed;}

#right-sidebar {
  position: absolute;
  top: 120px;
  right: 0px;
  width: 45px;
  height: 385px;
  background: url('site/bg3av.gif') no-repeat;}

.menu ul {
list-style:none;
padding:0;
margin:0;
}
 
.menu ul li {
}
 
.menu ul li a {
text-indent:-9000px;
display:block;
width:150px;
height:40px;
margin-right:1px; /* kleine ruimte tussen buttons */}

.menu ul li.schilderij a {
background:url(site/schilderij.gif);
}
.menu ul li.schilderij a:hover {
background-position:bottom;
}

.menu ul li.brons a {
background:url(site/brons.gif);
}
.menu ul li.brons a:hover {
background-position:bottom;
}

.menu ul li.expo a {
background:url(site/expo.gif);
}
.menu ul li.expo a:hover {
background-position:bottom;
}

.menu ul li.boek a {
background:url(site/boek.gif);
}
.menu ul li.boek a:hover {
background-position:bottom;
}

.menu ul li.suzan a {
background:url(site/suzan.gif);
}
.menu ul li.suzan a:hover {
background-position:bottom;
}

.menu ul li.contact a {
background:url(site/contact.gif);
}
.menu ul li.contact a:hover {
background-position:bottom;
}

.menu ul li.copyright a {
background:url(site/copyright.gif);
}
.menu ul li.copyright a:hover {
background-position:bottom;
}

.menu ul li.tekoop a {
background:url(site/tekoop.gif);
}
.menu ul li.tekoop a:hover {
background-position:bottom;
}

.menu ul li.ouder a {
background:url(site/ouder.gif);
}
.menu ul li.ouder a:hover {
background-position:bottom;
}

.colofon { 
    color: #cc5e38;
    font-size: 9px; 
    text-decoration: none; 
    text-align: center;
    position: absolute; 
    top: 579px;
    right: 15px; }

.teller { 
    color: #cc5e38;
    font-size: 8px; 
    text-decoration: none; 
    text-align: center;
    position: absolute; 
    top: 579px;
    left: 15px; }