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

/* Author: Bjarte Lund Rolland */

/* Layout-specific stylesheet */


/* BODY (General styles) Note: typography for body in style.css
------------------------------------------------------------------------------------------------------ */
* {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 20px auto;
	padding: 0px;
	width: 1161px;
	background: #ffffff;
	/* IE resize fix */
	/*position:relative;*//*<--Denne ødelegger for thickbox*/
}


/* LANGUAGE TABS (On top of container)
------------------------------------------------------------------------------------------------------ */
#language {
	float:right;
	width:auto;
}

	.lang {
		float:left;
		padding:5px;
		background:#c6c6c6;
		margin-left:1px;
	}
	
	.lang:hover {
		background:white;
	}
	
	.langSelected {
		float:left;
		padding:5px;
		background:#fff;
		margin-left:1px;
	}


/* CONTAINER (This is the main wrapper)
------------------------------------------------------------------------------------------------------ */
#container {
	float:left;
	width:1161px;
	background:#fff;
}

/* LEFT (Includes menu on the left)
------------------------------------------------------------------------------------------------------ */
#left {
	width:217px;
	float:left;
	clear:both;
}

.leftArticle {
	float:left;
	padding:20px 0 20px 20px;
}

/* MAIN content (Includes header, all articles and footer)
------------------------------------------------------------------------------------------------------ */
#main {
	width:944px;
	float:right;
}

#header {
	float:right;
	width:944px;
	height:260px;
}

#content {
	background:url(../gfx/containerBGRepeat.jpg) repeat-y top left;
	float:left;
	width:744px;
	padding:50px 100px;
	min-height:600px;
}

#footer {
	text-align:center;
	font-size: 0.8em;
	clear:both;
	background:url(../gfx/containerBGRepeat.jpg) repeat-y top left;
	float:left;
	width:844px;
	padding:0 50px;
}

#footer .floatRight,
#footer .floatRight a{
	color: #999;
}

/* FRONTPAGE (Styles for frontpage only)
------------------------------------------------------------------------------------------------------ */
#front {
}

/* TOOLBOX / FIXES (Collection of styles and fixes that are used often)
------------------------------------------------------------------------------------------------------ */
img {
	border:none;
	outline:none;
}

.imgStyle {
	border:2px #E7E7E7 solid;
	margin:0 8px 4px 0;
	padding:1px;
	float:left;
}

.imgStyle:hover {
	border:2px #004C71 solid;
}

div.hr {
	background:#E7E7E7;
	height:2px;
	margin:0 0 10px 0;
	overflow:hidden;
}

div.hr hr {
  display: none;
}

.arrow {
	background:url(../gfx/arrow.png) no-repeat left;
	padding-left:13px;
}

.arrowBack {
	background:url(../gfx/arrowBack.png) no-repeat left;
	padding-left:13px;
}

.floatLeft {float:left}
.floatRight {float:right}


/* BOXES (Styles for boxed content)
------------------------------------------------------------------------------------------------------ */
.box {
	background:#E7E7E7;
	border-right:#c6c6c6 solid 2px;
	border-bottom:#c6c6c6 solid 2px;
	padding:10px;
	margin:10px 0;
	float:left;
	clear:both;
}

	.box span {
		margin-right:5px;
	}

.boxRounded {
	background:#004C71;
	padding:10px;
	margin:10px 0;
	float:left;
	clear:both;
	color:white;
}

/* TESTING (Styles for the test-article, delete upon release)
------------------------------------------------------------------------------------------------------ */
.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;
}