html, body {
 margin:0;
 padding:0;
 background-color:#000;
 color:#ddd;
 font: 11px Verdana, Tahoma, Arial, Courier;
 scrollbar-face-color: #333;
 scrollbar-shadow-color: #777;
 scrollbar-highlight-color: #333;
 scrollbar-3dlight-color: #777;
 scrollbar-darkshadow-color: #333;
 scrollbar-track-color: #333;
 scrollbar-arrow-color: #777;
}


/*		POSITIONS
=========================*/
div#achtergrond-top{
 text-align:center;
 position:absolute;
 top:50%;
 left:0px;
 width:100%;
}
div#achtergrond-left{
 text-align:left;
 margin-left:-375px;
 position: absolute;
 top:-205px;
 left: 50%;
 width:750px;
 height:410px;
 visibility: visible;
 background: url(../img/background.jpg) no-repeat;
 border: 1px solid #777;
}

div#content {
 margin:0;
 padding:0;
 position:absolute;
 top:90px;
 left:250px;
 width:475px;
 height:290px;
}

div#contentafrika {
 margin:0;
 padding:0;
 position:absolute;
 top:90px;
 left:150px;
 width:650px;
 height:290px;
}

/*		NAVIGATION1
============================*/
ul#nav {
 margin:0;
 padding:0;
 position:absolute;
 bottom:395px;
 left:80px;
 z-index:2;
 list-style:none;
 height:25px;
}
ul#nav li {
 display:block;
 margin:0 5px;
 padding:0;
 float:left;
}
ul#nav li a {
 display:block;
 margin:0;
 padding:0;
 height:22px;
 width:90px;
 text-indent: -100em;
 overflow:hidden;
}
ul#nav li#home a {
 background: url(../img/homebn.gif) top left no-repeat;
}
ul#nav li#home a:hover {
 background-position: 0 -30px;
}
ul#nav li#foto a {
 background: url(../img/fotobn.gif) top left no-repeat;
}
ul#nav li#foto a:hover {
 background-position: 0 -30px;
}

/*		NAVIGATION 2
============================*/
ul#nav2 {
 margin:0;
 padding:0;
 position:absolute;
 bottom:-15px;
 left:120px;
 z-index:2;
 list-style:none;
 height:25px;
}
ul#nav2 li {
 display:block;
 margin:0 5px;
 padding:0;
 float:left;
}
ul#nav2 li a {
 display:block;
 margin:0;
 padding:0;
 height:22px;
 width:90px;
 text-indent: -200em;
 overflow:hidden;
 
}

ul#nav2 li#vrijwerk a {
 background: url(../img/vrijwerkbn.gif) top left no-repeat;
}
ul#nav2 li#vrijwerk a:hover {
 background-position: 0 -30px;
}

ul#nav2 li#portret a {
 background: url(../img/portretbn.gif) top left no-repeat;
}
ul#nav2 li#portret a:hover {
 background-position: 0 -30px;
}

ul#nav2 li#kunst a {
 background: url(../img/kunstbn.gif) top left no-repeat;
}
ul#nav2 li#kunst a:hover {
 background-position: 0 -30px;
}

ul#nav2 li#familie a {
 background: url(../img/familiebn.gif) top left no-repeat;
}
ul#nav2 li#familie a:hover {
 background-position: 0 -30px;
}
ul#nav2 li#fantasy a {
 background: url(../img/fantasybn.gif) top left no-repeat;
}
ul#nav2 li#fantasy a:hover {
 background-position: 0 -30px;
}
ul#nav2 li#afrika a {
 background: url(../img/afrikabn.gif) top left no-repeat;
}
ul#nav2 li#afrika a:hover {
 background-position: 0 -30px;
}
ul#nav2 li#toneel a {
 background: url(../img/toneelbn.gif) top left no-repeat;
}
ul#nav2 li#toneel a:hover {
 background-position: 0 -30px;
}





/*		FOTO'S
============================*/
div#content ul.fotos {
 margin:10px 0 20px 80px;
 padding: ;
 list-style:none;
 height:290px;
}
div#content ul.fotos li {
 display:block;
 float:left;
 margin:5px 15px;
 padding:0;
}

div#contentafrika ul.fotos {
 margin:10px 0 20px 80px;
 padding: ;
 list-style:none;
 height:290px;
}
div#contentafrika ul.fotos li {
 display:block;
 float:left;
 margin:5px 15px;
 padding:0;
}

img {
 border:1px solid white;
} 
 

/*		TEKST
============================*/
h1 {
 margin:2px 0;
 font-size:14px;
 font-weight:bold;
 color:#777;
 padding-bottom:2px;
 border-bottom:1px solid #777;
}
p {
 text-align:justify;
 margin:3px 0;
 line-height:14px;
}
body#contact p {
 margin:5px 0;
 padding:0;
}
address {
 font:11px Verdana, Tahoma, Arial, Courier;
 margin-top:25px;
}
address#copyright {
 font:10px Verdana, Tahoma, Arial, Courier;
 position:absolute;
 left:0;
 bottom:-12px;
}
/*		HYPERLINKS
============================*/
a {
 color:#ddd;
 font-weight:bold;
 text-decoration:none;
}
a:visited {
 color:#ddd;
 font-weight:bold;
 text-decoration:none;
}
a:hover {
 text-decoration:underline;
}

a#copy, a#copy:visited {
 font-weight:normal;
 font-size:10px;
 color:#aaa;
 text-decoration:none;
}
a#copy:hover, a#copy:active {
 text-decoration:underline;
}
/*		OVERIGE
============================*/
fieldset {
 margin:0;
 padding:0;
 border:0;
}
body#contact label {
 margin-left:108px;
 display:block;
 float:left;
 width:75px;
 cursor:default;
}
html>body#contact label {
 margin-left:218px;
}
body#conctact span#adres {
 display:block;
 float:left;
 z-index:3;
}
body#contact form {
 margin:0;padding:0;
 margin-top:-58px;
}
html>body#contact form {
 margin-top:-53px;
}
input {
 margin:0;
 background-color: #333;
 color:#ddd;
 font:10px Verdana, Tahoma, Arial, Courier;
 border:0;
 border: 1px solid #777;
 width:180px;
}
textarea {
 margin:0;
 background-color: #333;
 color:#fff;
 font:10px Verdana, Tahoma, Arial, Courier;
 border:0;
 border: 1px solid #777;
 width:180px;
}