﻿/* General page setup
---------------------------------------------------------------------- */
html,
body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
html {
	overflow-y:scroll;
}
body {
	background-color:#000200;
	font-family:arial, verdana, sans-serif;
	font-size:12px;
	color:#dcdcdc;
}

#bgimg {
	width:100%;
	height:100%;
	position:fixed;
	z-index:-1;
}
#realBody {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
}
h1 {
	font-size:34px;
	font-weight:normal;
	color:#37ffec;
	line-height:27px;
	text-transform:uppercase;
	margin:0 0 15px 0;
}
h2 {
	font-size:20px;
	font-weight:normal;
	color:#31f3de;
	line-height:25px;
	margin:0 0 7px 0;
}
h3, h4, h5, h6 {
	font-size:12px;
	font-weight:normal;
	color:#31f3de;
	line-height:18px;
	margin:0 0 5px 0;
}
ul {
	list-style-type:disc;
	list-style-position:outside;
	margin:5px 10px;
	padding:5px;
}
ol {
	list-style-type:decimal;
	list-style-position:inside;
	margin:5px 0px 5px -6px;
	padding:5px;
}
ul li,
ol li {
	margin:0px;
	padding:0px;
	color:#fff;
}
hr {
	height:1px;
	background-color:#1ed747;
	border-color:#1ed747;
}
p {
	color:#dcdcdc;
	margin:0px 0px 10px 0px;
	line-height:18px;
}
a,
a:link,
a:visited {
	color:#dcdcdc;
	text-decoration:underline;
	outline:none;
}
a:hover,
a:focus {
	background:rgb(0,2,0);
	background:rgba(0,2,0,0.10);	
	color:#fefefe;
	text-decoration:none;
}
img {
	border:0px;
	outline:none;
}

blockquote {
    background:url("gfx/icon_quote.png") no-repeat scroll 0 28px transparent;
    border-bottom:2px solid #CCD2D0;
    border-top:2px solid #CCD2D0;
    color:#A00C36;
    font-size:18px;
    font-style:italic;
    margin:0 0 20px;
    padding:20px 14px 25px 49px;
}

/* Overall setup
---------------------------------------------------------------------- */
#wrap {
	width:960px;
}
#wrapTop {
	width:960px;
	position:relative;
	z-index:50;
}
#logo {
	width:171px;
	height:96px;
	position:absolute;
	top:25px;
	right:20px;
}
#topmenu {
	width:678px;
	height:47px;
	position:relative;
	top:45px;
	left:86px;	
	z-index:100;
}
#branding {
	position:relative;
	top:-47px;
	left:0;
	z-index:50;
}
#brandingContent {
	position:relative;
	width:960px;
	height:486px;
	top:60px;
	left:75px;
}
#wrapBottom {
	width:960px;
	position:relative;
	top:-47px;
	z-index:200;
}
#contentTop {
	width:768px;
	background:url(gfx/contentTopBg.png) left bottom no-repeat;
	padding:0 0 63px 0;
	margin:0 0 30px 72px;
	float:left;
}
#contentBottom {
	width:697px;
	margin:0 0 0 94px;
	float:left;
}
#contentLeft {
	width:422px;
	float:left;
}
#contentRight {
	width:275px;
	float:left;
}

/* Menu setup
---------------------------------------------------------------------- */
#topmenu ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#topmenu ul li {
	padding:0 8px 0 0;
	display:inline;
	position:relative;
}
#topmenu li a,
#topmenu li a:link,
#topmenu li a:visited {
	font-size:13px;
	color:#1ed747;
	text-decoration:none;
	text-transform:uppercase;
	white-space:nowrap;
	padding:0 8px;
}
#topmenu li a:hover,
#topmenu li a:focus {
	background:rgb(0,2,0);
	background:rgba(0,2,0,0.40);	
	color:#fff;
	text-decoration:none;
}
#topmenu li.selected a,
#topmenu li.selected a:link,
#topmenu li.selected a:visited {
	background:none;	
	color:#dcdcdc;
	text-decoration:none;
}
#topmenu li.selected a:hover,
#topmenu li.selected a:focus {
	background:rgb(0,2,0);
	background:rgba(0,2,0,0.40);	
	color:#fff;
	text-decoration:none;
}
#topmenu ul li ul {
	display:none;
}
#topmenu ul li.selected ul {
	min-width:380px;
	position:absolute;
	top:17px;
	left:0;
	display:block;
}
#topmenu li.selected li {
	padding:0 2px 0 0;
	position:relative;
	display:inline;
	float:left;
}
#topmenu li.selected li a,
#topmenu li.selected li a:link,
#topmenu li.selected li a:visited {
	color:#dcdcdc;
}
#topmenu li.selected li a:hover,
#topmenu li.selected li a:focus,
#topmenu li.selected li.selected a {
	background:rgb(0,2,0);
	background:rgba(0,2,0,0.40);
	color:#fff;
}

/* Slideshow setup
---------------------------------------------------------------------- */
.hidden {display:none;}
.fadein { position:relative; }
.fadein div { position:absolute; left:0; top:0; }
.fadein div h2 {
	font-size:34px;
	font-weight:normal;
	color:#37ffec;
	line-height:27px;
	text-transform:uppercase;
	margin:15px 0 15px 15px; 
	width:768px;
}
.fadein div p {
	display:block;
	font-size:20px;
	line-height:25px;
	margin:15px 0 0 15px; 
	width:768px;
}

/* Frontpage setup
---------------------------------------------------------------------- */
#contentRight ul.newslist {
	list-style-type:none;
	margin:0;
	padding:0;
	float:right;
	width:210px;
}
#contentRight ul.newslist li {
	padding:10px 0;
	margin:0;
	float:left;
}
#contentRight ul.newslist li.first {
	padding-top:0;
}
#contentRight ul.newslist li:hover {
	background:rgb(0,2,0);
	background:rgba(0,2,0,0.10);	
}
#contentRight ul.newslist li .date {
	width:50px;
	margin-right:15px;
	text-align:right;
	float:left;
}
#contentRight ul.newslist li .text {
	width:145px;
	float:left;
}
#contentRight ul.newslist li .text p {
	margin:0;
}
#contentRight ul.newslist li a,
#contentRight ul.newslist li a:link,
#contentRight ul.newslist li a:visited {
	color:#1ed747;
	text-decoration:none;
}
#contentRight ul.newslist li a:hover,
#contentRight ul.newslist li a:focus {
	background:none;
	color:#fefefe;
	text-decoration:underline;
}

/* Subpage setup
---------------------------------------------------------------------- */
#contentTop .text {
	width:697px;
	margin:38px 0 0 22px; /* gje, margin-top because there is no longer a dropshadow on the flash */
}
#contentTop .text p {
	font-size:20px;
	margin:0;
	line-height:25px;
	display:inline;	
}
#contentLeft,
#contentLeft h3, 
#contentLeft h4, 
#contentLeft h5, 
#contentLeft h6 {
	font-size:13px;
}
#contentLeft .contentText {
	width:422px;
	margin-bottom:30px;
	float:left;
}
#contentLeft .contentText h2 {
	margin:15px 0 5px 0;
}
#contentLeft .contentText h2 a,
#contentLeft .contentText h2 a:link
#contentLeft .contentText h2 a:visited {
	font-size:20px;
	font-weight:normal;
	color:#31f3de;
	line-height:25px;
	text-decoration:none;
	display:inline-block;
}
#contentLeft .contentText h2 a:hover,
#contentLeft .contentText h2 a:focus {
	background:url(gfx/newsBoxLinkBg.png) right 7px no-repeat;
	color:#fff;
	padding:0 31px 0 0;
	text-decoration:none;
}
/* --- */
#contentRight .linkbox {
	width:210px;
	font-size:13px;
	text-transform:uppercase;
	margin:0 0 14px 60px;
	float:left;
	text-align:left;
}
#contentRight .linkbox a,
#contentRight .linkbox a:link,
#contentRight .linkbox a:visited {
	height:21px;
	background:url(gfx/solutionLinkBg.png) right top no-repeat;
	color:#1ed747;
	padding:0 25px 0 4px;
	line-height:21px;
	display:inline-block;
	text-decoration:none;
}
#contentRight .linkbox a:hover,
#contentRight .linkbox a:focus {
	background:url(gfx/solutionLinkBgHover.png) right top no-repeat;
	color:#fefefe;
}
/* --- */
#contentRight .factbox {
	width:210px;
	text-transform:uppercase;
	margin-bottom:20px;
	float:right;
	text-align:left;
}
#contentRight .factbox h3 {
	font-size:12px;
	margin:0;
	line-height:15px;
}
#contentRight .factbox p {
	font-size:12px;
	margin:0;
	line-height:14px;
}
#contentRight .factbox a,
#contentRight .factbox a:link,
#contentRight .factbox a:visited {
	color:#dcdcdc;
	text-decoration:none;
}
#contentRight .factbox a:hover,
#contentRight .factbox a:focus {
	color:#fefefe;
}
/* --- */
#contentRight .ritchText {
	width:210px;
	float:right;
	text-align:left;
}
#contentRight .ritchText h3 {
	font-size:13px;
}

/* Listpage setup
---------------------------------------------------------------------- */
#contentLeft .list {
	width:422px;
	float:left;
}
#contentLeft .list ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#contentLeft .list ul li {
	width:422px;
	padding:10px 0;
	float:left;
}
#contentLeft .list ul li.first {
	padding-top:0;
}
#contentLeft .list ul li:hover {
	background:rgb(0,2,0);
	background:rgba(0,2,0,0.10);	
}
#contentLeft .list ul li h2 {
	margin:0;
	float:;
}
#contentLeft .list ul li h2 a,
#contentLeft .list ul li h2 a:link,
#contentLeft .list ul li h2 a:visited {
	font-size:20px;
	font-weight:normal;
	color:#31f3de;
	line-height:25px;
	text-decoration:none;
	display:inline-block;
}
#contentLeft .list ul li h2 a:hover,
#contentLeft .list ul li h2 a:focus {
	background:url(gfx/newsBoxLinkBg.png) right 7px no-repeat;
	color:#fff;
	padding:0 31px 0 0;
	text-decoration:none;
}
#contentLeft .list ul li p.date {
	color:#6a6a6a;
	margin:10px 0 0 0;
}
#contentLeft .list ul li p {

}

/* CaseList setup
---------------------------------------------------------------------- */
#caseList,
#tagList {
	width:740px;
	margin:0 0 20px 0;
	float:none;
	clear:both;
}
#caseList ul,
#tagList ul{
	margin:0;
	padding:0;
	list-style:none;
}
#tagList li {
	display:inline;
	margin:0 10px 0 0;
}
#caseList a,
#tagList a {
	text-decoration:none;
}

#caseList li {
	width:182px;
	float:left;
	margin:0 3px 10px 0;
}
#caseList h2 {
	font-size:12px;
	margin:5px 0 0 0;
	line-height:13px;
}
#caseList h2 a {
	color:#1ed747;
	text-transform:uppercase;
}

.scfForm {
	margin-bottom:20px !important;
	float:left !important;
}
/* webform style
---------------------------------------------------------------------- */
#contentRight .scfForm	{
	float: right !important;
	width: 190px;
	padding: 10px 10px 10px 10px;
	background:url(gfx/bg_dark_trans.png);
}
#contentRight .scfSingleLineTextBorder  label	{
	float: left;
	display: block;
	width: 100%;
}
#contentRight .scfSingleLineGeneralPanel	{
	width: 190px;
	float: left;
	overflow: hidden;
}
#contentRight .scfSingleLineTextBorder .scfSingleLineGeneralPanel input	{
	border: 0;
	background-color: #121211;
	color: #ffffff;
	padding: 7px 10px;
	
	/*height: 40px;
	padding: 10px 10px 5px 10px;
	font-size: 16px;
	font-weight: bold;*/
	margin-bottom: 10px;
}
#contentRight .scfSubmitButtonBorder input	{
	background:url(gfx/btn_tilmeld.png) top left no-repeat;
	width: 87px;
	height: 19px;
	border: 0px;
	float: right;
}
/* Right slide setup
---------------------------------------------------------------------- */
/* gje, not in use before later on 
ul#playground {
	list-style:none;
	margin:0px;
	padding:0px;
	position:absolute;
	top:396px;
	right:0;
	z-index:9999;
}
ul#playground li {
	width:398px;
	padding:0 0 10px 0;
}
ul#playground li div {
	width:398px;
	height:105px;
	background:#1ed747;
	margin-left:2px;
	display:block;
}
*/