body {
    overflow-x:hidden;
    padding:0;
    color:#666;
    background-color:#fff;
    font-family:"Open Sans", Arial, sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:1.7em;
}

h1, h2, h3, h4, h5, h6 {
    color:#333;
    font-weight:400;
}

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:inherit;}

h1 {font-size:30px;}
h2 {font-size:22px;}
h3 {font-size:20px;}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:14px;}

/* HEADER */
div#toprow {
    position:fixed;
    top:0;
    width:100%;
    z-index:100;
    height:70px;
    background-color:rgba(255, 255, 255, .7);
}

body.cml div#toprow{
}

div#toprow.withcontentheader {
    position:absolute;
    height:85px;
    padding:0;
}
div#toprow.withcontentheader > div.row {
    margin-right:15px !important;
}

div#toprow.withcontentheader div.nestedcontainer {

}

div#toprow.withcontentheader div.nestedcontainer div#contentheaderrow {
    background-color:#fff; 
}
div#toprow.withcontentheader div.nestedcontainer div#contentheaderrow + div.row {
    position:relative; 
    top:0px;
}

div#masterrow {
    margin-top:70px;
    margin-bottom:0;
}

div#footer, div#copyright {
}

#nav {
    z-index:1000;
    background:rgba(255,255,255,0.95);
    width:100%;
    height:6.5em;
    line-height:3.5em;
    text-align:center;
    font-family:'Open Sans Condensed', sans-serif;
    font-weight:700;
    text-transform:uppercase;
    border-bottom:1px solid rgba(240,130,104,1);
}

    #nav ul {
        position:relative;
        z-index:1001;
        height:100%;
    }

    #nav li {
        display:inline-block;
        margin:-0.02em 0.3em;
        top:0;
        position:relative;
        height:100%;
    }

        #nav li a {
            position:relative;
            display:block;
            text-decoration:none;
            color:#6b7770;
            padding:3px 1.5em 0.25em 1.5em;
            border-bottom-left-radius:0px;
            border-bottom-right-radius:0px;
            outline:0;
            height:100%;
            margin-top:1em;
        }

        #nav li:hover {
        }

            #nav li:hover a {
                color:#14788c;
            }

        #nav li.current_page_item {
            background-color:rgba(20, 120, 140, .3); /* #14788c / 3 */
        }

            #nav li.current_page_item a {
                color:#14788c;
            }

/* Topmenu */
/* Should work on all sites */
body.tb ul.nav > li > a {
    display:inline-block;
}
            

/* Submenu */
#nav > ul > li > ul {
    position:absolute;
    display:none;
    border:1px solid rgb(204, 204, 204);
    top:60px;
    background-color:rgb(238, 238, 238);
    height:auto;
    padding:0;
}

#nav > ul > li:hover > ul {
    display:block;
}

#nav > ul > li > ul > li {
    white-space:nowrap;
}

    #nav > ul > li > ul > li > a {
        margin-top:0;
    }




div.slideoverlay {
    position:absolute;
}
    div.slideoverlay.slidetext {
        max-width:300px;
        top:40%;
        padding:10px;
        color:#fff;
        border-radius:7px;
        background-color:rgba(0,0,0,0.4);
    }
    div.slideoverlay.slidetext > a.slidelink {
        display:block;
        max-width:300px;
        color:inherit;
        border:1px solid #fff;
        text-align:center;
        border-radius:7px;
        background-color:rgba(0,0,0,0.4);
        margin-top:10px;
        white-space:nowrap;
    }

        div.slideoverlay.slidetext.linkonly {
            padding:0 !important;
            border-radius:0 !important;
            background-color:transparent !important;
        }
        div.slideoverlay.slidetext.dark.linkonly {
        }
        div.slideoverlay.slidetext.linkonly > a.slidelink {
            background-color:rgba(0,0,0,0.8) !important;
            border-color:transparent !important;
        }
            div.slideoverlay.slidetext.dark.linkonly > a.slidelink {
                background-color:rgba(255,255,255,0.8) !important;
            }

a.slideoverlay.slidelink {
    max-width:300px;
    color:#fff;
}

div.slideoverlay.slidetext.dark {
    color:#333;
    background-color:rgba(255,255,255,0.4);
}

    div.slideoverlay.slidetext.dark > a.slidelink {
        color:#333;
        border-color:#666;
        background-color:rgba(255,255,255,0.4);
    }

section.singleslider {
}

    section.singleslider > h4 {
    }

    section.singleslider div.slideshow {
    }

    section.singleslider div.slideshowmobile img {
        width: 100%;
    }
        section.singleslider div.slideshow.slick-dotted.slick-slider {
            margin-bottom:0;
        }
            section.singleslider div.slideshow.slick-dotted.slick-slider ul.slick-dots {
                bottom:0;
            }

        section.singleslider div.slideshow div.item {
        }
            section.singleslider div.slideshow div.item.slick-current {
            }
        section.singleslider div.slideshow button.slick-arrow {
            z-index:100;
        }
            section.singleslider div.slideshow button.slick-arrow.slick-prev {
                left:10px;  /* override lg? */
            }
            section.singleslider div.slideshow button.slick-arrow.slick-next {
                right:10px; /* override lg? */
            }

            section.singleslider div.slideshow div.item > img {
                margin:0 auto; /* it centers any block level element */
            }
            section.singleslider div.slideshow div.item > div.container {
                position:relative;
            }
                section.singleslider div.slideshow div.item > div.container div.slideoverlay.slidetext {
                    right:10px;
                    top:140px;
                }

section.tripleslider {
}

    section.tripleslider h4 {
    }

    section.tripleslider div.slideshow {
    }

        section.tripleslider div.slideshow div.item {
        }
            section.tripleslider div.slideshow div.item img {
                width:100%;
            }
            section.tripleslider div.slideshow div.item.slick-current {
            }

        section.tripleslider div.slideshow button.slick-arrow {
            z-index:100;
        }

            section.tripleslider div.slideshow button.slick-arrow.slick-prev {
                left:5px;
            }

            section.tripleslider div.slideshow button.slick-arrow.slick-next {
                right:5px;
            }

            section.tripleslider div.slideshow div.item > img {
            }
            section.tripleslider div.slideshow div.item {
                position:relative;
            }
                section.tripleslider div.slideshow div.item div.slideoverlay.slidetext {
                    right:40px;
                }


section.featuredboxes {
    margin-top:-1px;
}

body.cml section.featuredboxes {
    margin-top:0;
}

    section.featuredboxes div.gridbox {
        position:relative;
    }
        section.featuredboxes div.gridbox.gridbox-4 div.slideoverlay.slidetext {
            left:35px;
            width:280px;
            bottom:20px;
            top:auto;
        }



    section.featuredboxes div.container {
    }

    section.featuredboxes img {
        max-width:100%;
    }

    section.featuredboxes#dividedContentRow1 {
    }

    section.featuredboxes#dividedContentRow2 {
    }

    section.featuredboxes#dividedContentRow3 {
    }
    
    section.featuredboxes#dividedContentRow4 {
    }
    section.featuredboxes#dividedContentRow4 div.container div.row {
    }
    
    section.featuredboxes#specialRow {
    }
    section.featuredboxes#specialRow div.container div.row {
    }

        /* Elysium override */
        body.cml #dividedContentRow4 div.col-md-8 p, #specialRow div.col-md-8 p {
   	        padding:10px 30px !important;
            text-align:center;
        }
        body.cml #specialRow div.col-md-8 h2 {
   	        padding:0 20px !important;
            text-align:center;
        }

    
    section.featuredboxes#specialRow div.container div.row>div {
        padding:0;  /* hack */
    }
    section.featuredboxes#specialRow div.container div.row>div p {
        margin:0;  /* hack */
    }
    section.featuredboxes#specialRow div.container div.row div.col-md-4, section.featuredboxes#specialRow div.container div.row div.col-md-8 {
    }

    section#fullContentRow1 {
    }
        section#fullContentRow1 h2 {
            color:#666;
        }


    section#fullContentRow2 {
    }

    section#fullContentRow3 {
    }





/* footer */
div.row#caf { /* Content above footer */
    margin-top:0;
    margin-bottom:20px;
}
div.row#caf img{
    max-width:100%;
}

div.container-fluid.fullwidth#footermainrow {
}

    div.container-fluid.fullwidth#footermainrow footer#footer {
        margin-top:20px;
        padding-top:10px;
        margin-bottom:20px;
    }

        div.container-fluid.fullwidth#footermainrow footer#footer section p {
            margin-bottom:0;
        }

footer#footer ul {
    list-style-type:none;
    padding:0;
}

div#startContentBleed {
    /*background-color:rgba(240,130,104,1);*/
    overflow-x:hidden;
    /*margin-bottom:-1px;*/
}

    div#startContentBleed .col-md-12 {
        margin:0;
        padding:0;
    }
    /*div#startContentBleed .col-md-12>* {
    margin:auto;text-align:center;
}*/
    div#startContentBleed img {
        position:relative;
    }

    div#startContentBleed p {
        margin:0;
    }

div.row#cbf { /* Content below footer */
}

section#contentAboveSlideshow {
}

div#toprow section.logo img {
}

.fb-comments, .fb-comments iframe[style], .fb-comments span, .fb-page, .fb-page iframe[style], .fb-page span {
    width:100% !important;
}

nav a:focus {
}

/*a.anchor{position:relative;top:-70px;}*/

img.pageimage {
}

div.sidebar p img {
    max-width:100%;
}

div.sidebar img.pageimage {
}

div.sidebar p a:after {
    content:" \00bb";
}


div.row.hzsubmenu {
    text-align:center;
}
    div.row.hzsubmenu div.hzsubmenu {
        padding:40px 20px 40px 20px;
	    /* 2017-04-11:mellanrummet mellan grå meny och bildspel
            margin-bottom:20px;*/
        background-color:#f6f6f6;
	    text-transform:uppercase;
        letter-spacing:2px;
        font-size:12px;
    }
        div.row.hzsubmenu div.hzsubmenu a {
            color:#666;
            text-decoration:none;
        }

        div.row.hzsubmenu div.hzsubmenu a.active {
            font-weight:bold;
        }

div.row.resellermenu{
    text-align:center;
}
    div.row.resellermenu div.resellermenu{
        padding:20px; margin-bottom:-20px;
        background-color:#ededed;
    }

div.row.resellerlisting div.reseller img.pageimage {
    max-width:100%;
}

/* ÅF */
body.reseller div#masterrow {
    padding-top:70px;
}

body.reseller div.sidebar span.pageimage {
    position:relative;
    top:80px;
}


section.logo {
    margin-top:20px;
    position:relative; z-index:200;
}
div.withcontentheader section.logo {
    margin-top:-10px;
}
    section.logo img {
        max-height:40px;
        max-width:230px;
    }
div.withcontentheader section.logo img {
    margin-top:15px !important;
}

div.row.resellerlisting {
}

    div.row.resellerlisting div.resellerarea {
    }

        div.row.resellerlisting div.resellerarea > h3 {
            background-color:rgb(102, 197, 191);
            color:white;
            padding:10px;
        }

        div.row.resellerlisting div.resellerarea div.reseller {
        }

            div.row.resellerlisting div.resellerarea div.reseller > h4 {
                display:none;
            }

body.debug div.row.resellerlisting div.resellerarea {
    border:1px dotted pink;
}

    body.debug div.row.resellerlisting div.resellerarea > h3 {
        border:1px dotted pink;
    }

    body.debug div.row.resellerlisting div.resellerarea > div.reseller {
        border:1px dotted violet;
    }

        body.debug div.row.resellerlisting div.resellerarea > div.reseller > h4 {
            border:1px dotted violet;
        }

        
div.gridbox {
    overflow:hidden;
    padding:0 !important; /* hack fullbredd */
}
div.gridbox.gridbox-4 {
    width:350px; /* hack! grid override */
}

    div.gridbox p {
        margin-bottom:0;
    }

section.startpagebanner {
}
section.startpagebanner div.col-md-12, section#instagram div.col-xs-12, div#instagram div.col-xs-12 {
    padding:0 !important; /* hack fullbredd */
}
section.startpagebanner div.col-md-12 p {
    margin:0;
}
section.startpagebanner img {
    max-width:100%;
}

section#startbanner{
    text-align:center;
}





ul.search-results-box {
    list-style-type:none;
    padding-left:0;
}

    ul.search-results-box li section.results-box h3 a {
    }




article.main {
}

    article.main img {
        max-width:100%;
    }

div.contactform {
    display:none; /* TEMP tills formulär lagts ut */
}

div.searchtextbox {
    padding-right:170px;
    z-index:100;
    position:relative;
    /* positionera sökrutan */
	padding-right:40px;
}

    div.searchtextbox div.glyphicon-search {
        display:none;
    }

    div.searchtextbox div.form-group {
    }

    /* styla sökrutan */
    div.searchtextbox form input {
        border-color:#000;
        position:relative;
	    top:20px;
	    width:200px;
	    height:30px;
	    color:#666;
	    text-transform:uppercase;
	    font-size:12px;
	    background-color:rgba(255, 255, 255, 0.6);
	    border-radius:6px;
        border:1px solid rgba(157, 157, 157, 1);
	    padding:3px 0 3px 10px;
    }

    .contactphone a {
        color:#666;
        text-decoration:none;
    }
    
/*
    div.siteheader 
    div.siteheader header#site.container
*/
div.siteheader {
    height:70px;
    position:fixed; right:0; left:0; z-index:1031; /* jmfr: .navbar-fixed-top */
    background-color:#d9dadc;
    border-top:3px solid #ef3e22;
    border-bottom: 1px solid #cccccc;
}
header#site {
    padding-top:5px; /* ref: nav.meganavigation.navbar-fixed-top */
}
header#site img.logo {
    position:relative;top:5px;
}
header#site span.contactphone {
    padding:0 20px;
}
header#site span.contactphone a {
    font-weight:bold;
}

div.meganavspacer {
    /*height:101px;*/
}

div.ekko-lightbox-container h2 {
    margin-bottom:0;
    font-size:14px;
}

    div.ekko-lightbox-container h2:first-child {
        margin-top:0;
    }

div.ekko-lightbox-container p, div.ekko-lightbox-container li {
    font-size:12px;
}

div.ekko-lightbox-container span.code {
    font-family:Consolas;
    color:blue;
}

div.ekko-lightbox-container span.parameter {
    font-style:italic;
}

div.ekko-lightbox-container span.paramvalue {
}

    div.ekko-lightbox-container span.paramvalue:before {
        content:open-quote;
    }

    div.ekko-lightbox-container span.paramvalue:after {
        content:close-quote;
    }

div.ekko-lightbox-container ul.parameters {
    padding-left:1em;
}

    div.ekko-lightbox-container ul.parameters > li {
        padding-bottom:0.1em;
    }

    div.ekko-lightbox-container ul.parameters span.keyword {
        font-style:inherit;
    }

div.ekko-lightbox-container ul.ruleset {
    padding-left:0;
    list-style-type:none;
}

    div.ekko-lightbox-container ul.ruleset > li {
        padding-bottom:0.6em;
    }

div.ekko-lightbox-container span.parameter:hover, ul.parameters > li:hover {
    color:#e30613;
}


/* Emil */


.dropdown-submenu {
    position:relative;
}

    .dropdown-submenu > .dropdown-menu {
        top:0;
        left:100%;
        margin-top:-6px;
        margin-left:-1px;
        -webkit-border-radius:0 6px 6px 6px;
        -moz-border-radius:0 6px 6px;
        border-radius:0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display:block;
    }

    .dropdown-submenu > a:after {
        display:block;
        content:" ";
        float:right;
        width:0;
        height:0;
        border-color:transparent;
        border-style:solid;
        border-width:5px 0 5px 5px;
        border-left-color:#ccc;
        margin-top:5px;
        margin-right:-10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color:#fff;
    }

    .dropdown-submenu.pull-left {
        float:none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left:-100%;
            margin-left:10px;
            border-radius:6px 0 6px 6px;
        }

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { /* ? */
    max-height:none;
}


/*
    navigations
        hamburger navigation:nav.hamburgernav
        mega menu navigation:nav.meganavigation
*/

/* hamburger nav */
nav.hamburgernav {
    position:absolute;
}
div.withcontentheader nav.hamburgernav {
    top:-7px;
    margin-left:25px;
}
div.withcontentheader nav.hamburgernav div.navbar-header button.navbar-toggle {
    margin-top:0 !important;
    margin-left:0px !important;
    background-color:#fff !important;
    color:#666 !important;
}

    nav.hamburgernav > div.container {
        padding-left:15px;
    }

    nav.hamburgernav, nav.hamburgernav > div.container {
        max-width:100%;
    }

nav.hamburgernav {
    background-color:transparent;
    border-color:transparent;
}

nav.hamburgernav div.navbar-header {
    float:none;
    margin:0;
}

/* MENY - IKON */ 
nav.hamburgernav div.navbar-header button.navbar-toggle {
    float:left;
    display:block;
    border-style:none;
    margin:12px 0 0 0;  /* or4cml:0px 0 0px 10px */

    height:51px;  /* cml override */
}
body.cml nav.hamburgernav div.navbar-header button.navbar-toggle {
    height:auto;
    margin:10px;
}

    nav.hamburgernav div.navbar-header button.navbar-toggle:focus {
        background-color:rgba(255, 255, 255, 0.9);
    }

    nav.hamburgernav div.navbar-header button.navbar-toggle:hover {
        background-color:rgba(255, 255, 255, 0.9);
    }

nav.hamburgernav div.navbar-collapse {
    border-top:1px solid transparent;
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
}

    nav.hamburgernav div.navbar-collapse.collapse {
        display:none !important;
    }

nav.hamburgernav ul.navbar-nav {
    float:none !important;
    background-color:rgba(255, 255, 255, 0.9);
    border:1px solid #ededed;
    max-width:300px;
}

    nav.hamburgernav ul.navbar-nav li {
        list-style-type:none;
    }

    nav.hamburgernav ul.navbar-nav > li {
        float:none;
        max-width:300px;
        border-top:1px solid #e7e7e7;
        padding-bottom:10px;
    }

        nav.hamburgernav ul.navbar-nav > li.leaf {
            /*padding-bottom:0;*/
        }

nav.hamburgernav ul.navbar-nav li > a {
    text-transform:uppercase;
    color:#999;
}

nav.hamburgernav ul.navbar-nav > li:first-child {
    padding-bottom:10px;
    border-top:0;
}

nav.hamburgernav ul.navbar-nav > li > a {
    padding-top:10px;
    padding-bottom:0;
    font-weight:bold;
}

nav.hamburgernav ul.navbar-nav li > a:hover {
    color:#666;
}

nav.hamburgernav ul.navbar-nav li > a:active {
    color:black;
}

nav.hamburgernav ul.navbar-nav li > a:visited {
    color:#999;
}

/* Samma utseeende som toppnivån */
nav.hamburgernav ul.navbar-nav > li > span {
    padding:10px 0 0 15px;
    font-weight:bold;
    text-transform:uppercase;
    color:#999;
}

nav.hamburgernav ul.navbar-nav > li > ul {
    font-size:13px;
}

    nav.hamburgernav ul.navbar-nav > li > ul > li {
    }

        nav.hamburgernav ul.navbar-nav > li > ul > li > a {
            text-decoration:none;
            color:#999;
        }

nav.hamburgernav .navbar-header button {
    border-radius:0;
    background-color:rgba(255, 255, 255, 1.0);
    color:#666;
    font-size:11px;
    font-weight:bold;
    text-transform:uppercase;
    padding-top:0;
}

/* streck i menyikonen */
nav.hamburgernav div.navbar-header button.navbar-toggle .icon-bar {
    background-color:rgba(51,51,51,0.5);
    width:32px;
}

nav.hamburgernav div.navbar-collapse.collapse.in {
    display:block !important;
}


nav.hamburgernav {
    z-index:40;
}
    nav.hamburgernav ul.nav li.has-child > a:after {
        /* ▸ */
        replaced-content:' \25BE';
    }
    nav.hamburgernav ul.nav li.has-child > a.collapsed:after {
        /* ▸ */
        replaced-content:' \25B8';
    }

    span.navarrow{position:absolute; right:10px; color:#999; font-size:13px;}
    nav.hamburgernav ul.nav li.has-child > a > span.navarrow.open {
        visibility:hidden;
    }
    nav.hamburgernav ul.nav li.has-child > a.collapsed > span.navarrow.open {
        visibility:visible;
    }
    nav.hamburgernav ul.nav li.has-child > a > span.navarrow.closed {
        visibility:visible;
    }
    nav.hamburgernav ul.nav li.has-child > a.collapsed > span.navarrow.closed {
        visibility:hidden;
    }

nav.hamburgernav div#menuitems {
    border:0;
}

    nav.hamburgernav div#menuitems a {
        outline:none !important;
    }

    /* cml */
    body.cml nav.hamburgernav div.navbar-header button.navbar-toggle {
        /*margin:0px 0 0px 10px;*/  /* or4cml:12px 0 0 0 */
    }

    /* tb */
    body.tb nav.hamburgernav div#menuitems {min-width:300px;}
    body.tb nav.hamburgernav div#menuitems ul ul{padding-left:20px;}

    /* cmldk */
    body.cmldk nav.hamburgernav div#menuitems {min-width:300px;}
    body.cmldk nav.hamburgernav div#menuitems ul ul{padding-left:20px;}

    body.cmldk nav.hamburgernav div.navbar-header {}
    body.cmldk nav.hamburgernav div.navbar-header button.navbar-toggle {}
    body.cmldk nav.hamburgernav div.navbar-header button.navbar-toggle span.icon-bar {background-color:#777 !important;}

    nav.hamburgernav li.lvl2item > ul { padding-left:8px; }
    nav.hamburgernav li.lvl3item {}
    nav.hamburgernav li.lvl3item > ul { padding-left:8px; }

    nav.hamburgernav span.contentheader {/*position:relative; top:-10px; left:-15px;*/}
    nav.hamburgernav span.contentheader a {}


/* mega menu nav */
nav.meganavigation {
    height:50px;
    background-color:rgba(255,255,255,0.7); 
    border-color:rgba(255,255,255,0);
}
	nav.meganavigation.navbar-fixed-top{
        top:50px;
	} /* override */
nav.meganavigation ul.nav{ width:1050px; margin:10px auto 0 auto; float:none;}
nav.meganavigation ul.nav > li{width:auto;}
nav.meganavigation ul.nav > li a{outline:none;}

    nav.meganavigation .mega-dropdown-menu {
		margin-top:-10px;
		border:none;
		border-radius:0;
		padding:0;
		width:100%;
		box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
		background-color:#ececee; 
        width:101%;  /* safari-hack */
    }

	.open > .dropdown-menu {
		display:table;
		width:100%;
	}

    nav.meganavigation.navbar-default .details>li>a {
      font-weight:bold;
    }

    nav.meganavigation li.mega-dropdown {
      position:static !important;
      width:100%;
    }
    nav.meganavigation ul.navbar-nav > li > a {
		text-transform:uppercase;
    }

    nav.meganavigation .mega-dropdown-menu li {
      list-style:none;
    }

	/* col-xx */
    nav.meganavigation .mega-dropdown-menu > div {
		display:table-cell; vertical-align:top;
		float:none;
    }
    nav.meganavigation .mega-dropdown-menu div.leftcol {
		background-color:#e4e4ed;
        padding-bottom:190px;
        padding-top:10px;
    }
    nav.meganavigation .mega-dropdown-menu div.leftcol ul {
		padding-left:0;
		/*position:relative; left:-20px;*/
	}
    nav.meganavigation .mega-dropdown-menu div.rightcol {
    }

    nav.meganavigation .mega-dropdown-menu > li > ul {
      padding:0;
      margin:0;
    }

    nav.meganavigation .mega-dropdown-menu a {
      display:block;
      padding:3px 20px;
      clear:both;
      font-weight:normal;
      line-height:1.428571429;
      color:#57585a;
      white-space:normal;
    }
	nav.meganavigation .mega-dropdown-menu > li ul > li.lvl3item > a { font-weight:bold; white-space:nowrap; }

    nav.meganavigation .mega-dropdown-menu > li ul > li > a:hover,
    nav.meganavigation .mega-dropdown-menu > li ul > li > a:focus {
      text-decoration:none;
      color:#444;
      background-color:#f5f5f5;
    }

    nav.meganavigation .mega-dropdown-menu .dropdown-header {
      color:#428bca;
      font-size:18px;
      font-weight:bold;
    }

	nav.meganavigation ul.details {margin-top:10px; margin-bottom:10px;}
	nav.meganavigation ul.details.columns {
		column-gap:10px;
		-webkit-columns:159px 4;
		-moz-columns:159px 4;
        columns:159px 4;
	}
	nav.meganavigation ul.details.flex {
        display:-webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display:-moz-box;      /* OLD - Firefox 19- (buggy but mostly works) */
        display:-ms-flexbox;   /* TWEENER - IE 10 */
        display:-webkit-flex;  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        display:flex;          /* NEW, Spec - Firefox, Chrome, Opera */

        -webkit-box-flex:1;      /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-flex:1;         /* OLD - Firefox 19- */
        width:80%;               /* For old syntax, otherwise collapses. */
        -webkit-flex:1;          /* Chrome */
        -ms-flex:1;              /* IE 10 */
        flex:1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */

        
        -webkit-box-ordinal-group:2;   /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-ordinal-group:2;      /* OLD - Firefox 19- */
        -ms-flex-order:2;              /* TWEENER - IE 10 */
        -webkit-order:2;               /* NEW - Chrome */
        order:2;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */

		-webkit-flex-direction:column;
		-ms-flex-direction:column;
		flex-direction:column;
		
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;

        -webkit-justify-content:flex-start;
        -ms-justify-content:flex-start;
		justify-content:flex-start;

		height:100%;
		height:360px; /* ie */
		min-height:180px;
		max-height:360px;
        
        /*
        -webkit-flex-basis:25em;
        -ms-flex-basis:25em;
        flex-basis:25em;
            
        -webkit-flex-shrink:0;
        -ms-flex-shrink:0;
        flex-shrink:0;
        */
	}
	nav.meganavigation ul.details.columns li.lvl3item { 
		display:block; max-width:159px;
		margin-bottom:1em;
	}
	nav.meganavigation ul.details.columns li.lvl3item:nth-child(even) { }
	nav.meganavigation li.lvl3item > ul { padding-left:8px; }


nav.toplink{
    background-color:black;
    min-height:1em;
    text-align:center;
}
nav.toplink a{
    color:white;
}






span.contentheader p {margin:0;}
span.contentheader a {color:#666;}


/* overrides */
nav.meganavigation.navbar-default .navbar-nav > .open > a,
  nav.meganavigation.navbar-default .navbar-nav > .open > a:hover,
  nav.meganavigation.navbar-default .navbar-nav > .open > a:focus {
	background-color:#e4e4ed;
}


section#textField {position:relative; top:-1px;}
section#textField div.container{padding:0;}

/*nav.hamburgernav div.container, nav.hamburgernav div.col-md-12{padding:0;}*/


.nestedcontainer {
    /*padding:0;*/
}






header#site {

}
header#site span.infolinks {
    padding-left:30px;
}
header#site span.infolinks span:not(:first-child):before {
    content:" | ";
}
header#site a {
    color:#666;
}

section#instagram {
    padding-bottom: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #333333;
}

body.homepage #instagram div.row.posts.desktop div.post:first-child {
    margin-left:0;  /* override */
}
#instagram div.row.posts.desktop div.post:not(:first-child) {
    margin-left:10px;  /* override */
}
#instagram div.row.posts div.post {
    margin-bottom:10px;
}
    #instagram div.row.posts div.post:last-child {
    }
    #instagram div.row.posts div.post img {
        max-width:100%;
    }
    /* Responsive extras */


h1.debuginfo {
    font-size:50px;
    color:red;
}


/* Moved from elysium.css */


/* ContentRow 1 utfallande */
div#mainContentRow {
    border-bottom:1px solid #ededed;
    background-color:#f6f6f6;
    font-size:16px;
    letter-spacing:2px;
	line-height:25px;
    text-align:center;
	padding:20px 20px 10px 20px;
	margin:0;
}

div#mainContentRow a {
	color:#666;
	font-weight:700;
}


/* Site specific CSS overrides. Body class:cml, cmldk, fd, tb */
body.cml { }
body.fd { }
body.tb { }
body.cmldk {}

body.cml div#mainContentRow {
    text-transform:uppercase;
}

/*body.cml div.sidebar {
    margin-top:28px;
}*/
body.cml div.sidebar h2:first-child {
    padding-top:30px;
}


body.tb div#mainContentRow { 
    background-color:transparent; 
    border-bottom:none;
}

body.tb section#fullContentRow3 {
    background-color:#d6d6e3;
}
body.tb section#fullContentRow3 h2 {
    font-size:16px;
}
body.tb section#fullContentRow3 p {
    font-size:14px;
}

body.cmldk div#mainContentRow { 
    background-color:transparent; 
    border-bottom:none;
}

body.cmldk section#fullContentRow3 {
    background-color:#d6d6e3;
}
body.cmldk section#fullContentRow3 h2 {
    font-size:16px;
}
body.cmldk section#fullContentRow3 p {
    font-size:14px;
}

/* extensions */

.pull-right-desktop {
    float:right !important;
}

@media screen and (min-width:768px) {
    body.debug nav.hamburgernav div.navbar-header button.navbar-toggle{ background-color:darkolivegreen !important; }
}
 
@media screen and (min-width:992px) {
    body.debug nav.hamburgernav div.navbar-header button.navbar-toggle{ background-color:green !important; }
    div.container-fluid.fullwidth {
        padding:0;
    }
    div.container-fluid.fullwidth.split {
        position:relative; top:-1px;
    }
}
 
/* sm och xs */
@media screen and (max-width:1024px) {
}

/* xs */
@media screen and (max-width:767px) {
    .pull-right-desktop {
        float:none !important;
    }
}

/* bootstrap override */
@media (min-width:768px) {
    .container {
        width:1050px;
    }
    
    #instagram div.row.posts div.post img {width:100%;} /* hack: ipad */
}

/* Ipad */
@media screen and (min-device-width:768px) and (max-device-width:1024px) {
    html, body {
    }
    .container, .container-fluid {
    }
    div.nestedcontainer{width:100%;}
}

/* Ipad (portrait) */
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    body.debug nav.hamburgernav div.navbar-header button.navbar-toggle{ background-color:orange !important; }

    html, body {
        width:768px !important; overflow-x:hidden; /* hack */
    }
    .container, .container-fluid {
        width:768px !important; /* hack! (?) */
    }
        div#textField img{max-width:170px;} /* hack: ipad */

    div.gridbox.gridbox-4 {
        width:256px; /* grid override */
    }
        #instagram div.row.posts div.post img {width:100%;} /* hack: ipad */

    div#toprow>div.row>div.col-md-12{
        padding:0;
    }

    section.featuredboxes div.gridbox.gridbox-4 div.slideoverlay.slidetext{
        left:5px; width:245px;
    }

    .pull-right-desktop {
        float:none !important;
    }
}

/* Ipad pro (portrait) */
@media screen and (min-device-width:1024px) and (max-device-width:1366px) and (orientation:portrait) {
    html, body {
        width:1024px !important; overflow-x:hidden; /* hack! */
    }
    .container, .container-fluid, nav.meganavigation {
        width:1024px !important; margin:0; /* hack! */
    }
        #textField img{max-width:170px;} /* hack: ipad */

    section.featuredboxes > div.container, #instagram > div.container{width:1026px !important;}
        #instagram div.row.posts.desktop div.post:not(:first-child) {
            margin-left:4px;  /* override */
        }
    div.gridbox.gridbox-4 {
        width:342px; /* grid override */
    }

    section.featuredboxes div.gridbox.gridbox-4 div.slideoverlay.slidetext{
        left:45px;
    }
}

/* Ipad pro (landscape) */
@media screen and (min-device-width:1024px) and (max-device-width:1366px) and (orientation:landscape) {
    html, body {
        width:1366px !important; overflow-x:hidden; /* hack! */
    }
    .container, .container-fluid, nav.meganavigation {
        width:1366px !important; margin:0; /* hack! */
    }
}

/* Ipad (landscape) */
@media screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    body.debug nav.hamburgernav div.navbar-header button.navbar-toggle{ background-color:yellow !important; }

    html, body {
        width:1024px !important; overflow-x:hidden; /* hack! */
    }
    .container, .container-fluid, nav.meganavigation {
        width:1024px !important; margin:0; /* hack! */
    }
        #textField img{max-width:170px;} /* hack: ipad */

    div.gridbox.gridbox-4 {
        width:340px; /* grid override */
    }
        div.gridbox.gridbox-4 img {max-width:340px;} /* hack: ipad */
        #instagram div.row.posts div.post {
            max-width:196px;
        } /* hack: ipad */

    div#toprow>div.row>div.col-md-12{
        padding:0;
    }

    section.featuredboxes{
        position:relative; left:2px; /* 1020 vs 1024 */
    }
}

/* Smartphones (portrait and landscape) */
@media screen and (min-device-width:320px) and (max-device-width:480px) {
    body.debug nav.hamburgernav div.navbar-header button.navbar-toggle{ background-color:red !important; }
    section.featuredboxes {
        width:100%;
        max-width:100%;
        overflow-x:hidden;
    }

    div.masterwrapper {
        width:100%;
        max-width:100%;
        overflow-x:hidden;
    }

    .row > div {
        padding-left:0;
        padding-right:0;
    }

    div.container-fluid.fullwidth {
        max-width:320px;
        max-width:480px;
    }
    div.container-fluid.fullwidth>div.row {
        margin:0;
    }

    nav.hamburgernav  > div.container .navbar-header {
        margin-top:-15px;
    }

    div.gridbox.gridbox-4 {
        width:335px; /* grid override */
    }

    section.main img {
        /*width:335px;*/ /* grid override */
        max-width:335px;
    }
    body.cml section.main img {
        width:100%;
    }
    body.cml a.jumplink{margin-left:8px;}

    section.main p img {
        /*margin:0 -20px;*/ /* grid override */
    }

    div.row.resellerlisting {
        width:335px; /* grid override */
        margin:0;
    }
    body.cml div.row.resellerlisting {
        width:auto;
    }

        div.row.resellerlisting a.listcontent p {
            margin:0 0 10px;
        }
        body.cml div.row.resellerlisting a.listcontent p, body.cml div.row.resellerlisting a.listcontent h3 {
            margin-left:10px;
            margin-right:10px;
        }
        body.cml div.row.resellerlisting a.listcontent img {

        }

    div.searchtextbox {
        padding-right:10px !important;
        clear:right;
    }

        div.searchtextbox form input {
            width:130px !important;
            height:20px !important;
        }

        div.searchtextbox div.glyphicon-search {
            display:block;
            border:1px solid #999;
            padding:10px;
            cursor:pointer;
            border-radius:5px;
            -webkit-box-shadow:2px 2px 3px 0 rgba(9, 9, 9, 0.3);
            -moz-box-shadow:2px 2px 3px 0 rgba(9, 9, 9, 0.3);
            box-shadow:2px 2px 3px 0 rgba(9, 9, 9, 0.3);
            top:15px;
        }

        div.searchtextbox div.form-group {
            display:none;
        }

    body.subpage.searchresults div#masterrow {
        margin-top:50px;
    }

        body.subpage.searchresults div#masterrow article {
            padding:15px;
        }

    #nav {
        display:none;
    }

    div.page-header {
        background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAfQAgMAAAB+vt0eAAAACVBMVEUAAABmZmZmZmaO3ZBrAAAAAnRSTlMAZDxMaHkAAAAeSURBVEjH7cExAQAACMCgRTOa0Y3hA1TbBAAAADw6xYUAwbsePacAAAAASUVORK5CYII=');
        background-position:0 137px; /* xs */
    }

    nav.hamburgernav {
        top:15px;
    }
    body.cml  nav.hamburgernav {
        top:0;
    }

    section.logo {
        margin-right:10px;
    }

    div.row.resellerlisting div.resellerarea div.reseller {
        padding:20px;
    }
    body.cml div.row.resellerlisting div.resellerarea div.reseller {
        padding:0 15px;
    }

        div.row.resellerlisting div.resellerarea div.reseller > img.pageimage {
            margin:20px -10px;
        }
        
    article header, section.main p, section.main h3, div.sidebar p, div.sidebar h2 {
        margin:0 10px 10px 10px;
    }
    section.main div.resellerarea h3 {
        margin:10px 0 0 0;
    }

    section.featuredboxes div.gridbox.gridbox-4 div.slideoverlay.slidetext {
        margin:auto;
        left:0; right:0;
    }

    div.gridbox.gridbox-4, section.featuredboxes img {
        width:100%;
    }
}

@media screen and (min-device-width:360px) and (max-device-width:480px) {
    body.debug nav.hamburgernav div.navbar-header button.navbar-toggle{ background-color:orangered !important; }

    div.container-fluid.fullwidth {
        /*max-width:360px;*/
    }

    div.gridbox.gridbox-4 {
    }

    section.main img {
    }

    div.row.resellerlisting {
    }
}

@media screen and (min-device-width:375px) and (max-device-width:480px) {
    body.debug nav.hamburgernav div.navbar-header button.navbar-toggle{ background-color:darkorange !important; }

    div.container-fluid.fullwidth {
    }

    div.gridbox.gridbox-4 {
    }

    section.main img {
    }

    div.row.resellerlisting {
    }

    div.row#caf { /* Content above footer */
    }
}



    /* insta hack (wrong img sizes) */
    @media (min-width:481px) {
        /* 2017-09-08: Hard-code the given size, due to erraneous image sizes uploaded. */
        body.cmldk #instagram div.row.posts div.post img {
            height:320px; width:320px;
        }
       body.debug #contactphone {color:orangered;}
    }
    @media (min-width:768px) {
        /* 2017-09-08: Hard-code the given size, due to erraneous image sizes uploaded. */
        body.cmldk #instagram div.row.posts div.post img {
            height:202px; width:202px;
        }
        body.debug #contactphone {color:red;}
    }