/* 
SETTINGS

WWW.WEBIARIUM.DK
*/

/* PAGESETUP */
body					{
				    	margin-top: 0px;
						margin-bottom: 50px;
						margin-left: 0px;
						margin-right: 0px;
						background-color: #FFFFFF;
						font-family: arial; 
						font-size: 10px
	  					}

.div_cont				{
				    	padding-top: 10px;
						padding-bottom: 0px;
						padding-left: 0px;
						padding-right: 0px;
						text-align: left;
						width: 538px
	  					}

.div_path				{
				    	padding-top: 10px;
						padding-bottom: 0px;
						padding-left: 16px;
						padding-right: 15px;
						text-align: left;
	  					}						
											
.div_menu				{
						text-align: left;
				  	  	padding-top: 0px;
						padding-bottom: 0px;
						padding-left: 0px;
						padding-right: 0px;
	  					}
						
.div_margin				{
				  	  	padding-top: 18px;
						padding-bottom: 10px;
						padding-left: 10px;
						padding-right: 10px
	  					}						
			
.div_submenu			{
				 	  	padding-top: 25px;
						padding-bottom: 10px;
						padding-left: 15px;
						padding-right: 5px;
						text-align: left;
	  					}

.menuSettings			{
						text-align: left;
						padding-left: 0px;
						padding-top: 0px;
						}

.menuIndentSettings		{
						text-align: right;
						padding-left: 0px;
						padding-top: 5px;
						padding-bottom: 0px
						}
						
.menuIndent2Settings	{
						text-align: right;
						padding-left: 0px;
						padding-top: 5px;
						padding-bottom: 0px
						}						

.submenuSettings		{
						text-align: left;
						padding-left: 10px;
						padding-bottom: 10px
						}

.div_credits			{
				 	  	padding-top: 25px;
						padding-bottom: 10px;
						padding-left: 18px;
						padding-right: 0px;
						text-align: left
	  					}
						
.gallerySettings		{
				 	  	padding-top: 15px;
						padding-bottom: 0px;
						padding-left: 0px;
						padding-right: 15px;
	  					}									
					
/* FORM STYLES */
.formSettings			{
						width: 300px
						}

.captionSettings		{
						width: 150px
						}

.inputSettings			{
						padding-bottom: 5px
						}
					
.inputbox				{
						font-family: verdana;
						font-size: 11px;
						width: 150px
						}

.button					{
						font-family: verdana;
						font-size: 11px;
						width: 75px
						}						

.textarea				{
						font-family: verdana;
						font-size: 11px;
						width: 150px;
						height: 100px
						}						

/* 
FONTS

WWW.WEBIARIUM.DK
*/

/* PAGESETUP */
p						{
						margin-top: 0px;
						margin-bottom: 0px;
						}

li						{
						margin-top: 0px;
						margin-bottom: 0px;
						}				
					
/* FONT STYLES */					
.news					{
						font-family: arial; 
						font-size: 10px; 
						color: #333333;
						margin-top: 0px;
						margin-bottom: 0px;
						}
						
.contact					{
						font-family: verdana; 
						font-size: 10px; 
						color: #9F0000;
						margin-top: 0px;
						margin-bottom: 0px;
						}
						
.news_head				{
						font-family: verdana; 
						font-size: 11px; 
						line-height: 1,7em;
						color: #666666;
						margin-top: 0px;
						margin-bottom: 0px;
						}

.newsletter				{
						font-family: verdana; 
						font-size: 10px;
						font-weight: bold;
						color: #FFFFFF; 
						line-height: 18px;
						}
			
					
/* FORM STYLES */
.inputbox				{
						width: 308;
						font-family: verdana; 
						font-size: 11px; 
						color: #000000;
						}

					
.button	 				{
						font-family: verdana; 
						font-size: 9px; 
						color: #000000; 
						width: 100; 
						font-weight: bold;
						}
					
/* LINK STYLES */
a:link						{color: #4E76B2; text-decoration: underline}
a:active					{color: #4E76B2; text-decoration: underline}
a:visited					{color: #4E76B2; text-decoration: underline}
a:hover						{color: #4E76B2; text-decoration: underline}

a:link.menuFont				{font-family: verdana; font-weight: bold; font-size: 10px; color: #666666; line-height: 11px; text-decoration: none}
a:active.menuFont			{font-family: verdana; font-weight: bold; font-size: 10px; color: #666666; line-height: 11px; text-decoration: none}
a:visited.menuFont			{font-family: verdana; font-weight: bold; font-size: 10px; color: #666666; line-height: 11px; text-decoration: none}
a:hover.menuFont			{font-family: verdana; font-weight: bold; font-size: 10px; color: #888888; line-height: 11px; text-decoration: none}

a:link.pathLink				{color: #F43A0E; text-decoration: underline}
a:active.pathLink			{color: #F43A0E; text-decoration: underline}
a:visited.pathLink			{color: #F43A0E; text-decoration: underline}
a:hover.pathLink			{color: #F43A0E; text-decoration: underline}

a:link.submenuFont			{font-family: verdana; font-size: 11px; color: #333333; line-height: 15px; text-decoration: none}
a:active.submenuFont		{font-family: verdana; font-size: 11px; color: #333333; line-height: 15px; text-decoration: none}
a:visited.submenuFont		{font-family: verdana; font-size: 11px; color: #333333; line-height: 15px; text-decoration: none}
a:hover.submenuFont			{font-family: verdana; font-size: 11px; color: #333333; line-height: 15px; text-decoration: none}

a:link.submenuFont2			{font-family: verdana; font-size: 9px; color: #888888; line-height: 11px; text-decoration: none}
a:active.submenuFont2		{font-family: verdana; font-size: 9px; color: #888888; line-height: 11px; text-decoration: none}
a:visited.submenuFont2		{font-family: verdana; font-size: 9px; color: #888888; line-height: 11px; text-decoration: none}
a:hover.submenuFont2		{font-family: verdana; font-size: 9px; color: #666666; line-height: 11px; text-decoration: none}

a:link.topMenu				{font-family: verdana; font-size: 10px; color: #F43A0E; font-weight: bold; text-decoration: none}
a:active.topMenu			{font-family: verdana; font-size: 10px; color: #F43A0E; font-weight: bold; text-decoration: none}
a:visited.topMenu			{font-family: verdana; font-size: 10px; color: #F43A0E; font-weight: bold; text-decoration: none}
a:hover.topMenu				{font-family: verdana; font-size: 10px; color: #F43A0E; font-weight: bold; text-decoration: underline}

A:link.print				{font-family: arial; font-size: 10px; color: #888888; text-decoration: underline}
A:visited.print				{font-family: arial; font-size: 10px; color: #888888; text-decoration: underline} 
A:active.print				{font-family: arial; font-size: 10px; color: #888888; text-decoration: underline} 
A:hover.print				{font-family: arial; font-size: 10px; color: #888888; text-decoration: underline}

a:link.news					{font-family: verdana; font-size: 11px; color: #888888; text-decoration: underline}
a:active.news				{font-family: verdana; font-size: 11px; color: #888888; text-decoration: underline}
a:visited.news				{font-family: verdana; font-size: 11px; color: #888888; text-decoration: underline}
a:hover.news				{font-family: verdana; font-size: 11px; color: #888888; text-decoration: underline}

a:link.contact				{color: #9F0000; text-decoration: none}
a:active.contact			{color: #9F0000; text-decoration: none}
a:visited.contact			{color: #9F0000; text-decoration: none}
a:hover.contact				{color: #9F0000; text-decoration: underline}

a:link.credits				{color: #888888; text-decoration: none}
a:active.credits			{color: #888888; text-decoration: none}
a:visited.credits			{color: #888888; text-decoration: none}
a:hover.credits				{color: #888888; text-decoration: underline}

#lightbox{	position: absolute;	left: 0; top: 100px; 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:/files/modules/gallery/lightbox/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('/files/modules/gallery/lightbox/prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('/files/modules/gallery/lightbox/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; }