/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


ol, ul {
	list-style: disc;
	color:#000000;
	margin-left:20px;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles!*/
:focus {
	outline: 0;
} 

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* END RESET CSS */


* { padding: 0; margin: 0; }

* { padding: 0; margin: 0; }


/*give the body height:100% so that its child
    elements can have percentage heights*/

html,
body {
   margin:0;
   padding:0;
   height:100%;
   width:100%;
/*   background: #dedede url(img/bg1.gif) repeat-x;   */
   background: #ffffff url(img/bg_under.jpg) repeat-x;
}
#container {
   min-height:100%;
   position:relative;
}

#header {
   background: #cecece url(img/bgtop.gif) repeat-x;
   padding:0px;
   height:197px;
}

#wrapperlogo {
background: url(img/grindhouse.png) no-repeat;	
width: 839px;
margin-top: -200px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

#body {
   padding:0px;
   padding-bottom:118px;   /* Height of the footer */
}

#overbody {
width: 839px;
margin-top: 270px;
margin-left: auto;
margin-right: auto;
padding-left:19px;

}

* html #overbody { margin-top:148px; }  /* for IE 6 */
* + html #overbody { margin-top:148px; }  /* for IE 7 */

#footer {
   position:relative;
   bottom:0;
   width:100%;
   height:118px;   /* Height of the footer */
   background: #cecece url(img/bgfooter.gif) repeat-x;
}

#container {
   height:100%;
}



#wrappercenter {
width: 820px;
margin-left: auto;
margin-right: auto;
text-align: left;
}


#navtop {
   background: url(img/menu-bg.png) no-repeat;
   margin-top:19px;
   height:41px;
   width: 820px;
   margin-left: auto;
   margin-right: auto;
}

* html #navtop { margin-top:24px; }  /* for IE 6 */
* + html #navtop { margin-top:24px; }  /* for IE 7 */


#navtop p{
padding:16px;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#eccbc7;
word-spacing:10px;
font-weight:bold;
}

#nav3items {
   background: url(img/bg3items.gif) repeat-x;
   margin-top:11px;
   height:323px;

}
* html #nav3items { margin-top:2px; }  /* for IE 6 */
* + html #nav3items { margin-top:2px; }  /* for IE 7 */



#wrapperkolom {
   margin-top:-311px;
   height:41px;
   width: 820px;
   margin-left: auto;
   margin-right: auto;	
}


#linkerkolom {
   margin-top:2px;
   margin-right:4px;
   margin-left:22px;
   background: url(img/menu-g.png) no-repeat;
   height:43px;
   width: 230px;
   float: left;
}
* html #linkerkolom { margin-left:12px; }  /* for IE 6 */
* + html #linkerkolom { margin-top:12px; }  /* for IE 7 */

#linkerkolom p{

font-family: "Trebuchet MS" verdana, arial, 'sans serif';
color:#fff;
font-size:13px;
text-align:justify;
}

#middenkolom {
   margin-top:2px;
   margin-right:5px;
   margin-left:32px;
   background: url(img/menu-g.png) no-repeat;   
   height:43px;
   width: 239px;
   float: left;	
}
#middenkolom p{

font-family: "Trebuchet MS" verdana, arial, 'sans serif';
color:white;
font-size:13px;
text-align:justify;
}

#rechterkolom {
   margin-top:2px;
   margin-right:5px;
   margin-left:32px;
   background: url(img/menu-g.png) no-repeat;   
   height:43px;
   width: 231px;
   float: left;
}
#rechterkolom p{

font-family: "Trebuchet MS" verdana, arial, 'sans serif';
color:white;
font-size:13px;
text-align:justify;
}

h1
{
font-family: "Trebuchet MS" verdana, arial, 'sans serif';
color:white;
font-size:27px;
}


h2 
{
color:#8A74B7; 
font-size: 82%;
}


h3 
{
font-family: "Trebuchet MS" verdana, arial, 'sans serif'; 
margin-left: 0pt;
color: #ffffff;
margin-left: auto;
margin-right: auto;
font-size: 12pt;
}


h4 
{
color:#EE0F2A; 
font-size: 90%;
}


h5 
{
color:#FC6E00; 
font-size: 80%;
}

a:link    {color:#fff; text-decoration: none ; font-size: 100%;}
a:visited {color:#fff; text-decoration: none ; font-size: 100%;}
a:active  {color:#fff; text-decoration: none ; font-size: 100%;}
a:hover   {color:#949494; text-decoration: none ; font-size: 100%;}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }