/* GEWONE KLEUR VOOR H1 ENZOW: CC0000 */
html, body {
    margin: 0 auto;  
    padding: 0;
    font-family: Verdana, helvetica, sans-serif;
    font-size:12px;
    color:#000;
    text-align:center;
    background:#fff;
    }
div#shim {
    visibility: hidden;
    width: 100%;
    height: 50%;        /* Bump div#blueBox down half the height of the screen. */
    margin-top: -320px; /* Half the height of div#blueBox. */
    float: left;
}
body#fotografie {
	height: auto;
}    
#wrapper, #wrapper_2 {
    clear:both;
	position: relative;
    z-index:1;
	text-align: left;
	width: 972px;
	height: 654px;
	margin: 25px auto 15px auto;
	background:url(../_img/bg.gif) top left no-repeat #fff;
}
#wrapper_2 {
	padding-bottom: 50px;
	height: auto;
	background:url(../_img/shade_mid.gif) top left repeat-y;
}
#shade_top {
	width: 972px;
	height: 10px;
	background:url(../_img/shade_top.gif) top left no-repeat;
}
#shade_bot {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 972px;
	height: 10px;
	background:url(../_img/shade_bot.gif) top left no-repeat;
}
.end_it {
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
}
#topMenu {
    position:absolute;
    top:70px;left:75px;
    z-index:5;
}
#topMenu .mainItem {
    font-weight:bold;
    color:#DA9122;
    font-size:12px;
    line-height:23px;
}
#topMenu .mainItem a {
    color:#000;
    text-decoration:none;
    }
#topMenu .mainItem a:hover {
    color:#DA9122;
    text-decoration:none;
    }
#sub_menu {
	width: 700px;
	clear: both;
	font-weight: normal;
	margin-left: 152px;
	text-align: left;
}
#infoHold {
    position:absolute;
    top:125px;left:75px;
    z-index:2;
    width:810px;height:485px;
    background:#DA9122;
}
a {
    color:#000;
    text-decoration: underline;
}   
a:hover { text-decoration: none; }
#infoLeft {
    position:absolute;
    top:20px;left:23px;
    z-index:4;
    width:190px;height:445px;
    border-right:1px solid #fff;    
}
h1, .h1 {
    font-size:19px;
    margin:5px 0;
    font-weight:bold;
}

#infoRight {
    position:absolute;
    top: 20px;left:255px;
    z-index:4;
    width:475px;
    height:405px;
    overflow: auto;
    padding:20px 70px 20px 0;
}

/* FOTOGRAFIE PAGINA */
/*
fotografie pagina, flexibel maken...

#thumbList
#opdrachtenList
#opdrachtCaption

*/
#wrapper_2 #topMenu {
    position: static;
    margin: 60px 0 0 75px;	
}
#picShow {
	clear: both;
	margin: 25px 0 0 75px;
	float: left;
    width: 630px;
    height: 395px;
    position: relative;
}
#infoShow {
    position:absolute;
    top: 0;
    left: 0;
    z-index:5;
    width:630px;height:395px;
    overflow:auto;
    display:none;
    background:#DA9122;
}
#opdrachtInfo {
    padding:25px 60px;
}

#thumbList {
	float: left;
	margin: 25px 0 0 65px;
    width:150px;
    height:395px;
    overflow:auto;
}
#thumbList img {
    float:left;
    padding:0 0 10px 0;
}
#opdrachtenList {
	clear: both;
	margin: 0 0 0 75px;
	padding-top: 10px;
    color:#DA9122;
    width:800px;
    height:20px;
}
#opdrachtenList .active {
    color:#DA9122;
}
#opdrachtenList a { color:#000;text-decoration:none; }
#opdrachtenList a:hover { color:#DA9122;text-decoration:none; }

#opdrachtCaption {
	clear: both;
	margin: 0 0 0 75px;
	padding-top: 20px;
    color:#000;
    width:830px;
    height:20px;
}
#opdrachtCaption .naam { color:#DA9122;font-weigh:bold; }
#opdrachtCaption a { color:#DA9122;font-style:italic;text-decoration:none; }
#opdrachtCaption a:hover { color:#000;font-style:italic;text-decoration:none; }
#bgIndex {
    position:absolute;
    top:5px;left:3px;
    z-index:4;
}