
/* ========    CtFrontendCssService:  CSS compression is disabled     ======== */

/* ========    CtFrontendCssService:  Inlining of @imports is enabled     ======== */

/* ========    CtFrontendCssService:  start of file style.css     ======== */


/* 
 This is style.css, containing common style for all channels (desktop, mobile).  
 Styles for desktop(default channel) is found in default.css, mobile styles in mobile.css
 Browser specific CSS files are found in firefox.css, ie.css etc.  
 */

/* 
 Note that you can put @import statements here, and the CtFrontendCssService.php class will 
 parse the @import statements and 'inline'/merge them, making all the CSS files beeing sent as one large file. 
 If the site is in development mode, this is disabled by default to make it easier to debug. the import statement
 must use double quoutes, no paranthesis and semicolon at the end. 
*/


/* ========    CtFrontendCssService:  start inlining content from  @import "slick.css"     ======== */
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url("./ajax-loader.gif") center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Icons */
@font-face { font-family: "slick"; src: url("fonts/slick.eot"); src: url("fonts/slick.eot?#iefix") format("embedded-opentype"), url("fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }
.slick-prev:before { content: "\2190"; }

.slick-next { right: -25px; }
.slick-next:before { content: "\2192"; }

/* Dots */
.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

[dir="rtl"] .slick-next {right: auto;left: -25px;}
[dir="rtl"] .slick-next:before {content: "\2190";}
[dir="rtl"] .slick-prev {right: -25px;left: auto;}
[dir="rtl"] .slick-prev:before {content: "\2192";}
[dir="rtl"] .slick-slide {float: right;}

/*------------------------------------
    ~ Slick Custom
------------------------------------*/
.slick-slider {
    margin-bottom: 0;
}

.slick-next:hover, .slick-next:focus,
.slick-next {
    right: 60px;
    background: url('/themes/theme1/images/arrowRight.png') no-repeat;
}
.slick-prev:hover, .slick-prev:focus,
.slick-prev {
    left: 60px;
    background: url('/themes/theme1/images/arrowLeft.png') no-repeat;
}
.slick-prev,
.slick-next {
    width: 66px;
    height: 66px;
    margin-top: -67px;
}
.slick-prev:before, .slick-next:before {
    content: "";
}

.slick-dots {
    bottom: 140px;
	text-align: right;
	right: 20px;
}

.slick-dots li button {
	height: 20px;
	width: 20px;
}
.slick-dots li button:before {
    font-size: 70px;
	opacity: 1;
	content: "";
	background: url('/images/billboard-button.png');
	height: 18px;
	width: 18px;
}

.slick-dots li.slick-active button:before {
	opacity: 1;
	background: url('/images/billboard-button-active.png');
}
.slick-slide {
    position: relative;
}
.slick-slide .article-image,
.slick-slide .article-image .image-inner,
.slick-slider div.article {
    height: 450px;
}
.slick-slider .article-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    background: none repeat scroll 0 0 rgba(112, 112, 112, 0.8);
    width: 100%;
    padding: 10px 0;
	height: 25%;
}
.slick-slider .article-overlay-wrapper {
    padding: 15px 25px;
}
.slick-slider .article-overlay-wrapper,
.slick-slider .article-overlay-wrapper a,
.slick-slider .article-overlay-wrapper a h1 {
    display: block;
    overflow: hidden;
}
.slick-slide .article-image {
    display: block;
    z-index: -9999999;
    position: absolute;
    width: 100%;
}
.slick-slide .article-image .image-inner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 20%;
}

.slick-dots li {
	margin: 0 10px;
	width: 18px;
	height: 18px;
}

/* Demo3 adjustments */
.billboard h1.header,
.billboard .digest {
    padding-left: 0;
}

/* ========    CtFrontendCssService:  end inlining content from @import "slick.css"     ======== */


#content-link   { display: none; }

.separator-tile { border-top: 1px solid black; }



/* ========    CtFrontendCssService:  end of file style.css     ======== */

/* ========    CtFrontendCssService:  start of css for channel [default]     ======== */
/* -- Default channel specific style -- */

/* -------------------------------------------------------------------------- */
/* 1. General HTML elements                                                   */
/* -------------------------------------------------------------------------- */

/*
   If you are using the font size toggler (fontsize.js) either by itself or by
   using the linktoolbar tile, font size provided here will be overriden by
   the javascript. Remember to set the default font size as the smallest font
   size in the font size selector javascript configuration.

   See fontsize.js for more detals.
  
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,
acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,
sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,
figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video	{
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

body                    { height: 100%; width: 100%; font-family: Arial, Sans-serif; font-size: 12px; margin: 0;padding: 0; color: #000; }

em,address				{ font-style: italic; }

ul						{ list-style-type: none; }

strong, b				{ font-weight: bold;}

a:visited, a:link       { color: #000; text-decoration: none;}

a:hover                 { text-decoration: underline; color: #f58233;}

a img                   { border: 0; }

h1, h2, h3, h4          { margin: 20px 0 0 0; }

h1                      { color: #000; font-size: 3.3em; font-weight: normal; margin: 0 0 30px 0; }

h2                      { font-size: 2.2em; }

h3                      { font-size: 1.5em; }

h4                      { font-size: 1.1em; }

p                       { margin: 10px 0; }

form                    { margin: 0; padding: 0; }

h1 a, h2 a, h3 a, h4 a  { text-decoration: none; }

button					{ border: none; background: #00427e; color: #fff; padding: 10px 12px; text-transform: uppercase;}


/* -------------------------------------------------------------------------- */
/* 2. Container/placeholder positioning                                       */
/* -------------------------------------------------------------------------- */

#container                      { min-height: 100%; width: 100%; margin: 0; padding: 0;  }

.inner							{ width: 940px; margin: 0 auto; padding: 20px 0;}

#centered                       { height: 100%;width: 940px; margin: 15px auto; overflow: hidden; }

#placeholder-topmenu			{ width: 100%; background: url(images/pattern.png) no-repeat center left #00427e; }

#placeholder-topmenu .inner		{ padding: 6px 0;}

#placeholder-top                { border-bottom: 1px solid #000; padding-top:20px;}

#placeholder-top .inner			{ padding-bottom: 0;}

#placeholder-sub-top            { width: 100%; }

#placeholder-sub-top .inner		{ width: 100%; padding: 0; }

#placeholder-left               { clear: both; float: left; width: 170px; margin: 0; padding: 0 0 30px 0; }

#placeholder-right              { float: right; width: 240px; height: 100%; margin: 0; padding: 0 0 30px 0; background: #fff; }

#placeholder-content            { float: left; width: 660px; height: 100%; min-height: 500px; margin: 0; padding-bottom: 30px; background: #fff;}


#placeholder-bottom             { float: left; background: #00427e; width: 100%; color: #fff; }

.placeholder-end                { clear: both; }


/* -------------------------------------------------------------------------- */
/* 3. Common tile styling                                                     */
/* -------------------------------------------------------------------------- */

/*
   IMPORTANT INFO:
   What we do here is to set the style for the tile common classes. We do two
   things:

    1. Add border, header and other stuff to create "tile-look". In the default
       design, this layout is used in the left and right placeholders.
    2. Remove this layout for tiles in placeholder-top, placeholder-content,
       placeholder-content-no-right and placeholder-bottom. Tiles here are
       usually styled differently

    Since 2. overrides the default tile styles for the listed placeholder, you
    need to be equally specific when setting any of these styles.

*/
#placeholder-left .tile-common,
#placeholder-right .tile-common                 { margin: 20px 0; font-size: 1em; }

.tile-bottom                                    { clear: both; }

#placeholder-top .tile-common h3,
#placeholder-bottom .tile-common h3,
#placeholder-content .tile-common h3,
#placeholder-content-no-right .tile-common h3   { padding: 0; }


/* -------------------------------------------------------------------------- */
/* 4. Non tile spesific common styles                                         */
/* -------------------------------------------------------------------------- */

#ctstatistics-noscript-iframe           { display: none; }

.ctwebform-element-validationerror,
.error                                  { color: #f00; font-weight: bold; }
.error                                  { margin-bottom: 10px; }

.message                                { color: #000; font-weight: bold; margin-bottom: 10px; }


td.ctwebform-element-container-validationerror input,
td.ctwebform-element-container-validationerror textarea,
.ctform-element-container-validationerror textarea,
.ctform-element-container-validationerror input,
input.inputerror                                        { border: 1px solid red; }

/* Search forms */
.searchfield              { position: relative; display: inline-block; font-size: 1.2em; }

.searchfield input        { color: #aaa; font-style: italic; padding: 8px; margin-right: 10px;}

#placeholder-content .searchfield	{ margin-bottom: 25px;}

.searchfield input:focus,
.searchfield input.filled { color: #000; font-style: normal; }

#placeholder-topmenu .searchfield button       { position: absolute; top: 10px; right: 20px; width: 16px; height: 16px; border: none; background: url(/themes/unitech/images/search.png) no-repeat; }

#placeholder-content-no-right .searchfield button {  float: left; background: #f58232; width: 40px; height: 30px; border: none; margin-top: 2px; margin-left: 10px;}

#placeholder-content-no-right .searchfield input    { float: left;}

#placeholder-topmenu .searchfield button span           { display: none;}

.searchfield button span  { color: #fff; }

.searchfield button.reset { background-image: url(images/search_reset.png); }


.ctform-submit .button-wrapper input,
.button-wrapper input.ctwebform-element-type-reset,
.button-wrapper input.ctwebform-element-type-submit,
.button-wrapper input.ctwebform-element-type-button,
.button-wrapper td.ctwebform-element-type-submit input,
.button-wrapper button.submit,
.button-wrapper input.submit                            { font-size: 1em; position: relative; float: left; border: none; background: none; }

#placeholder-left .ctform-submit input,
#placeholder-right .ctform-submit input,
#placeholder-left input.ctwebform-element-type-reset,
#placeholder-right input.ctwebform-element-type-reset,
#placeholder-left input.ctwebform-element-type-submit,
#placeholder-right input.ctwebform-element-type-submit,
#placeholder-left input.ctwebform-element-type-button,
#placeholder-right input.ctwebform-element-type-button,
#placeholder-left td.ctwebform-element-type-submit input,
#placeholder-right td.ctwebform-element-type-submit input,
#placeholder-left button.submit,
#placeholder-right button.submit,
#placeholder-left input.submit,
#placeholder-right input.submit                         { font-size: 1.1em; }

img.cp-mmarchive-image-left                 { margin: 3px 6px 3px 0; }

img.cp-mmarchive-image-right                { margin: 3px 0 3px 6px; }

select                                      { border: 1px solid #9b9b9a; }

.ajax-button-not-visible                    { display: none; }

.ajax-button-visible                        { display: block !important; }

.button-small-next                          { display: block; height: 8px; width: 6px; background: url(images/buttons.png) no-repeat -6px 0; }

.button-small-previous                      { display: block; height: 8px; width: 6px; background: url(images/buttons.png) no-repeat; }

.button-small-last                          { display: block; height: 8px; width: 10px; background: url(images/buttons.png) no-repeat -23px 0; }

.button-small-first                         { display: block; height: 8px; width: 10px; background: url(images/buttons.png) no-repeat -13px 0; }

.button-next                                { display: block; height: 33px; width: 33px; background: url(images/buttons-large.png) no-repeat -33px 0; }

.button-previous                            { display: block; height: 33px; width: 33px; background: url(images/buttons-large.png) no-repeat 0 0; }

#placeholder-left .button-small-next,
#placeholder-right .button-small-next,
#placeholder-left .button-small-previous,
#placeholder-right .button-small-previous   { margin: 0; }

#tooltip-top                                { background: url(images/tooltip/tooltip-top.gif) no-repeat 5px 0;
                                              overflow: hidden; height: 14px; width: 33px; }

#tooltip-bottom                             { background: url(images/tooltip/tooltip-bottom.gif) no-repeat 5px 0;
                                              overflow: hidden; height: 14px; width: 33px; display: none; }

#tooltip-content                            { background: #fff588; border-right: 1px solid #ccc255; border-bottom: 1px solid #ddd366;
                                              padding: 10px; max-width: 300px; }

.flipped-y #tooltip-bottom                  { display: block; }

.flipped-y #tooltip-top                     { display: none; }

.flipped-y #tooltip-content                 { border-bottom: none; }

.captcha-links                              { margin-bottom: 10px; }

.captcha-info                               { margin-left: 10px; }

#placeholder-left .textinput,
#placeholder-right .textinput               { padding-left: 2px; width: 146px; }

#placeholder-left .captcha-image img,
#placeholder-right .captcha-image img       { width: 150px; }

#placeholder-left input,
#placeholder-right input,
#placeholder-left form div.row,
#placeholder-right form div.row             { margin-bottom: 10px; }

#placeholder-left input.submit,
#placeholder-right input.submit             { margin: 0; }

#placeholder-left input.cpform-noborder,
#placeholder-right input.cpform-noborder     { margin: 0 5px 0 0; }

/* -------------------------------------------------------------------------- */
/* 5. General bullet-less listing (eg. verical menu and small article list)   */
/* -------------------------------------------------------------------------- */

.linktoolbar ul,
.full-articlelist ul,
.search-result ul,
.small-articlelist ul,
.vertical-menu ul           { list-style-type: none; margin: 0; padding: 0; }

.linktoolbar li li,
.full-articlelist li li,
.search-result li li,
.small-articlelist li li,
.vertical-menu li li        { clear: both; }


/* -------------------------------------------------------------------------- */
/* 6. Spesific styling for tiles and other components                         */
/* -------------------------------------------------------------------------- */

/* --  Lightbox  -- */

#lightbox-overlay               { z-index: 999; background-color: #000; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

#lightbox                       { overflow: auto; width: 100%; height: 100%; padding: 0; margin: 0; position: absolute; top: 0; left: 0; }

#lightbox-container             { z-index: 1000; position: relative; margin: auto; }

#lightbox-container             { padding: 0; top: 25px; }

#lightbox-close-container       { z-index: 1000; position: absolute; right: 0; }

#lightbox-close span            { display:none; }

#lightbox-close                 { display: block; width: 30px; height: 30px; margin: 3px 12px 0 0; }

#lightbox-start                 { height: 26px; background: url(images/lightbox/start-center.png) repeat-x; position: relative; margin: 0 51px 0 39px; }

#lightbox-start div.left        { background: url(images/lightbox/start-left.png) no-repeat; position: absolute; left: -38px; top: 0px; bottom: -6px; width: 38px; }

#lightbox-start div.right       { z-index: 100; background: url(images/lightbox/start-right.png) no-repeat; position: absolute; right: -50px; top: 0px; bottom: -24px; width: 50px; }

#lightbox-outer-content         { border: 1px solid #fff; padding: 0 10px 0 10px; background: #fff; position: relative; margin: 0 26px 0 14px; }

#lightbox-content               { font-size: 1.1em; }

#lightbox-content-left          { background: url(images/lightbox/content-left.png) repeat-y; position: absolute; left: 0px; top: 32px; bottom: 34px; width: 14px; }

#lightbox-content-right         { background: url(images/lightbox/content-right.png) repeat-y; position: absolute; right: 12px; top: 50px; bottom: 34px; width: 14px; }

#lightbox-end                   { height: 34px; background: url(images/lightbox/end-center.png) repeat-x; position: relative; margin: 0 50px 0 38px; }

#lightbox-end div.left          { background: url(images/lightbox/end-left.png) no-repeat; position: absolute; left: -38px; top: 0px; bottom: 0px; width: 38px; }

#lightbox-end div.right         { background: url(images/lightbox/end-right.png) no-repeat; position: absolute; right: -38px; top: 0px; bottom: 0px; width: 38px; }

#lightbox .tile-common          { border: 0px; }

#lightbox-placeholder-content   { overflow: hidden; width: 750px; }


/* -- Article Display -- */

.full-articledisplay div.header h1    { color: #000; }

.full-articledisplay .digest          { font-weight: bold; font-size: 1.4em; line-height: 1.4em;}

.full-articledisplay .digest p        { margin-top: 0;}

.full-articledisplay .article-content { line-height: 1.5em; }

.full-articledisplay .article-content { font-size: 14px; }

.full-articledisplay ul               { padding-left: 20px; list-style-type: disc; overflow: hidden;}

.full-articledisplay ul li            { border: none;}

#placeholder-content-no-right .full-articledisplay.tile-common.display-header-only    { width: 700px; padding: 0 20px;}

.full-articledisplay.display-header-only .tile-content  { display: none; }

/* Article Display Vacancy / Activity */
.full-articledisplay .top-info			{ font-size: 0.875rem; line-height: 1.3;}

.full-articledisplay .top-info,
.full-articledisplay.vacancy .top-info    { border-top: 1px solid #acb8bf; border-bottom: 1px solid #acb8bf; margin: 0; padding: 10px 0; overflow: hidden; }

.full-articledisplay .top-info .info .value,
.full-articledisplay .top-info .info .title,
.full-articledisplay.vacancy .content,
.full-articledisplay.vacancy .top-info .value,
.full-articledisplay.vacancy .top-info .title  { float: left; clear: left;}

.full-articledisplay .top-info .info .value,
.full-articledisplay.vacancy .content,
.full-articledisplay.vacancy .top-info .value   { clear: right;}

.full-articledisplay .top-info .info .title,
.full-articledisplay.vacancy .top-info .title   { font-weight: bold;width: 130px;}

.full-articledisplay.vacancy h2                 { font-size: 1.2rem;}

/* Form in article */
.full-articledisplay form,
.full-articledisplay form table					{ width: 100%; font-size: 14px;}

.full-articledisplay form h3.ctwebform-page-label	{ margin-bottom: 10px;}

.full-articledisplay form table td.ctwebform-element	{ padding-bottom: 20px;}

.full-articledisplay form table input[type="checkbox"],
.full-articledisplay form table input[type="radio"]		{ margin-right: 5px;}

.full-articledisplay form table textarea,
.full-articledisplay form table input[type="text"]		{ padding: 5px; width: 100%;}

.full-articledisplay form table input,
.full-articledisplay form table textarea				{ margin-top: 5px;}

.login-form input[type="submit"],
.full-articledisplay form table input[type="submit"],
.full-articledisplay form input[type="submit"],
.full-articledisplay form input[type="reset"]	{ float: right; border: none; padding: 10px 12px; color: #fff; background: #00427e; text-transform: uppercase; font-weight: bold; }

.full-articledisplay form input[type="reset"]	{ float: left; }

.full-articledisplay form #ctwebform-button-resetpage-confirm-4 {margin-top: 0;}

/* -- Login form -- */
.login-form {
    margin-bottom: 100px;
}

.login-form form {
    width: 30%;
    margin: 0 0 0 20%;
}

.login-form #login-form-logout {
    width: 30%;
    margin: 0 0 0 20%;
}

.login-form #login-form-logout p {
    font-size: 1rem;
    margin-bottom: 2rem;
}

.login-form h3 {
    font-size: 1.6rem;
    margin: 4rem 0 2rem 20%;
}

.login-form .label-input-group {
    margin: 1rem 0;
}

.login-form form label {
    font-size: 1rem;
}

.login-form form input[type="text"],
.login-form form input[type="password"] {
    padding: 5px;
    width: 96%;
}

.login-form form input[type="submit"] {
    margin-top: 1rem;
}

.login-form .login-form-error.error {
    margin-left: 20%;
}


/* -- Logo -- */

.logo-tile              { float: left; padding-bottom: 20px; }

.logo-tile a.logo       { display: block; }

.logo-tile a.logo span  { display: none; }


/* -- Horizontal Menu -- */

#placeholder-top .horizontal-menu           { width: 100%; overflow: hidden; font-size: 1.3em; }

#placeholder-top .horizontal-menu h3        { display: none; }

#placeholder-top .horizontal-menu ul        { display: table;margin: 0; list-style-type: none; width: 100%; padding-bottom: 14px; }

#placeholder-top .horizontal-menu ul li     { display: table-cell; width: auto; text-align: center; padding: 25px 15px 0 15px; margin: 0; height: 15px; }

#placeholder-top .horizontal-menu ul li + li    { padding-left: 25px;}

#placeholder-top .horizontal-menu li a:hover,
#placeholder-top .horizontal-menu li.active a,
#placeholder-top .horizontal-menu li.main-active a   { border-bottom: 3px solid #f58232; padding-bottom: 12px; }

#placeholder-top .horizontal-menu li.main-active a,
#placeholder-top .horizontal-menu li.active a           { position: relative;}

#placeholder-top .horizontal-menu li.main-active.expanded.tree-level-1 a:after,
#placeholder-top .horizontal-menu li.active.expanded.tree-level-1 a:after   { content: ""; position: absolute; bottom: -10px; right: 50%; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff;}

#placeholder-top .horizontal-menu a:link,
#placeholder-top .horizontal-menu a:visited,
#placeholder-top .horizontal-menu a:hover           { text-decoration: none; font-size: 1.1em; color: #000; text-transform: uppercase;}

#placeholder-top .horizontal-menu li.collapsed ul   { display: none; }

#placeholder-top .horizontal-menu li.expanded ul    { position: absolute; display: block; width: 100%; height: 40px; margin-top: 9px; overflow: hidden; background: #fff; left: 0; padding-top: 2px; border:none;
                                                      box-shadow: 0 8px 15px -3px #acb8bf;
                                                      -moz-box-shadow: 0 8px 15px -3px #acb8bf;
                                                      -webkit-box-shadow: 0 8px 15px -3px #acb8bf;
                                                      behavior: url(/themes/unitech/PIE.htc);
}

#placeholder-top .horizontal-menu li.expanded ul li { display: inline-block; text-align: left; float: left;}

#placeholder-top .horizontal-menu li.expanded ul li a { color: #000;}

#placeholder-top .horizontal-menu li.sub-active a,
#placeholder-top .horizontal-menu li.expanded ul li.active a { border-bottom: 1px solid #f58232; padding-bottom: 3px; }


/* -- Horizontal Plain Menu -- */

.horizontal-plain-menu     { font-size: 0.875rem; float: right; display: inline-block; padding: 10px 0; }

.horizontal-plain-menu h3                   { display: none; }

.horizontal-plain-menu a					{ text-decoration: none; color: #fff;}

.horizontal-plain-menu li.active a,
.horizontal-plain-menu a:hover              { border-bottom: 1px solid #fff; padding-bottom: 2px; }

.horizontal-plain-menu ul                   { display: inline; padding: 0; margin: 0; list-style-type: none; }

.horizontal-plain-menu ul li                { float: left; display: block; padding: 0 10px 0 0; margin: 0 10px 0 0; }


/* -- Vertical Menu -- */
#placeholder-content-no-right .vertical-menu.tile-common    { position: absolute; right: 0; margin: 0; padding: 0; float: right; width: 240px; height: 100%; }

.vertical-menu .tile-content                    {  margin: 0; padding: 20px;}

.vertical-menu h3                               { display: none; }

.vertical-menu a                                { text-decoration: none; font-size: 1.4em; color: #fff;}

.vertical-menu ul li ul li a                    { font-size: 1.25em;}

.vertical-menu a:hover                          { }

.vertical-menu li                               { padding: 5px 0; border-bottom: 1px solid #fff; }

.vertical-menu li.first                         { border-top: 1px solid #fff}

.vertical-menu li ul                            { margin: 5px 0 5px 0; }

.vertical-menu li li                            { padding: 5px 0 5px 10px; }

.vertical-menu li li.active                     { }

.vertical-menu li li,
.vertical-menu li li.first                      { border: none; }

.vertical-menu li.active li a:link,
.vertical-menu li.active li a:visited,
.vertical-menu li.active li a:hover             { color: #fff; }

/* -- Simple Search -- */

#placeholder-topmenu .small-searchinput                 { float: right; }

.small-searchinput .searchfield label,
.small-searchinput h3              { display: none; }

#placeholder-topmenu .searchfield input                 { color: #aaa; font-style:italic; padding: 0; visibility: hidden; width: 0; transition: ease 1.0s; margin:0 10px; margin-top: 5px; border: 1px solid #fff; background: transparent;}

#placeholder-topmenu .searchfield input.visible         { visibility: visible; width: 150px; height: 20px; background: #fff;}



/* -- Advanced Search -- */

.searchinput                                { padding: 10px; border: 1px solid #c1c1c1; background: #f0f0f0; }

.searchinput .searchfield input             { width: 215px; }

.searchinput .error                         { margin-top: 10px; }

.summarycriteria-item                       { margin-right: 5px; }

.searchinput .pane_headers                  { clear: both; }

.searchinput .pane_headers h4               { float: left; cursor: pointer; font-weight: normal; margin: 12px 1px 0 0; padding: 5px 30px 5px 30px; background: #cacaca; }

.summarycriteria                            { clear: both; }

.searchinput .panes                         { clear: both; padding: 10px; background-color: #fff; }

.searchinput .pane_headers h4.active        { font-weight: bold; background-color: #fff; }

.searchinput .remove-parameter-link         { padding-left: 10px; }

.searchinput .remove-parameter-link a:link,
.searchinput .remove-parameter-link a:visited,
.searchinput .remove-parameter-link a:hover { color: #c0143c; }

.searchinput .categorycriteria select,
.searchinput .authorcriteria select,
.searchinput .tagscriteria select           { width: 100%; }

.searchinput .searchresult-message          { font-size: 1.5em; font-family: Arial, Sans-serif; margin: 10px 0 0 0;}


/* -- Site Locator -- */
.sitelocator					{ margin-bottom: 30px;}

#placeholder-content-no-right .tile-common.sitelocator  { font-size: 1em; clear: both; float: left; padding: 0 0 0 20px; margin: 20px 0 10px 0; color: #000; }

.sitelocator h3                { display: none; }

.sitelocator .tile-content     { float: left; white-space: nowrap; }

.sitelocator ul                { display: inline; list-style-type: none; margin: 0; padding: 0; }

.sitelocator ul li             { float: left; margin: 0 0 0 5px; padding: 0; }

.sitelocator li + li:before    { content: "/"; color: #000; padding-right: 5px; }

.sitelocator li span.current   { color: #f58232;}

.sitelocator li span,
.sitelocator li a:link,
.sitelocator li a:visited       { padding: 0; color: #000; text-decoration: none; text-transform: uppercase; }

.sitelocator li a:hover			{ text-decoration: underline; color: #f58232;}

.sitelocator li.last           { background: none; }

.sitelocator li.last span,
.sitelocator li.last a,
.sitelocator li.last a:visited,
.sitelocator li.last a:hover   { padding: 0; }




/* Language selector */
#placeholder-topmenu .language-selector                                         { float: right; position: relative; }

#placeholder-topmenu .language-selector a                                       { color: #fff; font-size: 0.875rem; text-decoration: none; width: 100%; height: 100%; display: inline-block; }

#placeholder-topmenu .language-selector .toggle-link-wrapper                    { display: inline-block; position: relative; z-index: 4; margin: 0 10px; }

#placeholder-topmenu .language-selector .toggle-link-wrapper span				{ display: none; }

#placeholder-topmenu .language-selector .toggle-link-wrapper.no_NO				{ background: url(images/no_NO_flag.png) no-repeat;  background-size: 40px 40px; height: 40px; width: 40px;}
#placeholder-topmenu .language-selector .toggle-link-wrapper.en_GB				{ background: url(images/en_GB_flag.png) no-repeat;  background-size: 40px 40px; height: 40px; width: 40px;}

#placeholder-topmenu .language-selector .toggle-link-wrapper.no_NO:not(.active),
#placeholder-topmenu .language-selector .toggle-link-wrapper.en_GB:not(.active) { opacity: 0.8; }

#placeholder-topmenu .language-selector .toggle-link-wrapper.no_NO:hover,
#placeholder-topmenu .language-selector .toggle-link-wrapper.en_GB:hover 		{ opacity: 1;}

#placeholder-topmenu .language-selector .toggle-link-wrapper a.open             { color: #555;  }
 
#placeholder-topmenu .language-selector .rwd-toggle-content                     { display: none; position: absolute; right: -5px; top: 2px; z-index: 3;
                                                                              box-sizing: border-box; padding: 45px 5px 15px 5px; min-width: 200px;
                                                                              background: #ccc; box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.35); }

body #container .rwd-toggle-content.rwd-toggled-open											{ display: block; }

#placeholder-topmenu .language-selector .rwd-toggle-content li.entitylink.last  { margin-bottom: 4px; padding-bottom: 6px; border-bottom: 1px solid #acacac; }

#placeholder-topmenu .language-selector .rwd-toggle-content a                   { display: block;  color: #003399; padding: 2px 5px 2px 5px;}
#placeholder-topmenu .language-selector .rwd-toggle-content a.active            { color: #000;}

#placeholder-topmenu .language-selector .rwd-toggle-content a:hover             { color: #fff; background: #003399; }


/* -- Entity List -- */

.small-articlelist span.entry-prefix        { display: block; }

.small-articlelist li                       { padding-bottom: 10px; }

/* Duplicated in small-calendar goto links */
.calendar_goto_links a,
.small-articlelist .bottomlink a            { float: right; padding: 5px 10px 0 0; background: url(images/link-marker-red.gif) no-repeat right 8px; }


/* -- Login -- */

.login-form-link                            { clear: both; padding-top: 10px; }

.login-form-changepassword form             { padding-top: 10px; }


/* -- Banner -- */

#placeholder-left .small-articledisplay-no-header .tile-content,
#placeholder-right .small-articledisplay-no-header .tile-content    { border-top: 1px solid #c1c1c1; }

#placeholder-left .small-articledisplay-no-layout .tile-content,
#placeholder-right .small-articledisplay-no-layout .tile-content    { border: 0; padding: 0; background: none; }

#placeholder-left .small-articledisplay-no-layout h3,
#placeholder-right .small-articledisplay-no-layout h3               { display: none; }

#placeholder-content-no-right .small-articledisplay                 { float: left; padding: 0 20px 20px 20px; background: #d2d9de; width: 660px; margin-left: 20px;}

#placeholder-content-no-right .small-articledisplay a,
#placeholder-content-no-right .small-articledisplay h3              { color: #6dacde; font-weight: normal;}

#placeholder-content-no-right .small-articledisplay h3              { font-size: 2.5em; }

#placeholder-content-no-right .small-articledisplay p               { font-size: 1.2em;}

/* -- Footer -- */

#placeholder-bottom .small-articledisplay                           { font-size: 0.875rem;}

#placeholder-bottom .small-articledisplay.small-articledisplay-no-header  { float: left; clear: left; padding: 0; }

#placeholder-bottom .small-articledisplay-no-layout.small-articledisplay-no-header  { float: right; clear: none; margin-top: -25px;}

#placeholder-bottom .small-articledisplay .tile-content             { border: 0; padding: 0; background: none; }

#placeholder-bottom .small-articledisplay h3                        { font-weight: normal; font-style: italic;}

#placeholder-bottom .socialmedia									{ float: left; clear: left; padding-top: 15px; }

#placeholder-bottom .socialmedia h3									{ display: none;}

#placeholder-bottom a												{ color: #fff;}

#placeholder-bottom a:hover											{ color: #f58233; text-decoration: underline;}


/* -- Article List -- */

.full-articlelist p                         { margin: 0; font-size: 0.875rem; line-height: 1.2rem;}

.full-articlelist li                        { clear: both; margin-bottom: 20px; padding-top: 20px;}
.full-articlelist li.article				{display: block;  position: relative;  float: left;  margin-bottom: 0; width: 100%}

.full-articlelist h3                        { margin: 0; padding: 0;}

.full-articlelist h3 a:hover				{ color: #000; text-decoration:underline;}

.full-articlelist .links                    { float: left;}

.full-articlelist .list-thumbnail-default   { float: left; padding-right: 20px;}

.full-articlelist .digest                   { padding: 10px 0;}

.full-articlelist .byline,
.full-articlelist .full-articledisplay .byline { font-size: 1.0em; font-style: italic;}

.full-articlelist .full-articledisplay .digest  { font-weight: normal;}

ul.links li.internal                        { padding: 0; border:none; }

ul.links li.internal a                      { padding-right: 10px; color: #f58233; }

.full-articlelist-two-columns               { float: left; width: 100%; }

.full-articlelist-two-columns li            { float: left; clear: none; width: 360px; }

.full-articlelist-two-columns li.odd        { margin-right: 20px; }

.paging                                     { float:left; clear: left;margin-top: 20px;}

.paging .links ul                           { display: inline; }

.paging .links li                           { display: inline; margin: 0 10px 0 0; }

.paging .links span                         { font-weight: bold; }

.paging span.status                         { display: block; float: left; clear: left; padding-top: 10px;}

.paging a.next                              { padding-right: 10px;  }

.paging a.previous                          { margin-right: 10px; padding-left: 10px; }

.full-articlelist li.article.vacancy        { border: none;}

.full-articlelist li.article.vacancy .links { float: right; width: 25%; padding: 10px 0; text-align: right;}

.full-articlelist li.article.vacancy .digest { float: left; width: 75%;}

#placeholder-content-no-right .full-articlelist li.article.vacancy ul.links li.internal a { font-size: 1.2em; font-weight: bold; padding: 10px; background: #f58232; color: #fff; border: 4px solid #ecf0f3;}

/* -- Article List Three Columns -- */
.full-articlelist-threecolumn ul            { overflow: hidden; }

.full-articlelist-threecolumn ul li         { float: left; display: inline-block; width: 270px; clear: none; color: #fff;padding-left: 25px;}

.full-articlelist-threecolumn ul li + li    { padding-left: 50px;}

.full-articlelist-threecolumn a img         { padding-bottom: 20px;}

.full-articlelist-threecolumn h3            { width: 100%; text-align: center;}

.full-articlelist-threecolumn .digest       { font-size: 1.2em;}

.full-articlelist-threecolumn ul li a       { color: #fff;}

.full-articlelist-threecolumn ul li .list-thumbnail-default { float: left; clear: both;}

.full-articlelist-threecolumn ul li h3,
.full-articlelist-threecolumn ul li .digest,
.full-articlelist-threecolumn ul li .links  { float: left; clear: left;}

#placeholder-sub-top .full-articlelist-threecolumn  { width: 940px; height: 400px; margin-top: 25%; margin-bottom: 25%;}

/* -- Article List Two Columns -- */
#placeholder-content-no-right .full-articlelist-twocolumn   { float: left; width: 309px; padding-top: 0;}

#placeholder-content-no-right .full-articlelist-twocolumn h2    { text-transform: uppercase; color: #6dacde; font-weight: normal; margin-top: 0; font-size: 1.5em;}

#placeholder-content-no-right .full-articlelist-twocolumn a     { text-decoration: none;}

#placeholder-content-no-right .full-articlelist-twocolumn + .full-articlelist-twocolumn h2  {color: #f58232;}

#placeholder-content-no-right .full-articlelist-twocolumn + .full-articlelist-twocolumn     { border-left: 1px solid #acb8bf;}

#placeholder-content-no-right .full-articlelist-twocolumn li.article .byline,
#placeholder-content-no-right .full-articlelist-twocolumn li.article .digest                { display: none;}

#placeholder-content-no-right .full-articlelist-twocolumn li.article h3                     { float: left; font-size: 1.2em; font-weight: normal; }

#placeholder-content-no-right .full-articlelist-twocolumn li.article .links                 { float: right; width: 100px;}

#placeholder-content-no-right .full-articlelist-twocolumn li.article .links a               { color: #6dacde; font-size: 1.1em;}

#placeholder-content-no-right .full-articlelist-twocolumn + .full-articlelist-twocolumn li.article .links a {color: #f58232;}

/* -- Activitylist -- */
.full-articlelist.activitylist h3.title			{ font-size: 1.5rem; margin-bottom: 20px; text-transform: uppercase;}

.frontpage .full-articlelist.activitylist h3 a	{ font-size: 0.875rem; font-weight: bold; display: block;}

.frontpage .full-articlelist.activitylist .paging	{ display: none;}

.full-articlelist.activitylist .calendar-date	{ float: left; display: block; background: #f58233; color: #fff; padding: 5px 15px; margin-right: 20px; text-align: center;}

.full-articlelist.activitylist .calendar-date .date.day { font-size: 2rem;}

.full-articlelist.activitylist .calendar-date .date.month	{ font-size: 0.875rem;}

.full-articlelist.activitylist .location		{ font-style: italic; padding-top: 5px;}

.full-articlelist.activitylist .digest,
.full-articlelist.activitylist ul.links			{ margin-left: 88px; padding: 5px 0;}

.full-articlelist.activitylist ul.link			{ padding: 0; }

.full-articlelist.activitylist .bottom-link		{ text-align: right; padding-top: 20px;}

.full-articlelist.activitylist .bottom-link a	{ color: #f58233; font-size: 0.875rem;}

/* -- Thumbnails -- */
.list-thumbnail-default,
.list-thumbnail-left                        { float: left;  }

.list-thumbnail-right                       { float: right; }

.list-thumbnail-middle                      { text-align: center; }

.list-thumbnail-default img,
.list-thumbnail-left img,
.list-thumbnail-right img                   { width: 100%; }


/* -- Search Result -- */

.search-result                              { width: 660px;}

.search-result .digest                      { margin-bottom: 10px; }

.search-result p                            { margin: 0; }

.search-result li                           { clear: both; margin-bottom: 20px; }

.search-result h2                           { margin-bottom: 15px; }

.search-result h3                           { margin: 0; padding: 0;}

.search-result ul.double-column             { float: left; width: 100%; }

.search-result ul.double-column li          { float: left; clear: none; width: 360px; }

.search-result ul.double-column li.odd      { margin-right: 20px; }

.search-result img                          { display: none;}


/* -- Toolbar -- */

.linktoolbar {
	display: none;
	padding-top: 30px;
	padding-bottom: 30px;
	clear: both;
}

.linktoolbar li {
	float: left;
	display: inline;
	padding-right: 10px;
}

.linktoolbar li h3 {
	float: left;
	display: inline;
	font-size: 1em;
	margin-top: 11px;
}

.linktoolbar li a span {
	display:none;
}

.linktoolbar-item:hover {
	opacity: 0.85;
}

#show_socialmedias+.linktoolbar {
	display: block;
	height: 0;
}

.linktoolbar #tipafriend {
	display: none;
}

.linktoolbar .tile-bottom.show {
	height: 0;
}

div#tipafriend.show {
	display: block;
	position: relative;
	width: 90%;
	max-width: 500px;
	min-height: 270px;
	box-shadow: 1px 1px 5px #313131;
	top: -345px;
	left: 55px;
	padding: 20px;
	background: #FFF;
	font-size:0.875rem;
}

div#tipafriend #tipform label.tipafriend {
	display: block;
	width: 30%;
	margin-top: 20px;
	margin-bottom: 10px;
}

div#tipafriend #tipform input.tipafriend {
	display: inline-block;
	width: 70%;
	padding: 5px;
	font-size: 1em;
	border: 1px solid #707070;
	background-color: #ffffff;
}

div#tipafriend #tipform>div {
	display: block;
	float: left;
}

div#tipafriend button.tipafriend {
	color: #fff;
	background: #00427e;
	padding: 10px 12px;
	border: none;
	margin-top: 20px;
	text-transform: uppercase;
	font-weight: bold;
	margin-right: 20px;
}

div#tipafriend .close-button {
	float: right;
	position:absolute;
	top:-10px;
	right:-10px;
}

div#tipafriend .close-button button {
	background: url(/images/close-button.png) no-repeat;
	height: 30px;
	width: 30px;
}

div#tipafriend #tipform button.loading {
	background-color: #8b8989;
}

div#tipafriend #result,div#tipafriend .error-msg {
	color: #ff2f41;
}

div#tipafriend #result {
	font-weight: 700;
	margin-bottom: 5px;
}

div#tipafriend #tipform .error-msg {
	margin-top: 1px;
	display: block;
}

div#tipafriend #tipform input.tipafriend.error {
	background-color: rgba(249, 180, 48, 0.38);
	border: 1px solid #cc0000;
}

div#tipafriend #success-result {
	display: none;
}

div#tipafriend #success-result>div {
	margin: 4px 0;
	display: block;
	clear: both;
}

div#tipafriend #success-result div.message h2 {
	font-size: 1.4em;
}

div#tipafriend #success-result div.detailed {
	font-size: 0.9em;
	color: #323231;
}

.socialmedia li {
	width: 50px;
	height: 50px;
	display: inline-block;
	float: left;
	border-radius: 70px;
	margin-right: 10px;
}

.socialmedia li a {
	display: block;
	width: 50px;
	height: 50px;
}

.socialmedia li a span {
	display: none;
}

.socialmedia li:hover {
	cursor: pointer;
}

.socialmedia li.facebook {
	background: url('/images/socialmedia/icons_transparent.png') no-repeat
		scroll -209px -90px #eee;
}

.socialmedia li.twitter {
	background: url('/images/socialmedia/icons_transparent.png') no-repeat
		scroll -357px -90px #eee;
}

.socialmedia li.linkedin {
	background: url('/images/socialmedia/icons_transparent.png') no-repeat
		scroll -284px -91px #EEE;
}

.socialmedia li.youtube {
	background: url('/images/socialmedia/icons_transparent.png') no-repeat
		scroll -431px -91px #EEE;
}

.socialmedia li:hover {
	background-color: #f58233;
}

/* -- Sitemap -- */

#placeholder-content .sitemap h3,
#placeholder-content-no-right .sitemap h3   { display: none; }


/* -- RSS List -- */

.small-rsslist .date                        { display: block; }


/* -- Forms -- */
.form-tile label                                            { display: block; padding-top: 5px; }

.ctwebform-element-validationerror                          { display: block; }

.form-tile-lightbox                                         { width: 300px; }

.form-tile-lightbox td.ctwebform-element-type-text input,
.form-tile-lightbox .ctform-textinput input,
.form-tile-lightbox textarea,
.form-tile-lightbox input.textinput                         { width: 296px; }


/* -- External Content -- */

.iframe-tile iframe                         { width: 100%; }

#placeholder-content .tagcloud h3,
#placeholder-content-no-right .tagcloud h3  { display: none; }


/* -- Multimedia Folder -- */

#placeholder-content .multimediafolder h3,
#placeholder-content-no-right .multimediafolder h3  { display: none; }

.multimediafolder table                             { width: 100%; border-collapse: collapse; border-spacing: 0px; }

.multimediafolder th                                { text-align: left; border-bottom: 2px solid #c2c2c2; }

.multimediafolder td                                { padding: 4px 2px 2px 2px; border-bottom: 1px solid #c2c2c2; }

.multimediafolder tr.last td                        { border-bottom: 0px; }

.multimediafolder-item                              { float: left; width: 170px; height: 170px; }


/* -- Author List -- */

.authorlist ul              { margin: 0; padding: 0; }

.authorlist li              { list-style-type: none; margin: 0; padding: 0; clear: both; }

.authorlist .avatar         { float: left; width: 70px; overflow: hidden; padding-bottom: 10px; }

.authorlist .avatar img     { width: 65px; }

.authorlist .defaultavatar  { width: 70px; height: 65px; background: url(images/default-avatar-65.png) no-repeat; }

.authorlist .name           { font-weight: bold; }

.authorlist .url            { padding-top: 5px; white-space: nowrap; }


/* -- Slideshow -- */

.slideshow                                     { position: relative; }

.slideshow .tile-content                       { position: relative; margin-bottom: 10px; overflow: hidden; }

.slideshow .image                              { text-align: center; }

.slideshow .pager                              { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }

.slideshow .pager a                            { display: block; float: left; text-decoration: none; width: 50%; height: 100%; }

.slideshow .pager a span                       { position: absolute; top: 50%; display: none; font-size: 1.2em; font-weight: bold; color: #fff; margin-top: -30px; padding: 10px; background: rgba(0, 0, 0, 0.5); }

.slideshow .pager a:hover span                 { display: block; }

.slideshow .pager a.previous span              { left: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

.slideshow .pager a.next span                  { right: 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }

.slideshow ul.thumbnails                       { list-style: none; margin: 0; padding: 0; white-space: nowrap; overflow: hidden; text-align: center; }

.slideshow li.thumbnail                        { float: left; width: 100px; margin-bottom: 20px; background: url(images/thumbnail-canvas.png) no-repeat center; }

.slideshow li.current.thumbnail                { background: url(images/thumbnail-canvas-active.png) no-repeat center; }

.slideshow li.thumbnail img                    { width: 50px; height: 50px; padding: 10px; }


/* -- Rated Entity List -- */

#placeholder-left .tabbedentitylist .tile-content,
#placeholder-right .tabbedentitylist .tile-content      { padding: 0; width: 170px;}

.tabbedentitylist h3                                    { display:none; }

#placeholder-left .tabbedentitylist .tab h3,
#placeholder-right .tabbedentitylist .tab h3            { display: block; margin: 0px;font-size: 1.1em; }

.tabbedentitylist .tab div                              { padding: 10px; }


/* -- Calendar -- */

#placeholder-left .small-calendar .calendar-layout,
#placeholder-left .small-calendar .calendar-header  { font-size: 1.1em; }

table.calendar-header                       { width: 100%; }

table.calendar-header,
table.calendar-layout                       { border-collapse: collapse; border-spacing: 0px; width: 100%; }

.calendar-layout th                         { font-weight: normal; width: 12%; border-bottom: 2px solid #8b8a8c; vertical-align: top; }

.calendar-layout td                         { border: none; text-align: center; }

.calendar-layout td.today                   { font-weight: bold; }

.datepicker .calendar-layout td.inactive,
.calendar-layout td.inactive                { background: #e1e1e1; }

.calendar-header td                         { width: 100%; text-align: center; vertical-align: top; border: 0; padding: 0; }

.calendar-header td.next                    { width: 15px; padding: 3px 0 0 0; }

.calendar-header td.previous                { width: 15px; padding: 3px 0 0 0; }

.small-calendar ul                          { padding: 10px 0 0 15px; }

.small-calendar ul li                       { list-style-type: none; }

.calendar_goto_links ul                     { margin: 5px 0 5px 0; padding: 0; }

.calendar_goto_links li                     { clear: both; }

.small-calendar-popup                       { position: absolute; width: 250px; z-index: 10; }

.small-calendar-popup .top                  { background: url(images/tooltip/tooltip-top.gif) no-repeat 5px 0; height: 10px; text-align: right; }

.small-calendar-popup .top a                { font-size: 0.8em; padding-right: 15px; position: relative; top: 12px; left: -4px; background: url(images/small-close.gif) no-repeat right 2px; }

.small-calendar-popup .content              { background: #fff588; padding: 10px; border-right: 1px solid #ccc255; border-bottom: 1px solid #ddd366; }

.small-calendar-popup .content h4           { margin: 0 0 0 0; font-size: 1em; }

.small-calendar-popup .content              { text-align: left; }

.small-calendar-popup .content ul           { margin: 5px 0 0 0; padding: 0; }

.small-calendarlist p                       { margin-top: 0; }

td.hasevents                                { background: #c0143c; }

td.hasevents a:link.calendar_popup_link,
td.hasevents a:visited.calendar_popup_link,
td.hasevents a:hover.calendar_popup_link    { color: #fff; font-weight: bold; text-decoration: none; }


/* -- Webshop -- */
.webshop-cart .button-wrapper                   { margin-top: 10px; }

.webshop-checkout fieldset                      { border: 0; margin: 0 0 10px 0; padding: 0; }

.webshop-checkout legend                        { display: none; }

.full-productdisplay-priceorder                 { display: inline; float: right; border: 1px solid #c2c2c2; padding: 5px 15px 10px 25px; margin: 10px 0 5px 5px; }

.full-productdisplay-priceorder .price,
.full-productdisplay-priceorder div             { text-align: center; margin-top: 3px; }

.full-productdisplay-priceorder input.amountfield,
.full-productdisplay-priceorder select          { margin-top: 5px; }

.full-productdisplay-priceorder label           { float: left; width: 50px; margin-top: 7px; clear: both; }

.full-productdisplay-priceorder .price          { font-size: 1.25em; font-weight: bold; }

.webshop-step-indicator                         { float: right; }

.webshop-step-indicator ul                      { margin: 0px; padding: 0px; }

.webshop-step-indicator li                      { list-style-type: none; display: block; float: left; width: 20px; border: 2px solid #c2c2c2;
                                                  margin-left: 5px; text-align: center; }

.webshop-step-indicator li.step-done            { border: 2px solid #777; background-color: #c2c2c2; font-weight: bold; }

.webshop-step-indicator li.step-done a:link,
.webshop-step-indicator li.step-done a:visited,
.webshop-step-indicator li.step-done a:hover    { color: #555; font-weight: normal; }

.webshop-step-indicator li.active               { border: 2px solid #c0143c; background-color: #c0143c; color: #fff; font-weight: bold; }

.webshop-checkout table                         { width: 100%; border-collapse: collapse; border-spacing: 0px; margin-bottom: 20px; }

.webshop-checkout table.personal-info .label    { width: 150px; }

.webshop-checkout table tr.even                 { background-color: #fff; }

.webshop-checkout table tr.basetotal td         { border-top: 2px solid #8b8a8c; border-bottom: 3px double #000; padding-top: 10px; }

.webshop-checkout table tr th                   { text-align: left; border-bottom: 2px solid #8b8a8c; }

.webshop-checkout table tr th.right-align       { text-align: right; }

.webshop-checkout table tr.productrow td        { vertical-align: top; padding-top: 3px; }

.webshop-checkout table td.currency             { text-align: right; font-family: Monospace; font-size: 1.1em; width: 100px; }

.webshop-checkout table tr.productrow td.input,
.webshop-checkout table tr.productrow td.remove { text-align: right; }

.webshop-checkout table tr.productrow td input.amountfield { width: 30px; text-align: right; }

.webshop-checkout div.shippingtext              { clear: both; padding-top: 15px; }

#placeholder-content .webshop-checkout .button-wrapper,
#placeholder-content-no-right .webshop-checkout .button-wrapper         { float: right; padding: 0; margin: 0;}

.webshop-checkout div.errormessage fieldset .error                      { border: 2px solid #f00; }

.webshop-list-priceorder                                                { float: right; margin-left: 10px; border: 1px solid #c2c2c2;
                                                                          text-align: right; padding: 10px; min-width: 50px; white-space: nowrap; }

#placeholder-content .webshop-list-priceorder .button-wrapper,
#placeholder-content-no-right .webshop-list-priceorder .button-wrapper  { float: right; margin: 10px 0 0 0; }

.webshop-list-price                             { }

.webshop-list-priceorder .after                 { clear: both; }


/* -- Date Picker -- */

.datepicker-popup div.calendar-layout       { background: #fff; border: 1px solid #c2c2c2; width: 180px; }

.datepicker-popup .calendar-header td       { padding: 2px; vertical-align: top; }

a.datepicker-select span                    { display: none; }

a.datepicker-select                         { border: 0; display: block; background: url(images/calendar-icon.png) no-repeat; width: 23px; height: 23px; padding: 0; margin: 0; }

.datepicker-nextyear,
.datepicker-previousyear                    { margin-bottom: 5px; }

.datepicker-nav span                        { display: none; }

.datepicker-nav a                           { display: block; }

.datepicker-nextyear a,
.datepicker-previousyear a                  { width: 10px; height: 6px; }

.datepicker-nextmonth a,
.datepicker-previousmonth a                 { width: 6px; height: 8px; }

.datepicker-nextmonth                       { float: right; }

.datepicker table                           { border-collapse: collapse; border-spacing: 0; padding: 0; }

.datepicker label                           { display: block; }

.datepicker td                              { vertical-align: bottom; }

/* -- Direct Edit -- */

.directedit-link-container                          { float: right; padding-left: 20px; }

#placeholder-bottom .directedit-link-container      { float: left;  padding: 0 20px 0 0; }

.directedit-link-container a,
#placeholder-bottom .directedit-link-container a    { color: #000; }

.directedit-link-container ul                       { margin: 0 0 5px 0; padding: 0px; }

.directedit-link-container ul li                    { float: left; list-style-type: none; padding-right: 10px; }

.directedit-link-container-bottom                   { clear: both; }

div.directedit-link-container li a                  { float: left; display: block; height: 16px; width: 16px; background-repeat: no-repeat; }

div.directedit-link-container li span               { display: none; }

div.directedit-link-container li a.edit-article     { background-image: url(images/directedit/article-edit.gif); }

div.directedit-link-container li a.new-article      { background-image: url(images/directedit/article-new.gif); }

div.directedit-link-container li a.delete-article   { background-image: url(images/directedit/article-delete.gif); }

div.directedit-link-container li a.new-category     { background-image: url(images/directedit/category-new.gif); }

div.directedit-link-container li a.edit-category    { background-image: url(images/directedit/category-edit.gif); }

div.directedit-link-container li a.delete-category  { background-image: url(images/directedit/category-delete.gif); }


/* -- Tag list -- */

ul.tags                                             { margin-bottom: 10px; padding: 0; }

ul.tags li                                          { display: inline-block; padding: 2px 5px; border: 1px solid #c1c1c1; border-radius: 4px; background: #eee; }

ul.tags li a                                        { text-decoration: none; }


/* -- Login Page -- */

body.login #container                       { background: none; width: 300px; margin: 50px auto 0 auto;  }

body.login #placeholder-left,
body.login #placeholder-right,
body.login #placeholder-top,
body.login #placeholder-bottom              { display: none; }

body.login #coretrek-footer                 { background: none; clear: both; width: auto; text-align: center; padding: 10px 0; margin: 0; }

body.login #placeholder-content-no-right    { width: auto; background: #fff; padding: 20px; text-align: center; margin: 0; }

body.login #placeholder-content-no-right .login-form  h3 { color: #6c6c6c; font-size: 3em; font-weight: normal; margin: 0 0 25px 0; }

body.login .login-form label                { display: block; position: absolute; width: 90px; text-align: left; }

body.login .login-form input.textinput      { margin: 0 0 5px 100px; }

body.login #placeholder-content-no-right .login-form .button-wrapper { float: right; }


/* -- Billboard -- */

.billboard.tile-common                    { position: relative; width: 100%; margin: 20px 0 0 0; padding: 0; overflow: hidden; }

.billboard .tile-content                  { height: 100% }

.billboard ul.articles                    { list-style: none; height: 100%; margin: 0; padding: 0; }

.billboard li.article                     { position: absolute; width: 100%; height: 100%; overflow: hidden; background: #333 top left no-repeat; }

.billboard li.article a                   { display: block; text-decoration: none; }

.billboard li.article .content            { padding: 10px; overflow: hidden; }

.billboard .veil                          { float: right; width: 33%; height: 100%; background: rgba(255, 255, 255, 0.5); }

.billboard h1.header                      { color: #000; font-size: 1.7em; }

.billboard .digest                        { color: #000; font-weight: normal; }

.billboard ul.links                       { text-align: center; list-style: none; padding: 10px; }

.billboard ul.links li                    { display: inline; }

.billboard ul.links li.link a             { display: inline-block; color: #fff; margin: 2px; padding: 10px; border-radius: 4px; background: rgba(0, 0, 0, 0.5); }

.billboard ul.links li.link a:hover       { box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.7); background: rgba(0, 0, 0, 0.6); }

.billboard ul.navigator                   { position: absolute; right: 0; bottom: 15px; text-align: center; width: 33%; }

.billboard ul.navigator li.link           { display: inline; }

.billboard ul.navigator li.link a         { display: inline-block; width: 10px; height: 10px; margin: 2px; border: 2px solid #fff; border-radius: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); background: #fff; }

.billboard ul.navigator li.current.link a { background: #4e4e4e; }

.billboard ul.navigator li.link span      { display: none; }


/* -- User List -- */

.userlist form                            { margin-bottom: 5px; }

.userlist select                          { margin-left: 10px; }

.userlist .searchfield input[type=text]   { width: 146px; }

.userlist table                           { width: 100%; }

.userlist thead                           { color: #fff; text-align: left; border-bottom: 1px solid #aaa; background: #404046; }

.userlist tr:nth-child(odd) td            { background: #eee; }

.userlist th,
.userlist td                              { padding: 5px 10px; border-bottom: 1px solid #ccc; }

.userlist ul                              { margin: 0; padding: 0; list-style: none; }

.userlist li                              { position: relative; display: block; padding: 13px 0; border-bottom: 1px solid #d6d6d6; overflow: hidden; }

.userlist .photo                          { display: inline-block; float: left; width: 130px; height: 130px; padding: 3px; background: url(images/noavatar.png) no-repeat; }

.userlist .photo img                      { float: left; }

.userlist h3.fn                           { font-size: 1.7em; font-weight: normal; margin: -2px 0 3px; }

.userlist .header                         { margin-bottom: 10px; }

.userlist .header span                    { font-style: italic; }

.userlist .properties                     { display: inline-block; margin-left: 10px; }

.userlist .property                       { display: block; }

.userlist a.details.button                { position: absolute; left: 145px; bottom: 16px; color: #fff; text-decoration: none; padding: 2px 8px; border: 1px solid #93a95d; border-radius: 2px; background: #97c13c; }

.userlist span.message,
.userlist a.loadMore                      { display: block; font-size: 1.2em; font-weight: bold; text-decoration: none; text-align: center; height: 15px; padding: 10px; border-bottom: 1px solid #d6d6d6; }

.userlist a.loadMore.busy span            { display: none; }

.userlist .spinner                        { margin: 7px auto; }

.userlist span.message                    { margin-top: 10px; }


/* -- User Display -- */

.userdisplay .photo                       { display: inline-block; float: left; width: 130px; height: 130px; margin-bottom: 14px; padding: 3px; background: url(images/noavatar.png) no-repeat; }

.userdisplay .photo img                   { float: left; }

.userdisplay h3.fn                        { font-family: Times New Roman; font-size: 2.3em; font-weight: normal; margin: -3px 0 3px; }

.userdisplay .header                      { margin-bottom: 10px; }

.userdisplay .header span                 { font-style: italic; }

.userdisplay .properties                  { display: inline-block; margin: 0 0 20px 10px; }

.userdisplay .property                    { display: block; }

.userdisplay span.property                { font-size: 1.2em; }

.userdisplay .homearticle                 { clear: left; font-size: 1.1em; }

.userdisplay .homearticle p.digest        { font-weight: bold; }


/* Frontpage specific styling ----------------------------------------------> */

.frontpage .full-articlelist + .full-articlelist	  { margin-left: 20px; padding-left: 20px;}

.frontpage .full-articlelist ul li.article  		  { font-size: 1.2em; border: none; padding: 0;}

.frontpage .full-articlelist .list-thumbnail-default  { height: auto; padding: 0; margin-bottom: 20px;}

.frontpage .full-articlelist                          { width: 285px; float:left;}

.frontpage .full-articlelist h3 a					  { font-size: 1.5rem;}


/* Billboard --------------------------------------------------------------> */
.billboard.tile-common {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.billboard .tile-content {
    overflow: hidden;
}

.billboard .tile-content {
    height: 350px;
}

.billboard ul.articles {
    list-style: none;
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%;
}

.billboard li.article {
    position: absolute;
    width: 100%;
    height: 450px;
    overflow: visible;
}

.billboard li.article a {
    display: block;
    text-decoration: none;
    margin: 0 auto;
    width: auto;
    max-width: 1400px;
}

.billboard li.article .content {
    overflow: visible;
    width: 100%;
}

.billboard h1.header {
    margin-top: 3px;
    display: block;
    padding-left: 10px;
    color: #fbfafa;
    font-size: 1.8em;
    font-weight: 300;
}

.billboard .digest {
	display: none;
}

.billboard li img {
    width: 100%;
    height: auto;
    /* min-height: 300px; */
    display: block;
}

.billboard h1.header-overlay a {
    color: #eee;
}

.billboard .button-wrapper {
	position: absolute;
	top: 0;
	width: 940px;
	left: 0;
	right: 0;
	bottom: 40px;
	margin: 0 auto;
}

/* Slick overrides */

.slick-slide .article-image,
.slick-slide .article-image .image-inner, .slick-slider div.article {
    height: 350px;
}

.slick-prev,
.slick-next {
    margin-top: -34px;
    z-index: 9999;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-prev {
    left: 0;
}

.slick-next:hover,
.slick-next:focus,
.slick-next {
    right: 0;
}

.slick-slide .article-image,
.slick-slide .article-image .image-inner,
.slick-slider div.article {
    height: 350px;
}

.slick-slider .article-overlay {
	background: none repeat scroll 0 0 rgba(245, 130, 51, 0.7);
	height: 20%;
	padding: 5px 0;
}

.slick-slider .article-overlay-wrapper {
	width: 960px;
	margin: 0 auto;
}

.slick-slider .article-overlay-wrapper a h1 {
	text-align: center;
	font-size: 1.875rem;
	font-weight: 100;
}

.slick-slider .article-overlay-wrapper a:hover {
	text-decoration:none;
	color: #fff;
}


#placeholder-right li a:hover {
	color: #f58232;
	text-decoration: underline;
}

#placeholder-right .tile-common {
    float: left;
    width: 100%;
    padding: 0px;
}

#placeholder-right .vertical-menu {
    color: #000;
    margin: 50px 0 20px 0;
    background-color: #FFF;
    padding-bottom:0;
    border: none;
    box-shadow: none;
}

#placeholder-right .vertical-menu .tile-content {
    border: 1px solid #c9c9c9;
    border-top: none;
    box-shadow: 1px 1px 6px #c6c6c6;
    padding-bottom: 15px;
}

#placeholder-right .vertical-menu h3 {
    display: block;
    border-bottom: solid 3px #00427e;
    color: #000;
    font-size: 1.4em;
    text-transform: uppercase;
	margin: 0;
}

#placeholder-right .vertical-menu h3 span {
	display:none;
}

#placeholder-right .vertical-menu a {
    color: #2b2b2b;
    overflow: hidden;
    padding: 5px;
    display: block;
}

#placeholder-right .vertical-menu li.active > a {
	color: #f58232;
}

#placeholder-right .vertical-menu span.toggle {
	cursor:pointer;
}

#placeholder-right .vertical-menu li.collapsed > span.toggle:after {
	content: "+";
	float: right;
	margin-top: -35px;
	font-size: 2rem;
	margin-right: 5px;
	
}

#placeholder-right .vertical-menu li.expanded > span.toggle:after {
	content: "-";
	float: right;
	margin-top: -31px;
	font-size: 1.7rem;
	margin-right: 5px;
}

#placeholder-right .vertical-menu li.collapsed ul.treelist {
	display: none;
}

.related-info .title {
    background-color: #00427e;
    color: #fff;
    padding: 15px;
    text-transform: uppercase;
    font-size: 18px;
    padding-left: 24px;
    font-weight: 300;
}

.related-info ul {
    margin-bottom: 10px;
}

.related-info li {
    overflow: hidden;
}

.related-info li a {
    display: block;
    font-size: 14px;
    padding-bottom: 0;
    padding-top: 11px;
    padding-left: 24px;
	margin-right: 24px;
    color: #00427e;
}

.related-info {
    margin-bottom: 40px;
    float: left;
    width: 100%;
}

.related-info .tile-content {
	border: 1px solid #c9c9c9;
    box-shadow: 1px 1px 6px #c6c6c6;
}

/* ========    CtFrontendCssService:  end of css for channel [default]     ======== */

/* ========    CtFrontendCssService:  start of css from php script     ======== */

/* ========    CtFrontendCssService:  end of css from php script     ======== */

/* ========    CtFrontendCssService:  start of css from design editor     ======== */

/* -- Design Editor generated style -- */

body {
    
}

.full-articledisplay .header h1 {
    }

.full-articledisplay .digest {
    }

.full-articledisplay .article-content {
    }

.full-articlelist h3 {
    }

.full-articlelist p {
    }

.vertical-menu ul li {
    }

.vertical-menu ul li a {
}

.vertical-menu ul li li {
    }

.vertical-menu ul li li li {
    }

.small-articledisplay h3 {
    }

.small-articledisplay .tile-content p {
        }

.back-button a {
}

.home-button a {
}

#placeholder-top {
    }

#placeholder-content {
    }

#placeholder-bottom {
    }

/* ========    CtFrontendCssService:  end of css from design editor     ======== */

/* CtPageCache: cached at 2021-07-30 11:19:16, expires at 2021-07-31 11:19:15 */

/* CtPageCache.outputCacheFile(): Cachefile was used for device [generic] from store [CtFileCacheStore]  on host [atlantia.coretrek.no] */
