/**
* Undo standard HTML
*/
a img { border: 0; }
form, p, div, span, body, html, h1, h2, h3, h4, h5 { margin: 0; padding: 0; }
table { border-spacing: 0; }

/**
COMMON Styles
*/
body {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	color: #666666;
	line-height: 14px;
	font-family: Arial, Helvetica;
	font-size: 11px;
}

a {
	color: #666666;
	text-decoration: none;
}
a:hover,
a.active {
	color: #DA251C;
}
a:active {
	outline: none;
}
:focus {
	-moz-outline-style: none;
}
h1 {
	margin: 0px 0px 13px 0px;
	color: #000000;
	line-height: 15px;
	font-size: 12px;
}
h2 {
	top: -3px;
	#top: -4px;
	color: #DA251C;
	font-size: 11px;
}
h3,
h5 {
	margin: 0px 0px 1px 0px;
	color: #000000;
	font-size: 12px;
	line-height: 1em;
}
h4 {
	color: #000000;
	font-size: 11px;
}
p {
	margin: 0px 0px 13px 0px;
}

/**
MISC. Alternating styles
*/
.hidden {
	display: none;
}
.shown {
	display: block;
}
.clear {
	clear: both;
	display: inline-block;
	width: 100%;
	height: 0px;
	max-height: 0px;
	overflow: hidden;
}

/**
Common PAGE CONTENT formatting
*/
.image {
	margin: 0px 0px 13px 0px;
	overflow: hidden;
	color:#FFF;
}
.bodytext{
	margin: 0px 0px 13px 0px;
	overflow: hidden;
	line-height: 14px;
}
.bodytext_mod {
	margin: 0px 0px 5px 0px;
	overflow: hidden;
	line-height: 12px;
	font-weight: bold; 
	color: #000000;
}
.bodytext ul {
	margin: 0px 0px 13px 0px;
	padding: 0;
}
.bodytext ul li {
	background-image: url(image/dot.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	margin: 0;
	padding: 0px 0px 0px 6px;
}
.preloader {
	position: relative;
	top: 47px;
	left: 97px;
}
.confirm {
	margin: 10px 0px 0px 0px;
	color: #DA251C;
	font-weight: bold;
}

/**
SITE build styles
*/
#bg
{
	position: relative;
	background-image: url(image/bg.body.gif);
	background-repeat: repeat-x;
}

#frontpage_btn {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	background-image: url(image/frontpage_btn.png);
	background-repeat: no-repeat;
	_background-color: transparent;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image/frontpage_btn.png", sizingMethod="crop");
	width: 79px;
	height: 18px;
	overflow: hidden;
	cursor: pointer;
}
#canvas {
	position: relative;
	left: -1px;
	/*background-image: url(image/bg.grid.gif);
	background-repeat: repeat-y;*/
	margin-left: auto;
	margin-right: auto;
	width: 980px;
}
.saf #canvas {
	left: 0px;
}
#page {
	position: relative;
	width: 100%;
	overflow: hidden;
}

/**
HEADER styles
*/
#header {
	position: relative;
	margin: 0px 0px 25px 0px;
	width: 100%;
	height: 195px;
	overflow: hidden;
	background-image:url('files/clogo.jpg');
	background-repeat:no-repeat;
	background-position:center; 
}
#header .logo {
	position: absolute;
	top: 30px;
	left: 0px;
}
#header .branding {
	position: absolute;
	top: 50px;
	right: 0px;
	width: 144px;
	height: 70px;
	color: #999999;
	font-size: 12px;
	/*visibility: hidden;*/
}
/* Menu styles */
#header .menu {
	position: absolute;
	top: 92px;
	#top: 91px;
	left: 0px;
	color: #000000;
	font-weight: bold;
}
#header .menu a {
	color: #000000;
}
#header .menu a:hover,
#header .menu a.active {
	color: #DA251C;
}
#header .menu .sublevel {
	font-weight: normal;
}
#header .menu ul {
	float: left;
	margin: 0px 38px 0px 0px;
	padding: 0;
}
#header .menu ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
	_margin-bottom: -6px;
}
#header .menu ul.sublevel {
	margin: 2px 35px 0px 0px;
	#margin-top: 3px;
}
#header .menu ul.sublevel li {
	font-size: 11px;
	_margin-bottom: 0px;
	_height: 14px;
}

/**
FOOTER
*/
#footer {
	color:#B8B8B8;
	position: relative;
	margin: 20px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	width: 100%;
	height: 50px;
	overflow: hidden;
	text-align:right;
	font-weight: bold;
	border-top-style:solid;
	border-right-style:none;
	border-bottom-style:none;
	border-left-style:none;
	border-width:1px;
	border-color:red;
	font-size:13px;
	background-image:url('files/slogo.jpg');
	background-repeat:no-repeat;
}
#footer a{
color:#B8B8B8;
}

#footer a:hover{
color:#686868;
}
/**
FRONTPAGE styles
*/
#page #frontpage {
	position: relative;
	width: 100%;
	overflow: hidden;
}

/* Latest projects */
#page #frontpage #latestprojects {
	position: relative;
	margin: 0px 0px 24px 0px;
	width: 100%;
	height: 390px;
	overflow: hidden;
}
#page #frontpage #latestprojects h2 {
	position: absolute;
	z-index: 2000;
}
#page #frontpage #latestprojects .project {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 390px;
	overflow: hidden;
}
.ff #page #frontpage #latestprojects .project h5 { /* FF mac */
	margin: 0px 0px 3px 0px;
}
#page #frontpage #latestprojects .project .text {
	float: left;
	margin: 23px 0px 0px 0px;
	width: 220px;
	overflow: hidden;
}
#page #frontpage #latestprojects .project a:hover {
	color: #DA251C;
}
#page #frontpage #latestprojects .project .image {
	
	float: right;
	width: 731px;
	overflow: hidden;
}

/* Other projects */
#page #frontpage #otherprojects {
	position: relative;
	margin: 0px 0px 38px 0px;
	width: 100%;
	overflow: hidden;
}
#page #frontpage #otherprojects h2 {
	position: absolute;
	z-index: 2000;
}
#page #frontpage #otherprojects h3 {
	margin: 0px 0px 14px 0px;
	line-height: 14px;
}
#page #frontpage #otherprojects .container {
	position: relative;
	top: 0px;
	left: 249px;
}
#page #frontpage #otherprojects .project {
	position: relative;
	float: left;
	margin: 0px 16px 0px 0px;
	width: 233px;
}
#page #frontpage #otherprojects .last {
	margin: 0;
}
#page #frontpage #otherprojects .project .image {
	margin: 0px 0px 20px 0px;
	height: 145px;
	overflow: hidden;
}
#page #frontpage #otherprojects .project .text {
	position: relative;
	overflow: hidden;
}
#page #frontpage #otherprojects .project .text .bodytext {
	margin: 0px 0px 13px 0px;
	line-height: 14px;
}

/* News and contact */
#page #frontpage #newsandcontact {
	position: relative;
	margin: -2px 0px 24px 0px;
	width: 100%;
	overflow: hidden;
}
#page #frontpage #newsandcontact h2 {
	position: absolute;
	left: 0px;
	#margin-top: 0px;
	top: 0px;
	z-index: 2000;
}
#page #frontpage #newsandcontact .news {
	position: relative;
	left: 249px;
	float: left;
	width: 233px;
	overflow: hidden;
}
#page #frontpage #newsandcontact .info {
	position: relative;
	left: 249px;
	float: left;
	margin: 0px 0px 0px 16px;
	width: 233px;
	overflow: hidden;
}
#page #frontpage #newsandcontact .contact {
	position: relative;
	left: 249px;
	float: left;
	margin: 0px 0px 0px 16px;
	width: 233px;
	overflow: hidden;
}

/**
ARTICLEPAGE/CONTACTPAGE styles
*/
#page #articlepage {
	position: relative;
	width: 100%;
	overflow: hidden;
}
#articlepage strong {
	color: #000000;
}
#page #articlepage .container {
	margin: 0px 0px 14px 0px;
	#margin: 0px 0px 1px 0px;
	width: 100%;
}
.mac #page #articlepage .container {
	margin: 0px 0px 27px 0px;
}
#page #articlepage .container .info {
	float: left;
	margin: -1px 16px 0px 0px;
	_margin: -1px 13px 0px 0px;
	width: 233px;
	overflow: hidden;
}
#page #articlepage .container .info .contact {
	margin: 3px 0px 28px 0px;
	color: #1cce28;
	font-size: 12px;
}
#page #articlepage .container .info .contact th {
	padding: 0px 7px 2px 0px;
	font-weight: normal;
	text-align: left;
}
#page #articlepage .container .info .contact a {
	color: #1cce28;
}
#page #articlepage .container .info .contact a:hover {
	color: #666666;
}
#page #articlepage .container .info .person {
	margin: 0px 0px 12px 0px;
	line-height: 12px;
}
#page #articlepage .container .info .person th {
	padding: 0px 13px 0px 0px;
	font-weight: normal;
	text-align: left;
}
page #articlepage .container .image {
	position: relative;
	float: right;
	width: 731px;
	height: 235px;
}

/**
ADV ARTICLEPAGE
*/
#page .adv_articlepage .columns .mainimage
{
	float: right;
	margin: 6px 0px 0px 0px;
}
#page .adv_articlepage .columns .preface
{
	color: #999999;
	line-height: 22px;
	font-size: 16px;
	width: 482px;
	padding: 4px 0px 23px 0px;
}
#page .adv_articlepage .hr
{
	background-color: #c6c6c6;
	margin: -5px 0px 18px 0px;
	#margin: 9px 0px 18px 0px;
	width: 100%;
	height: 1px;
}
#page .adv_articlepage strong
{
	color: #666666;
}

/* Column styles */
#page #articlepage .columns {
	clear: both;
	width: 100%;
	overflow: hidden;
}
#page #articlepage.cases .columns
{
	/*margin: -10px 0px 0px 0px;*/
}
#page #articlepage .column {
	float: left;
	margin: 0px 16px 14px 0px;
	width: 233px;
	overflow: hidden;
}

#page #articlepage .column_hover
{
	cursor: pointer;
	color: #DA251C;
}
#page #articlepage .last {
	margin-right: 0px;
}
#page #articlepage .column h3,
#page #articlepage .last h3 {
	width: 233px;
	position: relative;
	left: 0px;
	margin: 0px 0px 14px 0px;
}
#page  #articlepage.cases .column_hover h3
{
	width: 233px;
	position: absolute;
	left: -233px;
}
#page  #articlepage.cases .column h3.hover
{
	width: 233px;
	color: #DA251C;
	position: absolute;
	cursor: pointer;
	left: -233px;
}
#page  #articlepage.cases .column_hover h3.hover
{
	width: 233px;
	color: #DA251C;
	cursor: pointer;
	position: relative;
	left: 0px;
}
#page #articlepage.cases #pages
{
	overflow: hidden;
	width: 980px;
	position:relative;
	height: 740px;
	padding: 0px 0px 34px 0px;
}
.saf #page #articlepage.cases #pages
{
	overflow: visible;
	top: 30px;
}
	#page  #articlepage.cases #pages .page
	{
		float: left;
		position:absolute;
		top:0;
		height: 740px;
		width: 980px;
		background: #FFFFFF;
	}
#page  #articlepage.cases .paginga
{
	position: relative;
	float: right;
	padding: 1px 0px 10px 0px;
	z-index: 100000;
}
.saf #page  #articlepage.cases .paging_bottoma
{
	margin-top: 30px; /* Compensate for top:30px in #pages */
}
	#page  #articlepage.cases .paginga .status
	{
		padding: 1px 0px 0px 0px;
		float: left;
	}
	#page  #articlepage.cases .paginga .previous
	{
		float: left;
		padding: 0px 5px 0px 10px;
		/*cursor: pointer;*/
	}
	#page  #articlepage.cases .paginga .next
	{
		float: left;
		/*cursor: pointer;*/
	}
	#page #articlepage.cases h1
	{
		width: 750px;
		height: 20px;
		float: left;
	}

#page #articlepage .column .image {
	padding: 3px 0px 0px 0px;
	width: 233px;
	height: 145px;
	overflow: hidden;
}
#page #articlepage .service .image {
	margin: 0px 0px 20px 0px;
	padding: 0px;
}
#page #articlepage .service .intro {
	margin: 0px 0px 10px 0px;
	line-height: 16px;
	font-size: 12px;
}
#page #articlepage .service .bodytext {
	margin: 0;
}
#page #articlepage .service .viarbejdermed {
	margin: 13px 0px 0px 0px;
}

#page #articlepage .case {
	position: relative;
}
#page #articlepage .case .image {
	margin: 0px 0px 20px 0px;
	padding: 0px;
}
#page #articlepage .case .casehover,
#page #case .right .thumbnails .thumbnail .casehover 
{
	position: absolute;
	top: 0px;
	display: none;
	background-image: url(image/bg.case.hover.png);
	background-repeat: no-repeat;
	_background-color: transparent;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image/bg.case.hover.png", sizingMethod="crop");
	width: 233px;
	height: 145px;
	cursor: pointer;
}
#page #articlepage .column_hover .casehover
{
	display: block;
}
#page #articlepage .case h3 {
	margin: 0px 0px 1px 0px;
}


#page .adv_articlepage .columns
{
	margin-top: -2px;
}

/**
NEWSPAGE styles
*/
#page #news {
	position: relative;
	top: -2px;
	width: 100%;
	overflow: hidden;
}
#page #news h3 {
	margin: 0px 0px 13px 0px;
}
#page #news .left {
	float: left;
	margin: 0px 16px 0px 0px;
	width: 233px;
	overflow: hidden;
}
#page #news .left .newsmail {
	margin: 0px 0px 26px 0px;
}

#page #news .container {
	float: right;
	width: 731px;
	overflow: hidden;
}
#page #news .container .month {
	float: left;
	margin: 0px 16px 9px 0px;
	width: 233px;
	overflow: hidden;
}
#page #news .container .last {
	margin-right: 0px;
}

/**
CASE styles
*/
#page #case {
	position: relative;
	width: 100%;
	overflow: hidden;
}
#page #case .left {
	float: left;
	margin: 0px 16px 25px 0px;
	width: 233px;
	/*overflow: hidden;*/
	z-index: 300;
}
#page #case .left .back {
	margin: -2px 0px 13px 0px;
}
#page #case .left .bodytext {
	margin: 0px 0px 26px 0px;
}
#page #case .left .listing {
	margin: 0px 0px 13px 0px;
	width: 233px;
	overflow: hidden;
}
#page #case .left .listing ul {
	margin: 0;
	padding: 0;
}
#page #case .left .listing ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#page #case .right {
	position: relative;
	float: right;
	width: 648px;
	/*height: 390px;*/
	overflow: hidden;
	z-index: 200;
}
#page #case .right .arrowleft {
	position: absolute;
	top: 172px;
	left: 16px;
	background-image: url(image/arrow.image.left.png);
	background-repeat: no-repeat;
	_background-color: transparent;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image/arrow.image.left.png", sizingMethod="crop");
	width: 50px;
	height: 50px;
	cursor: pointer;
	z-index: 500;
}
#page #case .right .arrowright {
	position: absolute;
	top: 172px;
	right: 16px;
	background-image: url(image/arrow.image.right.png);
	background-repeat: no-repeat;
	_background-color: transparent;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image/arrow.image.right.png", sizingMethod="crop");
	width: 50px;
	height: 50px;
	cursor: pointer;
	z-index: 500;
}
#page #case .right #imagetweener {
	position: relative;
	top: 0px;
	left: 0px;
	height: 390px;
	width: 648px;
	overflow: hidden;
}
#page #case .right #imagetweener .image {
	position: absolute;
	top: 0px;
	float: left;
	background-repeat: no-repeat;
	width: 648px;
	height: 390px;
	overflow: hidden;
}
#page #case .right .thumbnails
{
	width: 650px;
}
#page #case .right .thumbnails .thumbnail
{
	float: left; 
	height: 55px;
	width: 90px;
	overflow: hidden;
	margin:0;
	padding:0;
	margin-right: 2px;
	margin-bottom: 2px;
	position:relative;
	cursor: pointer;
}

/**
KUNDELISTE styles
*/
#page #kundeliste {
	position: relative;
	width: 100%;
	overflow: hidden;
}
#page #kundeliste th {
	width: 408px;
	height: 20px;
	#height: 19px;
	border-top: 1px solid #dbdbdb;
	border-collapse: collapse;
	text-align: left;
	font-size: 12px;
	overflow: hidden;
}
#page #kundeliste td {
	height: 20px;
	#height: 19px;
	padding: 0px 0px 0px 14px;
	border-top: 1px solid #dbdbdb;
	text-align: right;
	overflow: hidden;
}
.saf #page #kundeliste th,
.saf #page #kundeliste td {
	height: 19px;
}

/**
FORM styles
*/
.input {
	position: relative;
	background-image: url(image/bg.input.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 5px 0px;
	width: 166px;
	height: 15px;
	overflow: hidden;
}
.input input {
	position: relative;
	#top: -1px;
	background: transparent;
	border: none;
	width: 160px;
	height: 15px;
	color: #666666;
	text-indent: 5px;
	font-family: Arial, Helvetica;
	font-size: 11px;
}
.ff .input input { /* FF mac */
	position: absolute;
	top: 1px;
}
.saf .input input { /* Safari mac */
	position: absolute;
	top: -1px;
}
.submit {
	position: relative;
	background-image: url(image/bg.submit.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 5px 0px;
	width: 48px;
	height: 15px;
	overflow: hidden;
}
.submit input {
	position: relative;
	top: -1px;
	#top: 0px;
	background: transparent;
	border: none;
	width: 48px;
	height: 15px;
	color: #FFFFFF;
	font-family: Arial, Helvetica;
	font-size: 11px;
}
.saf .submit input {
	top: 0px;
}