/*
Bonver Main Style Sheet
Latest update: 091119
By: Yacine B.
*/


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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ---------- Common styles ---------- */

a, a:link, a:visited, a:active { text-decoration: none; color: #000; }

a:hover { text-decoration: underline; }

h2  
{
	color: #006b6e; 
	font: bold 24px arial; 
	padding-bottom: 10px;
}

h3,
h3 a:link,
h3 a:active,
h3 a:visited
{
	color: #006b6e; 
	font: bold 17px arial; 
	clear: both;
}

p { padding-bottom: 10px; font-family: Arial; }

.bold { font-weight: bold; }

/* ---------- MainStyleasheet ---------- */

body  { font: 14px/1.5 arial; }

#wrap  
{
	width: 905px; 
	margin: 0 auto;
}

#header 
{ 
	padding: 0 15px; 
	position: relative;
	z-index: 200;
  
}

#footer  
{
	clear: left; 
	border-top: 1px solid #ddd;
	margin-top: 15px; 
	float: left; 
	width: 100%; 
	text-align: right;
	font-size: 12px;	
}

#footer p
{
	color: #666;
}

h1#logo a 
{
	text-indent: -9999px;
	background: url(/images/logo.gif) no-repeat;
	width: 233px;
	height: 76px;
	float: left;
}

.column
{
	padding: 15px 0;
	float: left;
	width: 425px;
}

/* ---------- Startpage ---------- */

#leftlink,
#rightlink { width: 415px; padding: 15px; }

#leftlink.column, 
#rightlink.column { background: #f2f2f2 url(/images/grey-fade.gif) repeat-x; }

#rightlink { float: right; }

#leftlink.column img, 
#rightlink.column img { padding-bottom: 15px; }

/* ---------- Slideshow ---------- */

#slideshow { position: relative; padding-bottom: 15px; }

#slideshow #promo  
{
	position: absolute; 
	top: 10px; 
	left: 15px; 
	width: 450px;
	z-index: 100;
}

#slideshow #promo p
{
	line-height: 18px;
}

#slideshow {
    position:relative;
    height:205px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* ---------- Navigation ---------- */

ul#navigation  
{
	float: right; 
	padding-top: 30px;	
	z-index: 100;
	position: relative;
}

ul#navigation li { float: left; margin-right: 45px; }

ul#navigation li a  
{
	float: left; 
	height: 0; 
	overflow: hidden; 
	padding-top: 30px;
	background-image: url(/images/navigation-links.gif);
	background-repeat: no-repeat;
}

ul#navigation li a:hover { background-image: url(/images/navigation-links-hover.gif); background-position: 0 -20px; }

ul#navigation li#contact { margin: 0px; }

ul#navigation li#home a { background-position: 0 -20px; width: 35px; }

ul#navigation li#about a { background-position: -86px -20px; width: 81px; }

ul#navigation li#business a { background-position: -228px -20px; width: 99px; }

ul#navigation li#work a { background-position: -388px -20px; width: 103px; }

ul#navigation li#contact a { background-position: -536px -20px; width: 53px; }

ul#navigation li#about a:hover { background-position: -86px -18px; }
ul#navigation li#business a:hover { background-position: -228px -18px; }

	/* ---------- English Navigation---------- */

	ul#navigation.EN li a { background-image: url(/images/navigation-links-en.gif); }
	
	ul#navigation.EN li a:hover { background-image: url(/images/navigation-links-hover-en.gif); }
			
	ul#navigation.EN li#contact { margin: 0px; }

	ul#navigation.EN li#home a { background-position: -22px -20px; width: 41px; }

	ul#navigation.EN li#about a { background-position: -103px -20px; width: 99px; }

	ul#navigation.EN li#business a { background-position: -249px -20px; width: 109px; }

	ul#navigation.EN li#work a { background-position: -408px -20px; width: 81px; }

	ul#navigation.EN li#contact a { background-position: -534px -20px; width: 55px; }
	
	ul#navigation.EN li#about a:hover { background-position: -103px -18px; }
	ul#navigation.EN li#business a:hover { background-position: -249px -18px; }	
	
	/* ---------- Norsk Navigation---------- */

	ul#navigation.NO li a { background-image: url(/images/navigation-links-no.gif); }
	
	ul#navigation.NO li a:hover { background-image: url(/images/navigation-links-hover-no.gif); }
			
	ul#navigation.NO li#contact { margin: 0px; }

	ul#navigation.NO li#home a { background-position: 0px -20px; width: 37px; }

	ul#navigation.NO li#about a { background-position: -85px -20px; width: 81px; }

	ul#navigation.NO li#business a { background-position: -227px -20px; width: 94px; }

	ul#navigation.NO li#work a { background-position: -387px -20px; width: 103px; }

	ul#navigation.NO li#contact a { background-position: -536px -20px; width: 53px; }
	
	ul#navigation.NO li#about a:hover { background-position: -85px -18px; }
	ul#navigation.NO li#business a:hover { background-position: -227px -18px; }	
	
	/* ---------- Finsk Navigation---------- */

	ul#navigation.FI li a { background-image: url(/images/navigation-links-fi.gif); }
	
	ul#navigation.FI li a:hover { background-image: url(/images/navigation-links-hover-fi.gif); }
			
	ul#navigation.FI li#contact { margin: 0px; }

	ul#navigation.FI li#home a { background-position: -65px -20px; width: 51px; }

	ul#navigation.FI li#about a { background-position: -148px -20px; width: 36px; }

	ul#navigation.FI li#business a { background-position: -227px -20px; width: 110px; }

	ul#navigation.FI li#work a { background-position: -388px -20px; width: 69px; }

	ul#navigation.FI li#contact a { background-position: -500px -20px; width: 89px; }
	
	ul#navigation.FI li#about a:hover { background-position: -148px -18px; }
	ul#navigation.FI li#business a:hover { background-position: -227px -18px; }		

	/* ---------- Dansk Navigation---------- */

	ul#navigation.DK li { margin-right: 30px; }

	ul#navigation.DK li a { background-image: url(/images/navigation-links-dk.gif); }
	
	ul#navigation.DK li a:hover { background-image: url(/images/navigation-links-hover-dk.gif); }
			
	ul#navigation.DK li#contact { margin: 0px; }

	ul#navigation.DK li#home a { background-position: -27px -20px; width: 37px; }

	ul#navigation.DK li#about a { background-position: -111px -20px; width: 81px; }

	ul#navigation.DK li#business a { background-position: -253px -20px; width: 151px; }

	ul#navigation.DK li#work a { background-position: -475px -20px; width: 124px; }

	ul#navigation.DK li#contact a { background-position: -645px -20px; width: 53px; }
	
	ul#navigation.DK li#about a:hover { background-position: -111px -18px; }
	ul#navigation.DK li#business a:hover { background-position: -253px -18px; }			

	/* ---------- Navigation / Dropdown ---------- */

	ul#navigation li#about,
	ul#navigation li#business  { position: relative; }
		
	ul#navigation li#about:hover ul,
	ul#navigation li#business:hover ul { display: block; }
	
	ul#navigation li#about ul,
	ul#navigation li#business ul  
	{ 
		display: none;  
		background: #d4d4d4 url(/images/sub-menu-fade.gif) repeat-x 0 0; 
		position: absolute; 
		top: 17px; 
		left: -15px; 
		padding: 10px 16px; 
		font-weight: bold;
		font-size: 12px;
		z-index: 200;
	}
	
	ul#navigation.DK li#business ul { left: -5px; }
	
	ul#navigation li#about ul { width: 110px; }	
	ul#navigation.DK li#about ul { width: 116px; }	
	ul#navigation li#business ul { width: 125px; }
	

	
	ul#navigation li#about ul li,
	ul#navigation li#business ul li { float: none; margin: 0px; padding: 4px 0; border-bottom: 1px solid #d4d4d4; }
	
	ul#navigation li#about ul li a,
	ul#navigation.EN li#about ul li a,
	ul#navigation.NO li#about ul li a,
	ul#navigation.FI li#about ul li a,
	ul#navigation.DK li#about ul li a,	
	ul#navigation li#business ul li a,
	ul#navigation.EN li#business ul li a,
	ul#navigation.NO li#business ul li a,
	ul#navigation.FI li#business ul li a,
	ul#navigation.DK li#business ul li a  
	{ 
		float: none; 
		margin: 0px; 
		background: none; 
		padding: 0px 5px 0 0; 
		overflow: auto; 
		color: #444; 
		width: 100%; 
		height: auto;
		display: block;
	}
	ul#navigation li#about ul li a:hover,
	ul#navigation li#business ul li a:hover { color: #006B6E;  } 

/* ---------- Language ---------- */

#language   
{
	padding: 10px 15px 25px; 
	font-size: 11px; 
	color: #a6a6a6;
}
#language a { color: #a6a6a6; }

#language a:hover { color: #006B6E; }

#language span  { float: right; }

#language ul
{ 
	float: right;	
	padding-left: 20px;
}

#language ul li
{
	float: left; 
	padding-left: 26px;
	background: url(/images/arrows.gif) no-repeat 12px 5px;	
}

#language ul.FI li#fi a,
#language ul.SV li#sv a,
#language ul.EN li#en a,
#language ul.NO li#no a { font-weight: bold; color: #006B6E; }


#content 
{
	background: #f2f2f2 url(/images/grey-fade.gif) repeat-x;	
	padding: 0 15px;
	float: left;
	width: 875px;
}

#rightcol { float: right; }

#list  
{
	clear: left; 
	float: left;
}

.list-item  
{
	padding: 15px 40px 15px 0; 
	border-top: 1px solid #ddd; 
	float: left; 
	width: 835px;
}

.list-item img.rightimage  
{
	float: right; 
	padding-left: 40px; 
}

.list-item img.leftimage  
{
	float: left; 
	padding-right: 40px; 
}

/* ---------- Employes ---------- */

ul.employe-list 
{ 
	float: left; 
	padding: 15px 0;
	font-size: 12px;
	width: 100%;
}

ul.employe-list li 
{
	float: left; 
	text-align: center;
	width: 210px;
	height: 240px;
	padding: 0 4px 25px 4px;
}

.column.images { width: 437px; border-top: 1px solid #ccc; }

.column.images h2 { text-align: center; }

ul.employe-list li .title 
{
	color: #006B6E; 
	font-weight: bold; 
}

ul.employe-list li img { border: 1px solid #ccc; }

ul.employe-list li p { padding: 0px; }

#leftcol.column.images ul.employe-list { border-right: 1px solid #ccc; }

.address  
{
	float: left; 
	width: 400px; 
}

.mapcontainer  
{
	width: 420px; 
	height: 250px; 
	float: right; 
	border: 5px solid #fff; 
}

.location  
{
	padding-bottom: 15px; 
	margin-bottom: 15px;
	border-bottom: 1px solid #ddd;
	float: left;
	width: 100%;
}

.jobb-item  
{
	float: left;
	padding-bottom: 35px;
}

.jobb-item span.date
{
	font-size: 12px;
	padding-top: 3px;
	display: block;
}

.jobb-item span.button {  }

/* ---------- Button ---------- */

span.button
{
	background: url(/images/button.png) no-repeat -2px 0; 
	float: left;
	cursor: pointer;
}

span.button a
{
	background: url(/images/button.png) no-repeat 100% 0; 
	float: left;
	margin-left: 12px;
	padding: 16px 20px 16px 6px;
	color: #fff;
	font: bold 12px arial;
}

/* ---------- Clearfix ---------- */

.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */