/*
## layout.css - Contains style for page layout
*/

/* Normalizes margin and padding */
* { 
  margin: 0;
  padding: 0;
}

/* Normalizes article content elements */
#content p,
#content dl.fileObject,
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content .image-box,
#content ol,
#content ul,
#content .flashContent,
#content .mediaPlayer,
#content .user-table,
#content .bordered-user-table,
#content .outlined-user-table,
#content .outlined-horizontal-user-table,
#content .horizontal-user-table,
#content .outlined-vertical-user-table,
#content .vertical-user-table,
#content .user-box,
#content form {
  margin-bottom: 12px;
}

img, fieldset {
  border: 0;
}

a {
  text-decoration: none;
  color: #00aeef;
}

a:hover {
  text-decoration: underline;
}


ul, ol {
  padding-left: 20px;
}

/** 75% sets medium size to 12px in standard browsers **/
body {
  font: 75% Tahoma, Verdana, Arial, Helvetica, sans-serif;
  background: #575757 url(../GFX/gradient.jpg) repeat-x;
}

h1, h2, h3, h4, h5 {
  font-size: 100%;
  font-weight: normal;
}

h1 { 
  font-size: 200%; 
}
h2 { 
  font-size: 167%; 
}
h3 { 
  font-size: 150%; 
}
h4 { 
  font-size: 116%; 
}

img {
  display: block;
}

input {
  font-size: 100%;
}

/********************
## Framework style ##
********************/
#wrapper {
  margin: 0 auto;
  margin-top: 40px;
  width: 966px;
 /* border: 5px solid #fff;*/
 /* background: #fff;*/
}

#topheader {
height: 12px;
background-color: #00aeef;
margin-bottom: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
}


#header {
  height: 216px;
  repeat: no-repeat;
}

.logo {
 margin: 0 0 0 60px;
}

#searchForm {
  padding: 0;
  border:0;
  margin:0;
  margin-bottom: 10px;
}

#searchForm label {
  display:  none;
}

#searchForm .query {
  background:transparent url(../GFX/sokfelt.gif) top left no-repeat;
  height: 33px;
  float: left;
  border:0;
  font-size: 13px;
  line-height: 33px;
  margin-right: 5px;
  opacity: 0.6;
  width: 203px;
  padding-left:5px;

}

#searchForm .button {
  border:0px;
  opacity:0.7;
  padding:0px;
  width:38px;
  height:33px;
  margin-right: 10px;
  text-transform: uppercase;
  font-size: 13px;
  color: #000;
  background:transparent url(../GFX/sok.gif) top left no-repeat;
}



#breadcrumbs {
  float: left;
  color: #a1a1a1;
}

#breadcrumbs a {
  color: #a1a1a1;
}

#breadcrumbs a.active {
  color: #444;
}

/* Top */

#navTop {
  padding:10px;
  float:right;
  margin-top: -35px;
}

#navTop li {
  float:left;
  margin:0 5px 0 0;
  padding:0 5px 0 0;
  list-style: none;
}

#navTop li.last {
  border:none;
  padding:0;
  margin:0;
}

#navTop li a {
  color:#ef8700;
  border-right:1px solid #ef8700;
  line-height:12px;
  padding:0 5px;
  text-decoration:none;
  display:block;
  text-transform: uppercase;
}

#navTop li a:hover {
  text-decoration:underline;
}

#navTop li:hover {
  cursor:pointer;
}



#main {
padding:0;
margin:0;

}

#rightColumn {
  float: right;
  width: 270px;
  margin-top: 5px;
  overflow: hidden;
}



#mainColumn {
  float: left;
  width: 681px;
  margin-top: 5px;
  overflow:hidden;
}


#content {
  padding: 0 20px 0 15px;
  background-color: #fff; 
}

#content .blue {
  background-color: #00aeef;
  width:681px;
  margin-left: -15px;
  margin-bottom: 10px;
}

#content h1 {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  margin-left: 15px;
  padding: 5px 0;
  margin-bottom:0;
}

#content h1 a {
 color: #000;
 margin-left: -15px;
}

/* TODO: add styles for customer footer */

#footer {
height: 25px;
background-color: #00aeef;
margin-top: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
}

#footer p {
  padding-top: 5px;
  color: #fff;
  font-weight: bold;
}

#footer a {
  color: #000;
}

#footer p a:hover {
 color: #fff;
}

/******************
## COMMON STYLES ##
******************/
h4.boxTitle {
  color: #fff;
  background: #a1a1a1;
  padding: 5px 20px;
  margin-bottom: 0;
}

div.box {
  border-bottom: 1px solid #f0f0f0;
}

div.box .content {
  padding: 15px 10px;
}

/*************************
## SUMMARY|ARTICLE LIST ##
*************************/
#content .summary,
#content .article {
  border-bottom: 1px solid #f0f0f0;
}

.summary img {
  display: block;
  float: left;
  margin: 0 8px 8px 0;
}

#content .summary,
#content .article {
padding: 0 20px 10px 0;
}

#content .summary h1,
#content .summary h2 {
  font-size: 150%;
  color: #000;
 /* margin-top: 10px;*/
}

#content .summary h2{
padding-top:20px;
}

#content .summary h1 a,
#content .summary h2 a{
color: #000;
}

#content .article .text {
  font-size: 100%;
}



/*************************
########### SNARVEIER ##
*************************/

#snarveier {
color: #fff;
overflow: hidden;
}

#snarveier .odd {
float:right;
width: 320px;
margin-top: 10px;
padding-left: 10px;
background-color: #00aeef;
}

#snarveier .even {
float: left;
width: 320px;
margin-top: 10px;
padding-left: 10px;
background-color: #00aeef;
}


#snarveier .even,
#snarveier .odd {
  height: 105px;
}

#snarveier .summary img {
float: right;
margin:0;
padding:0;
width: 160px;
}

#snarveier h2 a{
margin-top: 10px;
font-size: 13px;
font-weight: bold;
float: left;
color: #fff;
text-transform: uppercase;
width: 160px;
}

#snarveier .ingress {
 padding-bottom:10px;
  width:160px;
}


#snarveier p {
  margin: 0 10px 10px 0;
}

#snarveier .ingress a{
 color: #00aeef;
 font-weight: bold;
 background-color: #fff;
 padding: 2px 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

#snarveier .ingress a:hover,
#snarveier .ingress a:active {
 color: #000;
 text-decoration: none;
}


/*************************
########### FORSIDENYHETER ##
*************************/

#fnews {
  margin-top: 10px;
  padding: 0px 0px 10px 15px;
  background-color: #fff;
  float:left;
}

#fnews .date {
font-weight: bold;
margin-bottom: 5px;
}

#fnews h2 {
margin: 10px 0;
}

#fnews h2 a{
font-weight: bold;
color: #000;
font-size: 14px;
}

#fnews .blue {
  background-color: #00aeef;
  width:681px;
  margin-left: -15px;
}

#fnews h1 {
  padding: 5px 0; 
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  margin-left: 15px;
}

#fnews h1 a {
 color: #000;
 margin-left: -15px;
}

#fnews .ingress a {
  color: #00aeef;
}

#fnews .ingress a:hover,
#fnews .ingress a:active {
  color: #000;
}

/*************************
########### RSS FEED #####
*************************/

#rss {
  background-color: #fff;
  float: right;
  padding-bottom: 10px;
  width: 270px;
  font-size: 11px;
}

#rss .rssdate {
margin: 10px 0 5px 10px;
}

#rss .rsstitle {
margin: 0 0 0 10px;
}

#rss .rssahref {
margin: 0 0 5px 10px;
font-weight: bold;
}

#rss .rsshref a {
  target-name: new;
  target-new: window;
}


#rss p a {
  font-weight: bold;
}

#rss .blue {
  background-color: #00aeef;
  width: 270px;
}

#rss h1 {
  padding: 5px 0; 
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  margin-left: 15px;
  text-transform: uppercase;
}


/*************************
########### VERDIER #####
*************************/

#verdier {
  background-color: #fff;
  float: right;
  padding-bottom: 10px;
  margin-bottom: 10px;
  width: 270px;
}

#verdier .ingress p {
  margin: 10px 10px;
  font-size: 11px;
}

#verdier .ingress a {
  font-weight: bold;
  float: left;
  margin-left: 10px;
  color: #fff;
  font-weight: bold;
  background-color: #00aeef;
  padding: 2px 3px;
  margin-right: 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}


#verdier .ingress a:hover,
#verdier .ingress a:active {
 color: #000;
 text-decoration: none;
}

#verdier .blue {
  background-color: #00aeef;
  width: 270px;
}

#verdier h2 {
  padding: 5px 0; 
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  margin-left: 15px;
  text-transform: uppercase;
}

#verdier h2 a {
 color: #fff;
}



/*************************
########### ANSATT #####
*************************/

#ansatt {
  background-color: #fff;
  padding-bottom: 10px;
  margin-bottom: 10px;
  float: right;
  width: 270px;
}

#ansatt img {
margin:0 8px 8px 10px;
}

#ansatt .ingress p {
  margin: 0 10px 10px 10px;
  font-size: 11px;
}

#ansatt .blue {
  background-color: #00aeef;
  width: 270px;
  margin-bottom: 10px;
}

#ansatt h2 {
  padding: 5px 0; 
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  margin-left: 15px;
  text-transform: uppercase;
}

#ansatt h2 a {
 color: #fff;
}


#ansatt .ingress a {
 font-weight: bold;
 float: left;
 color: #fff;
 font-weight: bold;
 background-color: #00aeef;
 padding: 2px 3px;
 margin-right: 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

#ansatt .ingress a:active,
#ansatt .ingress a:hover {
 color: #000;
 text-decoration: none;
}

/*************************
## SEARCH / PAGINATOR ##
*************************/

#content .results .blue {
  background-color: #00aeef;
}

#content .results {
 padding-bottom: 10px;
}

#content .results .queryString {
  padding: 5px 0 5px 10px;
  background-color: #eaeaea;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top: 1px solid #cac8c8;
border-left: 1px solid #cac8c8;
border-right: 1px solid #cac8c8;
opacity: 0.7;
}

#content .results .totalHits {
  padding: 5px 0 5px 10px;
  background-color: #eaeaea;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom: 1px solid #cac8c8;
border-left: 1px solid #cac8c8;
border-right: 1px solid #cac8c8;
opacity: 0.7;
}

.paginator {
  padding: 10px 0;
}

.results .prev {
float: left;
}

.results .next {
float: right;
}

.results .pages {
text-align: center;
}

.results .pages a {
 margin: 0 5px;
}

.results .active {
  margin: 0 5px;
}

/* TODO: get latest css from standardmaler.no, and add style to own stylesheet */
/*************************
## OBJECT COMMENTS VIEW ##
*************************/
#comments {
   padding: 20px 0;
   border-bottom: 1px solid #F0F0F0;
}

#comments dt {
  background: url(../GFX/quote.gif) top left no-repeat;
  padding-left: 25px;
}

#comments dd {
  padding-left: 25px;
  margin-top: 4px;
  margin-bottom: 14px;
}

form#commentForm {
  width: 100%;
  margin: 0;
  padding: 20px 0;
}

form#commentForm fieldset {
  padding: 0;
}

#commentForm input.block {
  width: 40%;
}


/*****************
## LOGG INN ##
*****************/


/*****************
## IDIUM FOOTER ##
*****************/

.idium {
  margin: 10px auto;
  width: 175px;
  float: left;
  padding-top: 10px;
}

.idium a:hover,
.idium a:active {
  text-decoration: none;
}

.idium,
.idium a {
  font-family: 'Century Gothic', Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #898989;
  text-transform: uppercase;
  text-decoration: none;
}

.idium img {
  float: left;
  margin-top: -3px;
}

.idium span {
  font-family: Century Gothic,Verdana,Arial,helvetica,sans-serif;
  font-size: 13px;
  font-weight: bold;
  margin: -8px 0 0;
  padding: 0 0 0 6px;
  text-transform: lowercase;
  word-spacing: 3px;
  color: #000;
}


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

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1px;
}
.clearfix {
  display: block;
 }
/* End hide from IE-mac */


/*************
## GALLERI ##
*************/

#gallery {
  padding: 20px 0 0 0;
}

#galleryWrapper {
  height:400px;
  overflow:hidden;
  border-bottom:5px solid #00aeef;
  border-top:5px solid #00aeef;
  width: 600px;
  margin: auto;
}

#controls-adv {
  width:100%;
  text-align:center;
  position:absolute;
  top:0px;
  z-index:1000;
}

#caption-adv {
  position:absolute;
  left:0px;
  height:50px;
  width:100%;
  bottom:0px;
  z-index:1000;
}

#galleryWrapper {
  position:relative;
}

#galleryWrapper a {
  color:#000;
}

#galleryWrapper h2 {
  color:#000;
}

#galleryContent {
 widht: 600px;
}

#galleryContent h1 {
  font-size:200%;
}

#galleryContent .next{
 position:absolute;
 top:180px;
 z-index:1000;
 right:0px;
 padding:20px 0 0px 0;
}

#wrapper #galleryContent .play,#wrapper #galleryContent .pause {
 width:75px;
 margin:0px auto;
}

#galleryContent .download {
 position:absolute;
 bottom:10px;
 right:10px;
 background:#fff;
}

#galleryContent .prev{
 position:absolute;
 top:180px;
 z-index:1000;
 left:0px;
 padding:20px 0 0px 0;
}

.caption a{
  float:right;
}

.caption p {
}

.caption h2 {
  padding-bottom:5px;
}

#gallery div.content {
float:right;
width:100%;
}

#gallery {
background-color:#fff;
}

#gallery div.content a, #gallery div.navigation a {
color:#000;
text-decoration:none;
}

#gallery div.content a:focus, #gallery div.content a:hover, #gallery div.content a:active {
text-decoration:underline;
}

#galleryContent div.controls {
}

#wrapper .caption {
  text-align:center;
}

#wrapper #caption-adv h2 {
  display:inline;
}

#gallery div.controls a,#caption-adv h2 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
  background:#000000 none repeat scroll 0 0;
  color:white;
  display:block;
  margin:5px;
  opacity:0.5;
  padding:5px 15px;
  font-size:12px;
  font-weight:normal;
}

#gallery div.ss-controls {
  padding-top:10px;
}

#gallery div.nav-controls {
float:right;
}

#gallery div.loader {
  background-image:url(../GFX/ajax-loader.gif);
  background-position:center center;
  background-repeat:no-repeat;
  height:100%;
  width:100%;
}

#gallery div.slideshow {
  width:100%;
}

.slideshow {
  text-align:center;
}

#gallery div.slideshow span.image-wrapper {
}

#gallery div.slideshow a.advance-link {
display:block;
}

#gallery div.slideshow img {
border:medium none;
display:block;
margin:0 auto;
width: 600px;
height: 400px;
}

#gallery div.download {
float:right;
}

#gallery div.embox {
clear:both;
}

#gallery div.image-title {
font-size:1.4em;
font-weight:bold;
}

#gallery div.image-desc {
line-height:1.3em;
padding-top:12px;
}

div.navigation {
  position:relative;
  padding:2px 11px;
}

#thumbs-adv {
background-color:#FFFFFF;
height:105px;
margin:auto;
}


ul.thumbs {
clear:both;
float:left;
height:72px;
margin:0 0 0;
overflow:hidden;
padding:0 22px;
width:580px;
}


ul.thumbs li {
background:url("../GFX/thumbnail.png") no-repeat scroll left top transparent;
float:left;
height:72px;
list-style:none outside none;
overflow:hidden;
padding:0;
width:114px;
}



ul.thumbs li.selected a img {
  border: 1px solid #000;
}

a.thumb {
display:block;
height:72px;
margin:7px;
overflow:hidden;
width:102px;
}

a.thumb:focus {
outline-color:;
outline-style:none;
outline-width:medium;
}

ul.thumbs img {
display:block;
height:62px;
width:100px;
}

div.pagination {
clear:both;
overflow: auto;
}

div.pagination a, div.pagination span.current {
display:block;
float:left;
margin-right:5px;
padding:4px 7px 3px;
background: #dedede;
border: 1px solid #fff;
}

div.pagination a:hover {
text-decoration:none;
}

div.pagination span.current {
color:#000;
font-weight:bold;
background: #dedede;
border: 1px solid #000;
}


#thumbs-min ul.thumbs li {
float:none;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
height: 75px;
width: 60px;
}


#thumbs-min a.thumb {
border:medium none;
display:inline;
padding:0;
}


#thumbs-min ul.thumbs li.selected a.thumb {
  -moz-background-clip:inherit;
  -moz-background-inline-policy:inherit;
  -moz-background-origin:inherit;
  background:inherit;
  color:#eee;
  font-weight:bold;
}


div.pagination.top {
bottom:5px;
position:absolute;
right:30px;
}


div.pagination.bottom {
  bottom:5px;
  position:absolute;
  left:40px;
}