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

/* Author: Bjarte Lund Rolland */

/* Layout-specific stylesheet */

/* 
COLORS:
bg:			fcf3e6
blue:		00a5eb
blue dark:	375d81
grey:		cccccc	666	999
txt:		black
txt2:		666

MARGINS:
20px
16px???
12px
6px
*/

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

body {
	margin: 20px auto;
	padding: 0px;
	width: 1024px;
	background: #999;
	/* IE resize fix */
	position:relative;
}

/* 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:90px;
		}
		
		.searchTop .button {
			background:url(../gfx/icons/searchHeader.png) no-repeat left;
			width:20px;
			height:17px;
			cursor:pointer;
			vertical-align:middle;
			border:none;
		}
	
	.search {
		float:left;
		height:19px;
	}

		.search .button {
			background:url(../gfx/icons/searchHeader.png) no-repeat left;
			width:20px;
			height:17px;
			vertical-align:middle;
			cursor:pointer;
			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:199px;
		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;
}

.imgFeed {
	max-height:100px;
}

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;
}

/* NYTT OM NAVN
------------------------------------------------------------------------------------------------------- */
.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;
}


/* Facebook Like Box
------------------------------------------------------------------------------------------------------- */
iframe.facebook {
	width: 328px;
	height: 165px;
	}
.fbConnectWidgetTopmost {
	border: none!important;}

/* 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;
}