body {
 margin-top: 5%;
 padding: 0;
 background-color: #333;
 text-align: center;
}

#container1 {
 position: relative;
 width: 896px;
 height: 602px;
 margin: 0 auto;
 background: #fff url("../images/biglogo.gif") no-repeat bottom;
 border: 2px solid #000;
}

#container2 {
 position: relative;
 width: 896px;
 height: 602px;
 margin: 0 auto;
 background: #fff url("../images/logo_ro.gif") no-repeat bottom right;
 border: 2px solid #000;
}

#leftbox {
 position: absolute;
 top: 0;
 left: 0;
 width: 195px;
 height: 576px;
 margin: 26px 0 0 0;
 padding: 0;
 background: transparent url(../images/logo_lt.gif) center 0 no-repeat;
}

#midbox {
 position: absolute;
 top: 0px;
 left: 195px;
 width: 177px;
 height: 602px;
 margin: 0;
 padding: 0;
 background-color: #e5e5e5;
}

#txtbox {
 position: absolute;
 top: 26px;
 left: 388px;
 width: 471px;
 height: 510px;
 color: #000;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 16px;
 text-align: left;
 margin: 0;
 padding: 0 10px 0 0;
 overflow: auto;
}

#txtbox h1 {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 14px;
 line-height: 16px;
 font-weight: bold;
 text-align: left;
}

#txtbox h2 {
 margin: 2em 0 0 0;
 padding: 0;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: bold;
 text-align: left;
}

#txtbox h3 {
 margin-bottom: -1em;
 padding: 0;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 text-align: left;
}

#txtbox p {
 padding: 0;
 margin-top: 1em;
}

#txtbox p.first {
 padding: 0;
 margin-top: 2em;
}

#txtbox p.spacer {
 padding: 0;
 margin-top: 5em;
}

#txtbox a, #txtbox a:active {
 font-weight: bold;
 text-decoration: none;
 color: #000;
}

#txtbox a:hover {
 font-weight: bold;
 text-decoration: none;
 color: #a6a6a6;
}

#photobox {
 position: absolute;
 top: 26px;
 left: 409px;
 width: 450px;
 height: 450px;
 text-align: center;
}

#photobox img {
 vertical-align: top;
}

#thumbs {
 position: absolute;
 top: 26px;
 left: 4px;
 width: 169px;
/* background-color: #e5e5e5; */
}

#thumbs img {
 float: left;
 width: 75px;
 height: 75px;
 margin: 0 1px 14px 6px;
 border: 0;
/*  border: 1px solid #cce; */
}

/* hack om de 3px jog bij IMG weg te halen in WinIE maar niet in MacIE \*/
* html #thumbs img {
 margin: 5px 2px;
 margin: 0 4px 14px 3px;
}
/* einde hack */

#nav_thumbs {
 position: absolute;
 top: 570px;
 left: 53px;
 width: 71px;
 height: 11px;
/* background-color: red; */
}

#nav_textpage {
 position: absolute;
 top: 570px;
 left: 587px;
 width: 54px;
 height: 11px;
}

img.prev {
 position: absolute;
 top: 0;
 left: 0;
 width: 11px;
 height: 11px;
}

img.first {
 position: absolute;
 top: 0;
 left: 24px;
 width: 11px;
 height: 11px;
}

img.next {
 position: absolute;
 top: 0;
 left: 48px;
 width: 11px;
 height: 11px;
}

#language {
 position: absolute;
 top: 387px;
 left: 32px;
 width: 99px;
 height: 11px;
}

#dutch {
 position: absolute;
 top: 0;
 left: 0;
 width: 55px;
 height: 11px;
 background: url("../images/dutch.gif") no-repeat;
}

#dutch a {
 display: block;
 width: 55px;
 height: 11px;
 background: url("../images/dutch.gif") 0 -19px no-repeat;

}

#english {
 position: absolute;
 top: 0;
 left: 63px;
 width: 36px;
 height: 11px;
 background: url("../images/english.gif") no-repeat;
}

#english a {
 display: block;
 width: 36px;
 height: 11px;
 background: url("../images/english.gif") 0 -19px no-repeat;
}

#dutch a:hover, #english a:hover {
 background-position: 0 0;
 display: block;
}

#pipe {
 position: absolute;
 top: 0;
 left: 56px;
 width: 8px;
 height: 11px;
 background: url("../images/pipe.gif") no-repeat;
}

#copybox {
 position: absolute;
 top: 561px;
 left: 51px;
 width: 88px;
 height: 20px;
 background: transparent url(../images/copy_dut.gif) 0 0 no-repeat;
}



#navmain {
 position: relative;
 top: 150px;
 left: 25px;
 text-align: left;
}

#navmain ul {
 list-style: none;
 padding: 0;
 margin: 0;
}

#navmain li {
 height: 17px;
 margin-bottom: 19px;
 overflow: hidden;  /* voorkomt idiote border in FF bij klik-d'rop */
}

#navmain li a {
 display: block;
 text-indent: -999em;
}

#navmain ul li.home a {background: url(../images/nav_home.gif) 0 -25px no-repeat; width: 53px;}
#navmain ul li.portret a {background: url(../images/nav_portret.gif) 0 -25px no-repeat; width: 64px;}
#navmain ul li.commercieel a {background: url(../images/nav_commercieel.gif) 0 -25px no-repeat; width: 104px;}
#navmain ul li.mensen a {background: url(../images/nav_mensen.gif) 0 -25px no-repeat; width: 132px;}
#navmain ul li.trouw a {background: url(../images/nav_trouw.gif) 0 -25px no-repeat; width: 128px;}
#navmain ul li.creatief a {background: url(../images/nav_creatief.gif) 0 -25px no-repeat; width: 70px;}
#navmain ul li.contact a {background: url(../images/nav_contact.gif) 0 -25px no-repeat; width: 67px;}
#navmain ul li.links a {background: url(../images/nav_links.gif) 0 -25px no-repeat; width: 48px;}

#navmain ul li.home a:hover, #navmain ul li.portret a:hover, #navmain ul li.commercieel a:hover, #navmain ul li.mensen a:hover,
#navmain ul li.trouw a:hover, #navmain ul li.creatief a:hover, #navmain ul li.contact a:hover, #navmain ul li.links a:hover {
 background-position: 0 -50px;
}

#navmain ul li.home a.selected, #navmain ul li.portret a.selected, #navmain ul li.commercieel a.selected, #navmain ul li.mensen a.selected,
#navmain ul li.trouw a.selected, #navmain ul li.creatief a.selected, #navmain ul li.contact a.selected, #navmain ul li.links a.selected {
 background-position: 0 0;
 cursor: default;
}