/*********************************************************
*
*	Global
*
**********************************************************/
body { border-collapse: collapse; margin: 0px; padding: 0px;}
body { font-size: 75%; font-family: arial, verdana, sans-serif; /*color: #3E3832;*/color:#717171}
body { background: #727272 url(../bilder/bg-gradient-body.gif) repeat-x left top;}
img { margin: 0px; padding: 0px; border: none;}
ul, ol { margin: 0px; padding: 0px; list-style: none;}

h1, h2, h3, h4, h5 { margin: 0px; padding: 0px;}
input { font-size: 1em;}
select { font-size: 1em; border-bottom: 1px solid #CFCBC5; border-right: 1px solid #CFCBC5; border-top: 1px solid #988F86; border-left: 1px solid #988F86;}

a { text-decoration: none; color: #50A4CF;}
a:hover { text-decoration: underline;}
h3 a {color:#494949}
 
p { margin: 0px; padding: 0px;}

table { margin: 0px; padding: 0px; border-collapse: collapse;}
td { margin: 0px; padding: 0px;}

h1 { font-family: Georgia, serif; font-size: 2.4em; color: #494949; /*padding: 0px 10px 10px 0px;*/ font-weight: normal;}
h2 { font-family: Georgia, serif; color: #494949; font-size: 1.75em; font-weight: normal;margin-bottom:15px }
h2.highlight {font-size:2.6em}
h3 { color:#494949; font-family:  Georgia, serif; font-size: 1.8em; font-weight: normal;}
h4 { color:#494949; margin-bottom: .5em; font-size: 1em;}
form { margin: 0px; padding: 0px;}

input { border-bottom: 1px solid #CFCBC5; border-right: 1px solid #CFCBC5; border-top: 1px solid #988F86; border-left: 1px solid #988F86; font-size: 1em;}

/*********************************************************
*
*	Self defined
*
**********************************************************/
.floatRight { float: right;}
.clearLeft { clear: left;}
.verticalAlign { vertical-align: top;}
.circleBullets { list-style: outside; list-style-type: disc;}
.large { font-size: 1.2em;}
.largest { font-size: 1.3em;}
.noStyleH2 { background-image: none; border: none; padding-left: 0px;}

div.hr { height: 2px; margin: 5px 0px 5px 0px; clear: left; }
div.hr { background-image: url('../bilder/hr.gif'); background-repeat: repeat-x; background-position: top left;}
div.hrgrey { height: 2px; margin: 5px 0 0 0; clear: left; }
div.hrgrey { background-image: url('../bilder/hrgrey.gif'); background-repeat: repeat-x; background-position: top left;}
div.hr hr, div.hrgrey hr { display: none; }

.btn { background-image: url('../bilder/bgbtn.gif'); background-repeat: repeat-x; background-position: top left; width: auto;}
/*.extraTopMargin { margin-top: 20px;}*/
.noDisplay { display:none; }
.noMargin { margin: 0px!important;}
.fileSize { font-size: 1em; color: #717171; }
/*.companyName { color: #988F86; }*/
.tbLarge { width: 16em;}
/*.marginContainer { margin-left: 20px; } Utgår?*/
.error { color: red; margin-top: 10px; }
.pageDescription {margin-top: 10px; margin-bottom: 15px;}

/*Nytt april 2010*/
.highlight {color:#E86E19}
h2.tight {margin-bottom:0px}

/*********************************************************
*
* styles in header
*
*********************************************************/

.header-wrapper {height: 85px; width: 100%;/*background:#fff url(../bilder/bgheader.gif) repeat-x left top*/ }
#header {margin:0 auto; min-width: 960px; max-width:1240px;padding:18px 20px 0 20px; }
#header .site-logo {float:left;padding-left:20px;}
#header .help-menu {float:right;width:70%}
#header a { color: #494949;}
#header li { float: left; }

#header .accessibility {float:right;}
/*#header .accessibility { padding-top: 18px; float: right; padding-right: 4%;}*/
#header .accessibility a { color: #4B4540;}
#header .accessibility li { margin-left: 20px; line-height: 1.3em;}

.header-shortcuts {clear:both;float:right;width:100%;margin-top:10px;}
#header .aboutMenu {float: right;}
#header .aboutMenu #inputSearch {width: 151px; }
#header .aboutMenu ul {float:right;}
#menuSearchBox {float:right;margin-left:24px}

#header .aboutMenu li a { font-weight: bold; float: left;}
#header .aboutMenu li { margin-left: 24px; width: auto; border-bottom: 1px solid red; }
#header .aboutMenu li a:hover {color: #97A452; text-decoration: none; }



/*********************************************************
*
*	containers
*
**********************************************************/
#accessibilityContainer { position:absolute; left: -500px; top: -500px;}

.outer-wrapper {margin: 0 auto;padding:0 40px;min-width:920px;max-width:1200px;width:auto}
.inner-wrapper {float:left;width:100%;}
.page-content {float:left;width:100%;clear:both;background-color:#fff;padding-bottom:20px;margin-bottom:6px;}
.container {padding: 0 22px; /*background-image: url('../bilder/bgwrapper.gif'); background-repeat: repeat-x; background-position: top left;*/ }

#storyContainer { border: none; float: left; width: 100%;}
#menu { clear: left; float: left; width:100%; margin-bottom: 12px;}
#search { float: left; width: 100%; margin-bottom: 10px;/*padding-top: 10px;height: 9em;*/  }
#search p {margin-bottom:10px}
#tableWrapper { height: 150px; height: 12.5em; overflow: hidden; }

#wrapper { margin: 0px; clear: left; }
#content { float: left; width: 70%; /*padding-top: 24px;*/}
#related { float: right; width: 28%; }
#content.frontpage { width: 49%; padding-top: 0; }
#related.frontpage { width: 49%; padding-top: 0; }


/*********************************************************
*
* styles in visjon
*
*********************************************************/
#visjon {padding:8px 15px;margin:15px 0 4px 0;font-family:georgia; background:#E86E19;min-height:31px }
#visjon a {display:block;text-decoration:none;color:#fff; cursor:pointer}
#visjon a span {cursor:pointer}
#visjon .title{font-size:2.15em;display:block; float:left;color:#fff}
#visjon .les-mer {font-size:1.2em;padding-top:.7em; float:right;display:block;}

/*********************************************************
*
* styles in storyContainer
*
*********************************************************/
#storyContainer { background-image: url('../bilder/bgstory.gif'); background-repeat: repeat-x; background-position: top left; background-color: #A2AD00;}
#storyContainer table { width: 100%;}
#storyContainer td, #storyContainer table td { vertical-align: top;}
#storyContainer table .imageTD { width: 140px;} 
#storyContainer .company { height: 3em; padding: 0px 11px 0px 11px; background-color: #B5BD33; font-size: 0.8em; font-family: arial, verdana, sans-serif; vertical-align: middle;}
#storyContainer .colored {  background-color: #E98300; background-image: url('../bilder/bgstorycolored.gif'); background-repeat: repeat-x; background-position: top left;}
#storyContainer .colored .company { background-color: #ED9C33;}
#storyContainer h3 { color: #FFFFFF; font-size: 1.7em; font-weight: normal; margin: 30px 11px 15px 12px; line-height: 1.1em; }
#storyContainer a { color: #FFFFFF; text-decoration: none; }
#storyContainer table td { cursor: pointer; }
#storyContainer .normalWidth { width: 33.33%;}
#storyContainer .extrawidth { width: 33.4%;}
#storyContainer img { width: 12.5em; height: 12.5em; }

/*********************************************************
*
* styles in menu
*
*********************************************************/
#menu { background-image: url('../bilder/bgmenu.gif'); background-repeat: repeat-x; background-position: top left; }
#menu ul { margin-left: 44px;}
#menu ul li { float: left; margin-right: 70px; padding: 10px 0px 20px 0px;}
#menu a, #menu strong { color: #97A452; font-weight: bold; text-decoration: none;}
#menu a:hover, #menu strong:hover { color: #E98301;}
#menu .lastMenuElement { margin-right: 0px;}
#menu .selected { color: #E98301!important;}

#menu .subMenu { position: absolute; }
#menu .subMenu ol { border: 1px solid #DDDCDC; background-color: #FBFBFA; width: 150px;}
#menu .subMenu ol li { border-bottom: 1px solid #DDDCDC; float: none; padding: 0px; margin: 0px; width: 100%;}
#menu .subMenu ol li { background-image: url('../bilder/bgsubmenu.gif'); background-repeat: repeat-x; background-position: top left; padding-top: 6px; padding-bottom: 8px;}
#menu .subMenu ol li a { margin-left: 11px; margin-right: 5px;  }
#menu .subMenu ol li a { color: #988F86;}
#menu .subMenu ol li a:hover { color: #E98301;}

/*********************************************************
*
* styles in search
*
*********************************************************/
#search h2 { border:none; background-image: none; padding:0; /*color:#E86E19;*/}
#search p {padding:0;}
#search #tagglistDrilldown {position:relative;/*height:19px;max-height:19px;*/padding:10px;clear:both;background:#EC721C url(../bilder/bg-gradient-orange.png) repeat-x left top;}
#search #tagglistDrilldown span.label {line-height:1.8;display:block;float:left;color: #fff; font-weight: bold; font-family:georgia;}
#search #tagglistDrilldown span.box-graphic {position:absolute;bottom:-9px;left:13px;line-height:1px;font-size:0px;margin:0;display:inline-block;height:9px;width:18px;background:transparent url(../bilder/arrow-dwn-orange.png) no-repeat scroll left top}
* html #search #tagglistDrilldown span.box-graphic {bottom:-10px;} /*IE6*/

#search #tagglistDrilldown form { float:right;}
#search #tagglistDrilldown .btn { margin-right: 12px;}
#search #tagglistDrilldown input.btn.last{ margin-right: 0 !important; }

/*#search #tagglistDrilldown .box select { margin: 0 0 0 10px;}*/

/*********************************************************
*
*	styles in content
*
**********************************************************/
.textController h1, .textController h2, .textController h3, .textController h4, .textController h5 { color: #717171; margin-bottom: 6px; font-size: 1em; font-weight: bold; font-family: arial, verdana, sans-serif; border: none; background-color: transparent; background-image: none; padding: 0px;}
.textController p {margin-bottom: 10px;}
.textController ul { list-style-position: inside; margin-bottom:10px; list-style-type:disc; }
.textController li { margin-bottom: 4px; }
.textController label { display: block;}

#resultList { float: left; width: 100%; }
#resultList img { float: left; margin-right: 17px; margin-bottom:15px; border: 1px solid #EAE8E6;}
#resultList li { clear: left; float: left; padding: 10px 0px 13px 0px; width: 100%; }
#resultList li { background-image: url('../bilder/hr.gif'); background-repeat: repeat-x; background-position: bottom left; }
#resultList .readMore, #resultList .lastned { color: #50A4CF;}
/*#resultList .readMore:visited, #resultList .lastned:visited { color: #8B32E5;}*/
#resultList .hitInfo { color: #988F86;}
#resultList p { margin-bottom: 10px;}
#resultList h3 { margin-bottom: 3px;}
#resultList .date  { color: #988F86; font-size: 0.6em; padding-left: 5px; font-family: arial, verdana, sans-serif;}
#resultList p, #resultList h3, #resultList div { margin-left: 120px;}
/*.frontpage #resultList { background-color: #FAF8F9; }*/
.frontpage #resultList img { margin-right: 10px; }
.frontpage #resultList li { background-image: url('../bilder/hrgrey.gif'); /*background-color: #FAF8F9; */}
.frontpage #resultList p, #resultList h3, #resultList div { margin-left: 120px; margin-right: 10px; }

.noImageInList div, .noImageInList h3, .noImageInList p { margin-left: 0 !important; }

.searchResult div { margin-left: 32px!important; clear: left;}
.searchResult h3 { margin: 0px!important;}
.searchResult img { border: none!important; margin-right: 5px!important;}

#resultList .reportInfo { padding: 10px; background-color: #F9F8F7;}
#resultList .reportInfo div { margin-left: 0px;}
.noImageInList .reportInfo { padding-left: 20px!important; margin-left: 0px!important;}

#story { float: right; width: 69%;}
#story .ingress { font-weight: bold;}
#story p { margin-bottom: 19px;}
#story .metainfo { color: #988F86; line-height: 1.4em; margin-top: 19px}
#story .historyTag { background-color: #F2FACE; float: left; clear: left; width: 100%; padding-top: 10px; padding-bottom: 10px;}
#story .historyTag li { float: left; margin-left: 10px;}
#story .successFactors { margin-bottom: 15px; margin-top: 5px;}
#story .successFactors li { margin-bottom: 4px;}
#story .successFactors .circleBullets { list-style: inside;}
#story .successFactors h3 { color: #727272; margin-bottom: 6px; font-size: 1em; font-weight: bold; font-family: arial, verdana, sans-serif;}
#story .textController { margin-bottom: 15px; }

#storyImage {float:left;width: 28%;padding-right:2%}
#storyImage img {width:100%;max-width:220px;height:auto;margin-bottom:10px;}
#storyImage p { margin-bottom: 20px; color: #9e9e9e;}
#storyImage .hr { width: 100%; margin-bottom: 20px; }
#storyImage .circleBullets { margin-left: 17px;}
#storyImage .circleBullets li { margin-bottom: 8px;}
#storyImage h3 { margin-bottom: 13px;}

#paginering { margin-top: 10px; clear: left; float: left; width: 100%;}
#paginering ul, #paginering li { float: left;}
#paginering li { margin-right: 4px; padding-bottom: 3px}
#paginering a { background-color: #FFFFFF; color: #727070; border: 1px solid #B5BD33; padding: 2px 4px 2px 4px; float: left; }
#paginering a:hover { background-color: #B5BD33; color: #FFFFFF; padding: 2px 4px 2px 4px; border: 1px solid #B5BD33; text-decoration: none;}
#paginering strong { background-color: #B5BD33; color: #FFFFFF; padding: 2px 4px 2px 4px; border: 1px solid #B5BD33; display: block; float: left; }
#paginering .prev,#paginering .prev:hover, #paginering .next, #paginering .next:hover { background-color: #FFFFFF; color: #727070; padding: 0px; border: none; vertical-align: middle; padding-top: 4px;}

#searchInput { margin-bottom: 10px; background-image: url('../bilder/bgheading.gif'); background-repeat: repeat-x; background-position: top left; padding: 8px 20px 5px 32px; border-left: 1px solid #EAE8E6; border-bottom: 1px solid #EAE8E6; border-right: 1px solid #EAE8E6; }
.searchRespons { margin-left: 32px; margin-bottom: 10px;}

#searchInput input { width: 20em;}
#searchInput .btn { width: auto;}

.newsletter-form-container {margin-bottom:15px;padding-top:10px} /*Om nyhetsbrev*/

/*Footer*/

#footer { clear:both;background-color:#000;color:#fff;padding:22px;height:16em;font-family:Georgia,serif;}
#bottomLogo { margin: 0 auto; min-width: 960px; max-width:1200px; padding: 20px 0;}
#bottomLogo a { float:right;}

#newsletter{float:left;width:45%;padding-left:18px;padding-bottom:28px;border-left:1px solid #303030}
#newsletter h2 { border: none; background-image: none; padding: 0; color: #fff;}
#newsletter a { display:block; margin:7px 0 10px; }
#newsletter label { margin-bottom: 4px; display: block;}
#newsletter p {font-size:1.2em}

#utsagn {width:45%;float:left}
#utsagn .item { width: 80%;}
#utsagn .statement {font-family:Georgia,Sefif;font-size:2.4em;display:block}
#utsagn  a { display:block; margin-top:15px; }

#newsList p { margin-bottom: 10px;}
#newsList h3 { margin-bottom: 6px; }
#newsList .marginContainer { margin-bottom: 0px;}
.frontpage #newsList { background-color: #FAF8F9; }
.frontpage #newsList li { clear: left; float: left; padding: 10px 0 0 0; width: 100%; background-image: url('../bilder/hrgrey.gif'); background-repeat: repeat-x; background-position: bottom left; background-color: #FAF8F9; }
.frontpage #newsList p, .frontpage #resultList h3, .frontpage #resultList div { margin-right: 10px; }

/*********************************************************
*
*	styles in related
*
**********************************************************/
#related h3 {margin-bottom:15px}
#related li { margin-bottom: 3px;}
#related .circleBullets li { margin-bottom: 14px;}
#related.frontpage .marginContainer { margin: 0 10px 13px 22px;}

#related #storyRelated div { margin-bottom: 5px; }
#related.hrSpacer { margin-top: 12px;}
#related.frontpage { margin-bottom: 10px; padding-top: 0; }
#related.frontpage #newsletter h2 { margin-bottom: 15px;}

#related .section {border-top:1px solid #dadada;padding:20px;margin-bottom:12px;background-color:#f7f7f7}
#related .section .sub-section {border-bottom:1px solid #dadada;margin-bottom:20px;padding-bottom:20px}
#related .section .last-sub {border:none;margin-bottom:0;padding-bottom:0;}
#related .section .sub-section div {margin-bottom:5px}
#related .section .sub-section a {display:block;}

#related .external {padding:20px;margin-bottom:12px;}
#related .external ul {list-style-type: disc;margin:10px 20px;}

/*Ny faktaboks*/
#related .factbox {background-color:#FDF4ED;padding-bottom:50px}
#related .factbox ul {list-style:outside; list-style-type:disc;color:#E86E19;margin-left:12px}
#related .factbox ul li span {color:#494949}


/*********************************************************
*
* styles in resources
*
*********************************************************/
/*#resources {padding-top:10px;}*/
#resources .resourceHeader { margin-bottom: 10px; }

#resources p { padding: 0;}

.listBoxes {padding:20px; background: #f7f7f7;border-top:1px solid #dadada}
.listBox { padding-bottom:10px;margin-bottom:12px;background:url(../bilder/hr.gif) repeat-x left bottom; }
.ajax .listBox {padding-bottom:10px}
.listBox.last-box {background-image:none;margin-bottom:0;}
/*.listBox h3 { margin-left: 5px; }*/
.listBox p { color: #675C53;}
.listBox ul {margin: 0 15px 15px 15px; list-style-type: disc;}
.listBox ul li span {color: #9E9E9E;}
.training ul li div span {color:#717171}
.listBox div.moreinner {display:block;padding-left:20px; background: url(../bilder/ikon-pluss.gif) no-repeat left 50%;}
.listBox div.showMoreLinks a {display:block;padding-left:15px;color:#494949;font-family:georgia,serif;background: url(../bilder/arrow-right-green.png) no-repeat 2px 50%;}
.listBox div.showMoreLinks a:hover {color:#97A452}
/*Ajax*/

.listBox .mouseoverContent { display: none; }
.listBox .fileSize { white-space: nowrap; }
.listBox .moreinner span.hiddenLinks { color: #9E9E9E;}
.listBox .moreinner span.showAll{font-weight: bold; }
.listBox .more, .hover { cursor: pointer; }

#molly.mouseoverBox { display: none; position: absolute; border: 1px solid #888; padding: 8px; background: #fff; z-index: 100; width: 350px; }
#molly.mouseoverBox img{ float: left; margin-right: 8px; margin-bottom: 5px; }


/*-----------------------------------------------------
* Bestillingsskjema
* 
* -----------------------------------------------------*/
 
#order-booklets {background-color: #f7f7f7; padding: 10px;}
#order-booklets fieldset {border:0;padding:0;margin:0;}
#order-booklets .personalia_row {float:left;width:100%;clear:both;margin-bottom:.5em;}
#order-booklets .form-section {float:left;width:100%;clear:both;border-bottom:1px solid #dadada;margin-bottom:10px;padding-bottom:10px;}
/*#order-booklets input.checkbox, #order-booklets input.radio {border:1px solid #f7f7f7}Samme som bakgrunn!*/
#order-booklets input.checkbox {border:none;}


#order-booklets label {font-weight:bold;padding:2px 0}
#order-booklets label {width:35%;display:inline-block}
#order-booklets label.checkbox {width:auto}

#order-booklets .item {float:left;width:100%;clear:both}
#order-booklets .item label.item-label {float:left;width:85%;}
#order-booklets .item input.checkbox {float:left;margin-right:.5em}
#order-booklets .item .quantity {padding: 2px 0 10px 24px}
#order-booklets .item.toggle {margin-top:10px;}

#order-booklets input.text, #order-booklets textarea, #order-booklets select {background-color:#fff;border:1px solid #bbb;width:53%}
#order-booklets input.text:focus, #order-booklets textarea:focus, #order-booklets select:focus {border-color:#666;}
#order-booklets input.text,#order-booklets textarea {padding:2px 5px;}
/*Validering*/
form#order em.invalid {display:block;clear:both;color:#c30000;font-style:normal;}
form#order fieldset.personalia em.invalid { margin-left: 36%; }
form#order .item em.invalid {margin:5px 0 5px 0}

/*------------------------------------------------------
* Nyheter
*
* ------------------------------------------------------*/
.wrapper.sectionpage { border-bottom: 1px solid #CFCBC5; margin: 0 -22px 0px -22px; background-color: #F7F5F6; }
.news-section {float:left;width:100%;clear:both;margin:0;padding:0;}
.news-section .highlight {font-style:normal;color:#E86E19;font-size:1.4em;display:block;border-bottom:1px solid #ddd;margin-bottom:5px;padding-bottom:5px}

.news-section h1 {text-transform:uppercase;font-style:italic;margin-bottom:10px;padding:0}
.news-section h1 a, .news-section h2 a {text-decoration:none;color:#494949}
.news-section h2 {border:none;background:none;padding:0;margin:0 0 3px 0;font-size:1.5em}
.news-section a.newsbutton {background-color:#727272;color:#fff;font-size:1.2em;padding:5px 15px;margin-right:5px;display:inline-block;text-decoration:none;}
.news-section a.newsbutton:hover {background-color:#99bb1c;}
.news-section .topstory {width:60%;margin-right:4%;float:left}
.news-section .topstory a.continue-reading {display:block;margin-top:10px;font-size:1.2em}
.news-section .topstory .image {width:40%;float:left;overflow:hidden;clear:left} /*Clear:left pga IE6*/
.news-section .topstory .text {width:58%; margin-left:2%;float:right}
.news-section .topstory .image img {width:100%; height:auto;}
.news-section .topstory .preface {border-bottom:1px solid #ddd;border-top:1px solid #ddd;padding:10px 0}
.news-section .topstory .preface p {margin:0;}

.news-section .newslist {width:36%;float:left;}
.news-section .newslist ul li {border-bottom:1px solid #dadada;margin-bottom:10px;padding-bottom:10px;overflow:hidden;}
.news-section .newslist ul li p {padding-right:35px;background:url(../bilder/arrow-right-green.png) no-repeat 95% bottom }

/*------------------------------------------------------
 * Ny header
 * 
 *-----------------------------------------------------*/
.page-title .title-wrapper {float:left;width:62%;}
.page-title .title-wrapper h1 {text-transform:none;font-style:normal}
.page-title .newslist {float:right}
.page-title .newslist ul li {border-bottom:none;margin-bottom:0;}
.page-title .newslist .single-img {float: left;width:28%;margin-right:2%;}
.page-title .newslist .single-img img {width:100%;height:auto}
.page-title .newslist .single-story {float:left;width:70%}


.header-container {padding: 15px 22px 10px 22px; background: #f7f7f7 url('../bilder/hr.gif') repeat-x left bottom;margin-bottom:15px}
.header-container .heading .date {color:#9e9e9e;text-align:right;display:block;width:100%}
.header-container .heading h1 {padding:0;}
.header-container .heading h2 {margin-bottom:15px;font-size:2em}



/*-------------------------------------------------------
* Hovedmeny
* --> Basert på utkommentert #tagList mm ovenfor
* ------------------------------------------------------ */

/*Strekker seg ut etter vinduets bredde*/
#menu-wrapper {font-family:georgia;padding: 23px 0 0 20px;margin-bottom:0px;height:47px;background: url('../bilder/bg-main-menu.png') repeat-x left bottom}
ul#menu-main {list-style:none;margin:0;padding:0;display:table;width:100%;}
ul#menu-main li {display:table-cell;text-align:center;height:47px}
ul#menu-main li a {display:block;color:#494949; font-size:1.4em;white-space: nowrap; line-height: 1.8em; border-right:1px solid #e3e3e3}
ul#menu-main li.last a {border:none;}
ul#menu-main li.selected {background:url('../bilder/menu-arrow.gif') no-repeat center 33px;}
ul#menu-main li.selected a, #header .aboutMenu ul li.selected a {color: #97A452}

* html ul#menu-main li, *:first-child+html ul#menu-main li {display:block;float:left;} /*IE6 og 7*/
*:first-child+html ul#menu-main li a {display:inline;padding: 0 15px;} /*IE7*/

.group:after, .container:after {content:".";display:block; height:0;clear:both;visibility:hidden; }
.group       {display:inline-block;}
/* Hide from IE Mac */
.group      {display:block;}
/* End hide from IE Mac */

/*-----------------------------------------------------
* Styles in listContainer
* 
* -----------------------------------------------------*/

#listContainer #resultList { margin-top: 10px;}
#listContainer #listHeader { margin-top: 20px; background-image: url('../bilder/hr.gif'); background-repeat: repeat-x; background-position: bottom left;}
#listContainer #listHeader p { padding-bottom: 20px;}
#listContainer #listHeader h1 { padding-bottom: 0;}

/*Verktøyliste / faktaarkliste*/
.col-wrapper {margin-bottom:25px}
.col-wrapper .col {width:48%;float:left;margin-right:4%}
.col-wrapper .last {margin-right:0 !important;}
.col-wrapper .col .img {float:left;width:20%}
.col-wrapper .col .img img {width:100%;height:auto}
.col-wrapper .col .details {float:right;width:78%;}
.col-wrapper .readMore { color: #50A4CF;}
.col-wrapper p { margin-bottom: 10px;}
.col-wrapper a  { color: #494949;}

/*-----------------------------------------------------
* Styles in slideshow
* 
* -----------------------------------------------------*/

#slideshow { border-top:1px solid #dadada;background: #dbdbdb url(../bilder/bg-slideshow.gif) repeat-x left top; padding:15px 18px 10px 18px;}
#slideshow p { margin-bottom: 10px;color:#494949; }
#slideshowContainer { overflow:hidden; height: 100px; background-color:#000; position: relative; }
.slideshowSlider { height:100%; position:relative; left: 0;}
#slideshowContainer .temahefte {background: #444444 url(../bilder/bg-slideshow-gradient-dark.gif) repeat-x left top;padding: 2%; height:90%;}
#slideshowContainer .temaheftejs { width: 45.7%; }
#slideshowContainer .temahefteTitle { float:left; margin-left:6px; width:46%;overflow:hidden; }
#slideshowContainer .temahefteBilde { float: left; width: 80px; }
#slideshowContainer .temahefteTitle h3 { color: #fff; font-size: 1em; width:100%;font-family:arial, helvetica, sans-serif }
#slideshowContainer .temahefteTitle h3 a { text-decoration: none; color: #fff;}
#slideshowContainer .temahefteBilde img { vertical-align:middle; }
#slideshowContainer .temahefteRight { position: absolute; left: 50%; }
#slideshowContainer .temahefteLeft{ position: absolute; }
#slideshowContainer .toEnterFromRight { position: absolute; left:100%;}
#slideshowContainer .toEnterFromLeft { position: absolute; left:-50%;}
div.arrowBox { background-color: #000; color: #fff; text-align: center; cursor: pointer; margin-bottom:2px; height:100px; width:20px;}
div.leftArrow { float: left; }
div.rightArrow { float: right;}
img.background {left:0; position:relative; top:0; width:20px; height: 100px }
img.arrow{margin-top:40px}

#slideshow div.showMoreLinks { background-color:#99bb1c;font-size:1.2em;padding:5px 15px;text-decoration:none; margin-top: 20px; width: 110px;}
#slideshow div.showMoreLinks a { color:#fff;}
#slideshow a.temahefteLinkBox:hover { text-decoration: none; }