body{   
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	padding: 0px;
	margin: 0px;
	background-color: #FFFFDA;  	
	behavior: url(/style/new_basis/csshover.htc); /* allows hovering any element in IE */
}

#super{
	MARGIN-LEFT: auto;
	MARGIN-RIGHT: auto;
	width: 1006px;
	background: url(images/superbg.jpg);
	background-repeat: repeat-y;
}



#page{ 
	position:relative;
	MARGIN-LEFT: auto;
	MARGIN-RIGHT: auto;
	width: 1000px;
	background: url(images/pagebg.gif) left repeat-y;

}

#banner {
	height: 200px;
	background-image: url(images/top.jpg);
	background-repeat: no-repeat;
}

#leftContent {
	margin: 0px;
	padding: 0px;
	width: 200px;
	float: left;	
	color: white;
}

#centerContent {
  width: 780px;
  float: right;
  margin:0;
	padding: 10px 0px 15px 0px;
	height: auto !important;
	min-height: 400px;
	height: 400px;
}

#contentBox {
	margin-right:10px;
}

#rightContent {
	position: absolute;
	top:164px;
	left:790px;
}

#footer {
	clear: both;  
	padding-top: 10px;
	margin-top: 10px;
	line-height: 30px;
	background-color: #000000;
	text-align: center;
	font-size: 10px;
	color: #ffffff;
}


#banner div.sentraltext {
	position: absolute;
	top: 121px;
	left: 21px;
	width: 160px;
	height: 40px;
	background: url(images/sentraltekst.gif) top center no-repeat;
}

#banner h1 {
	width: 160px;
	text-align: center;
	padding: 120px 0 0 0;
	margin: 0 0 0 20px;
	font: 15px "georgia", "Times New Roman", Times, serif;
	text-transform: uppercase;
	letter-spacing: .5px;
}

/* snekkern senter sidene har egen logo */
div.snekkernsenterlogo {
	width: 160px;
	height: 60px;
	position: absolute;
	top:42px;
	left: 21px;
	background: url(images/snekkern_senter.gif) top left no-repeat;
}

/*
 *  Meny
 */
div#navcontainer{
  	margin-top: 18px;
	width:200px;
}

ul#navlist{
	margin:0;
	padding:0;
  list-style-type: none;
}

#subnavlist, #subsubnavlist { list-style: none;}

ul#navlist li{
	margin:0;
	padding:0;
  	text-align: left;
  	vertical-align:middle;
}

ul#navlist li a{
	display:block;
	padding:2px; 
	padding-left: 10px;
  	color: #ffffff;
  	font-family: Arial;
  	font-weight: normal;
  	font-size: 14px;
  	text-decoration: none;
  	background-image: url(images/bgleft.jpg);
}

ul#navlist li:hover, ul#navlist li#current {
}

ul#navlist li:hover a, ul#navlist li#current a{
  	background-image: url(images/bgmenu.jpg);
	background-repeat: repeat-y;  
  	background-position: left;
  	color: #333333;
}




.hiddenStructure {
  display: none;
}
dd {
  margin-bottom: 1em;
  margin-left: 1em;
}
dt {
  margin-bottom: 1em;
}

p {
  margin-bottom: 1em;
}

a { 
  color: #000000;
  font-weight: normal;
  text-decoration: underline;
}

a:hover {
  
}



h1 { 
  font-family: Arial, Verdana;
  font-size: 18px;
  margin-left: 0px;
  color: #666666;
}

h2 { 
  font-family: Arial, Verdana;
  font-size: 14px;
  margin-left: 0px;
  color: #666666;
}

#pageHeader, .pageHeader, .newsFolderHeader, h1.pageHeader {
  font-weight: bold;
  font-size: 18px;
  font-family: Arial;  
  text-transform: none;
  margin-bottom: 1em;
}



#documentActions ul {
  list-style: none;
  float: right;
}

#documentActions li { 
  display: inline;
}

a.link-file, a.link, a.link-word, a.link-excel, a.link-powerpoint, a.link-pdf, a.link-html, a.link-flash, a.link-sound, a.link-video, a.link-archive, a.link-executable {
 background: url(icon/file.gif) left no-repeat;
 padding-left: 22px;
 text-decoration: none;
}





/**
 **  N Y H E T E R
 **/

div.newsItem {
 width: 360px;
}


#nyheter div.odd, #startsiden  div.odd{
 clear:both;
 float: left;
}
#nyheter div.even, #startsiden div.even {
 float: right;
}

h3.newsItemHeader, h3.newsItemHeader a {
	color:#666666;
 	font-size: 14px;
 	font-weight:bold;
}

h3.newsItemHeader a:hover {
  text-decoration: none;
}



.newsItemImage {
  float: left;
  margin: 0 10px 5px 0;
	border-right: 1px solid #DDD;
}

.newsPageDescriptionImage {
	float: right;
	margin: 0 30px;
	border-left: 1px solid #DDD;
	padding-left: 30px;
}

.newsItemDate {
  text-transform: lowercase;
  color: #666666;
  font-size: 9px;
	padding: 3px 0;
}

.newsItemDateText {
	display: none;
}


.newsPageDate {
	font-size: 9px;
}

a.newsItemURL { display: none;}






#newsArchive {
	clear: both;
	margin-top: 1em;
	padding-top: 1em;
}

.newsArchiveItem {
	margin:0.2em;
}

#startsiden h1.newsFolderHeader {
	display: none;
}

.newsPageDescription {
	font-weight: bold;
	margin: 0;
}

.newsPageMediafilesText {
	display:none;
}
.newsPageMediafiles {
	margin-bottom: 10px;
	padding:5px;
}
.newsPageMediafiles ul {
	list-style-type:none;
}
.newsPageMediafiles ul li {
	margin:1px;
	padding:0;
	line-height:20px;
}
.newsPageMediafiles a {
	padding-left: 20px;
	display:block;
	background:url(images/mbr/download.gif) left no-repeat;
}




/**
 ** G A L L E R I
 **/


#imagePageCC {
  margin-top: 10px !important;
  margin-top: 16px;
  width: 700px;
  height: 100%;
  padding: 10px;
  background-color: #eeeeee;
  padding-bottom: 100px;

}

#imagePageCC h3 {
  font-weight: bold;
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, Sans;
  margin-top: 10px;
  margin-bottom: 6px;
}


div.folderList {
  float: right;
  margin-left: 420px;
  margin-top: -240px !important;
  margin-top: -240px;
  width: 320px;
  height: 200px;
  border: none;
}

div.folderList img {
  text-align: center;
  width: 60px;
  height: 60px;
  display: block;
  border: none;
  margin-top: 0px;
}

span.folderList {
  clear: both;
}

a.imagefolder {
  float: left;
  margin: 5px;
  padding: 5px;
  width: 60px;
  height: 85px;
  background-color: #ffffff;
  text-align: center;
}


ul#imageControl {
  width: 350px;
  margin: 0; 
  list-style: none;
}

ul#imageControl li {
  display: inline;
  margin: 0px;
  padding: 0px;
}

ul#imageControl li span#imageCounter{
  padding-left: 60px;
  padding-right: 50px;
}

ul#imageControl li#previousImage a {
  padding-left: 50px;
  background-image: url(images/forrige.gif);
  background-repeat: no-repeat;
  background-position: left center;
}

ul#imageControl li#nextImage a {
  padding-right: 50px;
  background-image: url(images/neste.gif);
  background-repeat: no-repeat;
  background-position: right center;
}






/*
* LOGIN BOX
*
*/

.loginBox {
	margin:15px;
  width: 160px;
  background-color: #ffee89;
}



.loginBox h4 {
  padding: 0px;
  margin: 0px;
  height: 20px;
  background-image: url(images/loginbox_top.gif);
  background-repeat: no-repeat;
  background-position:  top;

}



.loginBox h4 span{
  display: none;
}



.loginBox form {
	padding:10px;
  background-image: url(images/loginbox_bg.gif);
  background-repeat: repeat-y;
  background-position:  center;

}

.loginBox div {

  margin: 0px;
  padding-top: 4px; 
  padding-left: 5px;
}

.loginBox input{
  font-size: 9px;
  margin-left: 5px;
}

.loginBox a {
  color:#983300;
  display:block;
 }


.loginBox ul {
  padding:2px;
  color: #983300;
}

.loginBox li {
  padding: 2px;
}




/* 
*
* MIN SIDE 
*
*/

.clearline {
  margin-bottom:1em;
  padding:0.25em;
  clear:both;
  border-bottom: #aaaaaa thin dotted;
}
.clearleft {
  padding:0.5em;
  clear:left;
}
.clearright {
  padding:0.5em;
  clear:right;
}

.fl {
  margin-right:0.2em;
  float:left;
}

.fr {
  margin-left:0.2em;
  float:right;
}

div.inline {
  margin-right:1em;
  display:inline;
  float:left;
}


img.icon {
  margin:2px 3px 2px 0;
  vertical-align:middle;
  border: 1px solid #69a973;
  background-color: #eeeeee;
}
a:hover img.icon {
  border: 1px solid #983300;
  background-color: #ffffff;
}

img.iconl {
  margin:0 3px 0 0;
  vertical-align:middle;
}

img.iconr {
  margin:0 0 0 3px;
  vertical-align:middle;
}








/* custom formular elements */
/*
fieldset {
	margin-top: 1em;
	padding: 10px;
  border: 1px solid #ffbb59;
}

fieldset legend {
  padding-left:0.2em;
  padding-right:0.2em;
  font-weight:bold;
  color:#7e5e53;
}

/* firefox needs the spcification */
/*select, input,  input[type=submit], input[type=button], input[type=text], input[type=password] {
  margin-top:5px;
  margin-left: 0.5em;
  vertical-align:middle; 
}

input[type=radio], input[type=checkbox] {
  margin-top:1px;
  margin-right:4px;
  margin-bottom:1px;
  vertical-align:middle; 
}
textarea {
  margin-top:5px;
  margin-left: 0.5em;
}

.inlinefield label {
  margin-right:0.25em;
  padding:0.25em;
  float:left;
  width:12em;
  text-align:right;
  vertical-align:middle; 
}

.formControls{
	text-align:center;
}

input[type=submit].next, button.next {
  float:right;  
  text-align:right;
}
input.next {
  float:right;  
  text-align:right;
}

input[type=submit].back, button.back {
  float:left; 
}
input.back {
  float:left; 
}

input[type=submit].behind, button.behind {
  margin-top:1.25em;
  display:inline;
}
input.behind {
  margin-top:1.25em;
  display:inline;
}

/*  --- FORUM --- */

div.forum {
	margin-top:10px;
	border: 1px solid black;
	background-color:#ffdd79;
}
.forum p {
	margin: 5px;
	padding:3px;
}

.forum fieldset {
	margin:5px 5px 15px 5px;
	padding:0 5px 5px 5px;
  border: 1px solid #ffbb59;
  background-color:#ffffff;
}

.forum fieldset legend {
	margin: 0 5px 0 5px;
  padding: 5px;
  border: 1px solid #ffbb59;
  border-bottom:0;
  font-weight:bold;
  background-color:#ffffff;
  color:#7e5e53;
}

div.forumMenu {
	float:right;
	padding:3px;
}

div.forumNavi {
	font-size:larger;
	padding:3px;
	background:#ffbb59;
	border-bottom: 1px dotted;
}

.forumMenu a {
	margin:1px;
	padding:3px;
	border-bottom: 1px solid;
	border-left: 1px solid;
}

.forumReply, .forumNew {
	margin-bottom:3px;
}
.forumReply a, .forumNew a {
	padding:3px;
	border-top: 1px solid;
	border-right: 1px solid;
}
.forum table {
	margin: 10px 5px 10px 5px;
	border-collapse:collapse;
}
.forum table th {
	padding:5px;
	color:#c87d16; 
	border: 1px solid #c87d16;
}
.forum table td {
	padding:5px;
	border: 1px solid #cccccc;
	vertical-align:top;
}

.forum .fn {
	font-weight:normal;
}
.forum .postinfo {
	float:right;
	margin-left:5px;
	margin-bottom:5px;
	padding:5px;
	border-left: 1px solid #ffbb59;
	border-bottom: 1px solid #ffbb59;
  color:#7e5e53;
}


/*
*  For mediabrowser #mbr
*/

div#mbr {
	margin-top:10px;
	border: 1px solid #ffbb59;
	background-color:#ffee89;
	width: 380px;
	padding: 10px;
	font: 12px tahoma, verdana, arial, sans-serif;
}

#mbr .topline {
	padding-bottom: 1px;
	border-bottom: 1px solid #ffbb59;
}

#mbr .topline .btn {
	vertical-align:middle;
}

#mbr .topline .path {
	margin-top: 10px;	
	background-color:white;
	color:#666;
	font-weight:bold;
}

#mbr .btn a {
	margin-right: 10px;
	padding: 2px 10px 5px 10px;
	border:1px solid #666666;
	text-align:center;
	vertical-align:middle;
}

#mbr .btn a:hover {
	color: #000000;
	background-color:#ffffff;
}

#mbr .topline img {
	margin-right: 5px;
	margin-left: 5px;
	vertical-align:middle;
	border:0;
}

#mbr .listing {
	clear: both;	
}	

  #mbr ul {
  	margin:5px;
  	padding:0;
  }

	#mbr ul li {
		list-style: none;
		margin-bottom: 7px;
	}

	#mbr .listing a {
		text-decoration: none;
		color: #666666;
		height: auto;
		padding-bottom: 3px;
		padding-left: 20px;
	}
	
	
	#mbr ul li a.file {
		background:  url(images/mbr/page.gif) no-repeat left center;
	}
	
	#mbr ul li a.code {
		background:  url(images/mbr/page_white_code.gif) no-repeat left center;
	}
	
	#mbr ul li a.img {
		background:  url(images/mbr/image.gif) no-repeat left center;
	}
	
	#mbr ul li a.php {
		background:  url(images/mbr/page_white_php.gif) no-repeat left center;
	}
	
	#mbr ul li a.sec {
		background: url(images/mbr/secure.gif) no-repeat left center;
	}
	
	#mbr ul li a.flash {
		background:  url(images/mbr/page_white_actionscript.gif) no-repeat left center;
	}
	
	#mbr ul li a.word {
		background:  url(images/mbr/page_word.gif) no-repeat left center;
	}
	
	#mbr ul li a.ppt {
		background:  url(images/mbr/page_ppt.gif) no-repeat left center;
	}
	
	#mbr ul li a.excel {
		background:  url(images/mbr/page_excel.gif) no-repeat left center;
	}
	
	#mbr ul li a.pdf {
		background:  url(images/mbr/page_white_acrobat.gif) no-repeat left center;
	}
	
	#mbr ul li a.comp {
		background:  url(images/mbr/page_white_zip.gif) no-repeat left center;
	}
	
	#mbr ul li a.js {
		background:  url(images/mbr/js.gif) no-repeat left center;
	}
	
	#mbr ul li a.dir {
		background:  url(images/mbr/folder.gif) no-repeat left center;
		font-weight: bold;
		padding-top: 2px;
	}
	
	#mbr a.file:hover, #mbr a.code:hover, #mbr a.img:hover, #mbr a.php:hover, #mbr a.sec:hover, #mbr a.flash:hover, #mbr a.word:hover, #mbr a.ppt:hover, #mbr a.excel:hover, #mbr a.pdf:hover, #mbr a.comp:hover, #mbr a.js:hover, #mbr a.dir:hover {
		color: #000000;
		border-bottom: 1px solid #666;
	
	}

/* END Mediabrowser 
*/


div.kontakt {
   padding: 10px;
   padding-top: 20px;
}

div.kontakt b{
   font-size: 12px;
}

div.cardcontainer {
	padding:3px;
	height:600px;
	text-align:center;
	background: url(images/bg_kart.gif) top center no-repeat;
}

.startpage {
	width:100%;
	padding-bottom:20px;
	border-bottom: 1px dotted #999999;
}
.startleft {
	width:50%;
	padding-right:10px;
}
.startright {
	width:50%;
	padding-left:10px;
	text-align:center;
}

.medlemsbedrift ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
.medlemsbedrift ul li {
	margin:1px;
	padding:0;
	line-height:20px;
}












/*Ansattelist */
table.Ansattelist {
	width: 98%;
}
table.Ansattelist th, table.Ansattelist td  {	
	padding:5px;
	border-bottom: 1px solid #DDD;
	text-align: left;
	
}

table.Ansattelist table.numbers td {
	border: 0;
	padding: 2px 0 0 0;
}
table.Ansattelist a {
	font-weight: bold;
}

span.stilling {
	color: #C87D16;
	font-size: 14px;
	margin-left: 22px;
	font-weight: normal;
}

div#ansatteText {
	float: left;
	width:310px;
}

#ansatteText .desc {
	border-bottom: 1px solid #DDD;
	padding-bottom: 20px;
}

div#ansattePicture {
	margin: 10px 10px 0 0;
	width: 240px;
	float: left;
}
/*Ansattelist  END*/




#mainImage {
	padding: 5px;
	border: 1px solid #c3c6b1;
}

ul.thumbnails {
	position:relative;
	top:0;
	left:0;
	margin:0;
	padding:0.25em;
	list-style-type:none;
}
ul.thumbnails li {
	margin:0;
	padding:0.25em;
	display:inline;
}
ul.thumbnails li a img {
	padding:2px;
  border: 1px solid #295f80;
}

img.rightimage {
	display:inline;
	float:right;
}

.clearblank {
	height:1em;
	clear:both;
	background:transparent;
}




/* --------------------------------------
			
			Produkter
			
			Liste visning alle produkter
			
-----------------------------------------*/


#webshopContent table {
	table-layout: fixed;
}

.webshopCategory { margin-bottom: 60px;}

#webshopContent .webshopCategoryHeader {
	margin-top: 30px;
}


#webshopContent .webshopCategoryHeader a { text-decoration: none; font-size: 14px;}

.webshopCategoryHeader a {
	font-weight: bold;
	letter-spacing: .3px;
	font-size: 16px;
}

#webshopContent .webshopItemHeader a {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	float: left;
	padding-bottom: 3px;
	color:#444444;
}

#webshopContent .webshopItemHeader a:hover{text-decoration: underline;}

#produkter #webshopContent img {
	float: right;
	padding: 5px;
	border: 1px solid #f2f2f2;
}

.webshopItemDescription {
	width: 150px;
	float: left;
	clear: left;}

.webshopItemFooter {
	float: left;
	margin-top: 5px;
	clear: left;
}


td.webshopItem {
	width: 330px;
	float: left;
	display:inline;
	padding: 20px 0 0 20px;
	padding-right: 30px;
	border-bottom: 1px solid #EEE;
	min-height: 200px;	
}

#produkter .odd {border-right: 1px solid #EEE;}


.webshopItem:hover { background: #FBFBFB;}




/* --------------------------------------
			
			Produkter
			
			Ett produkt
			
-----------------------------------------*/



#webshopItemContent img {
	border: none;
	margin: 10px 10px 0 0;
	float: left;}

#webshopItemContent .webshopItemHeader {padding-top: 5px; color: #444;}

#webshopItemContent .itemImage {
	float: right;
	margin: 10px 10px 0 0;
	border-left: 1px solid #DDD;
	padding-left: 20px;
	margin-left: 20px;
}

.itemDesc {
	font-weight: bold;
	margin: 10px 0;
	font-size: 13px;
	clear: left;
}

.itemText { line-height: 1.5;}


.itemImage {
	float: left;
	margin: 0 20px 20px 0;
}



/* --------------------------------------
			
			Produkter
			
			listevisning spesifik kategori
			
-----------------------------------------*/

table {
/*	table-layout: fixed; */
}

.itemList .itemDesc {font-weight: normal;}

.itemList .webshopItem {
	border-bottom: 1px solid #ddd;
	padding: 20px 10px;
	display: inline;
	float: left;
	width: 700px;
	*margin-bottom: 20px;
}

.itemList td {*border-bottom: 1px solid #ddd;} /* IE border hack */

td.lesmer {
	text-align: right;
	padding-right: 20px;
}

td.lesmer input {
	display: inline;
	height: 20px;
	width: 70px;
	padding: 2px 5px 5px 5px;
	*padding: 1px 5px 5px 5px;
	vertical-align: center;
	background: #C87D16;
	border: 1px solid #ddd;
	color: #fff;
	*margin-bottom: 20px;
	font-size: 10px;
}

td.lesmer input:hover {background: #E8911A; cursor: hand;}

td.text {
	margin-top: 10px;
	*padding-top: 15px;
	vertical-align: top;
}



td.image {
	text-align: left;
	width: 230px;
	*padding: 20px 10px;
}

.image img {
	padding: 5px;
	border: 1px solid #f2f2f2;
	vertical-align: top;
	*margin-left: 20px;
}

td.lesmer  {
	float: right;
	vertical-align: bottom;
}




/* --------------------------------------
			
			Discount module
			
			CSS for extra modulen Discount_snekkern
			
-----------------------------------------*/

table.defaultList th{
	/*background-color: #C87D16;*/
	padding: 10px;
	color: #000;
	
}

table.defaultList th a{
	font-weight: bold;
}

table.defaultList{
	border-collapse: collapse;
	border: 1px solid #cbcbcb;
}
table.defaultList td, table.defaultList th{
        border: 1px solid #cbcbcb;
	padding: 1em;
	color: black;
}

table.defaultList td{
	padding: 5px;
	 vertical-align: top;
}

.produsentInfo table.produsentInfo th{
	padding: 2px 5px 2px 5px;
	color: #000;
	text-align: right;
}
.produsentInfo table.produsentInfo td{ padding: 0 5px; }

.produsentInfo table th{
	padding: 3px;
}

.produsentInfo h2{
	margin-top: 10px;
	border-bottom: 1px solid #C87D16;
	color: #000;
}

div.showDiscount, div.produsentInfo, div.confirm, div.objectAction {
	margin-top: 20px;
}

div.confirm input{
	float: left;
	margin: 10px 10px 0 10px;
}

div.produsentNavn{
	margin-bottom: 10px;
}

div.showDocument table.defaultList{
	margin-top: 20px;
}






div.objectAction{
	margin-bottom: 10px;
}

div.objectAction li{
	display: inline;
}
div.objectAction ul{ margin-left: 0px;}
div.objectAction li{
	border-right: 1px solid black;
	padding: 5px 15px 5px 10px;
	margin-left: 0px;
	margin-right: 0px;
}
div.objectAction li.last{ border: 0px; }


div.objectAction a, div.produsentInfo a.back, div.showDocument a.newDoc{
	
	padding: 5px ;
	margin-right: 0px;
}
div.objectAction a.current,  div.showDocument a.newDoc:hover { 
	background-color: #F1E4A0;
}

#produsentForm button.inline{
	margin-top: 5px;
	margin-right: 10px;
	float: left;
}


div.produsentInfo fieldset legend{
	color: black;
	font-weight: bold;
}

div.produsentInfo div.showDocument li{ list-style: none; margin-left: 0;}
div.produsentInfo div.showDocument ul{ margin-left: 0; }