/*
You may learn from this CSS and use its techniques in your own projects,
but the unique combination of images, colors, sizes, typography and positioning ("the design")
is copyright (c) Bluegarden AS and may not be used by anyone but us.

Created:  29.12.2006, webmaster@bluegarden.no
Modified: 12.02.2009, webmaster@bluegarden.no
*/

html {padding:0; margin:0;}
body {color:#373737; background-color:#ececed; background-image:url(bg-body.png); background-position:0 0; background-repeat:repeat-x; padding:0 0 1em 0; margin:0; font:normal normal normal 76%/140% tahoma, sans-serif; text-align:center;}
/*body {background-image:url(../christmas/snowflakes3.png); background-repeat:repeat;}*/
:focus {outline:none;}
th, td {vertical-align:top;}

/*standards*/
.break {clear:both; height:0; line-height:0;}
.padd {padding:4px 6px;}
.byline {color:#888; background:inherit;}
.mandatory span, span.mandatory {color:#dd0000; background:transparent; font-weight:bolder;}
/*input.mandatory {color:#000; background:#f6f0d7; border:1px solid;}*/
.validator {color:#dd0000; background:transparent;}
.nowrap {white-space:nowrap;}
.submit {/*padding:4px 16px 4px 16px;*/ font-size:1.1em; padding:3px;}

h1, h2, h3, h4, h5, h6 {font-family:tahoma, sans-serif; color:#0f0e1e; line-height:normal;}
h1, h2 {font-weight:normal;} 
h3, h4, h5, h6 {font-weight:bolder;}

h1 {font-size:1.4em; margin:0 0 .1em 0;}
h2 {font-size:1.2em; margin:1em 0 0 0;}
h3 {font-size:1em; margin:0 0 .3em 0;}
h4, h5, h6 {font-size:1em; margin:0 0 0 0;}
p, .nText {font-size:1em; margin:0 0 1em 0; display:block;}
address {font-size:1em; margin:1em 0 0 0; font-weight:normal; font-style:normal;}
.ingress em {font-weight:bolder; font-style:normal;}
.punchLine {font-weight:normal; font-style:normal; text-transform:uppercase;}
.printTitle {font-weight:bolder; font-style:normal;}
.no-margin {margin-bottom:0;}

.ingress a:link, .ingress a:visited, .ingress a:active {color:#373737; text-decoration:none;}
.ingress a:hover {text-decoration:underline;}

a:link {color:#1e499f;}
a:visited {color:#646464; background:transparent;}
a:hover {color:#000;}
a:active {color:#000; background:transparent;}

form {margin:0; padding:0;}
fieldset {margin:1em 0 1em 0; display:block; padding:1em; width:auto;}
legend {color:#575758; font-weight:bolder; padding-left:.5em; padding-right:.5em;}
input, select, option, textarea {font-family:tahoma, sans-serif; font-size:1em;}
input.radio {width:16px; height:16px;}
input.check {width:16px; height:16px;}

table, td {font-size:1em;}

ul, ol, dl {margin-top:0; margin-bottom:1em;}
ul {list-style:outside url(item.png);}
ol {list-style:decimal outside;}
li {padding:0; margin:0;}

img {border:none;}

/*topline mb-group*/
.mb-group {font-size:.9em; display:block; text-align:right; clear:both; width:100%; padding:4px 0 6px 0; line-height:normal; border-top:1px solid #737375; border-bottom:1px solid #737375; background:url(bg-mb-group.png) 0 100% repeat-x;}
.mb-group a {margin:0 10px 0 0;}
.mb-group a:link, .mb-group a:visited, .mb-group a:active {color:#373737; background:transparent; text-decoration:underline;}
.mb-group a:hover {color:#000; background:transparent; text-decoration:underline;}

/*containers*/
/*.bluegarden {margin:0 auto; padding:0; color:inherit; text-align:left; width:96%; min-width:960px; max-width:1200px; background:#fff; border-bottom:1px solid #cacaca;}*/
.bluegarden {margin:0 auto; padding:0; color:inherit; text-align:left; width:960px; /*min-width:960px; max-width:1200px;*/ background:#fff; border-bottom:1px solid #cacaca;}

.bluegarden-content {display:block; clear:both; width:100%; background:#fff; padding:0; margin:0;}
.footer {display:block; margin:1em 0; text-align:center;}
.breadcrum, .globalMenu, .menu-lang, .localNav {font-family:tahoma, sans-serif; font-size:1em;}

/*bluegarden-top*/
.bluegarden-top {display:block; clear:both; margin-bottom:4px; margin-top:0; padding:18px 0 0 0; font-size:.9em;}
.bluegarden-top table {width:100%;}
.bluegarden-top .logo {padding-left:10px;}

/*menu-main*/
.menu-main {display:block; margin-bottom:3px;}
.menu-top {display:inline;}
.menu-main ul, .menu-top ul, .menu-top li, .menu-main li, .mb-group ul, .mb-group li {display:inline; list-style:none; margin:0; padding:0;}
.menu-main li.first, .mb-group li.first {margin-right:4px; margin-left:0; list-style-image:none;}
.menu-main a {padding-left:16px; margin-right:10px; background:url(icon-shortcut.png) 0 50% no-repeat;}
.menu-top a {padding:0; margin:0 10px 0 0;}

/*globalMenu*/
.menu-global {width:100%; margin:0; clear:both; display:block; padding-top:8px; padding-bottom:0px; background:url(bg-globalmenu-line.png) 0 100% repeat-x; height: 30px;}
.menu-global a, .menu-global .item, .menu-global .item2, .menu-global .sel2, .menu-global .sel {display:inline-block; padding-top:0px; padding-bottom:0px; margin-bottom: 0; float: left; height: 30px; overflow: hidden; }
.menu-global .menuitem {margin-left:0px; display: inline;}
.menu-global .item2 {background:url(bg-globalmenu.png) 0 0 no-repeat;margin-left:4px;}
.menu-global .sel2 {background:url(bg-globalmenu-sel.png) 0 0 no-repeat; color:#000;margin-left:4px;}
.menu-global a {padding-left:10px; padding-right:10px; text-decoration:none;}
.menu-global a:link, .menu-global a:visited, .menu-global a:active {color:#575758; background:url(bg-globalmenu-r.png) 100% 0 no-repeat; padding-bottom: 6px; padding-top: 8px;}
.menu-global a:hover {color:#000;}
.menu-global a.sel:link, .menu-global a.sel:visited, .menu-global a.sel:hover, .menu-global a.sel:active {background:url(bg-globalmenu-r.png) 100% 0 no-repeat; color:#000; border-bottom:2px solid #fff;}

/*local Nav*/
.nav {display:block; padding-left:6px;}
.nav-item {display:block; margin:0;}
.nav-item a:link {display:block; color:#575758; background:transparent; text-decoration:none; padding:2px 0 2px 8px;}
.nav-item a:visited {display:block; color:#575758; background:transparent; text-decoration:none; padding:2px 0 2px 8px;}
.nav-item a:hover {display:block; color:#000; background:transparent; text-decoration:underline; padding:2px 0 2px 8px;}
.nav-item a:active {display:block; color:#000; background:transparent; text-decoration:none; padding:2px 0 2px 8px;}
.nav .sel {font-weight:bolder; background:transparent;}
.nav .lvl0 {margin:0; margin-bottom:1px;}
.nav .lvl1 {margin-left:1em;}
.nav .lvl2 {margin-left:2em;}
.nav .lvl3 {margin-left:3em;}
.nav .lvl4 {margin-left:4em;}
.nav .lvl5 {margin-left:5em;}
.nav .lvl6 {margin-left:6em;}
.nav .lvl7 {margin-left:7em;}
.nav .lvl8 {margin-left:8em;}

/*breadcrum*/
.breadcrum {color:#575758; display:block; margin:6px 0 12px 0; font-size:.9em; padding-left:14px; border-bottom:1px dashed #c4c4c4;}
.breadcrum .nText {margin-bottom:4px;}
.breadcrumCtrl {display:inline;}
.breadcrum a:link, .breadcrum a:visited, .breadcrum a:active {color:#1e499f; text-decoration:none;}
.breadcrum a:hover {color:#000; text-decoration:underline;}

/*frontpage*/
.ads {display:block; margin:0; width:100%; clear:both;}/*background:#071022;*/
.ads .ad-main {display:block; width:960px; height:333px; margin:0 auto;}
.ads .ad-r {float:left; clear:right; margin-top:6px; margin-right:6px; margin-left:6px; display:none;}
.ads img {margin-bottom:6px; display:block;}
.front-content {display:block; background:url(bg-front-content.png) 0 0 repeat-x; width:100%;}
.front-content .padd {padding:12px 22px;}
.front-content .box1 {width:40%;}
.front-content .box2 {width:30%;}
.front-content .box3 {width:30%;}
.front-content h2 {font-weight:normal; margin:0;}
.front-content h3 {font-size:1em; font-weight:normal;}
.front-content ul {margin:0 0 0 2.4em; padding:0;}
.front-content a:link, .front-content a:visited, .front-content a:active {text-decoration:underline;}
.front-content a:hover {text-decoration:underline;}

/*content*/
.content {width:100%; display:block; clear:both; margin-top:0;}
.colL {width:24%; float:left; clear:left; margin-right:2%;}
.colM {width:49%; float:left;}
.colR {width:23%; float:right; clear:right; margin-top:2em;}
.colM2 {width:73%; float:left; clear:right; margin-left:1%;}

.box {margin-bottom:12px; clear:both; display:block;}
.box .wrap1 {background:url(bg-box2-bottomleft.png) 0 100% no-repeat;}
.box .wrap2 {background:url(bg-box2.png) 0 0 no-repeat;}
.box .wrap3 {background:url(bg-box2-topright.png) 100% 0 no-repeat;}
.box .wrap4 {background:url(bg-box2-bottomright.png) 100% 100% no-repeat; padding-bottom:1px;}
.box h2 {font-size:1em; font-weight:bolder; margin-bottom:.2em;}
.box ul {margin:0 0 0 1.8em; padding:0;}
.box li {margin:0 0 .4em 0; padding:0;}

.colR .box h2 {margin-top:0;}
.box .padd {padding:8px 10px 0 10px;}

/*box contact*/
.contact img {border:1px solid #e8eaea; padding:6px; background:#fff;}
.contact em {font-style:normal;}

/*contactform*/
.contactform span {display:inline;}
.contactform input {display:inline;}
.contactform .mandatory {margin:0 2px 0 2px;}
.contactform fieldset {border:none;}
.contactform legend {color:#575758; margin:0; padding:0;}

.form-v2 {display:block;}
.form-v2 .message {display:block; background:#fff9d7; border:1px solid #e2c822; padding:.4em;}
.form-v2 fieldset label {display:block;}
.form-v2 fieldset {width:390px; border:none; padding-top:0; padding-bottom:;}
.form-v2 legend {margin:0; padding-left:14px; font-size:1.1em;}
.form-v2 ol {list-style:none; margin:0; padding:10px 0 0 10px; border-top:1px solid #575758;}
.form-v2 li {list-style:none; margin-bottom:6px;}
.form-v2 li label {padding-left:4px;}

.action-pane {margin:4px 0 20px 0; padding:0 0 0 20px;}

.reply-ok {display:block; border:2px solid #090; margin:8px; background:#cfc; color:#000; padding:4px 8px 4px 8px;}

/*listArticleFiles*/
.listArticleFiles {margin-bottom:2em;}
.listArticleFiles td {vertical-align:top; padding:6px;}
.listArticleFiles td.img img {border:1px solid #e8eaea; padding:6px; background:#fff;}
.listArticleFiles td.img {padding-top:1em;}
.listArticleFiles td.txt {padding-left:1em; padding-top:2em;}
.listArticleFiles td.txt img {vertical-align:text-bottom; margin:0 4px 0 0;}

/*listArticles*/
.listArticles {display:block;}
.listArticleFiles h2, .listArticles h2 {font-size:1em; font-weight:bolder; margin-top:0;}
.listArticles ul {margin-left:2em; margin-bottom:1em; margin-top:0;}
.listArticles .nText {margin:0 0 0 0; display:inline;}

.newsletter-list {margin-top:2em; display:block; clear:both;}
.newsletter-item {margin-top:1em; display:block; clear:both;}
.newsletter-item h2 {font-size:1.2em;}
.newsletter-item img {margin:4px 6px 10px 0; border:1px solid #e8eaea; padding:6px; background:#fff;}

.colR .box {width:94%;}
.colM .box {background:none; color:inherit;}
.colM .box h2 {border:none; text-transform:none;}

.colM .showArticleGroup {background:#f6f0d7; color:inherit; margin-bottom:1em;}
.colM .showArticleGroup h2 {font-size:1em; text-transform:uppercase; letter-spacing:1px; border-bottom:3px solid #ecdfa8;}

/*dtSearch*/
.searchPage {display:block; clear:both;}
.searchPage h2 {font-size:1em; margin-bottom:0;}
.efSearchSimple {display:inline;}
.efSearchSimple input.searchText {width:100px; font-size:1.1em; padding:0 2px 0 2px;}
.efSearchSimple input.searchButton {width:auto; font-size:1em; padding:0 2px 0 2px;}
.efSearchAdvanced {border:1px solid #1e499f; background:#efefef; color:inherit; margin:1em 0 1em 0; padding:1em 2em;}
input.searchText {width:180px;}
select.searchLangSel {margin-left:3em;}
.searchNav, .subTitle {margin:1em 0 1em 0; padding:.2em .5em .2em .5em;}
.searchNav em {font-weight:bolder; font-style:normal;}
.subTitle {border:1px solid #9fc6e1; background:#efefef; color:inherit;}
.searchMetaData {color:#666; background:transparent; display:block;}


/*course + activities*/
.boxEvent th, .boxEvent td {vertical-align:top;}
.boxEvent th {font-weight:normal;}
.boxEvent td {font-weight:bolder;}

.listEvents {margin-bottom:1em; display:block; border:1px solid #cbcbcb; border-top:none; padding-bottom:1em;}
.listSubEvents {padding:.5em 0 .5em 0;}
.listSubEvents h2 {font-size:1em; letter-spacing:normal;}
.listSubEvents p {margin-bottom:0;}

.list-event-item {margin-bottom:.7em;}

.titleBarGroup {background:#e8e8e8; padding:10px; position:relative; border-top:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb;}
.titleBarGroup .iconMore {position:absolute; top:4px; right:4px;}

.titleBarEvent {float:left; clear:both; width:100%; color:#000;}
.titleBarEvent h2 {float:left; clear:left; width:80%;}
.titleBarEvent .iconMore {float:right; clear:right; width:15%;}
.iconMore {font-family:tahoma, sans-serif; font-size:.85em; font-weight:normal; cursor:pointer;}

.eventTable table {border:1px solid #cbcbcb; width:100%; font-family:tahoma, sans-serif; empty-cells:show; margin-bottom:2em;}
.eventTable th, .eventTable td {padding:2px 3px 2px 3px; vertical-align:top;}
.eventTable th {padding-top:4px; padding-bottom:5px; background:#cbcbcb; color:inherit; font-weight:bold; text-align:left;}
.eventTable td {border-top:1px solid #e8e8e8;}

.eventTable2 table {width:98%; border-top:1px dashed #cbcbcb; empty-cells:show; margin-bottom:1em;}
.eventTable2 th, .eventTable2 td {vertical-align:top; padding:2px 3px 2px 3px;}
.eventTable2 th {padding-top:4px; padding-bottom:5px; background:#cce2f0 url(../frontpageitems.jpg) -115px 30% no-repeat; color:inherit; font-weight:normal; text-align:left;}
.eventTable2 td {border-bottom:1px dashed #cbcbcb; font-weight:normal;}

/*Events*/
.showEvent h2 {font-size:1.2em; margin-bottom:0;}
.showEvent table.eventContact {border-top:solid 1px #cce2f0;}
.showEvent table.eventContact td {vertical-align:top; border-bottom:solid 1px #cce2f0; padding:4px;}
/*
a.event-button {border:1px solid buttonshadow; background:buttonface; padding:3px 6px 4px 6px; color:#1e499f; text-decoration:none; font-weight:bolder;}
a:hover.event-button {border:1px solid #000; color:#000; font-weight:bolder;}
*/
a.event-button {border:1px solid #693; background:#93c844 url(bg_submit.png) 0 50% repeat-x; padding:6px 8px 7px 8px; color:#333; text-decoration:none; font-weight:bolder;}
a:hover.event-button {border:1px solid #000; color:#333; background:url(bg_submit.png) 0 100% repeat-x;  font-weight:bolder;}

.eventTable a.event-button {padding:1px 6px 2px 6px; color:#333; font-weight:normal;}
.eventTable a:hover.event-button {color:#000; font-weight:normal;}

.eventForm input.submit {margin:1em 0 2em 0; font-weight:bolder; cursor:pointer;}
.eventForm table {width:96%;}
.eventForm th {width:30%; font-weight:normal; text-align:left;}
.eventForm td {width:70%;}
.eventForm input {width:140px; font-size:1em; padding-top:2px; padding-bottom:2px;}
.eventForm input[type=submit] {padding-top:4px; padding-bottom:5px;}
.eventForm textarea {border:1px solid #999; height:80px; width:260px;}

/*fordeler & matrise*/
.content-hidden {display:none;}
.content-display {display:block; border:1px solid #e1d0bb; position:absolute; background:#fbf4d8 url(bg-advantage.png) 0 0 repeat-x; top:60px; left:20px; right:20px;}

.advantages {display:block; clear:both; margin-bottom:1em; position:relative;}
.advantages table {table-layout:fixed; width:100%; display:block;}
.advantages td {vertical-align:top; width:25%; border:1px dotted #c9c9c0; background:#f6f6f6;}

.advantages ul {margin:0 0 0 1.8em; padding:0;}
.advantages li {margin:0; padding:0 0 .5em 0; }

.advantage {padding:4px;}
.advantage .img {text-align:center;}

.matrix-content {border:1px solid #0078ae; padding:1px; margin-bottom:1em;}
.matrix table {table-layout:fixed;}
.matrix td {font-size:.9em; padding:2px; background:url(bg-section.png) 0 6% repeat-x; border:1px solid #fff; color:#0078ae;}

.matrix td:hover {padding:2px; background:#0078ae; color:#fff; border:1px solid #fff;}

.matrix .selected {background:#0078ae; color:#fff; border:1px solid #fff;}
.matrix td:hover.selected {border:1px solid #fff; background:#0078ae; color:#fff;}

.the-matrix {margin-bottom:4px; display:block;}
.the-matrix .padd {padding:0 10px;}
.the-matrix p.ingress {margin-bottom:.2em;}

.advantages h2, .the-matrix h2 {margin-top:4px; color:#1e499f;}

.content-display h2 {border-bottom:1px solid #e1d0bb; padding:4px 6px 6px 10px; font-size:2em; margin-bottom:.4em; color:#0f0e1e;}

.contactspage h2 {margin-top:0; margin-bottom:.1em;}
.contactspage p {margin:0 0 .5em 0;}
.contactspage dt {margin:0 0 0 0;}
.contactspage dd {margin-left:2em;}

/*sitemap*/
.sitemap ul {margin:0 0 0 2.6em; padding:0;}
.sitemap ul li {margin-bottom:1em;}
.sitemap ul ul {margin:0 0 0 2em; padding:0; list-style:outside url(item-sub.png);}
.sitemap ul ul li {margin-bottom:.1em;}

/*listDownloads*/
.listDownloads table {border:1px solid #cbcbcb; width:99%; empty-cells:show; margin-bottom:2em; margin-right:1%; font-size:.9em;}
.listDownloads table th, .listDownloads table td {padding:2px 3px 2px 3px; vertical-align:top;}
.listDownloads table thead th {padding-top:4px; padding-bottom:5px; background:#cbcbcb; color:inherit; font-weight:normal; text-align:left;}
.listDownloads table tbody td {border-top:1px solid #e8e8e8;}
.listDownloads table tbody tr:hover td {background:#e8e8e8;}

.rss-list-pane {padding:0 0 0 14px; margin:10px 0 0 0;}
.rss-list-pane p {margin:0 0 0 0;}
.rss-list-pane ul.rss-list {padding:0 0 0 1.9em; margin:0;}
.rss-list-pane ul.rss-list li {margin:0; padding:0 0 .4em 0;}
.rss-list-pane .rss-title {}

.ingress, .child-item, .field, .field-1, .login-pane, .box,
.contact, .contactform, .boxEvent, .showEvent, .contactspage,
h1.heading1,
h2.heading2,
h3.heading3,
h4.heading4,
h5.heading5,
h6.heading6,
h1.Heading1,
h2.Heading2,
h3.Heading3,
h4.Heading4,
h5.Heading5,
h6.Heading6 {}