/* topmenu */
dfn { position: absolute; left: -1000px; top: -1000px; width: 0; height: 0; overflow: hidden; display: inline; }

#wrapper { float: none; position: relative; height: 40px; width: 990px; }
#menu { font-family: 'PT Serif', 'Times New Roman', serif; float: left; height:40px; width:100%; position:relative; text-align:center; }
#menuwrapper { padding-left:2px; position:relative; display:inline-block; }

ul#primary-nav { position:relative; }
ul#primary-nav, ul#primary-nav ul { list-style: none; margin: 0px; padding: 0px; }
ul#primary-nav ul { position: absolute; top: auto; display: none; z-index: 10000; }
ul#primary-nav ul ul { left: 100%; top: 0px; margin-left: 0px; margin-top: 12px; }
ul#primary-nav li { display:block; float: left; background:none; -webkit-transition:background 0.2s linear; -moz-transition:background 0.2s linear; -ms-transition:background 0.2s linear; -o-transition:background 0.2s linear; transition:background 0.2s linear; }
ul#primary-nav li a {
	font-size:15px;
	display:block;
	color:#666;
	text-decoration:none;
	padding: 7px 15px 18px 15px;
	line-height: 24px;
	font-weight:300;
}
ul#primary-nav .last-menu a {
	font-size:15px;
	display:block;
	color:#666;
	text-decoration:none;
}
ul#primary-nav .last-menu-active a {
	font-size:15px;
	display:block;
	color:#666;
	text-decoration:none;
}
ul#primary-nav li:hover {

}
ul#primary-nav li a:hover {
	color:#333;
}
ul#primary-nav .last-menu a:hover {
	color:#333;
}
ul#primary-nav .last-menu-active a:hover {
	text-decoration:none;
	color:#333;
}
ul#primary-nav .unli {
	background: #f8f8f8;
	box-shadow: 1px 3px 10px rgba(0,0,0,0.1);
	border-bottom: 3px solid #ccc;
}
ul#primary-nav li li a {
	display:block;
	width:180px;
	padding: 8px 10px 8px 18px;
	text-decoration:none;
	color:#666;
	font-size:14px;
	background: url(https://statholdergaarden.kredo.no/layout/li-sep.png) no-repeat 18px bottom;
	text-align: left;
}
ul#primary-nav li li:last-child a {
	background: none ;
}
ul#primary-nav li li a:hover {
	text-decoration:none;
}
ul#primary-nav li li a.menuactive {
	font-size:14px;
	color:#000;
}
ul#primary-nav li li a.menuactive:hover { }

ul#primary-nav li li li { }
ul#primary-nav li li li a { }

#primary-nav li, #primary-nav li.menuparent {  }
#primary-nav li.menuactive { }
#primary-nav li.menuactive:hover {  }
#primary-nav li.last-menu-active { }
#primary-nav li.menuparent span, #primary-nav li.menuactive.parent span, #primary-nav li.menuactive.menuparent.parent span { background: url(https://statholdergaarden.kredo.no/layout/nav-arrow.png) no-repeat right; padding-right:15px; }
#primary-nav li.menuactive.menuparent span, #primary-nav li.menuactive.parent ul.unli li span, #primary-nav li.menuparent ul.unli li span { background: none; padding-right:0; }
#primary-nav a.menuactive { color:#000; }
#primary-nav a.menuactive:hover { color:#333; }
#primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth { }
#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, #primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul { display: none; }
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, #primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul { display: block; }

/* IE fix */
#primary-nav li li { float: left; clear: both; }
#primary-nav li li a { height: 1%; }
.sectionheader { cursor:pointer; }

/* Opera 8 fix */
.clearb { clear: both; }

/* end topmenu */
/* Stylesheet: menu Modified On 2013-11-06 11:02:46 */
a { outline: 0; }
a img { border: none; outline: 0; }
p { margin-top: 0; padding-top: 0; }
p:last-child { margin-bottom: 0; padding-bottom: 0; }
html, body { margin: 0; padding: 0; height:100%;}
/*************** centering ***************/
.vcent-out { position: relative;display: table; }
.vcent-in { display: table-cell;vertical-align: middle;width: 100%;margin: 0 auto;*position: absolute;*top: 50%; }
.vcent-element { position:relative; display:block; *top: -50%; }
.clearfix { clear:both;display:block; }
/*************** body/text ***************/
body {
  color: #000;
  font-family: 'PT Serif', 'Times New Roman', serif;
  font-size: 15px;
  background:#fff url(/layout/bg.png) repeat 50% 0;
  -webkit-text-size-adjust:100%;
  /*text-rendering: optimizeLegibility;*/
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  line-height:30px;
  font-weight:300;
}
a { color: #888; text-decoration: none; -webkit-transition:color 0.2s linear; -moz-transition:color 0.2s linear; -ms-transition:color 0.2s linear; -o-transition:color 0.2s linear; transition:color 0.2s linear;}
a:hover { color: #333; text-decoration: none; }
blockquote {color:#888; font-size:26px; line-height:36px;}
/*************** h1, h2, h3, h4, h5 ***************/
h1 {
  font-family: 'PT Serif', 'Times New Roman', serif;
  font-weight: 700;
  color: #000;
  font-size: 30px;
  margin: 0;
  padding: 0;
  line-height:42px;
}
h2 {
  font-family: 'PT Serif', 'Times New Roman', serif;
  color: #000;
  font-size: 25px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  line-height:42px;
}
h3 {
  font-family: 'PT Serif', 'Times New Roman', serif;
  font-weight: 700;
  color: #000;
  font-size: 22px;
  margin: 0;
  padding: 0;
  line-height:30px;
}
h4 {
  font-family: 'PT Serif', 'Times New Roman', serif;
  font-weight: 700;
  color: #000;
  font-size: 18px;
  margin: 0;
  padding: 0;
  line-height:30px;
}
h5 {
  font-family: 'PT Serif', 'Times New Roman', serif;
  font-weight: 700;
  color: #000;
  font-size: 15px;
  margin: 0;
  padding: 0;
  line-height:24px;
}

/*************** header ***************/
#header {
  position: relative;
  float: left;
  width: 100%;
  padding: 0;
  z-index: 13330;
  min-width: 990px;
  margin-top:15px;
}
#logo-main {
  position:relative;
  text-align:center;
  margin:25px 0 15px 0;
  height:97px;
  float:left;
  width:100%;
}
#breadcrumbs { float:right; }
#breadcrumbs a { text-decoration:underline; text-transform:none;}

#langselect { height:20px; float: right; font-size:13px; z-index:99999; position:relative; }
#l-item { display: block; margin-right: 14px; }
#l-flag { float: left; padding-right: 7px; }
#l-lang { float: left; line-height: 18px; }

/*************** content ***************/
#wrap {min-height:100%;width:100%;min-width:990px;z-index: 1; position:relative;}
#main {
  position: relative;
  overflow: auto;
  width: 100%;
  float:left;
}
#main.index {margin-top: -6px;float:left;}
#content {
  float:left;
  padding:20px 0;
  width:100%;
}
#content.index {
  padding-top:0px;
  padding-bottom:0px;
}
.maincontent {float:left;}
.maincontent.full {width:960px;}
.maincontent.left {width:630px; margin-right:30px;}
.maincontent.right {width:300px;}
.maincontent.same {width:435px; margin-right:30px; padding-right:30px; background: url(/layout/content-sep.png) no-repeat center right; }
.maincontent.same.clean {margin-right:0; padding-right:0; background:none;}

#m-aktuelt { text-align:center; margin:10px 0; }

#pageheading { width:100%; padding:10px 0; margin-bottom:10px; border-bottom: 1px solid #dbdbdb; clear:both; }
#pageheading h1 { margin: 0 }

.maincontent.left h2, .maincontent.left h3, .maincontent.full h2, .maincontent.full h3 { margin: 10px 0 ; border-bottom:1px solid #dbdbdb; width:100%; clear:both; }
.maincontent h4 { margin: 10px 0 ; width:100%; clear:both; }

.maincontent .gallery-heading h2 { text-align: center; font-size: 30px; line-height: 48px; margin: 0; border-bottom:0; }
.gallery-blockwrap { float:left; width:100%; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #ccc; }
.gallery-blockwrap:last-child { border-bottom:0; padding:0; margin:0; }

#w-block {width:960px; clear:both; position:relative; margin: 0 auto; height:372px;}
#w-left {float:left; position:absolute; bottom:0; left: 0; }
#w-right { float:right; position:absolute; bottom:0; right: 0; }
#w-bent { position:absolute; top: 0; right: 285px; }


#m-aktuelt .title h4 {font-style:italic; }
#m-selection { width:920px; clear: both; margin: -60px auto 0 auto; position: relative; }
#m-selection { margin-top:-100px;}
#m-selection h2, #m-selection h3, #m-selection h4 { color: #000; font-size:14px; font-weight:700;}
.s-block { width:404px; background:#fafafa url(/layout/shadow-selection.png) repeat-x 50% bottom; padding: 15px 15px 32px 15px; -webkit-transition: background 1s linear; -moz-transition: background 1s linear; -ms-transition: background 1s linear; -o-transition: background 1s linear; transition: background 1s linear; }
.s-block:hover { background:#fff url(/layout/shadow-selection.png) repeat-x 50% bottom; }
.s-logo { text-align:center; margin: 0 auto; }
.s-content { font-size:14px; text-align:center; font-family: 'Source Sans Pro', 'Gill Sans', Arial, serif; float:left; font-weight:400; line-height:24px; }
.s-links { float:left; text-align:center; width:100%;}
.s-outline {border: 5px solid #ddd; padding: 30px 14px; }
.s-outline2 { float: left; border: 5px solid #ddd; padding: 30px 14px; }
a.greybutton { background: #8d8d8d; display:inline-block; text-align:center; font-family: 'Source Sans Pro', 'Gill Sans', Arial, serif; color: #fff; padding: 9px; line-height: 20px; font-weight: 400; margin-right: 4px; -webkit-transition: background 0.5s linear; -moz-transition: background 0.5s linear; -ms-transition: background 0.5s linear; -o-transition: background 0.5s linear; transition: background 0.5s linear; }
a.greybutton.blue:hover { background: #6ec2d0; }
a.greybutton.red:hover { background: #c3252a; }
.menuselect { width:365px; }
.bordbestilling { width:365px; padding: 30px 14px 10px 14px; }

#quoteblock { float:left; width:100%; clear:both; text-align:center; }
#quoteblock p { margin:0 auto; }
#q-content { float:left; width:100%; clear:both; }

#e-block { float:left; width:930px; background:#fff url(/layout/shadow-full.png) repeat-x 50% bottom; padding: 15px 15px 32px 15px; }
#e-outline {float:left; border: 5px solid #ddd; padding: 30px 70px; width: 780px; }
#e-block h1 { text-align: center; font-style: italic; }
#e-block #pageheading { float:left; padding:20px 0; margin: 0 0 20px 0; width:100%; }
.e-content { float:left; text-align:center; font-style: italic; padding: 20px 0; width:100%; }
.e-content.first { padding-top: 0; }
.e-content.first p { margin-bottom:10px; }
.e-content p { margin-bottom:30px; }
.e-content p:last-child { margin-bottom:0px; }
.e-category { float:left; text-align:center; width:100%; }
.e-category h2 span { background: #fff; padding:0 15px; }
.maincontent.full .e-category h2 { background: url(/layout/line-menu.png) no-repeat 50% center; width:100%; text-align:center; border-bottom:none; font-size:18px; }
#e-pricelist { float:left; border-top: 1px solid #ddd; width:100%; padding:20px 0; margin-top:20px; }
#e-pricelist .e-menuprice { width:359px; }
#e-pricelist .e-menuprice.left { float:left; margin-right:30px; padding-right:30px; border-right:1px solid #ddd;  }
#e-pricelist .e-menuprice.right { float:right; }
#e-pricelist .e-menuprice p { margin-bottom:10px; }
#e-pricelist .e-category h3 { border-bottom:none; font-size:18px; }
#e-pricelist .e-content { padding:10px 0; }
#e-date { width:100%; font-size:14px; font-style: italic; padding-top:28px; border-top: 1px solid #ddd; float:left; text-align:center;}
#e-select { width:100%; padding-bottom:20px; border-bottom:1px solid #ddd; }
ul#e-submenu { list-style-type: none; margin: 0; padding: 0; text-align: center; }
ul#e-submenu li { margin:0; padding:0; display: inline-block; }
ul#e-submenu li a { color:#888; font-style: italic; font-size:14px; }
ul#e-submenu li a:hover { color:#333; }
ul#e-submenu li.e-active a { color:#000; }

.e-logo { text-align: center; margin-bottom: 30px; }
.e-menulist { text-align: center; }
.e-menulist ul { list-style-type: none; margin:0 auto; padding:0; display:block; width:280px; }
.e-menulist li { list-style-type: none; margin:0; border-bottom:1px solid #bbb; }
.e-menulist li:last-child { border-bottom:none}
.e-menulist li a { width:280px; display:block; padding:10px 0; color: #666; }
.e-menulist li a:hover { width:280px; display:block; padding:10px 0; color: #222; }
.e-listline { background: url(/layout/line-menulist.png) no-repeat bottom; height:7px; margin:0 auto; }
.e-back { background:url(/layout/bg-80.png); width: 330px; padding: 30px 20px; }
.maincontent.same.menuselect { margin:0; min-height:380px; padding:50px 0; width:480px; }
.maincontent.same.sgmenu { background:url(/layout/bg-sgmenu.png) no-repeat bottom center; margin:0; }
.maincontent.same.shmenu { background:url(/layout/bg-shmenu.png) no-repeat bottom center; margin:0; }

.i-block { width:270px; background:#fff url(/layout/shadow-side.png) repeat-x center bottom; padding: 15px 15px 32px 15px; margin-bottom:20px; }
.i-block:last-child { margin-bottom:0px; }
.i-outline {border: 5px solid #ddd; padding: 20px 14px; }
.i-block .title h2 { background: url(/layout/line-grey.png) repeat-x center; width:100%; text-align:center; font-size:16px; font-style:italic; }
.i-block .title h2 span { background:#fff; padding: 0 15px; }

#f-select { text-align:center; padding:25px 0 10px 0;}
#f-select .logo-bottom { margin-right:50px;}
#f-select .logo-bottom.clean { margin-right:0px;}
#f-select .logo-bottom img { opacity: 0.8; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }
#f-select .logo-bottom img:hover { opacity: 1;}

/*************** color specific ***************/
.line-sg { border-bottom:4px solid #aedddf; }
.line-sh { border-bottom:4px solid #c52a2f; }
.links-sg a { color:#57a6a9; }
.links-sg a:hover { color:#8bbabc; }
.links-sh a { color: #a82828; }
.links-sh a:hover {color: #d27878; }

/*************** slideshow ***************/
#slideshowblock { float: left; margin-bottom: 30px; position:relative; }
#s-content { position: relative; }
#s-module { position: relative; }
#s-text { background: url(/layout/bg-slide.png); bottom: 20px; left:20px; position: absolute; width: 390px; z-index: 15; text-align: left; padding: 20px; line-height: 24px; font-size: 15px; }
#s-text h2 { margin:0; }
#s-links { }

/*************** galleri ***************/
.pano { width: 190px; margin: 0 10px 20px 10px; float: none; display: inline-block; }
.panowrap { text-align: center; }
.pano.clean {  }
.panothumb { float: left; width: 190px; height: 120px; border: 2px solid #e5dbd5; }
.panothumb img { opacity: 0.9; border: 0; width:100%; height:100%; }
.panothumb img:hover { opacity: 1; }

/*************** footer ***************/
#footer {
  position: relative;
  float: left;
  width: 100%;
  color: #333;
  font-size:12px;
  clear:both;
  min-width:990px;
  margin:0 auto;
  line-height:18px;
}
#foot-wrap {width:960px; margin:15px ; float:left; display:block; }

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5 { font-weight:700; font-size:12px; color:#333; line-height:18px; }

#footer ul { list-style-type: none; margin:0; padding:0; }
#footer li { margin:0; padding:0; }
#footer li li { margin-left:23px; }
#footer li li:before { content: "» "; }
#footer a { color: #666; }
#footer a:hover { color: #000; }

.foot-1 {background:url(/layout/foot-sep.png) no-repeat center right; width:380px; padding:30px 20px 0 0; float:left; overflow:hidden; }
.foot-2 { width:200px; padding:50px 20px 0 20px; float:left; background:url(/layout/foot-sep.png) no-repeat center right; overflow:hidden; }
.foot-3 { width:300px; padding-left:20px; float:left; overflow:hidden;}
.foot-col { width:175px; margin-right:20px; float:left; }
.foot-col.clean { margin-right:0px;}

.foot-3 a img { opacity: 0.8; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }
.foot-3 a:hover img { opacity: 1;}

#footer a {text-decoration:none;}
#footerbottom { width: 960px; margin: 0 auto; padding-bottom: 16px; height: 18px; }
#footer #copyright { float:left; width:300px;}
#footer #credits {float:right;}

/*************** form ***************/
.b-block { width:728px; background:#fff url(/layout/shadow-table.png) repeat-x center bottom; padding: 15px 15px 32px 15px; margin-bottom:20px; }
.b-outline {border: 5px solid #ddd; padding: 20px; width:676px; }

form#sghenvendelse fieldset, form#shhenvendelse fieldset { padding:0; border:none; margin:0; }
form#sghenvendelse fieldset#a, form#shhenvendelse fieldset#a { width:328px; margin-right:20px; float: left; }
form#sghenvendelse fieldset#b, form#shhenvendelse fieldset#b { width:328px; float: left; }
form#sghenvendelse fieldset#c, form#shhenvendelse fieldset#c { clear: both; width:100%; }

form#sghenvendelse, form#shhenvendelse {width: 100%;}
form#sghenvendelse label, form#shhenvendelse label {font-weight: 300;}
label.name {float: left;}
form#sghenvendelse input[type="text"], form#sghenvendelse input[type="tel"], form#sghenvendelse input[type="email"], form#sghenvendelse textarea, form#sghenvendelse select,
form#shhenvendelse input[type="text"], form#shhenvendelse input[type="tel"], form#shhenvendelse input[type="email"], form#shhenvendelse textarea, form#shhenvendelse select {
  width: 100%;
  margin-bottom:10px;
  padding:7px;
  border:none;
  background: #efefef url(/layout/bg-input.png) no-repeat;
  font-size:14px;
  resize:none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-sizing: border-box; /* Opera/IE 8+ */
  -webkit-box-sizing: border-box; /* Safari, Chrome et al  */
  -moz-box-sizing: border-box; /* Firefox */
  font-family: 'Source Sans Pro', 'Gill Sans', Arial, sans-serif;
}
form#sghenvendelse input[type="text"], form#sghenvendelse select,
form#shhenvendelse input[type="text"], form#shhenvendelse select { height:35px; }
form#sghenvendelse select, form#shhenvendelse select { border: 1px solid #eee; }

#submit { width:100%; -webkit-appearance:none; font-family: 'PT Serif', 'Times New Roman', serif; border:0; color:#999; font-size:15px; text-transform:uppercase; cursor:pointer; background: url(/layout/line-button.png) center center no-repeat; line-height: 15px; padding: 10px; border-radius: 4px; font-weight:400; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-transition:color 1s linear; -moz-transition:color 1s linear; -ms-transition:color 1s linear; -o-transition:color 1s linear; transition:color 1s linear;}
#submit:hover { color: #333; }
div.error { display: none; }
label.error {
  float: right;
  /* remove the next line when you have trouble in IE6 with labels in list */
  color: #cf4728;
  font-size: 15px;
}
.req {color: #cf4728;}

/*************** custom ***************/
.w50 { width: 50%; }
.tright { text-align: right; }
.tcenter { text-align: center; }
.fright { float: right; }
.fleft { float: left; }
.clean { margin-right: 0 !important; }
.center { margin: 0 auto; position: relative; width: 990px; }
.center.short { width: 960px; }

.img-block {display: block; margin: 18px auto; }
.img-left { float:left; height:130px; width:130px; margin-right:20px; vertical-align:middle; }
.img-right { float:left; height:130px; width:130px; vertical-align:middle; }

/*************** hr divs ***************/
.hr-grey { height:1px; background:#dbdbdb; width:100%; float:left; clear:both; margin:15px 0 }
.hr-arrow { height:7px; background:url(/layout/line-arrow.png) no-repeat 50% 0; width:100%; float:left; clear:both; margin:15px 0; }
.hr-toque { height:39px; background:url(/layout/line-toque.png) no-repeat 50% 0; width:100%; float:left; clear:both; margin:15px 0 }

/*************** iframe ***************/
.s-content-iframe {
  float: left;
  width: 100%;
  border-left: 1px solid #b3b3b3;
  border-right: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
}
.s-content-iframe iframe {
  width: 100% !important;
  margin: 0 !important;
}

/*************** gavekort ***************/
.giftWrap {
  float: left;
  width: 100%;
}
.giftWrap *{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.gavekort-outer {
  float: left;
  width: 100%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 15px 15px 40px 15px;
  margin-bottom: 5px;
  background-position: center bottom;
  background-image: url(/layout/shadow-selection.png);
}
.gavekort {
  float: left;
  width: 100%;
  background-repeat: no-repeat;
  border: 5px solid #ddd;
  background-size: 100%;
  padding: 20px 14px;
}
.gavekort.last { margin-right: 0; }
.gavekort-title {
  float: left;
  width: 100%;
  padding: 0 0 5px 0;
  /*margin: 0 0 15px 0;*/
    /*border-bottom: 1px solid #dbdbdb;*/
    font-style: italic;
    font-weight: bold;
    font-size: 18px;
}
.gavekort-info {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
div.gavekort-price {
  float: left;
  width: 50%;
  font-size: 18px;
}
span.gavekort-price {
  float: right;
  font-size: 18px;
  font-weight: normal;
}
.gavekort-add {
  float: right;
  width: 50%;
  text-align: right;
  margin-top: -20px;
}
.giftWrap textarea, .giftWrap input[type="text"] {
  font-family: 'PT Serif', 'Times New Roman', serif;
  padding: 4px;
  border: 0;
  background-color: #fff;
  resize:none;
  float: left;
  width: 100%;
  font-size: 14px;
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  color: #292929;
  margin-bottom: 10px;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.075);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.075);
    border: 1px solid #ccc;
}
.gavekort-add input[type="text"] {
  font-family: 'PT Serif', 'Times New Roman', serif;
  float: none;
  width: 42px;
  margin-right: 10px;
  height: 38px;
  line-height: 38px;
  padding: 0 5px;
}
.giftWrap .submit {
  font-family: 'Source Sans Pro', 'Gill Sans', Arial, serif;
    border: none;
    margin: 0;
    cursor: pointer;
    font-weight: normal;
    line-height: 24px;
    font-size: 18px;
    text-align: center;
    padding: 7px 10px;
    color: #fff;
    text-decoration: none;
    background-color: #8d8d8d;
}
.giftWrap .submit:hover { background-color: #6ec2d0; text-decoration: none; }
.giftWrap .i-block { width: 100%; }
.gavekort-info-text {
  line-height: 18px;
  font-size: 14px;
  color: #333;
}
.cart-item {
  float: left;
  width: 100%;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
}
.del-cart-item {
  margin-right: 5px;
  display: inline-block;
  padding: 1px 6px;
  background-color: #eee;
  cursor: pointer;
}
#cart_key {
  display: none;
}
.inp-custom_amount {
  padding: 10px !important;
}
.cart-logo {
  float: left;
  width: 100%;
  text-align: center;
}
.cart-logo img { max-width: 100%; height: auto; }
.cart-hr {
  float: left;
  width: 100%;
  height: 1px;
  background-color: #ccc;
  margin: 30px 0;
}
#cart-checkout a {
  margin-top: 10px;
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  font-size: 18px;
  background-color: #8d8d8d;
  font-family: 'Source Sans Pro', 'Gill Sans', Arial, serif;
}
#cart-checkout a:hover { background-color: #6ec2d0; text-decoration: none; }
#cart-scroll.on-scroll {
  position: fixed;
  width: 300px;
  top: 10px;
}
.field-col-2 {
  width: 49%;
  float: left;
  padding-right: 1%;
}
.field-col-2.last {
  width: 49%;
  float: right;
  padding-left: 1%;
  padding-right: 0;
}
/* Stylesheet: style Modified On 2017-05-11 13:20:19 */
div { margin: auto;}
body { 
-webkit-text-size-adjust:100%;
    text-rendering: none;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}
.mob-center img { width:100%; height: 100%; }
.mob-contacts { float: right; margin-top: 15px; margin-right: 10px; height: 20px; width: 68px; }
.mob-contacts a { margin-left: 2px; display: block; float: left; }
.mob-contacts a.tel { border-right: #888 1px solid; }

.mob-menu { z-index: 1000; float: left; width: 28px; height: 20px; clear: both; margin: 8px 0; }
.mob-top { clear: both; height: 60px; }

#mob-sgmain { width:100%; overflow:hidden; float:left; position:relative; height:180px; margin-bottom:5px; }
#mob-shmain { width:100%; overflow:hidden; float:left; position:relative; height:180px; margin-bottom:20px; }
.mob-image img {width: 100%; position: absolute; top: 0; z-index:1; }
.mob-block { position:relative; z-index:2; width:217px; background:#fafafa; padding: 15px; margin-top:27px; -webkit-transition: background 1s linear; -moz-transition: background 1s linear; -ms-transition: background 1s linear; -o-transition: background 1s linear; transition: background 1s linear; }
.mob-block:active { background:#fff; }
.mob-block.innerselect { margin-top:10px; }
.mob-outline { border: 5px solid #ddd; padding: 20px; }
.mob-logo img { width:100%; }
#mob-footer { text-align: center; margin:20px 15px 0 15px; border-top: #ccc 1px solid; font-size: 13px; padding:5px 0; }
#mob-footer a { color:#888; font-weight:300; }

.mob-center { margin: 0 15px; clear: both; overflow:hidden; }
.mob-center iframe { height:230px; }

.mob-center .e-menulist ul { width:inherit; }
.mob-center .e-menulist a { width:inherit; }
.mob-center .e-content { float:none; }
.mob-center .e-menulist a:hover { width:inherit; }
.mob-center #e-pricelist { float:none; }
.mob-center #e-pricelist .e-menuprice { width:inherit !important; }
.mob-center #e-pricelist .e-menuprice.right { float:none; }
.mob-center #e-pricelist .e-menuprice.left { float:none; margin:0; padding:0; border:none; }
.mob-center #e-date { float:none; padding-top:15px; }

.mob-back {float: left; margin-top: 20px; clear:both; width:100%; text-align:center; }

#mob-intro {float: left; padding: 20px; font-size: 20px; margin-top: 5px; background: rgba(255,255,255,0.95); z-index: 10000; position: relative; box-shadow: 1px 1px 11px rgba(0,0,0,0.2); }
#mob-content { margin-top:20px; }
#layout #pageheading { padding-top:0; }
#layout .s-block #pageheading { text-align:center; }

.mob-book { float:left; margin-bottom:20px; clear:both; width:100%; }
.book-btn { width:100%; background:#222; color:#fff; text-transform: uppercase; line-height:50px; float:left; text-align: center; }
.book-btn:hover { background:#444; color:#fff; }
.book-inner { margin-top:20px; }
/**stuff**/
.ui-panel-animate  {
    background:#fff url(https://statholdergaarden.kredo.no/layout/bg.png) repeat 50% 0;
}

/**stuff**/
.mob-center .s-block { width: inherit; background: #fff; margin-bottom: 20px; padding: 0; margin: 0; padding: 15px; }
.mob-center .s-block:hover { background:#fff; }
.mob-center .s-outline { border: 2px solid #ddd; padding: 15px; width: inherit; }
.mob-center .s-logo, .mob-center .s-logohead { width:100%; text-align:center; }
.mob-center .s-logohead { margin-bottom:20px; }
.mob-center .s-logo img { height:48px; width:inherit !important; }
.mob-center .s-logohead img { height:81px; width:inherit !important; }
.mob-center .s-content { clear:both; float:none; }

#layout form#sghenvendelse input[type="text"], #layout form#sghenvendelse input[type="tel"], #layout form#sghenvendelse input[type="email"], #layout form#sghenvendelse textarea, #layout form#sghenvendelse select,
#layout form#shhenvendelse input[type="text"], #layout form#shhenvendelse input[type="tel"], #layout form#shhenvendelse input[type="email"], #layout form#shhenvendelse textarea, #layout form#shhenvendelse select {
    background: #fafafa url(https://statholdergaarden.kredo.no/layout/bg-input.png) no-repeat;
    resize:none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-sizing: border-box; /* Opera/IE 8+ */
    -webkit-box-sizing: border-box; /* Safari, Chrome et al  */
    -moz-box-sizing: border-box; /* Firefox */
    font-family: 'Source Sans Pro', 'Gill Sans', Arial, sans-serif;
}
.mob-center form#sghenvendelse input[type="text"], .mob-center form#sghenvendelse select,
.mob-center form#shhenvendelse input[type="text"], .mob-center form#shhenvendelse select { height:35px; }
.mob-center form#sghenvendelse select, .mob-center form#shhenvendelse select { border: 1px solid #eee; }

.mob-center #submit { width:100%; -webkit-appearance:none; font-family: 'PT Serif', 'Times New Roman', serif; border:0; color:#fff; font-size:15px; text-transform:uppercase; cursor:pointer; background:#91b95c; line-height: 15px; padding: 10px; border-radius: 4px; font-weight:400; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-transition:color 1s linear; -moz-transition:color 1s linear; -ms-transition:color 1s linear; -o-transition:color 1s linear; transition:color 1s linear;}
.mob-center #submit:hover { color: #fff; background: #718b4e; }
.mob-center #submit:active { background: #718b4e; }
.mob-center div.error { display: none; }
.mob-center label.error {
    float: right;
    /* remove the next line when you have trouble in IE6 with labels in list */
    color: #cf4728;
    font-size: 15px;
}
.mob-center .req {color: #cf4728;}

@media all and (-webkit-min-device-pixel-ratio: 1.5)  {

    /**style**/
    .mob-menu { background: url(https://statholdergaarden.kredo.no/layout/i-menu@2x.png) no-repeat center center; background-size:29px 20px; }
    #mob-nav-top { background:url(https://statholdergaarden.kredo.no/layout/m-decor-back@2x.png) no-repeat center center; background-size:16px 20px;  }
    #mob-nav-btm { background:url(https://statholdergaarden.kredo.no/layout/m-decor@2x.png) no-repeat center center; background-size:16px 20px;  }

    /**menu**/
}

/* Add transition to containers so they can push in and out */
#layout, #mobmenu, .pure-menu-link {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
#layout  {
    -webkit-transition: left 0;
    -moz-transition: left 0;
    -ms-transition: left 0;
    -o-transition: left 0;
    transition: left 0;
}

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

#layout {
    padding-left: 260px; /* left col width "#menu" */
    left: 0;
    overflow: hidden;
}


/* Apply the .box class on the immediate parent of any grid element (pure-u-*) to apply some padding. */
.l-box {
    padding: 1.3em;
}

.l-vbox {
    padding: 1.3em 0;
}

.l-hbox {
    padding: 0 1.3em;
}

.l-centered {
    text-align: center;
}


 /* --------------------------
  * Content Module Styles
  * --------------------------
 */

/* The content div is placed as a wrapper around all the docs */
.content {
    margin: 0 auto;
    width: 70%;
    margin-bottom:50px;
}
    .content p {
        line-height: 1.6em;
        font-size: 1.125em;
    }

    .content .content-subhead {
        margin: 50px 0 20px 0;
        font-weight: 300;
        color: #888;
    }

    .content .content-spaced {
        line-height: 1.8em;
    }

    /* A code snippet that has been syntax highlighted */
    .content .snippet {
        margin: 1.3em 0 1em;
        padding: 1.3em;
    }

    .content .content-quote {
        font-family: "Georgia", serif;
        color: #666;
        font-style: italic;
        line-height: 1.8em;
        border-left: 5px solid #ddd;
        padding-left: 1.5em;
    }


/* --------------------------
 * Main Navigation Bar Styles
 * --------------------------
*/

#mob-nav-top { background:url(https://statholdergaarden.kredo.no/layout/m-decor-back.png) no-repeat center center; width:100%; height:20px; }
#mob-nav-btm { background:url(https://statholdergaarden.kredo.no/layout/m-decor.png) no-repeat center center; width:100%; height:20px; }
#mob-nav { border-top:1px solid #cfcfcf; font-size: 15px; overflow: hidden; line-height: 20px; color:#666; margin:10px 0; }
#mob-nav a { color:#888; font-weight:300; display:block; }
#mob-nav a:active { color:#333; }
#mob-nav ul { list-style-type: none; margin: 0; padding: 0; }
#mob-nav li { margin: 0; padding: 0; }
#mob-nav li a { border-bottom:1px solid #cfcfcf; padding:8px; }
#mob-nav li li a { padding-left: 30px; }

#mobmenu {
    margin-left: -260px; /* "#mobmenu" width */
    width: 200px;
    position: fixed;
    top: 0;
    left: 260px;
    bottom: 0;
    z-index: 99999; /* so the menu or its navicon stays above all content */
    overflow-y: auto;
    background: #fcfcfc;
    -webkit-overflow-scroll: touch;
    padding:20px 30px;
}
    #mobmenu a {
        color: #999;
        border: none;
        white-space: normal;
        padding: 0.6em 0 0.6em 0.6em;
    }

    #mobmenu .pure-menu-open {
        background: transparent;
        border: 0;
    }

    #mobmenu .pure-menu ul {
        border: none;
        background: transparent;
    }

    #mobmenu .pure-menu ul,
    #mobmenu .pure-menu .menu-item-divided {
        border-top: 1px solid #333;
    }

        #mobmenu .pure-menu li a:hover,
        #mobmenu .pure-menu li a:focus {
            background: #333;
        }

    .pure-menu-link {
        display: none; /* show this only on small screens */
        top: 0;
        left: 260px; /* "#mobmenu width" */
        font-size: 10px; /* change this value to increase/decrease button size */
        z-index: 99999;
        width: 2em;
        height: auto;
        padding: 2.1em 1.6em;
        background: #f3f3f3;
    }

        .pure-menu-link:active {
           background: #fff;
            background: rgba(255,255,255,1);
        }

        .pure-menu-link span {
            position: relative;
            display: block;
        }

        .pure-menu-link span,
        .pure-menu-link span:before,
        .pure-menu-link span:after {
            background-color: #666;
            width: 100%;
            height: .2em;
            -webkit-transition: all 0.8s;
               -moz-transition: all 0.8s;
                -ms-transition: all 0.8s;
                 -o-transition: all 0.8s;
                    transition: all 0.8s;
        }

            .pure-menu-link span:before,
            .pure-menu-link span:after {
                position: absolute;
                margin-top: -.8em;
                content: " ";
            }

            .pure-menu-link span:after {
                margin-top: .8em;
            }

        .pure-menu-link.active span {
            background: transparent;
        }

            .pure-menu-link.active span:before {
                 margin-top: -.6em;
                -webkit-transform: rotate(45deg) translate(.5em, .4em);
                   -moz-transform: rotate(45deg) translate(.5em, .4em);
                    -ms-transform: rotate(45deg) translate(.5em, .4em);
                     -o-transform: rotate(45deg) translate(.5em, .4em);
                        transform: rotate(45deg) translate(.5em, .4em);
            }

            .pure-menu-link.active span:after {
                margin-top: .6em;
                -webkit-transform: rotate(-45deg) translate(.45em, -.35em);
                   -moz-transform: rotate(-45deg) translate(.45em, -.35em);
                    -ms-transform: rotate(-45deg) translate(.45em, -.35em);
                     -o-transform: rotate(-45deg) translate(.45em, -.35em);
                        transform: rotate(-45deg) translate(.45em, -.35em);
            }

    #mobmenu .pure-menu-heading {
        font-size: 110%;
        color: #fff;
    }
    #mobmenu .pure-menu-heading:hover,
    #mobmenu .pure-menu-heading:focus {
        color: #999;
    }

    #mobmenu .pure-menu-selected {
        background: #1f8dd6;
    }

        #mobmenu .pure-menu-selected a {
            color: #fff;
        }

        #mobmenu li.pure-menu-selected a:hover,
        #mobmenu li.pure-menu-selected a:focus {
            background: none;
        }



/* ---------------------
 * Smaller Module Styles
 * ---------------------
*/

/* example code blocks */
.example-snippet {
    margin: 2em 0;
    font-size: 85%;
}

/* green call to action button class */
.notice {
    background-color: #61B842;
    color: white;
}

.pure-button {
    font-family: inherit;
}
a.pure-button-primary {
    color: white;
}

.muted {
    color: #ccc;
}

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

@media (max-width: 870px) {

    /* Navigation Push Styles */
    #layout {
        position: relative;
        padding-left: 0;
    }
        #layout.active {
            position: relative;
            left: 0px;
            height:100%;
            overflow:hidden;
        }
            #layout.active #mobmenu {
                left: 260px;
                width: 200px;
                z-index: 99999;
            }

    #mobmenu {
        left: 0;
    }

    .pure-menu-link {
        position: fixed;
        left: 0;
        display: block;
    }

    #layout.active .pure-menu-link {
        left:260px;
    }
}

@media (max-width: 767px) {

    .content {
        width: 95%;
        font-size: 90%;
    }

    .legal-links {
        padding:1em 0;
    }
    .legal-license,
    .legal-copyright,
    .legal-links,
    .legal-links li {
        text-align: center;
    }

    /* normalize paddings on small screens*/
    .l-hbox {
        padding: 1.3em;
    }
}

#layout p {
    line-height: 1.6em;
}

.hero {
    text-align: center;
    margin: 8em 0 3em;
}
    .hero h1 {
        font-size: 800%;
        margin: 0;
        padding: 0;
        color: #1f8dd6;
        font-weight: 100;
    }
    .hero h2 {
        font-weight: 100;
        font-size: 260%;
        margin: 0.02em 0 0.8em;
        color: #666;
    }

.hero-cta pre {
    padding: 1em;
    font-size: 100%;
}

a.pure-button-cta,
a.pure-button-secondary {
    font-size: 120%;
    font-weight: bold;
    margin: 0.25em 0;
}

a.pure-button-cta {
    background: #1f8dd6;
    color: white;
    border: 1px solid #1f8dd6;
}

a.pure-button-secondary {
    background: #fff;
    color: #666;
    border: 1px solid #ddd;
}

.size-chart {
    width: 100%;
}

    .size-chart-item {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .size-chart-base {
        background: #0e90d2;
    }
        .size-chart-base span {
            color: rgb(103, 194, 240);
        }

    .size-chart-grids {
        background: rgb(128, 88, 165);
    }
        .size-chart-grids span {
            color: rgb(200, 131, 255);
        }
    .size-chart-forms {
        background: #5eb95e;
    }

        .size-chart-forms span {
            color: rgb(161, 240, 137);
        }

    .size-chart-buttons {
        background: #dd514c;
    }

        .size-chart-buttons span {
            color: rgb(236, 164, 154);
        }

    .size-chart-menus {
        background: rgb(250, 210, 50);
    }
        .size-chart-menus span {
            color: rgb(255, 240, 134);
        }
    .size-chart-tables {
        background: rgb(243, 123, 29);
    }
        .size-chart-tables span {
            color: rgb(255, 190, 129);
        }

    a.size-chart-label {
        display: block;
        color: #fff;
        padding: 0.5em;
        text-decoration: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .size-chart-size {
        display: block;
    }

.marketing-ribbon {
    border-bottom: 1px solid #eee;
    padding: 1em 0;
}

    .marketing-ribbon h3 {
        font-size: 1.47em;
        font-weight: normal;
    }

.sample-buttons .pure-button {
    width: 30%;
    margin: 0.2em;
}
.sample-buttons p {
    margin: 0.5em;
}


.pure-button-a {
    background: #e1f2fa;
    color: #5992aa;
}

.pure-button-b {
    background: #fcebbd;
    color: #af9540;
}

.pure-button-c,
.pure-button-d,
.pure-button-e {
    border-radius: 8px;
}

.pure-button-f,
.pure-button-g,
.pure-button-h {
    border-radius: 20px;
}

.pure-button-c {
    background: #333;
    color: #fff;
}
.pure-button-d {
    background: #d3eda3;
    color: #72962e;
}

.pure-button-e {
    background: #f5ab9e;
    color: #8c3a2b;
}
.pure-button-f {
    background: #ddaeff;
    color: #8156a7;
}

.pure-button-g {
    background: #f57b00;
    color: #ffca95;
}

.pure-button-h {
    background: #008ed4;
    color: #fff;
}


@media (max-width: 767px) {
    .hero {
        margin: 2em 0 1.5em;
        padding: 0.6em;
    }
        .hero h1 {
            font-size: 250%;
            font-weight: 300; /* slightly thicker to compensate for font-size */
        }
        .hero h2 {
            font-size: 165%;
        }

    /* by default l-hbox becomes padding: 1.3em; at <= 767px. However, this makes the heading
    too far away from the content, so adding this in here. */
    h3.l-hbox,
    p.l-hbox {
        padding: 0 1.3em;
    }

    a.size-chart-label {
        font-size: 0.75em;
        padding: 0.6667em;
    }
}

/**
 * Baby Blue theme for RainbowJS
 *
 * @author tilomitra
 */

pre {
    word-wrap: break-word;
    padding: 6px 10;
    line-height: 1.3em;
    margin-bottom: 20;
    border: 1px solid #eee;
}

code {
    border: none;
    margin: 0 2px;
    font-size: 0.8em;
    padding: 0.4em 0.6em;
    white-space: nowrap;
}

pre code {
    padding: 0;
    margin: 0;
    font-size: 0.95em;
    white-space: pre-wrap;
}

pre, code {
    font-family: Consolas, 'Liberation Mono', Courier, monospace;
    color: #333;
    background: rgb(250, 250, 250);
}


pre .comment {
    color: #999;
}


pre .tag, pre .tag-name, pre .support.tag-name {
    color: rgb(85, 85, 85);
}

pre .keyword, pre .css-property, pre .vendor-prefix, pre .sass, pre .class, pre .id, pre .css-value, pre .entity.function, pre .storage.function {
    font-weight: bold;
}

pre .css-property, pre .css-value, pre .vendor-prefix, pre .support.namespace {
    color: #333;
}

pre .constant.numeric, pre .keyword.unit, pre .hex-color {
    font-weight: normal;
    color: #099;
}

pre .attribute, pre .variable, pre .support {
    color:  #757575; /* skinbuilder block-page-text-normal with #1f8dd6 as primary */
}

pre .string, pre .support.value  {
    font-weight: normal;
    color: #3b8bba; /* skinbuilder block-mine-text-low with #1f8dd6 as primary */
}


/*************** gavekort ***************/
.giftWrap {
    float: left;
    width: 100%;
}
.giftWrap *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.gavekort-outer {
    float: left;
    width: 100%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 15px 15px 40px 15px;
    margin-bottom: 5px;
    background-position: center bottom;
    background-image: url(/layout/shadow-selection.png);
}
.gavekort {
    float: left;
    width: 100%;
    background-repeat: no-repeat;
    border: 5px solid #ddd;
    background-size: 100%;
    padding: 20px 14px;
}
.gavekort.last { margin-right: 0; }
.gavekort-title {
    float: left;
    width: 100%;
    padding: 0 0 5px 0;
    /*margin: 0 0 15px 0;*/
    /*border-bottom: 1px solid #dbdbdb;*/
    font-style: italic;
    font-weight: bold;
    font-size: 18px;
}
.gavekort-info {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
div.gavekort-price {
    float: left;
    width: 50%;
    font-size: 18px;
}
span.gavekort-price {
    float: right;
    font-size: 18px;
    font-weight: normal;
}
.gavekort-add {
    float: right;
    width: 50%;
    text-align: right;
    margin-top: -20px;
}
.giftWrap textarea, .giftWrap input[type="text"] {
    font-family: 'PT Serif', 'Times New Roman', serif;
    padding: 4px;
    border: 0;
    background-color: #fff;
    resize:none;
    float: left;
    width: 100%;
    font-size: 14px;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    color: #292929;
    margin-bottom: 10px;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.075);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.075);
    border: 1px solid #ccc;
}
.gavekort-add input[type="text"] {
    font-family: 'PT Serif', 'Times New Roman', serif;
    float: none;
    width: 42px;
    margin-right: 10px;
    height: 38px;
    line-height: 38px;
    padding: 0 5px;
}
.giftWrap .submit {
    font-family: 'Source Sans Pro', 'Gill Sans', Arial, serif;
    border: none;
    margin: 0;
    cursor: pointer;
    font-weight: normal;
    line-height: 24px;
    font-size: 18px;
    text-align: center;
    padding: 7px 10px;
    color: #fff;
    text-decoration: none;
    background-color: #8d8d8d;
    -webkit-appearance: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
}
.giftWrap .submit:hover { background-color: #6ec2d0; text-decoration: none; }
.giftWrap .i-block { width: 100%; }
.gavekort-info-text {
    line-height: 18px;
    font-size: 14px;
    color: #333;
}
.cart-item {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
}
.del-cart-item {
    margin-right: 5px;
    display: inline-block;
    padding: 1px 6px;
    background-color: #eee;
    cursor: pointer;
}
#cart_key {
    display: none;
}
.inp-custom_amount {
    padding: 10px !important;
}
.cart-logo {
    float: left;
    width: 100%;
    text-align: center;
}
.cart-logo img { max-width: 100%; height: auto; }
.cart-hr {
    float: left;
    width: 100%;
    height: 1px;
    background-color: #ccc;
    margin: 30px 0;
}
#cart-checkout a {
    -webkit-appearance: none;
    margin-top: 10px;
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    font-size: 18px;
    background-color: #8d8d8d;
    font-family: 'Source Sans Pro', 'Gill Sans', Arial, serif;
}
#cart-checkout a:hover { background-color: #6ec2d0; text-decoration: none; }
#cart-scroll.on-scroll {
    position: fixed;
    width: 300px;
    top: 10px;
}

#sumbar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    background-color: #fff;
    border-top: 2px solid #ccc;
    color: #000;
    z-index: 20;
}
.sumbar-line {
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
    text-align: center;
    font-size: 14px;
}
.sumbar-line-last { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }

.sumbar-line a {
    -webkit-appearance: none;
    display: inline-block;
    padding: 2px 5px;
    color: #fff;
    font-size: 16px;
    background-color: #6ec2d0;
    font-family: 'Source Sans Pro', 'Gill Sans', Arial, serif;
}
.sumbar-line a:hover { background-color: #6ec2d0; text-decoration: underline; }
.sumbar-left { display: inline-block; float: left; }
.sumbar-right { display: inline-block; float: right; }

.mob-center .i-block { background-size: 100%; }

.mob-center .maincontent.full {
    width: 100%;
}
.mob-center .maincontent.left {
    width: 100%;
}
.mob-center .maincontent.right {
    width: 100%;
    margin-top: 20px;
}
.mob-center .gavekort-info {
    margin-bottom: 0;
}
.mob-center .gavekort-price {
    width: 100%;
}
.mob-center .gavekort-add {
    width: 100%;
    margin-top: 10px;
    text-align: left;
}



.hajd { display: none; }

/* Stylesheet: mobile - style Modified On 2017-01-16 15:08:52 */