/*
--------------------------------------------------------------------------------------------------
  Butik: Marifix System AB
  Detta CSS är en del av Askås Internetbutik.
  COPYRIGHT (c) ASKÅS INTERNET- & REKLAMBYRÅ AB 1998-2015. ALLA RÄTTIGHETER RESERVERADE.
  INNEHÅLLET FÅR EJ KOPIERAS, ÄNDRAS, ANVÄNDAS, LAGRAS ELLER DISTRIBUERAS UTAN TILLSTÅND 
  FRÅN ASKÅS INTERNET- & REKLAMBYRÅ AB.
--------------------------------------------------------------------------------------------------
*/

/*
--------------------------------------------------------------------------------------------------
  TYPOGRAFI OCH FÄRGER
--------------------------------------------------------------------------------------------------
*/

body,p,td,ul,ol, .Kundtjanst table tbody tr td div b, .Presentkortsruta tbody tr td b {
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
color: #000;
margin: 0;
}

select, input, textarea, button {
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

b, strong, #PrisFalt span, .Snabbkassa_Varningsmeddelande, .PT_Beskr a, .PT_Pris, .PT_Pris div, .PT_Antalsfalt, #FraktFaltText, #LevtidFaltText, #SaldoText, #ArtnrFaltText, .TeknSpec_Rad1_Vanster, .TeknSpec_Rad2_Vanster, #KundBetygText, .KampanjFalt-Text, .Snabbkassa_Flik_Normal, .inloggningsruta p, .Artgrp_VisaFlerArtiklar_Markerad, .nav li.active > a, 
.nav li.active-parent > a, a.Webbsida_Toppmeny_Markerad, .bloggkommentar_rubrik, .nav ul.niva1 > li > a, .headline, .Topoffer_Artikelnamn, .Topoffer_Pris, #SubmitFalt .Knapp_Kop_Tabell_Artikel a, a.CartButton, .Checkout a, .bestallningsknapp, .Snabbkassa_Kunduppgift_Etiketter, #BetalningsmetoderRam span a, #FraktmetoderRam span a, .SumWrap, .reviewname, #Lagerstatus, .Kassan h1:first-child,
#footer-wrapper h4, #KampanjFalt div div:first-of-type {
font-family:'Open Sans', Arial, Helvetica, sans-serif;
font-weight: 600 !important;
}

/* Gör aktivt menyval tydligare */
.nav li.active > a {font-weight: 800 !important;}

@media screen and (min-width: 850px) {
.nav ul.niva1 > li.active {background: #1d2f63;}
}

h1,h2,h3,h4 {
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-weight: 500;
font-style: normal;
line-height: normal;
margin: 0 0 5px;
}

/* TEXTSTORLEKAR */
h1 {font-size: 2.5em;}
h2 {font-size: 1.9em;}
h3 {font-size: 1.25em;}
h4 {font-size: 1.0em;}

.ArtikelnamnFalth1 {font-size: 1.5em;}

.fa-shopping-cart, .fa-user, .mobilenav-icon, .fa-search, .mobilenav.active .nav > ul > li i, .mobilenav.active .toppmeny > ul > li i, .AIRvarukorg-Text i.fa-caret-down, .AIRvarukorg-Text i.fa-shopping-cart, #PrisFalt span, .PrisBOLD, #Felmeddelande h1, .Varukorg .AIRvarukorg-Arrow:before {
font-size: 25px !important;
}

.Artikellista_PrisKampanj, .PT_Pris, .PT_Pris div, .PT_Pris span, .Artikellista_Pris, .Artikellista_PrisStafflade, .Snabbkassa_Flik_Normal div, .Snabbkassa_Flik_Normal span, .headline, .Topoffer_Artikelnamn, .Topoffer_Pris, #LankAdressblockAnvnamn b, #LankAdressblockLeveransadress b, #LankAdressblockFakturaadress b, #LankAdressblockOvrigt b, .Snabbkassa_Kundfalt_FAdress_Rubrik b, .Snabbkassa_Flik_Normal div, .Snabbkassa_Flik_Normal span, .Ingress {
font-size: /*18px !important*/ 16px;
}

.PT_Beskr a, .PrisREA, .PrisORD, .VGPrisStor, .Topoffer_Artikelnamn, .rubrikPris, .rubriker i, .SumTxt, .Sum, .sokrutan i, .headline, .Sokfalt, .nyhetsbrevsanmalan input, #SubmitFalt .Knapp_Kop_Tabell_Artikel a, #footer-wrapper h4 {font-size: 16px;}
.bestallningsknapp, .PT_PrisOrdinarie, .PT_Text_Kort, .nav ul li ul li ul li a {font-size: 14px !important;}
.nav-topmenu ul li a, .PT_Status div:before, .PT_Status div:after {font-size: 12px;}
.PT_PrisOrd, .artikel-topplista-pris p, .valutavaljare, .Artgrupp_header, .Artgrp_VisaFlerArtiklar a, .Artgrp_VisaFlerArtiklar span,.PT_Antalsfalt, .artikel-topplista-text, .artikel-topplista-text p {font-size: 10px;}


/* TEXTEGENSKAPER */
 .PrisORD, .artikel-topplista-pris p, .PT_PrisOrdinarie {text-decoration: line-through;}

.PT_Antalsfalt, .rubrik-kundvagn, #dialogruta div, .PT_Bildruta, .PT_Bildruta a, .Antal input, .PT_Bildruta img, .Artikellista_PrisStafflade, #Bildkolumn, .BildZoomThumbnails a, .BildZoomThumbnails img {text-align: center;}

.Artikellista_PrisKampanj, .Artikellista_Pris, .comment {text-align: right;}

/*.bestallningsknapp, .Snabbkassa_Flik_Normal, .kampanjmenu li > a, .nav-menu.varumarken, .mobilenav.active .toppmeny a {text-transform: uppercase;}*/

.kampanjmenu li ul li a {text-transform: none;}

.bestallningsknapp, .R-Toggle, .Knapp_Sok_Produkt {cursor: pointer;}

a.forgotpassword {line-height: normal !important;}

#main p, .Ingress {margin: 0 0 10px;}


/* TEXTFÄRGER */
#Felmeddelande h1, #dialogruta div, #dialogruta div a, .nav .nav-menu li ul a, .toppmeny li:hover, .toppmeny .niva2 li a, #InfoAttDelbetalaInline {color: #000 !important;}

.Knapp_Kop a, .buy-button, .Knapp_Info a, .info-link, .Knapp_Kop a:hover, .buy-button:hover, .Knapp_Info a:hover, .Knapp_Generell a, .Knapp_Generell a:hover, .bestallningsknapp, #Adressblock .LankLoggain a, a.CartButton, .Checkout a, .Checkout a:hover, .nav-topmenu a, a.login, .Varukorg span, .fa-shopping-cart, .fa-search, .mobilenav .nav ul li a, .submitKnapp input, .toppmeny a {
color: #fff !important;
}

.mobilenav-icon {color: #fff;}

#breadcrumb a, #breadcrumb, .mobilenav.active .toppmeny a {color: #999 !important}

a:hover, .PT_PrisOrdinarie, .PT_Pris_Text, .PrisORD, .Sokfalt, .PT_PrisListaKampanjOrdinarie {color: #666 !important;}

.nav a:hover {color: #fff !important;}

a, a:link, a:visited, a:active, /*p,*/ td, ul, select, input, textarea {color: #000;}
.TextKort a, .webbsida a, .Egen_Infogad_HTML a, div.section.startsidan p a, .lagerDemo a, #railingContainer p a, a.standardTextLink {color: #355fdf;}

.PT_PrisOrd, .PrisPROCENT, .PrisREA,
#PrisFaltStafflade, .Artikellista_PrisKampanj, .Snabbkassa_Varningsmeddelande, #InfoAttDelbetala {color: #ef4030 !important;}

.PT_PrisKampanj, .PT_PrisListaKampanj {color: #ef4030; font-weight: 600;}
.PT_PrisListaKampanjOrdinarie {text-decoration: line-through;}


/* BAKGRUNDSFÄRGER */
.R-Toggle.mobile-only, .TeknSpec_Rad1_Vanster, .TeknSpec_Rad1_Hoger, .Sokfalt {background: #fff;}
.TeknSpec_Rad2_Vanster, .TeknSpec_Rad2_Hoger {background: #f9f9f9;}

.Flik_Beskr_Normal a, .Flik_Beskr_Saknas, .Flik_Normal a, .Flik_Beskr_Markerad a, .Flik_Markerad a, #ListaOmArtiklarSaknas li a:hover {
background: #f5f5f5;
}

.Flik_Beskr_Normal a, .Flik_Beskr_Markerad a, .Flik_Normal a, .Flik_Markerad a, .Flik_Beskr_Markerad a, #ListaOmArtiklarSaknas li a, .nav > ul > li, .nav ul.niva1 > li.active > a, .nav ul.niva1 > li.active-parent > a, #LSS_Result .SokMer {
   transition: background 0.3s;
}

.Flik_Beskr_Normal a:hover, .Flik_Beskr_Markerad a:hover, .Flik_Normal a:hover, .Flik_Markerad a:hover, .Flik_Beskr_Markerad a, #ListaOmArtiklarSaknas li a, .nav > ul > li:hover, /*.nav ul.niva1 > li.active:hover > a, .nav ul.niva1 > li.active-parent:hover > a,*/ #LSS_Result .SokMer:hover {
   background: #1d2f63;
}


/* KNAPPAR */
.Knapp_Generell a, #Adressblock .LankLoggain a, .knapp {background: #233977;}
.Knapp_Generell a:hover, .Knapp_Info a:hover, .knapp:hover {color: #ddd !important;}

.Knapp_Kop a, .buy-button, .Knapp_Info a, .info-link, a.CartButton, #AIRvarukorg-Wrap .Checkout a, .bestallningsknapp {background-color: #233977;}

.Knapp_Kop a:hover, .buy-button:hover, a.CartButton:hover, .bestallningsknapp:hover, .knapp:hover {background: #617baa !important;}

.Checkout a:hover, .Varukorg:hover .AIRvarukorg-Arrow, .Varukorg:hover .AIRvarukorg-Sum, .login:hover, .fa-search:hover, .mobilenav-icon:hover, .Sokknapp:hover {color:#ddd !important;}


/* BOX-SHADOW / SKUGGA OCH BORDER-RADIUS */
#toplineWrapper, #LSS_Result, .PT_Wrapper, .PT_wrapper.Lista, #kampanjytaStartsida, .startsidaSpot .col, .webbsidaWrapper, 
.Egen_Infogad_HTML, .BildZoomThumbnails, .ProduktBild, .matched-group-link, .Snabbkassa_Varukorg, #BetalningsmetoderRam span, 
#FraktmetoderRam span, .toppmeny, .startsidanWrapper .owl-wrapper-outer, .header-wrapper.scrollShadow .header, 
.Artikellista_tabell > tbody, .Snabbkassa_Rekommenderat_Rubrik, .spotL, .spotR, .TeknSpec_Tabell, #variantSidebar object, 
.pdfContainer, .TeknSpec_Link, .TextKort, .shadedBox, .cm-img-wrapper img {
   background: #fff;
   box-shadow: 0 0px 3px 0 rgba(0,0,0,0.1), 0 3px 3px -2px rgba(0,0,0,0.15);
   border-radius: 3px;
}

.startsidaSpot .col img {border-radius: 3px;}
.spotL, .spotL img, .spotR, .spotR img, .cm-img-wrapper img {border-radius: 5px;}

.inloggningsruta, #AIRvarukorg-Wrap, .f-p li ul, .desktop .nav ul.child-ul.niva2, #LSS_Result {
   background: #fff;
   box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}

#startsidaStorSpot .spotL, #startsidaStorSpot .spotR, .startsidaSpot .col, .PT_Wrapper, .owl-wrapper-outer, .cm-img-wrapper img {
   transition: 0.3s box-shadow;
}

#startsidaStorSpot .spotL:hover, #startsidaStorSpot .spotR:hover, .startsidaSpot .col:hover, .PT_Wrapper:hover, .owl-wrapper-outer:hover, #railingContainer .owl-thumb-item:hover, .cm-img-wrapper img:hover {
   box-shadow: 0 0 5px 0 rgba(0,0,0,0.15), 0 3px 5px -2px rgba(0,0,0,0.25);
}

/*BREADCRUMB*/	
#breadcrumb {margin: 14px 0;}

/* GENERELL CLEAR-KLASS */
.clear {clear: both;}

/*
--------------------------------------------------------------------------------------------------
  KLASSER FÖR WYSIWYG-INNEHÅLL
--------------------------------------------------------------------------------------------------
*/

/* PDF-länkar och Issuu-länkar */
.pdf-link {
display: block;
position: relative;
margin-left: 27px;
padding: 6px 0;
color: #000 !important;
}

.pdf-link:before {
content: url('/dokument/bibliotek/Image/pdf-icon-small.png');
position: absolute;
left: -27px;
top: 3px;
}

.issuu-link {
display: block;
padding: 6px 0;
font-size: 12pt;
color: #000 !important;
}

/* CE-märkningsboxar */
.ce-link {
font-size: 20pt;
border: 3px /*#36f*/ #355fdf solid;
margin: 0 10px 10px 0;
padding: 15px 0;
border-radius: 10px;
width: 150px;
display: inline-block;
text-align: center;
}

/* Ändra tillbaka färgen på kataloglänkarna på infosidan */
.catalogueLinks a {color: #000;}

/* Highlightbox och Shadedbox */
.highlightbox, #KreditorInfo {
padding: 1em;
margin-top: 1.25em !important;
margin-bottom: 1.5em;
background: #f5f5f5;
border: 1px solid #ddd;
}

.shadedBox {
padding: 1em;
margin-top: 1.25em !important;
margin-bottom: 1.5em;
background: #fff;
}

#KreditorInfo {background: #f5f5f5 !important;}

/* Kampanjbox */
.kampanjbox {
padding: 1.5em;
margin: 1.5em 0 2em !important;
background: #ef4030;
}

.kampanjbox h2, .kampanjbox p {
color: #FFF !important;
}

/* Text i startsideslidern */
.owl-rubrik {
font-size: 3em;
}

/* Tabell på kontaktsidan */
.contactTable {
    width: 100%;
    margin: 0 0 2.5em;
    border-collapse: collapse;
}

.contactTable th, .contactTable td {
    padding: 0.5em 1em;
    background: #f9f9f9;
    border: 1px solid #ddd;
}


/* Gamla railingsidorna */
.webbsidaBanner {
clear: both;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
color: #fff;
height: 275px;
}

.webbsidaBanner h1 {
position: absolute;
bottom: 5px;
left: 20px;
font-size: 3em;
font-weight: 600;
margin: 0;
text-shadow: 0 0 5px #000, 0 0 5px #000;
}

.webbsidaBanner h1 span {
display: block;
font-size: 0.5em;
line-height: 0.75em;
padding-bottom: 0.75em;
}

/* Passa banners etc. till topp och bredd (tänk på att anpassa margin-top på efterföljande element) */
.wideBox {
position: absolute;
top: 0;
left: 0;
width: 100%;
}

.adjustForWideBox {margin-top: 270px !important;}

@media screen and (max-width : 1000px) {
    .adjustForWideBox {margin-top: 290px !important;}
}


/* Kompletta räcken */

.webbsidaDoljPaMobil {max-width: 672px; width: 100%;}

@media (max-width: 850px) {
.webbsidaDoljPaMobil {display: none !important;}
.komplettaHoger .komplettaPrisDiv p:first-child {text-align: right !important; float: left !important; padding-left: 0 !important; padding-right: 20px !important;}
.komplettaVanster > img:first-child, .komplettaHoger > img:first-child {float: none; width: auto; margin: 0;}
}

a.begarOffert {display: block; color: #000; padding: 5px; background: #EEE; border: 1px solid #999; text-align: center; font-weight: 600;}

.webbsidaStycke {margin: 5em 0; clear: both;}
.webbsidaStycke details summary {color: #355fdf; cursor: pointer; outline: none; margin: 1em 0;}
.webbsidaStycke details p:nth-child(2) {padding-top: 10px; clear: both;}

.komplettaVanster img {float: left; margin: 0 2em 2em 0;}
.komplettaVanster .komplettaPrisDiv p:first-child {padding-left: 20px; float: right;}
.komplettaPrisDiv p:nth-child(2) {float: left;}

.komplettaHoger img {float: right; margin: 0 0 2em 2em;}
.komplettaHoger .komplettaPrisDiv p:first-child {padding-right: 20px; float: left; text-align: right;}
.komplettaPrisDiv p:last-child {float: right;}

.komplettaPrisDiv {clear: both; margin-top: 20px;}
.komplettaPrisDiv p:first-child {color: #ef4030; font-weight: 600; line-height: 1.1em; width: 50%; clear: both;}
.komplettaPrisDiv p:nth-child(2) {width: 50%;}

.komplettaPrisDiv p span:first-child {font-size: 1.3em;}
.komplettaPrisDiv p span:nth-child(2) {font-size: 0.8em;}


/* Bildspel startsidan */
.startsidanBildspelDesktop {display: block;}
.startsidanBildspelMobil {display: none;}


/* =============== Kompletta räcken > Offert =============== */

/* INTRO & GENERELLT */
    #valjOffertmetod {padding: 25px !important;}
    #valjOffertmetod li {list-style-type: none;}
    #railingTillbaka {padding: 0.75em 1.5em;}
    
    #valjOffertmetod li:first-child, #railingTillbaka {
        box-shadow: 0 5px 0 -3px rgba(0,0,0,0.2);
    }
    
    #valjOffertmetod li:first-child:hover, #railingTillbaka:hover {
        background: #ddd;
        cursor: pointer;
        transition: background 0.2s;
    }
    
    #valjOffertmetod li h2, #railingTillbaka {
        font-size: 1.15em;
        font-weight: 600;
        margin: 0;
    }
    
    input[type=number]::-webkit-inner-spin-button, 
    input[type=number]::-webkit-outer-spin-button { 
        -webkit-appearance: none; 
        margin: 0; 
    }
    
    input[type=number] {
        -moz-appearance:textfield;
    }
    
    input[type=text], input[type=number], input[type=email], input[type=tel] {
        padding: 0 5px;
    }
    
    input[type=radio]:focus {
        border: none;
        box-shadow: none;
    }
    
    fieldset, #railingBild {
        margin: 30px 0;
        padding: 0;
        border: none;
    }
    
    /* RADIOKNAPPAR */
    #railingTyp label, #railingSidantal label, #railingHojd label, #railingHandledare label, #railingAntalVajrar label {
        border: 1px solid #ccc;
        border-radius: 3px;
        padding: 15px;
        text-align: center;
        display: block;
        float: left;
        position: relative;
        cursor: pointer;
    }
    
    #railingTyp label {min-height: 165px;}
    #railingSidantal label img {max-width: 65%;}
    #railingSidantal label span {display: none;}
    
    #railingTyp label.selected, #railingSidantal label.selected, #railingHojd label.selected, #railingHandledare label.selected, #railingAntalVajrar label.selected {
        border: 1px solid green;
        background: #cce0cc;
        transition: border 0.3s, background 0.3s;
    }
    
    #railingTyp input, #railingSidantal input, #railingHojd input, #railingHandledare input, #railingAntalVajrar input {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    #railingTyp span, #railingSidantal span, #railingHojd span, #railingHandledare span, #railingAntalVajrar span {
        display: block;
        font-weight: 600;
    }
    
    /* MÅTT */
    #railingDetaljer fieldset, #railingBild {margin: 0 0 15px;}
    
    #railingDetaljer label, #railingKontakt label {
        display: block;
        margin: 0 0 15px;
    }
    
    #railingDetaljer label .label, #railingKontakt label .label {display: block;}
    #railingDetaljer input, #railingKontakt input {height: 30px;}
    #railingKontakt input {width: 225px;}
    
    #railingDetaljer input {
        width: 100px;
        margin-right: 5px;
    }
    
    #railingBild img {width: auto;}
    
    /* KONTAKT ETC. */
    textarea {
        width: 100%;
        max-width: 672px;
        line-height: 1.3em;
    }
    
    .req {
        color: #ef4030;
        font-weight: 800;
        display: inline !important;
        font-size: inherit;
    }
    
    label .caPris {color: #999;}
    
    #railingSubmit {
        width: 100%;
        padding: 10px 0;
        font-size: 1.2em;
        cursor: pointer;
    }
    
    #railingSubmit.working {
        background: #737373;
        border-color: #333;
        transition: background 0.3s, width: 0.3s;
    }