* { 
	padding: 0; 
	margin: 0;
}

html { 
	height: 100%;
	overflow-y:scroll;
	background: url(/images/bg.png) repeat top left;	
}

body { 
	background: url(/images/bg_top.png) no-repeat top center; 
	height: 100%;
}

body, table{
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #4b3b1f;
}

table td {
	vertical-align:top;
	line-height:15px;
}

img { 
	border: 0; 
}

a { 	
	color: #c75910;
	text-decoration: none; 
}

a:hover {
	color: #da7d3f;  
	text-decoration: none; 
}

label {
	float: left; 
	width: 120px;
	padding-top: 3px;
}

input { 
	color: #444; 
	font-family: Tahoma; 
	font-size: 11px;
	padding: 2px;
	margin-bottom: 2px;
}

textarea { 
	color: #444; 
	font-family: Tahoma; 
	font-size: 11px;
	padding: 2px;
	margin-bottom: 2px;
}


/* NAVIGATION */

.main_nav{
	position:absolute;
	top: 485px;
	left: 42px;
	width:905px;
	float:left;
	display:block;
	border-bottom: 1px solid #4b3b1f;
	height: 43px;
	padding-left: 15px;
}

.main_nav li {
	float:left;
	padding-right:10px;
	
}
.main_nav li a{
	font-size:14px;
	float:left;
	font-family: Arial;
	font-weight: bold;
	padding: 7px 12px 7px 12px;
	color:#594722;
	text-transform:uppercase;
}

.main_nav li a:hover {
		color:#826e46;
}

.main_nav li.current a {
		color:#fff;
		background: #e94731;
}

.main_nav li.current a:hover {
		color:#fff;
}

/* UNDERMENY */

ul#submenu{ 
	width: 250px;
	margin-top: 20px;
	margin-bottom: 40px;	
}

ul#submenu li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 25px;
	padding: 5px 0 5px 25px;
	border-bottom: 1px solid #ac986e;
	display:block;
	color:#594722;
	background-image:url(/images/arrow_off.png);
	background-repeat:no-repeat;
	background-position:10px;
	text-decoration:none;
}
	
ul#submenu li a:hover {
	color:#826e46;
}

ul#submenu li a.current{
	color:#e94731;
	background-image:url(/images/arrow_on.png);
}


/* SPLASH ROTATOR IMAGE */

    div#rotator {
	position:relative;
	height:300px;
}

	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}

    div#rotator ul li.show {
	z-index:500
}


/* DESIGN IDS & CLASSES */ 

#page { 
	width: 990px; 
	margin: 0 auto 0 auto; 	
	position: relative;
}

#header {
	width:990px;
	position:relative;
	float: left;
}

#logo {
	position:absolute;
	top:28px;
	left:43px;
}

#support { 
	width: 436px; 
	height: 56px; 
	border: 1px solid #f3ccaa; 
	background: #5e4b21; 
	padding: 20px 22px 24px 22px;
	position: absolute;
	right: 95px;
	top: 24px;
}

#support p { 
	color: #fff;
	font-size: 11px;
	line-height: 14px;
}

#support .button { 
	position: absolute;
	right: 28px;
	top: 29px;
}


#splash_text h2 { 
	font-family: Arial;
	font-size: 20px;
	margin-bottom: 18px;
	color: #fff;	
}

#splash_text ul li {
	line-height: 14px;
	font-size: 11px; 
	list-style: outside;	
	list-style-type:disc;
	margin-left: 14px;
	margin-bottom: 12px;
	color: #fff;	
}

#footercontainer {
	width:840px;
	float:left;
	padding-left: 75px;
	padding-bottom: 15px;
}

#footer {
	width:840px;
	border-top: 1px solid #b1a07b;
	padding-top: 12px;
	margin-top: 20px;
}

#footer_logo { 
	width: 120px;
	padding-top: 3px;	
	float: left; 
}

#footer_text { 
	width: 705px; 	
	float: right; 
}

#footer_text p { 
	color: #756649;
	line-height: 15px;
}



/* PUFFS RIGHT */

.puff {
	width:300px;
	margin-top: 30px;
}

.puff h2{	
	font-family: Tahoma; 
	font-size: 12px; 
	margin-bottom: 12px;
	font-weight: bold; 
	color: #35270b;
}

.puff h3{
	font-family: Tahoma; 
	font-size: 14px; 
	color: #fff;
}

.puff p{
	font-family:Tahoma, Verdana, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
}

.puff p a { 
	text-decoration: none;
}

.puff li{ 
	list-style-position:inside;
	list-style-type:none;
	padding-left:8px;
	background:url(/images/dot.gif) 0 5px no-repeat;
}

.puff ul {
	margin-bottom:14px;
}

.smallsize {
	font-size:9px;
	line-height:normal;
}

/* LEFT, RIGHT AND CONTENT */

#leftcolumn { 
	float: left;
	margin-top: 50px;
	padding-left: 75px;
	width: 460px;
	padding-bottom: 30px;
}

#rightcolumn { 
	float: right;
	margin-top: 50px;
	margin-right: 70px;
	width: 300px; 
}

#content {
	width:420px;
}

#content.big {
	width:460px;
}

#content p {
	color: #4b3b1f;
	margin-bottom:14px;
	line-height: 15px;	
}

#content ul li { 
	list-style: outside;	
	list-style-type:disc;
	margin-left: 15px;
	line-height: 15px;
	color: #4b3b1f;
}

#content ol li { 
	list-style: outside;	
	list-style-type:disc;
	margin-left: 15px;
	line-height: 15px;
	color: #4b3b1f;
}

#content h1, #content h1 a {
	font-family:Georgia, Arial, sans-serif;
	font-size:28px;
	color:#684d15;
	font-weight:normal;
	margin-bottom:5px;
}

#content h2, #content h2 a {
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#c75910;
	font-weight:normal;
	margin-bottom:16px;
}
#content h3, #content h3 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#35270b;
	font-weight:normal;
	margin-bottom:10px;
}

#content a { 
	color: #c75910;
	text-decoration: none; 
}

#content a:hover { 
	color: #da7d3f; 
	text-decoration: none;
}

#leftcolumn .hr, #rightcolumn .hr {
	height:1px;
	width:100%;
	background: url(/images/hr.png) repeat-x;
	padding-bottom:18px;
	margin-top:7px;
	float:left;
	clear:both;
}

#content dt{
	
	padding:6px 10px 10px;
	width:304px;
	float:left;
	clear:left;
	height:10px;
	font-size:12px;
	font-weight:bold;
}

#content dd{

	padding:0 10px 6px;
	width:304px;
	float:left;
	clear:left;
	line-height:18px;
	margin-bottom:8px;
	cursor: default;	
}


/* NYHETER */
.news {

}

.news p { 
	margin-bottom: 14px; 
}


/* BILDGALLERIER */

.highlightit img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; margin: 0 3px 3px 0; }
.highlightit:hover img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.7; }

/* TICKER */

#tickercontainer { /* the outer div with the black border */
	border: 1px solid #a27151;
	width: 838px;
	height: 57px; 
	overflow: hidden; 
}
#tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 22px;
width: 818px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
padding: 0;
color: #563119;
font-size: 12px;
font-weight: normal;
}
ul.newsticker a {
white-space: nowrap;
color: #563119;
margin: 0 50px 0 0;
} 


/* CLEAR AND CLEARFIX*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;	
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
.clear {
    clear:both;
    height:1px;
    overflow:hidden;
}