/***********************************************//* HTML tag styles *//***********************************************/
body{font-family: Verdana,sans-serif; color: #000000; line-height: 18px; margin: 0px; padding: 0px; background-image: url("gfx/back.jpg"); } 
headings{font-family: Verdana, Helvetica, sans-serif; line-height: 18px; margin: 0px; padding: 0px; background-color: #FFFFFF; }
#toplevel { position: relative; width: 1000px; margin: 0 auto; /* to centre compliant browsers */ text-align: left; /* to reset text alignment to default */ vertical-align: middle; background-color: #FFFFFF; }

/******* hyperlink and anchor tag styles *******/
a:link, a:visited{color: #061357; text-decoration: none;} 
a:hover{color: #061357; text-decoration: none;}

/************** header tag styles **************/
h1 { color: #061357; margin: 0px; padding: 0px; font-family: Verdana, Helvetica, sans-serif; text-align: left; font-size: 14px; font-weight: bold; }
h2 { color: #061357; margin: 0px; padding: 0px; font-family: Verdana, Helvetica, sans-serif; text-align: left; font-size: 10px; font-weight: bold; }
h3 { color: #FFFFFF; margin: 0px; padding: 0px; font-family: Verdana, Helvetica, sans-serif; text-align: left; font-size: 16px; font-weight: bold; }

/***********************************************//* Layout Divs */
/***********************************************/
#logo { position:absolute; top: 0px; left: 0px; width: 1000px; padding: 0px 0px 0px 0px; font-size: 11px; font-family: Verdana, Helvetica, sans-serif; line-height: 14px; z-index: 0; height: 80px; background-color: #FFFFFF; }
#menu { position:absolute; top: 80px; left: 0px; width: 1000px; padding: 0px 0px 0px 0px; font-size: 11px; color: #000349; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 14px; z-index: 40; height: 43px; }
#foto { position:absolute; top: 123px; left: 0px; width: 770px; padding: 20px 215px 0px 15px; font-size: 12px; color: #FFFFFF; font-family: Verdana, Helvetica, sans-serif; line-height: 20px; z-index: 1; background-color: #FFFFFF; height: 180px; }
#feature { position:absolute; top: 323px; left: 0px; width: 755px; padding: 20px 230px 120px 15px; font-size: 12px; font-family: Verdana, Helvetica, sans-serif; color: #000000; line-height: 16px; z-index: 2; background-color: #FFFFFF; }
#feature_scroll { position:absolute; top: 123px; left: 0px; width: 745px; padding: 20px 240px 120px 15px; font-size: 12px; font-family: Verdana, Helvetica, sans-serif; color: #000000; line-height: 16px; z-index: 2; background-color: #FFFFFF; }
#feature_producten { position:absolute; top: 123px; left: 0px; width: 755px; padding: 20px 230px 120px 15px; font-size: 12px; font-family: Verdana, Helvetica, sans-serif; color: #000000; line-height: 16px; z-index: 2; background-color: #FFFFFF; height: 500px; }
#feature_productenoverzicht { position:absolute; top: 123px; left: 0px; width: 755px; padding: 20px 230px 120px 15px; font-size: 12px; font-family: Verdana, Helvetica, sans-serif; color: #000000; line-height: 16px; z-index: 2; background-color: #FFFFFF; }
#adres { position:absolute; top: 143px; left: 785px; width: 185px; padding: 15px 15px 10px 0px; font-size: 12px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; line-height: 20px; z-index: 3; height: 155px; background-color: #071358; }
#distributeur { position:absolute; top: 643px; left: 785px; width: 215px; padding: 20px 0px 10px 0px; font-size: 11px; color: #000349; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 20px; z-index: 4; height: 80px; background-color: #FFFFFF; }
#nieuwskader { position:absolute; top: 323px; left: 785px; width: 190px; padding: 40px 20px 0px 5px; font-size: 11px; color: #000349; font-family: Arial, Helvetica, sans-serif; line-height: 16px; z-index: 4; background-image: url("gfx/back_nieuws.jpg"); height: 290px; }
#rechtsonder { position:absolute; top: 733px; left: 785px; width: 215px; padding: 20px 0px 10px 0px; font-size: 11px; color: #000349; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 20px; z-index: 6; background-color: #FFFFFF; }
#helder { position:absolute; top: 400px; left: 398px; width: 299px; padding: 11px 0px 0px 0px; font-size: 18px; color: #777777; font-family: Verdana, Helvetica, sans-serif; line-height: 20px; z-index: 7; background-color: #FFFFFF; height: 100px; }
#introtekst2 { position:absolute; top: 530px; left: 150px; width: 700px; padding: 0px 0px 0px 0px; font-size: 12px; color: #777777; font-family: Verdana, Helvetica, sans-serif; line-height: 20px; z-index: 8; height: 20px; }
#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: 100; }

#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:link, #prevLink:visited:link { background: url(images/prevlabel.gif) left 15% no-repeat; }

#nextLink:link, #nextLink:visited:link { 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; }