/* custom style begin */

* { padding: 0; margin: 0; }

body {
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #bfe34b url(design/bg.jpg) top center no-repeat;
	margin:30px 0 50px 0;
}

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

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

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

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


#wrapper { 
 	margin: 0 auto;
 	width: 857px;
	background: url(design/wrapper-bg2.gif) repeat-y;
}



#header {
 	color: #333;
 	width: 855px;
 	float: left;
 	height: 156px;
	border:1px solid #000;
	border-bottom:none;
	background: #858585 url(design/header.jpg);
}

#splitter { 
 	width: 857px;
 	clear: both;
	height:21px;
}

#splitter h1 {
	color:#b6b1ae;
	font-size:10px;
	padding:5px 0 0 10px;
	font-weight:normal;
}

.fejlText {
	font-weight:bold;
	color:#20972f;
}

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

/* Alle trin */

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

#menu {
	font-size: 10px;
	display: block;
	
	height: 21px;
	border-left: 1px solid #333;
	background: transparent url("design/nav-button.gif") repeat-x 0 0;
}

/* trin 1 */

#menu, #menu ul {
	list-style-type: none;	
	}

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

#menu li a {
	display: block;
	height: 18px;
	padding: 3px 10px 0 10px;
	text-decoration:none;
	font-size: 11px;	
	color: #fff;
	font-weight: bold;
	text-align: center;	
	background: transparent url("design/nav-button.gif") repeat-x 0 0;
	border-right: 1px solid #111;
}
	
#menu li a:hover {
	background: transparent url("design/nav-button.gif") repeat-x 0 -21px;
	color: #fff;
	text-decoration: none;
	}

/* trin 2 */

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

#menu li li {
	float: none;
}

#menu li li a {
	height: auto;
	width: 120px;
	padding: 4px;	
	background: transparent;	
	font-weight: normal;
	font-family: Verdana, sans-serif;
	color: #fff;
	font-size: 11px;
	text-align:left;
	font-weight:bold;
	border-right: none;
	
	text-align: left;
	}

#menu li li a:hover {
	background: transparent;
	
	text-decoration: none;
	color: #f95d61;
	}


/* The tricky part :) */

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


#leftcolumn { 
 	color: #333; 	
 	min-height: 350px;
 	width: 178px;
 	float: left;
	border-right:1px solid #4f4e4e;
	border-left:1px solid #000;
	background: #f6faf4  url("design/left_column_bg.jpg") no-repeat;
}

#leftcolumn h2{ 
	font-size:10px;
	padding:5px 0 0 10px;
	color:#333;
}

#rightcolumn { 
 	float: left;
 	color: #000; 	
 	width: 676px;
 	display: inline;
	min-height: 350px;
	border-right:1px solid #000;
	
}

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

#rightcolumn h2{
	padding:5px 0 0 0px;
	font-size:15px;
	color:#000;
	border-bottom:1px dotted #999;
	margin:0 10px 0 10px;
} 

#rightcolumn #maincontent{
	padding:0px 10px 0 10px;
	font-size:11px;
	color: #000;
	text-decoration: none;
	font-weight : normal;
    font-style: normal;
}

#rightcolumn #maincontent ul{
	margin:0 0 0 10px;
}

#footer { 
 	width: 857px;
 	clear: both;
 	color: #fff;
 	background: #4f4e4e;
	height:17px;
	border-bottom:4px solid #4f4e4e;
	border-top:1px solid #4f4e4e;
	text-align:center;
}
#footer p {
	margin:2px 0 0 10px;

}

#footer a { 
 	color: #fff;
	text-decoration: underline;
	font-size:9px;
}

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

#footer_info { 
 	width: 857px;
 	clear: both;
	text-align:center;
 	font-family: Verdana;
	font-size: 10px;
	color: #000;
	text-decoration: none;
	margin:3px 0 0 0;
	padding:13px 0 0 0;
}

#footer_info2 { 
 	width: 857px;
	text-align:center;
 	clear: both;
 	font-family:Verdana;
	font-size: 9px;
	color: #000;
	text-decoration: none;
	margin:0px 0 0 0;
	
	padding:20px 0 0 0;			
}

#footer_info2 a { 
 	color: #000;
	text-decoration: none;
}

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

/* custom style ends */

/* menu_1level_styleonselect.php style begin */
#nav {	
}

#nav li {
	height:20px;
	padding:7px 0 0 20px;
	border-bottom:1px dotted #000;
	color:#4f4e4e;
	list-style-type:none;
	background: #c5e2f8 url(design/marker.gif) no-repeat 0px 8px;
}

#nav li a {
	color:#4f4e4e;
	text-decoration:none;
	font-size:10px;
}

#nav li a:hover {
	color:#343434;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
}
/* menu_1level_styleonselect.php style end */


/* news_preview.php style begin */
#news_preview {
	padding:0 0 0 10px;
}

#news_preview h2{
	padding:0 0 0 0px;
	font-size:9px;
}

#news_preview p {
	font-size:9px;
}
/* news_preview.php style end */



/* required style begin */
.box_input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px; 
	color:#767575;
}
.hr {
	height:1px;
	color:#fff; 
	border-bottom:1px dotted #fff;
	text-align:left
}
/* required style ends */



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