@import url('http://fonts.googleapis.com/css?family=Questrial');

/* template id 3 */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1.3em;

}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
/* change colours to suit your needs */
ins {
background-color:#f0f0f0;
color:#000;
text-decoration:none;
}
/* change colours to suit your needs */
mark {
background-color:#f0f0f0;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
/**********************************/
/* Hide areas that are not in use */
/**********************************/
.rightButtons, #buyGiftCard, #openingHours, #titel, .bestilTid, .gavekort, #trustArea{
display: none;
}
/******************/
/* Start skinning */
/******************/
body{
text-align: center;
background: url(../img.asp?id=11262) fixed center center no-repeat;
background-color: #fff;
background-size: cover;
}
body *{
font-family: 'Questrial', calibri;
}
#wrapper {
width: 1025px;
height: 100%;
margin: 0px auto;
overflow: hidden;
text-align: left;
background-color: white;
margin-top:0px;
border: none;
/*-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.20);
-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.20);
box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.20);*/
/*-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1);

}
#footer{
border: none;
width: 1025px;
letter-spacing: 0;
height: 100%;
margin: 0px auto;
overflow: hidden;
text-align: left;
/*width: 100%;*/
overflow: hidden;
background-color: #333;
/*-webkit-box-shadow: 0px 18px 18px -12px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 18px 18px -12px rgba(0,0,0,0.75);
box-shadow: 0px 18px 18px -12px rgba(0,0,0,0.75);*/

}
#wrapper *{
text-align: left;
color: 333;
}
#footer *{
text-align: left;
color: fff;
}
#header, #mainArea{
margin: 0px auto;
width: 1025px;
}
#mainArea{
overflow: hidden;
padding-left: 0px !important;
}
#header{
background-color: white;
width: 985px;
margin-top: 22px;
margin-bottom: 5px !important;
float: left;
position: relative;
padding-left: 25px;
padding-right: 20px;
height: 24px;
}
/* header */
#titel{
height: 2.1875em;
line-height: 2.1875em;
color: #343333;
text-transform: capitalize;
}
#logoArea{
height: 45px;
background: #fff;
float: left;
}
/* if no logo avail, comment out the following CSS */
.logo a, .logo a:hover {
background: transparent url(../img.asp?id=6122) fixed bottom right no-repeat;
background-size: 80% 90%;
width: 180px;
height: 45px;
text-indent: -5000px;
display: inline-block;
}
/* if no logo avail, comment in the following CSS */
/*
.logo a, .logo a:hover {
height: 45px;
line-height: 45px;
display: block;
color: #333;
text-transform: uppercase;
text-decoration: none;
font-size: 1.25em;
}*/
/* top menu */
#menu{
height: 45px;
line-height: 45px;
color: #333;
font-size: .65em;
text-transform: uppercase;
float: right;
position: relative;
}
#menu *{
border: 0px;
margin-top: 20px;
padding: 0px;
}
#menu > ul{
margin: 0px;
display: inline-block;
line-height: 45px;
height: 45px;
}
#menu > ul li{
margin: 0px;
list-style: none;
display: inline-block;
line-height: 45px;
}
#menu > ul li a{
padding: 10px;
text-decoration: none;
line-height: 20px;
height: 20px;
display: block;
color: #333;
//border-right: 1px solid #646464;
font-size: 11px;
}
#menu a:hover{
color: #82a000;
}
#menu .active{
color: #82a000 !important;
}
#menu span ul {
margin-top: 8px;
}
#searchArea{
float: right;
height: 45px;
line-height: 45px;
font-size: .65em;
}
#searchArea input[type='text']{
height: 18px;
line-height: 18px;
width: 100px;
margin-right: 3px;
display: inline-block;
background-color: #white;
border: 0px;
color: #646464;
font-size: 1em;
margin-top: -5px;
}
#searchArea input[type='button']{
height: 18px;
width: 18px;
display: inline-block;
background: url('/images/d3-search.png') no-repeat;
border: 0px;
cursor: pointer;
margin-top: -5px;
}
#searchArea a.facebook{
display: inline-block;
background: url('/images/d3-facebook.png') no-repeat center 12px;
text-indent: -5000px;
width: 20px;
height: 45px;
line-height: 45px;
}
#searchArea a.contact{
display: inline-block;
background: url('/images/d3-contact.png') no-repeat center 13px;
text-indent: -5000px;
width: 20px;
height: 45px;
margin-right: 10px;
}
/*****************/
/* slider styles */
/*****************/
#slideCont{
/*width: 980px;*/
margin: 0px auto;
margin-top: 10px;
overflow: hidden;
}
.ts_transparent{
width: 100% !important;
margin: 0px !important;
}
.carousel-caption{
width: 28% !important;
padding-left: 27px !important;
background: rgba(255, 255, 255 0.7);
/*opacity:.70 !important;
filter:alpha(opacity=70) !important;*/
overflow: hidden;
}
.carousel-caption *{
color: #333 !important;
}
.rs-slide-image,.ts_border{
border: 0px none !important;
}
.carousel-caption h1,.carousel-caption h2,.carousel-caption h3,.carousel-caption h4{
text-transform: uppercase;
color: #8db138 !important;
}
.carousel-caption h4{font-size: 22px !important; line-height: 1.2 !important;}
.ts-arrow-1{
background-color: black !important;
color: rgb(200, 200, 200) !important;
opacity:0.8 !important;
filter:alpha(opacity=80) !important;
height: 40px !important;
line-height: 40px !important;
margin-top: 140px;
}

.carousel-caption h4{
margin-top: 25px !important;
}

.ts-arrow-1-left{
left: 87%;
}

p.arrow-inside {
top: 37% !important;
}
#topShadow, #botShadow{
display: none;
}
/*****************/
div#snippetArea div.textBox h3.gradien {text-transform: uppercase;}
#snippetArea{
overflow: hidden;
width: 980px;
clear: both;
margin: 10px;
padding: 0px;
}
#snippetArea .textBox{
float: left;
width: 315px;
padding-right: 11px;
cursor: pointer;
}
#snippetArea .textBox:last-child{
border-right: 0px none;
margin-right: 0px;
padding-right: 0px;
padding-left: 6px;
}
#snippetArea h3{
font-size: 1.75em;
height: 40px;
line-height: 22px;
text-align: center;
color: #8db138;
text-shadow: 0px 1px 0px rgba(255,255,255,0.9);
padding-top: 20px;
}
#snippetArea p{
height: 80px;
padding: 10px;
/*padding-left: 80px;*/
overflow: hidden;
font-size: 0.75em;
font-family: 'Questrial', calibri;
text-align: center;
}

#snippetArea{
/*margin: 23px;*/
}

.boxOne p{
/*background: transparent url('/images/d3-star.png') no-repeat 25px center;*/
}
.boxTwo p{
/*background: transparent url('/images/d3-star.png') no-repeat 25px center;*/
}
.boxThree p{
/*background: transparent url('/images/d3-star.png') no-repeat 25px center;*/
}
#snippetArea .css3button{
display: none;
}
#snippetArea .css3button:hover{
color: #c70042;
}
div#snippetArea div.textBox div.box p {vertical-align: middle !important; /*Width: 130px;*/ margin-left: -10px;}

/* product area */
#prodArea{
width: 976px;
margin: 0px auto;
text-align: center !important;
margin-bottom: 20px;
margin-top:10px;
overflow: hidden;
max-width: none !important;
}
#prodArea h3{
//display: none;
}
#prodCar1, #prodCar1 .wrapper, #prodCar1 ul{
overflow: hidden;
}
p.shortDesc {Width: 300px;}
.pris{
position: absolute;
width: 349px;
text-align: right;
}
p.shortDesc a {
color: grey !important;
}
.pris b{
display: block;
width: 74px;
height: 44px;
/*border: 2px solid white;*/
text-align: center !important;
padding-top: 30px;
background-color: #82a000;
/*border-radius: 5px;*/
position: relative;
float: none;
/*right: 10px;*/
top: -119px;
}
.prodText{
color: #333;
font-size: 0.875em;
height: 40px;
line-height: 40px;
text-align: left !important;
margin-top: -2px;
/*border: 2px solid white;*/
text-transform: uppercase;
padding-left: 10px;
width: 297px;
}
#prodArea .wrapper a{
color: white;
text-decoration: none !important;
height: 100%;
line-height: 100%;
}
.liquid .previous, .liquid .next {
display: none;
}
.liquid ul li {
list-style-type: none;
margin: 0px;
/*padding-bottom: 10px;*/
width: 312px;
float: left;
}
.liquid li img{
width: 307px;
/*border: 2px solid white;*/
}
.gradien{
background: #efefef;
border: 1px solid #fff;
}

.gradien:hover {
    background: #dfdfdf;
transition: all 0.4s linear;
}

.liquid li p{
display: block;
color: #333;
font-size: .75em;
//border: 2px solid white;
/*height: 65px;*/
padding: 10px;
margin-top: 0.75%;
width: 287px;
}
/* bahndling */

.behand #subnavi{
background: #EEEEEE;
width: 100%;
float: left;
margin-bottom: 20px;
}
.behand #subnavi li{
height: 35px;
line-height: 36px;
padding: 0px 10px 0px 17px;
overflow: hidden;
}
.behand #subnavi li a{
text-decoration: none;
color: #000;
font-weight: normal;
}
#subnavi ul {
//margin-bottom: 10px;
}
#subnavi ul li a {
//padding-top:-50px !important;

}
.behand #subnavi .current{
color: #fff;
background-color: #82A000;

}
.behand #prodArea h2 span{
color: #8db138;
text-transform: uppercase;
font-weight: normal;
font-size: 1.5em;

}
.behand #prodArea h2 {
margin-bottom: 20px !important;
}
.behand #prodArea .desc{
font-size: 1em;
//margin: 10px 0px;
margin-bottom: 20px;
margin-top: -4px;
}
.behand #prodArea .prodTitle{
color: #333;
Width: 310px;
}
.behand #prodArea .prodPrice{
//display: none;
color: #BCBCBC;
text-align: right !important;
position: relative;
float: right;
top: -25px;
}
.behand #prodArea .shortDesc{
padding: 0px;
height: auto;
//margin-bottom: 30px;
}
.behand #prodArea .prodDisc{
color: #666;
font-size: .75em;
}
.behand #prodCar1 li{
float: none;
padding: 0px !important;
width: 94%;
}
div#prodArea div.people img {margin-right: 20px; margin-left: 10px;}
div#prodArea .desc {
//border-style: solid; border-Width: 3px; border-color: Black;}
div#prodArea h1 {font-size: 24px !important; margin-bottom: 20px; text-transform: uppercase;}
div#prodArea img.right {float: right; margin-right: 20px;}
div#prodArea p.intro {color: #404040; font-size: 20px !important; margin-bottom: 20px; border-style: solid; border-Width: 2px; border-color: #404040; border-left-color: transparent; border-top-color: transparent; border-right-color: transparent;}
/* footer */
#footer{
/*border-top: 20px solid #e6e6e6;*/
}
#footer div{
margin: 20px 20px;
text-align: center;
color: #fefefe;
font-weight: normal;
}
#footer ul{
list-style-type: none;
display: inline;
}
#footer li{
display: inline;
margin: 0px;
padding: 0px;
padding-left: 10px;
font-size: 12px;
font-weight: normal;
font-family: 'Questrial', calibri;
}
#footer ul li a{color:#fff !important; font-size: 12px;}
input[type='text'] { height: 18px;line-height: 18px;width: 100px;margin-right: 3px;display: inline-block;border: 0px;font-size: 1em;margin-top: -5px;background-color: #eee;color: #white; }
.behand #prodArea .bookNow { color: #efefef; display: inline-block; background-color: #82a000; padding: 5px 10px; font-weight: normal; margin-top: 10px; margin-bottom: 10px; }
#searchArea { display: none; }
.submenudiv { display: none; position: absolute; z-index: 100; background: white; width: 95px; }
.submenudiv > ul { line-height: 30px; }
#snippetArea p { display: table-cell; }
#subnavi > ul > li > a { display: inline; margin-top: -5px;}
#openingHours { display: block; top: -55px; }
#header { margin-bottom: 0px; }
#openingHours h3 { display: none; }
#openingHours span { font-weight: bold; }
#kontakt img { padding-right: 60px; }
#kontakt {border-top: 1px solid grey;}
#kontakt td {padding-top: 10px;}
.people { padding-bottom: 15px; }
#facebooklogo, #maillogo, #instagramlogo { width: 30px; padding-top: 2px; }
/* individuelle tilpasninger til logo i toppen
#instagramlogo {display:none;} */

.fb-like { top: -5px; }
#social { position: absolute; right: 0px; top: -65px; }
#prodArea .pages li { /*display: inline;*/ padding-right: 10px; }
#prodArea .pages li a { color: black; text-decoration: none; }
p#intro {font-size: 18px; color: grey; margin-top: 25px; margin-bottom: 25px;}
.time {display: inherit !important;}
.card {display: inherit !important;}
h4.prodTitle {line-height: 2em;}
ul.pages li a.current {color: #000 !important; font-weight: bold;}
ul.pages li a {color: grey !important;}
ul.pages li a:hover {color: #000 !important;}

.wrapper ul li {
clear: none !important;
float: left !important;
}

.frontpage .wrapper li:nth-child(n+2) {
margin-left: 20px;
}

#subnavi li.current a, #subnavi li.current a:hover{
background: none;
}
.rs-slider > li{
height: 350px !important;
}