@import url("navigation.css");
@import url("modules.css");
@import url("joachim.css");

#banner {
	width: 100%;
	height: 680px;
}

	#banner .item {
		width: 100%;
		height: 680px;	
		position: absolute;
	}

#slider {
	width: 885px;
	position: relative;
	height: 200px;
	overflow: hidden;
	float: left;
}

#maxslide {
	width: 20000px;
	height: 285px;
	position: absolute;
	z-index: 10;	
}

.newsitems {
	width: 885px;
	height: 180px;
	float: left;
}

.zap_venstre {
	float: left;
	width: 25px;	
	padding: 80px 0 0 0;
}

.zap_hojre {
	float: left;
	width: 25px;	
	padding: 80px 0 0 0;
}


/************************* RESET **********************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption {
	border: 0;
	margin: 0;
	padding: 0;
	outline: 0;
}

table, tbody, tfoot, thead, tr, th, td {
	outline: 0;
}

/************************* HTML BODY **********************/

html {
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

body {
	background: #f2f4f6;
	color: #333;
	font: 11px/16px Tahoma, Arial, Helvetica, sans-serif;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

/************************* STRUCTURE **********************/

#container_outher {
	position:absolute;
	top:0;
	width:100%;
	z-index:100;
}

#container {
	margin: 0 auto;
	width: 960px;
}

	#header {
		position: absolute;
		z-index: 10;
		top: 0;
		margin-left: 850px;
	}

	#language {
		float: right;
		margin: 12px 0 10px 0;
	}
	
	img.language {
		width: 17px;
		height: 16px;
		margin: 0 0 0 3px;
	}
	
	#social {
		float: right;
		margin: 12px 0 10px 0;
	}
	
	img.social {
		width: 18px;
		height: 18px;
		margin: -1px 0 0 2px;
	}
			
	#logo {
		width: 148px;
		height: 32px;
		margin: 18px 0 0 25px;
	}
	
	#mainnavbg {
		width: 960px;
		height: 68px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		background-image: -webkit-gradient(linear, 0% 70%, 0% 100%, from(#2779a5), to(#008abe));
		background-image: -moz-linear-gradient(0% 100% 45deg,#008abe, #008abe, #2779a5 50%);
		float: left;
		position: absolute;
		z-index: 10;
		top: 40px;
	}
	
	.mainnavbg {
		border-radius: 5px;
		-moz-border-radius: 5px;
		background-image: -webkit-gradient(linear, 0% 70%, 0% 100%, from(#2779a5), to(#008abe));
		background-image: -moz-linear-gradient(0% 100% 45deg,#008abe, #008abe, #2779a5 50%);
		-moz-box-shadow: 0px 0px 8px #9e9e9e;
		-webkit-box-shadow: 0px 0px 8px #9e9e9e;
	}
	
	#mainnav {
		width: 960px;
		height: 62px;
		border-top: 1px solid #606566;
		float: left;
	}
	
	.mainnav {
		border-radius: 5px;
		-moz-border-radius: 5px;
		background-image: -webkit-gradient(linear, 0% 70%, 0% 100%, from(#404546), to(#373934));
		background-image: -moz-linear-gradient(0% 100% 90deg,#373934, #404546, #404546 50%);	
	}
	
	#searchbox {
		width: 205px;
		height: 30px;
		float: right;
		margin: 0 15px 0 0;
		background-color: #373934;
	}

	.searchbox {
		border-radius: 0px 0px 5px 5px;
		-moz-border-radius: 0px 0px 5px 5px;
		-moz-box-shadow: 0px 3px 3px #9e9e9e;
		-webkit-box-shadow: 0px 3px 3px #9e9e9e;
	}
	
	input.searchfield {
		width: 130px;
		height: 15px;
		line-height: 15px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		margin: 2px 0 0 8px;
		color: #969696;
	}
	
	input.searchbtn {
		background: url("../../grafik/search.png") no-repeat scroll 0 0 transparent;
		height: 20px;
		width: 52px;
		text-indent: -100px;
		border: 0 none;
	}
	
	#subnav {
	}
	
	.wrapper {
		width: 960px;
		margin: 0 auto;
		position: relative:
	}
	
	.budskab {
		position: absolute;
		float: left;
		top:220px;
		margin-left: 20px;
		background-image: url(/web/grafik/budskabbg.png);
		padding: 30px 15px 30px 15px;
		max-width: 600px;
	}

		.budskab h1 {
			font-size: 18px;
			font-weight:normal;
			padding:0;
		}
		
		.budskab h2 {
			font-size: 14px;
			font-weight:normal;
			padding:0;
		}
	
	#contentcontainer {
		float: left;
		margin-top:370px;
	}

		#contenttop {
			float: left;
			width: 960px;
			height: 35px;
			border-top: 1px solid #8eabb9;
			border-bottom: 2px solid #196c8c;
			border-radius: 5px 5px 0 0;
			-moz-border-radius: 5px 5px 0 0;
			background-image: -webkit-gradient(linear, 100% 70%, 0% 100%, from(#196c8c), to(#5299bc));
			background-image: -moz-linear-gradient(0% 100% 45deg,#5299bc, #5299bc, #196c8c 70%);
		}
		
			.homebtn {
				float: left;
				margin: 10px 20px 0 20px;
			}
			
			.breadcrumb, a {
				margin: 9px 0 0 0;
				text-transform: uppercase;
				font-size: 9px;
				color: #fff;
			}
		
		#contentmenucontainer {
			float: left;
			width: 215px;
			padding: 0 20px 15px 20px;
		}
		
		#contentoutput {
			width: 650px;
			float: left;
		}
		
		#contentoutput p {
			line-height: 16px;
		}

		#contentoutput a {
			color:#000;
		}
		
		#content {
			float: left;
			width: 938px;
			background-color: #fff;
			border-left: 1px solid #bebebe;
			border-right: 1px solid #bebebe;
			padding: 30px 10px 30px 10px;
		}
		
		#contentbottom {
			float: left;
			width: 958px;
			height: 10px;
			border-radius: 0 0 5px 5px;
			-moz-border-radius: 0 0 5px 5px;
			background-color: #559bbf;
			border: 1px solid #bebebe;
			-moz-box-shadow: 0px 0px 5px #9e9e9e;
			-webkit-box-shadow: 0px 0px 5px #9e9e9e;
		}
			
		.righttop {
			float: right;
			margin: 10px 15px 0 0;
		}
		
		.righttop a {
			text-decoration: none;
		}
		
		img.rss {
			
		}
		
		#news {
			position: absolute;
			top: 370px;	
			z-index: 9;
		}
	
		#newsmenu {
			float: left;
			width: 960px;
			height: 35px;
			border-top: 1px solid #8eabb9;
			border-bottom: 2px solid #196c8c;
		}
		
		.newsmenu {
			border-radius: 5px 5px 0 0;
			-moz-border-radius: 5px 5px 0 0;
			background-image: -webkit-gradient(linear, 100% 70%, 0% 100%, from(#196c8c), to(#5299bc));
			background-image: -moz-linear-gradient(0% 100% 45deg,#5299bc, #5299bc, #196c8c 70%);
		}

			#newsmenu a.tab {
				display:block;
				float: left;
				height: 26px;
				margin:-1px 0 0 0;
				padding:10px 25px 0 25px;
				text-decoration:none;
			}

			#newsmenu a.tabactive, #newsmenu a:hover {
				background:#196c8c;
				margin:-3px 0 0 0;
				border-top: 2px solid #008dc3;
			}

		#newscontent {
			float: left;
			width: 938px;
			height: 170px;
			border-left: 1px solid #bebebe;
			border-right: 1px solid #bebebe;
			background-image:-webkit-gradient(linear, 0% 70%, 0% 100%, from(#ffffff), to(#ededed));
			background-image:-moz-linear-gradient(0% 100% 90deg,#dfdfdf, #ededed, #ffffff 70%);
			padding: 30px 10px 60px 10px;
		}
		
		.allnews a {
			float: right;
		}
		
		#newsbottom {
			float: left;
			width: 958px;
			height: 10px;
			border-radius: 0 0 5px 5px;
			-moz-border-radius: 0 0 5px 5px;
			background-color: #559bbf;
			border: 1px solid #bebebe;
			-moz-box-shadow: 0px 0px 5px #9e9e9e;
			-webkit-box-shadow: 0px 0px 5px #9e9e9e;
		}
		
		#focus {
			float: left;
			width: 960px;
			margin-top: 60px;
		}
		
		#focustop {
			float: left;
			width: 960px;
			height: 10px;
			border-radius: 5px 5px 0 0;
			-moz-border-radius: 5px 5px 0 0;
			background-color: #559bbf;
			border: 1px solid #bebebe;
		}
		
		.focuscontainer {
			padding: 0 25px;
		}
		
		.focuscontainer div {
			float: left;
			width: 165px;
			margin-right: 20px;
		}
		
		#focuscontent {
			float: left;
			width: 960px;
			height: 265px;
			border: 1px solid #bebebe;
			border-top: 0;
			border-radius: 0 0 5px 5px;
			-moz-border-radius: 0 0 5px 5px;
			background-image:-webkit-gradient(linear, 0% 70%, 0% 100%, from(#ffffff), to(#ededed));
			background-image:-moz-linear-gradient(0% 100% 90deg,#dfdfdf, #ededed, #ffffff 70%);
			-moz-box-shadow: 0px 0px 5px #9e9e9e;
			-webkit-box-shadow: 0px 0px 5px #9e9e9e;
		}
		
		.focusbox {
			margin: 40px 0 0 0;
		}
		
	#sponsor {
		float: left;
		width: 960px;
		margin-top: 60px;
		text-align:center;
	}
	
	#sponsor img {
		margin: 0 24px 0 0;
	}
	
/*********************** FOOTER *********************/	

	#footer {
			float: left;
			width: 958px;
			height: 265px;
			margin: 60px 0 60px 0;
			border: 1px solid #bebebe;
			border-radius: 5px;
			-moz-border-radius: 5px;
			background-image:-webkit-gradient(linear, 0% 70%, 0% 100%, from(#ffffff), to(#ededed));
			background-image:-moz-linear-gradient(0% 100% 90deg,#dfdfdf, #ededed, #ffffff 70%);
			-moz-box-shadow: 0px 0px 5px #9e9e9e;
			-webkit-box-shadow: 0px 0px 5px #9e9e9e;
	}
	
	.contact {
		float: left;
	}
	
	.footermenu {
		float: left;
	}
	
	.copyright {
		float: left;
		color: #656565;
	}
	
	.copyright p {
		font-size: 10px;	}

	.vjm {
		float: right;
		margin-bottom: 60px;
	}
	
	.vjm img {
		margin-top: 5px;
	}
	
	#endcontact {
		float: left;
		margin: 38px 40px 0 30px;
	}
	
	#endcontact h3 {
		color: #727272;
		font-size: 14px;
		margin-bottom: 10px;
	}
	
	#endcontact li {
		color: #9a9a9a;
		font-size: 11px;
		width: 105px;
	}

	#endmenu {
		float: left;
		margin: 38px 0 0 0;
	}
	
		#endmenu h3 {
			margin-bottom: 10px;
			text-transform: capitalize;
		}
		
		#endmenu h3 a {
			text-transform: none;
		}
		
		#endmenu li {
			float: left;
		}
	
	#footer ul {
		list-style-type: none;
	}
	
	#footer li {
		width: 105px;
		padding: 0 20px 0 0;
	}
	
	#footer li h3 a {
		font-size: 14px;
		color: #727272;
		text-decoration: none;
	}
	
	#footer li a {
		color: #9a9a9a;
		text-decoration: none;
		text-transform: none;
		font-size: 11px;
	}

		#footer li a:hover {
			text-decoration: underline;
		}

/************************* TEXT **********************/

h1, h2, h3, h4, h5, h6 {
	line-height: normal;
	font-weight: normal;
}

h1 {
	font-size: 18px;
	color: #1a1a1a;
	padding:0 0 9px 0;
}

h2 {
	font-size: 15px;
	font-weight:bold;
	padding:9px 0 0 0;
}



#focuscontent h2 {
	margin: 0 0 15px 0;
}

#focuscontent p {
	
}

h3 {
	font-size: 12px;
	color: #1a1a1a;
}

p {
	font-size: 12px;
	margin: 9px 0 9px 0;
	color: #484848;
}

#contentoutput ul, #contentoutput ol {
	margin: 0;
	padding: 9px 0 9px 40px;
	font-size:12px;
}

/************************* LINKS **********************/

a {
}

a.newsback {
	display:block;
	margin:27px 0;
	color:#000;
}

a:hover {
}

a:focus {
}

a:visited {
}

#newscontent .text a {
	color: #196c8c;
	background: url("/web/grafik/readmorearrow.png") no-repeat scroll right 5px !important;
	padding: 0 15px 0 0;
	text-transform: none;
	line-height: 12px;
	font-size: 11px;
}

#focuscontent a {
	color: #196c8c;
	background: url("/web/grafik/readmorearrow.png") no-repeat scroll right center !important;
	padding: 0 15px 0 0;
	text-transform: none;
	font-size: 11px;
}

/************************* TABLES **********************/

table {
	margin:9px 0;
}

table th {
}

table td {
	font-size:12px;
}

/************************* OTHERS **********************/

.logo {
}

.clear {
	clear: both;
}

.noshow {
	display: none;
}

#slides, .item {
	width:100% !important
}

