body {
    color: #104470 !important;
    font-family: "Open Sans",sans-serif !important;
    font-size: 14px !important;
    background-color:#FFFFFF !important;
}

div#topbar
{
    background:#104470;
    min-height:54px;
    width:100%;
}

.dropdown-menu
{
    z-index:1001 !important;
}

img{
    max-width:100%;
    height:auto;
}

.nyhedsbrevtxt{
    border:none;
    background:#ffffff;
    color:#104470;
    font-style:italic;
    font-weight:300;
    font-size:17px;
    height:45px;
    line-height:45px;
    width:266px;
    padding-left:10px;
    font-family: 'Merriweather', serif;
}

    div#om-skolageret a div
    {        
        width:175px;
        border-left:1px solid #1b5782;
        border-right:1px solid #1b5782;
        font-family: 'Open Sans', sans-serif;
        font-weight:100;
        font-size:12px;
        text-transform:uppercase;
        line-height:54px;
        height:54px;
        text-align:center;
    }
    div#om-skolageret a
    {        
        text-decoration:none;
        color:#FFFFFF;
    }
    div#om-skolageret a:hover
    {        
        color:#57c5a0 !important;
    }
    div#om-skolageret
    {        
        float:right;
    }

    div#searchbar
    {
        float:right;
    }

/*-----------------------------------SEARCH---------------------------------------------*/
#search-relative
{
    position:relative;
    z-index:1;
}
#search-absolute
{
    color: #ffffff;
    font-size: 30px;
    padding-top:5px;
    position: absolute;
    right: 18px;
    top: 0px;
}
#search-absolute:hover
{
    cursor:pointer;
}
#search-field
{
    display:none;
    background:#FFFFFF;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    height:40px;
    line-height:40px;
    padding-left:20px;
    padding-right:20px;
    margin-top:7px;
    margin-right:68px;
}

#search-field .search-input
{
    border:none;
    width:400px;
    color:#104470;
    font-family: 'Open Sans', sans-serif;
    font-weight:normal;
    font-size:20px;
    font-style:italic;
    height:40px;
}

#searchicon-blue
{
    color:#104470;
    font-size:30px;
}

#searchicon
{
    margin-top:5px;
}



#searchsmall
{
    margin-top:20px;
    margin-bottom:60px;
}
.searchtxt
{
    border:1px solid #104470;
    border-right:none;
    background:#ffffff;
    color:#104470;
    font-style:italic;
    font-weight:300;
    font-size:25px;
    height:61px;
    line-height:61px;
    width:266px;
    padding-left:25px;
    font-family: 'Merriweather', serif;
}

/*-----------------------------------Menu---------------------------------------------*/
div#menubar
{
    height:74px;
    background:#FFFFFF;
    width:100%;
}

#menuMega a:hover
{
    color:#57c5a0;
} 

/*-----------------------------------Kurv---------------------------------------------*/
div#kurv
{
    background:#57c5a0;
    width:175px;
    height:74px;
}

div#antal-responsive
{
    background:url(/gfx/kurv.png) top left no-repeat;
    width:155px;
    float:right;
    text-align:right;
    color:#FFFFFF;
    font-weight:600;
    font-family: 'Open Sans', sans-serif;
    font-size:24px;
    height:40px;
    line-height:40px;
    margin-top:8px;
    padding-right:12px;
}

div#pris-responsive
{
    width:155px;
    float:right;
    color:#104470;
    font-weight:600;
    font-family: 'Open Sans', sans-serif;
    font-size:15px;
    padding-right:12px;
}
div#pricetext
{
    font-weight:normal;
    font-style:italic;
}
div#headerresponsive .col-xs-1, div#headerresponsive .col-xs-2, div#headerresponsive .col-xs-3, div#headerresponsive .col-xs-4, div#headerresponsive .col-xs-5, div#headerresponsive .col-xs-6, div#headerresponsive .col-xs-7, div#headerresponsive .col-xs-8, div#headerresponsive .col-xs-9, div#headerresponsive .col-xs-10, div#headerresponsive .col-xs-11, div#headerresponsive .col-xs-12, div#headerresponsive .col-sm-1, div#headerresponsive .col-sm-2, div#headerresponsive .col-sm-3, div#headerresponsive .col-sm-4, div#headerresponsive .col-sm-5, div#headerresponsive .col-sm-6, div#headerresponsive .col-sm-7, div#headerresponsive .col-sm-8, div#headerresponsive .col-sm-9, div#headerresponsive .col-sm-10, div#headerresponsive .col-sm-11, div#headerresponsive .col-sm-12, div#headerresponsive .col-md-1, div#headerresponsive .col-md-2, div#headerresponsive .col-md-3, div#headerresponsive .col-md-4, div#headerresponsive .col-md-5, div#headerresponsive .col-md-6, div#headerresponsive .col-md-7, div#headerresponsive .col-md-8, div#headerresponsive .col-md-9, div#headerresponsive .col-md-10, div#headerresponsive .col-md-11, div#headerresponsive .col-md-12, div#headerresponsive .col-lg-1, div#headerresponsive .col-lg-2, div#headerresponsive .col-lg-3, div#headerresponsive .col-lg-4, div#headerresponsive .col-lg-5, div#headerresponsive .col-lg-6, div#headerresponsive .col-lg-7, div#headerresponsive .col-lg-8, div#headerresponsive .col-lg-9, div#headerresponsive .col-lg-10, div#headerresponsive .col-lg-11, div#headerresponsive .col-lg-12 {
    min-height: 1px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    position: relative;
}
div#headerresponsive .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/*-----------------------------------Main---------------------------------------------*/
div#mainresponsive
{
    background:#FFFFFF;
}

div#mainresponsive img
{
    max-width:100%;
    height:auto !important;
}

/*-----------------------------------Footer---------------------------------------------*/
div#footerresponsive
{
    background:#f1f5f8;
    color: #104470 !important;
    font-weight:300;
    font-size:14px;
    font-family: 'Open Sans', sans-serif !important; 
}
div#footerresponsive p, div#footerresponsive table
{
    color: #104470 !important;
    font-weight:300;
    font-size:17px !important;
    font-family: 'Open Sans', sans-serif !important; 
}

div#footerresponsive h1
{
    color: #104470 !important;
    font-weight: 400;
    font-family: 'Merriweather', serif;
    font-style:italic;
    font-size:23px;
}


div#footerresponsive a
{
    text-decoration:none;
}

div#footerresponsive a:hover h1
{
    text-decoration:none;
    color:#57c5a0 !important;
}

h1.h1nopadding
{
    padding:0px !important;
    margin:0px !important;
}

#bottombarresponsive
{
    min-height:106px;
    line-height:106px;
    background:#0e3658;
    color: #ffffff !important;
    font-weight: 400;
    font-family: 'Merriweather', serif;
    font-size:14px;
}

#bottombarresponsive a
{
    color: #ffffff !important;
    font-weight: 400;
    font-family: 'Merriweather', serif;
    text-decoration:none;
    font-size:14px;
}
#bottombarresponsive a:hover
{
    color: #57c5a0 !important;
    font-weight: 400;
    font-family: 'Merriweather', serif;   
    font-size:14px;
}


/*-----------------------------------Produktliste---------------------------------------------*/
.product
{
    width:278px;
}
.prodimg
{
    height:250px;
    display:table-cell;
    vertical-align:bottom;
    text-align:center;
    width:278px;
}
.prodimg img
{
    max-width:100%;
}

.prodpricetext
{
    width:278px;
    height:73px;
    overflow:hidden;
}

.proda
{    
    background:url(/gfx/prodbg.jpg) bottom left no-repeat;
}
.proda:hover
{    
    background:url(/gfx/prodbg-hover.jpg) bottom left no-repeat;
}

.proda:hover .prodtext
{    
    color:#FFFFFF !important;
}

.prodprice
{
    color:#FFFFFF;
    font-size:19px;
    font-family: 'Open Sans', sans-serif !important; 
    font-weight:bold;
    text-align:center;
    width:74px;
    margin-left:15px;
    padding-top:10px;
    padding-left:7px;
}

.prodpricebefore
{
    color:#ff2a2a;
    font-size:16px;
    text-decoration:line-through;
    font-family: 'Open Sans', sans-serif !important; 
    font-weight:normal;
    text-align:center;
}
.prodtext
{
    line-height:40px;
    padding-top:25px;
    color:#104470;
    font-size:15px;
    font-family: 'Open Sans', sans-serif !important; 
    font-weight:400;
    margin-left:15px;
    width:174px;
}

div#prodprice
{
    height:78px;
    width:84px;
    background:#57c5a0;
    text-align:center;
    line-height:26px;
    font-family: 'Open Sans', sans-serif !important; 
    color: #FFFFFF;
    font-size: 23px;
    font-weight:bold;
    text-decoration: none;
}

div#produkter .col-xs-1, div#produkter .col-xs-2, div#produkter .col-xs-3, div#produkter .col-xs-4, div#produkter .col-xs-5, div#produkter .col-xs-6, div#produkter .col-xs-7, div#produkter .col-xs-8, div#produkter .col-xs-9, div#produkter .col-xs-10, div#produkter .col-xs-11, div#produkter .col-xs-12, div#produkter .col-sm-1, div#produkter .col-sm-2, div#produkter .col-sm-3, div#produkter .col-sm-4, div#produkter .col-sm-5, div#produkter .col-sm-6, div#produkter .col-sm-7, div#produkter .col-sm-8, div#produkter .col-sm-9, div#produkter .col-sm-10, div#produkter .col-sm-11, div#produkter .col-sm-12, div#produkter .col-md-1, div#produkter .col-md-2, div#produkter .col-md-3, div#produkter .col-md-4, div#produkter .col-md-5, div#produkter .col-md-6, div#produkter .col-md-7, div#produkter .col-md-8, div#produkter .col-md-9, div#produkter .col-md-10, div#produkter .col-md-11, div#produkter .col-md-12, div#produkter .col-lg-1, div#produkter .col-lg-2, div#produkter .col-lg-3, div#produkter .col-lg-4, div#produkter .col-lg-5, div#produkter .col-lg-6, div#produkter .col-lg-7, div#produkter .col-lg-8, div#produkter .col-lg-9, div#produkter .col-lg-10, div#produkter .col-lg-11, div#produkter .col-lg-12, div#produkter {
    min-height: 1px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    position: relative;
}

/*-----------------------------------Kurv---------------------------------------------*/
.txtbx{
    border:none;
    border-top:2px solid #a3c3ca;
    background:#c6e2e2;
    color:#104470;
    font-style:italic;
    font-weight:300;
    font-size:17px;
    height:45px;
    line-height:45px;
    width:231px;
    font-family: 'Merriweather', serif;
}

.groenknap
{
    font-family: 'Open Sans', sans-serif !important; 
    font-size: 17px;
    color: #104470;
    height:45px;
    line-height:45px;
    background-color: #38d49f;
    text-decoration: none;
    border:none !important;
    width:165px;
    float:right;
}

.btnplusminus
{
    width:58px;
}
.width100{
    width:100px;
}
.width150{
    width:150px;
}
.width180{
    width:180px;
}
.width200{
    width:200px;
}
.width250{
    width:250px;
}


/*-----------------------------------Bestilling---------------------------------------------*/
.txtbx2{
    border:none;
    border-top:2px solid #a3c3ca;
    background:#c6e2e2;
    color:#104470;
    font-style:italic;
    font-weight:300;
    font-size:17px;
    height:45px;
    line-height:45px;
    width:320px;
    padding-left:10px;
    font-family: 'Merriweather', serif;
}
.txtbx3{
    border:none;
    border-top:2px solid #a3c3ca;
    background:#c6e2e2;
    color:#104470;
    font-style:italic;
    font-weight:300;
    font-size:17px;
    height:45px;
    line-height:45px;
    width:283px;
    padding-left:10px;
    font-family: 'Merriweather', serif;
}

.txtbxbig{
    border:none;
    padding-left:10px;
    border-top:2px solid #a3c3ca;
    background:#c6e2e2;
    color:#104470;
    font-style:italic;
    font-weight:300;
    font-size:17px;
    line-height:45px;
    width:452px;
    font-family: 'Merriweather', serif;
}

    .width130{
        width:130px;
    }
    .width320{
        width:320px;
    }

/*-----------------------------------Betaling---------------------------------------------*/
.lilleoverskrift
{
    color: #104470 !important;
    font-family: "Merriweather",serif !important;
    font-size: 21px;
    font-style: italic;
    font-weight: 400 !important;
    line-height:54px;
}

.almtext
{
    color: #104470;
    font-family: "Open Sans",sans-serif !important;
    font-size: 18px;
    font-weight: 400;
}

.skrift
{
    color: #104470 !important;
    font-family: "Merriweather",serif !important;
    font-size: 21px;
    font-style: italic;
    font-weight: 300 !important;
}



/*-----------------------------------Responsive---------------------------------------------*/


@media (max-width: 767px) 
{

    .dropdowncol
    {
        margin-bottom:30px;
    }
    .BtnBack {
        width:170px;
    }
    .txtbx{
        width:175px;
        float:left;
        margin-right:10px;
        margin-bottom:10px;
    }
    .groenknap
    {
        float:left;
    }

    #searchbar
    {
        display:none;
    }

    #toplogo
    {
        margin-left:60px !important;
    }

    #toplogo img
    {
        height:42px;
        width:auto;
        margin-top:8px;
    }

    .prodprice
    {
        color:#FFFFFF;
        font-size:19px;
        font-family: 'Open Sans', sans-serif !important; 
        font-weight:bold;
        text-align:center;
        width:74px;
        margin-left:0px;
        padding-top:10px;
        padding-left:4px;
    }

    div#menubar
    {
        height:0px;
    }

    div#kurv-small
    {
        background:#57c5a0 none repeat scroll 0 0;
        height:62px;
        line-height:62px;
        text-align:center;
        width:90px;
    }

    #bottomlinks
    {
        float:left;
        line-height:30px;
    }

    #bottombarresponsive a
    {
        font-size:14px;
    }
    #bottombarresponsive a:hover
    { 
        font-size:14px;
    }

    #fbbottom
    {
        float:left !important;
        padding-top:20px;           
    }

    div#topbar {
        min-height: 62px;
    }

    div#produkter .col-xs-1, div#produkter .col-xs-2, div#produkter .col-xs-3, div#produkter .col-xs-4, div#produkter .col-xs-5, div#produkter .col-xs-6, div#produkter .col-xs-7, div#produkter .col-xs-8, div#produkter .col-xs-9, div#produkter .col-xs-10, div#produkter .col-xs-11, div#produkter .col-xs-12, div#produkter .col-sm-1, div#produkter .col-sm-2, div#produkter .col-sm-3, div#produkter .col-sm-4, div#produkter .col-sm-5, div#produkter .col-sm-6, div#produkter .col-sm-7, div#produkter .col-sm-8, div#produkter .col-sm-9, div#produkter .col-sm-10, div#produkter .col-sm-11, div#produkter .col-sm-12, div#produkter .col-md-1, div#produkter .col-md-2, div#produkter .col-md-3, div#produkter .col-md-4, div#produkter .col-md-5, div#produkter .col-md-6, div#produkter .col-md-7, div#produkter .col-md-8, div#produkter .col-md-9, div#produkter .col-md-10, div#produkter .col-md-11, div#produkter .col-md-12, div#produkter .col-lg-1, div#produkter .col-lg-2, div#produkter .col-lg-3, div#produkter .col-lg-4, div#produkter .col-lg-5, div#produkter .col-lg-6, div#produkter .col-lg-7, div#produkter .col-lg-8, div#produkter .col-lg-9, div#produkter .col-lg-10, div#produkter .col-lg-11, div#produkter .col-lg-12, div#produkter {
        min-height: 1px;
        padding-left: 15px !important;
        padding-right: 15px !important;
        position: relative;
    }

    .pika-thumbs li img{
        width:75px !important;
        height:auto !important;
    }
    input[type="checkbox"] + label {
        width:230px !important;
    }
    .txtbx2
    {
        width:240px !important;
        margin-bottom:10px;
    }
    #skjulrdb input[type="radio"] + label {
        width:340px !important;
    }
    #skjulrdb .smalllabel input[type="radio"] + label {
        width:170px !important;
    }
    #smallchecklabel input[type="checkbox"] + label {
        width:330px !important;
    }
    .styled-select {
       width: 245px;
    }

    .styled-select select {
       width: 265px;
    }
    #popupContact{
    width:300px;
    padding:15px;
    padding-top:0px;
    
    }

    .BtnPutiKurvenNew
    {
        width:140px !important;
    }
    .BtnBack {
        width:140px;
    }
}

@media (min-width: 769px) 
{
    div#mainresponsive
    {
        background:#FFFFFF;
        margin-top:74px;
    }
    #search-field .search-input
    {
        width:270px !important;
    }
}



@media (max-width: 991px) 
{    
    .TableTextBestil
    {
        font-size:15px;
    }
    #om-skolageret
    {
        display:none;
    }
    .menu3dmega > ul > li > a, .menu3dmega > ul > li > span
    {
        padding: 0px 10px !important;
        font-size:20px !important;
    }

    
    #bottomlinks, #bottombarresponsive
    {
        text-align:center;
        width:100%;
    }

    .btnplusminus
    {
        width:44px;
    }
    .width100{
        width:80px;
    }
    .width150{
        width:100px;
    }
    .width180{
        width:120px;
    }
    .width200{
        width:150px;
    }
    .width250{
        width:180px;
    }
    .width130{
        width:80px;
    }
    .width320{
        width:180px;
    }
    .width180 img{
        width:100px !important;
        height:auto;
    }
    
    .strHeader
    {
        font-size:15px;
    }
    .GridHeader
    {
        font-size:15px;
    }
    .GridHeader2
    {
        font-size:15px;
    }
    .GridHeader3
    {
        font-size:15px;
    }
    .GridHeader4
    {
        font-size:15px;
    }
    .GridHeaderCenter
    {
        font-size:15px;
    }
    .GridHeaderRight
    {
        font-size:15px;
    }
    .TableText2
    {
        font-size:15px;
    }
    .TableText3
    {
        font-size:15px;
    }
    .TableText4
    {
        font-size:15px;
    }
    .txtbx{
        width:175px;
    }
    .txtbxbig{
        width:252px;
    }
}

@media (min-width: 992px) 
{    
    #search-field .search-input
    {
        width:270px !important;
    }
    div#mainresponsive
    {
        background:#FFFFFF;
        margin-top:0px;
    }
}


@media (max-width: 1200px) 
{    
    .styled-select {
        margin-bottom:30px;
    }
    .BtnPutiKurvenNew
    {
        font-family: 'Open Sans', sans-serif !important; 
        font-size: 26px;
        color: #FFFFFF;
        height:78px;
        line-height:78px;
        background-color: #104470;
        text-decoration: none;
        margin-left:14px;
        text-align:center;
        border:none !important;
        width:185px !important;
    }

    .pika-thumbs li img{
        width:100px !important;
        height:auto !important;
    }
    .BtnBack {
        width:225px;
    }
}

@media (min-width: 1200px) 
{
    #search-field .search-input
    {
        width:400px !important;
    }
}

@media (max-width: 768px) {
    .btnplusminus {
        width: 44px;
    }

    .width100 {
        width: 80px;
    }

    .width150 {
        width: 100px;
    }

    .width180 {
        width: 120px;
    }

    .width200 {
        width: 150px;
    }

    .width250 {
        width: 150px !important;
    }

    .width130 {
        width: 80px;
    }

    .width320 {
        width: 180px;
    }

    .width180 img {
        width: 100px !important;
        height: auto;
    }

    .itemgrid{
        max-width:100%;
    }
}