<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.kaka { font-size: 20%; }

form small {font-size:90%;}

body {  background: #dddddd; font-family: 'Open Sans', sans-serif; }

.wait, .wait * { cursor: wait !important; }

a.admin {	background: #b11116;	color:#fff;	padding:1px;	font-size: 0.7em;	margin-right:1px; line-height: 1.9em;}

a.slimbutton, input.slimbutton{	background: #b11116;	color:#fff;	padding:0.5% 1%;	font-size: 1em;	border:1px solid #fff;
	border-radius: 5px;	line-height: 2em; }

div.pagectl {	padding: 4% 0; }

a.pagectl {	background: gray;	color:#fff;	padding:1px 8px;	font-size: 1.1em;	border-radius: 2px; }

span.pagectl {	border: 1px solid gray; color:teal;	padding:1px 8px;	font-size: 1.1em;	border-radius: 2px; }

@media only screen and (max-width: 480px) {
span.pagectl {
    border: 1px solid gray;
    border-radius: 2px;
    font-size: 0.8em;
    padding: 1px 2px;
}

a.pagectl {
    background: gray none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    font-size: 0.8em;
    padding: 1px 2px;
}
}

.holdit {	background: #fff; padding-top: 1em;}

.row { max-width:1260px; }

/*h6.catheader { color:#0085CB;	text-transform: uppercase; font-weight: 100; }*/

a { color: #0085CB; }

div.tp-tablayercontent td a { color: #0085CB; }
div.tp-tablayercontent td a.button { color: white; }

p { font-size: 1.1em; line-height: 1.6em; }
.card p { font-size: 1em; line-height: 1.5em; }
  li{
	  font-size: 0.9em;
  }
p b { margin-right:1%; }

h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; font-weight:600; }

.subheader{
	font-family: 'Open Sans', sans-serif; 
	line-height: 1.5em;
}

h1{
	font-size: 1.8em;
}

h2{
	font-size: 1.6em;
}

h6.catheader { color:#0085CB; teext-transform: uppercase; font-weight: 600;font-family: 'Open Sans', sans-serif;  }
.mapinfowindow h6.catheader { font-size: 90%; }

ul, ol, dl { list-style-position: inside; }

@media only screen and (min-width: 48em) {
  body { font-size: 0.9em; }
  h1, h2, h3, h4, h5, h6 { line-height: 1; }
  h1 { font-size: 2.2em }
  h2 { font-size: 1.85em; }
  h3 { font-size: 1.35em; }
  h4 { font-size: 1.15em; } 
}

#promocontent h1{
text-align: center;
padding: 0em 0 1em 0;
}

hr.pc{
	border-color: #c7e7f9;
	border-width: 0 0 1px 0;
	/*width: 50%;
	margin-left: 25%;*/
	max-width: 100%;
	padding-top:1em;
}
	
.card h2{

	line-height: 1.4em;
}

button, .button { background-color: #0085CB; font-family: 'Open Sans', sans-serif; font-weight:600;}
button:hover, .button:hover, button:focus, .button:focus{background: #0c75ae}

button.close-button{
	background: transparent;
	}

button.alert, .button.alert { background-color: #f28a24; bordder-color: #c6680c; }

button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { background-color: #c6680c; }

button.success, .button.success, .button.success:hover, .button.success:focus {
    color: #FFFFFF;
}

button.success-yellow, .button.success-yellow {
	background: #afec73;
	}

button.alert-red, .button.alert-red {
    background-color: #C82828;;
    border-color: #C82828;;
    color: #FFFFFF; }
    button.alert-red:hover, button.alert-red:focus, .button.alert-red:hover, .button.alert-red:focus {
      background-color: #B11116; }
    button.alert-red:hover, button.alert-red:focus, .button.alert-red:hover, .button.alert-red:focus {
      color: #FFFFFF; }
      
button.white, .button.white {
    background-color: #ffffff;;
    border-color: #ffffff;
    color: #000000; }
    button.white:hover, button.white:focus, .button.white:hover, .button.white:focus {
      color: #B11116; }

button.tiny, .button.tiny { margin-bottom:0.25em; }

button.disabled, button[disabled], .button.disabled, .button[disabled] { background-color: #0085CB; }

button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, 
    .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, 
    .button[disabled]:focus { background-color: #0085CB; }

button.disabled.alert, button[disabled].alert, .button.disabled.alert, 
    .button[disabled].alert { background-color: #f28a24; border-color: #c6680c; }
    
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, 
    button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, 
    .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #c6680c; }

button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, 
    button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, 
    .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #f28a24; }
    
.minibutton{ color: white; background: #0085CB; padding: 0 3px; border-radius: 2px;}
.minibutton:hover, .minibutton:focus{background: #0c75ae; color: #ffffff}
    
.error input, input.error, .error textarea, textarea.error { border-color: #f28a24; }

.error label, label.error { color: #f28a24; }

.error small, small.error { background: #f28a24; }

span.error{
	border-left: 3px solid rgb(243,87,87);
	background: rgba(250, 212, 212, 1);
	color:rgb(243,87,87) !important;
}

span.error.info{
	border-left: 3px solid rgba(232, 183, 6, 1);
	background: rgba(249, 243, 188, 1);
	color:rgba(232, 183, 6, 1) !important;
}

.top-bar{
	margin-bottom:0.425em;
}

.top-bar-section ul { font-size: 16px; }

.top-bar-section ul li &gt; a.button { background: #0085CB; }

.top-bar-section ul li &gt; a.button.alert { background: #f28a24; }

.top-bar-section ul li &gt; a.button.alert:hover { background: #c6680c; }

.orbit-container .orbit-slides-container &gt; * .orbit-caption { font-size: 1.4em; }

.orbit-container img { height: auto; }

.orbit-bullets li { background: none repeat scroll 0 0 #FFFFFF; border: 0px solid black; border-radius: 1000px 1000px 1000px 1000px; 
    display: block; float: left; height: 18px; margin-right: 6px; width: 18px; }

.orbit-bullets li.active { background: none repeat scroll 0 0 #000000; }



.alert-box { background-color: #0085CB; }

.alert-box.alert { background-color: #f28a24; border-color: #c6680c; }

.breadcrumbs li span { color: #0085CB; }

.label { background-color: #0085CB; color: #fff; margin: 0 0.25em 0.25em 0; }

.label.alert { background-color: #f28a24; }

.label.success { color: #fff; } 

.label.type-1 { background-color: #ccc; color: #fff; }

.label.type-3 { background-color: #a46f3a; }

.label.secondary { border:1px solid #d2d2d2; }

.label.tiny { font-size: 0.8em; }

.pagination li.current a { background: #0085CB; }

.pagination li.current a:hover, .pagination li.current a:focus { background: #0085CB; }


/*cards*/

.card { padding: 1.25em; background: #f2f2f2; }
 
.card a p, a p { color:#333; }
      
.card.even { background: #e8e8e8; }

.panel.callout { background: #0085CB; color:#fff; }

.panel.callout a { color: white; }

.panel.callout a:not(.button) {
    color: #fff;
}

.selected .card, .selected .card.even{
	background: white;
	border: 0;
	border-bottom: 1px solid #dddddd;
	padding: 1.25em 0;
}

.selected .card:last-of-type{
	border: 0;
}

#loggedin{line-height: 1.4em}
#loggedin hr{margin: 0.3em 0}

.pricing-table .price { font-size: 1em; line-height:130%; }

.progress .meter { background: #0085CB; }

.progress.alert .meter { background: #f28a24; }

.side-nav li a { color: #0085CB; }

.sub-nav dd.active a { background: #0085CB; }

table { background: transparent; margin-bottom: auto; border: 0; } 

/*table tr td { padding: 0.0625em 0.0625em; }*/

table tr.even, table tr.alt, table tr:nth-of-type(even) { background: transparent; }

/*table tfoot tr td { line-height: 1em; }*/

thead, tbody, tfoot {
    border: none;
    background-color: #fefefe;
}

.has-tip:hover, .has-tip:focus { color: #0085CB; }

.tooltip.opened { color: #0085CB !important; }

/*accordion in right column*/
a.accordion{background: #000; 
color:#fff; 
padding:0.6125em; 
display:block; 
text-align:center;
}

a.accordion:hover{
	background:#b11116;
	box-shadow: -1px 1px 6px #AAAAAA;
}

/*login in right column*/
a.login{
margin-top:0.3em;
background:#40d47e;
color:#fff; 
padding:0.6125em; 
display:block; 
text-align:center;
}

a.login:hover{
	background: #000;
}

#loggedin a:hover{color: #ffffff}

.ajaxselect { position:absolute; border:1px solid black; padding:5px; background-color:#FDF0BE; display:none; }
.ajaxselect a.close { position:absolute; right:0px; top:0px; }
.ajaxselect .selectlist a { display:block; padding:3px; }
table.selectionlist { border: 1px solid #fdf0be; width:100%; margin: 10px 10px 10px 0; }
table.selectionlist tr.altbg { background-color: #fdf0be; }

.searchbox { border:1px solid #268FB1; overflow:auto; padding:0 15px 15px 15px; }
.searchbox .field { margin-right: 15px; float:left; }

form.custom .custom.dropdown.high ul { max-height: 800px !important; }

.topbar { margin-top: 5px; }

#prenumerera td small { font-size: 1.2em; }

.topaad { background-color:#cccccc;width:100%; position:relative; text-align:left; line-height:0; 	padding: 0.4em 1em 1em 1em;
	border: 1px dotted #cccccc;
}
#lines {
background-color: #cccccc;

   }
.topad .admarker { position:absolute; top:30px; right: -13px; color: white;  transform:rotate(90deg);
-ms-transform:rotate(90deg); /* IE 9 */
-webkit-transform:rotate(90deg); /* Safari and Chrome */ 
z-index: 1; }
.toppad .thead { position: relative; z-index: 2; }

.topad{
	text-align: center;
}

.topad .thead img {margin: 0 0 1% 0;}



/* index */
.miscindexdocs .row { margin-bottom: 10px; }

/* search company */

.resultlist .company { overflow:auto; min-height:100px; margin: 5px 0 5px 0; }
.resultlist .company h2 { margin:0; }
.resultlist .company h2 a { text-decoration:none; }
.resultlist .company .picture { float:left; width:160px; }
.resultlist .company .description { white-space:nowrap; height: 18px; text-overflow:ellipsis; overflow:hidden; }
.resultlist .company .category { float:left; display:block; border: 1px solid #444; margin:2px; padding:0 2px 0 2px; 
    text-decoration:none; font-size:11px; }
.resultlist .company .category.selected { background-color: #ff9900; }
.resultlist .company .offer { display:block; float:right; width:100px; height: 67px; background-position: 20px 0;
    background-image: url(/styles/kg/images/offerglove.gif); background-repeat:no-repeat; position:relative; 
    margin: 0 0 10px 10px; }
.resultlist .company .offer span { position:absolute; bottom:0; }

fieldset.categorygroupbox {  }
fieldset.categorygroupbox div.category { }

#categorybox { display:none; }

#themap.companyindexmap img { max-width: none; } /* foundation compatibility*/
#themap.companyindexmap *, #themap.companyindexmap *:before, #themap.companyindexmap *:after { -moz-box-sizing: content-box; box-sizing: content-box; }
#themap.companyindexmap .infowindowcontent h1 { font-size: 18px; }
#themap.companyindexmap .infowindowcontent { max-width:500px; }
#tabPane1_map_layer div.pagectl { padding: 10px 0 10px 0; }

/* view company */
.viewcompany h1.title { border-bottom: 2px solid #444444; }
.viewcompany .bookingbutton, .viewcompany .callbutton { float:right; background-color: #cc0000; color:white; border:1px solid black; text-decoration:none; font-size:15px;
    padding:5px 10px 5px 10px; }
.attributelist h2{
	font-size: 1.05em;
	margin:0.5em 0 0 0;
	text-transform: uppercase;
}

.attributelist span{
	font-size: 80%;	
}

.proposalpres .attributelist{
	margin-left: 0.975em;
/*	margin-bottom: -0.975em;*/
}

.viewcompany.extended div.mainbox { float:left; width:486px; /*background-color:hotpink;*/ margin-right: 10px; }
.viewcompany.extended div.addressbox { background-color: #d5a6bd; border: 1px solid black; padding: 10px; width:164px; float:left; }
.viewcompany.extended div.addressbox .mapbuttons, div.addressbox .maplinks { display:none; }
.viewcompany.extended div.addressbox div.block { margin: 5px 0 5px 0; overflow:auto; overflow-x:hidden;}
.viewcompany.extended div.mainbox .photocol { width:150px; margin-right:10px; float:left; }

.viewcompany.simple .col1 { float:left; width: 515px; margin-right:10px; }
.viewcompany.simple .col2 { float:left; width:150px; }
.viewcompany.simple .bookingbutton { clear:both; margin-bottom:10px; }
.viewcompany.simple .callbutton {clear:both;}

.pricing-table .mapbuttons, .pricing-table .maplinks, .tinymap .mapbuttons, .tinymap .maplinks { display:none; }

.refquote {font-style:italic;margin-top:1.675em;}
.refquote:first-of-type{
	margin-top:0em;
}
.refperson {font-weight:bold;display:inline;}
.refcompany {display:inline; margin-top:5em;}
.refcompany:before{
	content:", ";
}
.refcompany:after{
	clear:both;
}


/* edit company */
#company-admin-edit textarea { height: auto; }

/*editdesk */

body.popup{
	
	font-size: 0.9em;
}

.tp-tabbedpane label{
	margin:0;
	padding:0;
	color:#333;
	font-weight: bold;
	height:auto;
	line-height: auto;
	font-size: 1.2em;
	display:inline;
	cursor:auto;
}

.tp-tabbedpane input[type="text"],
.tp-tabbedpane input[type="password"],
.tp-tabbedpane input[type="date"],
.tp-tabbedpane input[type="datetime"],
.tp-tabbedpane input[type="datetime-local"],
.tp-tabbedpane input[type="month"],
.tp-tabbedpane input[type="week"],
.tp-tabbedpane input[type="email"],
.tp-tabbedpane input[type="number"],
.tp-tabbedpane input[type="search"],
.tp-tabbedpane input[type="tel"],
.tp-tabbedpane input[type="time"],
.tp-tabbedpane input[type="url"],
.tp-tabbedpane select,
.tp-tabbedpane textarea {
  background-color: white;
  font-family: inherit;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 1.2em;
  margin: 0 0 0.5em 0;
  padding: 0.1em;
  height: auto;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  transition: all 0.15s linear; }
  
  .tp-tabbedpane textarea{
	height:auto;
}

.tp-tabbedpane small{
	
	font-size: 1em;
}

div.back { color:black; font-weight: bold; font-size:90%;}
div.back a{color:#000;}

div.attributelist h4 { margin-top: 15px; }

ul.orbit-slides-container li.active img { margin-left:auto; margin-right:auto; }

p.mdate { font-size: 90%; color: #555555; font-weight: bold}

div.intropic { margin-bottom: 10px; }
div.intropic div.credit { text-align: right; color: #888;}

.top-bar-section ul li &gt; a{
	font-family: 'Droid Sans', sans-serif; 
}

.top-bar-section ul li.active a {
    background: #444444; }

/* logos in the top bar  */
.topbar a { margin: 2px 3px; height:27px; float:left; background: url(/images/topnav/sprite-logos-white.png) top left; }
.topbar a:hover { background: url(/images/topnav/sprite-logos-white-hover.png) top left; }
a#compro { background-position: -12px 0px; width:64px; }
a#kv { background-position: -84px 0px; width:142px; }
a#kg { background-position: -232px 0px; width:136px; }
a#ht { background-position: -374px 0px; width:116px; }
a#smd { background-position: -495px 0px; width:145px; }
a#ee { background-position: -644px 0px; width:78px; }
a#hb { background-position: -730px 0px; width:101px; }
a#bf { background-position: -838px 0px; width:126px; }
a#pk { background-position: -970px 0px; width:128px; }
a#lindau { background-position: -1101px 0px; width:106px; }
a#ko { background-position: -1225px 0px; width:108px; }
a#fp { background-position: -1338px 0px; width:116px; }
a#hb { background-position: -1454px 0px; width:128px; }

.topbar img:hover {}
.topbar a img { height:30px; margin-top:-7px; }
.site-1 a#kv { background-image: url(/images/topnav/sprite-logos-white-hover.png); }
.site-2 a#kg { background-image: url(/images/topnav/sprite-logos-white-hover.png); }
.site-4 a#ht { background-image: url(/images/topnav/sprite-logos-white-hover.png); }

/*sales-documents*/

div.sales img{
	padding: 1em;
	margin:1em 0;
	border: 1px solid #ccc;
	border-radius: 4px;
	
}

/* footer */
/*
.footerrow .columns { position: relative; height: 200px; }
.footerrow .footercol1 ul { color: #89c7de; position:absolute; bottom: 0; }
.footerrow .footercol1 ul li { color: #89c7de; }
.footerrow .footercol1 ul li a { color: #89c7de; font-size:1.15em; font-weight: bold; }
.footerrow .footercol1 h5 { font-weight: normal; padding-top:10px; line-height: 1.3; } 
.footerrow .footercol2 { padding-left: 50px; }
.footerrow .footercol2 .dividerline { height:92%; width:1px; border-right: 1px solid white; position:absolute; top:0; left:10px; }
.footerrow .footercol2 p { margin:0; font-size:1em; }
.footerrow .footercol2 .contactlist { position:absolute; bottom: 0; }
.footerrow .footercol2 ul li a { color: white; }
.footerrow h4 { color: #89c7de; }
.footerrow .footercol3 { padding-left: 85px; }*/

/*.footerrow .columns { position: relative; min-height: 180px; }*/
.footerrow a{color:#fff}
/*.footerrow .footercol1 ul { color: #89c7de; position:absolute; bottom: 0; }*/
.footerrow .footercol1 ul li { color: #89c7de; }
.footerrow .footercol1 ul li a { color: #89c7de; font-size:1.15em; font-weight: bold; }
.footerrow .footercol1 h5 { font-weight: normal; padding-top:10px; line-height: 1.3; } 
.footerrow .footercol2 { }
.footerrow .footercol2 .dividerline { height:92%; width:1px; border-right: 1px solid white; position:absolute; top:0; left:-10px; }
.footerrow .footercol2 p { margin:2% 0; font-size:1em; }
/*.footerrow .footercol2 .contactlist { position:absolute; bottom: 0; }*/
.footerrow .footercol2 ul li a { color: white; }
.footerrow h4 { color: #89c7de; }
.footerrow .footercol3 {  }

/* print */
@media print {
  div:not(.reveal-modal) {
    display: inherit !important;
  }
}

.newsletterform table { border: 0; }

/* print ads */
div.printpicstatus { float:left; border-radius: 5px; background-color: red; color:white; padding:3px; }
div.printpicstatus.A { background-color:green; }
div.printpicthumb { padding:10px; width:170px; height: 185px; float:left; text-align:center; margin: 3px; background-color: #eaeaea; border:2px solid transparent;}
div.printpicthumb.high { height:215px; }
div.printpicthumb.selectable:hover { border: 2px solid #0085CB; cursor:pointer; }
div.printpicthumb.selected { background-color: #0085CB; }
div.printpicthumb.unselectable { opacity: 0.4; }
div.printpicthumb .filename { font-size:9px; overflow:hidden; }

div.adcol .clamad{
	margin-bottom:10px;
}

/*video*/

.video-container {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
    margin: 1% 0;
}

.video-container iframe, .video-container object, .video-container embed{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

@media only screen and (min-width: 53.75em) { 
	li.starticon h1{
		display: none;
	}
	
	div.fixed li.starticon h1{
		display: inherit;
	}
	
}

@media only screen and (min-width: 53.75em) and (max-width: 67.20em){
	
.top-bar-section li a{
	font-size: 0.70em;
	font-weight: bold;
}
.top-bar-section li:not(.has-form) a:not(.button){
		padding:0 0.7em;
		font-size: 0.65em;
		font-weight: bold;
	}
.top-bar-section .has-dropdown &gt; a::after{
	margin-right:0.7em;
}

.top-bar-section .has-dropdown &gt; a {
      padding-right: 1.1875rem !important; }
}


.top-bar .title-area img{
	/* padding-top:12px; */
}

.fixed nav{
	box-shadow: 0px 2px 2px #888888;
}

/*responsive images*/

.responsive-container {
    position: relative;
    width: 100%;
    max-height:550px;
}

.dummy {
    padding-top: 100%; /* forces 1:1 aspect ratio */
}

.img-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    
    text-align:center; /* Align center inline elements */
    font: 0/0 a;
}

.img-container .centerer {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.img-container img {
    vertical-align: middle;
    display: inline-block;
    max-height: 100%;  /* &lt;-- Set maximum height to 100% of its parent */
    max-width: 100%;   /* &lt;-- Set maximum width to 100% of its parent */
}

/*artikel-mall*/

span.vinjett{
	background: #5DA323;
	background: #4498C8;
	color:#ffffff;
	text-transform: uppercase;
	padding: 0.8% 1.6%;
	font-size: 70%;
	line-height: 1.4em;
}

h1.indahouse{
	margin: 0.875em 0;
	line-height: 1.4em;
}

table.datalist{
	width: 100%;
}

table.datalist.fixed-layout, table.formlist.fixed-layout {
    table-layout: fixed;
}
table.datalist th, table.formlist th {
    text-align: left;
}
table.datalist td, table.formlist td, table.datalist th, table.formlist th {
    border: 1px solid #eeeeee;
    padding: 5px;
    vertical-align: top;
}
table.datalist tr:nth-child(2n) {
    background: #f8f8f8 none repeat scroll 0 0;
}
table.datalist tr:nth-child(2n+1) {
    background: #fff none repeat scroll 0 0;
}

@media only screen and (max-width: 480px) {
	table.datalist td{
		font-size: 10px;
		padding: 1px;
	}
	
	table.datalist th{
		font-size: 10px;
		padding: 1px;
	}
}



.fh {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  }
  
  .fh th, .fh td {
    text-align: left;
   
    font-size: 10px;
  }
  
   .fh thead tr {
      display: block;
      position: relative;
      border-bottom: 1px solid #cccccc;
         }
    
    .datalist.fh thead tr{
	    background: #eeeeee;
	   	    
    }
    
  .fh tbody {
    display: block;
    overflow: auto;
    width: 100%;
    max-height: 180px;    
  }
  
  .fh tbody:last-of-type td{
	  font-size: 12px;
	  font-weight: bold;
	  background: #eeeeee;
  }
    

  
  .fh td:nth-child(1), .fh th:nth-child(1) { max-width: 150px; width: 150px;}
  .fh td:nth-child(2), .fh th:nth-child(2) { max-width: 80px; width:80px;}
  .fh td:nth-child(3), .fh th:nth-child(3) { max-width: 150px; width: 150px}
  .fh td:nth-child(4), .fh th:nth-child(4) { max-width: 60px; width:60px;}
  .fh td:nth-child(5), .fh th:nth-child(5) { max-width: 60px; width: 60px;}
  .fh td:nth-child(6), .fh th:nth-child(6) { max-width: 60px; width: 60px;}
  .fh td:nth-child(7), .fh th:nth-child(7) { max-width: 60px; width: 60px}
  .fh td:nth-child(8), .fh th:nth-child(8) { max-width: 60px; width: 60px}
  .fh td:nth-child(9), .fh th:nth-child(9) { max-width: 60px; width: 60px;}
	.fh td:nth-child(10), .fh th:nth-child(10) { max-width: 60px; width: 60px;}
  .fh td:nth-child(11), .fh th:nth-child(11) { max-width: 120px; width: 120px;}
  .fh td:nth-child(12), .fh th:nth-child(12) { min-width: 160px; width: 160px;}
	.fh td:nth-child(13), .fh th:nth-child(13) { max-width: 160px; width: 160px;}
 
div.buttonrow{margin-bottom: 1em;}
	

.inquiry label{
	color: #333333;
	font-weight: bold;
}

label{
	font-size: 1.1em;
	font-weight: 700;
}

.radio-set label, .checkbox-set label{
	font-weight: normal;
	font-size: 0.9em;
}

.inquiry span.description{
	font-size: 70%;
	color: #555555;
	display: block;
}

.inquiry span.help{
	font-size: 80%;
	color: #000000;
	display: block;
}

div.owl-carousel div.experimental{
	position: relative;
	max-height: 400px;
	overflow:hidden;
}

div.owl-carousel div.experimental .o-pic{
	
}

div.owl-carousel div.experimental .o-company{
	position: absolute;
	top:0;
	left: 0;
	background: #0085CB;
	color: #ffffff;
	padding: 0.5em;
	font-size: 1.2em;
}

div.owl-carousel div.experimental .o-title{
	position: absolute;
	bottom:0;
	left: 0;
	width: 100%;
	background: rgba(255, 255, 255, 0.7);
	padding: 0.9em;
	font-size: 1.7em;
	color:#000000;
	text-align: center;
}

div.c-promo &gt; div{
	/*background: rgba(0, 0, 0, 0.7);
	padding: 1em;*/
	
}

div.c-promo &gt; div a{
	color: #000000;
	background: rgba(255, 255, 255, 0.6);
	padding: 0.5em;
	font-weight: bold;
	display: block;
}

div.row.geolinks{
background: #748d9d;
margin: 0em 0;
padding: 0;
}

div.row.geolinks div.map{
	padding: 0;
	margin: 0;
}

div.row.geolinks div.list{
	padding: 1em;
}


div.erbjudandebox{
/*	background: rgba(0,0,0,0.0);
	border-radius: 5px;
	border: 1px solid #eeeeee;*/
/*background: #748d9d;
	padding-bottom: 1em;
*/
padding-bottom: 0.8em;
}


div.erbjudandebox h1.boxheader{
	background: #f28a24;
	color:#ffffff;
	text-align: center;
	line-height: 2em;
	margin:0;
	font-size: 1.2em;
}

div.underhallarebox h1.boxheader{
	background: #000000;
	color:#ffffff;
	text-align: center;
	line-height: 2em;
	margin:0;
	font-size: 1.2em;
}

div.geolinks h1{
	font-size: 1.8em;
	}

div.geolinks a{
	color:#ffffff;
}

div.owl-carousel div{
}

div.owl-carousel .o-pic{
	max-height: 180px;
	overflow:hidden;
}

div.owl-carousel .o-offer{
	color: #ffffff;
	background: #f89847;
	font-size: 1.2em;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
}

div.owl-carousel .o-title, div.owl-carousel .o-company{
	font-size: 1.2em;
	text-align: center;
	max-width: 80%;
	margin: 0 10%;
/*	color:#ffffff;*/
}

a .o-company{
color:#000000;
}

div.searchform16{
	background: #cccccc;
	padding: 1em;
	border-radius: 10px;
	margin-bottom: 1%;
}

div.searchform16 .s-header{
	background: rgba(0,0,0,0.3);
	margin-bottom: 1em;
	padding: 0.5em 1em 0.2em 1em; 
	border-radius: 10px 10px 0 0;
}

.snew .searchform16 input[type=text], .snew .searchform16 select{
	background: transparent;
	color: #ffffff;
	border-radius: 6px;
	border: 1px solid #cacaca;
}

.snew .searchform16 select option{
	background: #f3f3f3;
	color: #000000;
	}

.snew .searchform16 input::placeholder{
	color:#ffffff;
	opacity: 1;
}

div.searchform16 h2{
	font-size:1.2em;
	color:#ffffff;
}

div.searchform16 a{
	color:#ffffff;
	font-weight: bold;
}

div.searchform16 label{
	margin-bottom: 0.5em;
	color:#ffffff;
	font-family: 'Open Sans', sans-serif;
}

div.searchform16 .button{
	color: #ffffff;
}

div.searchform16 .button.detailed{
	background: #0085cb; 
}

div.searchform16 .button.search{
	background: #9fa5a5; 
}

div.searchform16 .button.help{
	background: #c0d7d7;  
	color:#555555;
}

.express{
	background: #748d9d url(/styles/kg/images/skriva-penna.png) no-repeat 8% 70%;
	background-size: 34%;
	min-height: 190px;
	padding: 1em;
}

.express h1{
	color: #ffffff;
	font-size: 140%;
}

.express p{
	margin-left: 42%;
	font-family: 'Open Sans', sans-serif;
	color:#ffffff;
	font-size: 106%
}

.express.kv p{
	font-size: 106%
}

.express p span a{
	line-height: 2em;
	color:#000000;
}

.snabb-chat{
	background: #9FA5A5 url(/styles/kg/images/hjalp-chat.png) no-repeat 10% 60%;
	background-size: 34%;
	min-height: 190px;
	padding: 1em;
}

.snabb-chat h1{
	color: #ffffff;
	font-size: 140%;
}

.snabb-chat p{
	margin: 0 0 8% 60%;
}

.snabb-chat span{
	color: #ffffff;
	font-size: 80%;
}

::-webkit-input-placeholder {
  color: #999999; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #999999; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #000000; }

:-ms-input-placeholder {
  color: #999999; }

  .innerlogo{
	min-height: 180px;
  }
  
  .innerlogo div{
	  padding: 10% 0;
	 	   }
  
a.button#offer{
	margin-bottom: 0.2em;
	margin-top: -0.5em;
}


 
 div.hero, div.hero-rep {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    height: 400px;
    position: relative;
      
}

div.hero.tint{
	    background-color: rgba(64,122,255,0.3);
  background-blend-mode: multiply;
}

div.hero-rep .row{
	padding-top: 50px;
}

div.hero .row {
  max-width: 1380px;
  position: absolute;
  bottom:5%;
  }
  
.slide-display .hero .row{
	top: 3%
}
  
.proposal .hero{
	height: 300px;
}

.proposal-onepic .hero{
	height: 300px;
	background-size: contain;
}


div.suggestionpic img{
	width: 100%;
}

.booking p { font-size: 1em; margin-bottom: 0.4em;}
  
.offer-splash .hero .row, .offers .hero .row{
	top: 5%;
}

.cat-splash .hero, .underhallarebox .hero{
	height: 300px;
}
  
div.hero a, div.hero-rep a{
	color: #ffffff;
}

div.hero div.text, div.hero-rep div.text{
	background: rgba(0, 0, 0, 0.7); 
	padding: 1em;
}

div.hero div.text a, div.hero-rep div.text a{
	color:#ffffff;
}

div.hero .vignette{
	color: #F89847;
}

div.hero-rep .credit{
	color: #Ffffff;
	padding: 1em;
}

div.hero div.text h4, div.hero-rep div.text h4{
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	color:#ffffff;
	font-size: 1.2em;
	line-height: 1.2em;
}

div.hero-rep div.text h4{
	font-size: 1.6em;
	line-height: 1.6em;
}


div.hero div.text span.pufftext{
	display: none;
}

div.hero div.text{
		margin-bottom: 1em;
	}
	
	div.hero div.text span.pufftext{
	display: block;
}

@media only screen and (max-width: 1000px) {
	div.hero, div.hero-rep{
		height:400px;
	}
}

@media only screen and (max-width: 780px) {
	div.hero, div.hero-rep{
		height:400px;
	}
}

@media only screen and (max-width: 640px) {
	div.hero, div.hero-rep{
		height:380px;
	}
}

@media only screen and (max-width: 480px) {
	div.hero, div.hero-rep{
		height:360px;
	}
}

div.captioncredit{
	color:#333333;
	font-size: 110%;
	font-style: italic;
	text-align: right;
	width: 100%;
	min-height: 20px;
	line-height: 1.2em;
	padding-right: 6px;
}
  
  
div.pilot{
height: 60px;
padding: 0.5em 0;
	border-bottom: 2px solid #eeeeee;
}

div.pilot a{
	display: inline-block;
	font-weight: bold;
	margin: 1em;
}

div.catteaser {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    height: 170px;
    width: 170px;
    max-width: 100%;
    margin-bottom: 1em;
}


/*menu*/

.mobilemenu{
	background: #f8f8f8;
	width: 100%;
	max-height: 80px;
	position: relative;
}

.mobilemenu.sticki{
		border-top: 0;
    box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
}

.mobilemenu a.logo{
	width: 70%;
}

.mobilemenu .menutoggle{
	font-size: 22px;
	line-height: 32px;
	color: #333333;
}

.mobilemenu ul{
	overflow: scroll;
	position: absolute;
	margin: 0;
	list-style-type: none;
	background: #ffffff url("/images/logos/KG-2016-silhuett.png") bottom right no-repeat;
	height:0;
	visibility: hidden;
	opacity: 0;
	transition: all 1s ease-in;
	width: 100%;
	padding: 5%;
	z-index: 1000;
	box-shadow: 0 0 1px 0 rgba(50, 50, 50, 0.75)
}

.mobilemenu.kv ul{
	background: #ffffff;
}

.mobilemenu.clicked ul{
	height: auto;
	visibility: visible;
	opacity: 1;
	transition: all 1s ease-out;
}

.mobilemenu ul li{
	width: 100%;
	border-bottom: 1px solid #BACCE5;
}

.mobilemenu.kv ul li{
	border-bottom: 1px solid #d4aeae;
}

.mobilemenu ul li span, .mobilemenu ul li a{
		line-height: 2.6em;	
		font-weight: 500;
	}

.mobilemenu ul li span:before, .mobilemenu ul li &gt; a:before{
	margin-right: 6px;
	font-weight: normal;
	content: "\f054";
    font-family: "FontAwesome";
    transition: all 0.5s ease-in;
}

.mobilemenu ul li a{
	color:#000000;
}


.mobilemenu ul li div{
		max-height: 0;
    transition: max-height 0.5s ease-out;
    overflow: hidden;
}

.mobilemenu ul li div a{
	font-weight: normal;
	text-transform: none;
	border-top: 1px solid #ffffff;
}

.mobilemenu ul li.clicked div{
	max-height: 500px;
    transition: max-height 0.5s ease-in;
}

.mobilemenu ul li.clicked span:before{
	content: "\f078";
	transition: all 1s ease-in;
}


.mobilemenu ul li div a{
	display: block;
	font-size: 90%;
	margin: 0 2%;
}

.mobilemenu ul li div a:after{
	margin-left: 6px;
	font-weight: normal;
	content: "\f0da";
    font-family: "FontAwesome";
}

.menu-bar{
background:#ffffff; 
padding: 1em 0 0 0; 
max-height: 180px; 
text-align: left;
/*	border-bottom: 10px solid #0085CB;
		border-top: 10px solid #0085CB;*/
	}
	
.menu-bar .large-1{
	width: 10.33333%;
}

.menu-bar .large-11{
	width: 89.66667%;
}

.menu-bar .button{
	margin-bottom: 0;
	margin-top: 1em;
}
	
.menu-bar.kv{

	border-bottom: 10px solid #B11116;
border-top: 10px solid #B11116;
	}

.menu-bar ul{
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	max-width: 1530px;
	margin: 0 auto;
	max-height:70px;
	width:100%;
}

.menu-bar ul li{
	display: inline-block;
		height: 100%;
		padding: 0em 0 1em 0;
		text-align: center;
		}

.menu-bar ul li a{
	padding: 0.625em 0.75em;
	font-weight: 700;
	color:#333333;
}
.menu-bar ul li &gt; a{
	padding-left: 0;
}

.menu-bar ul li#ri a, .menu-bar ul li#ex a{
	font-weight: 400;
	color: #ffffff;
}

.menu-bar ul li#ri{
	background: transparent url(/styles/kg/images/hjalp-chat.png) center right no-repeat;
	background-size: 60px;
	padding-right:70px;
	padding-bottom:10px;
	cursor: hand;
}

.menu-bar ul li#kv-logo img{
	max-height: 30px;
}

.menu-bar ul li:not(.logo) a:hover{
	height: 100%;
	
}

.menu-bar ul li div{
		position: absolute;
			line-height: 1em;
	padding-bottom: 0.475em;
	background: transparent;
	text-align: left;
/*	min-width: 200px;*/
	opacity: 0;
	height:0;
	overflow:hidden;
	font-weight: 400;
}

.menu-bar ul li div a{
	color:#333333;
	background: #ffffff;
	background: #D4E2F4;
}

.menu-bar.kv ul li div a{
	color:#333333;
	background: #f8f8f8;
}

.menu-bar ul li div.right{
	right:0;
	width: 100%;
	border-radius: 0;
	padding: 1em 20%;
}

.menu-bar ul li div a{
display: block;
font-size: 0.8em; 
text-transform: none;
}

.menu-bar ul li.show div{
	margin-top:1em;
	opacity: 1;
	height: auto;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    z-index: 100;
    
    width: 200px;
}

.menu-bar ul li div a:hover{
	
	background: #f8f8f8;
}

.sticki {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
}

.menu-bar.sticki{
		border-top: 0;
    box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
}

nav.menu-bar + div.row{
	margin-top: 2em;
}

.slide-display{
	position: relative;
}

.snew .searchform16{
	background: rgba(0,0,0,0.7);
	border-radius: 10px;
}

.snew{width: 100%; position: absolute; bottom: 3%; z-index: 1;}
.slogan{width: 100%; position: absolute; top: 10%;left: 0%; z-index: 1; }

.slogan h1, .slogan h3{
	color:#ffffff; 
	text-shadow: 0 0 20px rgba(0,0,0,1);
}

.slogan h1{
	padding-bottom: 0.4em;
	line-height: 1.2em;
	border: 0;
	
}

.slogan h3{
	line-height: 1.2em;
}

.boxcard{
	margin: 0.9em 0;
	cursor: pointer;
	position: relative;
}

.boxcard p{
	font-size: 90%;
}

.boxcard .boxheader{
	background: #000000;
	text-align: center;
	color: #ffffff;
	font-size: 1.2em;
	font-weight: bold;
	opacity: 1;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.boxcard .boxtext{
	position: absolute;
	opacity: 0;
	top: 0;
	padding: 5%;
	background: rgba(255,255,255, 0.8);
	overflow: hidden;
}

@media only screen and (min-width: 1000px) {

.boxcard:hover div.boxtext{
	opacity: 1;
	height: auto;
	transition: all ease-in 1s;
}

.boxcard:hover div.boxheader{
	opacity: 0;
	height: auto;
	transition: all ease-in 1s;
}

}


.preslist .columns{
	padding-bottom: 1.875em;
	min-width: 230px;
	margin: 0;
	max-width: none;
}

.prescard{
	border-radius: 20px; 
	max-width:100%; 
	width:200px; 
	height: 200px; 
	background-size:cover; 
	background-position:center center;
	background-repeat:no-repeat;
	cursor: pointer;
}

.prescard div.cardheader{
	margin: auto;
	color: #ffffff;
	font-size: 1.4em;
	font-weight: 600;
	text-shadow: 0 0 30px rgba(0,0,0,1);
		position: relative;
   top: 45%;
   transform: translateY(-50%);
}

.prescard div.cardtext{
	background: rgba(255,255,255, 0.8);
	height: 100%;
	opacity: 0;
	font-size: 0.8em;
	opacity: 0;
-webkit-transition: opacity 0s ease-out;

}

.prescard div.cardtext div.hereitis{
	margin: auto;
	color: #000000;
		position: relative;
   top: 50%;
   transform: translateY(-50%);
   margin: 0 10%;
}

@media only screen and (min-width: 1000px) {
	.menu-bar{display: block;}
	.mobilemenu{display: none;}
	.slogan{width: 60%; position: absolute; top: 15%;left: 20%; z-index: 1;}
	.searchform16 .button{
	font-size: 16px;
	padding: 0.6em 0.4em;
}
	.slogan h1{
	font-size: 2.8em;
}
.prescard{
	width:250px; 
	height: 250px; 
}

.preslist .columns{
	min-width: 260px;
}

}

@media only screen and (min-width: 1200px) {
	.slogan h1{
	font-size: 3.2em;
}

.prescard{
	width:290px; 
	height: 290px; 
}

.preslist .columns{
	min-width: 230px;
}

.prescard div.cardheader{
	font-size: 1.8em;
}

}

@media only screen and (min-width: 1100px) {

.prescard:hover div.cardtext{
	opacity: 1;
	transition: opacity ease-in 1s;
}

.prescard:hover div.cardheader{
	opacity: 0;
	height: 0;
	transition: opacity ease-out 0s;
}

}


@media only screen and (max-width: 1000px) {
	.menu-bar{display: none;}
	.mobilemenu{display: block;}
	.slogan{width: 70%; position: absolute; top: 10%;left: 15%; z-index: 1;}

.searchform16 .button{
	font-size: 16px;
	padding: 0.4em;
}

.slogan h3{
	font-size: 1.2em;
}

.slogan h1{
	font-size: 1.8em;
}

.prescard{
	width:280px; 
	height: 280px; 	
}
}

@media only screen and (max-width: 700px) {
.prescard{
	width:320px; 
	height: 320px; 
	
}

.slogan{display:none;}

}

@media (max-width: 600px) {

.snew .searchform16{
	padding: 1em;
}

div.searchform16 .s-header h2, div.searchform16 .s-header a{
	font-size: 0.8em;
}

.searchform16 .button{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	padding: 0.5em 0.3em;
}
	
.searchform16 label{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}

.slogan h1{
	font-size: 1.4em;
}

.prescard{
	width:200px; 
	height: 200px; 
}

.prescard div.cardheader{
font-size: 1em;
font-weight: bold;
}

}

@media only screen and (max-width: 1650px) {
	
}

@media only screen and (max-width: 1550px) {
	#ri{display: none};
}

@media only screen and (max-width: 1200px) {
	.menu-bar ul li#kv{display: none};
	
}

@media only screen and (max-width: 1400px) {
	.menu-bar ul li a{
	padding: 0.625em 0.55em;
	}
	.menu-bar ul li &gt; a{
	padding-left: 0;
}
	#lj{display: none};
}

/*reval form*/

div.step{
	opacity: 0;
	height:0;
	overflow:hidden;
}

div.step.visible{
	opacity: 1;
	height: auto;
	padding-top: 1em;
padding-bottom: 1em;
    -webkit-transition: opacity 0.9s ease-in-out;
    -moz-transition: opacity 0.9s ease-in-out;
    -o-transition: opacity 0.9s ease-in-out;
    transition: opacity 0.9s ease-in-out;
}

div#nextbutton, div#dummybutton{
	opacity: 0;
	height:0;
	overflow:hidden;
margin: 0;
}

div#nextbutton.visible, div#dummybutton.visible{
	opacity: 1;
	height: auto;
	padding-top: 1em;
padding-bottom: 1em;
    -webkit-transition: opacity 0.9s ease-in-out;
    -moz-transition: opacity 0.9s ease-in-out;
    -o-transition: opacity 0.9s ease-in-out;
    transition: opacity 0.9s ease-in-out;
}



input.ok{background: #bdf7bd}
input.notok{background: #f7bab9}

.ui-autocomplete{
	z-index: 2000;
}

/*reviewform*/

form.reviewform{
	width: 100%;
	max-width: 800px;
	margin: 1em auto;
	border: 1em solid #AF091D;
	padding: 1em;
}

div.reviewinfo{
	width: 100%;
	max-width: 800px;
		margin: 1em auto;
}

h3.reviewarea{
	font-size: 1.8em;
	line-height: 2em;
margin-top: 1em;
}

table.reviewform-vertical{
	width: 100%;
}

table tr.reviewform td.reviewform{
	width: 100%;
}

table tr.reviewform td.reviewform label{
	margin-top: 0.5em;
	margin-bottom: 1em;
	font-size: 1.2em;
}

table.radio-set{
	width: 100%;
}

table tr.reviewform td.reviewform table.radio-set td{
	width: 16%;
	background: #f8f8f8;
	padding: 0.3em 0 0 0.5em;
}

table tr.reviewform td.reviewform table.radio-set td *{

}

table tr.reviewform td.reviewform table.radio-set td label{
	font-weight: normal;
	font-size: 1em;
}

@media only screen and (max-width: 600px) {
table tr.reviewform td.reviewform table.radio-set td label{
	font-size: 0.6em;
}
}

table tr.reviewform td.reviewform table.radio-set td input{
}

table tr.reviewform td.reviewform table.radio-set td:last-of-type{
	background: #ffffff;
}

table tr.reviewform.allclear td.reviewform table.radio-set td{
	background: #bdf7bd;
}

/*joblisting*/

.joblisting div.vinjett{
	display: inline-block;
	background: #cccccc;
	color:#ffffff;
	border-radius: 3px;
	text-transform: uppercase;
	padding: 0.8% 1.6%;
	margin: 1em 0;
	font-size: 80%;
}

.joblisting a p, a p { color:#333; }

div.geofeature{
	background: transparent;
	padding: 0;
	margin: 1em 0;
}

div.geofeature h1{
	color: #0081C9;
}


div.geofeature p{
	margin: 0;
}

div.geofeature .toggle-info{
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	color: #aaaaaa;
	font-size: 80%;
	padding: 0.4em 0;
}

div.row.spec{
	background: #e6f1f1;
	padding-top:1em;
	padding-bottom: 1em;
	margin-bottom: 1em;
}

div.notice{
	background: #fce0e0;
}

div.row.notice{
	background: #f8f8f8;
	padding-top:1em;
	padding-bottom: 1em;
	margin-bottom: 2em;
}

div.row.notice::before {
    content: "FÃƒÂ¶rutsÃƒÂ¤ttningarna har ÃƒÂ¤ndrats sedan den ursprungliga fÃƒÂ¶rfrÃƒÂ¥gan. Dubbelkolla antal, datum mm pÃƒÂ¥ denna rad";
    color: red;
    font-size: 10px;
    margin: 0 1em 1em 1em;
}

@media only screen and (min-width: 64.0625em) {
 
.fixad {
    position: relative;
}

.stickyad {
    position: fixed;
    top: 150px;    
		width: 240px;
}

}
@media only screen and (min-width: 68.0625em) {
	.stickyad {
width: 288px;
}
}


.alert-L, .alert-2, .alert-1, .alert-4, .alert-bounce{color: red}

.alert-bounce.bounce-0{
	color:green;
}

.button.remind{
	background-color:cyan;
	padding: 0.2em 0.4em;
	border-radius: 2px;
}

.button.deny{
	background-color: orange;
	padding: 0.2em 0.4em;
	border-radius: 2px;
}

.button.confirm{
	background-color: green;
	padding: 0.2em 0.4em;
	border-radius: 2px;
}

.button.verify{
	background-color: yellow;
	color: black;
	padding: 0.2em 0.4em;
	border-radius: 2px;
}

.button.cancel{
	background-color: red;
	padding: 0.2em 0.4em;
	border-radius: 2px;
}

.button.delete{
	background-color: gray;
	padding: 0.2em 0.4em;
	border-radius: 2px;
}

.button.note{
	background-color: black;
	padding: 0.2em 0.4em;
	border-radius: 2px;
}

.signal{
	text-align: center;
}

.signal div{
	min-height: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.signal-EV{
	background-color: yellow;
}

.signal-EC{
	background-color: orange;
	height: 100%;
}

.signal-D{
	background-color: hotpink;
}

.signal-EA{
	background-color: red;
}

.signal-EP{
	background-color: green;
}

.signal-ES{
	background-color: #f8f8f8;
}

.signal-EF, .signal-RS{
	background-color: cyan;
}

.signal-EN{
	background-color: lime;
}


.mailerteaser h2{
	font-size: 1.4em;
}

.mailerteaser h2 a{
	color: #000000;
}

@media only screen and (max-width: 1100px) {
.scroll-wrapper{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-content: center;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
   flex-flow: nowrap;
}

.row.marginoff{
	margin-left: -40px;
}
}

#mapcol, #listcol{
	height: 1200px;
	margin-bottom: 50px;
}

#listcol #list{
	height: 1200px;
	overflow: scroll;
}


/*landingpages CP from BB*/

.landing .btn{
	background-color: $primary-accent-color;
	color: white;
}

.landing p, .landing ul{
font-size: 1em;
}

.landing h2{
	font-size: calc(0.5vw + 1vh + 1.5vmin);
	margin-bottom: 0.7em;
	color: $primary-accent-color;
	font-weight: 500;
}

.landing h1{
	color: #555555;
	font-size: calc(1vw + 2vh + 0.7vmin);
	font-weight: 600;
}

.landing h5{
	font-size: calc(0.5vw + 1vh + 0.3vmin);
}

.landing section.header p{
	font-size: calc(1vw + 0.8vh + 0.4vmin);
	font-size: 1.1em;
}

.landing .fas{
	color: $primary-accent-color;
}


.boxy{
	background: #ffffff;
	padding: 3em 0;
}

.boxy h5{
	margin: 0.5em 0 0 0;
}

.boxy p{
	margin-bottom: 0.2em;
	font-size: 95%;
}

.boxy .row.contain{
	max-width:80% !important;
	margin: 0 auto;
}

.row.search{
	margin-top:0;
}

section.header {
  background-size: cover;
  min-height: 30vh;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 6vh 0 6vh 0;
}


.background-tint {
  background-image: 
    linear-gradient( rgba(0,0,0,.5), rgba(0,0,0,.5) ),
    url('http://placehold.it/420')
}


section.header p,  section.header h1{
	color: white;
	text-shadow:
        2px 2px 5px #333333
}

/*
.row.holdit .row {
    margin-right: auto;
    margin-left: auto;
}*/


.cell.contentright{
	padding: 1em 1em 1em 2em !important;
	transition: ease padding 0.5s;
}

.cell.contentleft{
	padding: 1em 2em 1em 1em !important;
	transition: ease padding 0.5s;
}

@media screen and (max-width: 78.9375em) {
	.cell.contentleft{
		padding-left: 0.975em !important;
		padding-right: 0.975em !important;
	}
	.cell.contentright{
		padding-right: 0.975em !important;
		padding-left: 0.975em !important;
	}
	}

.cell.media img{
	height: 100%;
	width: 100%;
}

blockquote.testimonial{
	font-style: italic;
color: #3ea7a7;
font-size: 24px;
font-weight: 200;
margin-bottom: 0;
border: 0;
}



@media print, screen and (min-width: 40em) {
.reveal.medium {
    width: 70%;
    max-width: 48.5rem;
}
}


[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea{
	background-color: #ececec;
	box-shadow: none;
	margin-bottom: 0.4em;
	border: #ececec;
}

[type="text"]:focus, [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus, [type="email"]:focus, [type="number"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus, textarea:focus{
	background-color: #ececec;
	border: 2px solid #cccccc;
	box-shadow: none;
}

label.dividertext{
	font-size: 1.2em;
	border-top: 1px solid #4dc3c3;
	padding: 1em 0 0 0;
}

div.hero, div.hero-rep {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    height: 400px;
    position: relative;
}

div.hero.tint{
	    background-color: rgba(64,122,255,0.3);
  background-blend-mode: multiply;
}

div.hero-rep .row{
	padding-top: 50px;
}

div.hero .row {
  max-width: 1380px;
  position: absolute;
  bottom:5%;
  }
  
.slide-display .hero .row{
	top: 3%
}

.row {
    max-width: 78.5rem;
    }

.row.extended{
	width: 100%;
}

.row.contain{
	max-width:80% !important;
}

.row.half{
	max-width: 60% !important;
}

@media only screen and (max-width: 700px) {

.row.contain, .row.half{
	max-width: 100%;
}

}

ul.iconbullet li.arrowright a{
	color: #4DC3C3;
}

ul.iconbullet li.arrowright:before{
	color: #ffffff;
	 content: "\f0a9"; 
}

td.aoform {
	padding: 0.1625rem 0.225rem;
}

td.aoform td.aoform{
	padding:0;
}



/*menu stuff*/

.top-bar-container{
	background: transparent;
}

.foundation5-clean .top-bar-container, body[id^='konferens'] .top-bar-container{
	background: #ffffff;
}

.top-bar-container .row{
	background: #ffffff;
}

.nav-bar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 0.5em;
 }

.is-stuck, .is-stuck .row{
	background: #c7e5f7;
	opacity: 0.9;
}

.kv .is-stuck, .kv .is-stuck .row{
	background: #f8f8f8;
	opacity: 0.9;
}

.kv .is-stuck{
	border-bottom: 4px solid #C82828;
}

.nav-bar .nav-bar-logo{
	margin: 0;
	padding: 0;
}

.nav-bar .nav-bar-logo img{
	max-height: 136px;
	padding: 0.5em 0 0em 0em;
}

.nav-bar .nav-bar-logo.secondary{
	text-align: right;
	display: block;
	
}

.nav-bar .nav-bar-logo.secondary img{
	max-height: 86px;
	padding: 0.5em 0em 0.2em 0;
	
}

.nav-bar li {
  background: transparent;
}

.nav-bar a {
  color: #000000;
  transition: color 0.2s ease-in;
  text-transform: uppercase;
  font-weight: 700;
  padding-top: 0.8em;
  font-size: 1.3em;
}

.nav-bar a.button{
	color: #ffffff;
}

.nav-bar a:hover {
  color: #30b0e8;
}

.nav-bar .offcanvas-trigger {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.8em 0.7em 1em 0.7em;
  color: #000000;
  text-transform: uppercase;
  background-color: transparent;
  transition: background-color 0.2s ease-in;
  cursor: pointer;
}

.nav-bar .offcanvas-trigger .offcanvas-trigger-text {
  margin-right: 0.25rem;
  margin-top: 0.25rem;
}

.nav-bar .offcanvas-trigger:hover {
  color: #f35657;
}

@media screen and (max-width: 1300px) {
  
  .nav-bar{
	  padding-bottom: 0;
  }
  .nav-bar .nav-bar-logo img{
	max-height: 56px;
padding-top: 0.5em;
padding-bottom: 0.2em;
padding-left: 0;
}
  
  .nav-bar .nav-bar-logo.secondary{
	  display: none;
  }
  
  .nav-bar a{
	  font-size: 1.1em;
  }
  
  .offcanvas-trigger.admin{
	  display: none;
  }
  
}

@media screen and (max-width: 39.9375em) {
  .nav-bar .offcanvas-trigger {
    padding: 0.9rem;
  }
}

.multilevel-offcanvas {
  background: #ffffff;
  padding: 0.7em;
  color: #000000;
}

.multilevel-offcanvas &gt; ul &gt; li{
	font-size: 1.1em;
	border-bottom: 1px solid #cccccc;
	padding: 0.7em 0;
	font-weight:600;
}

.off-canvas.is-transition-overlap.is-open {
    -webkit-box-shadow: 0 0 10px rgba(10,10,10,0.2);
    box-shadow: 0 0 10px rgba(10,10,10,0.2);
}

.nested li a{
	font-size: 0.9em;
	font-weight: 400;
}

.multilevel-offcanvas &gt; .menu {
  margin-bottom: 1rem;
}

.multilevel-offcanvas .menu a {
	color: #222222;
  padding-top: 7px;
  padding-bottom: 7px;
  transition: color 0.2s ease-in;
}

.multilevel-offcanvas .menu a:hover {
  color: #30b0e8;
}

.kv .multilevel-offcanvas .menu a:hover {
  color: #C82828;
}

.multilevel-offcanvas .fa {
  color: #222;
}

.multilevel-offcanvas .is-accordion-submenu-parent &gt; a::after {
  border-color: rgba(254, 254, 254, 0.6) transparent transparent;
}

.multilevel-offcanvas .social-links {
  margin-left: 20px;
}

.multilevel-offcanvas .social-links li {
  margin: 0 15px;
  border: none;
}

.multilevel-offcanvas .social-links li a{
	color: #0a91cb;
}

.multilevel-offcanvas .social-links a:hover .fa {
  color: #bebebe;
  transition: color .2s ease-in;
}

.multilevel-offcanvas .social-links .fa {
  font-size: 2.2rem;
  color: #30b0e8;
}

.kv .multilevel-offcanvas .social-links .fa {
  color: #000000;
}

.kv .multilevel-offcanvas .social-links a:hover .fa {
  color: #C82828;
}

.is-open + .off-canvas-content .hamburger .line:nth-child(1),
.is-open + .off-canvas-content .hamburger .line:nth-child(3) {
  width: 12px;
}

.is-open + .off-canvas-content .hamburger .line:nth-child(1) {
  -webkit-transform: translateX(-5px) rotate(-45deg);
      -ms-transform: translateX(-5px) rotate(-45deg);
          transform: translateX(-5px) rotate(-45deg);
}

.is-open + .off-canvas-content .hamburger .line:nth-child(3) {
  -webkit-transform: translateX(-5px) rotate(45deg);
      -ms-transform: translateX(-5px) rotate(45deg);
          transform: translateX(-5px) rotate(45deg);
}

.hamburger .line {
  width: 20px;
  height: 4px;
  background-color: #000000;
  display: block;
  margin: 3px auto;
  transition: all 0.3s ease-in-out;
}

.hamburger .line:last-child {
  margin-bottom: 0;
}

.hamburger:hover .line{
	background-color: #f35657;
}

.multilevel-offcanvas .panel.callout {
    background: #ffffff;
    color: #000000;
    border: none;
}

.multilevel-offcanvas .panel.callout a{
    color: #000000;
}


#contactCanvas{
	padding-top: 1em;
	background: #333333;
	color: #ffffff;
}

#contactCanvas a{
	color: #30b0e8;
}

/*cards and deck*/

.cardo-deck { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; position: relative; }
.cardo-deck:after { content: ""; -webkit-flex: auto; -ms-flex: auto; flex: auto; }
.cardo-deck .cardo { margin: 0 0.5% 1% 0.5%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-flex-basis: 19%; flex-basis: 19%; }



.cardo-deck .cardo.active .button { background-color: #779a24; color: #fff; }
.cardo-deck .cardo.archived { opacity: .5; }
.cardo-header{
	background: #000000;
	color: #ffffff;
	padding: 0.2em 0;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0.3em;
}
.cardo-deck .cardo .cardo-content { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; }
.cardo-deck .cardo .cardo-content h1, .cardo-deck .cardo .cardo-content h2, .cardo-deck .cardo .card-contento h3, .cardo-deck .cardo .cardo-content h4 { margin-top: 1rem; }
.cardo-deck .cardo .cardo-footer { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; }

@media screen and (max-width: 59.9375em) {
  .cardo-deck .cardo { margin: 0 0.5% 1% 0.5%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-flex-basis: 24%; flex-basis: 24%; }
}

@media screen and (max-width: 49.9375em) {
  .cardo-deck .cardo { margin: 0 0.5% 1% 0.5%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-flex-basis: 32%; flex-basis: 32%; }
}

@media screen and (max-width: 39.9375em) {
  .cardo-deck .cardo { margin: 0 0.5% 1% 0.5%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-flex-basis: 49%; flex-basis: 49%; }
}





















.companylog-list .inactive { text-decoration: line-through; }</pre></body></html>