﻿* {
    border: 0;
    padding: 0;
    margin: 0;
}

    *:focus {
        outline: none;
    }

body {
    font-family: 'Source Sans Pro';
}

.white {
    background: #fff;
}

.div_ok {
    color: #fff;
    background: #5cb85c;
    padding: 10px;
    margin-bottom: 20px;
}

.div_error {
    color: #fff;
    background: #d9534f;
    padding: 10px;
    margin-bottom: 20px;
}

#content .tbl_kontakt tr td {
    padding-bottom: 20px;
}

.wrap {
    width: 1061px;
    margin: auto;
}

.foot1 {
    margin-left: 2% !important;
}

header {
    height: 138px;
    position: relative;
}

    header .logo img {
        padding-top: 22px;
    }

#search {
    background:url(/templates/pages/svep/g/sbg.png) no-repeat 0 5px;
    position: absolute;
    top: 40px;
    right: 30px;
    border-radius: 5px;
    width: 210px;
    font-family: 'Source Sans Pro';
    font-size: 20px;
    font-weight:300;
    color: #cacaca;

   
    padding: 0px;
    padding-left:20px;
    padding-bottom:20px;
    
}

#search:focus {
    
    color: #aaa;
}

.cart {
    background: #a0e1d4;
    text-shadow: 1px 1px 1px #72bfb0;
    border: 1px solid #91d3c6;
    position: absolute;
    color: #fff;
    text-decoration: none;
    top: 6px;
    right: 30px;
    padding: 4px 6px;
    font-size: 13px;
    border-radius: 4px;
}



.form {
    border-radius: 5px;
    width: 280px;
    font-family: Verdana;
    font-size: 12px;
    color: #aaa;
    border: 1px solid #e6e6e6;
    padding: 8px;
    box-shadow: inset 0px 1px 1px 1px #f4f4f4;
}

    .form.ddl {
        color: #aaa;
        width: auto;
    }

    .form:focus {
        border: 1px solid #ccc;
        box-shadow: inset 0px 1px 1px 1px #f1f1f1;
        color: #333;
    }

header nav {
    position: absolute;
    right: 30px;
    bottom: 0px;
}

    header nav ul {
        list-style: none;
    }

        header nav ul li {
            float: left;
        }

            header nav ul li a {
                float: left;
                display: block;
                padding: 7px 14px;
                font-family: 'Source Sans Pro';
                font-size: 12px;
                background: #f29400 url(/templates/pages/svep/g/login.png) 12px center no-repeat;
                color: #fff;
                text-decoration: none;
                padding-left: 35px;
                letter-spacing: 0.7px;
                text-transform: uppercase;
                font-weight: 300;
                margin: 0 7px;
                position: relative;
                border-top-left-radius: 3px;
            }

                header nav ul li a:before {
                    content: "";
                    height: 35px;
                    width: 13px;
                    position: absolute;
                    background: #f29400;
                    left: -5px;
                    top: 1px;
                    transform: rotate(15deg);
                    -webkit-transform: rotate(15deg);
                    border-top-left-radius: 5px;
                    border-top-right-radius: 5px;
                }

                header nav ul li a:after {
                    content: "";
                    height: 35px;
                    width: 13px;
                    position: absolute;
                    background: #f29400;
                    right: -9px;
                    top: 0px;
                    transform: rotate(-15deg);
                    -webkit-transform: rotate(-15deg);
                    border-top-right-radius: 5px;
                }

                header nav ul li a:hover {
                    z-index: 2;
                }

                header nav ul li a.kred {
                    background: #424242 url(/templates/pages/svep/g/coin.png) 12px center no-repeat;
                }

                    header nav ul li a.kred:before, header nav ul li a.kred:after {
                        background: #424242;
                    }

                header nav ul li a.webshop {
                    background: #2e2d2e url(/templates/pages/svep/g/webshop_v2.png) 12px center no-repeat;
                }

                    header nav ul li a.webshop:before, header nav ul li a.webshop:after {
                        background: #2e2d2e;
                    }

                header nav ul li a.searchc {
                    background: #004494 url(/templates/pages/svep/g/search_v2.png) 12px center no-repeat;
                }

                    header nav ul li a.searchc:before, header nav ul li a.searchc:after {
                        background: #004494;
                    }



.navi {
    background: #707173;
    background: url(/templates/pages/svep/g/navi3.png) bottom center;
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
}

    .navi nav {
        font-size: 13px;
        color: #fff;
        font-weight: 300;
        font-family: 'Source Sans Pro';
        letter-spacing: 0.7px;
        text-transform: uppercase;
        padding-left: 20px;
    }

        .navi nav ul li {
            display: block;
            float: left;
        }

            .navi nav ul li a {
                display: block;
                float: left;
                background: #707173 url(/templates/pages/svep/g/white.png) bottom center no-repeat;
                color: #fff;
                text-decoration: none;
                padding: 14px 20px;
            }

                .navi nav ul li a:hover {
                    background-color: #aaa;
                }

    .navi .wrap {
        background: #707173 url(/templates/pages/svep/g/white2.png) bottom center repeat-x;
        overflow: auto;
    }

    .navi nav ul li a.relative {
        background: #000 url(/templates/pages/svep/g/selected.png) bottom center no-repeat;
    }

.container {
    background: #f9f9f9;
    border-bottom: 1px solid #f9f9f9;
}

.wrap.main {
    
    clear: both;
    overflow:auto;
    padding: 20px;
    width: 1021px;
    padding-top: 60px;
}


.col1 {
    margin-top: 15px;
    width: 52.9%;
    margin-right: 2%;
    float: left;
}

.col2 {
    width: 45.1%;
    margin-top: 15px;
    float: left;

}

.col2_sub ul, .col2_sub ol {
    margin-left: 20px;
}

.shortcuts {
    list-style: none;
    margin-bottom: 20px;
    overflow: auto;
}

    .shortcuts li {
        display: block;
        float: left;
        width: 48.8%;
        margin-right: 1.2%;
        margin-bottom: 5px;
        border-radius: 4px;
    }

        .shortcuts li a {
            display: block;
            text-transform: uppercase;
            background-image: none !important;
            padding: 18px;
            text-align: center;
            letter-spacing: 0.7px;
            color: #fff;
            font-weight: 300;
            background: #aaa;
            text-decoration: none;
            font-size: 14px;
            box-shadow: 1px 0px 3px 0px #bbb;
        }

            .shortcuts li a:hover {
                background: #ccc;
            }
/*
            .shortcuts li a.sk {
                background:#004494 url(/templates/pages/svep/g/sk.png) no-repeat 10px center;
            }

             .shortcuts li a.blankett {
                background:#004494 url(/templates/pages/svep/g/blankett.png) no-repeat 10px center;
            }

             .shortcuts li a.index {
                background:#004494 url(/templates/pages/svep/g/index.png) no-repeat 10px center;
            }

              .shortcuts li a.ppl {
                background:#004494 url(/templates/pages/svep/g/ppl.png) no-repeat 10px center;
            }  .shortcuts li a.calc {
                background:#004494 url(/templates/pages/svep/g/calc.png) no-repeat 10px center;
            }
               .shortcuts li a.offert {
                background:#004494 url(/templates/pages/svep/g/offert.png) no-repeat 10px center;
            }
            .shortcuts li a:hover {
                background-color:#094e9f;
            }*/



h2 {
    color: #004494;
    font-size: 22px;
    font-weight: 600;
    background: url(/templates/pages/svep/g/down.png) no-repeat center left;
    padding-left: 15px;
    margin-bottom: 10px;
}


.nowinfo {
    padding: 20px;
    padding-left: 20px;
    background: #fff;
    font-weight: 600;
    color: #2e2e2e;
    font-size: 14px;
    margin-bottom: 5px;
    cursor: pointer;
    box-shadow: 0px 0px 3px 0px #e4e0d6;
}

    .nowinfo .text {
        font-weight: 400;
        display: none;
    }

        .nowinfo .text p {
            padding-bottom: 10px;
        }

    .nowinfo span {
        color: #f29400;
    }


.col1 p {
    padding-bottom: 11px;
}

.aboutus {
    font-size: 14px;
    color: #4a4842;
    line-height: 20px;
    border-bottom: 1px solid #e4dfd1;
    margin-bottom: 20px;
}

#div_searchleft {
    display: none;
}

h1 {
    font-weight: 300;
    color: #222222;
    font-size: 38px;
    line-height:40px;
    margin-bottom: 20px;
}

.newsitem img {
    display: block;
    width: 100%;
    max-width: 100%;
}

.newsitem {
    background: #fff;
    box-shadow: 0px 0px 3px 0px #e4e0d6;
    border-bottom: 1px solid #eae9e4;
    margin-bottom: 20px;
    display: block;
    text-decoration: none;
}

    .newsitem .content {
        padding: 10px;
        font-size: 15px;
        font-weight:400;
        color: #2e2e2e;
    }
  .content ol {
            margin-left: 20px;
            margin-bottom: 10px;
        }
        .newsitem .content ul,.newsitem .content ol {
            margin-left: 20px;
            margin-bottom: 10px;
        }

            .newsitem .content ul li {
                margin-bottom: 5px;
            }

        .newsitem .content span {
            color: #f29400;
            font-weight: 700;
        }

    .newsitem h3 {
        color: #111;
        font-size: 21px;
        font-weight: 400;
    }


footer {
    padding: 20px;
    overflow: auto;

    padding-top: 10px;;
}


.kvpaper {
    background: #fff;
    margin: 20px 0;
    box-shadow: 0px 0px 3px 0px #e4e0d6;
}

    .kvpaper .head {
        color: #0099d9;
        font-size: 17px;
        font-weight: 700;
        padding: 30px 20px;
        padding-left: 170px;
        background: url(/templates/pages/svep/g/kyla-varme-logga.jpg) no-repeat 20px center;
    }

    .kvpaper .content {
        border-top: 1px solid #e4f3f9;
        padding: 20px;
        background: #f5fcff;
        font-size: 13px;
        color: #4f4e4e;
    }

        .kvpaper .content h4 {
            font-weight: 700;
            color: #0099d9;
            font-size: 14px;
        }

        .kvpaper .content a {
            display: block;
            text-decoration: none;
            margin-bottom: 10px;
            color: #4f4e4e;
        }


.col1_sub {
    width: 25%;
    margin-right: 2%;
    float: left;
    border-bottom:1px solid #e0dfdf;
}

.col2_sub {
    width: 70%;
    float: left;
}

    .col2_sub .textcontent ul li {
        margin-bottom: 10px;
    }

    .col2_sub .textcontent {
        overflow:auto;
        padding: 20px;
        padding-top:0;
        padding-left:0;
       font-weight:300;
       color:#222222 !important;
        line-height: 30px;
        font-size: 17px;
    }
    .col2_sub .textcontent table tr td {font-size:14px;}
        .col2_sub .textcontent table {
            margin-bottom: 10px;
        }

    .col2_sub p {

        padding-bottom: 11px;
    }

.col1_sub nav {
    background: #fff;
   
    
}

    .col1_sub nav ul {
        list-style: none;
        margin: 0%;
    }

        .col1_sub nav ul li {
            background:#f9f9f9;
        }

            .col1_sub nav ul li a {
                border:1px solid #e0dfdf;
                border-bottom:0;
                display: block;
                color: #333333;
                text-decoration: none;
                font-weight: 600;
                font-size: 16px;
                padding: 10px 15px;background: #fff;
            }

            .col1_sub nav ul li a.active {color:#004494; border-bottom:0;}
             .col1_sub nav ul li.mmlvl_2 a.active{margin-bottom:0px;}
                .col1_sub nav ul li a:hover {
                    background: #f4f4f4;
                }


            .col1_sub nav ul li.mmlvl_1.cplvl_2 a.relative {
                
                border-bottom:0px solid #e0dfdf;
            }
            .col1_sub nav ul li.mmlvl_1.cplvl_3 a.relative {
                
                border-bottom:1px solid #e0dfdf;
            }
             .col1_sub nav ul li.mmlvl_1.cplvl_4 a.relative {
                
                border-bottom:1px solid #e0dfdf;
            }

             .col1_sub nav ul li.mmlvl_2.cplvl_3 a.relative {
                
                border-bottom:1px solid #e0dfdf;
            }

               .col1_sub nav ul li.mmlvl_2.cplvl_4 a.relative {
                
                border-bottom:1px solid #e0dfdf;
            }

           

           

            .col1_sub nav ul li.mmlvl_2 a {
                margin-left:15px;
               
                
               
                
            }

            .col1_sub nav ul li.mmlvl_3 a {
                
                
                margin-left:30px;
              
              
            }

               

            .col1_sub nav ul li.mmlvl_3 {
                /*margin-left:40px;*/
            }

.content a, .lcol1 a {
    color: #0099d9;
    text-decoration: none;
}

.col2_sub a {
    color: #0099d9;
    text-decoration: none;
}

.footmenu {
    background: #333;

    font-size: 13px;
    padding: 20px;
    color: #fff;

    overflow: auto;
}

    .footmenu ul {
        list-style: none;
    }

        .footmenu ul li {
            float: left;
            width: 15%;
            margin-left: 2%;
        }

            .footmenu ul li ul li {
                float: none;
                width: 100%;
            }

                .footmenu ul li ul li a {
                    color: #fff;
                    text-decoration: none;
                }


footer ul {
    list-style: none;
}

    footer ul li {
        display: block;
        float: left;
        width: 9.5%;
        margin-left: 2%;
    }



.btn_green {
    display: block;
    float: left;
    color: #fff !important;
    background: #5db218;
    padding: 8px 18px;
    text-decoration: none;
    border-radius: 2px;
    margin-top: 10px;
}

.btn_red {
    display: block;
    float: left;
    color: #fff !important;
    background: #dc2c2d !important;
    padding: 8px 18px;
    text-decoration: none;
    border-radius: 2px;
    margin-top: 10px;
}

.errormsg {
    display: block;
    color: #fff !important;
    background: #dc2c2d !important;
    padding: 8px 18px;
    text-decoration: none;
    border-radius: 2px;
    margin-bottom: 20px;
}



.sub_lan_tr td {
    padding-top: 10px;
    padding-bottom: 3px;
    border-bottom: 1px solid #e3e3e3;
}

.sub_result_item td {
    padding: 4px 0;
}


    .sub_result_item td a {
        color: #0099d9;
        text-decoration: none;
    }

.tblcart {
    width: 100%;
}

    .tblcart tr td {
        border-bottom: 1px solid #e3e3e3;
        padding: 4px 0px;
    }


.w1, .w2 {
    float: left;
    width: 49%;
    margin-right: 3%;
}

    .w1 .form, .w2 .form {
        width: 90%;
        padding: 6px;
        margin-bottom: 5px;
        color: #555;
    }

        .w1 .form:focus, .w2 .form:focus {
            color: #222;
        }

.w1 {
    border-right: 1px solid #e3e3e3;
}

.w2 {
    width: 43%;
}

#files {
    display: none;
}

.subwithfiles_1 {
    float: left;
    width: 72%;
    padding-right: 3%;
    border-right: 1px solid #e0dfdf;
}


.subwithfiles_2 {
    width: 21%;
    float: left;
    padding-left: 3%;
    display: block !important;
}

#files {
    font-size: 14px;
    font-weight:300;
    
}

#listfiles a {
    padding:8px;
    padding-left: 26px;
    display: block;
    font-size: 13px;
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 16px;
    color:#444444;
}

#files a:hover {
   
}

#files h3 {
    color: #444444;
    font-weight: 600;
    padding: 5px 0;
    font-size: 16px;
}

#files a .documentListFileSize {
    color: #999;
}


.rea {
    background: #a0e1d4;
    text-shadow: 1px 1px 1px #72bfb0;
    border: 1px solid #91d3c6;
    color: #fff;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 8px;
}

    .rea a {
        color: #fff;
    }

.ftg_info_new {
    margin: 10px;
    margin-top: 10px;
}


.ftg_q_new {
    color: #848484;
    width: 100px !important;
    border-right: 1px solid #e3e3e3;
    padding: 4px;
    text-align: right;
    padding-right: 10px;
}

.ftg_a_new {
    color: #444444;
    padding: 4px;
    padding-left: 10px;
}

.compitem a {
    color: #0099d9;
}

#content a[href$='.pdf'] {
    /* background:url(/admin/ico/pdf.png) no-repeat;
    vertical-align: middle;
    background-position: 0px 50%;
    padding-left:20px;*/
}

#content table tr td {
    vertical-align: top;
}

    #content table tr td p {
        padding-bottom: 0;
    }

#content h2 {
    background: none;
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 4px;
    margin-top: 10px;
}


#content h3 {
    background: none;
    color: #111;
    padding-left: 0;
    padding-bottom: 0;
    font-weight: 700;
    margin-bottom: 4px;
    font-size: 16px;
    margin-top: 5px;
}

#content table {
    margin-top: 10px;
}

#content ul, #content ol {
    margin-bottom: 20px;
    margin-top: 10px;
    margin-left: 40px;
}

    #content ol li {
        padding-bottom: 5px;
    }

.huvudbild {
    
    display: block;
    margin-bottom: 5px;
}

.url a {
    background: url(/templates/pages/svep/g/link_v2.png) no-repeat 2px 50%;
    padding-left: 25px;
    color:#444444;line-height: 11px !important;
}

   

.dot_b {
    color: #004494 !important;
    font-size: 18px;
    line-height: 15px;
}

.dot_y {
    color: #f29400 !important;
    font-size: 18px;
}

.dot_g {
    color: #489a09 !important;
    font-size: 18px;
}


table.accounts tr td {
    padding: 4px;
    border-bottom: 1px solid #e3e3e3;
}

table.accounts tr:hover td {
    background: #f1f1f1;
}

.topmenu {
    position: fixed;
    z-index: 9999999;
    left: 0;
    right: 0;
    top: 0;
    height: 36px;
    background: #282828; /* Old browsers */
    background: -moz-linear-gradient(top, #282828 86%, #1e1e1e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(86%,#282828), color-stop(100%,#1e1e1e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #282828 86%,#1e1e1e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #282828 86%,#1e1e1e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #282828 86%,#1e1e1e 100%); /* IE10+ */
    background: linear-gradient(to bottom, #282828 86%,#1e1e1e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282828', endColorstr='#1e1e1e',GradientType=0 ); /* IE6-9 */
}

.leftmenu li, .rightmenu li {
    float: left;
    border-right: #222222 1px solid;
    height: 36px;
}

    .leftmenu li a, .rightmenu li a {
        color:#a1a1a1;
        text-decoration:none;
        float: left;
        padding: 13px 10px 11px 28px;
        border-right: #303030 1px solid;
        background-repeat: no-repeat;
        background-position: 6px 10px;
    }

.rightmenu li {
    float: right;
    border-right: 0;
    border-left: #222222 1px solid;
}

    .rightmenu li a {
        float: right;
        padding: 13px 10px 11px 10px;
        border-right: 0;
        border-left: #303030 1px solid;
    }

        .leftmenu li a:hover, .rightmenu li a:hover {
            background-color: #302f2f;
            color: #ccc;
        }

.medlemssidor {
    background: url(/templates/pages/svep/g/medlem.png);
}
.mycompany {
     background: url(/templates/pages/svep/g/editc.png);
    
}
.mycompany_public {
   background: url(/templates/pages/svep/g/mycompany.png);
}
.topmenu .wrap ul {
        height: auto;
    width: auto;
    margin: 0;
    padding: 0;
    position: static;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1;
    font-family: Arial;
    font-size: 12px;
    color: #a1a1a1;
    text-decoration: none;
    cursor: pointer;
    list-style: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.changepass {
    background: url(/templates/pages/svep/g/change.png);
}


.prod_img {width:220px; padding:5px; float:right; margin-right:20px; margin-left:20px; border-radius:5px;  min-height:150px; background:#f1f1f1 url(/templates/pages/svep/g/noimage.png) center center no-repeat ; }
.prod_img img { width:100%; display:block; }
 .tblcart tr:nth-child(even) {
        background: #f7f7f7;
    }

    .tblcart tr:nth-child(odd) {
        background: #fff;
    }

    .tblcart {
        border-collapse: collapse;
        width: 100%;
    }

        .tblcart tr td {
            padding: 10px;
            vertical-align: middle;
            padding-top: 16px;
        }

        .tblcart tr .tblFirst {
            padding: 10px 0 10px 10px !important;
        }

    .tblcart {
        background: #fff !important;
    }

    .tblcart .Cart_top td {
        font-weight: bold;
    }

    .tblcart tr .tdUpdate {
        padding-top: 33px;
        position: relative;
    }

        .tblcart tr .tdUpdate .btnupdate {
            position: absolute;
            vertical-align:middle;
            margin-left: 5px;
            margin-top:5px;
        }

    .tblcart tr td img {
        max-width: 80px;
        max-height: 53px;
    }

    .imgFrame {
        padding:8px;
        background:#fff;
        border:1px solid #e3e3e3;
        width:60px;
        height:50px;
        text-align:center;
    }


     .tbAntal {
        border: 1px solid #e3e3e3;
        width: 30px;
        padding: 3px;
        height: 20px;
    }


     .div_huvudbild a img {max-width:100%;}

     .date_sub {color:#f29400 !important;}
     .sitems {width:99.9%;}
     .sitems a img {border:1px solid #ececec; margin-top:1%;}

     .head_bg {
         position:absolute;
         left:10px;
         bottom:10px;
         width:30%;
         background:#fff;
         overflow:hidden;
     }

     .head_bg h1 {font-size:22px;
                  color:#0f7ecc;
                  padding:20px;
                  line-height:25px;
                  margin-bottom:0;
                  font-weight:300;
     }

     .nowinfo_2 .text{padding-left:55px; border-bottom:1px solid #e3e3e3; font-size:14px; margin-top:-10px; }
      .nowinfo_2 {margin-bottom:10px;}
      .nowinfo_2 ul {margin-left:20px;}
      .nowinfo_2 .text a {color:#0099d9;}

      nav.bread { padding-bottom:2px; padding-top:10px; overflow:auto;}
      nav.bread ul {list-style:none;  padding-left:0px;  line-height:16px; float:left; margin-left:0px;}
      nav.bread ul li { display:inline; color:#e2e1e1; font-weight:300; font-size:13px;}
      nav.bread ul li a {color:#959595; margin-right:8px;}
      .seperator {padding-right:5px; background:url(/templates/pages/svep/g/sep.jpg) no-repeat 0 5px; margin-right:5px;}
      nav.bread ul li a.active {color:#004494}

  .bhome {float:left; width:25px; height:20px; background: url(/templates/pages/svep/g/bhome.jpg) 0 4px no-repeat !important; color:red !important;}

 #content a[href$=".pdf"] {
      background: url(/custom/ext/pdf.png?v=2) no-repeat;
      padding-left:26px;
  }

   .select_years {margin-bottom:10px;}
 .select_years a{ margin-left:5px; background:#f1f1f1; border-radius:4px; color:#666;padding:4px; font-size:13px; }

 .rh1 {display:none}