/*Google Web Fonts
---------------------*/
/*@import url("http://fonts.googleapis.com/css?family=Trocchi");*/
/*---------------------
General
---------------------*/
a {color:#a8955c; text-decoration:none;}
a:hover {text-decoration:underline;}
h1, h2, h3 {font:normal 14px 'Palatino Linotype','Book Antiqua3', Palatino6, serif; color:#000;}
h1 {font-size:30px; padding:0; margin:0 0 10px 0;}
h2 {font-size:22px; padding:0; margin:5px 0 5px 0;}
h3 {font-size:18px; padding:0; margin:5px 0 5px 0;}
h4 {padding:0; margin:25px 0 5px 0; font-weight:bold; line-height:1.5;}
p {margin:0 0 10px 0;}
::selection {background:#d0e8ff;}
::-moz-selection {background:#d0e8ff;}
table,
table tr,
table tr td {font:12px/1.5 Arial, Verdana, Sans-serif;}
img, table {border:0;}
html {margin:0; padding:0;}
body {margin:0 0 0px 0; padding:0; COLOR:#000000; font:normal 13px/1.5 Arial, Verdana, "Lucida Sans", "Lucida Grande", Sans-serif; text-align:center; /*background-color:#999;*/ background-color:#1e3603; }
/*---------------------
Body layout
---------------------*/
#wrapper {width:100%; margin:0 auto; text-align:left;}
#head {width:100%; height:103px; margin:0; padding:0; background-color:#ffffff; min-width:990px;}
#head .inner {width:990px; height:103px; margin:0 auto; text-align:left; position:relative; }
#head #logo {position:absolute; left:0; top:5px;}
#head #logo img {height:86px; width:136px; border:0;}
#head #contact {position:absolute; right:20px; top:10px;}
#head .lang {margin:0; padding:0; list-style-type:none; position:absolute; right:0; top:5px;}
#head .lang li {float:left; padding-left:1px;}
#navContainer {background-color:#c3ae6e; width:100%;margin:0; padding:0; min-width:990px;}
#navContainer .inner {width:990px; margin:0 auto;}
#navContainer .inner #nav {min-height:35px; width:960px; margin:0; padding:0; overflow:hidden;}
#head #responsive-menu-btn {display:none;}
#navContainer .inner #nav ul#menu {list-style:none; margin:0; padding:0; width:990px; min-height:35px; overflow:hidden; display:block;}
#navContainer .inner #nav ul#menu li {float:left; padding:0 35px 0 0; display:inline; height:35px; overflow:hidden;}
#navContainer .inner #nav ul#menu li a {font:normal 14px/35px 'Oswald', Arial, Verdana, Sans-serif; color:#FFF; text-decoration:none; padding:0px 10px; margin:0; display:block; text-transform:uppercase;}
#navContainer .inner #nav ul#menu li.on a {padding:0px 10px; background:url('/gfx/menu-on.png') no-repeat left center;}
#navContainer .inner #nav ul#menu li a:hover {cursor:pointer; text-decoration:none;}
#navContainer .inner #nav ul#menu li a.haschild {display:none;}
#navContainer .inner #nav ul#menu li ul {display:none;}
#navContainer .inner #nav ul#responsive, ul.childs {display:none;}
#head #search {width:218px; height:21px; overflow:hidden; position:absolute; top:10px; right:130px;}
#head #search img {width:218px; height:21px; position:absolute; z-index:0; top:0; left:0;}
#head #search .tbxon {width:190px; font:normal 11px arial, verdana, sans-serif; font-style:italic; padding:0; color:#999; overflow:hidden; position:absolute; z-index:10; top:2px; left:5px; border:0; outline-style:none; outline-width:0pt; background-color:transparent;}
#head #search .tbxoff {width:190px; font:normal 11px arial, verdana, sans-serif; font-style:italic; padding:0; color:#999; overflow:hidden; position:absolute; z-index:10; top:2px; left:5px; border:0; outline-style:none; outline-width:0pt; background-color:transparent;}
#head #search .btn {width:40px; height:40px; background-color:transparent; border:0; position:absolute; z-index:0; top:0; right:0; outline-width:0;}
#overlay-search {height:100%; width:60%; overflow:auto; overflow-x:hidden; position:fixed; left:0; top:0; z-index:999 !important; padding:0 20%; text-align:left; background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BBFFFFFF,endColorstr=#BBFFFFFF); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BBFFFFFF,endColorstr=#BBFFFFFF); zoom:1; background:rgba(255,255,255,.90); display:none;}
.overlay-search-close {text-decoration:none; font-size:40px; line-height:40px; position:fixed; top:4%; right:2%; color:#999; padding:0 5px; margin:0; cursor:pointer; display:block;}
.overlay-search-close:hover {color:#000;}
.overlay-search-title {font:bold 30px/30px "ff-tisa-sans-web-pro", Arial, Sans-serif; color:#000; margin:0; padding:5% 0 2% 0; display:block; width:100%; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.overlay-search-tbx {font-size:40px; padding:1% 2%; margin:0; border:2px solid #ccc; width:100%; outline-style:none; outline-width:0pt; background-color:#f7f7f7; color:#bbb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none;}
.overlay-search-tbx:focus {background-color:#fff; color:#000; border:2px solid #2980b9;}
.overlay-search-result {padding:3% 0 5% 0; margin:0; list-style:none; width:100%; font-family:"ff-tisa-sans-web-pro", Arial, Sans-serif;}
.overlay-search-result li {padding:0 0 2% 0; margin:0 0 2% 0; border-bottom:1px solid #ccc;}
.overlay-search-result li:last-child {padding:0; margin:0; border:0;}
.overlay-search-result li p.title {padding:0; margin:0 0 4px 0; font-size:20px; font-weight:bold; color:#000;}
.overlay-search-result li p.hits {padding:2px 0 0 0; margin:0; font-size:10px;}
.overlay-search-result li a {font-size:14px; text-decoration:none;}
.overlay-search-result li a:hover {text-decoration:underline;}
.overlay-search-info {font:normal 20px/20px "ff-tisa-sans-web-pro", Arial, Sans-serif; font-style:italic; color:#60add0; margin:2% 0 0 0; padding:1% 2%; border:2px solid #8ccfef; background-color:#cbeeff;}
.overlay-search-alert {font:normal 20px/20px "ff-tisa-sans-web-pro", Arial, Sans-serif; font-style:italic; color:#c3454a; margin:2% 0 0 0; padding:1% 2%; border:2px solid #df6c70; background-color:#fbcfd1;}
.overlay-search-preloader {width:100px; height:100px; position:absolute; left:50%; top:50%; margin-left:-50px; margin-top:-50px;}
/*---------------------
Page layout
---------------------*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix {height: 1%;}
.content {width:100%; margin:0; padding:15px 0; background:#1e3603 url('/gfx/bg-green.jpg') repeat-x center top; min-width:990px;}
.start {background:0; background:#1e3603 url('/gfx/bg-green.jpg') no-repeat center top; padding:0; margin:0; min-height:800px; min-width:990px;}
.content .inner {width:990px; margin:0 auto; padding:0; min-height:450px; overflow:hidden; background-color:#fff; padding-bottom:20px;}
.contentleft {width:217px; margin:0; padding:0; float:left; overflow:hidden; /*background:url(/gfx/left-menu-bg.gif) top left repeat-x;*/}
.contentright {width:720px; margin:10px 10px 0 0; padding:0; float:right; overflow:hidden;}
/*---------------------
Start page
---------------------*/
#start-slideshow {width:990px; margin:0 auto; min-height:350px; position:relative;}
#start-slideshow .text {width:98%; min-height:50px; padding:10px 1% 0 1%; font-size:1.0em; background:url('/gfx/start-text-bg.png') repeat; position:absolute; bottom:0; color:#ffffff;}
.headerText h1 {font-size:28px; text-transform:uppercase; font-weight:bold; padding-top:2%;}
#start-content {width:990px; margin:10px auto 0 auto; padding:0;}
#start-puffs {width:745px; margin:0; padding:0; overflow:hidden; float:left; }
#start-puffs .puffitem {width:218px; height:177px; margin:0 12px 0 0; padding:0; float:left; text-align:left; overflow:hidden; position:relative; background-color:#c3ae6e; border:10px solid #ffffff;}
#start-puffs .puffitem.last {margin-right:0;}
#start-puffs .puffitem a {text-decoration:none;}
#start-puffs .puffitem .rub, #start-puffs .puffitem a .rub {transition-duration:0.2s; -webkit-transition-duration:0.2s; width:100%; display:block; margin:0 0 0px 10px; padding:5px 0 5px 0; color:#fff; text-align:left; font:bold 16px 'Book Antiqua', 'Palatino Linotype','Book Antiqua3', Palatino6, serif; text-transform:uppercase; }
#start-puffs .puffitem a .rub:hover {text-decoration:underline;}
#start-puffs .puffitem .image {width:100%; height:94px; display:block; margin:0px 0 0 0px; text-align:center; background-color:#fff; overflow:hidden;}
#start-puffs .puffitem .image img {transition-duration:0.2s; -webkit-transition-duration:0.2s; width:218px; display:block; opacity:1.0; filter:alpha(opacity=100); height:100%; min-height:94px;}
#start-puffs .puffitem .contentpuff {transition-duration:0.2s; -webkit-transition-duration:0.2s; width:100%; /*background:rgba(0,0,0,.6); color:#fff; text-shadow:0 -1px 0 rgba(0,0,0,.3);*/ display:block; }
#start-puffs .puffitem .contentpuff p {transition-duration:0.2s; -webkit-transition-duration:0.2s; /*padding:0; margin:0;*/ line-height:14px; font-size:12px; margin:0px 0 10px 10px; color:#fff;}
#start-puffs .puffitem .contentpuff a {background:url('/gfx/puff-url.png') no-repeat left 2px; padding-left:10px; color:#ffffff;}
#start-puffs .puffitem .contentpuff a:hover {text-decoration:underline;}
#start-news {width:218px; height:177px; margin:0; padding:0; float:right; text-align:left; overflow:hidden; position:relative; background-color:#c3ae6e; border:10px solid #ffffff;}
#start-news h3 {margin:0 0 0px 10px; padding:5px 0 5px 0; color:#fff; text-align:left; font:bold 16px 'Book Antiqua', 'Palatino Linotype','Book Antiqua3', Palatino6, serif; text-transform:uppercase; }
#start-news ul {list-style:none; margin:0 0 0 10px; padding:0; width:90%; overflow:hidden; min-height:120px; height:120px; overflow:hidden;}
#start-news ul li {padding:0; margin:0 0 3% 0; color:#fff; }
#start-news ul li a {text-decoration:none; color:#fff;}
#start-news ul li a:hover {text-decoration:underline;}
#start-news .newsdate {font-size:10px;}
#start-news .newstext {width:100%; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#start-news .news-more {color:#ffffff; text-decoration:none; float:right; margin-right:15px; font-size:10px;}
#start-news .news-more:hover {text-decoration:underline;}
.wecaptcha {
line-height: 40px;
font-size: 20px;
}
.wecaptcha-image {
vertical-align: middle;
border: 1px solid #ddd;
}
.wecaptcha input[type='text'].wecaptcha-tbx {
height: 40px;
width: 30px;
padding: 0 10px;
border: 1px solid #ddd;
text-align: center;
font-size: 20px;
line-height: 40px;
vertical-align: middle;
}
/*---------------------
Left menu
---------------------*/
#leftmenu ul {width:217px; margin:10px 0 0 10px; padding:0 0 10px 0; list-style:none; overflow:hidden;}
#leftmenu ul li {width:217px; margin:0; padding:0; border-bottom:1px solid #c3ae6e;}
#leftmenu ul li:last-child {background:none; border:0;}
#leftmenu ul li a {width:217px; margin:0; padding:0 0 0 25px; font:normal 12px/40px Arial; color:#464646; text-decoration:none; display:block;}
#leftmenu ul li a:hover {color:#333;}
#leftmenu ul li.on a {color:#464646; font-weight:bold; background:url('/gfx/subnav-on.jpg') no-repeat left center; margin-left:10px; padding-left:15px;}
#leftmenu ul li.on-childs {background:none; border:0;}
#leftmenu ul li.on-childs a {color:#464646; font-weight:bold; line-height:30px; background:url('/gfx/subnav-on.jpg') no-repeat left center; margin-left:10px; padding-left:15px;}
#leftmenu ul li.on-childs ul {margin:0 0 0 0px !important;border-bottom:1px solid #c3ae6e; }
#leftmenu ul li.on-childs ul li {background:none; border:0; margin:0 0 0 15px; }
#leftmenu ul li.on-childs ul li a {font-weight:normal !important; line-height:24px !important; font-size:11px; color:#555; background:0;}
#leftmenu ul li.on-childs ul li a:hover {color:#333;}
#leftmenu ul li.on-childs ul li.on a {color:#464646; font-weight:bold !important; background:url('/gfx/subnav-on.jpg') no-repeat left center;}
/*---------------------
Footer layout
---------------------*/
#footer {width:100%; min-height:40px; _height:40px; margin:20px 0 20px 0; padding:0px 0 0 0; clear:left; position:relative; font-size:11px; line-height:16px; color:#fff;}
#footer .inner {width:990px; min-height:40px; _height:40px; margin:0 auto; background:#c3ae6e; /*url('/gfx/footer-bg.png') repeat*/ padding:0;}
#footer a {font-weight:normal; color:#fff; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer .left {float:left; padding:0; margin:0; text-align:left; padding:10px;}
#footer .left .column {float:left; width:250px;}
#footer .right {float:right; padding:10px; margin:0; text-align:right; }
#footer .right .rss img,
#footer .right .facebook img,
#footer .right .twitter img {margin:0 0 3px 2px; padding:0; border:0;}
#footer .links {margin-bottom:10px; width:960px;}
#footer .links .left {float:left; width:16%; display:block; overflow:hidden; margin:0 0.6% 1% 0; text-align:left; clear:right;}
#footer .links .left li {list-style-type:none; margin-left:0; padding-left:0;}
#footer .links .left.first {padding-left:0px;}
#footer .links .left p a {color:#fff; display:block; line-height:20px; font-size:10px; font-family:Arial, Verdana, sans-serif;}
#footer .links .left p a strong {color:#fff; font-size:12px;}
@media screen and (max-width: 860px)
{
#wrapper {width:auto; height:auto; margin:0; text-align:left;}
#head {min-width:0; width:auto; height:auto; height:70px; margin:0; padding:0; position:relative;}
#head .inner {width:auto; height:auto; z-index:999;}
#head #logo {position:absolute; left:10px; top:10px;}
#head #logo img {display:block; height:50px; width:auto; border:0;}
#overlay-search {width:90%; overflow:auto; overflow-x:hidden; padding:0 5%;}
.overlay-search-close {font-size:25px; line-height:25px; top:4%; right:5%; position:absolute;}
.overlay-search-title {font:bold 24px/24px Arial, Sans-serif; margin:0 0 1.5% 0;}
.overlay-search-tbx,
.overlay-search-tbx:focus {font-size:18px; line-height:18px; padding:1% 2%; margin:0 0 1.5% 0; border-width:1px;}
.overlay-search-result li p.title {font-size:14px;}
.overlay-search-result li p.hits {font-size:10px; padding:0;}
.overlay-search-result li a {font-size:12px;}
.overlay-search-info,
.overlay-search-alert {font:normal 14px/14px Arial, Sans-serif; border-width:1px; padding:2%;}
#head .inner #shopping-cart {display:none;}
#head .lang {margin-right:50px; padding-top:1%; width:120px;}
#navContainer {background:none;}
#navContainer, #navContainer .inner {min-width:0; width:auto;}
#navContainer .inner #nav {position:static; top:0; left:0; height:auto; min-height:50px; width:100%; padding:0; margin:0; z-index:9; display:none;}
#navContainer .inner #nav ul#menu {display:none;}
#head #responsive-menu-btn {position:absolute; right:0; top:20px; display:block; height:50px; padding:0 14px; z-index:999; color:#000; font-size:30px; font-weight:bold; text-transform:uppercase; line-height:60px; text-decoration:none; cursor:pointer; }
#head #search {width:218px; height:21px; overflow:hidden; position:absolute; top:20px; right:180px;}
#navContainer .inner #nav ul#responsive {display:block; width:100%; height:auto; padding:0; margin:0px 0 0px 0; position:static; z-index:9999;}
#navContainer .inner #nav ul#responsive li {display:block; width:100%; height:auto; position:relative; padding:0; margin:0; overflow:hidden;}
#navContainer .inner #nav ul#responsive li a {width:92%; height:auto; padding:0.5em 0 0.5em 15px; margin:0; display:block; color:#fff; text-decoration:none; font-size:1.2em;}
#navContainer .inner #nav ul#responsive li span {width:8%; float:right; display:block; padding:0; margin:0; text-align:center; font-weight:bold; color:#fff; font-size:1.2em; line-height:2.5em; cursor:pointer;}
#navContainer .inner #nav ul.childs {display:none; width:100%; height:auto; padding:0; margin:0px 0 7px 0; position:static; z-index:9999;}
#navContainer .inner #nav ul.childs li {display:block; width:100%; height:auto; position:relative; padding:0; margin:0;}
#navContainer .inner #nav ul.childs li.back {background:url(/gfx/webbedit/light-arrow-left.png) no-repeat; background-position:1.2em 1.2em; padding-left:15px;}
#navContainer .inner #nav ul.childs li a {height:auto; padding:0.5em 0 0.5em 15px; margin:0; display:block; color:#fff; text-decoration:none; font-size:1.2em;}
#navContainer .inner #nav ul.childs li span {width:8%; float:right; display:block; padding:0; margin:0; text-align:center; font-weight:bold; background:url(/gfx/webbedit/arrow-right.png) center center no-repeat; color:#fff; font-size:1.2em; line-height:2.5em; cursor:pointer;}
/* Färger för respektive element */
#head #responsive-menu-btn.on {color:rgba(0, 0, 0, 0.5);}
#navContainer .inner #nav ul#responsive,
#navContainer .inner #nav ul.childs {background-color:#333; box-shadow:0 1px 7px rgba(0, 0, 0, 0.5);}
#navContainer .inner #nav ul#responsive li,
#navContainer .inner #nav ul.childs li {border-bottom:1px solid #2d2d2d !important;}
#navContainer .inner #nav ul#responsive li span,
#navContainer .inner #nav ul.childs li span,
#navContainer .inner #nav ul#responsive li.on span,
#navContainer .inner #nav ul.childs li.on span {background:url(/gfx/webbedit/light-arrow-right.png) center center no-repeat;}
#navContainer .inner #nav ul.childs li.back {background-color:#3c3c3c;}
#navContainer .inner #nav ul#responsive li.on,
#navContainer .inner #nav ul.childs li.on {background-color:#c3ae6e;}
#navContainer .inner #nav ul#responsive li:last-child,
#navContainer .inner #nav ul.childs li:last-child {border:0 !important;}
.start {min-width:0; background-size:500%;}
.headerText h1 {font-size:1.8em; padding:10px;}
.content {min-width:0; width:auto; height:auto; min-height:100px; margin:0; padding:0;}
.content .inner {width:auto; height:auto; min-height:100px; padding-bottom:2%;}
.contentleft {display:none;}
.contentright {width:-moz-calc(100% - 20px)!important; width:-webkit-calc(100% - 20px)!important; width:calc(100% - 20px)!important; height:auto; margin:0; padding:10px; float:left;}
#footer {width:auto; margin:0; padding:2% 0 0 0; clear:left; position:relative; font-size:11px; line-height:16px;}
#footer .inner {width:auto; height:auto; }
#start-slideshow {margin:0; padding:2% 0; width:auto; min-height:350px; overflow:hidden; }
#start-content {min-width:0; width:auto; width:98%; height:auto; margin:0; padding:0 0% 0 0%; }
#start-puffs {width:100%; height:auto; margin:0; }
#start-news {width:92%; float:left; min-height:180px; height:auto; margin-left:1%; }
#start-puffs .puffitem {width:28%; margin:0 0 1% 1%; min-height:180px; height:auto; max-width:218px;}
#start-puffs .puffitem .image img {width:100%;}
table.responsive-table,
table.responsive-table thead,
table.responsive-table tbody,
table.responsive-table th,
table.responsive-table td,
table.responsive-table tr {display:block; border:0;}
table.responsive-table thead tr {position:absolute; top:-9999px; left:-9999px;}
table.responsive-table tr {border:1px solid #ccc;}
table.responsive-table td {padding:4px 6px;}
table.responsive-table td {border:none; border-bottom:1px solid #ddd; position:relative; padding-left:50%; white-space:normal; text-align:left !important;}
table.responsive-table td:before {position:absolute; top:6px; left:6px; width:45%; padding-right:10px; white-space:nowrap; text-align:left; font-weight: bold;}
table.responsive-table td:before {content:attr(data-title);}
table.responsive {width:100%;}
}
@media screen and (max-width: 600px)
{
#head #search {display:none;}
#start-puffs {margin-bottom:1em;}
#start-puffs .puffitem {width:60%; margin:0 auto; float:none; margin-bottom:1em;}
#start-puffs .puffitem.last {margin:0 auto;}
#start-news {width:60%; margin:0 auto; float:none; max-width:218px; }
#start-slideshow {min-height:50px;}
.overlay-search-preloader {width:80px; height:80px; margin-left:-40px; margin-top:-20px;}
.pp_pic_holder.pp_default { width: 100%!important; margin-top:-100px !important;left: 0!important; overflow: hidden; }
div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
.pp_content { width: 100%!important; height: auto!important; }
.pp_fade { width: 100%!important; height: 100%!important; }
a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
#pp_full_res img { width: 100%!important; height: auto!important; }
.pp_details { width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
a.pp_close { right: 10px!important; top: 10px!important;
}
@media screen and (max-width: 480px)
{
#start-puffs {margin-bottom:1em;}
#start-puffs .puffitem {width:90%; margin:0 auto; float:none; margin-bottom:1em;}
#start-puffs .puffitem.last {margin:0 auto;}
#start-news {width:90%; margin:0 auto; float:none; }
.overlay-search-preloader {width:50px; height:50px; margin-left:-25px; margin-top:-25px;}
table.responsive td {width:100%; display:block;}
table.responsive td img {width:100%; height:auto;}
}
/* Andra tips och trix */
/* Sätter en max-gräns för text och lägger till ... när det behövs */
/*max-width:50px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;*/