* {margin:0; padding:0; border:0}

body {font:70% Arial, Helvetica, sans-serif; line-height: 170%;color: #666; }

html, body{ 

margin:0; 

padding:0; 

text-align:center;

}

#header{

position:relative; 

height:60px;

border-top: 10px solid #aaa;

border-bottom: 1px solid #eee;

width:100%;

}  


#sideBredde{ 

width:970px; 

text-align:left;  

margin: 0 auto;

border-top:4px solid #000

}  

#hovedKolonne, #viewer{

background-color: #fff;  

float: left; 

display:inline; 

position: relative; 

width:100%; 

 }

body.kontaktSide #hovedKolonne, body#aboutPage #hovedKolonne{

background-color: #fff;  

float: left; 

display:inline; 

position: relative; 

width:60%; 

 }

body#aboutPage #rightcol{

background: #fff url("../img/bg/om.gif") center center no-repeat;  

float: right; 

display:inline; 

position: relative; 

width:40%;

height:325px

}

#rightcol, #thumbs, #illustrationInfo {

background-color: #fff;  

float: right; 

display:inline; 

position: relative; 

width:40%;

 }

 

#midtreKolonne {

background: #fff url("../img/bg/midtreKolonneBg.gif") top left no-repeat;  

float: right; 

display:inline; 

position: relative;

border-top:1px solid #eee;

padding-top:10px;

width:100%;

 }

#footer {

margin-top:40px;

border-top:1px solid #eee;

height:40px; 

background: #fff;

clear:both;

} 

#thumbs ul li {list-style:none; display:inline}

.kolonne {

float: left;

position: relative;

width:33%

}

#header .kolonne, .mainNav {

float: left!important;

position: relative;

width:33%!important;

}

address {font-style:normal; margin-top:8px}

#pager {

float:left;

display: inline;

position:relative;

text-align: right;

}

body#newsPage #hovedKolonne { width:60%; background: transparent!important; background: url(../img/bg/dot.gif) 99% 0% repeat-y!important}

body#newsPage #rightcol{

background: transparent url("../img/bg/newsBg.gif") bottom center no-repeat;  

float: right; 

display:inline; 

position: relative;

min-height:700px;

width:40%;

}

body#newsPage #hovedKolonne img { float: left; margin:0 12px 10px 0; padding:2px; border:1px solid #ddd}

.noBorder {border:1px solid #fff!important}

.node {

position: relative;

float: left;

width:99%;

margin:10px 0 10px 0;

border-bottom: 1px solid #eee

}

/* <Float fix> */ 

.clearfix:after {

content: "."; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;

} 

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/

* html .clearfix{height: 1%;}

.clearfix{display: block;}

/* End hide from IE-mac */

#header h2 {margin:20px 0 0 0!important; font-size:24px}

#header .tlf h2 {margin:35px 0 0 0!important; font-size:24px}

h1, h2, h3, h4 {font-family:"Trebuchet MS",Trebuchet,"Lucida Grande",Arial,Sans-serif;}

h1 {font: bold 4em arial;}

h2 {font-size:1.4em}

h2 strong {color:#bbbdc0}

h2 em {font-style:normal;}

h4 { text-transform:uppercase; letter-spacing:1px; font-weight:normal }

a:link, a:visited {color:#999;text-decoration:none}

a:hover {color:#fff;background:#000}

ul li {list-style:none!important;}

.mainNav {margin-top:20px}

.mainNav ul li  .active, 

#manNav ul li  .active a, 

{color:#ccc; cursor: default}

#header .mainNavR {margin-left:40px} 

a#logo:link, a#logo:visited, a#logo:active  {

background: url("img/logo.png") no-repeat;

outline: none

}

a#logo:hover  {

background: url("../img/logo.png") no-repeat -325px 0;

height: 95px;

}

#pager ul li { display:inline;font-size:11px; color:#999;}

#pager ul li {padding:0 5px 0 15px}

#pager a:link { color: #999!important; }

#pager a:hover { color: #0099ff!important; }

#pager a.selected {

cursor:default;

color: #3f3f3f!important

}

#viewer a:hover {background:#f1f4f4}

/*<Om disse illustrasjonene>*/

div#menu_links{

height:120px; 

padding-top:5px; 

padding-bottom:5px;

background:#fff;

text-align:right; 

}

body#startPage div#menu_links, body#booksPage div#menu_links { height:60px}

div#link_contanier{ background-color:#ddd; list-style:none!important;}

div#menu{ background:#000; font-size:11px; text-align:right; padding: 0 10px 0 0; text-transform:uppercase}

div#menu p {padding-right:5px!important}

#menu:hover {cursor: pointer; color:#0099FF}

div#menu_link ul li {list-style:none!important; padding:12px; margin-right:15px}

/*<Misc>*/

body#aboutPage address a#om { cursor:default; background-color:#000; color:#999!important}

ul.serviceLinks li {display:inline}