/*----------------------------------------------------------------------------- 
Cross browser Screen Stylesheet 

Description:			Mal for KOS nettsider
Version:					1.0 
Date:							2010-02-06 
Author:						BK 
Website:					www.koos.no 
-----------------------------------------------------------------------------*/

	
/* Page layout
-----------------------------------------------------------------------------*/
body {font-size:76%; font-family:verdana, arial, sans-serif; background:#FFFFFF;}
#container {margin-left: auto; margin-right: auto; width: 1024px;}
#header {position: relative; width: 1022px; height: 135px; border: 1px solid #000000; background: url('../images/header.jpg');}
#sidebar1 {float:left; width:180px; padding:10px; background: url('../images/bg01.jpg'); border-left: 1px solid #000000; border-right: 1px solid #000000;}
#content {background:#FFFFFF; margin:10px 10px 10px 210px;}
#sidebar1, #content {padding-bottom:32767px; margin-bottom:-32767px;}
#mainContent {overflow:hidden; background:#FFFFFF; border-right: 1px solid #000000;}
#footer {clear:both;}


/* Global template 
-----------------------------------------------------------------------------*/
h1 {font-size:20px; margin:0; padding:10px 0;}
h2 {font-size:18px; margin:0; padding:10px 0;}
p {font-size:12px; line-height:1.5em; margin:0; padding:5px 0;}
.clearB {clear:both;}
.clearR {clear:right;}
.clearL {clear:left;}
.forkort, .tlfNr, acronym, abbr { letter-spacing:0.06em;}
.red {color:#FF0000}

/* Combine like this: class="picFrame picLeft picWidth270" */
.picFrame {color: #000000;	background:#ffc; padding:5px; border:1px solid #000; font-size: 90%; font-style: italic;}
.picLeft {float: left; margin: 0 10px 10px 0;}
.picRight {float: right; margin: 0 0 10px 10px;}
.picWidth100 {width:100px;}
.picWidth140 {width:140px;}
.picWidth224 {width:224px;}
.picWidth275 {width:275px;}
.picWidth200 {width:200px;}
.picWidth340 {width:340px;}
.picWidth500 {width:500px;}
.picWidth650 {width:650px;}

pre {font-size: 12px;}
.centerBlockL {text-align: center;}
.centerInline {display: block; margin-left: auto; margin-right: auto;}

.plassbestilling a {display: block; width: 266px; height: 33px; background: url('../images/plassbestilling.png') 0 0 no-repeat;}
.plassbestilling a:hover {background-position: 0 -33px;}
.plassbestilling a:active {background-position: 0 -66px;}

#mainContent ul {line-height:1.5em;}


/* Header 
-----------------------------------------------------------------------------*/ 
#header img {border: 0;}
#fnavn {position:absolute; top:5px; right:5px; padding:5px;	font-size:1.2em; font-weight: bold;	background: #FFFFFF; opacity:0.8;}


/* Navigation 
-----------------------------------------------------------------------------*/ 
.navContainer {position: absolute; bottom: 5px; right: 5px; width:696px; height:20px;}
.nav,
.nav ul {list-style-type:none; margin:0; padding:0; float:left;}
.nav a {text-decoration:none;}
.nav {font-size:10px; font-weight: bold; margin-bottom:-1px;}
.nav a {float:left; background:#FFFFCC; color:#000000; text-align:center; line-height:14px; padding:2px 0; border:1px solid #000000; margin-bottom:-1px;}
.nav a.sub-a {background:#FFFF00;}
.nav a:hover,
.nav a:focus,
.nav a:active {outline:0; color:#FFFFFF; background:#000000;}
.nav li:hover > a {color:#FFFFFF; background:#000000;}										
.nav {width:140px; margin-right:-1px;}																																			
.nav a {width:138px; margin-right:-139px;}							
.nav ul.fly {top:-16px;}
.nav ul.fly2 {top:-41px;}
.nav ul.fly {left:139px;}																																										
.nav .left ul.fly {left:auto; right:139px;}																																	
.nav ul {position:relative; margin-bottom:-10000px;} 
.nav ul li {float:left; clear:left;}
.nav a {position:relative;}
.sub-li {margin-top:-10000px;}
.sub-a {margin-top:10000px;}
.sub-li a:hover,
.sub-li a:focus,
.sub-li a:active {margin-right:0;}

/* OPERA fix */
.nav ul:hover {clear:left;}
	

/* Sidebar 
-----------------------------------------------------------------------------*/ 
.xsnazzy p {margin:0; padding:5px 5px 5px 10px; font-size:12px; line-height: 1.4; background: #FFFFFF;}
.xsnazzy {background: transparent; width:175px; float:left; margin:0 3px; display:inline;}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #000; border-right:1px solid #000;}
.xb1 {margin:0 5px; background:#000;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; border:0 solid #000; border-width:0 1px; height:auto; background:#FFFFFF;}
.colorA {background:#00BD00; color:#000;}
.colorB {background:#FFFFCC; color:#000;}
.colorC {background:#FFFF00; color:#000;}
.colorD {background:#b2ab9b; color:#000;}
.xsnazzy a:hover {color:#FFFFFF; background:#000000; text-decoration:none;}
	
.xsnazzy .sbH1 {display: block; font-size:14px; margin:0; font-weight: bolder; padding:0 10px 5px 10px; border-bottom:1px solid #000;}
.xsnazzy hr {margin:0; padding:0;}
.xsnazzy img {display: block; margin-left: auto; margin-right: auto; padding:2px 0; background: #FFFFFF;}
.xsnazzy img.inlineElem{display:inline; margin:0; padding:0;}


/* Content
-----------------------------------------------------------------------------*/ 
#content a.bgBlack:hover {color:#FFFFFF; background:#000000; text-decoration:none;}

.linktable {border-collapse:collapse; margin:0 auto; width:800px; border: 1px solid #000;}
.linktable caption {width:auto; text-align:left; font-size: 1.3em; font-weight:bold;}
.linktable tbody {}
.linktable td {padding:2px 15px 2px 5px;}
.linktable th{width:400px; text-align:left; padding:2px 15px 2px 5px; background:#FFFFCC; border-bottom: 1px solid #000;}
.linktable tr.dk {background:#E6E6E6;}

.pricetable {border-collapse:collapse; margin:0 0; width:300px; border: 1px solid #000;}
.pricetable caption {width:auto; text-align:left; font-size: 1.3em; font-weight:bold;}
.pricetable tbody {}
.pricetable td {padding:2px 15px 2px 5px;}
.pricetable th {text-align:left; padding:2px 15px 2px 5px; background:#FFFFCC; border-bottom: 1px solid #000;}
.pricetable tr.dk {background:#E6E6E6;}
.pricetable tfoot td {border:1px solid #000000; font-size:80%;}


/* Footer 
-----------------------------------------------------------------------------*/ 
#footer {background:#FFFFCC;}
#footer a {color:#0000FF;}
#footer a:hover {color:#FFFFFF; background:#000000; text-decoration:none;}
#footer p {padding:8px; border: 1px solid #000000; text-align: center;}