@charset "utf-8";
/* CSS Document */

/* Author: Bjarte Lund Rolland */

/* 
COLORS:
dark blue/black:	363d41
red:				db002f
blue:				008bc5

MARGINS:
20px
12px
6px
3px

*/

/* BODY (General styles)
---------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
}

.clearleft {
	float:left;
}

body {
	margin: 30px auto;
	padding: 0px;
	width: 990px;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 0.8em;
	color:#363d41;
	line-height:1.5em;
}

img {border:none}

.imgStyle {
	margin:0 10px 5px 0;
	float:left;
}

/* CONTAINER (This is the main wrapper)
------------------------------------------------------------------ */
#container {
	width: 990px;
}

/* HEADER (Includes header with logo and horizontal navigation)
------------------------------------------------------------------ */
#header {
	width:990px;
	height:70px;
}
#headerLeft {
	width:590px;
	height:70px;
	float:left;
}
#headerRight {
	width:400px;
	height:70px;
	float:left;
	position:relative;
}
#headerRight .buttonTop {
	position:absolute;
	left:50px;
	bottom:35px;
}
#headerRight .buttonBottom {
	position:absolute;
	left:50px;
	bottom:8px;
}
.button {
	border:solid 1px #008bc5;
	display:block;
}
.button a:link,
.button a:visited {
	text-decoration:none;
	display:block;
	padding:1px 12px;
	color:#008bc5;
	font-size:0.9em;
}
.button a:hover,
.button a:active {
	background:#F4F4F4;
}

#headerRight .headerSearch {
	position:absolute;
	right:0;
	bottom:8px;
}
.headerSearchField {
	height:35px;
	float:left;
	margin-right: 12px;
}
.headerSearchButton {
	width:20px; 
	height:23px; 
	border:1px solid #CCCCCC; 
	background-color: #FFFFFF;
	margin-bottom:-2px;
	padding:0;
	font-size:16px;
	float:left
}

/* #topMenu
---------------------------------------- */
#topMenu {
	height:27px;
	font-size:15px;
	clear:both;
	background:url(../gfx/topNavBG.jpg) repeat;
	width:990px;
	position:relative;
	z-index:3;
}

/* #topMenu - Level 1
---------------------------------------- */
#topMenu ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#topMenu li {
	float:left;
	font-size:0.8em;
	color:#fff;
	height:27px;
}
#topMenu li a,
#topMenu li a:link,
#topMenu li a:visited {
	text-decoration:none;
	padding:4px 22px;
	display:block;
	font-weight:bold;
	border-right:solid #fff 1px;
	color:#fff;
}
#topMenu li.first a,
#topMenu li.first a:link,
#topMenu li.first a:active,
#topMenu li.first a:visited {
	border-left:solid #fff 1px;
}
#topMenu li a:hover,
#topMenu li a:active {
	display:block;
	color:black;
}
#topMenu li.selected a,
#topMenu li.selected a:link,
#topMenu li.selected a:active,
#topMenu li.selected a:visited{
	background:#db002f;
}

/* #topMenu - Level 2
---------------------------------------- */
#topMenu ul ul {
	list-style:none;
	margin:0;
	padding:0;
	display: none;
	width:200px;
}
#topMenu ul li:hover ul {
	display: block; 
	position: absolute;
	top: auto;
	margin: 0;
	padding:0;
}
#topMenu li li {
	display:block;
	height:27px;
	border:none;
}
#topMenu li * span {
	display: block;
	height: 0px;
	overflow: hidden;
}
#topMenu li li a:link, 
#topMenu li li a:active,
#topMenu li li a:visited,
#topMenu li.first li a:link, 
#topMenu li.first li a:active,
#topMenu li.first li a:visited {
	padding:4px 22px; 
	margin-bottom:-1px;
	text-decoration:none;
	font-size:1.2em;
	display:block;
	float: none;
	width:200px;
	background:#61bfe2;
	/* for IE */
	filter:alpha(opacity=90);
	/* CSS3 standard */
	opacity:0.9;
	color:white;
	border:none;
	margin-left:1px;
}
#topMenu li li a:hover,
#topMenu li li.selected a:hover,
#topMenu li.selected li.selected a:hover {
	color:#363d41;
	padding:4px 22px; 
}
#topMenu li li.selected a,
#topMenu li li.selected a:link,
#topMenu li li.selected a:active,
#topMenu li li.selected a:visited,
#topMenu li.selected li.selected a,
#topMenu li.selected li.selected a:link,
#topMenu li.selected li.selected a:active,
#topMenu li.selected li.selected a:visited {
	color:white;
	background:#db002f;
}
#topMenu li.selected li a,
#topMenu li.selected li a:link,
#topMenu li.selected li a:active,
#topMenu li.selected li a:visited {
	background:#61bfe2;
}
#topMenu li li.first a,
#topMenu li li.first a:link,
#topMenu li li.first a:active,
#topMenu li li.first a:visited,
#topMenu li.first li a, 
#topMenu li.first li a:link, 
#topMenu li.first li a:active, 
#topMenu li.first li a:visited {
	border:none;
}

/* MAIN content (Includes all articles)
------------------------------------------------------------------ */
#main {
	width:990px;
	float:left;
	margin:24px 0;
	/*IE-fix
min-height: 1000px;
height: auto !important;
height: 1000px;*/
}

#leftBig {
	width:720px;
	float:left;
}

	#leftBig img {
		margin-bottom:15px;
	}

#rightSmall {
	width:270px;
	float:right;
}

#leftSmall {
	float:left;
	width:480px;
}
	#leftSmall img {
		margin-bottom:15px;
		width:480px;
		border:solid 5px #008bc5;
	}

#rightBig {
	float:right;
	width:480px;
}   

#breadcrumbsWrapper,
#breadcrumbsWrapper a:link, 
#breadcrumbsWrapper a:active,
#breadcrumbsWrapper a:visited {
	color:#008bc5;
	font-size:1em;
	width:100%;
	font-weight:normal;
	margin-bottom:10px;
	height:20px;
	text-decoration:none;
}

/*	#breadcrumbs {
		float:left;
		width:60%;
	}*/

#print {
	float:right;
	width: 30%;
	text-align:right;
	height:20px;
}

	#print img{
		margin-bottom:-12px;
	}

.box {
	background:aqua;
	border-right:black solid 2px;
	border-bottom:black solid 2px;
	padding:10px;
	margin:10px 0;
	float:left;
}


	/* FRONTPAGE +++
	------------------------------------------------------------------ */
	.frontFeed {
		width:696px;
		height:30px;
		padding: 4px 0;
		color:white;
		font-size:1.5em;
		padding:0px;
		float:left;
		z-index:2;
		position:absolute;
		top: 470px;
	}
	
	.frontFeed a:link,
	.frontFeed a:active,
	.frontFeed a:visited {
		text-decoration:none;
		color:white;
	}
	
	.slide {
		float:left;
		z-index:1;
		position:absolute;
		top: 150px;
		width:696px;
		height:364px;
		overflow:hidden;
	}
	
	.imageRow {
		clear:both;
	}
	
	.imageRow img {
		float:left;
		margin-top:14px;
	}

	/*.imageRow img {
		float:left;
		margin-right:24px;
	}
	
	.imageRowLast img {
		float:left;
	}
	
	.imageRow img,
	.imageRowLast img {
		width:178px;
		margin-top:24px;
	}*/
	
/* NEWS
------------------------------------------------------------------ */
.newsTabWrapper {
	width:470px;
	float:left;
	padding:0 24px 24px 0;
	height:170px;
	min-height:170px;!important
}

	.newsTabWrapper img,
	.newsImg,
	.newsImg img{
		float:left;
		margin: 0 0 6px 12px;
		width:200px;
		height:180px;
	}
	
	.newsTab {
		float:left;
		width:240px;
	}
	
.arrows a:link,
.arrows a:active,
.arrows a:visited {
	color:#db002f;
	font-size: 80px;
	float:right;
	text-decoration:none;
	height:30px;
	line-height:40px;
	margin-top:-5px;
}

.arrows a:hover {
	color:black;
}

.newsTabBig {
	width:554px;
	float:left;
	margin:0 24px 24px 0;
}

.newsImgBig {
	float:left;
	margin: 0 0 6px 12px;
	width:300px;
}

/* SUBSRIBE 
------------------------------------------------------------------ */

.subscribe {
	background:#008bc5;
	padding:12px 6px;
}

.subscribe p {
	color:white;
	font-weight: bold;
	font-size:1em;
	margin:12px 0 3px 6px;
}

.subscribe input {
	height:18px;
	padding:6px;
	width:450px;
	border:none;
}

.subscribe input:focus {
	background:#F4F4F4;
}

#subscribeButton {
	margin-top:12px;
	width:200px;
	height:30px;
	background:white;
	border:solid 1px #008bc5;
	padding:1px 12px;
	color:#008bc5;
	font-size:1em;
}

#subscribeButton input:focus {
	background:#F4F4F4;
}


/* FOOTER (Includes adresses, copyright declarations, i-tools branding, and more)
------------------------------------------------------------------ */
#footer {
	width:990px;
	font-size: 1em;
	clear:both;
	color:#ccc;
	border-top: 2px dotted #ccc;
	padding:12px 0
}

#itoolsBrand {
	border:1px solid #f0f0e8;
	width: 120px;
	margin:8px auto;
	font-size:0.9em;
	padding: 5px;
	font-size:8px;
	color:#999;
}

	#itoolsBrand img {
		margin-bottom: -3px;
		padding: 0px;
		border:none;
	}
	

/* COMMON STYLES
---------------------------------------- */
p {
	margin:0 0 10px 0;
}

h1,
.butikk_tittel {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 10px;
	padding:0 0 5px 0;
	line-height:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	width:100%;
	border-top: 2px dotted;
	border-bottom: 2px dotted;
}

h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom:5px;
	line-height:1.3em;
}	

	h1 a:link,
	h1 a:active,
	h1 a:visited,
	h2 a:link,
	h2 a:active,
	h2 a:visited {
		text-decoration:none;
	}


h3 {
	font-size: 0.9em;
	font-weight: bold;
	margin:0 0 5px 0;
	line-height:1.3em;
	text-transform:uppercase;
	
}	

hr {
	border:1px solid grey;
	margin:5px 0;
}

/* LINKS 
---------------------------------------- */
a,
a:link,
a:visited,
a:active {
	text-decoration: underline;
	color:#363d41;
	
} 
a:hover {
	text-decoration:none;
	color:#db002f;
}

/* FORMS
---------------------------------------- */

table, td, tr{
	border:0;
}


/* OFFICES MAP
---------------------------------------- */

#officewrap{
	width:989px;
	height:527px;
	border-right:2px dotted #CCCCCC;
	}

#officemap{
width:741px;
height:527px;
overflow:hidden;
float:left;
display:block;
	}
	
#officetext{
display:block;
width:198px;
height:517px;
overflow:auto;
float:left;
padding:10px 25px 0 25px;
	}
	
#officetext .variant{
font-size:14px;
font-weight:bold;
margin-bottom:20px;
	}
	

	
#officetext .brodtekst{
	font-size:10px;
	font-weight:normal;
	line-height:normal;
	}