* {
	margin: 0;
	padding: 0;
}


#container {
	text-align: left;
	color: #333;
	font-size: 11px;
	width: 786px;
	margin: px auto;
	background: #fff;
	
}

#header {
	height: 277px;
	width:786px;
	
}

#header h1 {
}

#header h1 a {
}

#header h1 a span {
	display: none;
}


#header_text  {
	width:420px;
	position:absolute;
	height:20px;
	font-family: Verdana;
	font-weight: normal;
	font-size: 20px;
	color: #a6ce39;
	margin: -59px 0 22px 15px;
	position:absolute;
	text-transform:lowercase;
	text-align:right;
}


#main_nav {
	display: block;
	position: absolute;
	top: 325px;
	margin-left: 30px;
	width:160px;
}

#main_nav span {

 }

#main_nav ul {
	list-style-type: none;
	list-style:none;
	list-style-type:none;
}

#main_nav li {
	border-bottom:1px solid #ccc;
}

#main_nav li:hover {
	border-bottom-color:#a6ce39;	
	color: #003357;
}


#main_nav li a {
	display: block;			
	font-family:Verdana;
	font-size: 12px;
	color: #003357;
	text-decoration: none;
	text-transform: uppercase;
	padding-bottom:4px;	
	padding-top:10px;
}

#main_nav li li a:hover {
	color: #a6ce39;	
}


#main_nav li li {
		
		border: 0;
		padding-left:5px;
		padding-top:4px;		
	
		width: 160px;		
	
		background: url("design/trans.png") repeat 0 0 !important;
		background: #000;
		filter: alpha(opacity=50);
}

#main_nav li li a {
	background: none;
	padding: 0;
	height: 20px;
	width: auto;
	
	color: #fff;
	font-weight: normal;
	text-transform: none;
}

#main_nav li ul {
	padding: 10px 3px;
	position: absolute;
	left: -999em;
	z-index: 90;
}

#main_nav li:hover ul, #main_nav li.sfhover ul {
	left: auto;
	margin-top: -26px;
	margin-left: 120px;	
}


#content {
	padding: 0;
	clear: both;
	padding-top:20px;	
	margin: 0;
	background: url(design/container-middle.jpg) repeat-y 1px 0;
	
}

#header_text h2 {
	font-family: Verdana;
	font-weight: normal;
	font-size: 25px;
	color: #204d6c;
	margin: -49px 0 22px 80px;
	position:absolute;
	text-transform:lowercase;	
}

#content h3 {
	font-size: 12px;
	font-family: verdana, sans-serif;
	font-weight:bold;
	color: #000;
}

 {
	border:1px solid #000;
}
#maincontent {
	
	padding-left:90px;
	min-height:300px;
	background: url(design/container-middle.jpg) repeat-y 322px 0;
}
* html #maincontent {
	height: 300px;
}

#maincontent p {
	margin: 2px 0 10px;	
}

#text {
	width: 455px;	

}

#bottom {

}

#footer {
	background: url(design/container-bottom.jpg) no-repeat 0 0;
	color:#000;
	height: 32px;	
}

#links a {
	position: absolute;
	display: block;
	top: 385px;
	height: 69px;
	width: 51px;
	
/*	border: 2px solid #f00;*/
	
	background: url(design/knapper.jpg) no-repeat 0 0;
}


#links span { display: none; }


#footer .footernav {
	float:right;
	padding-top:40px;
	padding-right:20px;
	color:#999;
	
	
}





.box_input	{
	font-family: Verdana, Arial, Helvetica, sans-serif;font-size:10px; color:#767575;
}

#lightbox							{position: absolute;top: 40px;left: 0;width: 100%;z-index: 100;text-align: center;	line-height: 0;}
#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: transparent url(http://www.xlweb.dk/php5001/gallery/blank.gif) no-repeat; /* Trick IE into showing hover */display: block;}
#prevLink							{left: 0; float: left;}
#nextLink 							{right: 0; float: right;}
#prevLink:hover, 
#prevLink:visited:hover 			{background: url(http://www.xlweb.dk/php5001/gallery/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover,
#nextLink:visited:hover 			{background: url(http://www.xlweb.dk/php5001/gallery/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer					{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;}
#imageData							{padding:0 10px;}
#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;}			
#overlay							{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
.clearfix:after 					{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix 				{display: inline-block; width: 100%;}
* html .clearfix 					{/* Hides from IE-mac \*/height: 1%;/* End hide from IE-mac */}