* { padding: 0; margin: 0; }

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

a, a:link, a:visited, a:active {
 color:#ed1c24; 
 text-decoration:none;
}

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

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

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

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

#wrapper { 
 margin: 0 auto;
 width: 900px;
}
#header {
 color: #333;
 width: 880px;
 float: left; 
 height: 175px; 
 margin:0px 0 0 0;
 padding:0px 0 0 0;
 background:url(design/header.jpg) no-repeat 13px 0;
 

}





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

/* Alle trin */

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

#nav {
	float:right;
	font-size: 12px;
	display: block;	
	height: 18px;	
}

/* trin 1 */

#nav, #nav ul {
	list-style-type: none;
	margin: 43px 3px 0px 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 6px 15px;
	text-decoration:none;
	font-size: 12px;
	color: #fff;
	text-align: center;
	background:none;
	
}

#nav li a {
	display: block;
	height: 18px;
	padding: 3px 15px 6px 15px;
	text-decoration:none;
	font-size: 12px;
	color: #fff;
	text-align: center;

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

/* trin 2 */

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

#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: #ed1c24;
	}


/* The tricky part :) */

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

#sitemap ul li {
 float:left;
}



#header_title {
 
}

#header_title h1 {
 font-size:25px;
 color:#666;
 font-weight:normal;
 font-family:Candara;
 margin:-27px 18px 0px 10px; 
 float:right;
}


#middle_img {
	padding:5px;
	border:1px solid #ccc;
	background: #EAEAEA none repeat scroll 0%;
	height:175px;
	width:820px;
	text-align: center;
	margin:27px 0 0 20px;
}


#content { 
 float: left;
 color: #333; 
 margin: 0px 10px 20px 10px; 
 min-height: 350px;
 width: 850px;
 display: inline;
 
}

#maincontent {
	margin:50px 0 0 23px;
	min-height:200px;
	background: url("design/content_bg.jpg") no-repeat;
	
}

#maincontent p {
 padding:6px 0 6px 0;
}

#maincontent ul {
 padding:0px 0 0 15px;
}


#breadcrumb {
	margin:90px 0 0 32px;
	padding:0 0 0 0;		
 	width: 900px;
 	float:left; 		
}

#breadcrumb p {
 	color:#5d5d5d; 	
}


#footer { 
 width: 820px;
 clear: both; 
 color: #333; 
 margin:auto;
 border-top:1px solid #ed1c24;
 
 height:25px; 
}

#footer p {
 color:#5d5d5d;
 font-size:10px;
 padding:5px 0 0 0;
 font-family:Arial;
}

#footer #left {
 float:left;
 clear: both; 
 color:#5d5d5d;
 font-size:10px;
}

#footer #right {
 float:right;
 color:#5d5d5d;
 font-size:10px;
}

#footer2 { 
 width: 880px;
 clear: both;
 color: #333; 
 margin: 0px 0px 0px 0px; 
 height:15px; 
}

#footer2 p {
 color:#5d5d5d;
 font-size:10px;
 padding:7px 0 0 0;
 font-family:Arial;
 text-align: center;
}


#language {
 float:right;
 padding:0px 0 0 0;

}

#newsletter {
  width:167px;
  background:url(design/newsletter_bg.jpg) no-repeat;
  height:74px;
}


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

/* 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 */}