/* template id 5 */
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;
}
/*********************************************/
/* frontpage: Hide areas that are not in use */
/*********************************************/
.frontpage #trustArea, .frontpage #prodArea, .frontpage #slide, .frontpage .bestilTid, .frontpage .gavekort, .frontpage .rightButtons, .frontpage #slideCont{
display: none;
}
/**********************************************/
/* Behandling: Hide areas that are not in use */
/**********************************************/
.behand #trustArea, .behand #searchArea, .behand #slide, .behand .bestilTid, .behand .gavekort, .behand .rightButtons, .behand #slideCont{
display: none;
}
/*.behand #trustArea, .behand #snippetArea, .behand .rightButtons, .behand #titel, .behand .bestilTid, .behand .gavekort{
display: none;
}
/******************/
/* Start skinning */
/******************/
body{
text-align: center;
background-color: #B5CFB2;
//#ACC4AC;
}
body *{
font-family: Verdana, Geneva, sans-serif;
color: #fff;
}
#wrapper, #footer{
background-color: black;
overflow: hidden;
}
#wrapper{
width: 100%;
max-width: 1280px;
/*max-width: 1280px;
margin: 0px auto;*/
height: 100%;
min-width: 500px;
margin: 0px auto;
background: #fff url(../img.asp?id=6812) bottom right no-repeat;
background-size: cover;
}
#header{
margin: 0px;
width: 34%;
float: left;
overflow: hidden;
background: #ACC4AC;
//background: #F0F4E5;
}
#mainArea{
overflow: hidden;
width: 66%;
float: right;
}
/* header */
#titel{
display: none;
}
#logoArea{
height: 173px;
margin-top: 15px;
//margin-left: 13px;
}
/* if no logo avail, comment out the following CSS */
.logo a, .logo a:hover {
//background: url('/images/test-logo.png') no-repeat center center;
text-indent: -5000px;
height: 173px;
display: block;
}
/* if no logo avail, comment in the following CSS */
/*
.logo a, .logo a:hover {
height: 173px;
line-height: 173px;
padding-left: 70px;
display: block;
color: white;
text-transform: uppercase;
text-decoration: none;
font-size: 2em;
}*/
/* top menu */
#menu{
min-height: 136px;
line-height: 30px;
color: #fff;
font-size: .8125em;
text-transform: uppercase;
text-align: left;
width: 220px;
margin: 0px auto;
margin-bottom: 70px;
position: relative;
}
#menu *{
border: 0px;
margin: 0px;
padding: 0px;
}
#menu > ul{
margin: 0px;
}
#menu > ul > li{
margin: 0px;
list-style: none;
}
#menu > ul > li a{
text-decoration: none;
color: #fff;
}
#menu > ul > li a:hover{
color: #453633;
}
#menu .active{
font-size: 1em;
font-weight: bold;
}
/* opening hours */
#openingHours{
overflow: hidden;
width: 220px;
margin: 20px auto;
text-align: left !important;
text-transform: uppercase;
}
#openingHours .clearFix{
clear: both;
overflow: hidden;
}
#openingHours h3{
font-weight: bold;
margin-bottom: 10px;
}
#openingHours h3, #openingHours .days,#openingHours .hours {
padding-top: 2px;
padding-bottom: 2px;
}
#openingHours .days {
padding-top: 5px;
}
#snippetArea{
overflow: hidden;
clear: both;
}
#snippetArea .textBox{
clear: both;
float: right;
width: 206px;
height: 206px;
margin-right: 30px;
margin-bottom: 30px;
cursor: pointer;
border: 2px solid white;
border-radius: 50%;
}
#snippetArea h3{
margin: 40% 0px 5px 0px;
font-size: 1.25em;
text-transform: uppercase;
color: #FFF;
}
#snippetArea p{
display: none;
}
#snippetArea .css3button{
font-size: 1.25em;
text-transform: uppercase;
color: #FFF;
text-decoration: none;
}
#snippetArea .boxOne{
margin-top: 20px;
background-color: #267f8c;
background: #ABBFB0;
}
#snippetArea .boxTwo{
background-color: #7fb061;
background: #A3A799;
font-size: 14px !important;
}
#snippetArea .boxThree{
background-color: #c9b263;
background: #70736C;
}
/* behandling styling */
.behand #snippetArea{
clear: none;
float: right;
}
.behand #subnavi{
/*display: none; */
}
.behand #mainArea #snippetArea{
padding-left: 30px;
}
div#snippetArea {
height:800px!important;
}
.behand .bookNow{
display: none;
}
.behand #prodArea{
overflow: auto;
background-color: white;
padding: 20px 40px;
//opacity: 0.8;
background:rgba(255,255,255,0.6);
}
.behand #prodArea *{
color: #333;
text-align: left;
}
.behand #prodArea h2{
margin: 10px 0px 10px 0px;
}
.behand #prodArea h2 span{
font-size: 1.2em;
text-transform: uppercase;
color: #A3A799;
font-weight: normal;
}
.behand #prodArea ul{
list-style: none;
}
.behand #prodArea li{
margin: 20px 0px;
}
.behand #prodArea li .prodPrice{
float: right;
}
.behand #prodArea li h4.prodTitle{
float: left;
}
.behand #prodArea a{
text-decoration: none;
}
.behand #prodArea .shortDesc{
clear: both;
text-decoration: none;
}
/* footer */
#footer{
width: 34%;
float: left;
clear: left;
text-align: left;
height: 464px !important;
background: #A3A799;
}
#footer ul{
list-style-type: none;
overflow: hidden;
width: 220px;
margin: 0px auto;
text-transform: uppercase;
}
#footer li{
margin: 0px;
padding: 1px 0px;
//font-size: 0.75em;
color: #10667a;
font-weight: bold;
}
#footer li:first-child{
font-weight: bold;
}
#footer ul li a{color:#fff !important;}
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; }
#searchArea { display: none; }
.behand #subnavi li{ display: inline-block; }
#subnavi a { text-transform: capitalize; }
.submenudiv { top: -7px; left: 150px; position: absolute; display: none; }
.people { padding-top: 10px; opacity: 1; }
#prodArea p { padding-bottom: 3px; }
#subnavi {
background: rgba(255,255,255,0.6);
width: 575px;
padding-top: 15px;
font-weight: bold;
line-height: 1.25em;
}
#facebooklogo, #maillogo { width: 30px; padding-top: 2px; }
.fb-like { top: -5px; }
#social { position: relative; top: 15px; left: 125px; float: none; color: White;}
#prodArea .pages li { display: inline; padding-right: 10px; }
.time {display: block !important;}
.card {display: block !important; margin-top: -15px !important;}
p#intro {font-size: 18px; color: #ececec; margin-top: 25px; margin-bottom: 25px;}
div#subnavi ul li a {background: #E3E3E3; border-radius: 5px; border-style: solid; border-color: #CDCDCD; border-Width: 1.5px; margin-left: 5px; margin-bottom: 5px; Width: 160px !important; text-align: center; font-size: 12px; text-transform: uppercase;}
div#subnavi ul li a:hover {text-decoration: none; color: Black;}
h1.logo a img {border: solid 2px #A3A799; Width: 103%; margin-left: -2px;}
ul.topmenu li span a {color: #fff !important;}
ul.topmenu a:hover {color: #453633 !important;}
li.time a {color: #fff !important;}
li.card {margin-top: -50px !important;}
div#footer div ul li {color: #F0F4E5; text-transform: none !important;}
div#footer {height: 420px !important;}
div#openingHours ul li.days span {font-weight: normal !important; text-transform: uppercase;}
a.bookNow {background: #A3A799 !important;}
div#prodCar1 div.wrapper ul li a {color: #A3A799;}
/*div#wrapper > div#header {border-left: solid 2px #70736C;}*/
div#header {height: 380px !important;}
.logo img {Width:100%;}