html, body {
	background: #4c4c4c;
	margin: 0;
	width: 100%;
}

div.wrapper {
	background: #fff;
	margin: 0 auto;
	position: relative;
	width: 980px;
}

#top {
	background: #fff url("../billeder/design/bg-top.png") repeat-x 0 70px;
	height: 150px;
	position: relative;
	width: 980px;
}


	#logo {
		background: url("../billeder/design/logo.jpg") no-repeat;
		display: block;
		font-size: 0%;
		height: 123px;
		position: absolute;
		right: 20px;
		top: 3px;
		width: 209px;
	}
	#logo-text {
		background: url("../billeder/design/logo-text.jpg") no-repeat;
		font-size: 0%;
		height: 25px;
		position: absolute;
		right: 235px;
		top: 78px;
		width: 178px;
	}
	#language {
		color: #fff;
		display: block;
		font-size: 90%;
		font-weight: bold;
		position: absolute;
		right: 55px;
		text-align: right;
		text-decoration: none;
		top: 113px;
		width: 60px;
	}
		#language:hover {
			text-decoration: underline;
		}
		#language img  {
			margin: -1px 0 0 3px;
			position: absolute;
		}
	#top-menu {
		background: #fff;
		height: 150px;
		left: 20px;
		padding: 0 10px;
		position: absolute;
		top: 35px;
		width: 150px;
		z-index: 2;
	}
	#top-menu a {
		background: #fff url("../billeder/design/top-menu.png");
		color: #fff;
		display: block;
		height: 150px;
		width: 150px;
	}
		
#bottom {
	background: #FEFFBA url("../billeder/design/bg-bottom.png") repeat-x bottom;
	position: relative;
	width: 100%;
}
	#contact-box {
		background-color: #ffffbb;
	}
	#contact {
		padding: 5px 0px 25px 210px;
	}
		#contact div.clear {
			clear: both;
			height: 15px;
		}	
		#contact-image {
			left: 220px;
			position: absolute;
			top: 20px;
		}
		#contact-image img.result {
			left: 20px;
			position: absolute;
			top: 173px;
		}
		#contact h1 {
			color: #FF7901;
			font-size: 150%;
			margin: 0 0 5px 0;
		}
		#contact p {
			clear: left;
			margin: 0;
		}
		#contact p.success, #contact p.error {
			font-weight: bold;
			margin: 5px 0;
			width: 446px;	
		}
		#contact form {
			width: 468px;
		}
		#contact label {
			float: left;
			margin: 4px 0 3px 0;
			padding: 3px;
			width: 60px;
		}
		#contact input.submit {
			background: #FF7901;
			border-left: 1px solid #ccc;
			border-top: 1px solid #ccc;
			border-right: 1px solid #aaa;
			border-bottom: 1px solid #aaa;			
			color: #fff;
			float: right;
			font-size: 120%;
			font-weight: bold;
			padding: 2px 7px;
			width: auto;
		}
		#contact input, #contact textarea {
			margin: 3px 0;
			width: 390px;
		}
		#contact textarea {
			height: 70px;
		}
		#contact-info {
			text-align:center;
			right: 10px;
			top: 24px;
		}
		#contact-info p {
			margin: 5px 0;
		}
		#contact-info p.info {
			color: #E21A01;
			margin-left: 15px;
		}
		#contact-info a {
			color: #E21A01;
			text-decoration: none;
		}
		#contact-info a:hover {
			text-decoration: underline;
		}
				
	#copyright {
		bottom: 1px;
		color: #fff;
		font-size: 90%;
		font-weight: bold;
		margin: 0;
		padding-left: 10px;
		position: absolute;
		width: 100%;
		background-color:#990000;
	}
	#copyright a {
		color: #fff;
		position: absolute;
		right: 10px;
		text-decoration: none;
	}
	#copyright a:hover {
		text-decoration: underline;
	}
	
#main #menu {
	background: #f4f4f4;
	left: 15px;
	padding: 10px;
	position: absolute;
	top: 10px;
	width: 170px;
}
	#menu h2 {
		border-bottom: 1px solid #000;
		font-size: 120%;
		font-style: italic;
		margin-bottom: 0;
		text-align: center;
	}
	#menu ul {
		list-style: none;
		margin: 0;
	}
	#menu li {
		border-bottom: 1px solid #000;
	}
	#menu li.heading {
		font-weight: bold;
		padding: 3px 10px 0 10px;	
	}
	#menu li.heading a.heading {
		margin-left: -10px;
		padding-left: 10px;
	}			
	.noDecoration a{
		text-decoration:none;
	}
	.noDecoration a:hover{
		text-decoration:none;
	}
	.noDecoration a:active{
		text-decoration: none;
	}
	
	#menu a {
		color: #e31a00;
		display: block;
		padding: 3px 10px;
		text-decoration: none;
		width: 150px;
	}
	#menu a:hover {
		background: #ffffbb;
	}
	#menu a.active {
		background: #ffffbb;
		color: #000;
	}
	
	#menu li li {
		border: 0;
		border-top: 1px dotted #ccc;
		font-weight: normal;	
		margin: 0 -10px;
	}
	#menu li li a {
		padding-left: 20px;
		width: 140px;
	}
	#menu #result {
		position: absolute;
		bottom: -80px;
	}
	
#main #content {
	min-height: 625px; /* Husk IE 6 specifik hack i ie.css */
	padding: 10px 20px 10px 225px;
}
	#scroller {
		color: #fff;
		font-weight: bold;
		position: absolute; 
		top: -38px;
	}
	#scroller_text_da, #scroller_text_uk {	
		font-weight: normal;
		position: absolute;
		top: -40px;
	}
	#scroller_text_da {		
		left: 95px;
	}	
	#scroller_text_uk {
		left: 45px;
	}
h1 {
	color: #E21A01;
	font-size: 190%;
	font-weight: bold;
	margin-bottom: 8px;
}
h2 {
	font-size: 130%;
	font-weight: bold;
}
hr {
	/*
	background: #FF7901;
	border: 0 solid #FF7901;
	color: #FF7901; */
	
	background: #ccc;
	border: 0 solid #ccc;
	color: #ccc;	
	
	clear: both;	
	display: block;
	height: 2px;
	width: 90%;
	margin: 10px auto 10px auto;
	padding: 0;
}

p {
	
}
p.tag-line {
	color: #FF7901;
	font-style: italic;
	font-weight: bold;
	margin: 0 0 0px 0;
}
p.pagination {
	font-size: 120%;
	text-align: center;
}

a {
	color: #FF7901;
}
p img {
	float: none;	
}
img.left {
	clear: left;
	float: left;
	margin: 10px 10px 10px 0;
}
img.right {
	clear: right;
	float: right;
	margin: 10px 0 10px 10px; 
}

#eventtable a{
	color: #000000;
}
#eventtable th {
	border-bottom: 2px solid #aaa;;
}
#eventtable td {
	border-bottom: 1px solid #aaa;	
}
#eventtable img{
	margin:0;
}
#eventtable tr {
	font: 12px Arial;
}
	tr.alt {
	background-color: #FDF1D7;
	}
.row_hover{
	background-color: #FCE8BE;
	border-bottom: 2px solid #aaa;
	}

#loginbox{
	font-family:Arial, Helvetica, sans-serif;
	margin: auto;
	margin-top: 50px;
	background-color:#ffffbb;
	padding: 10px;
	width: 400px;
	border: solid 1px;
	text-align: center;
}

#adminbox{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: auto;
	margin-top: 50px;
	background-color:#ffffbb;
	padding: 10px;
	border: solid 1px;
	width: 500px;
}

#adminbox input.submit {
	background: #FF7901;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;			
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	padding: 2px 7px;
	width: auto;
}

#adminheader{
	text-align: center;
}

#loginbox input.submit {
	background: #FF7901;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;			
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	padding: 2px 7px;
	width: auto;
}

#signupwindow{
	background-color:#ffffbb;
	padding: 10px;
}

#signupwindow input.submit {
	background: #FF7901;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;			
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	padding: 2px 7px;
	width: auto;
}
#signupwindow select{
	width: 40px;
}
#signupwindow td{
	border: none;
}


div#qTip {
	padding: 3px;
	border: 1px solid #666;
	display: none;
	background: #ffffbb;
	font: 9px Verdana, Arial, sans-serif;
	text-align: left;
	position: absolute;
	z-index: 1000;
	max-width: 400px;
}

#nivoSlider {
    position:relative;
    width:730px; /* Change this to your images width */
    height:250px; /* Change this to your images height */
    background:url(../billeder/design/slider/loading.gif) no-repeat 50% 50%;
    margin-bottom: 15px;
}
#nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#nivoSlider a {
    border:0;
    display:block;
}


div.news_stories {
	float: left;
	width: 500px;
}

div.news_links {
	background: #f4f4f4;
	float: right;
	padding: 15px;
	width: 190px;
}
	div.news_links h1 {
		font-size: 130%;
	}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }