* { padding: 0; margin: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #afacad url("design/bg.jpg") repeat-x 0px 0px;
}

a, a:link, a:visited, a:active {
	color: #b9d300;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	color:#999999;
}

a.footer, a.footer:link, a.footer:visited, a.footer:active {
	color: #999999;
	text-decoration: none;
}

a.footer:hover {
	text-decoration: none;
	color:#b9d300;
}

.fejlText {
	color:red;
}

#wrapper { 
	margin: 0 auto;
	width: 931px;
}
#header {
	background: url("design/header.jpg") no-repeat 0px 0px;
	width: 931px;
	float: left;
	height: 112px;
 	margin: 0px 0px 0px 0px;
}

#logo {
	position: absolute;
	width:169px;
	height:103px;
	margin:0 0 0 45px;
}

#navigation {
	margin:75px 30px 0px 30px;
	float:right;
}


/*----------- Menu ------------------*/

/* Alle trin */

#nav, #nav * {
	margin: 0;
	padding: 0;	
	}

#nav {
	float:right;
	font-size: 10px;
	display: block;
	margin: 0 3px;
	height: 21px;	
}

/* trin 1 */

#nav, #nav ul {
	list-style-type: none;
	margin:0px 0 0 0;	
}

#nav li {    
	float: left;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	
}

#nav li a.no_seperator {
	
	display: block;
	height: 18px;	
	padding: 3px 15px 7px 15px;
	text-decoration:none;
	font-size: 10px;
	color: #666666;
	text-align: center;
	background:none;
	
}


#nav li a {
	display: block;
	height: 18px;	
	padding: 3px 15px 7px 15px;
	text-decoration:none;
	font-size: 10px;
	color: #666666;
	text-align: center;
	background: url("design/seperator.jpg") no-repeat;	
	

}
	
#nav li a:hover {	
	color: #b9d300;
	text-decoration: none;
	}

/* trin 2 */

#nav li ul {
	position: absolute;
	left: -999em;	
	background: url("design/trans.png") !important;
	background: #000;
	z-index: 80;	
	
}

#nav li li {
	float: none;
	background:none;
}

#nav li li a {
	height: auto;
	width: 130px;
	padding: 8px 0 8px 15px;
	background: none;
	border-bottom:1px solid #cdcdcd;	
	font-weight: bold;
	font-family: Verdana, sans-serif;
	color: #a4a1a1;
	font-size: 10px;
	text-align:left;
	border-left:1px solid #cdcdcd;
	border-right:1px solid #cdcdcd;	
	}

#nav li li a:hover {
	text-decoration: none;
	color: #b9d300;
	}


/* The tricky part :) */

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}



#flash {
	text-align: center;
	width: 931px;
	height:195px;
	float:left;
	margin: 0 auto;
}

#content {
	width:931px;
	float: left;
}

#content #top {
	background: url("design/content_top.jpg") no-repeat 0px 0px;
	width:931px;
	height:33px;
}

#content #middle {
	background: url("design/content_middle.png") repeat-y 0px 0px;
	width:931px;
	min-height:350px;
	float: left;	
}

#content #bottom {
	background: url("design/content_bottom.png") no-repeat 0px 0px;
	width:931px;
	height:40px;
	float: left;
}


#leftcolumn { 
	color: #333;	
	padding: 0px 0px 0px 40px;	
	width: 205px;
	float: left;
}

#leftcolumn #newsletter {
	
	width:169px;
	height:75px;
	margin:20px 0 0 0;	
}



#newsletter #form {
	position: absolute;
	padding:32px 5px 0px 45px;	
	font-size: 10px;
	color:#fff;	
}

.button_newsletter {
	background: url("design/newsletter_button.jpg") no-repeat;
	width:49px;
	height:20px;
	border:none;
	margin: 0px 0px 0px 65px;
	text-align: right;	
}


#leftcolumn #headset {	
	width:169px;
	height:75px;
	margin:30px 0 0 0;	
}


#leftcolumn #news {	
	width:169px;	
	margin:30px 0 0 0;
	float: left;	
}

#leftcolumn #news ul {
	margin:10px 0 0 24px;
	color:#999999;
	
}

#leftcolumn #news li {	
	list-style: url("design/news_marker");
	font-size:10px;
	font-family: verdana, sans-serif;
	padding:0 0 10px 0;
}

#leftcolumn #news li a {
	color:#999999;
	text-decoration: none;
	font-weight:bold;	
}

#leftcolumn #news li a:hover {
	color:#b9d300;	
}

#leftcolumn h2 {
	color:#999999;
	font-size: 12px;
	text-transform: uppercase;
	margin:25px 0 0 0;
	border-bottom:1px dotted #999;
	width:170px;
	padding:0 0 2px 0;
}

#leftcolumn ul {
	margin:0px 0 0 0px;
}

#leftcolumn li {
	list-style:none;
	padding:15px 0 0px 0;
}

#leftcolumn li.sub {	
	padding:5px 0 0px 0px;	
	margin:0 0 0 15px;
	
}

#leftcolumn li a {
	color:#999999;
	text-decoration: none;
	font-family: Verdana, sans-serif;
	font-size: 10px;
}

#leftcolumn li a.current {
	color:#666666;
	text-decoration: none;
	font-weight: bold;
}

#leftcolumn li a.current_sub {
	color:#b9d300;
	text-decoration: none;	
}

#leftcolumn li a:hover {
	color:#b9d300;
	text-decoration: none;
}

#rightcolumn { 
	float: right;
	color: #333;	
	margin: 30px 0px 30px 30px;
	width: 650px;
	display: inline;
}

#rightcolumn #maincontent p { 
	padding:10px 40px 0px 0px;
	color:#767575;
	font-family: Verdana, sans-serif;
	font-size: 10px;
}

#rightcolumn h1 {
	color:#999999;
	font-size: 18px;	
}

#rightcolumn h2 {
	color:#999999;
	font-size: 12px;
}

#footer { 
	width: 931px;
	clear: both;
	color: #333;
	height:;

}

table {
	color:#767575;
	font-size: 10px;
	font-family: Verdana, sans-serif;	
}


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

.button_search {
	background: url("design/search_button.jpg") no-repeat;
	width:50px;
	height:18px;
	border:none;
	padding: 0px 0px 0px 0px;
}

#search_box {
	background: url("design/search.jpg") no-repeat 0px 0;
	position: absolute;	
	width: 144px;	
	height:15px;
	font-family: arial, sans-serif;
	font-size: 10px;
	margin:-20px 0 0 460px;
	text-align: right;	
}
#bottom {
	padding:0 0 0 50px;
	color:#999;
}
#bottom a {
	color:#999;
}

/* LIGHTBOX - kode --- */
#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 */}