html,body{
   height: 100%;
   text-align: center;	
  	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding:0px;
	font-size: smaller; 
	color:#6A5F55;	
	line-height:1.7em;		
}

body {
	background-image: url(bg.gif);
}

body#produktbilde {
	background-image: none;
}

img#logo { /* compendialogo */	
	position:absolute;
	top:10px;
	left:10px;
}


/* X-ikonet på toppen av popups */
img#lukk{
	width: 21px;
	height: 21px;
	position:absolute;
	top:5px;
	right:5px;
	border: 0;
	cursor:pointer;
}

.clearBoth {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}

/*
Styling - bildegrensesnitt
*/
div.imgitem {
padding: 2px 15px;
border: 1px solid #000;
background:#efefef;
width:700px;
margin:5px 0;
border-color: #ddd #000 #000 #ddd;
text-align:left;
}
div.imgitem label {display:inline;}
div.imgitem input {margin-right: 20px;}

#imgcont {
background:#fff;
width:70%;
border: 1px solid #ccc;
margin-top:10px;
padding:10px 0;
}

/*
admin-/endrings-styling
*/
body#admin {
	text-align:left;
}
body#admin #content {
	background-image:none;
}
body#admin #content li {list-style:none;}
body#admin #content ul {margin:0 0 0 30px;}

#container textarea {width: 100%;height:80px}
#container select {width: 51%;}
#container input.tittel {width: 50%;}
#container input.validate-number {width: 30px;}
#contentleft A {border-bottom: 1px dashed #7CA5B7;}
#body A {border-bottom: 1px dashed #7CA5B7;}
.meld{border-bottom: none ! important }
#body A:hover {border-bottom: 1px dashed #9CC5F7;}
a:img {border-bottom: 0px solid !Important}
#contentleft A:hover {border-bottom: 1px dashed #9CC5F7;}




li.produktbilde {
	padding-left: 10px;
}
/* SLUTT admin/endring */
label {
	display:block;
}

a {color:#7CA5B7;text-decoration:none ;}


ul * {line-height:1.3em;}

h1{
	font-size: 200%;
	letter-spacing:-1px;
	color:#7CA5B7;
	padding:0;
	margin:0;
	margin-bottom:15px;
	font-weight: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 150%
}

h3 {
	color:#7CA5B7;
	font-size: 120%;
	padding:0;
	margin:0;
	margin-bottom:2px;
	font-weight: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;		
}

h4{
	font-size: 110%;
}

h4#produktbilder {
	margin:0;
	padding:0;
}

textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* Over styrer stiler fra RT-editor */
span#body *{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif!important;
	font-size: 100%!important;
}

/* 

CSS for menyer
	#nav = toppmeny
	#menu_left = venstremeny

*/
#nav {
	background: transparent url(kompass.gif) no-repeat 5px 0;
	list-style:none;
	padding:13px 0pt 0pt 80px;
	height:60px;
	width: 100%;
	margin:0;
}

#nav, #nav_left{
	font-size:10px;
	text-transform: uppercase;	
}

#nav li, #menu_left {
	z-index:6;
}

#nav li {     
	  float:left;
	  position:relative;
     margin: 0;
     padding:0;
}
	
#nav a, #menu_left a {
      float:left;
      background:url("bgbuttonleft.gif") no-repeat left bottom;
      margin:0;
      padding: 0 0 0 2px;
      text-decoration:none;	  
      }
#nav a span, #menu_left a span {
     float:left;
     background:url("bgbuttonright.gif") no-repeat right bottom;
     padding:5px 16px 3px 8px;	 
	  font-weight:bold;
     color:#fff;
	  cursor:default;
}
#menu_left a span {	 
 	padding: 3px 5px 4px 6px;
 } 
 
 /*
#nav li.flat a, #menu_left li.flat a {
	background: #E5F2F8 url('');	
	margin: 2px 0 0 0;   
	font-weight:normal;
   color:#5E767F;
	padding: 3px 5px 3px 5px;	
}*/
#nav li.flat a span, #menu_left li.flat a span{
	
	cursor: pointer;
}

#nav li:hover ul{
	visibility:visible;
}

#nav li ul {
visibility:hidden;
position:absolute;
font: 9px Tahoma;
top:20px;
left:0;
z-index:15;
background:#fff;
border-left:1px solid #f2f2f2;
border-bottom:1px solid #999;
border-right:1px solid #999;
width:130px;
padding:0;
margin:0;
}

#nav ul li {
position:relative;
display:block;
margin:0;
padding:0;
width:100%;
overflow:hidden;
}

#nav ul a{
background:url();
display:block;
float:none;
padding: 5px 0 5px 10px;
color:#9A8F85;
width:100%;
}

#nav ul a:hover{
background-color: #E5F2F8;
color:#728990;
}

#menu_left{	
background:#fff url(lmtop.gif) no-repeat scroll left top;
border:0pt none;
float:left;
margin-left:20px;
padding-top:10px;
position:relative;
width:110px;
}

#menu_left a#home{
background:#FFFFFF url(kompass.gif) no-repeat scroll 50%;
display:block;
height:80px;
width:97%;	
}

#nav_left{
	list-style:none;			
	padding:0;			
	margin:0;
	float:left;
	width: 110px;
}
#nav_left li {		
			float:left;
			text-align:left;	
			width:100%;		
} 
#menu_left a span {width:95px; cursor:pointer;}
#menu_left a.flat {width: 97px;margin-left:1px;}

#nav_left ul {
	position:relative;			
	font: 9px Tahoma;					
	margin:0;
	padding:0;			
	background:#fff;			
	width:100%;			
	float:left;
}
			
#nav_left ul li {			
	position:relative;			
	margin:0;
	padding:0;		
}
			
#nav_left ul a{
			background:url();			
			display:block;
			float:none;
			text-transform:uppercase;			
			padding: 3px 0 0 3px;
			color:#9A8F85;
			width:104px;
			margin-left:1px;
}
			
#nav_left ul a:hover{
			background-color: #E5F2F8;
			color:#728990;
}


/* overstyrer utseendet til relevanse-bildene */
#bodysok td img {
opacity:0.2;
filter: alpha(opacity=20);
padding-right: 5px;
width:8px;
height: 8px;
}
#sokeform {
	position:relative;
	z-index:2;
}

/*
Styling actionbar
*/
table.actionbar {border: 0;}
.actionbar td, .actionbar tr { border:0; background-color: transparent; }
.actionbar a { 
	display:block;
	text-decoration:none;
	color:black;
	background: #eee;
	height:20px;
	padding: 5px;
	border:1px solid #aaa;
}
.actionbar a:hover {
	text-decoration:none;
	color:black;
	background-color:#ddd;
	border:1px solid black;
	padding: 5px;
}


/* fading border */

body#framside .fadingborder{
	clear:both;
	height:10px;
}
.fadingborder{
width:100%;
z-index:-1;
margin: 1.5em 0;
background:url("fadingborder.jpg") #fff repeat-x;
}

/* 

CSS for layout

*/
#content, #footer { position:relative;}


.container {
	border: 1px solid #efefef;
}

#content { /* bryter evt. float fra toppmeny */
	clear:left;
	width: auto;	
	background:transparent url(contbottom.gif) no-repeat scroll left bottom;
	padding: 20px 40px;		
}

/* ikke toppmeny under innhold. clearer ikke */
body#innhold #content {
	min-height: 500px;	
	clear:none;
} 

#container{
	margin: 0 auto;     
	background:#FFFFFF url(conttop.gif) no-repeat scroll left top;
	border: 0;
   text-align: left;
	position:relative;
	display:block;	
	z-index:5;
	max-width:750px;
}

#maincontent {
position:relative;
z-index:5;
}

#maincontent #body, #maincontent h3 {
	position:relative;
	z-index:1;
}

#framside span#body p{
	margin-right: 200px;
}

span#body {
	font-size:110%;
}

#right {			
	float:right;	
	margin-right: -25px;
	/* IE har en bug som dobler marginer. display:inline fikser dette */
	display:inline;
	z-index:0;
}

#search {margin-bottom: 10px;width:200px;}
#search input {width: 135px;}
#spill {height:220px;width:200px;margin-top:20px;}
#spill p {width: 180px;display:inline;text-align:center;}

#spill A {border-bottom: 1px dashed #7CA5B7;}

#framside #footer {
height:190px;
width:100%;
position:relative;
clear:both;
margin:0 auto;
}

#innhold #footer{
	position:absolute; 
	bottom:5px;
	border-top: 1px solid #ccc;
	width:90%;	
}
 /* framside- og bildeform */
#framside #imgtmp, #imgcont #imgtmp {
	width:670px;
	height: 174px;
	overflow:hidden;
	position:relative;	
	border-bottom: 1px solid #E1DDD9;
	border-top: 1px solid #E1DDD9;	
	display: block;
}


.item {
	position:absolute;
	top:0;
	left:0;	
	margin: 1px 0;
	border:0;
	display:block;
}


a.item span {
	/* IE viser text-markør-type peker */
	cursor: pointer;	
}

a.item:hover{
	font-style: italic;
	text-decoration:none;
}

li#ansatte {
	height:120px;
	margin-top:5px;	
	position:relative;
	background: transparent url(lmbottom.gif) no-repeat bottom left;
	padding-bottom: 10px;	
}

li#ansatte div{
	height:120px;
	overflow:hidden;
	position:relative;
	width:105px;
}


li#ansatte .item {	
	left:2px;
}

#framside #footer p{
	position:absolute;
	bottom:-20px;
	left:0;
}

#sok {      
      background:url("bgsokleft.gif") no-repeat left bottom;	  
      margin-left: 3px;
      padding: 0 2px 3px 2px;
      text-decoration:none;
	  line-height:15px;
	  vertical-align:top;
      }
#sok span {
      background:url("bgsokright.gif") no-repeat right bottom;
      padding: 5px 7px 3px 5px;
	  font-size:100%;
	  font-weight:bold;
      color:#fff;
      }

/* styling paragrafrytteren */
div#flashcontent {
	padding: 20px 0;
}
		
/*
Styling beskjed ansatte
*/
.toolTipElement {
	cursor: help;
}
.tool-tip {
	opacity:0.8;	
	filter: alpha(opacity=80);
	width: 250px;
	z-index: 13000;
	color: #555;
	text-align: left;
}

.tool-tip a{
	color:#00f;text-decoration:underline;
}

#kontaktpersoner img{border: 0;}

.tool-title {
	display:none;
}
 
.tool-text {	
	font-size: 11px;
	padding: 4px 8px 8px;
	background:#F7F6F6;
	border:1px solid #ccc;		
}


/*
Styling - Produktbilder
*/
ul#produktbilder {
list-style:none;
float:right;
margin:0;
padding:0;
}

ul#produktbilder li{
width: 160px;
margin: 0 0 20px 10px;
overflow:hidden;
}

#wrapper{
margin-left: -160px;
float:right;
width:100%;
}

#contentleft{
margin-right: 180px;

}