/* global -----------------------------------*/

*{
    margin:0px;
    padding:0px;
}

html, body, form {
    margin: 0;
    padding: 0;
}

html, body{
    min-height:100%;
    height:100%;

}

.body {
    font-family: Arial, Helvetica, sans-serif;
    min-height:100%;
    font-size:110%;
        overflow-x: hidden;
}

.layout-body{
     min-height: 100%;
    height: auto !important;
    height: 100%;
      margin: 0 auto -240px;
}

h1 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size:3em;
    font-weight:300;
    color:#333;
    margin:0px;
    margin-bottom:20px;
    text-transform:uppercase;
}

h2 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size:1.2em;
    font-weight:800;
    color:#333;
    margin-bottom:20px;
}

.first-col h2{
      font-family: 'Source Sans Pro', sans-serif;
    font-size:1.6em;
    font-weight:300;
    color:#333;
    margin-bottom:20px;
    text-transform:uppercase;
}

h3 {
   font-family: 'Source Sans Pro', sans-serif;
    font-size:1.8em;
    font-weight:300;
    color:#333;
    margin-bottom:20px;
    text-transform:uppercase;
}

.first-col h3{
        font-size:1.6em;
}

h4 {
   font-family: 'Source Sans Pro', sans-serif;
    font-size:1.3em;
    font-weight:300;
    color:#333;
    margin-bottom:20px;
    text-transform:uppercase;
}

h5 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size:0.9em;
    font-weight:700;
    color:#333;
    margin-bottom:20px;
}

h6 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size:0.9em;
    font-weight:500;
    color:#333;
    font-style:italic;
    margin-bottom:20px;
}


p {
    margin: 0 0 1.4em 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:300;
    font-size:0.9em;
    line-height:160%;
    color:#333;
}

span {
   font-family: 'Source Sans Pro', sans-serif;
}
 

a img {
    border: 0;
}

a {
    font-family: 'Source Sans Pro', sans-serif;
    color:#0082C8;
    text-decoration:none;
    font-weight:normal;

}

p a{
    font-weight:300;
}

a:hover {
    color:#0082C8;
    text-decoration:none;
}
 
hr {
    border:0px;
    border-top:1px dotted #cccccc;
    clear:both;
    margin:0px;
    padding:0px;
    height:1px;
}

.print-btn{
    background:url(/content/Images/print-icon.png) no-repeat center center;
    width:60px;
    height:60px;
    border:0px;
    font-size:0px;
    cursor:pointer;
    opacity:0.9;
    float:right;
    margin-top:5px;
}

.print-btn:hover{
    opacity:1.0;
}


img.left {
    float:left;
    margin-right:20px;
}

img.right {
    float:right;
    margin-left:20px;
}

p.left img {
    float:left;
    margin-right:20px;
}

p.right img {
    float:right;
    margin-left:20px;
}

.k-button, .k-button:Active{
    background:#C3853F;
    color:#fff;
    text-transform:uppercase;
    border-radius:3px;
    padding:10px 20px;
    display:inline-block;
    font-size:0.8em;
    font-weight:300;
    margin:20px auto 0px auto;
    border:0px;
    box-shadow:none;
}

.k-button:hover{
        background:#dc9649;
    }

    .k-button:active {
        position:relative;
        top:-1px;
         color:#fff!important;
         box-shadow:none!important;
    }

    .more-link{
        background:url(/Content/Images/op-85.png) repeat;
        padding:10px 20px;
        margin:20px 0px 20px 0px;
        border:1px solid #333;
        color:#333;
        text-align:center;
        text-transform:uppercase;
        font-size:0.9em;
        font-weight:bold;
    }

    ul {
        margin:20px 30px;
    }

    ul li{
        font-family: 'Source Sans Pro', sans-serif;
        font-weight:300;
        font-size:0.9em;
        margin-bottom:5px;
        color:#333;
    }

table{
    width:100%;
       font-family: 'Source Sans Pro', sans-serif;
        font-weight:300;
        font-size:1.2em;
        line-height:180%;
             border-top:1px dotted #ccc;
             margin-bottom:60px;
}

    table tr td{
        border-bottom:1px dotted #ccc;
        padding:20px 10px 0px 10px;
        vertical-align:top;
    }

    table tr td img{
        border-radius:6px;
        border:5px solid #fff;
        box-shadow:2px 2px 2px #ccc;
    }

/* Layout ------------------------------ */

header {
    background:#fff;
    height:90px; 
    z-index:3002;
    position:fixed;
    top:0; 
    left:0; 
    width:100%;
    min-width:980px;
    border-bottom:1px dotted #ddd;
}

header .row{
    height:10px;
    width:100%;
    background:url(/Content/Images/header-bg.jpg) repeat;
}

    header .logo {
        margin:0px 20px 0px 40px;
        float:left;
        display:block;
    }

header .right-col{
    float:right;
    height:115px;
}

      
main {
    display:block; 
    overflow:hidden;
    padding-top:90px;
    background:url(/Content/Images/body-bg.jpg) repeat;
}

main .body-wrap{
background: -moz-linear-gradient(top, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.95) 100%); 
background: -webkit-linear-gradient(top, rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.95) 100%); 
background: linear-gradient(to bottom, rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.95) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ffffff', endColorstr='#f2ffffff',GradientType=0 ); 
width:90%;
margin:0px auto 20px auto;
padding:0px 0px 60px 0px;
overflow:hidden;
}

    main .body-wrap .wrapper {
        padding-top:60px;
    }

main .first-col{
    width:635px;
    float:left;
}

    main .first-col img, main .second-col img {
    max-width:100%;
    }

main .first-col p{
    font-size:1em;
    line-height:180%;
}

main .second-col{
    width:305px;
    float:right;
    /*padding-top:40px;*/

}

    main .second-col .lunch {
          padding:0px 0px;
          background:#EEEEEE;
    }

        main .second-col .lunch .top {
            display:block;
            width:100%;
            height:20px;
        }

          main .second-col .lunch .middle{
              padding:30px;
          }

         main .second-col .lunch .bottom {
            display:block;
            width:100%;
            height:10px;
        }

         main .second-col .lunch .gradient{
            background: rgb(193,127,54);
            background: -moz-linear-gradient(left, rgba(193,127,54,1) 0%, rgba(223,184,140,1) 100%); 
            background: -webkit-linear-gradient(left, rgba(193,127,54,1) 0%,rgba(223,184,140,1) 100%); 
            background: linear-gradient(to right, rgba(193,127,54,1) 0%,rgba(223,184,140,1) 100%); 
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c17f36', endColorstr='#dfb88c',GradientType=1 );
         }

         main .second-col .todays-lunch-partial ul{
            list-style:none;
            margin:0px;
            padding:0px;
         }

           main .second-col .todays-lunch-partial ul li p{
         font-size:1em;
         margin-bottom:0px;
         }

    main .second-col .open {
        border-top:1px solid #eee;
        padding:30px 30px;
        margin:30px 0px 60px 0px;
            border-left:1px solid #eee;
    }

        main .second-col .open.contact {
            margin-top:0px;
            padding-top:0px;
            border-top:0px;
        }

.content-area{
        margin-top:155px!important;
        background:#fff;
        padding:0px 30px;
}

.content-image{
    width:100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height:350px;
    position:relative;
    margin-top:115px;
}

.content-image .container{
            width:610px;
        position:absolute;
        left:50%;
        margin-left:-305px;  
        top:45px;
}

.content-image .container .name{
    font-weight:bold;
    font-size:2em;
    margin:0px;
}

    .content-image .container div {
        background:url(/Content/Images/op-white.png) repeat;
        width:100%;
        padding:30px 30px 20px 30px;
        box-sizing:border-box;
        border:4px solid #fff;
        text-align:center;
        margin-top:-8px;
    }

    .content-image div h1{
        font-size:2em;
    }

        .content-image div h1 .second-row {
            display:block;
            clear:both;
            font-size:0.6em;
        }

        .content-image div .contact-button{
            display:inline-block;
            *display:inline;
            zoom:1;
            background:#009DD9;
            color:#fff;
            padding:10px 30px;
            text-transform:uppercase;
            box-shadow: 1px 1px 1px #ccc;
        }

            .content-image div .contact-button:hover {
                background:#000;
            }


.text-content {
    position: relative;
    width:100%;
    min-width:980px;
    margin:40px 0px;
    clear:both;
    background:#fff;
    display:block;
}

    .text-content .text {
        width:62%;
        margin-left:40px;
    }

.text-content .contact{
    position:absolute;
    right:40px;
    top:-15px;
    background:#fff;
    padding:0px 0px 20px 0px;
    min-width:250px;
    overflow:hidden;
    box-shadow: 0 5px 2px -2px #ddd;
    border:1px solid #f8f8f8;
}

    .text-content .contact h5 {
        background:#000;
        color:#fff;
        display:block;
        width:100%;
        text-transform:uppercase;
        font-weight:normal;
        padding:10px 30px;

    }

    .text-content .contact .contact-div{
        padding-top:10px;
        overflow:hidden;
    }

    .text-content .contact .row {
        margin:0px 30px 10px 30px;
        overflow:hidden;
        display:block;
        position:relative;
    }

        .text-content .contact .row img {
            float:left;
        }

        
        .text-content .contact .row div {
            float:right;
            width:130px;
            font-size:0.9em;
            color:#333;
            margin:-10px 0px 0px 0px;
      
        }

   

        .text-content .contact .row.first div{
            margin-top:-20px;
        }

.wrapper{
    width:980px;
    margin:0px auto;
}

.content-page{
    margin-top:0px;
}

.contact-page{
    padding-bottom:30px;
    overflow:hidden;
}

.booking-page{
    margin-bottom:60px;
}

.event-page{
    
}


footer, .push{
    height:225px;
        padding:10px 0px 5px 0px;
}

.push{
    background:#fff url(/Content/Images/header-bg.jpg) repeat;
}

footer {
    background:#fff url(/Content/Images/footer-bg.jpg) repeat;
    width:100%;
    clear:both;
    bottom:0px;
    z-index:3000;
    overflow:hidden;
    min-width:980px;
    text-align:center;
    border-top:1px dotted #ddd;
    border-bottom:1px dotted #ddd;
    box-sizing:border-box;

}

footer .footer-content{
    background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%); 
background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#ccffffff',GradientType=0 ); 
margin-top:10px; 
width:100%; 
padding-bottom:10px;}

    footer div.contact {
        margin-top:30px;
        border-bottom:1px dotted #666;
        display:inline-block;
        margin-bottom:20px;

    
    }

footer div.copyright {
    padding:0px;
    margin:0px 0px 0px 0px;
    overflow:hidden;
    font-size:0.8em;
}

    footer .powered-by {
        float:none;
        margin:10px auto 20px auto;
        opacity:0.8;
        display:block;
    }

     footer .powered-by:hover{
         opacity:1.0;
     }

/* Kategorirutor -------------------------- */
.full-row{
    display:block;
    width:100%;
    display:block;
    clear:both;
    overflow:hidden;
    margin-bottom:60px;
}
.full-row .box {
    display:block;
    float:left;
    width:300px;
    margin-right:40px;
    background:#F8F8F8;
    padding:20px;
    text-align:center;
    border:1px solid #eee;
    box-sizing:border-box;
}

.full-row .box img{
    border-radius:200px;
    max-width:80%;
    border:5px solid #fff;
    display:block;
    clear:both;
    margin:0px auto;
    -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.3);
}

.full-row .box:hover{
    background:#eee;
}

.full-row .box.third{
    margin-right:0px;
}

.full-row .box .k-button{
    background:#C3853F;
    color:#fff;
    text-transform:uppercase;
    border-radius:3px;
    padding:10px 20px;
    display:inline-block;
    font-size:0.8em;
    font-weight:300;
    margin:20px auto 0px auto;
    border:0px;
    box-shadow:none;
}

    .full-row .box .k-button:hover{
        background:#dc9649;
    }

/* Facebook ------------------------------- */
.facebook-plugin{
    background:#F8F8F8;
    border:5px solid #EEEEEE;
    padding:20px;
    margin:20px 0px 60px 0px;
    text-align:center;
}

.facebook-plugin .fb-page{
    margin:0px auto;
    display:inline-block;
    width:500px;
}

/* Privat - Företag ------------------------- */
   .site {
       float:right;
       border-left:2px solid #fff;
       margin-right:20px;
       padding-left:20px;
    }

    .site a {
        display:inline-block;
        *display:inline;
        zoom:1;
        font-size:0.9em;
        text-align:center;
        color:#333;
       width:auto;
        height:35px;
        margin:25px 0px 0px 5px;
        padding:0px 0px 0px 0px;
        opacity:0.8;
    }

        .site a:hover {
            opacity:1.0;
        }

     .site .active, .site .active:hover{
         opacity:1.0;
         cursor:default;
    }

/* Event ----------------------------- */
.module-event-preamble{
    margin-top:0px;
    margin-bottom:40px;
}

.module-event-preamble .empty span{
    font-family: 'Source Sans Pro', sans-serif;
    font-size:1.1em;
    font-weight:300;
}

    .module-event-preamble .month {
        text-transform:uppercase;
        margin:20px 0px 10px 0px;
            font-family: 'Source Sans Pro', sans-serif;
    font-size:1.3em;
    font-weight:300;
    border-bottom:1px dotted #ccc;
    }

    .module-event-preamble .calendar .row{
        display:block;
        overflow:hidden;
        padding:10px 10px;
        background:#fafafa;
        margin:0px 0px 10px 0px;
        border-radius:3px;
    }

        .module-event-preamble .calendar .row:hover, .module-event-preamble .calendar .row:active {
        background:#F5E9D4;
        }

         .module-event-preamble .calendar .row:hover .date, .module-event-preamble .calendar .row:active .date{
             background:#fff;
         }

        .module-event-preamble .calendar .row div {
            float:left;
            font-size:1.3em;
            font-family: 'Source Sans Pro', sans-serif;
            font-weight:300;
            padding:10px;
        }

        .module-event-preamble .calendar .row div span{
                 font-family: 'Source Sans Pro', sans-serif;
            font-weight:300;
        }

         .module-event-preamble .calendar .row div a{
            font-family: 'Source Sans Pro', sans-serif;
            font-weight:300;
         }

            .module-event-preamble .calendar .row div.date {
                text-transform:uppercase;
                margin:10px;
                /*min-width:50px;*/
                border-radius:100px;
                background:#f5e9d4;
                text-align:center;
                font-size:1em;
            }

                .module-event-preamble .calendar .row .clock {
                    float:none;
                    display:block;
                    clear:both;
                    margin-top:10px;
                    font-size:0.9em;
                }

                .module-event-preamble  .k-button, .event-detail .k-button{
                    background:#C3853F;
                    color:#fff;
                    text-transform:uppercase;
                    border-radius:3px;
                    padding:10px 20px;
                    display:inline-block;
                    font-size:0.8em;
                    font-weight:300;
                    margin:20px auto 40px auto;
                    border:0px;
                    box-shadow:none;
                    width:100%;  
                }

                .event-detail .k-button{
                    width:auto;
                }

    .module-event-preamble .k-button:hover, .event-detail .k-button:hover{
        background:#dc9649;
    }


    .event-detail{
        margin:0px 0px 60px 0px;
        line-height:160%;
    }

    .event-detail .detail{
        margin-bottom:40px;
    }

    .event-detail .more-info{
        margin:40px 0px;
    }

    .event-detail span, .event-detail a{
           font-family: 'Source Sans Pro', sans-serif;
            font-weight:300;
    }


/* Menu ----------------------------- */
.tablet-menu{
    display:none;
}

.menu-icon{
    display:none;
}

nav.menu.desktop-menu {
    float:left;
    margin:25px 40px 0px 0px;
    border:0px;
    padding:0;
    max-width:850px;
    /*height:115px;*/
    display:block;
}

    nav.menu.desktop-menu ul {
        background:none;
        border:0px;
        float:right;
        position:relative;
        margin:0px;
        padding:0px;
    }

nav.menu.desktop-menu ul .k-item {
    background:none;
    border:0px!important;
    padding:0px;
    margin:0px 0px 0px 10px;
}

    nav.menu.desktop-menu ul .k-item .k-link {
        background:none;
        border:0px;
        /*color:#463B3D;*/
        color:#0082C8;
        padding:5px 15px;
        margin:0px;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight:300;
        font-size:1.1em;
        border:1px solid #0082C8;
        border-radius:3px;
    }

    nav.menu.desktop-menu ul .k-item span.k-link {
        cursor:default;
    }

    nav.menu.desktop-menu ul .k-item .k-link .k-icon{
        background:url(/Content/Images/sub-menu.png) no-repeat top center;
    }

        nav.menu.desktop-menu ul .k-item .k-link.k-state-active .k-icon {
             background:url(/Content/Images/sub-menu.png) no-repeat center center;
        }

          nav.menu.desktop-menu ul .k-item.k-state-highlight .k-link .k-icon {
             background:url(/Content/Images/sub-menu.png) no-repeat bottom center;
        }

    nav.menu.desktop-menu ul .k-item.k-last .k-link {
        margin-right:0px;
    }

    nav.menu.desktop-menu ul .k-item .k-link:hover, nav.menu.desktop-menu ul .k-item .k-link.k-state-active {
        /*color:#B10D0E;*/
        background:#0082C8;
        border-radius:3px;
        color:#FFF;
    }

    nav.menu.desktop-menu ul .k-item.k-state-highlight {
        box-shadow:none;
    }

     nav.menu ul .k-item.k-state-highlight .k-link, nav.menu ul .k-item.k-state-highlight .k-link:hover{
        /*color:#B10D0E;*/
        /*color:#C3853F;*/
               background:#0082C8;
        border-radius:3px;
       color:#FFF;
        /*text-decoration:underline;*/
    }

        nav.menu ul .k-item.k-state-highlight .k-group .k-item .k-link{
            color:#333!important;
        }

         nav.menu ul .k-item .k-group .k-item .k-link:hover{
             color:#0082C8;
         }

        nav.menu ul .k-item.k-state-highlight .k-group .k-item .k-link:hover, nav.menu ul .k-item.k-state-highlight .k-group .k-item.k-state-selected .k-link{
           color:#0082C8!important;
        }

     nav.menu.desktop-menu ul .k-animation-container{

  
     }
nav.menu.desktop-menu ul .k-group {
    min-width: 190px;
    padding: 10px 10px 20px 10px;
    background: #fff;
    /*background:url(/Content/Images/header-bg.jpg) repeat;*/
    /*border:1px solid #CCC;*/
    border: 1px solid #0082C8;
}

        nav.menu.desktop-menu ul .k-group .k-item, nav.menu.desktop-menu ul .k-group .k-item .k-link{
            margin:1em;
            padding:0;
            border:0;
        }

            nav.menu.desktop-menu ul .k-group .k-item .k-link {
                font-size:1.2em;
            }
                nav.menu.desktop-menu ul .k-group .k-item .k-link:hover{
                background:none;
            }
            /* Kontaktformulär --------------------- */
            .more-content {
                background: none;
                display: block;
                clear: both;
                height: 450px;
            }


    .formular-content .extra-content {
        position:relative;
        background:none;
    }

.formular-content{
    background:url(/content/images/op-85.png) repeat;
    width:450px;
    margin:0px auto;
    position:absolute;
    top:100px;
    left:50%;
    margin-left:-265px;
    padding:30px 40px 30px 40px;
    margin-bottom:30px;
    border:1px solid #eee;
    box-shadow: 0 4px 2px -2px #ccc;
}

    .formular-content h1 {
        margin-top:0px;
    }

.formular{

}

.formular .field-validation-error{
    color:#a40050;
    font-size:0.8em;
}

.formular-content .preamble{
    padding:0px;
}

.formular-content .row{
    margin-bottom:10px;
    width:100%;
    overflow:hidden;
}

.formular-content .row .label{
    color:#333;
    font-size:0.9em;
}

    .formular-content .row .col {
        width:48%;
        float:left;
    }

     .formular-content .row .col.last{
         float:right;
     } 

     .formular-content .row .k-datepicker{
         width:100%;
     }

    .formular-content .row .k-textbox {
        width:100%;
        border-color:#ccc;
    }

     .formular-content .button{
         width:100%;
     }

    .formular-content .button .k-button{
        font-size:1.4em;
        color:#fff;
        background:#97d976;
        border:2px solid #8bd068;
        text-shadow:1px 1px 1px #333;
        cursor:pointer;
        width:100%;
        opacity:0.9;
    }

     .formular-content .button .k-button:hover{
         opacity:1.0;
     }

/* Image gallery --------------------------- */
.module-imagegallery-detail h1{
    margin-top:0px!important;
}

.module-imagegallery-detail .fancybox-thumb img{
    max-height:97px;
    opacity:0.9;
}

    .module-imagegallery-detail .fancybox-thumb img:hover {
        opacity:1.0;
    }

     /* meddelande ---------------------------*/
.message {
       margin:0px auto!important;
        width:100%;
        text-align:center;
        
}

    .message ul, .message-center ul {
        list-style:none;
        padding:0px;
        margin:0px 0px 0px 0px!important;
        width:680px;
        z-index:20002;
        position:fixed;
        top:0px;
        left:50%;
        margin-left:-340px!important;
    }

    .message .icon, .message-center .icon {
        display:block;
        width:31px;
        height:32px;
        background-repeat:no-repeat;
        margin-right:20px;
    }

        .message ul, .message .icon {
        display:inline-block!important;
        vertical-align:top!important;
        *display: inline;
        zoom: 1;
    }


    .message-center .info, .message .info, .message .error, .message .formerror {
        padding:10px;
        margin:0px 0px 10px 0px;
    }

    .message .info, .message-center .info {
        background:#e0f2c0 url(/Embedded/Img/Areas.Admin.Content.Images.ok.png) no-repeat 10px center; 
        padding-left:50px;
        color:#5e7e3b;
        border:1px solid #617446;
        border-top:0px;
        border-bottom-right-radius:3px;
        border-bottom-left-radius:3px;
        list-style-type: none;
        text-align:center;
    }

    .message .formerror, .message .error, .message-center .error   {
            background:#ffbaba url(/Embedded/Img/Areas.Admin.Content.Images.fail.png) no-repeat 10px center;
            color:#d8000c;
            padding-left:50px;
            border:1px solid #d8000c;
            border-top:0px;
            list-style-type: none;
            border-bottom-right-radius:3px;
            border-bottom-left-radius:3px;
    }

         .message-center .info li, .message .info li, .message-center .error li, .message .error li, .message .formerror li, .message-center .formerror li {
             margin: 0px!important;
            padding: 5px 0px!important;
        }


/* Ipad ----------------------- */
/*@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {*/
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px)  {
nav.menu.desktop-menu {
    display:none;
}

main .body-wrap .wrapper{
    padding-top:0px;
}

.menu-icon{
    display:block;
    background:url(/Content/Images/menu.png) no-repeat top center;
    border-radius:3px;
    width:65px;
    height:70px;
    float:right;
    margin:5px 20px 0px 0px;
    position:relative;
       z-index:20005;
}

    .menu-icon span {
        position:absolute;
        bottom:5px;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight:300;
        margin:0px auto;
        display:block;
        left:0px;
        right:0px;
        font-size:0.8em;
        width:65px;
        text-align:center;
        color:#0082C8;
    }

    nav.menu.tablet-menu {
        display:block!important;
        width:100%;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        border:0px!important;
        background:none;      
        height: calc(100vh - 100px);
        height: -o-calc(100vh - 100px); /* opera */
        height: -webkit-calc(100vh - 100px); /* google, safari */
        height: -moz-calc(100vh - 100px); /* firefox */
        margin-top:91px;
        /*background:#fff;*/
        background:#fff;
        box-sizing:border-box;
        border-top:0px solid #333!important;
        border-left:1px dotted #000!important;
    }

    nav.menu.tablet-menu .k-panelbar{
        background:none;
        border:0px;
        
           /*border-left:1px dotted #ccc;*/
           padding-top:10px;
           box-sizing:border-box;
    }

     nav.menu.tablet-menu .k-item{
        border:0px;
              border-radius:0px;
        background:none;
        box-shadow:none!important;
     }

     
     nav.menu.tablet-menu .k-item .k-link{
        border:0px;
        background:none;
        /*color:#463B3D;*/
        color:#333;
        padding:5px 15px;
        margin:0px;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight:300;
        font-size:1.1em;
        background:none;
        box-shadow:none!important;
        border-bottom:1px dotted #000;
        border-radius:0px;
     }

      nav.menu.tablet-menu .k-group{border-bottom:1px solid #000; background:none;}

        nav.menu.tablet-menu .k-group .k-item.k-last .k-link {
            border-bottom:0px;
                    border-radius:0px;
        }

         nav.menu.tablet-menu .k-group .k-item .k-link{
             padding:5px 35px;
             color:#333;
                     border-radius:0px;
         }

        nav.menu.tablet-menu .k-item .k-link.k-state-selected{
             color:#0082C8;
                     border-radius:0px;
        }

header {
    height:90px; 
    min-width:768px;
    overflow:visible;

}

header .right-col{
    float:right;
  width:80%;
    position: absolute;
    top:0px;
    bottom: 0;
    z-index:20002;
    right:0px;
    display:none;
}

.text-content {
     min-width:768px;
}

main {
    display:block; 
    overflow:hidden;
    padding-top:100px;
}

.wrapper{
    width:96%;
    margin:0px 2%;
    min-width:768px;
}

footer{
    width:100%;
    min-width:768px;
}

main .first-col{
    width:65%;
    float:left;
}

main .second-col{
    width:30%;
    float:right;
}

.full-row .box {
    width:30%;
    margin-right:4%;
    padding:2% 0%;
}

.facebook-plugin .fb-page{
    width:400px;
}

}

/* Mobil ----------------------- */
/*@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 768px) {*/ 
@media only screen 
and (min-width : 0px) 
and (max-width : 768px) {
    .print-btn{
        display:none;
    }
    h1{
        font-size:2em;
    } 

    h2 {
        font-size:1em;
    }

     h3{
        font-size:1.2em;
    } 

    main img{
         display:block!Important;
         clear:both!Important;
         max-width:100%!Important;
         float:none!Important;
         margin:20px auto!important;
     }

    main .body-wrap .wrapper{
        padding-top:0px;

}

    	table, thead, tbody, th, td, tr { 
		display: block; 
	}

    nav.menu.desktop-menu {
    display:none;
}

.menu-icon{
    display:block;
    background:url(/Content/Images/menu.png) no-repeat top center;
    width:65px;
    height:70px;
    float:right;
    margin:2px 20px 0px 0px;
    position:relative;
       z-index:20005;
       border-radius:3px;
}

    .menu-icon span {
        position:absolute;
        bottom:5px;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight:300;
        margin:0px auto;
        display:block;
        left:0px;
        right:0px;
        font-size:0.8em;
        width:65px;
        text-align:center;
        color:#0082C8;
    }

    nav.menu.tablet-menu {
        display:block!important;
        width:100%;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        border:0px!important;
        background:none;      
        height: calc(100vh - 100px);
        height: -o-calc(100vh - 100px); /* opera */
        height: -webkit-calc(100vh - 100px); /* google, safari */
        height: -moz-calc(100vh - 100px); /* firefox */
        margin-top:91px;
        background:#fff;
        box-sizing:border-box;
        border-top:0px solid #333!important;
        border-left:1px dotted #000!important;
    }

    nav.menu.tablet-menu .k-panelbar{
        background:none;
        border:0px;
        
           /*border-left:1px dotted #ccc;*/
           padding-top:10px;
           box-sizing:border-box;
    }

     nav.menu.tablet-menu .k-item{
        border:0px;

        background:none;
        box-shadow:none!important;
     }

     
     nav.menu.tablet-menu .k-item .k-link{
        border:0px;
        background:none;
        /*color:#463B3D;*/
        color:#333;
        padding:10px 15px;
        margin:0px;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight:300;
        font-size:1.3em;
        background:none;
        box-shadow:none!important;
        border-bottom:1px dotted #000;
          border-radius:0px;
     }

     nav.menu.tablet-menu .k-group{
         border-bottom:1px solid #000;
         background:none;
     }

        nav.menu.tablet-menu .k-group .k-item.k-last .k-link {
            border-bottom:0px;
            border-radius:0px;
        }

         nav.menu.tablet-menu .k-group .k-item .k-link{
             padding:5px 35px;
             color:#fff;
               border-radius:0px;
         }

        nav.menu.tablet-menu .k-item .k-link.k-state-selected{
             /*color:#B10D0E;*/
                color:#0082C8;
                  border-radius:0px;
        }

header {
    height:100px; 
    min-width:300px;
    overflow:visible;
    height:90px;
}

header .right-col{
    float:right;
  width:80%;
    position: absolute;
    top:0px;
    bottom: 0;
    z-index:20002;
    right:0px;
    display:none;
}


header .logo {
    margin-left:20px;
    margin-top:5px;
}
header .logo img{
    max-width:170px;
    height:auto;
}


.text-content {
         min-width:300px;
}

main {
    display:block; 
    overflow:hidden;
    padding-top:100px;
}

.wrapper{
    width:96%;
    margin:0px 2%;

}

footer{
    width:100%;
       min-width:300px;
       font-size:0.8em;
}

main .first-col{
       width:96%;
    margin:0px 2%;
    float:none;
}

main .second-col{
       width:96%;
    margin:0px 2%;
    float:none;
}

.full-row .box {
    width:96%;
    margin:0px 2% 20px 2%;
    padding:6% 2%;
    box-sizing:border-box;
}

.facebook-plugin{
    background:#FFF;
    border:0px solid #EEEEEE;
    padding:0px;
    margin:20px 0px 60px 0px;
    text-align:center;
}

.facebook-plugin .fb-page{
    width:260px!important;
}

}


@media print {
       /*body {transform: scale(.7);}
    table {page-break-inside: avoid;}*/

       body{
           overflow: visible !important;
       }
img{
    max-width:100%;
}

.wrapper{
    min-width:100%;
    width:100%;
    overflow:visible;
    display:block;
}

table{
    width:100%;
        overflow:visible;
}

table td{
        overflow:visible;
}


main .body-wrap{
    padding:0px;
        overflow:visible;
}

header, footer, main .second-col, .bxslider, .banner, .booking-module{
    display:none;
}

    
}