/* PREDEFINED HTML TAGS
------------------------------------------------------------------ */

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif; 
	color:#4E575C;
	font-size:75%;}


p,span,div,li,td,th,label { 
	font-family: Arial, Helvetica, sans-serif;}

h1 {font-size: 130%; margin:0; padding:0; color:#d50100; }	
h2 {font-size: 120%; margin-bottom:2px; padding-bottom:2px; color:#d50100;}	
h3 {font-size: 110%; margin-bottom:0px; padding-bottom:0px; color:#d50100;}	
h4 {font-size: 1.0em;}	
h5 {font-size: 0.8em;}	
h6 {font-size: 0.6em;}

form { margin: 0; padding:0; }
form select {
	font-size:10px;}


/* TOOLBOX
------------------------------------------------------------------ */
.hide{ display:none;}
.bold {font-weight:bold;}
.floatLeft {float:left;}
.floatRight {float:right;}
.clear {clear:both;}
.clearIE {
     clear:both; 
     height:0; 
     margin:0;
     font-size:1px;
     line-height:0px;}


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


/* FORMS
------------------------------------------------------------------ */
form {}
input {}
input:focus {
	background-color:#CCCCCC;}
textarea {}


/* CONTAINER 
------------------------------------------------------------------ */
#container { /* This is the mainwrapper */
	width:847px; 
	margin:10px auto;
	background:#FFFFFF;
	position: relative;
	xbackground-image:url(../templateImages/mainContentBG.gif);
	xbackground-repeat:repeat-y;}

/* HEADER 
------------------------------------------------------------------*/
#header {
	xbackground-image:url(../templateImages/HeaderBg.gif); 
	xbackground-repeat:no-repeat;
	position:relative;
	height:175px;}

#header .bg {
	background-image:url(../templateImages/bgHeader.gif);
	background-repeat:repeat-x;
	float:left;
	width:810px;
	margin:10px 10px 10px 0px;
	position:relative;
	left:17px;}

#header .logo {
	float:left;
	margin-top:70px;
	width:300px;}
	
#header .slogan {
	float:left;
	width:390px;
	height:140px;
	overflow:hidden;}
	
#header .picture {
	float:right;
	xtext-align:right;
	width:100px;
	height:140px;
	background-color:#FFFFFF;
	overflow:hidden;}

#header .left {
	position:absolute;
	top:38px;
	left:32px;
	width:350px;}
	
#header .right {
	position:absolute;
	top:13px;
	right:20px;
	text-align:right;
	width:388px;
	border:1px solid #EFECE7;
	height:104px;
	padding:5px;}


/* MENU AT THE TOP */	
#topMenu {
	position:absolute;
	top:160px;
	left:16px;
	width:815px;
	height:31px;
	font-size:11px;
	font-weight:bold;
	background-image:url(../templateImages/topMenuBg.jpg);
	background-repeat:repeat;}

#topMenu ul {
	display: block;
	height: 21px;
	margin: 2px 0 0 3px;
	padding-left: 10px;}
	
#topMenu ul li { 
	float: left;
	list-style: none;
	height: 21px;}

#topMenu ul li a {
	display: block;
	margin-top: 4px;
	line-height: 12px;
	border-left: 1px solid #808080;
	padding: 0 6px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #808080;}
	
#topMenu ul li.first a {
	xborder-color: #EEEDE8;
	border-left: none; }

#topMenu ul li:hover, 
#topMenu ul li.sfhover,
#topMenu ul li.selected {
	xborder: 0px solid #000000;
	xborder-bottom-color: #FFFFFF;
	xborder-width: 1px;
	xbackground: #FFFFFF;
	xmargin-right: -1px;}
	
#topMenu ul li.selected { z-index: 2; }
#topMenu ul li:hover { z-index: 3; }

#topMenu ul li:hover a, 
#topMenu ul li.sfhover a,
#topMenu ul li.selected a { 
	xborder-left: none; 
	xcolor: #858569;}

#topMenu ul li ul { display: none; }

#topMenu ul li:hover ul, 
#topMenu ul li.sfhover ul {
	display:block;
	position:absolute; 
	left:auto;
	margin-left:-1px; 
	margin-top: 5px;
	padding:0;
	list-style: none; 
	width:162px;}
	
#topMenu ul li:hover ul li,
#topMenu ul li.sfhover ul li {
	background: #FFFFFF;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	padding-top:4px;
	padding-left: 8px;
	padding-right: 8px;
	border: 0px solid #000000; 
	border-width: 0 1px 1px 1px;
	float: none;
	margin: 0px;}

#topMenu ul li ul li.first {
	border-top-width: 1px;}
	
#topMenu ul li ul li:hover,
#topMenu ul li ul li.sfhover,
#topMenu ul li ul li.selected {
	background: #d50100;}


#topMenu ul li:hover ul li a,
#topMenu ul li.sfhover ul li a {
	display: inline;
	border: none;
	color: #59595B;
	padding: 0;}

#topMenu ul li ul li:hover a,
#topMenu ul li ul li.sfhover a,
#topMenu ul li ul li.selected a{
	color: #FFFFFF;}

/* span */
#topMenu span {
	display: none;
	height: 0px;
	overflow: hidden;}


/* MAINCONTENT
------------------------------------------------------------------ */
#mainContent {
	width:813px;
	padding:20px 16px 5px 16px;
	float:left;}
	
/* MAINCONTENT LEFT (A PART OF THE INNERTEMPLATE) */
#mainContent .left {
	min-height:645px; height:auto !important; height:645px; /* Prøver å få boksene til å ende likt... */
	float:left;
	margin-right: 10px;
	padding-bottom:18px;
	width:400px;
	background-image:url(../templateImages/mainContentLeftBg.jpg);
	background-position:bottom;
	background-repeat:no-repeat;}

/* MAINCONTENT RIGHT (A PART OF THE INNERTEMPLATE) */
#mainContent .right {
	float:left;
	width:403px;}
	

/* FOOTER (INSIDE THE #CONTAINER AND #MAINCONTENT) 
------------------------------------------------------------------*/
#footer {
	min-height:80px; height:auto !important; height:80px;
	text-align:center;
	font-size:10px;
	color:#727272;
	xbackground-image:url(../templateImages/footerBG.gif);
	xbackground-repeat:no-repeat;
	xbackground-position:bottom;}