/*******************
	Reset
	*******************/
body{
	font-family: Verdana, Geneva, sans-serif;
	background-color: #5A3630;
	font-size: 12px;
	color: #000;
}
a, a:visited{ text-decoration: none; outline: none; color: #3680a1; }
a:hover		{ color: #2e2e2e; }
a img		{ border: none; }
img			{ vertical-align: middle; }
.clear		{ clear: both; }
fieldset	{ border: none; }
::selection { background: #fe4902; color: white; /* Safari */ }
::-moz-selection { background: #fe4902; color: white; /* Firefox */ }

.button		{ background: #fe4902 url(/images/button-bg.png) top left repeat-x; color: white !important; 
			font-weight: bold; font-size: 15px; -moz-border-radius: 16px; -webkit-border-radius: 12px; 
			border: none; letter-spacing: -1px; padding: 5px 12px 3px 12px; }
.button:hover{ background: #2e2e2e; cursor: pointer; }
.alignCenter{ text-align: center; }
.floatLeft	{ float: left; }
.floatRight	{ float: right; }
ol, ul {
list-style: none;
margin:0;
padding:0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
	
li {
	margin: 0;
	padding: 0;
}

/********************
	Typography
	***********************/
h1 {
	color: #537580;
	height: 20px;
	line-height: 22px;
	margin-bottom: 12px;
}

h2 {
	color: #116173;
	height: 16px;
	line-height: 22px;
	margin-bottom: 12px;
}
	
a {
	color: #0FBFEF;	
}
/********************
	Structure
	 ********************/
	 
#wrapper-home {
	width: 960px;
	height: 620px;
	margin:20px auto 0 auto;
	background-color:#fff;
	
}
#wrapper-general {
	width: 960px;
	margin:20px auto 0 auto;
	background-color:#fff;
	
}
#container {
	overflow: hidden;	
}
#top {
	position:relative;
	
}
#footer {
	position: relative;
	padding: 10px 0 20px 180px;
}
#main {
	margin: 0 0 0 170px;
	width: 407px;
	height: 548px;
	background-image: url(images/mainbg.jpg);
	background-repeat: no-repeat;
	float:left;
	background-position: 9px 20px;
	position:relative;
}
#left {
	width: 122px;
	height: 413px;
	margin: 0 15px 0 33px;
	position: absolute;
	top: 0;
	left: 0;
}
#right {
	position: absolute;
	right: 54px;
	top: 26px;
	width: 324px;
}


/*********************
	Left column
	********************/

#logo {
	position:absolute;
	left:0;
	top: 38px;
}

#leftpara {
	position: absolute;
	bottom: 0;
	left:0;
	width: 122px;
	height: 130px;
	background-color:#B6D5E2;
}
#leftpara p, #leftparabot p {
	padding:0 8px;
	line-height:18px;	
}

#mainbottom img{
	padding: 22px 0 0 12px;	
}

/****************
	Right 
	***************/

#galleri {
	height: 521px;
	width: 100%;
	background-color:#FFF1C4;
	
}
#galleri ul {
	width: 237px;
	padding: 10px 56px 0 34px;
}
#galleri li {
	position: relative;	
	width: 95px;
	height: 107px;
	overflow:hidden;
	float: left; 
	padding: 12px 16px 0 0;
}

.hide {
	position: absolute;
	top: 113px;
	left: 0;
	z-index:100;
}
.hide img {
	border: none;	
}
#galleri li img{
	z-index: 1;	
	top: 0;
	left:0;
}


/*************'
	Footer
	*************/
#footer a {
 	color: #8EADAF;	
}
	
#footer p {
	line-height: 13px;
	margin: 0;
	padding: 0;
	color: #8EADAF;
	font-size: 11px;	
}
#footerright {
	position: absolute;
	right: 55px;
	top: 10px;
	text-align: right;	
}
#footerright p {
 	color: #000;	
}
#footerright p span {
	color: #B3B3B3
}

/**************
	IE 6 notice 
	********************/

#ieNotice {
	display: none;
}

/**************************************	
	superfish.css
	*************************************/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			335px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			335px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
/*	border-left:	1px solid #000;
	border-top:		1px solid #CFDEFF; */
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li {
/*	background:		#BDD2FF; */
}
.sf-menu li li {
/*	background:		#AABDE6; */
}
.sf-menu li li li {
/*	background:		#9AAEDB; */
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
/*	background:		#CFDEFF; */
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
/******************************
	superfish-vertical.css
	******************************************/
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	335px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	10.5em; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/********************************
	mysf-with-new-sprite.css
	**************************************/
.sf-vertical{
	margin: 50px 0 22px 30px;
	width: 130px;
	height:184px;
}

.sf-vertical li {
	width:	130px;
	height: 20px;
	padding: 0 0 2px 0;
	position: relative; 
/*	overflow: hidden;*/
}

.sf-vertical li  a{
	background-repeat:no-repeat;
	position: absolute;
	width: 100%;
	height: 20px;
}
.sf-vertical li a:hover{
	background-repeat:no-repeat;
	
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 20px;
}
.sf-menu li a {
text-indent: -999px;
}
.sf-menu li li {
	height: 24px;	
	background-color:#B6D5E2;
	border:1px solid #FFFFFF;
	
}
.sf-menu li li a, .sf-menu li li a:hover {
	text-indent: -999px;
	height: 20px;
	background-color:#B6D5E2;
	padding: 0 ;
	width: 130px;
	top: 2px;
}
.sf-menu li ul {

}


.sf-menu a {
padding: 0;
text-decoration:none;
}
#forsi a{
	background-image: url(images/main_menu.png);
	background-position: 0px -5px;
}

#forsi a:hover{
	background-position:0 -32px;
}

#forsi a:active{
	background-position:0 -59px;
}

.forsi #forsi a{
	background-position:0 -59px;	
}

#hvorf a{
	background-image: url(images/main_menu.png);
	background-position: 0px -86px;
}

#hvorf a:hover{
	background-position:0 -113px;
}

#hvorf a:active{
	background-position:0 -140px;
}
.hvorf #hvorf a{
	background-position:0 -140px;
}

#hvord a{
	background-image: url(images/main_menu.png);
	background-position: 0px -167px;
}

#hvord a:hover {
	background-position: 0px -194px;	
}

#hvord a:active {
	background-position: 0px -221px;	
}

.hvord #hvord a {
	background-position: 0px -221px;
}

#om-os a{
	background-image: url(images/main_menu.png);
	background-position: 0px -248px;
}

#om-os a:hover{
	background-position: 0px -275px;
}

#om-os a:active{
	background-position: 0px -302px;
}

#medie a{
	background-image: url(images/main_menu.png);
	background-position: 0px -329px;
}

#medie a:hover{
	background-position: 0px -356px;
}

.medie #medie a{
	background-position: 0px -356px;
}

#nyhet a{
	background-image: url(images/main_menu.png);
	background-position: 0px -410px;
}

#nyhet a:hover{
	background-position: 0px -437px;
}

#nyhet a:active{
	background-position: 0px -464px;
}

.nyhet #nyhet a{
	background-position: 0px -464px;
}

#jobb_ a{
	background-image: url(images/main_menu.png);
	background-position: 0px -491px;
}

#jobb_ a:hover{
	background-position: 0px -518px;
}

#jobb_ a:active{
	background-position: 0px -545px;
}

.jobb_ #jobb_ a{
	background-position: 0px -545px;
}

#jobb_, #hvorf, #hvord {
width:	360px;
}


#konta a{
	background-image: url(images/main_menu.png);
	background-position: 0px -572px;
}

#konta a:hover{
	background-position: 0px -599px;
}

#konta a:active{
	background-position: 0px -626px;
}

.konta #konta a{
	background-position: 0px -626px;
}

#firma a {
	background-image: url(images/sub_menu.png);
	background-position: 0px -5px;	
}

#firma a:hover {
	background-position: 0px -32px;	
}

#firma a:active {
	background-position: 0px -59px;	
}
.firma #firma a {
	background-position: 0px -59px;	
}

#hvem_ a {
	background-image: url(images/sub_menu.png);
	background-position: 0px -86px;	
}

#hvem_ a:hover {
	background-position: 0px -113px;	
}

#hvem_ a:active {
	background-position: 0px -140px;	
}

.hvem_ #hvem_ a {
	background-position: 0px -140px;	
}

#fored a {
	background-image: url(images/sub_menu.png);
	background-position: 0px -167px;	
}	

#fored a:hover {
	background-position: 0px -194px;	
}

#fored a:active {
	background-position: 0px -221px;	
}

.fored #fored a {
	background-position: 0px -221px;	
}

#telev a {
	background-image: url(images/sub_menu.png);
	background-position: 0px -248px;
}

#telev a:hover {
	background-position: 0px -275px;
}

#telev a:active {
	background-position: 0px -302px;
}

.telev #telev a {
	background-position: 0px -302px;
}

#radio a {
	background-image: url(images/sub_menu.png);
	background-position: 0px -329px;
}
#radio a:hover {
	background-position: 0px -356px;
}

#radio a:active {
	background-position: 0px -383px;
}

.radio #radio a {
	background-position: 0px -383px;
}

#artik a {
	background-image: url(images/sub_menu.png);
	background-position: 0px -410px;
}
#artik a:hover {
	background-position: 0px -437px;
}

#artik a:active {
	background-position: 0px -464px;
}

.artik #artik a {
	background-position: 0px -464px;
}

/**************
	z-index for IE7 
	**************************/

.sf-menu {
 z-index: 10;	
}
/*
.sf-menu li {
 z-index: 10;	
}
.sf-menu li a {
 z-index: 15;	
}
.sf-menu li a:hover {
 z-index: 20;	
}
.sf-menu li ul{
 z-index: 30;	
}
.sf-menu li li{
 z-index: 40;	
}
.sf-menu li li a{
 z-index: 50;	
}
*/

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
	ColorBox example user style
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#000;}

#colorbox{}
	#cboxContent{background:#000; margin-top:20px;}
		#cboxLoadedContent{background:#000; padding:5px;}
                #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
                #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
                #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
                #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:bottom left;}
                #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
                #cboxNext.hover{background-position:bottom right;}
                #cboxLoadingOverlay{background:#000;}
		#cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
		#cboxClose.hover{background-position:bottom center;}				
/******************
	Rounded corner
	**************/
.box { 
  background: #FFFFFF; 
}
.boxtop { 
  background: url(images/ne.gif) no-repeat top right; 
}
.boxtop div { 
  font-size: 0;
  height: 10px; 
  background: url(images/nw.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(images/se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  font-size: 0;
  height: 10px; 
  background: url(images/sw.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 0;
}

/*********
update
**********************/
#left {
    height: 563px;
}

#leftpara {   
    top: 200px;
}

#leftparabot {
    
    background-color: #ffffff;
    height: 130px;
    left: 0;
    position: absolute;
    top: 360px;
    width: 122px;
color: #972000;

}

#submainbottom img{
float: left;
margin: 0 15px 0 0;
}