/* For editor  */
body {
	/*background: white;*/
	padding: 10px;
	font:13px/1.5 'Maison Neue Book', sans-serif;
}
html {
	background-color: #fff;
	background-image: url('../assets/background-uhd-t.png');
	background-position: center top;
	background-repeat: no-repeat;
	background-size: initial;
	min-height:100%;
}
/* Page */
body.Standard, body.Index, body.Frontpage {
	padding: 0 0 8px 0;
	margin: 0;
}
.outer {
	margin-left:auto;
	margin-right:auto;
	width: 1000px;
	background: white;
	padding: 0;
}
.inner,
.Standard #body #features .inner {margin:10px 10px 0 10px; position: absolute; bottom: 0px;}
.Standard #body .inner {margin: 0 10px;}

/* Styles */

h1, h1.title { font-family: 'Lyon Display Web', serif; font-weight: 600; font-style: normal; margin-bottom: 20px;}
h2,h3 {font-family: 'Maison Neue Book', sans-serif; font-weight: 600; font-style: normal; margin-bottom: 8px }
h4,h5,h6 {font-family: 'Maison Neue Book', sans-serif;  margin-bottom: 4px }
h1{font-size:25px; line-height: 125%; }
h2{font-size:20px; line-height: 125%; }
h3{font-size:15px; color: #444;}
h4{font-size:12px; color: #222;}
h5{font-size:11px}
h6{font-size:10px}
a:focus{outline:1px dotted}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
ol{list-style:decimal}
ul{list-style:disc}
li{margin-left:30px}
p,dl,hr,ol,ul,pre,table,address,fieldset{font-family: 'Maison Neue Book', sans-serif; margin-bottom:10px}
a { color: black; text-decoration: underline}
a:visited { color: #333}
a:hover { text-decoration: underline }
h2.lead { font-family: 'Lyon Display Web', serif; font-weight: 300; font-style: italic; margin-bottom: 20px;}
.text .paragraph h3 { margin-bottom: 4px; }
.paragraph a.optionLink { display: block; text-decoration: none;}
.paragraph a.optionAttachment { display: block; text-decoration: none;}

/* Top */
#banner { height: 87px; line-height: 13px; padding: 0 ; border: none; border-bottom: 1px #c2cdcf solid; margin-bottom: 20px}
#banner #logo img { height: 71px; width: 126px; padding: 8px 0;	display: block; float: left; border: none ; box-sizing: content-box /* 3rd party incl */}
/* Global menu */
#globalMenu { 
	padding: 8px 0 0 0;
	margin: 0 ;
	background: transparent;
	height: 79px; 
	float: right;
}
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu {
	line-height: 1.0;
}
.sf-menu li { 
	margin: 0 30px 0 0;
	float: left;
	position: relative;
}
.sf-menu li.last { margin-right: 0;}
.sf-menu li a { 
	text-decoration: none; text-transform: uppercase; color: black; font-size: 12px; 
	font-weight: bold; display: block;  position: relative; line-height: 75px; 
}

.sf-menu li a.Yellow:hover, .sf-menu li a.Yellow.selected:hover { border-bottom: 4px solid rgb(255,214,0); }
.sf-menu li a.Yellow:active, .sf-menu li a.Yellow.selected { border-bottom: 4px solid rgba(255,214,0,0.4); }

.sf-menu li a.Lilac:hover, .sf-menu li a.Lilac.selected:hover { border-bottom: 4px solid rgb(184,51,172); }
.sf-menu li a.Lilac:active, .sf-menu li a.Lilac.selected  { border-bottom: 4px solid rgba(184,51,172,0.4); }

.sf-menu li a.Cyan:hover, .sf-menu li a.Cyan.selected  { border-bottom: 4px solid rgb(107,220,213); }
.sf-menu li a.Cyan:active, .sf-menu li a.Cyan.selected { border-bottom: 4px solid rgba(107,220,213,0.4); }

.sf-menu li a.Red:hover, .sf-menu li a.Red.selected:hover { border-bottom: 4px solid rgb(255,95,85); }
.sf-menu li a.Red:active, .sf-menu li a.Red.selected { border-bottom: 4px solid rgba(255,95,85,0.4); }

/* Lilac : b833ac rgb(184,51,172)       lyser 40% opacity lysest 20%
   Red: ff5f55 rgb(255,95,85) 
   Cyan: 6bdcd5 rgb(107,220,213)
   Yellow: ffd600 rgb(255,214,0) */

/* Carousel */
#carousel {
	height: 334px;
}
#carousel .carousel {
	height: 334px;
	color: white;
}
/* No text? */
#carousel .inner { margin: 30px; width: 45% } 
#carousel .inner.darker { background-color: rgba(0,0,0,0.3); padding: 15px; border-bottom-left-radius: 8px; border-top-right-radius: 8px; }
#carousel .inner.lighter { background-color: rgba(255,255,255,0.3); padding: 15px; border-bottom-left-radius: 8px; border-top-right-radius: 8px; }
#carousel h2 { font-size: 20px; color: white; font-family: 'Lyon Display Web', serif;}
#carousel h3 { font-size: 15px; color: white; font-weight: bold;}
#carousel h2.logo-orange, #carousel h3.logo-orange, #carousel a.logo-orange { color: rgb(255,95,85); }
#carousel h2.logo-green, #carousel h3.logo-green, #carousel a.logo-green { color: rgb(107,220,213); }/**/
#carousel a { font-size: 15px; color: white; font-weight: bold; text-decoration: none;
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 10px;
}
#carousel h2.dark, #carousel h3.dark, #carousel a.dark { color: #444; }
#carousel a {
	background-image: url('../assets/arrow-black.png')
}
#carousel .darker a {
	background-image: url('../assets/arrow-white.png')
}
#carousel ol.bjqs-markers {
	position: relative;
	top: -25px;
	left: 0px;
	float: right;
	width: auto;
	margin-right: 10px;
}
#carousel li.bjqs-slide,
#carousel ol.bjqs-markers li { margin: 0; }
#carousel ol.bjqs-markers li a{
	width: 20px;
	height: 3px;
	padding:0;
	background: #dedfe1;
	color:transparent;
	margin:10px 0px 10px 4px;
	text-decoration: none;
	/* transparent border is hard... 
	border: 2px solid rgb(255, 255, 255);
    border: 2px solid rgba(255, 255, 255, .6);*/
    /*-webkit-background-clip: padding-box; *//* for Safari */
    /*background-clip: padding-box; *//* for IE9+, Firefox 4+, Opera, Chrome */
}
#carousel ol.bjqs-markers li.active-marker a,
#carousel ol.bjqs-markers li a:hover{
	/*border: 2px solid  #888a85;*/
	background: #fff;
}

/* Features */
#features {margin-top: 20px;}
.feature { 
	height: 142px;
	border: none;
}
.feature.box_dark_txt .inner { margin: 0px; padding: 10px 10px 0 10px; left:0; right:0; }
.feature.box_dark_txt h2 { color: black; font-family: 'Lyon Display Web', serif; font-weight: bold; font-size: 20px; }
.feature.box_light_txt .inner { margin: 0px; padding: 10px 10px 0 10px; background-color: rgba(0,0,0,0.20); left:0; right:0; }
.feature.box_light_txt h2 { color: white; font-family: 'Lyon Display Web', serif; font-weight: bold; font-size: 20px; }
.feature.box_light_txt p { color: white; }
.feature a { text-decoration: none }
.feature.box_light_txt a { color: white; }
.feature.box_img_bg {
	border: none;
}
.feature.box_grey_bg {
	border: none;
	background-color: #d1d8da;
}
.feature.box_white_bg {
	border: 1px #cbcbcb solid;
	height: 140px;
	background-color: white;
}
.feature.image_left {
	background-position: top left;
	background-repeat: no-repeat;
}
.feature.image_right {
	background-position: top right;
	background-repeat: no-repeat;
}
.feature.image_left .inner {
	margin-right: 10px;
	margin-left: auto;
	width: 140px;
}
.feature.image_right .inner {
	margin-left: 10px;
	margin-right: auto;
	width: 140px;
}

.feature .float_link_left,
.feature .float_link_right {
	display: block;
	width: 10px;
	height: 17px;
	/*margin-top: 116px;
	margin-left: 10px;*/
}
.feature .float_link_left {
	/*float: left;
	margin-left: 10px;*/
	position: absolute;
	bottom: 10px;
	left: 10px;
}
.feature .float_link_right {
	/*float:right;
	margin-right: 10px;*/
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.feature .float_link_left img,
.feature .float_link_right img {
	width: 10px;
	height: 17px;
}
.feature.box_light_txt .float_link_right,
.feature.box_light_txt .float_link_left {
	background: url('../assets/arrow-white.png')
}
.feature.box_dark_txt .float_link_right,
.feature.box_dark_txt .float_link_left {
	background: url('../assets/arrow-black.png')
}

#shareetal {margin-top: 20px;}
#newsticker, #share {
	background: rgb(255,214,0);
	height: 26px;
	line-height: 26px;
}
#newsticker p { padding-left: 10px; }
#newsticker a { text-decoration: none;}
#newsticker li.bjqs-slide { margin: 0; }
#share p { padding-left: 5px; font-size: 90% }
#share img { margin-top: 4px; margin-bottom: -4px }
#share a { text-decoration: none; }



/* Footer */
#footer { 
	border-top: 1px #c2cdcf solid ;
	margin-top: 25px;
	padding: 25px 0 10px 0;
}
#footer h2 {font-family: 'Maison Neue Book', sans-serif; font-weight: 600; font-style: normal; font-size: 12px; line-height: 20px; margin: 0; padding: 0;}
#footer p {font-size: 11px; line-height: 20px;  margin: 0;}
#footer a {font-size: 11px; line-height: 20px;  margin: 0; text-decoration: none}
#footer ul {margin: 0; list-style: none}
#footer li {margin-left: 0;}
#footerAddressContainer .paragraph { text-align: right }
/*#banner #tools { display: block; float: right; border: none; padding-top: 10px; }*/
#footer #tools a { text-decoration: none;  opacity: 0.6;}
#footer #tools a:hover { opacity: 1.0;}
#footer #tools form {
    display: inline;  
    padding: 0;
    margin: 0;
    opacity: 0.6;
}
#footer #tools form:hover {opacity: 1.0}
#footer #tools form input.searchText {
    width: 120px;
    font-family: Verdana, sans-serif;
    font-size: 100%;
    padding: 1px 2px;
    margin: 0 0 -1px 0;
    line-height: 100%;
    border: none;
    background-color: #c2cdcf;
    border-radius: 4px;
}
#footer #tools form input.searchSubmit {
    margin: 20px 0 -4px 0;
    padding: 0;
}
#footerend { 
	border-top: 1px #c2cdcf solid ;
	margin-top: 0px;
	padding: 10px 0 10px 0;
}
#footerend div.linkgroup.grid_4.alpha.omega { width: 950px /*hack*/}
#footerend ul.linklist {
	margin: 0;
	padding: 0;
	list-style: none;
}
#footerend ul.linklist li { 
	float: left;
	position: relative;
}
#footerend ul.linklist li:first-child { margin-left: 0px; }
#footerend ul.linklist li a { font-size: 11px; line-height: 31px; text-decoration: none }

/* local banners */
.localBanner {
	height:142px; 
	background-color: #white; 
}
/* No text .localBanner .inner { margin: 20px 30px; width: 60% } 
.localBanner h2 { font-size: 20px; color: white; font-family: 'Lyon Display Web', sans-serif;}
.localBanner h3 { font-size: 15px; color: white; font-weight: bold;}
.localBanner a { font-size: 15px; color: white; font-weight: bold; text-decoration: none;}*/

.EmbedWrapper {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
} 
.EmbedWrapper iframe,
.EmbedWrapper object, 
.EmbedWrapper embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}


/******************************/
/******************************/
/******************************/




.paragraph table td { vertical-align: top; }
.text .paragraph { margin-bottom: 15px; }



/*img#swoosh { position: absolute; top: 0px; left: 574px; z-index:10; opacity: 0.5;}*/
/*
span.navSep { 
    padding: 0 5px; 
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('../imgs/fixed-nav-sep.gif'');
}
*/
/* need more gutter... */
div#leftCol { width: 140px; margin-right: 10px;} 
div#rightCol { width: 140px; margin-left: 10px;} /* 
span.toolSep { 
    padding: 0 5px; 
}




/* breadcrumbs + pagetools */
#breadcrumbs { 
	height: 44px; 
	float: left;
	position: relative;
}
#breadcrumbs a {
color: #444444;
line-height: 44px;
text-decoration: none;
font-size: 85%;
}
/* page tools */
#pagetools { 
	height: 44px; 
	float: right;
}
#pagetools p { font-size: 85%; line-height: 44px; margin-left: 20px}
#pagetools img { margin: 4px 2px -2px 10px; }
#pagetools a { text-decoration: none; }


/* product info */
#productinfo { min-height: 30px;}
.product { padding-top: 15px; margin-top: 15px; border-top: 1px solid #c2cdcf;}
.product.first {padding-top: 0; margin-top: 0; border: none; }
/* news list */
.NewsListItem p { font-size: 85% }
.NewsItem { padding-top: 15px; margin-top: 15px; border-top: 1px solid #c2cdcf;}
.NewsItem.first {padding-top: 0; margin-top: 0; border: none; }
a.NewsLink { text-decoration: none; }

/* tabs */
.ui-tabs {
	position: relative; padding: 0; zoom: 1;
	border: none;
	border-radius: 0;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
}
.ui-tabs .ui-tabs-panel {
	display: block; padding: 1em 9px; /* totals to 10 as for inner div */
	background: transparent;
	border: #c2cdcf 1px solid;
	border-radius: 8px;
	border-top-left-radius: 0;
	min-height: 100px;
}
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border-color: #c2cdcf;
}
/* text */
.image_top { margin-bottom: 10px; }
.image_left { float: left; margin-right: 20px; }
.image_right { float: right; margin-left: 20px; }


/* bordered box */
.bbox { 
	border-bottom-left-radius: 8px;
	border-top-right-radius: 8px;
	border: 1px #c2cdcf solid;
}
.bbox h2 { color: pink; font-family: 'Lyon Display Web', serif; }


/* search field */
#searchField { text-align: right; }
#searchField form {
    display: inline;
    padding: 0;
    margin: 0;
}
#searchField p {
	float: right;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	padding: 0 5px 0 0;
	margin: 0;
}
#searchField form input.SearchText {
    width: 80px;
    font-family: Verdana, sans-serif;
    font-size: 100%;
    padding: 1px 2px;
    margin: 0 0 0 0;
    line-height: 14px;
    border: none;
    background-color: white;
}
#searchField form input.SearchSubmit {
    margin: 0;
    padding: 0;
    color: white;
    	line-height: 40px;
	vertical-align: middle;
}


/* Contents area */
#contents {
	min-height: 500px;
}
body.Frontpage #contents {
	padding-top: 12px;
}
body.Standard #contents {
}

/*** Formularer ***/
div.Subscribe,
div.MailForm,
div.Contact {
    padding: 10px;
    border: 1px #619FB1 solid;
    background-color: #e7ebef;
    margin: 10px 0;
}
div.My {
    padding: 10px;
	border-bottom-left-radius: 8px;
	border-top-right-radius: 8px;
	border: 1px #c2cdcf solid;
}
div.Subscribe form,
div.MailForm form,
div.Contact form,
div.My form {
    padding: 0;
    margin: 0;
}
div.My form table {
	width: 90%;
}
div.Subscribe form td,
div.MailForm form td,
div.Contact form td,
div.My form td {
	border: none;
  padding: 2px 0;
}
div.My form th {
	font-weight: plain;
	width: 135px;
	padding-right: 10px;
}
div.My form th label {
	float: right;
}
form.Contact label {
  width: 75px;
}
input.Contact, textarea.Contact {
  width: 100%;
}
form.Newsletter label {
  width: 150px;
}
input.Newsletter {
  width: 90%;
}
div.My form td input[type="text"],
div.My form td input[type="password"] {
/*    font-family: Verdana, sans-serif;
    font-size: 100%;*/
    width: 90%;
    padding: 2px 2px;
    margin: 0;
    line-height: 100%;
    border: 1px solid #c2cdcf;
    border-radius: 4px;
}
div.My form td input[readonly] {
	color: #777;	
}
div.My form  input[type="submit"] {
	margin-left: 145px;
}
	
.Messages {
    padding: 5px;
    border: 1px #619FB1 solid;
    background-color: #fed;
    margin: 0 0 5px 0;
    clear: both;
  	width: auto;
}
.ErrorMessages {
    padding: 5px;
    border: 1px #619FB1 solid;
    background-color: #ffe191;
    margin: 0 0 5px 0;
    clear: both;
  	width: auto;
}

/* Tables */
.optionTable {
	width: 100%;
}
.optionTable.tableHead_firstCol th { text-align: left; }

table.orange { width: 100%; border-spacing:1px; border-collapse:separate; }
table.orange th {background: #dc7e04; color: white; padding: 3px 4px; margin-bottom: 2px;}
table.orange td {padding: 2px 4px;}
table.orange tr:nth-child(odd) td  { background-color:#fcf1e7; }
table.orange tr:nth-child(even) td { background-color:#f9e3cb; }

table.ir { width: 100%; border-spacing:0px; border-collapse:separate; }
table.ir th {padding: 8px 5px; margin-bottom: 2px; text-align: left}
table.ir th:last-child { text-align: right }
table.ir th:first-child { text-align: left }
table.ir td {padding: 5px 5px;}
table.ir td:last-child { text-align: right }
table.ir tr:nth-child(odd) { background-color:#fff; }
table.ir tr:nth-child(even) { background-color:#eee; }

table.calendar { width: 100% }


p.AppButton {
    margin: 0;
	border: 0;
	padding: 0 10px;
    font-weight: bold;
    font-size: 90%;
    color: #fff;
    line-height: 25px;
    background: #507f89;
    border-radius: 4px;
}
p.AppButton a { text-decoration:none; text-transform: uppercase; color: white }
p.AppButton a:hover { text-decoration:underline }