/* ----------------------------------------------------------------------------------- */
/*                             CSS MUX MediaLab, Norway                                */
/*                                 www.muxmedialab.no                                  */
/* ----------------------------------------------------------------------------------- */




/* FRAMEWORK! DO NOT CHANGE! START */

#container{
	width: 820px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	overflow:hidden;
}

#topContent {
	background: #eee;
	overflow: hidden;
	padding: 0 5px 0 5px;
	clear: both;
}

#mainContent {
	width: 100%;
	clear: both;
}

#mainContent #leftColWrapper{
	width: 270px;
	float: left;
	padding: 0 15px;
}

#mainContent #rightColWrapper{
	width: 270px;
	float: right;
}

#mainContent #middleColWrapper{
	width: 640px;
	float: left;
}

#footer {
	width: 100%;
	clear: both;
}

/* FRAMEWORK! DO NOT CHANGE! END */



html,
body {
	margin: 0;
	padding: 0;
}

body,
textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .76em;
	color: #444;
	line-height: 1.5em;
}

body {
	background: #eff1f2 url(img/bkgrnd.png) repeat-x fixed;
}

textarea{
	font-size: 1em;
}

img {
	border: 0;
}

form, 
input{
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

a {
	color: #1f1949;
	color: #c28e01;
	color: #7b81c2;
	color: #1f1949;
	color: #1f1949;
	text-decoration: none;
}

.articlelistItem h2 {
	color: #1f1949;
}

a:hover {
	text-decoration: underline;
}



h1, h2, h3, h4, h5, h6 {
	color: #000;
}

th,
td{
	vertical-align: top;
	text-align:left;
}

table.FinanceTable tr td:first-child +td +td {text-align:right; padding-right:10px;}
table.FinanceTable tr td:first-child +td +td +td {text-align:right;padding-right:10px;}

h1,
.banner strong{
	font-size: 2em;
	padding: 0;
	margin: .5em 0;
	letter-spacing: -0.03em;
}

h1 {
	margin-bottom: 1.5em;
}

h2 {
	font-size: 1.2em;
	padding: 0;
	margin: .5em 0;
}

h3 {
	font-size: 1em;
	padding: 0;
	margin: .5em 0;
	font-weight: bold;
}










#container {
	margin-top: 20px;
}





#topContent {
	background: url(img/topContent_bkgrnd2.png);
	overflow: hidden;
}

#topContent #shortcuts{
	text-align: right;
	position: absolute;
	right: 60px;
	top: 60px;
}

#topContent #shortcuts a{
	display: inline;
	color: #1f1949;
}


#topContent #shortcuts ul{
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

#topContent #shortcuts li{
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

#topContent #shortcuts li a{
	margin-left: .5em;
}

#topContent #shortcuts li a:hover{
	text-decoration: underline;
}

#topContent #logo{
	float: left;
	padding: 25px 15px 20px 15px;
}

#topContent #logo h1{
	margin: 0;
	padding: 0;
}

#topContent #logo h1 a{
	display: block;
	background: url(img/KomplettGroup_logo.png) no-repeat;
	height: 55px;
	width: 300px;
}

#topContent #logo h1 a span{
	display: none;
}

#topContent #search{
	width: 300px;
	text-align: right;
	position: absolute;
	right: 10px;
	top: 20px;
}

*+html body #topContent #search{
	right: 20px;
}


#topContent #search form,
#topContent #search fieldset{
	display: inline;
	border: 0;
}

#topContent #search fieldset legend{
	display: none;
}

#topContent #search input{
	background: url(img/search_text.png) no-repeat;
	border: 0;
	display: block;
	float: left;
	width: 180px;
	height: 29px;
	padding: 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

/* FF Hacks */
#topContent #search input, x:-moz-any-link,
#topContent #search input, x:-moz-any-link, x:default {
	padding: 6px 5px 4px 5px;
}


#topContent #search .submit{
	background: url(img/search_submit.png) no-repeat;
	float: left;
	width: 50px;
	padding: 0 0 0 5px;
	color: #1f1949;
	font-weight: bold;
}


#topContent #menuWrapper {
	clear: both;
	width: 100%;
	float: left;
	height: 6em;
	position: relative;
}









#topContent #menuWrapper #menuLevelOne,
#topContent #menuWrapper #menuLevelTwo{
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

#topContent #menuWrapper #menuLevelOne li,
#topContent #menuWrapper #menuLevelTwo li{
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}


#topContent #menuWrapper #menuLevelOne{
	border-bottom: 40px solid #f7b80a;
	overflow: hidden;
}



#topContent #menuWrapper #menuLevelOne{
	display: block;
	padding-left: 45px;
}

#topContent #menuWrapper #menuLevelOne > li a{
	background: url(img/topTab.png) no-repeat;
	overflow: hidden;
	width: 90px;
	padding: 10px 15px 6px 15px;
	margin-right: -1px;
	display: block;
	float: left;
	text-align: center;
	color: #1f1949;
}

#topContent #menuWrapper #menuLevelOne > li > a:hover{
	background: url(img/topTab_active.png) no-repeat;
	text-decoration: none;
}

#topContent #menuWrapper #menuLevelOne > li.selected > a{
	background: url(img/topTab_active.png) no-repeat;
	color: #fff;
	color: #1f1949;
	font-weight: bold;
}

#topContent #menuWrapper #menuLevelTwo{
	display: block;
	position: absolute;
	left: 0;
	top: 2.7em;
	width: 100%;
}


#topContent #menuWrapper #menuLevelTwo a{
	display: inline!important;
	width: auto!important;
	padding: 12px 0 5px 30px!important;
}


#topContent #menuWrapper #menuLevelTwo > li a{
	font-weight: normal!important;
	background: none;
	color: #fff;
	color: #1f1949;
}


#topContent #menuWrapper #menuLevelTwo > li.selected > a{
	font-weight: bold!important;
}









#mainContent {
	background: url(img/mainContent_bkgrnd.png) repeat-y;
	overflow: hidden;
	padding: 0 5px;
	padding-bottom: 20px;
}

#mainContent a:hover{
	text-decoration: underline;
}


.banner {
	overflow: hidden;
	width: 810px;
	color: #fff;
}

.banner .bannerContent{
	display: block;
	padding: 20px 30px;
	line-height: 1.2em;
	background: #1f1949;
}

.banner .bannerContent h1{
	color: #fff;
}


.banner .bannerContent strong{
	margin: .3em 0;
	display: block;
	line-height: 1em;
}



.colThree {
	padding: 10px 30px;
	overflow: hidden;
}

.colThree .col{
	width: 240px;
	overflow: hidden;
	float: left;
	margin-right: 15px;
}

.colThree .col img,
.colThree .col .colPresse{
	border-top: 10px solid #1f1949;
}

.colThree .col ul a{
	color: #444;
}



.colThree .last{
	margin-right: 0;
}


.colPresse .hugin_feed .date{
	background: #e8f1f4;
	display: block;
	float: left;
	padding: 3px 5px;
	width: 25px;
	text-align: center;
	margin-right: 5px;
	
} 
.colPresse .hugin_feed .title { font-weight: bold; }
.colPresse .source { font-size: 0.9em; }
.colPresse .col .hugin_feed a{
	float: left;
	display: block;
	width: 180px;
}


.colPresse .hugin_feed {
	margin-top: 5px;
	clear: both;
	overflow: hidden;
	font-size: 0.9em;
	line-height: 1.3em;	
}


.colThree .fullWidth{
	overflow: hidden;
	margin-right: 15px;
}

.colThree .fullWidth .hugin_feed {
	border-bottom: 1px solid #e8f1f4;
	padding-bottom: 8px;
	padding-top: 0;
}

.colThree .fullWidth .hugin_feed .date {
	display: inline;
	background: 0;
	margin: 0;
	padding: 0;
	width: 100px;
	text-align: left;
}


.textContainer {
	padding: 30px;
	overflow: hidden;
}

.textContainer .article img {
	float: left;
	margin-right: 15px;
}


.textContainer h2 {
	margin: 0;
}

.textContainer .article .articleContent {
	float: right;
	width: 505px;
}

.textContainer .article .articlelistItem {
	clear: both;
	border-top: 1px solid #e8f1f4;
	overflow: hidden;
	padding-top: 15px;
	margin-top: 15px;
}



.textContainer .imagebank .imagebankItem {
	width: 365px;
	float: left;
	margin-right: 15px;
}


.textContainer .imagebank .imagebankItem img{
	float: left;
}

.textContainer .imagebank .imagebankItem .imagebankText{
	width: 225px;
	float: right;
}
.textContainer .imagebank .imagebankItem .imagebankText p{
	margin: 0;
}

.textContainer .imagebank {
	clear: both;
	border-top: 1px solid #e8f1f4;
	overflow: hidden;
	padding-top: 15px;
	margin-top: 15px;
}


.textContainer .imagebank ul,
.textContainer .imagebank ul li {
	list-style: none;
	margin: 0;
	padding: 0;

}

.textContainer #SiteMapNorwegian {
	float: left; 
	width: 40%;
}

.textContainer #SiteMapEnglish {
	float: left;
	width: 40%;
}

.textContainer #SiteMapNorwegian,
.textContainer #SiteMapEnglish {
	overflow: hidden;

}

#footer .colThree {
	margin-left: 5px;
}



#footer {
	background: url(img/footer_bkgrnd.png) no-repeat bottom;
	overflow: hidden;
	padding-bottom: 20px;
}


#footer ul,
#footer ul li{
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer ul li{
	margin-left: 10px;
	padding-left: 12px;
	background: url(img/arrow.png) no-repeat left center;
}

#footer li a{
}


.copyright{
	text-align: center;
	padding: 10px 0;
	width: 100%;
	float: left;
	overflow: hidden;
}


.easyCruitFrame { width: 760px; height: 300px; padding: 0 30px; }