body { behavior: url("/css/csshover3.htc"); }




.c { margin: 0 auto; }
/* grid system à la denk */
.w100 { width: auto !important; width: 960px; max-width: 960px; padding: 0 10px; }
.w75 { width: 75%; float: left; }
.w50 { width: 50%; float: left; margin: 0; padding: 0; }
.w25 { width: 25%; float: left; }
.w66 { width: 66.666%; float: left; }
.w30 { width: 30%; float: left; }
.w70 { width: 70%; float: left; }
.w33 { width: 33.333%; float: left; }
.w20 { width: 20%; float: left; }
.w40 { width: 40%; float: left; }
.w60 { width: 60%; float: left; }
.w80 { width: 80%; float: left; }
.w55 { width: 55%; float: left; }
.w45 { width: 45%; float: left; }
.w15 { width: 15%; float: left; }



#site { height: auto !important; height: 100%; min-height: 100%; position: relative; }


#topbar { position: fixed; z-index: 999; top: 0; left: 0; width: 100%; background: #222 /*#3d3d3d url(images/hr.png) repeat-x center bottom*/; height: 44px; overflow: hidden; }


#site-header { padding-top: 44px; background: url(images/bgg1.png) repeat-x left 44px; } 


#logo { float: left; width: 30%; }
#logo a { display: block; padding: 20px 0 0 0; }
#logo img { width: auto !important; width: 220px; max-width: 220px; }

#navicon { display: none; }

#site-nav { float: left; width: 70%; position: relative; overflow: hidden; }
#site-nav ul, #site-nav li { margin: 0; padding: 0; list-style: none; }
#site-nav a { display: inline-block; }
#site-nav ul.level1 { margin: 20px 0 30px 0; width: 101%; background: url(images/hr.png) repeat-x left bottom; display: table; border: 0; }
#site-nav li.level1 { display: table-cell; text-align: center; }
#site-nav a.level1 { padding: 10px 0 9px 0; margin: 0 10px; color: #21a6cb; font-size: 1.25em; position: relative; z-index: 2; border-bottom: 3px solid rgba(51,51,51,0); }
#site-nav li.first { text-align: left; }
#site-nav li.last { text-align: right; }
#site-nav a.first,#site-nav a.last { margin: 0; }
#site-nav a.level1:hover, #site-nav a.selected1 { color: #ee1d46; }
#site-nav a.selected1 { border-bottom: 3px solid #ed1846; }
#site-nav ul.level2 { display: none; position: absolute; width: 100%; left: 0; bottom: 0; margin: 0; }
#site-nav li.selected1 ul.level2 { display: block; }
#site-nav li.level2 { float: left; }
#site-nav a.level2 { font-size: .8em; color: #999; padding: 8px 10px 5px 0; margin-right: 15px; z-index: 1; }
#site-nav li.selected2 a.level2, #site-nav a.level2:hover { color: #CCC; }



#site-content { }
#main { }

.pageview { background: url(images/hr.png) repeat-x center bottom; }
.pageview .inner { padding-top: 20px; padding-bottom: 20px; }
.article { width: 70%; float: right; }
.sidebar { width: 26%; float: left; margin-right: 4%; padding-top: 30px; }

#site-content section:last-child { background-image: none; }



/* .loaded = loaded .pageview */
.loaded { background-color: #d6d6d6; color: black; padding: 40px 0; }
.loaded h2 { margin: 0; padding: 0; }
.loaded .default { color: black; }
.loaded .cta { background: none; border-bottom: 2px solid #999; }
.loaded .cta a { background-image: url(images/arrowlink3.png); text-shadow: none; color: black; }


#site-footer { background: url(images/bgg1.png) repeat-x; }
#site-footer .inner { padding-top: 40px; padding-bottom: 80px; }
#site-footer .contactinfo { float: left; width: 33%; margin-right: 3%; }
#site-footer .contactinfo h1, #site-footer .contactinfo h2, #site-footer .contactinfo h3 { margin: 0; padding: 0 0 0.5em 0; } 
#sitemap { float: left; width: 62%; }

#bottombar { position: fixed; z-index: 999; bottom: 0; left: 0; width: 100%; height: 50px; overflow: hidden; background: #222 /*#333 url(images/bgg1.png) repeat-x*/; }
#bottombar .inner { /*background: url(images/hr.png) repeat-x;*/ }
#bottombar h2 { float: left; margin: 0; padding: 15px 0 0 0; font-size: 1.3em; }
#bottombar .sociallinks { float: right; }
#bottombar .sociallinks a { padding: 19px 0 0 10px; margin: 0; color: #ed1846; }
#bottombar .sociallinks .name { display: none;  }
#bottombar .sociallinks .kontakt { }


#hero { padding: 0; }
#hero .article { margin: 0 auto; }
#hero .story { width: 31.2%; float: left; height: 350px; position: relative; overflow: hidden; }
#hero .story1 { background: url(images/pattern1.png) repeat-x center top; }
#hero .story2 { background: url(images/pattern2.png) repeat-x center top; margin: 0 3.2%; }
#hero .story3 { background: url(images/pattern3.png) repeat-x center top; }
#hero .story a { text-decoration: none; }
#hero .story h2 { background: #ed1846; color: white; display: table; margin:0; padding:0; width: 101%; height: 160px; position: relative; top: 40px; font-size: 1.95em; line-height: 1.1em; transition: .3s; }
#hero .story2 h2 { background: #ff6600; }
#hero .story3 h2 { background: #2daebf; }
#hero .story h2 .hl { display: table-cell; vertical-align: middle; padding: 20px 7%; }
#hero .story h2 .arrow { display: block; background: url(images/arrow1.png) no-repeat center bottom; position: absolute; bottom: -37px; left: 0; height: 40px; width: 100%; }
#hero .story2 h2 .arrow { background-image: url(images/arrow2.png); } 
#hero .story3 h2 .arrow { background-image: url(images/arrow3.png); }
#hero .story a:hover h2 { top: 50px; }
#hero .story a.opened h2 { top: 145px; } 
#hero .story p { padding: 55px 0 30px 0; margin: 1.8em 0 .5em 0; font-size: 1.25em; }


.sociallinks { margin: 0; padding: 1px; list-style: none; } 
.sociallinks li { float: left; margin: 0; padding: 0; list-style: none; font-size: 9px; line-height: 11px; }
.sociallinks a { display: block; color: #7d7d7d; padding: 15px 20px 10px 0; }
.sociallinks a:hover { color: white; }
.sociallinks .icon { font-size: 2em; position: relative; top: 1px; padding-right: 2px; }
.sociallinks .name { text-transform: uppercase; }

#topbar .sociallinks .kontakt { float: right; font-size: 14px; }
#topbar .sociallinks .kontakt a { color: #959595; }
#topbar .sociallinks .kontakt a:hover { color: white; }
#topbar .sociallinks .kontakt .icon { font-size: 1.4em; } 
#topbar .sociallinks .kontakt .name { text-transform: none; }


.tooltip { z-index: 999; background: rgba(0,0,0,.85); box-shadow: 0 0 5px rgba(0,0,0,.5); border-radius: 4px; border: 1px solid black; border-top-color: #333; padding: 5px 10px; color: white; font-size: .9em; text-align: center; }
.tooltip .arrow { display: block; width: 14px; height: 7px; position: absolute; bottom: -7px; left: 50%; margin-left: -7px; background: url(images/arrowdown1.png); }


#sitemap ul,#sitemap li { margin: 0; padding: 0; list-style: none; }
#sitemap a { color: #ccc; display: block; }
#sitemap a:hover { color: white; }
#sitemap li.level1 { width:44%; margin: 0 5% 1em 0; float: left; }
#sitemap li.level2 { padding-left: 20px; font-size: .8em; }
#sitemap a.level2 { color: #999; }
#sitemap a.level2:hover { color: white; }
#sitemap li.menu1144, #sitemap li.menu1101 { clear: both; }


#sform { float: right; padding: 0; margin: 0; text-align: right; position: relative; }
#sform .sfield { position: relative; }
#s::-webkit-input-placeholder { color: #a09e9e; }
#s:-moz-placeholder { color: #a09e9e; }
#s:-ms-input-placeholder { color: #a09e9e; }
#s { width: 100%; padding: 5px 20px 5px 30px; margin-top: 8px; font-size: .9em; border-radius: 100px; background-image: url(images/searchicons.png); background-repeat: no-repeat; background-position: 10px 6px; -webkit-appearance: none; outline: none;  transition: all .3s; }
#s:focus { background-color: white; background-position: 10px -24px; color: black; text-shadow: none; }
.ssubmit{overflow:hidden; position: absolute; left: 0px; top:0; width: 26px; height: 22px; }
#sform .ssubmit input {border: 0; background: none; padding: 0 0 0 50px; margin: 0; width: 22px; height: 22px; filter:none; -webkit-box-shadow: none; box-shadow: none; }


#searchform { padding-bottom: 100px; }
#searchform .xsltsearch_form { font-size: 1.5em; margin-bottom: 5px; }
#searchform .input { padding: 10px 20px; width: 80%; float: left; }
#searchform .submit { box-sizing: box-border; width: 18%; float: right; padding: 10px 20px; }
#searchform .xsltsearch_result_title { font-size: 1.4em; margin: 2em 0 .5em 0;}
#searchform .xsltsearch_description strong { background: #fbeec8; color: #333; }

/*** special treatments ***/
/* om oss*/
#pageview1101, #pageview1158, #pageview1159 { background-image: none; } 
#pageview1101 .inner, #pageview1158 .inner, #pageview1159 .inner { padding: 10px 0; }
#pageview1101 p, #pageview1158 p, #pageview1159 p { margin: 0; padding: 0; }
#pageview1101 .sidebar { position: absolute; }

/* biblioteket */
#pageview1213 .columns3 .col a { display: block; margin: 0 20%; text-align: center; }


.lt-ie9 .sociallinks .icon { display: none; }


/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; opacity: 1; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

.left { float: left; }
.right { float: right; }





/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

/** TABLETS **/
@media only screen and (max-width: 860px) { 
#logo,#site-nav { float: none; width: auto; padding: 0; margin: 0; }
#site-nav ul.level1 { margin-top: 0; }
.article { width: auto; float: none; }
.sidebar { width: auto; float: none; margin-right: 0; padding-top: 30px; }
.cta { background-position: left top; padding: 13px 0 10px 0; float: left; width: 32%; margin-right: 1%;  }
}


/** MOBILE **/
@media only screen and (max-width: 640px) { 
#topbar { display: none; }
#site-header { padding: 0; background: #3d3d3d url(images/hr.png) repeat-x left bottom; }
#logo { width: 70%; float: left;  }
#logo a { padding: 0 0 0 0; margin-top: 5%; }
#logo img { max-width: 100%; width: auto; }
#navicon { display: block; float: right; width: 12%; background: #666; border: 3px solid #1a1c1f; border-radius: 10px; margin: 3% 0 0 0; font-size: 2px; line-height:0; }

#site-nav { display: none; }
#site-nav ul.level1 { display: block; width: auto; margin: 0; background: none;  }
#site-nav li.level1 { display: block; width: auto; margin: 0; background: none;  }

#site-footer .contactinfo { font-size: 1.3em; line-height: 1em; }
#site-footer .inner { padding: 20px 0 0 0; }
#site-footer .contactinfo, #sitemap 
{ float: none; width: auto; text-align: center; }
#sitemap { padding-top: 0; font-size: 1.7em; line-height:1em;text-align: left; }
#sitemap li.level1 { float: none; width: auto; margin: 0; }
#sitemap a.level1 { padding: 15px 20px 13px 20px; background: #13596c; border-top: 2px solid #222; color: white; text-shadow: 1px 1px 1px rgba(0,0,0,.5); }
#sitemap a.level2 { padding: 10px 20px 8px 20px; background: url(images/hr.png) repeat-x; }
#sitemap li.level2 { padding: 0; }

#hero .story { width: auto; float: none; height: auto; font-size: .8em; border-radius: 5px 5px 0 0; }
#hero .story2 { margin: 0; } 
#hero .story h2 { display: block; height: auto; }
#hero .story h2 .hl { display: block; }
#hero .story h2 .arrow { display: none; }
#hero .story p { background: #333;  padding:20px 0; margin-bottom: 0; }
#hero .story a:hover h2 { top: 40px; }
#hero .story a.opened h2 { top: 40px; } 

#site-content .col { width: auto; float: none; margin: 0 0 20px 0; }

#bottombar { position: relative; height: auto;  }
#bottombar .inner { padding: 10px 0; }
#bottombar h2, #bottombar .sociallinks { float: none; text-align: center; margin: 0; padding: 5px 0; }
#bottombar .inner .sociallinks * { display: inline; float: none;  }

.cta { float: none; width: auto; margin-right: 0; }

.catlist li { float: none; width: auto; }

}




/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}