/* style.css */
body {  

onLoad="MM_preloadImages('img/oog8.jpg','img/oog5.jpg','img/handtekening.jpg','img/RECHTS.jpg','img/oog1.jpg','img/oog11.jpg','img/oog12.jpg','img/mond4.jpg','img/mond5.jpg','img/mond6.jpg')"

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

	padding: 0 0 0 80px;margin:0;font-family: verdana, arial, sans-serif; font-size: 11px;  line-height: 17px;background: #fff url(img/bg-repeat.jpg) repeat-y fixed;
}
p { color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 13px}
dt { color:#999999; border-bottom: 1px solid #ccc;font-size: 1.1em;line-height: 1.5em;padding-bottom: .5em;}
dd {  margin-left:17px;margin-bottom: 9px;}
dd a { display: block; text-align: right;}

form
label,button {display:block;}
input,textarea, button {border: 1px solid #ccc;padding:2px;}
input,textarea {width: 300px;}
.hidden {display: none;}

#bericht {height: 250px;}



#container {width: 800px;margin:0 auto;padding-top: 80px;}




#naamzwart{	
	text-indent: -999em;
	position: fixed;
	top: 100px;
	left: 40px;
	width: 60px;
	height: 450px;
	background-repeat: no-repeat;
	background-color: #fff;
	background-position: 18px 0;
	background-image:url(../img/naam.jpg)	
}
#naam{
	text-indent: -999em;
	position: fixed;
	
	left: 40px;
	width: 60px;
	height: 450px;
	background-repeat: no-repeat;
	background-color: #fff;
	background-position: 18px 0;
	background-image:url(../img/naamgrijs.jpg)	
}

	

#menu {
	position: fixed;
	left: 60px;
	background-color: #fff;
}

#menu a,
.cv li strong {
	
	background-repeat: no-repeat;
	
	text-indent: -999em;
	display: block;
	height: 60px;
}
#home a {
	width: 110px;
	background-position: 0 0px;
	background-image:url(../img/tekst.jpg) 		
}


#paintings a {
	width: 130px;
	background-position: 0 0px;
	background-image:url(../img/paintings.jpg)
}
#drawings a {
	width: 130px;
	background-position: 0 0px;
	background-image:url(../img/drawings.jpg)
	}
#opdracht a {
	width: 130px;
	background-position: 4 0;
	background-image:url(../img/opdracht.jpg)}

#expositions a {
	width: 130px;
	background-position: 4 0;
	background-image:url(../img/expositions.jpg)
}
#progress a {
	width: 130px;
	background-position: 0 0;
	background-image:url(../img/progress.jpg)
}
#cv a {
	width: 70px;
	background-position: 0 0;
	background-image:url(../img/cv.jpg)
}
#contact a {
	width: 130px;
	background-position: 0 0;
	background-image:url(../img/contact.jpg)
}





#ontwikkeling {
      
	top: 500px;
	position: fixed;
	padding-left: 0px;
	hight: 50px;
	
	display: block;
	height: 60px;
}


#progress1  {
	
	padding-left: 0px; 
	
	

}
#progress2 {
	padding-left: 5px; 
	
}
#progress3 {
	
	padding-left: 5px;
	}

#progress4 {
	padding-left: 5px;
	
}
#progress5 {
	
	padding-left: 0px;
	}
#progress6 {
	
	padding-left: 5px;
	}
#oog1  {
	text-indent: -999em;
	padding-left: 0px;
	top: 00px;
	width: 47px;
	height: 30px;
	background-repeat: no-repeat;
	background-color: #fff;
	background-position: 0px 0px;
	background-image:url(../img/oog1.jpg) 
	
}
#oog5  {
	text-indent: -999em;
	top: 0px;
	padding-left: 0px;
	width: 49px;
	height: 26px;
	background-repeat: no-repeat;
	background-color: #fff;
	background-position: 0px 0px;
	background-image:url(../img/oog5.jpg) 
	
}

#content {
	padding-left: 230px;
}


#buttons {
	position: fixed;
	padding-left: 125px;
	width: 800px;top: 530px; 
	
}
#content h1 {
display: none;
}
#content p {
}
#content img {
	clear:none;
}
.cv li li strong {
	background-image: none;
	text-indent: 0;
}
.j2006 strong {
	background-position: -500px 0;
}

/**
 * clearFix
 */
.clearfix:after { /* for modern browsers, firefox, safari, camino, opera, shira, icab and flock */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* html .clearfix { /* for IE 5+ IE 6 */
	height: 1%;
	overflow: visible;
}
*:first-child+html .clearfix { /* for IE 7 */
	min-height: 1px;
}
/**
 * /clearFix
 */