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

/* Author: Bjarte Lund Rolland */

/* Stylesheet for mobile and handheld devices (basically design.css + style.css, using css to hide elements unsuitalbe for mobile) */

/* BODY (General styles)
---------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
}
/*
body {
	margin: 20px auto;
	padding: 0px;
	width: 1024px;
	background: #999;
}

/* CONTAINER (This is the main wrapper)
------------------------------------------------------------------------------------------------------- */
/*#container {
	float:left;
	width:1000px;
	background:#fcf3e6;
	padding:12px;
	border-bottom:20px solid #999;
}


/* HEADER (Includes header with logo, horizontal top navigation, search and language switch)
------------------------------------------------------------------------------------------------------- */
#header {
	float:left;
	width:1000px;
/*	height:150px;*/
	border-bottom:solid 6px #00a5eb;
	margin-bottom:20px;
}

	#logo {
		float:left;
		height:102px;
	}
		
		#logo,
		#logo img {
		/*	width:195px;
			height:195px;*/
		}

	#navigationTop {
		z-index:2;
		float:left;
		clear:both;
		width:655px;
	}
	
	.searchTop {
		float:right;
		background:#E7E7E7;
		margin-left:6px;
		padding:3px 0 3px 6px;
		height:19px;
		width:116px;
	}
	
		.searchTop .textfield {
			width:70px;
		}
		
		.searchTop .button {
			background:url(../gfx/icons/searchHeader.png) no-repeat left;
			width:20px;
			border:none;
		}
	
	.search {
		float:left;
		height:19px;
	}

		.search .button {
			background:url(../gfx/icons/searchHeader.png) no-repeat left;
			width:20px;
			border:none;
		}
	
	#language {
		float:right;
		width:auto;
		margin-left:6px;
		margin-right:-6px;
	}
	
		.lang {
			float:left;
			padding:4px;
			margin:1px 0 1px;
		}
		
			.lang:hover {
				float:left;
				padding:1px;
				border:solid 3px #00A5EB ;
				margin:1px 0 1px;
			}

		.langSelected {
			float:left;
			padding:1px;
			border:solid 3px #666;
			margin:1px 0 1px;
		}

/* LEFT (Includes menu and search on the left)
------------------------------------------------------------------------------------------------------- */
/*#left {
	width:158px;
	float:left;
	margin-right:12px;
}*/

/* MAIN CONTENT
------------------------------------------------------------------------------------------------------- */
#main {
	width:490px;
	float:left;
	margin-right:12px;
}

/* RIGHT ()
------------------------------------------------------------------------------------------------------- */
#right {
	width:328px;
	float:left;
}

.rightTop {
	height:245px;
}
	
	.rightTop p{
		margin:0;
	}
	
	.rightTop img{
		margin-bottom:6px;
	}

	.scroll {
		overflow:auto;
		height:194px;
		margin-bottom:6px;
	}
	
/*	.scroll .grey{
		width:115px;
	}*/

.rightLeft {
	float:left;
	width:158px;
	margin-right:12px;
}

.rightRight {
	float:left;
	width:158px;
}

/* RIGHT ADVERTISEMENTS
------------------------------------------------------------------------------------------------------- */
#adRight {
	width:158px;
	float:left;
}

/* CONTENT
------------------------------------------------------------------------------------------------------- */
#sectionHeader {
	background: url(../gfx/sectionHeaderBG.jpg) #375d81 no-repeat left top;
	padding-left:50px;
	margin-bottom:12px;
}

#mainRight {
	width:158px;
}

#mainRight p,
#mainRight ul li{
	line-height:1.2em;
}

#mainRight p {
	margin:0;
}

#mainRight img {
	margin-bottom:3px;
}

/* FOOTER (Includes adresses, copyright declarations, i-tools branding, and more)
------------------------------------------------------------------------------------------------------- */
#footer {
	width:988px;
	text-align:center;
	font-size: 0.8em;
	clear:both;
	padding:6px;
	background:white;
	border-bottom:solid 1px #cccccc;
	border-top:solid 1px #cccccc;
}

/* FIXES / TOOLBOX
---------------------------------------- */
img {
	border:none;
	outline:none;
}

.imgStyle {
	border:1px black solid;
	margin:0 6px 6px 0;
	float:left;
}

/*	.imgStyle:hover {
		border:1px #00a5eb solid;
	}*/

.imgFrame {
	overflow:hidden;
}

div.hr {
	background:#cccccc;
	height:1px;
	margin:0 0 12px 0;
	overflow:hidden;
	clear:both;
}

div.hr hr {
  display: none;
}

.box {}

	.box h3 {
		background:#00a5eb;
		padding:6px 12px;
		color:white;
		margin:0;
	}
		
		.box h3 a:link,
		.box h3 a:active,
		.box h3 a:visited {
			color:white;
		}
		
		.box h3 a:hover {
			color:black;
		}
	
	.box h4 {
		padding:2px 6px;
		color:black;
		margin:0;
		margin-top:-1px;
		border-top:solid 1px #cccccc;
		border-bottom:solid 1px #cccccc;
	}
	
	.list ul li {
		list-style-type:none;
		margin:0;
		padding:2px 6px;
	}
	
	.list ul li a:link,
	.list ul li a:active,
	.list ul li a:visited {
		color:#666;	
	}

	.list .boxContent ul li {
		padding:2px 0;
	}
	
	.list .boxContent ul li a:link,
	.list .boxContent ul li a:active,
	.list .boxContent ul li a:visited {
		color:black;	
	}

.boxContent {
	padding:12px;
	margin-bottom:12px;
	border:solid 1px #00a5eb;
	background:white;
}

	.noPadding .boxContent {
		padding:0 0 12px 12px;
	}


.boxDark {}

	.boxDark h3 {
		background:#375d81;
		padding:4px 12px;
		color:white;
		margin:0;
	}

	.boxDark .boxContent {
		border-color:#375d81;
	}

.boxNoBG {
	padding:12px;
	margin-bottom:12px;
}

.boxGrey {
	background:#E7E7E7 ;
	padding:12px;
	margin:0 0 12px 0;
}

.grey {
	color:#666;
}

	.grey a{
		color:#375d81;
	}
	
.darkBlue a{
	color:#375d81;
}

.floatRight {
	float:right;
	margin: 0 0 12px 12px;
}

.marginBottom {
	margin-bottom:12px;
}

h3 .floatRight {margin:0;}

.ressurs a{
	float:left;
	width:50%;
}

.feed {
	margin:0 0 12px 0;
	padding:0;
}

.buttonClass {
	color:white;
	border:none;
	margin-bottom:6px;
}

	.buttonClass h3 a,
	.buttonClass h5 a{
		display:block;
		color:white;
		background:#00A5EB;
		padding:3px 6px;
		text-align:center;
		font-size:1.2em;
		font-weight:bold;
		border-right:solid 3px #0085be;
		border-bottom:solid 3px #0085be;
	}
	
	.buttonClass a:hover {
		background:#cccccc;
		color:#00A5EB;
		border-right:solid 3px #a7a7a7;
		border-bottom:solid 3px #a7a7a7;
	}

.lessLineHeight,
.lessLineHeight h5{
	line-height:1.3em;
}

/* TESTING
------------------------------------------------------------------------------------------------------- */
.nyttOmNavn {
	float:left;
	width:83px;
	margin-left:12px;
	font-size:0.8em;
	line-height:1.2em;
}

	.nyttOmNavn img{
		width:83px;
	}
	
	.nyttOmNavn .imgFrame {
		max-height:100px;
	}

.columnsNoWidth {
	margin-left:-12px;
}


/* TESTING
------------------------------------------------------------------------------------------------------- */
.cornerTest {
	background: url(../gfx/InBusiness_logo_12px.jpg);
	float:left;
	width:200px;
	height:50px;
	padding:10px;
	color:red;
}

.pngTest {
	background: url(../gfx/sprites/sprites.png) red;
	float:left;
	width:200px;
	height:50px;
	padding:10px;
	color:white;
}


/* General styles for typography */

/* BODY (only typography)
---------------------------------------- */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color:black;
	line-height:1.6em;
}

/* HEADERS
---------------------------------------- */
p {
	margin:0 0 6px 0;
}

h1,
.butikk_tittel {
	color: black;
	font-size: 2.5em;
	font-weight:bold;
	margin-bottom:0px;
	line-height:1em;
	letter-spacing:-1px;
}

	h1 a:link,
	h1 a:active,
	h1 a:visited {
		color: black;
		text-decoration:none;
	}
	
	h1 a:hover {
		color:#375d81;
	}

h2 {
	color: black;
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 0px;
	line-height:1.2em;
}	

	h2 a:link,
	h2 a:active,
	h2 a:visited {
		color: black;
		text-decoration:none;
	}
	
	h2 a:hover {
		color:#375d81;
	}

h3 {
	color: black;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom:0px;
	line-height:1.3em;
	overflow:hidden;
}	

	h3 a:link,
	h3 a:active,
	h3 a:visited {
		color:black;
		text-decoration:none;
	}
	
	h3 a:hover {
		color:#375d81;
	}
	
h4 {
	font-size: 1em;
	font-weight: bold;
	margin:0;
}	
	h4 a:link,
	h4 a:active,
	h4 a:visited {
		color:black;
		text-decoration:none;
	}
	
	h4 a:hover {
		color:#c6c6c6
	}

h5 {
	font-size: 0.75em;
	font-weight: normal;
	margin:0;
}	
	h5 a:link,
	h5 a:active,
	h5 a:visited {
		color:#004C71;
		text-decoration:none;
	}
	
	h5 a:hover {
		color:#c6c6c6
	}
	

/* LISTS
---------------------------------------- */
ul,
ol {
	margin-bottom:10px;
}

ul li,
li,
ul li p{
	padding-left:0px;
	margin:0 0 18px 12px;
/*	background:url(../gfx/bullet.png) no-repeat left;*/
	list-style: disc;
}

ol li {
	margin-left:24px;
}


/* LINKS 
---------------------------------------- */
a,
a:link,
a:visited,
a:active {
	text-decoration: none;
	color:#00a5eb;
	outline:none;
} 
a:hover {
	text-decoration: underline;
	color:#666;
}

 
/* FORMS
---------------------------------------- */
.textfield,
.button{
	border:solid 1px #C6C6C6;
}

/*.textfield input:focus {
	border:solid 1px #ff0000;
}*/

.button {
	background:#00A5EB;
	color:white;
	border:none;
}

/* DISABLED
---------------------------------------- */
.noMob,
#navigationTop,
#language,
.searchTop,
#adHeader,
#adRightBig,
#right{
	display:none;
}

#header {
	border:none;
}

#left {
	float:right;
	clear:both;
}