@charset "utf-8";
/* CSS Document */

body 				{	background-image:url('background.jpg');
						background-color:#000;
						background-position:top, left;
						background-repeat:repeat-x, repeat-y;
						
						font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
						font-size:12px;
						color:#333;
						
						margin-left:0px;
						margin-top:0px;
					
					}	
.test				{	background-image:url('testbg.jpg');
						background-repeat:repeat-x;
						width:100%;
						height:1000px;
						position:absolute;
						left:0px;
						top:0px;
						z-index:1;}

.menuflash			{	text-align:center;
						z-index:200;
						}
					
.logo				{	background-color:none;
						padding:0px;
						position:absolute;
						left:0px;
						top:0px;
						z-index:2;
						}
						
		
.navigation1		{	background-color:none;

						
						
						width:280px;
						height:22px;
						
						text-align:right;
						
						
						position:absolute;
							top:380px;
							left:110px;
							
						
						padding:10px;
						z-index:400;
						

						}
.main1				{	/*background-image:url(main1_bg.gif);*/
						background-color:#F1F2DF;
						
						width:350px;
						height:350px;
						
						position:absolute;
							left:100px;
							top:450px;
						
						padding:10px;
						padding-left:20px;
						overflow:scroll;
						overflow-x: hidden;
						z-index:5;
						
						
						
						}
						
.main3				{	/*background-image:url(main1_bg.gif);*/
						background-color:#ECD473;
						
						width:350px;
						height:250px;
						
						position:absolute;
							left:100px;
							top:830px;
						
						padding:10px;
						padding-left:20px;
						overflow:scroll;
						overflow-x: hidden;
						z-index:5;
						
						}
.main33				{	/*background-image:url(main1_bg.gif);*/
						background-color:#281D02;
						
						width:360px;
						height:250px;
						
						position:absolute;
							left:104px;
							top:834px;
						
						padding:10px;
						overflow-y: hidden;
						overflow-x: hidden;
						z-index:4;
					}											

						
.socials			{	width:226px;
						height:75px;
						padding-left:70px;
						position:absolute;
						left:690px;
						top:150px;
						background-image:url(images/socialsbg.png);
						z-index:1;
						border:none;

}



.socialstekst		{	width:50px;
						height:20px;
						margin-left:-30px;
						z-index:1;}

.socialslinks		{	border:none;}

.main11				{	/*background-image:url(main1_bg.gif);*/
						background-color:#281D02;
						
						width:360px;
						height:350px;
						
						position:absolute;
							left:104px;
							top:454px;
						
						padding:10px;
						overflow-y: hidden;
						overflow-x: hidden;
						z-index:5;
					}						
					
					
					
.main2				{	/*background-image:url(main2_bg.gif);*/
						background-color:#F1F2DF;
						
						width:450px;
						height:350px;
						
						position:absolute;
							left:500px;
							top:450px;
						
						padding:10px;
						text-align:right;
						
						overflow:scroll;
						overflow-x: hidden;
						z-index:2;
						
						
						
						}
						
						
.main22				{	/*background-image:url(main2_bg.gif);*/
						background-color:#281D02;
						
						width:450px;
						height:350px;
						
						position:absolute;
							left:504px;
							top:454px;
						
						padding:10px;
						text-align:right;
						
						overflow-y: hidden;
						overflow-x: hidden;
						z-index:2;
						
						
						
						}	
						
.main4	 			{	width:450px;
						height:350px;
						
						position:absolute;
							left:404px;
							top:854px;
						
						padding:10px;
						text-align:right;
						
						overflow-y: hidden;
						overflow-x: hidden;
						z-index:2;
						}

.footer		{	/*background-color:#F1F2De;*/
						background-image:url(images/socialsbg2.png);
						background-position:top left;
						
					
						letter-spacing:2px;
						
						
						
						
						width:234px;
						height:190px;
						
						text-align:center;
						
						
						position:absolute;
							right:0px;
							bottom:10%;
						
						padding:10px;
						padding-top:20px;
						z-index:2;
						

						}
						
.floris			{		width:137;
						height:228;
						
						position:absolute;
						left:320px;
						top:190px;
						z-index:9;
						}
						
.htfcc			{		width:137;
						height:228;
						
						position:absolute;
						left:650px;
						top:250px;
						z-index:8;}
						
						
						
.youfavs			{		width:137;
						height:228;
						
						position:absolute;
						left:510px;
						top:420px;
						z-index:10;}
						
						
						
a				{	color:#000;}
a:hover			{	color:#9C6;}
a:visited		{	color:#D93A13;}

h1				{	color:#333;
					margin-top:20px;}
			
h6				{	color:#3C3939;
					font-size:16px;
					text-decoration:underline;
					
					}
					

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; color:none;}
#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; }