/* Minification failed. Returning unminified contents.
(927,84): run-time error CSS1019: Unexpected token, found '}'
 */
@charset "CP850";

@font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 300; src: local('Titillium WebLight'), local('TitilliumWeb-Light'), url(/frontend/fonts/TitilliumWeb-Light.ttf) format('truetype'); }
@font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 600; src: local('Titillium WebSemiBold'), local('TitilliumWeb-SemiBold'), url(/frontend/fonts/TitilliumWeb-SemiBold.ttf) format('truetype'); }
@font-face { font-family: 'Titillium Web'; font-style: italic; font-weight: 600; src: local('Titillium WebSemiBold Italic'), local('TitilliumWeb-SemiBoldItalic'), url(/frontend/fonts/TitilliumWeb-SemiBoldItalic.ttf) format('truetype'); }
@font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 700; src: local('Titillium WebBold'), local('TitilliumWeb-Bold'), url(/frontend/fonts/TitilliumWeb-Bold.ttf) format('truetype'); }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary { display: block; }

audio,
canvas,
video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }
h5 { margin: 10px 0 !important; }
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; }

a:focus { outline: thin dotted; }
a:active,
a:hover { outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
h1 { font-size: 2em; margin: 0.67em 0; }
abbr[title] { border-bottom: 1px dotted; }

b,
strong { font-weight: bold; }

dfn { font-style: italic; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; color: #B4B4B4; }
mark { background: #ff0; color: #000; }

code,
kbd,
pre,
samp { font-family: monospace, serif; font-size: 1em; }

pre { white-space: pre-wrap; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size: 80%; }

sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
figure { margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

button,
input,
select,
textarea { font-family: inherit; font-size: 100%; margin: 0; }

button,
input { line-height: normal; }

button,
select { text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled],
html input[disabled] { cursor: default; }

input[type="checkbox"],
input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; }

/* ==========================================================================
   Tables
   ========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }

/* ==========================================================================
   Basic HTML: html and body elements
   ========================================================================== */
html { overflow-y: scroll; overflow-x: hidden; }
body { background: url(/frontend/images/bg-body-std-1.jpg); font-family: "Arial, HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Lucida Grande", sans-serif; font-weight: normal; color: #6a6a6a; }

/* ==========================================================================
   Anchor tags
   ========================================================================== */
a { color: #7F0C17; text-decoration: none; }
a:hover, a:focus { outline: none; border: 0 none; }

.main-content a { color: #D1050C; text-decoration: underline; }
.main-content a:hover, .main-content a:focus { color: #363535; outline: none; border: 0 none; }

/* ==========================================================================
   Headings
   ========================================================================== */
.page-wrapper-tile { background: url(/frontend/images/bg-body-std-repeat.jpg); }

h1 { color: #313131; font-size: 27px; font-weight: normal; text-shadow: 0px 1px 1px white; }
.main-content h1 { font-weight: bold; }
h2 { color: #313131; font-size: 24px; font-weight: bold; margin: 0 0 10px 0; text-shadow: 0px 1px 1px white; }
h3 { font-size: 17px; text-shadow: 0px 1px 1px white; clear: both; font-weight: bold; }
h4 { font-size: 16px; text-shadow: 0px 1px 1px white; }
h5 { font-size: 14px; text-shadow: 0px 1px 1px white; }
h6 { font-size: 13px; text-shadow: 0px 1px 1px white; }

/* ==========================================================================
   Spacing
   ========================================================================== */
.main-content ul { list-style: none; padding-left: 15px; line-height: 1.2em; }
.main-content ul li { background: url(/frontend/images/sprite-main.png) no-repeat -5px -498px; padding-left: 18px; margin-left: 0 !important; margin-bottom: 7px; }
ol { list-style: decimal; }
ul { list-style: disc; }
ol, ul, p { margin: 0; padding: 0; }
li { margin-left: 15px; }

dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
pre,
table,
address,
fieldset { margin-bottom: 15px; }

/* ==========================================================================
   Forside
   ========================================================================== */
body.Forside { background: url(/frontend/images/bg-body-std-1.jpg); }
.forside { margin-top: 20px; padding: 40px 0 55px 0; }
span.product.disabled { color: #cccccc !important; font-style: italic; font-weight: normal !important; cursor: text !important; }

/* ==========================================================================
   Grid: Zen grid indstillinger
   ========================================================================== */
/* ==========================================================================
   Grid: container - Div der wrapper hele siden
   ========================================================================== */
.container { max-width: 960px; padding: 0 10px; margin: 0 auto; }
.container:before, .container:after { content: ""; display: table; }
.container:after { clear: both; }

/* ==========================================================================
   Grid: base-grid - bruges i .header, . breadcrumb, .left, .right og .content
   ========================================================================== */
.base-grid, .content, .breadcrumb, footer { padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; }

/* ==========================================================================
   Grid: content - Div der wrapper left, right og main content
   ========================================================================== */
.content { clear: left; float: left; width: 100%; margin-left: 0%; margin-right: -100%; min-height: 375px; padding-left: 0; padding-right: 0; color: #363535; font-size: 14px; }
.content .main-content .main-text, .content .secondary-content { font-size: 15px; line-height: 1.4em; }
.content .secondary-content { margin-bottom: 30px; }
.content .main-content .main-text a, .content .secondary-content a { color: #D1050C; text-decoration: underline; }

/* ==========================================================================
   Grid: 2 kolonnes layout: Left og Right content på siden
   ========================================================================== */
.col-1-2-1 .main-wrapper { float: left; width: 50%; margin-left: 25%; margin-right: -100%; }
.col-1-2-1 .left { float: left; width: 25%; margin-left: 0%; margin-right: -100%; padding-left: 0; padding-right: 0; }
.col-1-2-1 .right { float: left; width: 25%; margin-left: 75%; margin-right: -100%; padding-left: 0; padding-right: 0; }

.CategoryList .content,
.ProductList .content { line-height: 1.4em; }

/* ==========================================================================
   Grid: 3 kolonnes layout: Left og Main content på siden
   ========================================================================== */
.col-1-3 .left { float: left; width: 25%; margin-left: 0%; margin-right: -100%; }
.col-1-3 .main-wrapper { float: left; width: 75%; margin-left: 25%; margin-right: -100%; padding-bottom: 70px; }

/* ==========================================================================
   Grid: 3 kolonnes layout: Right og Main content på siden
   ========================================================================== */
.col-3-1 .right { float: left; width: 25%; margin-left: 75%; margin-right: -100%; }
.col-3-1 .main-wrapper { float: left; width: 75%; margin-left: 0%; margin-right: -100%; }

/* ==========================================================================
   Grid: Fuld bredde: Ingen left/right content på siden
   ========================================================================== */
.col-4 .main-wrapper { float: left; width: 100%; margin-left: 0%; margin-right: -100%; }

.Product .background-top { background: url(/frontend/images/bg-top-dl.png); background-repeat: repeat-x; background-position: 0 -40px; min-height: 448px; }
.Product .top-info { display: flex; }
.Product .grid6-shadow { float: none; }
.Product .red-line { display: none; }
.Product .product-description { padding-left: 39px; overflow: hidden; max-height: 382px; position: relative; }
.Product .separator-product { display: none; }
.Product .certificate-icons { padding-left: 54px; padding-top: 41px; padding-bottom: 41px; overflow: hidden; }
.Product .certificate-icons img { padding: 5px 5px 0 0; }
.Product .send-mail { display: none; }


.Product .content { margin-top: 26px; }
.Product .content ul { list-style: none; padding-left: 15px; line-height: 1.2em; }
.Product .content ul li { background: url(/frontend/images/listitem-design.png); background-repeat: no-repeat; background-position: 0 4px; padding-left: 18px; margin-left: 0 !important; margin-bottom: 10px; }
.Product .content #toc { background: url(/frontend/images/bg-tab-header.png); height: 50px; float: left; list-style: none; overflow: hidden; position: relative; margin-bottom: 0; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.Product .content #toc .ui-state-active { border-right: 1px solid #b0b0b0; border-left: 1px solid #b0b0b0; background: url(/frontend/images/light-grey-tile.png); }
.Product .content #toc li { background: url(/frontend/images/product-tab-li-shadow.png); background-repeat: repeat-x; background-position: center bottom; float: left; height: 50px; margin: 0; }
.Product .content #toc li a { float: left; height: 50px; color: #676666; padding: 0 35px; }
.Product .content #toc li a .btn-foldout { display: none; }

.Product #tabs { float: left; width: 960px; }
.Product #tabs .scroll-target { position: absolute; top: -76px; }
.Product #tabs #tabs-li-1 { border-left: none; }
.Product #tabs #tabs-li-2 { border-right: none; }

.Product #tabs .ui-tabs-panel { background: url(/frontend/images/light-grey-tile.png); float: left; width: 960px; }
.Product #tabs .ui-tabs-panel .column-1,
.Product #tabs .ui-tabs-panel .wide { float: left; padding-left: 30px; padding-top: 30px; padding-right: 35px; padding-bottom: 50px; background: url(/frontend/images/tab-separator.png); background-repeat: no-repeat; background-position: 442px 90px; width: 410px; }
.Product #tabs .ui-tabs-panel .wide { width: auto !important; background: none !important; clear: both; overflow: hidden; }
.Product #tabs .ui-tabs-panel .column-2 { float: left; padding-top: 27px; padding-left: 25px; width: 410px; }
.Product #tabs .ui-tabs-panel hr { padding: 0 30px; }
.Product #tabs .ui-tabs-panel h3 { margin-top: 35px; font-weight: bold; }
.Product #tabs .ui-tabs-panel .feature-group-header h4 { margin: 0; font-size: 14px; }

.Product #tabs .ui-tabs-panel .single-item { clear: both; overflow: hidden; }
.Product #tabs .ui-tabs-panel .single-item.last td { padding-bottom: 5px; }
.Product #tabs .ui-tabs-panel .single-item table { width: 100%; }
.Product #tabs .ui-tabs-panel .single-item table td { vertical-align: bottom; }
.Product #tabs .ui-tabs-panel .single-item .description-left { float: left; text-align: left; width: 262px; }
.Product #tabs .ui-tabs-panel .single-item .description-right { clear: right; float: right; text-align: right; width: 139px; }

.Product #tabs .ui-tabs-panel .video { width: 640px; }
.Product #tabs .ui-tabs-panel .video .headline { margin-top: 0; }
.Product #tabs .ui-tabs-panel .video hr { margin: 20px 0; }
.Product #tabs .ui-tabs-panel .video .description { margin-bottom: 10px; }

.Product #tabs .ui-tabs-panel .accessories hr { margin-top: 15px; margin-bottom: 15px; }
.Product #tabs .ui-tabs-panel .accessories .accessory { color: #363535; display: block; }
.Product #tabs .ui-tabs-panel .accessories .accessory .image { float: left; }
.Product #tabs .ui-tabs-panel .accessories .accessory .description { float: left; padding-left: 20px; width: 550px; }
.Product #tabs .ui-tabs-panel .accessories .accessory .description .headline { margin-top: 0; }

.Product #tabs .ui-tabs-panel .pdf-download { width: 411px; margin: 18px 0 0 10px; padding-bottom: 15px; background: transparent url(/frontend/images/pdf-download-shadow.png) center bottom no-repeat; }
.Product #tabs .ui-tabs-panel .pdf-download > div { border: 1px solid #b4b4b4; padding: 20px; background: transparent url(/frontend/images/pdf-download-background.png) left top repeat; }
.Product #tabs .ui-tabs-panel .pdf-download > div h3 { margin: 0 0 10px 0; }
.Product #tabs .ui-tabs-panel .pdf-download > div hr { color: #b4b4b4; }
.Product #tabs .ui-tabs-panel .pdf-download > div ul { margin: 30px 0 25px 0; padding-left: 12px; }
.Product #tabs .ui-tabs-panel .pdf-download > div ul li { background: none; padding-left: 0px; }
.Product #tabs .ui-tabs-panel .pdf-download > div ul li a { padding-right: 20px; color: #d1050c; font-weight: bold; background: transparent url(/frontend/images/read-more-icon.png) right 4px no-repeat; }
.Product #tabs .ui-tabs-panel .pdf-download > div ul li a:hover { color: #363535; background-image: url(/frontend/images/read-more-icon-normal.png); }

.Product #tabs #tabs-2.ui-tabs-panel ul li.single-item { display: flex; background: none; }
.Product #tabs #tabs-2.ui-tabs-panel ul { padding-left: 0px; } 
.Product #tabs #tabs-2.ui-tabs-panel ul li.single-item.feature-group-header { background: none; padding-left: 0; margin-top: 20px;  }
.Product #tabs #tabs-2.ui-tabs-panel ul li.single-item { margin-top: 15px;  }
.Product #tabs #tabs-2.ui-tabs-panel ul li.single-item .description-left { float: none; display: inline-block; flex: 1; }
.Product #tabs #tabs-2.ui-tabs-panel ul li.single-item .description-right { float: none; display: inline; flex: 1; }

/* ==========================================================================
   Header
   ========================================================================== */
.header { max-width: 940px; margin: 0 auto; padding: 0 10px; height: 98px; padding: 0; position: relative; z-index: 999; }
.header:before, .header:after { content: ""; display: table; }
.header:after { clear: both; }
.header .logo { float: left; margin: 0 0 0 -15px; }
.header .logo-mobile, .header p.logo-text { display: none; }

.header .right-aligned { float: right; max-width: 550px; margin-right: 0; }
.header .header-top { height: 96px; }
.header .addthis_toolbox { position: absolute; top: 13px; right: 135px; width: 100px; }

.header .language-dd { float: right; font-size: 14px; list-style: none; margin: 51px 5px 0 0; padding: 0; position: relative; }
.header .language-dd .current { color: #d1050c; }
.header .language-dd .active { color: #434343; font-weight: bold; padding: 7px 11px; position: relative; z-index: 1000; }
.header .language-dd .active i { background: url(/frontend/images/sprite-main.png) no-repeat 2px -387px; padding: 0 0 0 11px; }
.header .language-dd ul { background: #e6e4e4; border-radius: 2px; -webkit-box-shadow: 1px -2px 2px rgba(50, 50, 50, 0.15); -moz-box-shadow: 1px -2px 2px rgba(50, 50, 50, 0.15); box-shadow: 1px -2px 2px rgba(50, 50, 50, 0.15); display: none; left: 0; list-style: none; position: absolute; top: 23px; width: 145px; }
.header .language-dd ul li { margin: 0; }
.header .language-dd ul li a { text-shadow: 0px 1px 1px white; color: #434343; border-bottom: 1px solid #c3c1c1; border-top: 1px solid #dddbdb; display: block; font-weight: bold; padding: 8px 0 10px 11px; }
.header .language-dd ul li a:first-child { border-top: none; }
.header .language-dd ul li a:hover { background: #d0cfcf; }
.header .language-dd:hover .active, .header .language-dd:focus .active { background: #e6e4e4; -webkit-box-shadow: 5px 0px 5px -4px rgba(50, 50, 50, 0.25); }
.header .language-dd:hover ul, .header .language-dd:focus ul { display: block; }
.header .language-dd ul.active-ul { display: block; }

.header .nav-global { float: right; font-size: 14px; list-style: none; margin: 51px 5px 0 0; padding: 0; }
.header .nav-global li { float: left; margin: 0 10px; }
.header .nav-global li a { text-shadow: 0px 1px 1px white; color: #434343; font-weight: bold; }
.header .nav-global li a:hover { text-decoration: none; color: #8b8b8b; }
.header .nav-global li .current { color: #8b8b8b; }

/* ==========================================================================
   Breadcrumb
   ========================================================================== */
.breadcrumb { clear: left; float: left; width: 100%; margin-left: 0%; margin-right: -100%; background: url(/frontend/images/bg-breadcrumb.png); background-repeat: no-repeat; padding: 6px 0; margin: 13px 0 0 0; font-size: 14px; height: 23px; font-family: 'Titillium Web'; font-weight: bold; }
.breadcrumb li { float: left; list-style-type: none; margin: 0 0 0 3px; display: block; height: 17px; line-height: 10px; text-shadow: 0px 1px 1px white; }
.breadcrumb li a { text-decoration: none; color: #403F3F; }
.breadcrumb .active a { color: #b80a10; text-shadow: 0px 1px 1px white; }
.breadcrumb .homepage { margin: 0 0 0 10px; }

/* ==========================================================================
   Navigation: Main navigation
   ========================================================================== */
.main-menu { background: url(../images/nav-bg.jpg) repeat-x; height: 48px; width: 100%; overflow: hidden; }
.burger-menu { display: none; }
.nav-main { border-right: 1px solid #282929; border-left: 1px solid #535454; clear: both; height: 48px; max-width: 940px; margin: 0 auto; overflow: hidden; }
.nav-main li { background: url(/frontend/images/top-menubg.png) repeat-y right; display: block; font-size: 15px; float: left; margin: 0; position: relative; width: 20%; }
.nav-main .active-link-shadow { background: url(/frontend/images/selected-link-dd.png); height: 49px; width: 7px; position: absolute; top: -3px; right: -8px; }
.nav-main a { color: #ffffff; text-decoration: none; font-weight: bold; text-shadow: 0px 1px 1px black; display: block; padding: 15px 0 16px 0; text-align: center; }
.nav-main .active { color: #ffffff; background: black url(/frontend/images/dd-tile.png); background-repeat: repeat; }
.nav-main .has-child i { background: url(/frontend/images/sprite-main.png) no-repeat 2px -362px; margin: 5px 0 0 0; padding: 0 14px 0 0; width: 11px; height: 6px; }
.top-menu-shadow { background: url(/frontend/images/top-menu-shadow.png); height: 8px; position: absolute; bottom: -8px; width: 100%; }

.mega-dd-wrap { clear: both; display: none; background: url(/frontend/images/dd-tile.png); background-repeat: repeat; position: absolute; width: 100%; z-index: 2000; }
.mega-dd-wrap .mega-dd-inner { float: left; width: 100%; background: url(/frontend/images/dd-gradient.png); background-repeat: repeat-x; background-position: bottom; }
.mega-dd-wrap .mega-dd-inner .products-overview #product-selection,
.mega-dd-wrap .mega-dd-inner .products-overview #product-series { float: left; }
.mega-dd-wrap .mega-dd-inner .products-overview .product-dd { position: relative; }
.mega-dd-wrap .mega-dd-inner .products-overview .product-list,
.mega-dd-wrap .mega-dd-inner .products-overview .category-list { background: #3F3F3F; display: none; position: absolute; top: 18px; z-index: 230; }
.mega-dd-wrap .mega-dd-inner .products-overview .product-list li,
.mega-dd-wrap .mega-dd-inner .products-overview .category-list li { background: #1C1C1C; color: #ffffff; float: none; border: 0; color: #ffffff; cursor: pointer; display: block; font-size: 11px; margin-top: 1px; padding-left: 10px; padding-top: 10px; height: 24px; }
.mega-dd-wrap .mega-dd-inner .products-overview .product-list li:hover,
.mega-dd-wrap .mega-dd-inner .products-overview .category-list li:hover { background: #343434; }
.mega-dd-wrap .mega-dd-inner .products-overview .product-list li:last-child,
.mega-dd-wrap .mega-dd-inner .products-overview .category-list li:last-child { -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
.mega-dd-wrap .mega-dd-inner .products-overview .product,
.mega-dd-wrap .mega-dd-inner .products-overview .category { background: #222222 url(/frontend/images/sprite-main.png) no-repeat 248px -403px; border: 0; border-radius: 3px; color: #ffffff; cursor: pointer; display: block; font-size: 11px; font-weight: bold; padding-left: 10px; padding-top: 7px; height: 21px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.mega-dd-wrap .mega-dd-inner .products-overview .column.overview { background: url(/frontend/images/bg-product-dd.png) no-repeat center bottom; float: right; min-height: 268px; width: 271px; margin: -68px 0 0 0; padding: 0 30px; }
.mega-dd-wrap .mega-dd-inner .products-overview .column.overview .dd-title { color: #999999; background-image: url(/frontend/images/overview-delimiter.png); background-repeat: no-repeat; background-position: 0 57px; }
.mega-dd-wrap .mega-dd-inner .products-overview .column.overview .dd-title:hover { color: #999999; }
.mega-dd-wrap .mega-dd-inner .products-overview .column { width: 31%; padding-bottom: 40px; }
.mega-dd-wrap .mega-dd-inner .products-overview p { color: #ffffff; font-weight: bold; font-size: 15px; text-shadow: 0px 1px 1px black; display: block; padding: 15px 0 8px 0; }
.mega-dd-wrap .mega-dd-inner .products-overview #learn-more { background: #c7050b; background: -moz-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c7050b), color-stop(55%, #b50b11), color-stop(100%, #ad1117)); background: -webkit-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: -o-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: -ms-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: linear-gradient(to bottom, #c7050b 0%, #b50b11 55%, #ad1117 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7050b', endColorstr='#ad1117',GradientType=0 ); border: 0 none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-bottom: 1px solid #4c0709; color: #ffffff; font-weight: bold; text-shadow: 1px 1px 1px #66060a; float: left; height: 27px; margin-top: 15px; padding: 8px 0 0 0; text-align: center; width: 110px; }
.mega-dd-wrap .mega-dd-inner .products-overview #learn-more:hover { background: #b20317; background: -moz-linear-gradient(top, #b20317 0%, #980214 61%, #8d0212 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b20317), color-stop(61%, #980214), color-stop(100%, #8d0212)); background: -webkit-linear-gradient(top, #b20317 0%, #980214 61%, #8d0212 100%); background: -o-linear-gradient(top, #b20317 0%, #980214 61%, #8d0212 100%); background: -ms-linear-gradient(top, #b20317 0%, #980214 61%, #8d0212 100%); background: linear-gradient(to bottom, #b20317 0%, #980214 61%, #8d0212 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20317', endColorstr='#8d0212',GradientType=0 ); }

.mega-dd-wrap .dd-content { clear: both; display: none; margin: 0 auto; padding: 0 0 35px 35px; width: 905px; }
.mega-dd-wrap .dd-content ul { float: left; list-style-type: none; padding: 0; margin-top: 10px; width: 100%; }
.mega-dd-wrap .dd-content ul li { display: block; font-size: 15px; float: left; margin: 0; }
.mega-dd-wrap .dd-content ul li a { color: #ffffff; text-decoration: none; font-weight: bold; text-shadow: 0px 1px 1px black; display: block; padding: 10px 0; text-align: center; }
.mega-dd-wrap .dd-content ul li a:hover { color: #8B8B8B; }
.mega-dd-wrap .dd-content .dd-title { color: #ffffff; text-decoration: none; font-weight: bold; font-size: 20px; text-shadow: 0px 1px 1px black; display: block; padding: 35px 0 12px 0; }
.mega-dd-wrap .dd-content .dd-title:hover { color: #8B8B8B; }
.mega-dd-wrap .dd-content .column { width: 33%; float: left; padding-bottom: 40px; }
.mega-dd-wrap .dd-content .column a { color: #ffffff; text-decoration: none; font-weight: bold; font-size: 15px; text-shadow: 0px 1px 1px black; display: block; padding: 10px 0; }
.mega-dd-wrap .dd-content .column a:hover { color: #8B8B8B; }

/* ==========================================================================
   Navigation: Sub navigation
   ========================================================================== */
.nav-sub-wrap { background: url(/frontend/images/light-grey-tile.png) repeat 0 0; border: 1px solid #cac9c9; }
.nav-sub-gradient { background: url(/frontend/images/Vnav-gradient.png); background-repeat: repeat; background-position: center bottom; }
.nav-sub-heading { background: url(/frontend/images/bg-subnav-heading.jpg) no-repeat 0 0; font-size: 1.438em; margin: 8px 0 9px 6px; font-weight: bold; }
.nav-sub-heading a { color: #313131; display: block; font-size: 16px; padding: 15px 0 11px 12px; }
.nav-sub-heading a:hover { color: #d1050c; text-shadow: 0px 1px 1px white; }
.nav-sub { padding: 8px 8px 58px 6px; }

.nav-sub li { list-style: none; margin: 0; }
.nav-sub li a { color: #313131; display: block; margin: 0; text-shadow: 0px 1px 1px white; }
.nav-sub li a:hover { color: #d1050c; text-shadow: 0px 1px 1px white; }

.nav-sub .current-product a { font-weight: normal !important; }
.nav-sub .current-with-child a { background: url(/frontend/images/bg-subnav-active.png) no-repeat right 20px !important; }
.nav-sub .has-child a { background: url(/frontend/images/bg-subnav-has-child.png) no-repeat right 20px; }

.nav-sub > li { background: url(/frontend/images/bg-subnav-li.jpg) repeat-x 0 0; }
.nav-sub > li > a { font-size: 16px; font-weight: bold; padding: 15px 0 11px 12px; }
.nav-sub > li.current > a { font-weight: normal; }

.nav-sub .nav-sub-lvl-2, .nav-sub .nav-sub-lvl-3 { margin: 0 0 0 14px; padding: 0 0 6px; font-weight: bold; }
.nav-sub .nav-sub-lvl-2 .current > a { font-weight: normal; text-decoration: underline; }
.nav-sub .nav-sub-lvl-2 li a { font-size: 12px; margin: 0 0 12px; }

/* ==========================================================================
   Main content
   ========================================================================== */
.main-content.no-top-image { margin-bottom: 15px !important; }
.main-content.no-top-image h1 { margin-top: -5px; }
.main-content { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 0; padding-right: 0; margin-bottom: 30px !important; padding-top: 20px; }
.main-content h1 { margin: 33px 10px 15px 0; }
.main-content h1.no-top-image { margin-top: 3px; }
.main-content .manchet { margin: 15px 0 0; clear: both; }
.main-content .main-text { margin: 0 0 10px; }
.main-content .main-image { margin: 0 0 15px; }
.main-content .main-image img { max-width: 100%; }

.left, .right { padding: 20px 0 0; }
.hidden-lg { display: none !important; }

.col-3-1 .main-content,
.col-1-3 .main-content { width: 700px; }
.col-1-3 .main-content { margin: 0 0 0px 5px; }
.col-1-2-1 .main-content { width: 460px; margin: 0 5px 0px 5px; }

/* ==========================================================================
   Center content
   ========================================================================== */
.center-content { clear: left; float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 0; padding-right: 0; margin: 10px 0; }

.col-1-2-1 .center-content { width: 460px; margin-left: 5px; }
.col-3-1 .center-content,
.col-1-3 .center-content { width: 700px; margin: 20px 0 0 5px; }

/* ==========================================================================
   Dokumentliste
   ========================================================================== */
.documentlist,
.documentlist-imagelayout,
.documentlist-design { clear: left; float: left; width: 100%; margin-left: -20px; padding-left: 0; padding-right: 0; }
.documentlist-imagelayout { margin-bottom: 70px; }

/* ==========================================================================
   Dokumentliste: Nyheds element
   ========================================================================== */
.news-item { float: left; margin-bottom: 25px; }
.news-item h2 { margin: 0 0 5px 0; font-size: 17px; color: #000000; }
.news-item h2 a { color: #3a3a3a; text-decoration: none; }
.news-item h2 a:hover { text-decoration: underline; }

.news-item .news-item-img img { max-width: 100%; }
.news-item .news-item-content { line-height: 1.4em; }
.news-item .news-item-dato { background: url(/frontend/images/news-date.png); background-repeat: no-repeat; background-position: 1px 4px; margin: 5px 3px 8px 0; font-weight: bold; font-size: 10px; height: 20px; color: #676565; padding: 3px 0 0 30px; }
.news-item .news-link { margin-top: 27px; }
.news-item .news-item-main-content { margin-bottom: 17px; }

/* ==========================================================================
   Dokumentliste: Default / Listelayout
   ========================================================================== */
.documentlist .news-item { clear: left; float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-left: 0; padding-right: 0; }
.documentlist .news-item .news-item-img { float: left; }
.documentlist .news-item .news-item-main-content { float: left; }

.documentlist .pagination { background: none; margin-top: 0; padding-top: 0; margin-bottom: 70px; }
.documentlist .title-separator-full-width { margin-bottom: 15px !important; }

.documentlist .news-image-link { text-decoration: none; }
.documentlist .news-image-link .news-shadow { background: url(/frontend/images/news-shadow.png) no-repeat center bottom; background-repeat: no-repeat; background-position: bottom; height: 13px; text-decoration: none; width: 100%; }

/* ==========================================================================
   Dokumentliste: Billede layout
   ========================================================================== */
.documentlist-imagelayout .news-item { margin: 0 10px 25px 10px; }

/* ==========================================================================
   Dokumentliste: Design layout
   ========================================================================== */
.documentlist-design .news-item-top { border-bottom: 1px dashed #afafaf; margin-bottom: 20px; padding: 0 0 10px 0; }

/* ==========================================================================
   Dokumentliste:  2 kolonnes layout: Left og Right content på siden
   ========================================================================== */
.col-1-2-1 .documentlist { width: 460px; }
.col-1-2-1 .documentlist .news-item { margin: 0 0 18px; }

.col-1-2-1 .documentlist-design .news-item-top { padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; width: 100%; padding-left: 0; padding-right: 0px; margin-right: 20px; margin: 0 0 25px 0; }
.col-1-2-1 .documentlist-design .news-item { margin: 0 10px 25px; width: 220px; }
.col-1-2-1 .documentlist-design .news-item .news-item-img { margin-right: 0; }
.col-1-2-1 .documentlist-design .news-item { padding: 0; }

.col-1-2-1 .documentlist-imagelayout .news-item { margin: 0 10px 25px; padding: 0; width: 220px; }
.col-1-2-1 .documentlist-imagelayout .news-item .news-item-img { margin-right: 0; }

/* ==========================================================================
   Dokumentliste:  3 kolonnes layout: Left eller Right content på siden
   ========================================================================== */
.col-3-1 .documentlist-design .news-item-top,
.col-1-3 .documentlist-design .news-item-top { padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; width: 100%; padding-left: 0; padding-right: 0px; margin-right: 20px; }
.col-3-1 .documentlist-design .news-item-top .news-item-img,
.col-1-3 .documentlist-design .news-item-top .news-item-img { margin: 3px 0 5px; }
.col-3-1 .documentlist-design .news-item-top h2,
.col-1-3 .documentlist-design .news-item-top h2 { margin: 0 0 5px; }

.col-3-1 .documentlist-design .news-item,
.col-1-3 .documentlist-design .news-item { padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; width: 33.33333%; padding-left: 0; padding-right: 13.33333px; margin-right: 6.66667px; margin: 0 10px 25px; width: 220px; }
.col-3-1 .documentlist-design .news-item .news-item-img,
.col-1-3 .documentlist-design .news-item .news-item-img { margin-right: 0; }
.col-3-1 .documentlist-design .news-item,
.col-1-3 .documentlist-design .news-item { padding: 0; }

.col-3-1 .documentlist-imagelayout .news-item,
.col-1-3 .documentlist-imagelayout .news-item { padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; width: 33.33333%; padding-left: 0; padding-right: 13.33333px; margin-right: 6.66667px; margin: 0 10px 25px; width: 220px; }
.col-3-1 .documentlist-imagelayout .news-item .news-item-img,
.col-1-3 .documentlist-imagelayout .news-item .news-item-img { margin-right: 0; }
.col-3-1 .documentlist-imagelayout .news-item,
.col-1-3 .documentlist-imagelayout .news-item { padding: 0; }

/* ==========================================================================
   Dokumentliste: Fuld bredde: Ingen left/right content på siden
   ========================================================================== */
.col-4 .documentlist-design .news-item-top { padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; width: 100%; padding-left: 0; padding-right: 0px; margin-right: 20px; }
.col-4 .documentlist-design .news-item { float: left; margin: 0 10px 25px; width: 220px; }
.col-4 .documentlist-design .news-item .news-item-img { margin-right: 0; }
.col-4 .documentlist-design .news-item { padding: 0; }

.col-4 .documentlist-imagelayout .news-item { float: left; margin: 0 10px 25px; width: 220px; }
.col-4 .documentlist-imagelayout .news-item .news-item-img { margin-right: 0; }
.col-4 .documentlist-imagelayout .news-item { padding: 0; }

.news-item.news-item-new { margin-bottom: 0; }
.news-item.news-item-new .title-separator-full-width { float: left; margin-top: 15px; }

.news-item.news-item-small .news-item-img { width: 20%; padding-right: 15px; box-sizing: border-box; }
.news-item.news-item-small .news-item-main-content { width: 80%; margin-bottom: 0; }
.news-item.news-item-small .news-link { margin-top: 5px; }
.news-item.news-item-small .title-separator-full-width { }

/* ==========================================================================
   Dokumentliste: Paging
   ========================================================================== */
.pagination { clear: left; float: left; width: 100%; margin-left: 0%; margin-right: -100%; background: url(/frontend/images/bg-hr.png); background-repeat: repeat-x; width: 100%; text-align: center; text-shadow: 0px 1px 1px white; margin-bottom: 20px; margin-top: 15px; text-decoration: none; font-weight: bold; padding-top: 10px; }
.pagination a { color: #4c4c4c; text-decoration: none; text-shadow: 0px 1px 1px white; }
.pagination a:hover { color: #b80a10; }
.pagination .active { color: #b80a10; }
.pagination .number { margin: 0 3px; }
.pagination .next { margin: 0 0 0 10px; }
.pagination .previous { margin: 0 10px 0 0; }

/* ==========================================================================
   Class der bruges på "Tilbage til oversigten" knap på dokumentlister, hvis det er valgt under tilvalg
   ========================================================================== */

.btn-back { display: block; margin: 0 0 10px 0; }
.background-top { background: url(/frontend/images/bg-top-dl.png); background-repeat: repeat-x; }

.top-image { position: relative; float: left; margin-top: 25px; height: 430px; overflow: hidden; }
.top-image .text { color: #fff; height: 190px; left: 33px; padding: 26px 39px 0 33px; position: absolute; text-align: center; top: 63px; width: 381px; }
.top-image .text h3 { font-family: "Titillium Web", sans-serif; font-size: 34px; font-weight: normal; line-height: 32px; margin: 0 0 12px 0; padding: 0; }
.top-image .text p { font-family: "Titillium Web", sans-serif; font-size: 18px; line-height: 20px; }
.top-image .link-wrap { bottom: -11px; left: 0; position: absolute; width: 100%; }
.image-wrapper { position: relative; }

.top-image .link-wrap a { background: #c7050b; background: -moz-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c7050b), color-stop(55%, #b50b11), color-stop(100%, #ad1117)); background: -webkit-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: -o-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: -ms-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: linear-gradient(to bottom, #c7050b 0%, #b50b11 55%, #ad1117 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7050b', endColorstr='#ad1117',GradientType=0 ); text-shadow: 0px 1px 1px black; filter: dropshadow(color=black, offx=0, offy=1); border-bottom: 3px solid #4c0709; border-radius: 3px; color: #fff; font-family: "Titillium Web", sans-serif; font-size: 20px; font-weight: bold; padding: 10px 40px 11px; z-index: 200; }
.top-image .text .link-wrap a:hover,
.top-image .text .link-wrap a:focus { background: #b20317; background: -moz-linear-gradient(top, #b20317 0%, #980214 61%, #8d0212 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b20317), color-stop(61%, #980214), color-stop(100%, #8d0212)); background: -webkit-linear-gradient(top, #b20317 0%, #980214 61%, #8d0212 100%); background: -o-linear-gradient(top, #b20317 0%, #980214 61%, #8d0212 100%); background: -ms-linear-gradient(top, #b20317 0%, #980214 61%, #8d0212 100%); background: linear-gradient(to bottom, #b20317 0%, #980214 61%, #8d0212 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20317', endColorstr='#8d0212',GradientType=0 ); text-shadow: 0px 1px 1px black; filter: dropshadow(color=black, offx=0, offy=1); }
.top-image-shadow { background: url(/frontend/images/top-image-shadow.png); background-repeat: no-repeat; height: 48px; width: 989px; float: left; margin-top: -27px; margin-left: -25px; }

.threecolumns-image-shadow { background: url(/frontend/images/three-columns-shadow.png); background-repeat: no-repeat; height: 48px; width: 741px; float: left; margin-top: -18px; margin-left: -17px; }
.grid6-shadow { background: url(/frontend/images/grid6-shadow.png); background-repeat: no-repeat; height: 34px; width: 474px; float: left; margin-top: -18px; margin-left: -10px; }
.image-wrapper img { position: relative; z-index: 200; }
.image-wrapper { margin-bottom: 34px; }
.content .title-separator-full-width { background: url(/frontend/images/bg-hr.png); background-repeat: repeat-x; width: 100%; height: 2px; margin-bottom: 10px; }
.industries-inner .title-separator-full-width { background: url(/frontend/images/bg-hr.png); background-repeat: repeat-x; width: 100%; height: 2px; margin-bottom: 15px; }
#contact { float: left; width: 100%; font-size: 14px; }

#contact .right-input input,
.cartInformationContent .right-input input { margin-right: 0 !important; }

#contact label.error,
.cartInformationContent label.error { display: none !important; }

#contact .dropdown-style,
.contactinit .dropdown-style { width: 336px; background: url(/frontend/images/dd-pil.png) no-repeat 315px center #f5f4f4; }

#contact .dropdown-style select,
.cartInformationContent .dropdown-style select,
.contactinit .dropdown-style select { cursor: pointer; opacity: 1; width: 360px; padding-left: 7px; }

#contact .dropdown-style select.error,
.cartInformationContent .dropdown-style select.error { border: 1px solid #d5d4d5 !important; }
#contact .error { border: 2px solid #d1050c !important; width: 325px !important; }

#contact .valid,
.cartInformationContent .valid { border: none; border-top: none; border-bottom: none; }
#contact .input-container.checkbox label { margin: 5px; }

#contact .red-btn,
.cartInformationContent .red-btn { background: #c7050b; /* Old browsers */ background: -moz-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c7050b), color-stop(55%, #b50b11), color-stop(100%, #ad1117)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); /* IE10+ */ background: linear-gradient(to bottom, #c7050b 0%, #b50b11 55%, #ad1117 100%); /* IE6-9 */ border: 0 none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border-bottom: 1px solid #4c0709; color: #ffffff; font-weight: bold; text-shadow: 1px 1px 1px #66060a; height: 32px; width: 110px; float: right; margin-right: 18px; font-size: 15px; behavior: url(http://prelectronics.web4test.dk/frontend/pie/PIE.php); }

#contact .red-btn:hover,
.cartInformationContent .red-btn:hover { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border-bottom: 1px solid #4c0709; background: #b20317; /* Old browsers */ background: -moz-linear-gradient(top, #b20317 0%, #980214 61%, #8d0212 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b20317), color-stop(61%, #980214), color-stop(100%, #8d0212)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b20317 0%, #980214 61%, #8d0212 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b20317 0%, #980214 61%, #8d0212 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b20317 0%, #980214 61%, #8d0212 100%); /* IE10+ */ background: linear-gradient(to bottom, #b20317 0%, #980214 61%, #8d0212 100%); /* IE6-9 */ behavior: url(http://prelectronics.web4test.dk/frontend/pie/PIE.php); }
#contact .title-separator-full-width { margin-top: 42px; margin-bottom: 22px; }

#contact .input-container,
.cartInformationContent .input-container,
.contactinit .input-container { float: left; margin-top: 20px; }
.contactinit { overflow: hidden; }
.contactinit .input-container { margin-bottom: 15px; }

#contact .input-container label,
.cartInformationContent .input-container label { display: block; margin-bottom: 5px; margin-left: 3px; }

#contact .input-container label .required-marker,
.cartInformationContent .input-container label .required-marker { color: #d1050c; margin: 0 0.2em; font-weight: bold; }

#contact .input-container input,
.cartInformationContent .input-container input,
.cartInformationContent .input-container textarea { color: #b5b5b5; height: 27px; overflow: hidden; background-color: #f5f4f4 !important; border: 1px solid #d5d4d5; border-top: 1px solid #b5b5b5; margin-right: 18px; -moz-box-shadow: inset 0px 1px 6px -1px #b5b5b5; -webkit-box-shadow: inset 0px 1px 6px -1px #b5b5b5; box-shadow: inset 0px 1px 6px -1px #b5b5b5; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border-bottom: 1px solid white; outline: 0 none; padding-left: 10px; position: relative; }

#contact .input-container textarea,
#contact .input-container .office-address { overflow: hidden; background-color: #f5f4f4 !important; border: 1px solid #d5d4d5; border-top: 1px solid #b5b5b5; -moz-box-shadow: inset 0px 1px 6px -1px #b5b5b5; -webkit-box-shadow: inset 0px 1px 6px -1px #b5b5b5; box-shadow: inset 0px 1px 6px -1px #b5b5b5; position: relative; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border-bottom: 1px solid white; padding-left: 3px; padding-top: 5px; outline: 0 none; min-height: 200px; }
#contact .input-container .office-address { height: auto; min-height: 50px; padding: 10px; width: 317px; margin-left: 2px; }

.col-1-2-1 #contact input { width: 200px; }
.col-1-2-1 #contact textarea { width: 435px; }
.col-1-2-1 #contact .title-separator-full-width { width: 441px; }

.col-1-3 #contact .red-btn { margin-right: 9px !important; }
.col-1-3 #contact input { width: 328px; }
.col-1-3 #contact textarea { width: 685px; }
.col-1-3 #contact .title-separator-full-width { width: auto; }
.input-container #message { width: 694px !important; min-width: 694px !important; max-width: 694px !important; }

/* ==========================================================================
   Aside element
   ========================================================================== */
.right .aside-element.standard-layout.first { margin-top: 10px !important; }
.aside-element { width: 220px; padding: 0 0 10px 0; }
.aside-element.noImage { padding: 10px 0; }
.aside-element h2 { font-weight: bold; margin: 0 0 10px; }
.aside-element .red-line { height: 10px; background-color: rgba(197, 5, 11, 0.8); margin-top: -10px; z-index: 220; position: absolute; width: 220px; }
.aside-element .aside-manchet { font-weight: bold; }
.aside-element .aside-link { font-size: 12px; height: 23px; margin-top: 15px; padding: 10px 20px; text-align: left; }
.aside-element .aside-img img { width: 100%; }
.aside-element .aside-manchet { padding: 5px 10px; }
.aside-element .listbox-header { margin: 0 0 10px; }
.right .aside-element .image-missing { margin-bottom: 20px; }
.design-layout .aside-gradient,
.standard-layout .aside-gradient { background: url(/frontend/images/Vnav-gradient.png) no-repeat center bottom; background-repeat: repeat-x; background-position: bottom; width: 100%; }
.design-layout .aside-manchet,
.standard-layout .aside-manchet { color: #363535; padding: 14px 18px 0 18px; text-shadow: 0px 1px 1px white; font-size: 16px; }
.design-layout .aside-rte,
.standard-layout .aside-rte { color: #363535; padding: 5px 20px; line-height: 1.4em; font-size: 12px; }
.design-layout .aside-content,
.standard-layout .aside-content { background: url(/frontend/images/light-grey-tile.png); }
.design-layout .infobox-shadow,
.standard-layout .infobox-shadow { background: url(/frontend/images/infobox-shadow.png) no-repeat center bottom; background-repeat: repeat-x; background-position: bottom; height: 9px; width: 100%; }
.design-layout .aside-link a,
.Cases .grid .readMore { border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-bottom: 2px solid #4c0709; color: #ffffff; display: block; font-weight: bold; text-shadow: 1px 1px 1px #66060a; padding: 3px 0 3px 6px; position: relative; width: 98%; text-decoration: none; background: #b60a10; background-image: url(/frontend/images/sprite-main.png); background-repeat: no-repeat; background-position: 160px -425px; background: url(/frontend/images/sprite-main.png) no-repeat 160px -425px, -moz-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: url(/frontend/images/sprite-main.png) no-repeat 160px -425px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c7050b), color-stop(55%, #b50b11), color-stop(100%, #ad1117)); background: url(/frontend/images/sprite-main.png) no-repeat 160px -425px, -webkit-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: url(/frontend/images/sprite-main.png) no-repeat 160px -425px, -o-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: url(/frontend/images/sprite-main.png) no-repeat 160px -425px, -ms-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: url(/frontend/images/sprite-main.png) no-repeat 160px -425px, linear-gradient(to bottom, #c7050b 0%, #b50b11 55%, #ad1117 100%); /*-pie-background: url(/frontend/images/sprite-main.png) no-repeat 160px -425px, linear-gradient(to bottom, #c7050b 0%, #b50b11 55%, #ad1117 100%); /* ie 6-9 via PIE*/ behavior: url(http://prelectronics.web4test.dk/frontend/pie/PIE.php); }
.design-layout .aside-link a:hover { background: #b20317; background-image: url(/frontend/images/sprite-main.png); background-repeat: no-repeat; background-position: 160px -425px; background: url(/frontend/images/sprite-main.png) no-repeat 160px -425px, -moz-linear-gradient(top, #b20317 0%, #980214 61%, #8d0212 100%); background: url(/frontend/images/sprite-main.png) no-repeat 160px -425px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b20317), color-stop(61%, #980214), color-stop(100%, #8d0212)); background: url(/frontend/images/sprite-main.png) no-repeat 160px -425px, -webkit-linear-gradient(top, #b20317 0%, #980214 61%, #8d0212 100%); background: url(/frontend/images/sprite-main.png) no-repeat 160px -425px, -o-linear-gradient(top, #b20317 0%, #980214 61%, #8d0212 100%); background: url(/frontend/images/sprite-main.png) no-repeat 160px -425px, -ms-linear-gradient(top, #b20317 0%, #980214 61%, #8d0212 100%); background: url(/frontend/images/sprite-main.png) no-repeat 160px -425px, linear-gradient(to bottom, #b20317 0%, #980214 61%, #8d0212 100%); behavior: url(http://prelectronics.web4test.dk/frontend/pie/PIE.htc); }
.standard-layout .aside-link { margin-top: 10px; }
.standard-layout .aside-link a { color: #363535; text-shadow: 0px 1px 1px white; text-decoration: none; font-size: 14px; font-weight: bold; width: 100%; display: block; background: url(/frontend/images/read-more-icon-normal.png); background-repeat: no-repeat; background-position: 170px 4px; behavior: url(http://prelectronics.web4test.dk/frontend/pie/PIE.htc); }
.standard-layout .aside-link a:hover { color: #d1050c; background: url(/frontend/images/read-more-icon.png); background-repeat: no-repeat; background-position: 170px 4px; }
.standard-layout .aside-img img { margin-top: -10px; }
.aside-bg { padding-top: 1px; }
.aside-bg h2 { margin: 5px 10px; }
.center-content .aside-element { margin: 0 0 20px 0; }
.center-columns .aside-element { margin: 0 10px 20px; }
.left .aside-element { margin: 0 15px 10px 0; }
.right .aside-element { margin: 0 0 10px 15px; width: 220px; }
.columns .aside-element { float: left; padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; width: 50%; padding-left: 0; padding-right: 10px; margin-right: 10px; width: 220px; margin: 0 10px 20px; padding: 0; }
.articles .right-side { margin-right: 12px !important; }
.category-boxes .categories { height: 272px !important; margin-top: 22px; }

.categories,
.products { float: left; }

.categories .aside-rte,
.products .aside-rte { font-size: 14px; padding: 1px 18px; line-height: 1.4em; }

.categories hr,
.products hr { margin: 10px 15px; }
.products { padding-left: 20px; overflow: hidden; margin-bottom: 13px; margin-top: 40px; margin-right: 0 !important; margin-left: 0 !important; }
.products .aside-rte { min-height: 203px; height: 203px; overflow: hidden; }
.products .aside-rte ul { list-style: none; font-size: 14px; }
.products .aside-rte ul li { background: url(/frontend/images/sprite-main.png) no-repeat -5px -498px; padding-left: 18px; margin-left: 0 !important; margin-bottom: 10px; }
.products .aside-rte .aside-manchet { padding: 14px 18px 0 18px; font-size: 16px; height: 52px; }
.products .aside-link { margin-top: 0; padding: 11px 20px 0 20px; height: 38px; }

.categories { height: 252px; padding-left: 20px; overflow: hidden; margin-bottom: 13px; margin-top: 40px; margin-right: 0 !important; margin-left: 0 !important; }
.categories .aside-manchet { padding: 14px 18px 0 18px; font-size: 16px; height: 20px; overflow: hidden; }
.categories .aside-rte { font-size: 14px; height: 40px; overflow: hidden; padding: 1px 18px; line-height: 1.4em; }
.categories .aside-content,
.categories .aside-gradient { height: 140px; }
.categories .aside-link { margin-top: 0; padding: 11px 20px; height: 23px; }

.fourth-in-line, .last-elem { margin-right: 0 !important; }

.category-boxes { float: left; margin-bottom: 20px; margin-left: -20px; }
.CategoryList .category-boxes { width: 75%; }
.category-boxes hr { clear: both; }
.no-image { height: 10px; }

.float-them,
.articles { float: left; position: relative; }

.float-them .separator-img,
.articles .separator-img { width: 240px; height: 2px; position: absolute; left: 0; bottom: 0; }
.articles .last { width: 220px !important; height: 2px; position: absolute; left: 0; bottom: 0; }

.float-them .normal-state,
.articles .normal-state { display: inline-block; height: 163px; }

.float-them .hover-state,
.articles .hover-state { display: none; }

.product-single { float: left; position: relative; }
.product-single .separator-img { width: 240px; height: 2px; position: absolute; left: 0; bottom: 0; }
.product-single .aside-img { position: relative; float: left; height: 163px; width: 220px; }
.product-single .aside-element .red-line { position: relative; margin-top: 143px; }
.product-single .last { width: 240px !important; height: 2px; position: absolute; left: 0; bottom: 0; }
.product-single .normal-state { display: inline-block; height: 163px; }
.product-single .hover-state { display: none; }

.center-content .aside-element { width: 100%; }
.center-content .aside-element h2,
.center-content .aside-element .infobox-shadow { display: none; }
.center-content .aside-element .red-line.grid_6 { width: 460px; }
.center-content .aside-element .red-line.grid_9 { width: 700px; }
.center-content .aside-element .red-line.grid_12 { max-width: 940px; }
.center-content .aside-element .aside-link { margin-top: 10px; }
.center-content .aside-element .aside-rte { padding-bottom: 30px; line-height: 1.4em; }
.center-content .aside-element .aside-link a { color: #363535; text-shadow: 0px 1px 1px white; font-size: 14px; font-weight: bold; width: 100%; display: block; background: url(/frontend/images/read-more-icon-normal.png); background-repeat: no-repeat; background-position: 110px 7px; border: 0 none; }
.center-content .aside-element .aside-link a:hover { color: #d1050c; background: url(/frontend/images/read-more-icon.png); background-repeat: no-repeat; background-position: 110px 7px; }

.center-content .nobg-layout h2 { display: block; }
.center-content .nobg-layout .red-line,
.center-content .nobg-layout .infobox-separator { display: none; }

.ul-infobox { list-style: none; }
.ul-infobox li { margin-left: 0 !important; }
.ul-infobox a { color: #363535; text-shadow: 0px 1px 1px white; font-size: 14px; font-weight: bold; width: 100%; display: block; background: url(/frontend/images/read-more-icon-normal.png); background-repeat: no-repeat; background-position: 169px 4px; border: 0 none; }
.ul-infobox a:hover { color: #d1050c; background: url(/frontend/images/read-more-icon.png); background-repeat: no-repeat; background-position: 169px 4px; }

.col-1-3 .documentlist-imagelayout .categories { margin-right: 20px; }

.box { width: 100%; }

.product-promo,
.infobox-promo { float: left; width: 460px; }

.product-promo .promo-content-wrap,
.infobox-promo .promo-content-wrap { background: url(/frontend/images/light-grey-tile.png); height: 297px; width: 100%; }

.product-promo h2,
.infobox-promo h2 { margin-bottom: 6px; }

.product-promo ul,
.infobox-promo ul { list-style: none; }

.product-promo .navigation,
.infobox-promo .navigation { float: left; padding: 20px 0 0; width: 168px; }

.product-promo .navigation li,
.infobox-promo .navigation li { margin: 0; }

.product-promo .navigation a,
.infobox-promo .navigation a { color: #363535; float: left; margin: 0 0 10px 10px; font-weight: bold; height: 15px; padding: 8px 0 9px 12px; text-shadow: 0px 1px 1px white; width: 131px; overflow: hidden; }

.product-promo .navigation a:hover, .product-promo .navigation a:focus, .product-promo .navigation a.active,
.infobox-promo .navigation a:hover, .infobox-promo .navigation a:focus, .infobox-promo .navigation a.active { background: url(/frontend/images/bg-frontpage-promo-hover.png); border-radius: 3px; }

.product-promo .navigation a.active,
.infobox-promo .navigation a.active { color: #d1050c; }

.product-promo .navigation li:first-child a,
.infobox-promo .navigation li:first-child a { padding: 9px 0 10px 12px; }

.product-promo .promo-gradient,
.infobox-promo .promo-gradient { background: url(/frontend/images/Vnav-gradient.png) repeat-x center bottom; height: 297px; width: 100%; }

.product-promo .promo-content,
.infobox-promo .promo-content { background: url(/frontend/images/bg-frontpage-content-shadow.png) no-repeat 0 -10px; float: left; height: 277px; padding: 20px 0 0; width: 290px; }

.product-promo .promo-content li,
.infobox-promo .promo-content li { display: none; height: 270px; position: relative; }

.product-promo .promo-content li.active,
.infobox-promo .promo-content li.active { display: block; }

.product-promo .promo-content li h3,
.infobox-promo .promo-content li h3 { color: #363535; font-size: 16px; margin: 0; padding: 10px 20px 6px 0; text-shadow: 0px 1px 1px white; }

.product-promo .promo-content li p,
.infobox-promo .promo-content li p { color: #363535; font-size: 12px; margin: 0px 0 5px; height: 64px; overflow: hidden; }

.product-promo .promo-content li a.button,
.infobox-promo .promo-content li a.button { background: #c7050b; background-image: url(/frontend/images/sprite-main.png); background-repeat: no-repeat; background-position: 236px -425px; background: url(/frontend/images/sprite-main.png) no-repeat 236px -425px, -moz-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: url(/frontend/images/sprite-main.png) no-repeat 236px -425px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c7050b), color-stop(55%, #b50b11), color-stop(100%, #ad1117)); background: url(/frontend/images/sprite-main.png) no-repeat 236px -425px, -webkit-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: url(/frontend/images/sprite-main.png) no-repeat 236px -425px, -o-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: url(/frontend/images/sprite-main.png) no-repeat 236px -425px, -ms-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: url(/frontend/images/sprite-main.png) no-repeat 236px -425px, linear-gradient(to bottom, #c7050b 0%, #b50b11 55%, #ad1117 100%); border: 0 none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-bottom: 2px solid #4c0709; bottom: 6px; left: 0; color: #ffffff; display: block; font-weight: bold; font-size: 12px; text-shadow: 1px 1px 1px #66060a; padding: 3px 0 3px 6px; position: absolute; width: 253px; }

.product-promo .promo-content li a.button:hover, .product-promo .promo-content li a.button:focus,
.infobox-promo .promo-content li a.button:hover, .infobox-promo .promo-content li a.button:focus { background: #b20317; background-image: url(/frontend/images/sprite-main.png); background-repeat: no-repeat; background-position: 236px -425px; background: url(/frontend/images/sprite-main.png) no-repeat 236px -425px, -moz-linear-gradient(top, #b20317 0%, #980214 61%, #8d0212 100%); background: url(/frontend/images/sprite-main.png) no-repeat 236px -425px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b20317), color-stop(61%, #980214), color-stop(100%, #8d0212)); background: url(/frontend/images/sprite-main.png) no-repeat 236px -425px, -webkit-linear-gradient(top, #b20317 0%, #980214 61%, #8d0212 100%); background: url(/frontend/images/sprite-main.png) no-repeat 236px -425px, -o-linear-gradient(top, #b20317 0%, #980214 61%, #8d0212 100%); background: url(/frontend/images/sprite-main.png) no-repeat 236px -425px, -ms-linear-gradient(top, #b20317 0%, #980214 61%, #8d0212 100%); background: url(/frontend/images/sprite-main.png) no-repeat 236px -425px, linear-gradient(to bottom, #b20317 0%, #980214 61%, #8d0212 100%); }

.product-promo .promo-content .promo-img-wrap,
.infobox-promo .promo-content .promo-img-wrap { width: 253px; }

.product-promo .promo-content .promo-img-wrap .shadow,
.infobox-promo .promo-content .promo-img-wrap .shadow { background: url(/frontend/images/promo-img-shadow.png) no-repeat right top; float: right; height: 11px; width: 252px; }

.clear-all { color: #d1050c; font-weight: bold; float: right; height: 27px; margin: -3px 3px 0 0; padding: 8px 15px 0; text-decoration: underline; }
.clear-all:hover, .clear-all:focus { color: #810004; }

.dropdown-wrap { float: left; }
.dropdown-wrap label { display: block; font-weight: bold; margin: 0 0 5px; }
.dropdown-style { float: left; width: 220px; height: 27px; overflow: hidden; background: url(/frontend/images/dd-pil.png) no-repeat 202px #f5f4f4; border: 1px solid #d5d4d5; border-top: 1px solid #b5b5b5; margin-right: 18px; -moz-box-shadow: inset 0px 1px 6px -1px #b5b5b5; -webkit-box-shadow: inset 0px 1px 6px -1px #b5b5b5; box-shadow: inset 0px 1px 6px -1px #b5b5b5; position: relative; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border-bottom: 1px solid white; }
.dropdown-style select { border-bottom: 1px solid #d5d4d5; color: #969696; opacity: 0; background: transparent; background-color: transparent; width: 220px; border: 0; border-radius: 0; height: 27px; -webkit-appearance: none; font-family: "Arial, HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Lucida Grande", sans-serif; outline: 0 none; padding: 5px 0; z-index: 10; position: relative; }
.dropdown-style select option { background: transparent; background-color: transparent; }
.dropdown-style select option:hover { background: transparent; background-color: transparent; }
.dropdown-style .selected-item { left: 5px; position: absolute; top: 5px; color: #969696; text-shadow: 0 1px 1px white; font-weight: bold; }
.last-dd-style { margin-right: 0; }

#filterform { float: left; margin-top: 20px; }

/* ==========================================================================
   Listbox
   ========================================================================== */
.listbox-item { margin: 0 0 5px 0; float: left; width: 100%; }
.listbox-item .listbox-img { margin: 10px 0 0 0; }
.listbox-item .listbox-item-title a { font-size: 13px; text-decoration: none; }
.listbox-item .listbox-item-title h2 { margin: 10px 0 5px 0; }
.listbox-item .listbox-item-date { margin: 0 3px 0 0; font-weight: bold; }
.listbox-item .listbox-item-link { padding: 0; }

/* ==========================================================================
   Footer
   ========================================================================== */
.push { clear: both; height: 348px; }
.company-approvals { background: url(/frontend/images/bg-company-approvals.jpg) 0 0 repeat-x; height: 97px; float: left; width: 100%; }
.company-approvals .company-approvals-inner { background: url(/frontend/images/bg-company-approvals-gradient.png) 0 0 repeat-x; float: left; width: 100%; }
.company-approvals .align-helper { max-width: 960px; margin: 0 auto; padding-top: 30px; }
.company-approvals .company-approvals-inner .align-helper p { text-align: center; }
.company-approvals .grey { font-size: 15px; font-weight: normal; text-shadow: 0px 1px 1px white; filter: dropshadow(color=white, offx=0, offy=-1); color: #848383; }

footer { background: url(/frontend/images/bg-complete-footer.jpg) 0 0 repeat-x; color: #B6B6B6; height: 397px; font-size: 13px; padding: 8px 10px; text-shadow: 0px -1px 1px #2d2d2d; filter: dropshadow(color=#2d2d2d, offx=0, offy=-1); clear: left; float: left; width: 100%; margin-left: 0%; margin-right: -100%; }
footer p { font-size: 13px; }
footer a,
.footer-top a { color: #B6B6B6; }

footer a:hover,
.footer-top a:hover { text-decoration: none; color: #d1050c; }

footer table { float: left; max-width: 700px; margin: 0 10px; }
footer table:first-child { margin: 0; margin-right: 20px; }
footer table:last-child { margin: 0; margin-left: 20px; }
footer .footer-bottom { color: #656565; height: 30px; padding-top: 17px; max-width: 940px; margin: 0 auto; }
footer .footer-bottom a { color: #656565; }

footer .footer-bottom a:hover,
.footer-bottom a:hover { text-decoration: none; color: #d1050c !important; }

footer .newsletter { background: url(/frontend/images/bg-footer-newsletter-2.png); background-position: center bottom; background-repeat: no-repeat; float: right; height: 340px; padding: 0 20px; position: relative; max-width: 200px; }
footer .newsletter .newsletter-title { background-image: url(/frontend/images/footer-title-delimiter.png); background-repeat: no-repeat; background-position: 0 60px; font-size: 14px; padding: 33px 0 17px 0; font-weight: bold; text-transform: uppercase; }
footer .newsletter .newsletter-body { padding-top: 10px; }

.aside-rte #side-newsletter-signup [type="text"],
footer .newsletter input[type="text"] { background-color: #272828; color: #B6B6B6; height: 30px; font-size: 14px; font-weight: bold; padding-left: 10px; max-width: 190px; border: 0; border-top: 1px solid #1e1e1e; -webkit-box-shadow: 0px 1px 1px 1px #5e5e5e; box-shadow: 0px 1px 1px 1px #5e5e5e; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 20px; }

.aside-rte #side-newsletter-signup [type="text"] { max-width: 168px; background-color: #f2f2f2; border: 1px solid #aaa; -webkit-box-shadow: none; box-shadow: none; color: #666; padding-bottom: 7px; padding-top: 7px; height: auto; }
footer .newsletter input[type="text"]:focus { outline: none; }

.aside-rte #side-newsletter-signup .country,
footer .newsletter .country { background: #222222 url(/frontend/images/sprite-main.png) no-repeat 248px -403px; border-top: 1px solid #1e1e1e; -webkit-box-shadow: 0px 1px 1px 1px #5e5e5e; box-shadow: 0px 1px 1px 1px #5e5e5e; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #B6B6B6; cursor: pointer; display: block; font-size: 14px; font-weight: bold; margin: 0 0 20px; padding-left: 10px; padding-top: 7px; height: 21px; max-width: 190px; }

.aside-rte #side-newsletter-signup .country { max-width: 168px; background: #f2f2f2 url(/frontend/images/sprite-main.png) no-repeat 248px -403px; border: 1px solid #aaa; -webkit-box-shadow: none; box-shadow: none; color: #666; padding-top: 4px; height: 24px; }

.aside-rte #side-newsletter-signup .side-country-dd,
footer .newsletter .country-dd { position: relative; }

.aside-rte #side-newsletter-signup .country-list,
footer .newsletter .country-list { background: #3F3F3F; display: none; left: -1px; position: absolute; top: -175px; max-width: 202px; z-index: 230; overflow: auto; height: 210px; }

.aside-rte #side-newsletter-signup .country-list { max-width: 181px; }

.aside-rte #side-newsletter-signup .country-list li,
footer .newsletter .country-list li { background: #1C1C1C; color: #ffffff; float: none; border: 0; color: #ffffff; cursor: pointer; display: block; font-size: 11px; margin-top: 1px; margin-left: 0; padding-left: 10px; padding-top: 10px; height: 24px; }

.aside-rte #side-newsletter-signup .country-list li:hover,
footer .newsletter .country-list li:hover { background: #343434; }

.aside-rte #side-newsletter-signup .country-list li:last-child,
footer .newsletter .country-list li:last-child { -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }

.aside-rte #side-newsletter-signup input[type="submit"],
footer .newsletter input[type="submit"] { background: #c7050b; /* Old browsers */ background: -moz-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c7050b), color-stop(55%, #b50b11), color-stop(100%, #ad1117)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); /* IE10+ */ background: linear-gradient(to bottom, #c7050b 0%, #b50b11 55%, #ad1117 100%); /* IE6-9 */ border: 0 none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border-bottom: 1px solid #4c0709; color: #ffffff; font-weight: bold; text-shadow: 1px 1px 1px #66060a; text-transform: uppercase; /*filter: dropshadow(color=#66060a, offx=1, offy=1);*/ height: 32px; width: 110px; position: relative; behavior: url(http://prelectronics.web4test.dk/frontend/pie/PIE.php); }

.aside-rte #side-newsletter-signup input[type="submit"]:hover,
footer .newsletter input[type="submit"]:hover { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #b20317; /* Old browsers */ background: -moz-linear-gradient(top, #b20317 0%, #980214 61%, #8d0212 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b20317), color-stop(61%, #980214), color-stop(100%, #8d0212)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b20317 0%, #980214 61%, #8d0212 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b20317 0%, #980214 61%, #8d0212 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b20317 0%, #980214 61%, #8d0212 100%); /* IE10+ */ background: linear-gradient(to bottom, #b20317 0%, #980214 61%, #8d0212 100%); /* IE6-9 */ behavior: url(http://prelectronics.web4test.dk/frontend/pie/PIE.php); }

.aside-rte #side-newsletter-signup { margin-top: 17px; margin-bottom: 14px; }

footer .newsletter #newsletter-signup { float: left; margin-top: 17px; }
footer .footer-top { height: 341px; max-width: 960px; margin: 0 auto; }
footer .footer-top > .container { display: flex; justify-content: center; }
footer .footer-top td { max-width: 210px; line-height: 20px; }
footer .footer-top td.footer-title { padding: 30px 0 20px 0; font-weight: bold; }
footer .footer-top .footer-title { background-image: url(/frontend/images/footer-title-delimiter.png); background-repeat: no-repeat; background-position: 0 56px; font-size: 14px; }

footer label.error,
.aside-rte #side-newsletter-signup label.error { font-size: 11px; font-style: italic; color: #d1050c; display: block; margin-top: -16px; margin-bottom: 10px; overflow: hidden; }
.aside-rte #side-newsletter-signup label.error { text-shadow: none; }

footer .footer-top .addthis_toolbox { display: inline-block; width: 36px; margin: 34px 30px 0; }
footer .footer-top .addthis_toolbox a span { border-radius: 3px; }
footer .footer-separator { }

/* ==========================================================================
   Frontpage carousel
   ========================================================================== */
.frontpage-carousel-wrap { background: url(/frontend/images/bg-fronpage-carousel-navigation.jpg) black; width: 100%; background-repeat: no-repeat; background-position: bottom; }
.frontpage-carousel-wrap .frontpage-carousel { margin: 0; padding: 0; height: 454px; margin: 0 auto; position: relative; max-width: 940px; -moz-user-select: -moz-none; -webkit-user-select: none; user-select: none; }

/* ==========================================================================
     Frontpage: Navigation
     ========================================================================== */ }
.frontpage-carousel-wrap .frontpage-carousel .slides { overflow: hidden; position: relative; z-index: 500; height: 405px; float: left; max-width: 940px; }
.frontpage-carousel-wrap .frontpage-carousel .slides li { display: none; height: 405px; list-style: none; margin-left: 0; position: relative; }
.frontpage-carousel-wrap .frontpage-carousel .slides li .text { color: #fff; height: 183px; left: 33px; padding: 26px 39px 0 33px; position: absolute; text-align: center; top: 63px; max-width: 381px; }
.frontpage-carousel-wrap .frontpage-carousel .slides li .text h3 { font-family: "Titillium Web", sans-serif; font-size: 34px; font-weight: normal; line-height: 32px; margin: 0 0 12px 0; padding: 0; }
.frontpage-carousel-wrap .frontpage-carousel .slides li .text p { font-family: "Titillium Web", sans-serif; font-size: 18px; line-height: 20px; }
.frontpage-carousel-wrap .frontpage-carousel .slides li .text .link-wrap { bottom: -11px; left: 0; position: absolute; width: 100%; }
.frontpage-carousel-wrap .frontpage-carousel .slides li .text .link-wrap a { background: #c7050b; background: -moz-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c7050b), color-stop(55%, #b50b11), color-stop(100%, #ad1117)); background: -webkit-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: -o-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: -ms-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: linear-gradient(to bottom, #c7050b 0%, #b50b11 55%, #ad1117 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7050b', endColorstr='#ad1117',GradientType=0 ); text-shadow: 0px 1px 1px black; filter: dropshadow(color=black, offx=0, offy=1); border-bottom: 3px solid #4c0709; border-radius: 3px; color: #fff; font-family: "Titillium Web", sans-serif; font-size: 20px; font-weight: bold; padding: 10px 40px 11px; }
.frontpage-carousel-wrap .frontpage-carousel .slides li .text .link-wrap a:hover, .frontpage-carousel-wrap .frontpage-carousel .slides li .text .link-wrap a:focus { background: #b20317; background: -moz-linear-gradient(top, #b20317 0%, #980214 61%, #8d0212 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b20317), color-stop(61%, #980214), color-stop(100%, #8d0212)); background: -webkit-linear-gradient(top, #b20317 0%, #980214 61%, #8d0212 100%); background: -o-linear-gradient(top, #b20317 0%, #980214 61%, #8d0212 100%); background: -ms-linear-gradient(top, #b20317 0%, #980214 61%, #8d0212 100%); background: linear-gradient(to bottom, #b20317 0%, #980214 61%, #8d0212 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20317', endColorstr='#8d0212',GradientType=0 ); text-shadow: 0px 1px 1px black; filter: dropshadow(color=black, offx=0, offy=1); }

.frontpage-carousel-wrap .frontpage-carousel .slides img { max-width: 100%; display: block; }
.frontpage-carousel-wrap .frontpage-carousel .slides:after { content: "."; clear: both; display: block; height: 0; line-height: 0; visibility: hidden; }

.frontpage-carousel-wrap .frontpage-carousel .flex-direction-nav { height: 29px; position: absolute; top: 153px; width: 100%; z-index: 100; }
.frontpage-carousel-wrap .frontpage-carousel .flex-direction-nav li { list-style: none; }
.frontpage-carousel-wrap .frontpage-carousel .flex-direction-nav .flex-prev,
.frontpage-carousel-wrap .frontpage-carousel .flex-direction-nav .flex-next { background: url(/frontend/images/sprite-main.png) 0 0 no-repeat; cursor: pointer; height: 82px; position: absolute; text-indent: -99999em; width: 47px; z-index: 110; }
.frontpage-carousel-wrap .frontpage-carousel .flex-direction-nav .flex-prev { background-position: 0 -90px; left: -117px; }
.frontpage-carousel-wrap .frontpage-carousel .flex-direction-nav .flex-prev:hover { background-position: 0 -280px; }
.frontpage-carousel-wrap .frontpage-carousel .flex-direction-nav .flex-next { background-position: 0 0px; right: -117px; }
.frontpage-carousel-wrap .frontpage-carousel .flex-direction-nav .flex-next:hover { background-position: 0 -187px; }

.frontpage-carousel-wrap .frontpage-carousel .flex-control-nav { position: absolute; bottom: 0; display: none; left: 0; list-style: none; margin: 0; width: 100%; z-index: 900; }
.frontpage-carousel-wrap .frontpage-carousel .flex-control-nav li { background: url(/frontend/images/bg-fronpage-storylabel-inactive.png) 0 0 no-repeat; float: left; height: 49px; margin: 0; position: relative; text-align: center; width: 235px; }
.frontpage-carousel-wrap .frontpage-carousel .flex-control-nav li a { color: #6D0004; cursor: pointer; font-size: 17px; font-weight: bold; display: block; height: 36px; padding: 17px 0 0; width: 235px; text-shadow: 1px 1px #d25256; }
.frontpage-carousel-wrap .frontpage-carousel .flex-control-nav li a:hover, .frontpage-carousel-wrap .frontpage-carousel .flex-control-nav li a:focus, .frontpage-carousel-wrap .frontpage-carousel .flex-control-nav li a.flex-active { color: #fff; text-shadow: 0px 1px 1px black; }
.frontpage-carousel-wrap .frontpage-carousel .flex-control-nav li a.flex-active { background: url(/frontend/images/bg-frontpage-storylabel-active.png) 0 0 no-repeat; margin: -12px 0 0; padding: 29px 0 0; }
.frontpage-carousel-wrap .frontpage-carousel .flex-control-nav li .flex-active { background-position: 0px 0px; }

.rgba .text { background-color: rgba(197, 5, 11, 0.8); }
.frontpage-carousel .text { background: url(/frontend/images/redbox_karousel_gradient.png); }
.no-rgba .text { background: #a5050a; }

.forside .aside-element { float: left; width: 220px; margin-left: 20px; height: 339px; }
.forside .aside-element .aside-gradient { height: 167px; position: relative; }
.forside .aside-element .aside-rte { font-size: 12px; overflow: hidden; }
.forside .aside-element .aside-content { height: 167px; }
.forside .aside-element .aside-link { margin-top: 0; position: absolute; bottom: 4px; width: 180px; }
.forside .aside-element h2 { margin-bottom: 6px; }
.forside .aside-element .infobox-shadow { height: 8px; }
.forside .aside-element .aside-manchet { padding: 10px 20px 6px 20px; }

.forside .design-layout .aside-rte,
.forside .standard-layout .aside-rte { padding: 0 20px 5px; }

/* ==========================================================================
   Hacks
   ========================================================================== */
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }

/* ==========================================================================
   No JavaScript Fallback
   ========================================================================== */
.no-js .slides li:first-child { display: block; }

.caseboxes-slider { margin: 0 0 0 20px; padding: 0; height: 340px; position: relative; float: left; width: 220px; }
.caseboxes-slider > h2 { margin-bottom: 6px; }
.caseboxes-slider li { display: none; height: 430px; list-style: none; margin-left: 0; position: relative; }
.caseboxes-slider li .aside-element { margin-left: 0; }

.caseboxes-slider .flex-direction-nav { height: 29px; position: absolute; top: 153px; width: 100%; z-index: 100; }
.caseboxes-slider .flex-direction-nav li { list-style: none; }
.caseboxes-slider .flex-direction-nav .flex-prev,
.caseboxes-slider .flex-direction-nav .flex-next { background: url(/frontend/images/sprite-main.png) 0 0 no-repeat; cursor: pointer; height: 82px; position: absolute; text-indent: -99999em; width: 47px; z-index: 110; }
.caseboxes-slider .flex-direction-nav .flex-prev { background-position: 0 -90px; left: -117px; }
.caseboxes-slider .flex-direction-nav .flex-prev:hover { background-position: 0 -280px; }
.caseboxes-slider .flex-direction-nav .flex-next { background-position: 0 0px; right: -117px; }
.caseboxes-slider .flex-direction-nav .flex-next:hover { background-position: 0 -187px; }
.caseboxes-slider .flex-control-nav { position: absolute; top: 132px; display: none; list-style: none; width: 50%; z-index: 1000; left: 50%; margin-left: -55px; }
.caseboxes-slider .flex-control-nav li { background: url(/frontend/images/bg-fronpage-storylabel-inactive.png) 0 0 no-repeat; display: inline-block; float: left; margin: 0; position: relative; width: 22px; height: 16px; }
.caseboxes-slider .flex-control-nav li a { background: url(/frontend/images/sprite-main.png) no-repeat -2px -454px; cursor: pointer; display: block; width: 16px; height: 16px; text-indent: -9999px; overflow: hidden; }
.caseboxes-slider .flex-control-nav li a:hover, .caseboxes-slider .flex-control-nav li a:focus, .caseboxes-slider .flex-control-nav li a.flex-active { background: url(/frontend/images/sprite-main.png) no-repeat -2px -480px; }
.caseboxes-slider .flex-control-nav li a.flex-active { background: url(/frontend/images/sprite-main.png) no-repeat -2px -480px; width: 16px; height: 16px; }
.caseboxes-slider .flex-control-nav li .flex-active { background: url(/frontend/images/sprite-main.png) no-repeat -2px -480px; }

.industries-wrapper { background: url(/frontend/images/light-grey-tile.png); background-repeat: repeat; margin-bottom: 1px; width: 100%; float: left; }
.industries-wrapper .industries-gradient { background: url(/frontend/images/gradient-top.png); background-repeat: repeat-x; }
.industries-wrapper .industries-gradient-bottom { background: url(/frontend/images/Vnav-gradient.png) repeat-x center bottom; width: 100%; }
.industries-wrapper .industries-teaser { max-width: 735px; margin: 0 auto; }
.industries-wrapper .industries-ul { margin-left: 30px; }

.industries-wrapper .industries-inner { max-width: 940px; margin: 0 auto; padding: 25px 0 22px 0; overflow: hidden; }
.industries-wrapper .industries-inner h1 { font-size: 34px; color: #313131; font-weight: bold; text-shadow: 0px 1px 1px white; text-align: center; margin-bottom: 13px; }
.industries-wrapper .industries-inner p { color: #313131; font-weight: normal; text-shadow: 0px 1px 1px white; text-align: center; }
.industries-wrapper .industries-inner ul { float: left; list-style: none; padding: 50px 0 60px 0; }
.industries-wrapper .industries-inner ul li.last-cell { margin-right: 0 !important; }
.industries-wrapper .industries-inner ul li { width: 22%; margin-right: 130px; float: left; height: 80px; padding-bottom: 35px; overflow: hidden; }
.industries-wrapper .industries-inner ul li a { color: #d1050c; text-shadow: 0px 1px 1px white; font-weight: bold; display: block; float: left; }
.industries-wrapper .industries-inner ul li a:hover { color: #434343; }
.industries-wrapper .industries-inner ul li p { text-align: left; font-size: 13px; margin-top: 5px; }
.industries-wrapper .industries-inner ul li img { float: left; }
.industries-wrapper .industries-inner ul li .left { padding: 0; float: left; width: 83px; }
.industries-wrapper .industries-inner ul li .right { padding: 0; float: left; width: 116px; }
.industries-wrapper .industries-inner ul li span { font-size: 18px; }

.search-field-wrap { float: right; margin: 44px 0 0 0; width: 234px; }
.search-field-wrap input[type=text] { background: url(/frontend/images/bg-search-field.png) no-repeat; border: none; color: #969696; float: left; font-size: 14px; font-weight: bold; height: 30px; padding: 0 10px; width: 213px; }
.search-field-wrap input[type=text]:focus { outline: none; }
.search-field-wrap input[type=submit] { background: url(/frontend/images/bg-search-submit-btn.png) no-repeat; border: none; height: 17px; margin: 7px 0 0 -29px; width: 19px; }

#xsltsearch_summary,
.xsltsearch_result { margin-bottom: 15px; }
#xsltsearch_stats { clear: both; }
#xsltsearch .searchResults { float: left; max-width: 720px; }
#xsltsearch .targetAds { float: right; width: 220px; }
#xsltsearch.noAds .searchResults { float: none; width: 100%; }

/* ==========================================================================
   Helpers: Diverse hjælpeklasser
   ========================================================================== */
.hide { display: none; }
.transparent-line { clear: both; height: 0px; width: 100%; }
.alpha { margin-left: 0 !important; }
.omega { margin-right: 0 !important; }
.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.oh { overflow: hidden; }

/* ==========================================================================
   Image replacement
   ========================================================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* ==========================================================================
   Skygger
   ========================================================================== */
.shadow-460 { background: url(/frontend/images/shadow-460.png) no-repeat; height: 12px; width: 460px; }

/* ==========================================================================
   Hides elements visually but not for screenreaders.
   ========================================================================== */
.hidden { display: none !important; visibility: hidden; }

/* ==========================================================================
   Hides elements visually but not for screenreaders.
   ========================================================================== */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* ==========================================================================
   Hides content visually without affecting layout. The .hidden class removes the element from the layout as well.
   ========================================================================== */
.invisible { visibility: hidden; }

/* ==========================================================================
   Self-clearing fix for modern browsers.
   ========================================================================== */
.group:before, .group:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.group:after { clear: both; }

/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

.column1-result { max-width: 422px; float: left; }
.column2-result { max-width: 422px; float: right; }

#xsltsearch_results { overflow: hidden; padding-top: 30px; }
#xsltsearch_results .title-separator-full-width { clear: both; }
#xsltsearch_results .result-count { float: left; margin-left: 10px; margin-top: 10px; }
#xsltsearch_results h2 { color: #313131; font-size: 27px; text-shadow: 0 1px 1px white; float: left; }
.downloads li { float: left; width: 125px; }

.checkboxes { overflow: hidden; margin-top: 25px; margin-bottom: 30px; }
.checkboxes input[type=checkbox] { position: absolute; left: -9991px; }
.checkboxes label:active { background: url(../images/pr_checkbox.png) no-repeat 0 -22px; }
.checkboxes .checklabel { background: url(../images/pr_checkbox.png) no-repeat 0 -22px; }
.checkboxes label { background: url(../images/pr_checkbox.png) no-repeat -24px 0; cursor: pointer; display: block; font-size: 13px; line-height: 13px; margin-bottom: 20px; padding: 5px 0 5px 35px; text-shadow: 0 1px 1px white; float: left; width: 197px; }
.checkboxes .red-btn { background: #c7050b; /* Old browsers */ background: -moz-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c7050b), color-stop(55%, #b50b11), color-stop(100%, #ad1117)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); /* IE10+ */ background: linear-gradient(to bottom, #c7050b 0%, #b50b11 55%, #ad1117 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7050b', endColorstr='#ad1117',GradientType=0 ); /* IE6-9 */ border: 0 none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-bottom: 1px solid #4c0709; color: #ffffff; font-weight: bold; text-shadow: 1px 1px 1px #66060a; text-transform: uppercase; filter: dropshadow(color=#66060a, offx=1, offy=1); height: 32px; width: 110px; position: relative; behavior: url(http://prelectronics.web4test.dk/frontend/pie/PIE.php); }
.checkboxes .red-btn:hover { background: #b20317; /* Old browsers */ background: -moz-linear-gradient(top, #b20317 0%, #980214 61%, #8d0212 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b20317), color-stop(61%, #980214), color-stop(100%, #8d0212)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b20317 0%, #980214 61%, #8d0212 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b20317 0%, #980214 61%, #8d0212 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b20317 0%, #980214 61%, #8d0212 100%); /* IE10+ */ background: linear-gradient(to bottom, #b20317 0%, #980214 61%, #8d0212 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20317', endColorstr='#8d0212',GradientType=0 ); /* IE6-9 */ }

.offaddr { margin-left: 0px; }
#contactform h2 { font-size: 20px; margin-bottom: 0; }
.main-wrapper .aside-content .infobox-separator { display: none; }

.ui-menu { height: 116px; overflow: auto; width: 200px !important; z-index: 9999; list-style: none !important; margin: 0 !important; padding: 0 !important; position: absolute !important; left: 19px !important; top: 144px !important; }
.ui-menu-item { background: #1C1C1C; margin: 0 !important; padding: 0 !important; display: block !important; float: none !important; }
.ui-menu-item a { background: #1C1C1C; border-bottom: 1px solid #3F3F3F; color: #FFFFFF !important; display: block !important; font-size: 11px !important; padding: 7px 10px !important; cursor: pointer; text-align: left !important; }
.ui-menu-item a:hover { background: #343434; }
.ui-helper-hidden-accessible { display: none !important; }
.ui-autocomplete-input { font-size: 14px; font-weight: bold; line-height: 15px; padding: 6px 5px; width: 100%; border-color: #222222 #222222 #666666; border-style: solid; border-width: 2px 1px 1px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 2px 3px 0 #666666; -webkit-box-shadow: 0 2px 3px 0 #666666; -moz-box-shadow: 0 2px 3px 0 #666666; color: #969696; background: url(../images/bg-search-submit-btn.png) no-repeat top 6px right 10px #F5F4F4; position: relative; behavior: url(http://prelectronics.web4test.dk/frontend/pie/PIE.php); }

.product-dd input::-webkit-input-placeholder { color: #969696; opacity: 1; }
.product-dd input:-moz-placeholder { /* Firefox 18- */ color: #969696; opacity: 1; }
.product-dd input::-moz-placeholder { /* Firefox 19+ */ color: #969696; opacity: 1; }
.product-dd input:-ms-input-placeholder { color: #969696; opacity: 1; }

.ui-autocomplete-loading { background: url(../images/ajax-loader.gif) 230px center no-repeat #3f3f3f; color: #fff; }

.mega-dd-wrap .overview { position: relative; }

.right-input { float: right; overflow: hidden; max-width: 340px !important; }

.align-boxes { overflow: hidden; position: relative; clear: both; }

.Dokumentliste .main-content .manchet,
.ProductList .main-content .manchet { max-width: 940px; }
.Dokumentliste .col-1-3 .manchet { width: auto !important; }
.Dokumentliste .col-1-3 .documentlist { margin-left: 0 !important; }

.content h1 { font-weight: bold; }
#contact .country-code { width: 110px; display: inline-block; float: left; padding-right: 20px; }
#contact .phone { float: left; display: inline-block; width: 203px; }
#contact div.country-code input, #contact div.phone input { width: 95% !important; }
.container .contentAboveCompanyApprovals { clear: left; }

/* ==========================================================================
   QUICK QUOTE - ADD TO CART
   ========================================================================== */
.quickQuote { position: absolute; top: 0; right: 0; }
.quickQuote button { background-color: #d1050c; color: #fff; text-transform: uppercase; padding: 5px 10px; font-size: 10px; border: none; text-align: left; border-radius: 2px; border-bottom: 2px solid #434343; }
.quickQuote button span { display: block; }
.quickQuote button span.request { font-size: 12px; }

/* ==========================================================================
   QUICK QUOTE - MINICART
   ========================================================================== */
#miniCartIcon { position: relative; max-width: 940px; margin: 0 auto; z-index: 1000; }
#miniCartIcon #miniCart,
#miniCartIcon .partner-portal { position: absolute; top: -6px; height: 35px; color: #ffffff; border-bottom: 2px solid #464646; border-radius: 3px; cursor: pointer; }
#miniCartIcon #miniCart { background-color: #8b8b8b; right: 57px; }
#miniCartIcon .partner-portal { background: url(/frontend/images/padlock.png) no-repeat center center #d1050c; border-bottom-left-radius: 3px; border-top-left-radius: 3px; right: 2px; width: 50px; }
#miniCartIcon.empty #miniCart .quantityWrapper .text { display: none; }
#miniCartIcon.empty #miniCart .icon { background: url(/frontend/images/folder-closed.png) no-repeat center center #d1050c; border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
#miniCartIcon #miniCart.foldedIn { width: 50px; }
#miniCartIcon #miniCart.foldedOut { width: 100px; }
#miniCartIcon #miniCart .quantityWrapper { float: left; text-align: center; width: 50px; padding-top: 4px; }
#miniCartIcon #miniCart .quantityWrapper .quantity { font-size: 13px; }
#miniCartIcon #miniCart .quantityWrapper .text { font-size: 10px; background: none; display: block; }
#miniCartIcon #miniCart .icon { width: 50px; height: 35px; position: absolute; right: 0; border-radius: 3px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; border-bottom: 2px solid #131313; background: url(/frontend/images/folder-open.png) no-repeat center center #d1050c; }

/* ==========================================================================
   QUICK QUOTE - CART MODAL
   ========================================================================== */
#modalOverlay { display: none; opacity: 0.7; height: 2000px; width: 20000px; position: fixed; left: 0px; top: 0px; z-index: 1001; background-color: #000; }
#cartModal { display: none; position: absolute; top: 40px; left: 50%; margin-left: -335px; max-width: 700px; z-index: 9000; color: #000000; }
#cartModal.on, #modalOverlay.on { display: inline; }
#cartModal .headlineWrapper { position: relative; margin-bottom: 13px; }
#cartModal .headlineWrapper .headline { max-width: 587px; height: 50px; background: #8b8b8b; color: #ffffff; font-size: 18px; line-height: 50px; padding-left: 22px; border-radius: 3px; border-bottom: 2px solid #151515; }
#cart .headlineWrapper .uppercase { text-transform: uppercase; font-weight: bold; }
#cart.success .headlineWrapper .summary { display: none; }
#cart .headlineWrapper .requestSent { display: none; }
#cart.success .headlineWrapper .requestSent { display: inline; }
#cartModal .headlineWrapper .close { width: 50px; height: 50px; background: url(/frontend/images/close-icon.png) no-repeat center center #d1050c; position: absolute; right: 0; top: 0; border-radius: 3px; border-bottom: 2px solid #151515; cursor: pointer; }
#cartModal table tr td:first-child, #cartModal .cartOverview tr th:first-child { padding-left: 25px; }

/* ==========================================================================
   QUICK QUOTE - CART SUMMARY
   ========================================================================== */
#cart.success table { display: none; }
#cartModal table { width: 100%; }
#cartModal table tr td:first-child,
cartModal .cartOverview tr th:first-child { padding-left: 25px; }
#cartModal table thead tr { background: url(/frontend/images/cart-header-bg.png) repeat-x; line-height: 32px; color: #ffffff; text-align: left; font-size: 15px; }
#cartModal table tbody tr { background: #ffffff; }
#cartModal table tbody tr td { padding-top: 7px; padding-bottom: 7px; }
#cartModal table tbody tr.orderLine.dummy { display: none; }
#cartModal .cartOverview tbody tr:nth-child(even) { background: #eeeeee; }
#cartModal table tbody tr .id { width: 74px; }
#cartModal table tbody tr .name { font-weight: bold; }
#cartModal table tbody tr .quantity { width: 78px; }
#cartModal table tbody tr .quantity input { width: 68px; text-align: center; line-height: 32px; border: 1px solid #d5d4d5; border-top: 1px solid #b5b5b5; -moz-box-shadow: inset 0px 1px 6px -1px #b5b5b5; -webkit-box-shadow: inset 0px 1px 6px -1px #b5b5b5; box-shadow: inset 0px 1px 6px -1px #b5b5b5; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border-bottom: 1px solid white; outline: 0 none; }
#cartModal table tbody tr.variantRow td { padding: 15px 25px; }
#cartModal table tbody .variantRow .description { display: block; margin-bottom: 10px; }
#cartModal table tbody .variant { padding: 5px; width: 100%; max-width: 635px; height: 20px; border: 1px solid #d5d4d5; border-top: 1px solid #b5b5b5; -moz-box-shadow: inset 0px 1px 6px -1px #b5b5b5; -webkit-box-shadow: inset 0px 1px 6px -1px #b5b5b5; box-shadow: inset 0px 1px 6px -1px #b5b5b5; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border-bottom: 1px solid white; outline: 0 none; resize: none; }
#cartModal table tbody tr .buttons { width: 70px; }
#cartModal table tbody tr .buttons .button { width: 36px; height: 34px; cursor: pointer; border-radius: 3px; border-bottom: 2px solid #4c4c4c; float: left; }
#cartModal table tbody tr .buttons .button.update { background: url(/frontend/images/update-icon-small.png) no-repeat center center #898989; margin-right: 10px; }
#cartModal table tbody tr .buttons .button.remove { background: url(/frontend/images/close-icon-small.png) no-repeat center center #898989; }
#cart.empty #cartModal table.cartOverview { display: none; }

/* ==========================================================================
   QUICK QUOTE - INFORMATION
   ========================================================================== */
#cart.success .cartInformationContent { display: none; }
.cartInformationContent { background-color: #eeeeee; padding: 0px 30px 40px 30px; display: inline-block; }
.cartInformationContent .headline { display: block; text-align: center; font-size: 15px; color: #ffffff; background: url(/frontend/images/cart-header-bg.png) repeat-x; line-height: 32px; text-transform: uppercase; font-weight: bold; margin-left: -30px; margin-right: -30px; }
.cartInformationContent .input-container input,
.cartInformationContent .input-container textarea { background-color: #ffffff !important; color: #000000; }
.cartInformationContent .input-container .dropdown-style { width: 309px; background: url(/frontend/images/dd-pil.png) no-repeat 290px center #ffffff; height: 29px; }
.cartInformationContent .input-container .dropdown-style select { width: 309px; }
.cartInformationContent .input-container.right-input { float: right; }
.cartInformationContent .input-container label { font-weight: bold; text-transform: uppercase; font-size: 12px; }
.cartInformationContent .input-container input { width: 297px !important; }
.cartInformationContent .input-container.wide-container #message { max-width: 633px !important; min-width: 0 !important; resize: none; height: 80px; }
.cartInformationContent .input-container.wide-container { width: 640px !important; }
.cartInformationContent .input-container { width: 310px !important; }
.cartInformationContent .input-container .country-code { width: 122px; display: inline-block; float: left; padding-right: 20px; }
.cartInformationContent .input-container .country-code input { width: 110px !important; }
.cartInformationContent .input-container .phone { float: left; display: inline-block; width: 168px !important; }
.cartInformationContent .input-container .phone input { width: 160px !important; }
.cartInformationContent .cart-btn { background-color: #d1050c; color: #ffffff; border-radius: 2px; font-weight: bold; border: none; border-bottom: 2px solid #474747; font-size: 15px; width: 100%; text-transform: uppercase; cursor: pointer; text-align: center; line-height: 32px; padding: 0; }
.cartInformationContent .input-container.checkbox { margin-top: 38px; }
.cartInformationContent .input-container.checkbox.accept { margin-top: 20px; }
.cartInformationContent .input-container.checkbox.accept a { color: #d1050c; }
.cartInformationContent .input-container.checkbox.accept label { display: inline-block; }

.input-container.checkbox input[type=checkbox] { display: none !important; }
.input-container.checkbox label { font-size: 15px; padding-left: 40px; text-transform: none; cursor: pointer; line-height: 32px; background: url(/frontend/images/checkbox-red-unchecked.png) no-repeat left center; margin: 0; }
.input-container.checkbox input[type=checkbox]:checked + label { background: url(/frontend/images/checkbox-red-checked.png) no-repeat left center; }

#cart.empty .cartInformationContent { display: none; }

/* ==========================================================================
   QUICK QUOTE - CART EMPTY MESSAGE
   ========================================================================== */
#cart .cartEmptyContainer { display: none; }
#cart.success .cartEmptyContainer { display: none !important; }
#cart.empty .cartEmptyContainer { display: block; }
#cart .cartEmptyContainer .headline { display: block; text-align: center; font-size: 15px; color: #ffffff; background: url(/frontend/images/cart-header-bg.png) repeat; line-height: 32px; text-transform: uppercase; font-weight: bold; }
#cart .cartEmptyContainer .text { padding: 10px 30px; background-color: #eeeeee; }

/* ==========================================================================
   QUICK QUOTE - CART SUCCESS MESSAGE
   ========================================================================== */
#cart .cartSuccessContainer { display: none; text-align: center; background: #eeeeee; padding: 60px 190px 60px 190px; }
#cart.success .cartSuccessContainer { display: block; }
#cart .cartSuccessContainer .headline { display: block; color: #ffffff; font-size: 25px; font-weight: bold; color: #000000; margin-bottom: 20px; }
#cart .cartSuccessContainer .text { padding: 10px 30px; background-color: #eeeeee; }

/* ==========================================================================
   QUICK QUOTE - CART SUCCESS MESSAGE
   ========================================================================== */
#cart .cartSpinner { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 30; opacity: 0.3; background: url(/frontend/images/ajax-loader-transparent.gif) no-repeat center center #000000; }
#cart.spinner .cartSpinner { display: inline; }

/* ==========================================================================
   Job Openings
   ========================================================================== */
.JobOpenings .jobOpenings { margin-bottom: 15px; }
.JobOpenings .jobOpenings a { display: block; margin-bottom: 2px; }

/* ==========================================================================
   Cases
   ========================================================================== */
.Cases .cases .caseFilter { float: left; width: 225px; overflow: hidden; margin-right: 20px; margin-bottom: 10px; }
.Cases .cases .caseFilter:last-child { margin-right: 0; }
.Cases .cases .caseFilter h3 { margin-bottom: 5px; }
.Cases .cases .caseFilter .dropdown-style { float: none; display: inline-block; }
.Cases .cases .caseFilter .dropdown-style select { opacity: 1; padding: 0 7px; color: #636363; }
.Cases .cases .caseFilter .dropdown-style select option:disabled { color: #B0B0B0; }

.Cases .cases .grid .element-item { width: 225px; margin-bottom: 20px; background: url(/frontend/images/light-grey-tile.png); }
.Cases .cases .grid .element-item img { width: 100%; height: 134px; }
.Cases .cases .grid .element-item .caseContent { padding: 10px; }
.Cases .cases .grid .element-item .headline { margin: 0 0 5px 0; }
.Cases .cases .grid .element-item .text { background-color: initial; font-size: 12px; margin-bottom: 5px; }
.Cases .cases .grid .element-item .readMore { font-size: 12px; background-position-x: 180px; }

/* ==========================================================================
   Facebook feed
   ========================================================================== */
.forside .aside-element .aside-img.facebook-cover { height: 130px; position: relative; }
.forside .aside-element .aside-img.facebook-cover .picture,
.forside .aside-element .aside-img.facebook-cover .feed-name,
.forside .aside-element .aside-img.facebook-cover .fb-like { position: absolute; left: 20px; }

.forside .aside-element .aside-img.facebook-cover .picture { top: 20px; width: 45px; border: 2px solid #ffffff; }
.forside .aside-element .aside-img.facebook-cover .feed-name { left: 75px; top: 22px; color: #ffffff; font-size: 18px; font-weight: bold; text-shadow: 0 2px 4px rgba(0, 0, 0, .9); }
.forside .aside-element .aside-img.facebook-cover .fb-like { bottom: 20px; }

.forside .aside-element .facebook-feed { width: 100%; height: 100%; overflow-y: scroll; padding: 10px 10px 10px 20px; box-sizing: border-box; }
.forside .aside-element .facebook-feed .message { margin-bottom: 10px; font-size: 12px; }
.forside .aside-element .facebook-feed .message .feedImage { width: 100%; margin-top: 10px; }
.forside .aside-element .facebook-feed .message .message-header { margin-bottom: 5px; }
.forside .aside-element .facebook-feed .message .message-header .aside-manchet { padding: 0; display: block; }

/* ==========================================================================
   Product search
   ========================================================================== */
.CategoryList .product-search-container * { box-sizing: border-box; }
.CategoryList .product-search-container { margin-top: 28px; float: right; width: 238px; overflow: hidden; height: 275px !important; position: relative; }
.CategoryList .product-search-container .product-search { background: url(/frontend/images/dd-tile.png); height: 272px !important; color: #ffffff; padding: 18px; }
.CategoryList .product-search-container .product-search h2 { color: #999999; font-size: 24px; line-height: 1; text-shadow: 0px 1px 1px black; padding-bottom: 10px; background-image: url(/frontend/images/overview-delimiter.png); background-repeat: no-repeat; background-position: 0 45px; }
.CategoryList .product-search-container .product-search p { font-weight: bold; font-size: 15px; text-shadow: 0px 1px 1px black; margin-bottom: 5px; }

/* ==========================================================================
   RTE Button
   ========================================================================== */
.rte-button { border-radius: 4px; display: inline-block; background: linear-gradient(to bottom,#c7050b 0%,#b50b11 55%,#ad1117 100%); color: #fff !important; padding: 5px 10px; font-weight: bold; text-shadow: 1px 1px 1px #66060a; text-transform: uppercase; }
.rte-button:hover { background: linear-gradient(to bottom,#b20317 0%,#980214 61%,#8d0212 100%); }

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 1231px) {
  /* ==========================================================================
   Misc
   ========================================================================== */
  a[rel=publisher] { display: none; }
  .container { max-width: 720px; padding: 0 15px; }
  .right { display: none; }
  .breadcrumb { clear: none; float: none; margin-left: unset; margin-right: unset; }
  h1 { font-size: 24px; }

  /* ==========================================================================
   Top
   ========================================================================== */
  #miniCartIcon #miniCart, #miniCartIcon .partner-portal { margin-top: 79px; }

  #miniCartIcon .partner-portal { right: 0; }
  .search-field-wrap { margin: 0; float: none; }
  .header { padding-top: 15px; }
  .header .nav-global, .header .language-dd { float: none; margin: 0; }
  .header .nav-global li { float: none; display: inline-block; margin: 10px; margin-left: 0; }
  .header .language-dd .active { padding-left: 0; }

  /* ==========================================================================
   Footer
   ========================================================================== */
  footer { height: unset; padding: 0; }
  footer .footer-top { max-width: unset; margin: 0; height: unset; overflow: auto; }
  footer table { float: none; }
  footer table.contact { margin-bottom: 30px; }
  footer .footer-top > .container { display: block; }
  footer .footer-top .footer-text { display: flex; justify-content: center; }
  footer .footer-bottom { max-width: unset; margin: 0; background: url(/frontend/images/bg-footer-bottom.jpg) repeat-x; }
  footer .newsletter-row { display: inline-block; width: 100%; display: none; }
  footer .newsletter { float: none; position: unset; margin: 0 auto; display: inline-block; width: 100%; max-width: none; padding: 0; }
  footer .newsletter * { max-width: 200px; margin: 0 auto; }
  footer .newsletter #newsletter-signup { float: none; }
  footer .footer-top .addthis_toolbox { display: flex; width: 100%; margin: 0 0 24px; justify-content: center; }
  footer .footer-top .addthis_toolbox a span { border-radius: 3px; }
  footer .footer-separator { }

  /* ==========================================================================
   Content
   ========================================================================== */
  /* Frontpage carousel */
  .frontpage-carousel.container { max-width: 720px; padding: 0 15px; }
  .frontpage-carousel-wrap { background: black; }
  .frontpage-carousel-wrap .frontpage-carousel { height: 310px; }
  .frontpage-carousel-wrap .frontpage-carousel .slides li .text { height: unset; padding: 15px 20px 28px 20px; max-width: 280px; }
  .frontpage-carousel-wrap .frontpage-carousel .slides li .text h3 { font-size: 22px; line-height: 24px; }
  .frontpage-carousel-wrap .frontpage-carousel .slides li .text p { font-size: 14px; font-family: "Arial, HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Lucida Grande", sans-serif; }
  .frontpage-carousel-wrap .frontpage-carousel .slides li .text .link-wrap a { font-size: 13px; padding: 3px 20px 4px; border-radius: 0; }
  .frontpage-carousel-wrap .frontpage-carousel .flex-control-nav { text-align: center; align-items: center; padding: 16px 15px; max-width: 720px; width: calc(100% - 30px); }
  .frontpage-carousel-wrap .frontpage-carousel .flex-control-nav li { float: none; height: 8px; width: 8px; display: inline-block; padding: 0 2px; }
  .frontpage-carousel-wrap .frontpage-carousel .flex-direction-nav { z-index: -1; }
  .frontpage-carousel-wrap .frontpage-carousel .flex-control-nav li a { padding: 0; background: url(/frontend/images/slider-page-not-active.png); width: 8px; height: 8px; }
  .frontpage-carousel-wrap .frontpage-carousel .flex-control-nav li a .arrow { display: none; }
  .frontpage-carousel-wrap .frontpage-carousel .flex-control-nav li a.flex-active { background: url(/frontend/images/slider-page-active.png) 0 0 no-repeat; margin: 0; padding: 0; }

  /* Col and grid styling */
  .col-1-2-1 .main-wrapper { width: 100%; margin-left: unset; margin-right: unset; }
  .col-1-2-1 .main-content { width: 100%; margin: 0; }
  .col-1-2-1 .main-content img { margin: 0 auto; display: flex; min-width: 200px; max-width: 100%; -webkit-box-shadow: 4px 0px 15px 0px rgba(0,0,0,0.33); -moz-box-shadow: 4px 0px 15px 0px rgba(0,0,0,0.33); box-shadow: 4px 0px 15px 0px rgba(0,0,0,0.33); }
  .col-1-2-1 .center-content, center-content { width: 100%; margin: 0; margin: 10px 0; float: none; }
  .col-1-2-1 .left { width: unset; margin-left: unset; margin-right: unset; }
  .col-3-1 .main-content, .col-1-3 .main-content, .main-content { width: unset; margin-left: 0; }
  .col-1-3 .main-wrapper { float: none; width: 100%; margin: 0; padding-bottom: 0; }
  .col-3-1 .center-content, .col-1-3 .center-content { width: 100%; margin-left: 0; }
  .col-1-3 #contact .red-btn { margin: 22px auto; margin-right: 25px !important; }
  .grid6-shadow { display: none; }

  /* Cases */
  .Cases .cases .filters { display: flex; flex-wrap: wrap; justify-content: center; }
  .Cases .cases .caseFilter { float: none; margin-left: 10px; margin-right: 10px; }
  .Cases .cases .caseFilter:last-child { margin-right: 10px; }
  .Cases .cases .grid { display: flex; flex-wrap: wrap; justify-content: center; height: unset !important; }
  .Cases .cases .grid .element-item { position: relative !important; left: unset !important; top: unset !important; background: url(/frontend/images/light-grey-tile.png); margin-left: 7px; margin-right: 7px; }
  .Cases .cases .grid .element-item img { max-width: 100%; }
  .threecolumns-image-shadow { display: none; }

  /* Cart and portal */
  .cartInformationContent { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .cartInformationContent .headline { padding-left: 30px; padding-right: 30px; width: 100%; }
  .cartInformationContent .input-container .dropdown-style { width: 307px; }
  .cartInformationContent .input-container .country-code { width: 117px; }
  .cartInformationContent .input-container .country-code input { width: 105px !important; }
  .cartInformationContent .input-container .phone { width: 172px !important; }
  #cartModal { left: calc(50% - 360px); margin-left: 0; max-width: 720px; z-index: 19000; width: 100%; }
  #modalOverlay { z-index: 18999; }
  #cartModal table tbody .variant { width: calc(100% - 12px); max-width: unset; }
  #cartModal table tbody tr .buttons { width: 66px; }
  #cartModal table tr td:first-child, #cartModal .cartOverview tr th:first-child { padding-left: 30px; }
  #cartModal table tbody tr.variantRow td { padding: 15px 30px; }
  #cart .cartSuccessContainer { padding: 15px 0; }

  /* Content and mains */
  .content { float: none; margin-left: unset; margin-right: unset; width: 100%; min-height: unset; height: 100%; position: relative; }
  .main-wrapper .table, #tabs .table { overflow-x: auto; }
  .main-content { float: none; margin-right: 0; }
  .hidden-lg { display: block !important; }
  .left { display: none; }
  .hidden-md { display: none !important; }
  .Dokumentliste .main-content .manchet, .ProductList .main-content .manchet { max-width: unset; }
  .center-content .aside-element .red-line.grid_6, .center-content .aside-element .red-line.grid_9 { width: 100%; }
  .content .main-text img { width: 100% !important; }
  iframe { max-width: 100%; }
  .right-input { float: none; }

  /* Product */
  .Product .background-top { background: none; }
  .Product #tabs { float: none; width: unset; }
  .Product #tabs .ui-tabs-panel { width: 100%; float: none; display: flex; flex-wrap: wrap; }
  .Product #tabs .ui-tabs-panel li { height: unset; }
  .Product #tabs .ui-tabs-panel .pdf-download li { height: 50px; }
  .Product #tabs #tabs-2.ui-tabs-panel { display: flex; justify-content: center; }
  .Product #tabs .ui-tabs-panel .column-1, .Product #tabs .ui-tabs-panel .column-2 { float: none; width: calc(50% - 30px); padding: 15px; }
  .Product #tabs .ui-tabs-panel .wide { width: 100% !important; }
  .Product #tabs #tabs-2 .column-1, .Product #tabs #tabs-2 .wide, .Product #tabs #tabs-2 .column-2 { float: none; width: unset; padding: 15px; }
  .Product #tabs .ui-tabs-panel .pdf-download { width: unset; }
  .Product #tabs .ui-tabs-panel .video { width: 100%; }
  .Product #tabs .ui-tabs-panel .video iframe { width: 100%; border: 0; }
  .top-info { display: flex; flex-wrap: wrap; margin-bottom: 34px; }
  .Product .image-wrapper { float: none; width: calc(50% - 30px); padding: 0 15px; margin-bottom: 0; }
  .Product .top-info .right-side { width: calc(50% - 30px); padding: 0 15px; }
  .image-wrapper img { width: 100%; }
  .Product .product-description { float: none; padding: 0; }
  .Product .certificate-icons { float: none; padding: 0; position: relative; }

  /* Contact */
  #contact { float: none; display: flex; flex-wrap: wrap; }
  #contact .input-container, .cartInformationContent .input-container, .contactinit .input-container { float: none; }
  .dropdown-style { float: none; }
  #contact .input-container input, .cartInformationContent .input-container input, .cartInformationContent .input-container textarea { display: block; }
  #contact .input-container textarea, #contact .input-container .office-address { padding-left: 0; padding-right: 0; }
  .input-container #message { width: 100% !important; min-width: unset !important; }
  #contact .input-container.wide-container { width: 100%; }

  /* Dokument */
  .Dokument img, .EventDocument img { max-width: 100%; height: unset; }
  .Dokument td img { max-width: unset; }
  .documentlist .news-item { float: none; margin-right: 0; }

  /* Company approvals */
  .company-approvals { height: unset; }
  .company-approvals .company-approvals-inner .align-helper { max-width: unset; padding-top: 8px; padding-bottom: 8px; }
  .company-approvals .company-approvals-inner .align-helper a img { width: 100%; padding-top: 10px; }

  /* Category */
  /*.float-them.product-single { padding: 0; width: 100%; max-width: 380px; }
  .float-them.product-single .products { width: 100%; max-width: 380px; }
  .float-them.product-single .products img { width: 100%; }
  .products .normal-state, .products .hover-state { height: 183px; }
  .product-single .aside-img { width: 100%; height: 183px; }
  .product-single .aside-element .red-line { margin-top: 163px; }
  .standard-layout .aside-link a, .standard-layout .aside-link a:hover { background-position: 100% 5px; }
  .category-boxes { float: none; margin-left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; }*/
  .products { -webkit-box-shadow: 0px 10px 14px -2px rgba(0,0,0,0.28); -moz-box-shadow: 0px 10px 14px -2px rgba(0,0,0,0.28); box-shadow: 0px 10px 14px -2px rgba(0,0,0,0.28); }

  .forside { padding-bottom: 25px; }
  .float-them, .articles { float: none; padding: 0 10px; }
  .float-them .separator-img, .articles .separator-img, .separator img { display: none; }

  /* ==========================================================================
   Dropdown
   ========================================================================== */
  .dropdown-menu { width: 33%; margin: 0 auto; margin-top: 10px; min-width: 170px; }
  .nav-sub-wrap { border: none; background: none; }
  .nav-sub-wrap .nav-gradient { position: relative; }
  .nav-sub-heading { background: none; margin: 0; padding: 15px 8px 15px 8px; z-index: 9999; }
  .nav-sub-heading a { position: relative; color: #fff; text-shadow: 0px 1px 1px black; padding: 14px 10px; background: #c7050b; background: -moz-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c7050b), color-stop(55%, #b50b11), color-stop(100%, #ad1117)); background: -webkit-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: -o-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: -ms-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: linear-gradient(to bottom, #c7050b 0%, #b50b11 55%, #ad1117 100%); }
  .dropdown-menu .nav-sub-heading a { z-index: 10001; }
  .dropdown-filter .nav-sub-heading a { z-index: 9999; }
  .nav-sub-heading a#filterBtnMobile { text-align: center; }
  .nav-sub-heading a:hover { cursor: pointer; color: #fff; text-shadow: 0px 1px 1px black; }
  .nav-sub-heading a img { position: absolute; right: 10px; top: 17px; }
  ul.nav-sub { position: absolute; z-index: 10000; background: url(/frontend/images/light-grey-tile.png) repeat 0 0; width: 100%; padding: 73px 0px 58px 0px; top: 0; }
  .nav-sub .has-child a { background: none; }
  .nav-sub .current-with-child a { background: none !important; }
  .dropdown-menu .nav-sub > li { padding: 0 13px; }
  .dropdown-menu .nav-sub > li > a { padding: 14px 0 10px; }
  .nav-sub > li { margin: 0 8px; }
  .nav-sub > li > a { padding: 14px 13px 10px; word-break: break-word; }
  .nav-sub > li.current > a, .nav-sub-lvl-2 > li.current > a { font-weight: 700; text-decoration: underline; color: #D1050C; }
  li.current .nav-sub-lvl-2 li a { font-weight: 700; color: #D1050C; }
  .nav-sub-lvl-2.categories-menu, .dropdown-menu .nav-sub-lvl-2 { display: none; }
  li.current .nav-sub-lvl-2.categories-menu, .dropdown-menu li.current .nav-sub-lvl-2 { display: block; }
  .nav-sub-lvl-2.categories-menu li a span { display: none; }
  .nav-sub-lvl-2.categories-menu li a { font-size: 14px; }
  .nav-sub-lvl-2.categories-menu li.hasCategoryChild a span { display: inline; position: absolute; right: 20px; }
  .nav-sub-lvl-3.products-menu li a { font-size: 12px; }


  /* ==========================================================================
   Boxes
   ========================================================================== */
  .CategoryList .category-boxes { width: 100%; }
  .category-boxes { float: none; margin-left: 0; display: flex; flex-wrap: wrap; justify-content: center; }
  .category-boxes .categories, .categories { height: unset !important; padding: 0 10px 15px; }
  .documentlist, .documentlist-imagelayout, .documentlist-design { clear: none; float: none; margin-left: 0; display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 0; }
  .CategoryList .product-search-container { float: none; margin: 0 auto; margin-bottom: 20px; height: unset !important; }
  .shadow-460, .design-layout .infobox-shadow, .standard-layout .infobox-shadow { display: none; }
  .aside-element .red-line { width: 100%; position: relative; }
  .product-promo, .infobox-promo { float: none; width: 100%; }
  .caseboxes-slider, .forside .aside-element { float: none; margin: 0; display: inline-block; width: 100%; }
  .aside-content, .promo-content-wrap { -webkit-box-shadow: 0px 10px 14px -2px rgba(0,0,0,0.28); -moz-box-shadow: 0px 10px 14px -2px rgba(0,0,0,0.28); box-shadow: 0px 10px 14px -2px rgba(0,0,0,0.28); }
  .aside-element { padding: 0; }
  .forside .aside-element, .caseboxes-slider, .caseboxes-slider li { height: unset; width: 100%; }
  .content.forside .content-boxes { padding-bottom: 27px; }
  .caseboxes-slider.flexslider.content-boxes .aside-element.design-layout.content-boxes { padding-bottom: 0; }

  /* ==========================================================================
   Filters
   ========================================================================== */
  .checkboxes { display: none; }
  .dropdown-filter { position: relative; width: 33%; margin: 0 auto; min-width: 163px; }
  .nav-filter { position: absolute; z-index: 9998; background: url(/frontend/images/light-grey-tile.png) repeat 0 0; top: 0; padding: 73px 0px 58px 0px; }
  .nav-filter > li { background: url(/frontend/images/bg-subnav-li.jpg) repeat-x 0 0; margin: 0 8px; list-style: none; }
  .nav-filter > li.selected { background: url(/frontend/images/bg-filter-option.jpg) repeat-x; }
  .nav-filter > li > a { cursor: pointer; padding: 14px 13px 10px; word-break: break-word; font-size: 16px; font-weight: bold; color: #313131; display: block; margin: 0; text-shadow: 0px 1px 1px white; }
}

@media (max-width: 769px) {
  /* ==========================================================================
   Misc
   ========================================================================== */
  .container { max-width: 100%; }
  body.modal-open { overflow: hidden; }
  html.modal-open { overflow: hidden; }
  .breadcrumb { display: none; }
  .hidden-md { display: block !important; }
  #cartModal { left: unset; margin-left: 0; z-index: 19000; padding: 0 15px; width: calc(100% - 30px); }
  .Dokument iframe { height: 1035px !important; }

  /* ==========================================================================
   Top
   ========================================================================== */
  /* Main head */
  .header { height: 100px; padding-top: 0; }
  .header .header-top { height: 100px; }
  .header .logo { display: none; }
  .header .logo-mobile { display: inline-block; }
  .header p.logo-text { padding-top: 15px; width: unset; text-transform: uppercase; text-align: right; display: inline-block; float: right; color: #d2050a; font-family: "Titillium Web", sans-serif; font-weight: 700; font-size: 20px; line-height: 20px; }
  .header .right-aligned { display: none; }
  /* if top value changes for .main-menu update burgermenu.js too to keep it sticky*/
  .main-menu { height: unset; display: flex; position: fixed; top: 161px; left: 0; bottom: 0; width: 180px; padding-top: 56px; background: url(/frontend/images/bg-body-std-1.jpg); z-index: 12000; flex-direction: column; transition: left 0.2s; }
  .main-menu .container { max-width: 590px; margin: 0; height: 100%; overflow-y: auto; }
  .main-menu.is-active { left: 0; }
  .nav-main { height: unset; border: 0; }
  .nav-main li { float: none; width: unset; background: none; border-top: 1px solid #838383; }
  .nav-main li.is-active a { text-shadow: 0px 1px 1px black; color: #ffffff; background: #c7050b; /* Old browsers */ background: -moz-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c7050b), color-stop(55%, #b50b11), color-stop(100%, #ad1117)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); /* IE10+ */ background: linear-gradient(to bottom, #c7050b 0%, #b50b11 55%, #ad1117 100%); /* IE6-9 */ }
  .nav-main a { text-align: left; color: #313131; text-shadow: 0px 1px 1px white; font-size: 16px; padding-left: 13px; }
  .nav-main .lang-li ul a { font-size: 14px; }
  .nav-main .lang-li a.active { text-shadow: 0px 1px 1px black; color: #ffffff; background: #c7050b; background: -moz-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c7050b), color-stop(55%, #b50b11), color-stop(100%, #ad1117)); background: -webkit-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: -o-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: -ms-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: linear-gradient(to bottom, #c7050b 0%, #b50b11 55%, #ad1117 100%); }
  .hidden-sm { display: none !important; }

  /* Burger menu */
  .burger-menu { background: url(/frontend/images/bg-mobile-top.jpg) bottom; display: block; }
  .burger-menu form { width: unset; display: block; padding-top: 16px; position: relative; padding-bottom: 14px; }
  .burger-menu form .search-field { width: 100%; background: #fff; }
  .search-field-wrap input[type=text] { float: none; width: calc(100% - 57px); background: none; height: 33px; }
  .search-field-wrap input[type=submit] { background: url(/frontend/images/search-icon.png) no-repeat; height: 27px; width: 27px; margin: 0; position: absolute; top: 19px; right: 10px; }
  .hamburger { position: relative; z-index: 12000; padding: 25px 0; width: 42px; height: 15px; font-size: 0; text-indent: -9999px; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; background: none; margin-bottom: 16px; }
  .hamburger:focus { outline: none; }
  .hamburger.is-active { }
  .hamburger.is-active span.bar { background: none; }
  .hamburger.is-active span.bar::before { top: 0; transform: rotate(45deg); background-color: #d2050a; }
  .hamburger.is-active span.bar::after { bottom: 0; transform: rotate(-45deg); background-color: #d2050a; }
  .hamburger.is-active span.bar::before, .hamburger.is-active span.bar::after { transition-delay: 0s, 0.2s; }
  span.bar { display: block; position: absolute; top: 50%; left: 0; right: 0; height: 6px; margin-top: -1px; background: #fff; transition: background 0s 0.2s; }
  span.bar::before, span.bar::after { position: absolute; display: block; left: 0; width: 100%; height: 6px; background-color: #fff; content: ""; transition-duration: 0.2s, 0.2s; transition-delay: 0.2s, 0s; }
  span.bar::before { top: -12px; transition-property: top, transform; }
  span.bar::after { bottom: -12px; transition-property: bottom, transform; }

  /* Cart icons */
  #miniCartIcon #miniCart, #miniCartIcon .partner-portal { top: 156px; margin-top: 12px; }
  #miniCartIcon .partner-portal, #miniCartIcon #miniCart { z-index: 16000; }
  #miniCartIcon .partner-portal { background: url(/frontend/images/padlock.png) no-repeat center center; right: -12px; }
  #miniCartIcon #miniCart { right: 24px; background: none; }
  #miniCartIcon #miniCart .icon { background: url(/frontend/images/folder-open.png) no-repeat center center; border-bottom: none; }
  #miniCartIcon.empty #miniCart .icon { background: url(/frontend/images/folder-closed.png) no-repeat center center; border-bottom: none; z-index: 16000; }
  #miniCartIcon.empty #miniCart .quantityWrapper { display: none; padding-top: 2px; }
  #cartModal .headlineWrapper .headline { padding-left: 15px; }

  /*Sticky logo*/
  .sticky-lower { display: flex; position: relative; }
  .sticky-logo { display: none; }

  /* Sticky menu */
  header.sticky { position: fixed; z-index: 11000; width: 100%; }
  .header.sticky { display: none; }
  .logo-mobile.sticky { display: none; }
  .logo-text.sticky { display: none; }
  .burger-menu form.sticky { display: none; }
  .no-stick.sticky { padding-top: 229px; }
  #miniCartIcon { z-index: unset; }
  #miniCart.sticky { z-index: 11001; position: fixed !important; top: 0 !important; right: 39px !important; }
  .partner-portal.sticky { z-index: 11001; position: fixed !important; top: 0 !important; right: 3px !important; }
  .sticky-logo.sticky { display: block; position: absolute; right: calc(50% - 37px); width: 73px; height: 44px; }
  .burger-menu.sticky { padding-top: 10px; }

  /* ==========================================================================
   Footer
   ========================================================================== */
  footer table { margin: 0 15px !important; }
  footer .footer-top { background: url(/frontend/images/bg-footer-top.jpg) repeat; }
  footer .footer-top .footer-text table { min-width: 226px; }
  footer .footer-top .footer-text table.contact { margin-bottom: 30px !important; }
  footer .footer-top .footer-text { flex-wrap: wrap; flex: 1 0 30%; }
  footer table.feature-highlight { float: none; }
  footer .newsletter-row { display: flex; width: unset; display: none; }
  footer .newsletter { width: unset; padding: 0 20px; }
  footer .newsletter .newsletter-title { margin: 0 auto !important; text-align: center; background-repeat: repeat-x; }
  .footer-bottom p, footer .footer-bottom a { text-align: center; color: #b6b6b6; }
  footer .newsletter input[type="submit"] { display: block; }

  /* ==========================================================================
   Content
   ========================================================================== */
  /* Content and mains */
  .content { display: flex; flex-direction: column; align-items: center; }
  .right-input { max-width: unset !important; }

  /* Separator */
  .content .title-separator-full-width { display: none; }
  .documentlist .news-item .title-separator-full-width { display: block; }

  /* Frontpage Carousel */
  .frontpage-carousel.container { max-width: unset; padding: 0; }
  .frontpage-carousel-wrap .frontpage-carousel .slides li .text h3 { font-weight: 600; text-shadow: none; font-family: "Arial, HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Lucida Grande", sans-serif; }

  /* Category */
  .CategoryList .category-boxes { display: flex; justify-content: center; flex-wrap: wrap; }
  .category-boxes { margin-bottom: 0; }

  /* Col styling */
  .col-4 .main-wrapper { float: none; margin: 0; }
  .col-1-3 #contact input { width: calc(100% - 12px); }
  .col-1-3 #contact .red-btn { margin: 22px auto !important; }

  /* Buttons */
  .show-all { display: flex !important; justify-content: center; }
  .btn-show-all { cursor: pointer; font-size: 20px; font-weight: bold; color: #363535; text-shadow: 0px 1px 1px white; text-decoration: none; padding: 20px; min-width: 180px; background: url(/frontend/images/Vnav-gradient.png) center bottom; margin: 20px; position: relative; }
  .btn-show-all span { position: absolute; right: 20px; }

  /* Product */
  .Product #tabs { max-width: 380px; width: 100%; }
  .Product .content #toc { float: none; height: unset; width: 100%; background: none; display: flex; flex-direction: column; border-radius: 0; }
  .Product .content #toc li { float: none; background: url(/frontend/images/light-grey-tile.png); border: 0; margin: 5px 0; }
  .Product .content #toc .ui-state-active { border: 0; }
  .Product .content #toc li a { padding: 0 20px; width: calc(100% - 40px); }
  .Product .content #toc li a h3 { color: #363535; text-shadow: 0px -1px 1px white; position: relative; width: 100%; margin: 15px 0; }
  .Product .content #toc li a .btn-foldout { display: inline; position: absolute; right: 0; }
  .top-info { display: block; max-width: 380px; background: url(/frontend/images/light-grey-tile.png); margin-bottom: 28px; -webkit-box-shadow: 0px 10px 14px -2px rgba(0,0,0,0.28); -moz-box-shadow: 0px 10px 14px -2px rgba(0,0,0,0.28); box-shadow: 0px 10px 14px -2px rgba(0,0,0,0.28); }
  .Product .image-wrapper { width: 100%; padding: 0; }
  .Product .image-wrapper .red-line { display: block; height: 10px; background-color: rgba(197,5,11,.8); margin-top: -10px; z-index: 220; position: absolute; width: 100%; }
  .Product .top-info .right-side { width: 100%; padding: 0; }
  .Product .top-info .right-side { padding-bottom: 12px; background: url(/frontend/images/Vnav-gradient.png) repeat-x center bottom; }
  .Product .product-description { padding: 20px; padding-bottom: 93px; font-size: 15px; }
  .Product .product-description h2 { font-size: 20px; text-shadow: 0px -1px 1px white; }
  .Product .product-description h3 { font-size: 15px; font-weight: normal; text-shadow: unset; }
  .Product .quickQuote { top: unset; right: 0; bottom: 36px; left: 0; }
  .Product .quickQuote button { margin: 0 auto; display: flex; border: 0; border-radius: 0; padding: 12px 18px 10px; text-shadow: 0px 2px 1px black; font-size: 16px; font-weight: bold; text-align: center; background: linear-gradient(to bottom,#c7050b 0%,#b50b11 55%,#ad1117 100%); }
  .Product .separator-product { display: block; position: relative; bottom: -92px; background: url(/frontend/images/devider-copy.png); width: 100%; height: 2px; box-shadow: 0px 1px 2px black; }
  .Product .certificate-icons { padding: 15px 21px 0; }
  .Product .content ul { padding-left: 0; }
  .Product .content #toc li:last-child { margin-bottom: 0; }
  .Product .send-mail { display: block; padding: 42px 0; }
  .Product .send-reading-list { color: #fff; padding: 9px 17px 8px; text-shadow: 0px 2px 1px black; font-size: 14px; font-weight: bold; text-align: center; background: linear-gradient(to bottom,#c7050b 0%,#b50b11 55%,#ad1117 100%); }

  /* Product tabs */
  .Product #tabs .ui-tabs-panel { display: none !important; }
  .Product #tabs #toc .ui-tabs-panel[aria-expanded=true] { display: flex !important; flex-direction: column; margin-top: -5px; }
  .Product #tabs #toc li.active a h3 { color: #797979; }
  .Product #tabs #toc .ui-tabs-panel li { padding-left: 0; }
  .Product #tabs .ui-tabs-panel .column-1, .Product #tabs .ui-tabs-panel .column-2 { width: calc(100% - 30px); }
  .Product #tabs .ui-tabs-panel .column-1, .Product #tabs #tabs-2 .column-1 { padding-bottom: 0; }
  .Product #tabs .ui-tabs-panel .column-2, .Product #tabs #tabs-2 .column-2 { padding-top: 0; }
  .Product #tabs #tabs-2 .column-1 { padding-top: 0; }
  .Product #tabs #tabs-2 .column-2 { padding-bottom: 0; }
  .Product #tabs .ui-tabs-panel h3 { margin-top: 30px; text-shadow: 0px -1px 1px white; }
  .Product #tabs .ui-tabs-panel .pdf-download { margin-left: 0; }
  .Product #tabs .ui-tabs-panel .pdf-download > div ul li a { padding: 0; width: 100%; }
  .Product #tabs .ui-tabs-panel .pdf-download > div ul { padding-left: 0; }
  .Product #tabs .ui-tabs-panel .wide { width: calc(100% - 60px) !important; padding: 30px 30px 50px; }
  .Product #tabs .ui-tabs-panel .accessories .accessory .image { float: none; }
  .Product #tabs .ui-tabs-panel .accessories .accessory .description { float: none; padding-left: 0; width: unset; }

  .Product #tabs #tabs-2.ui-tabs-panel ul li.single-item { flex-direction: column; margin-bottom: 10px; }
  .Product #tabs #tabs-2.ui-tabs-panel ul li.single-item .description-left { flex: 2; text-decoration: underline; margin-bottom: 5px; }
  .Product #tabs #tabs-2.ui-tabs-panel ul li.single-item .description-right { flex: 2; width: 100%; text-align: left; }

  /* Cart */
  #cartModal table tbody tr.variantRow td { padding: 15px; }
  .cartInformationContent { padding: 15px; width: calc(100% - 30px); display: flex; flex-direction: column; align-items: center; }
  .cartInformationContent .headline { margin-left: -15px; margin-right: -15px; width: 100%; padding-left: 15px; padding-right: 15px; }
  .input-container #message { width: calc(100% - 14px) !important; margin: 0 !important; }
  .cartInformationContent .input-container, .cartInformationContent .input-container.wide-container { width: 100% !important; }
  .cartInformationContent .input-container .dropdown-style { width: 100%; max-width: calc(100% - 2px); background: url(/frontend/images/dd-pil.png) no-repeat calc(100% - 5px) center #ffffff; }
  .cartInformationContent .input-container .dropdown-style select { width: 100%; max-width: 100%; }
  .cartInformationContent .input-container input, .cartInformationContent .input-container .phone input { margin-right: 7px; width: calc(100% - 22px) !important; padding: 0 10px; }
  .cartInformationContent .phone-container { display: flex; }
  .cartInformationContent .input-container .country-code, .cartInformationContent .input-container .phone { width: unset !important; float: none; padding-right: 0; }
  .cartInformationContent .input-container .phone { width: 100% !important; }
  #cartModal table tbody .variantRow .description, #cartModal table tbody tr .name { font-size: 14px; }
  .cartInformationContent .input-container.wide-container #message { max-width: unset !important; }

  /* Contact */
  #contact .dropdown-style, .contactinit .dropdown-style { width: 288px; background: url(/frontend/images/dd-pil.png) no-repeat calc(100% - 5px) center #f5f4f4; }
  #contact .dropdown-style select, .cartInformationContent .dropdown-style select, .contactinit .dropdown-style select { width: 100%; max-width: 279px; }
  #contact .input-container, .cartInformationContent .input-container, .contactinit .input-container { width: 100%; }
  #contact .country-code { width: unset; float: none; padding-right: 10px; }
  #contact div.country-code input { width: 70px !important; }
  #contact .phone { width: calc(100% - 98px); float: none; }
  #contact div.phone input { width: calc(100% - 11px) !important; }
  #contactform #contact .input-container textarea, #contact .input-container .office-address { padding: 5px 2px 2px 3px; width: calc(100% - 8px) !important; max-width: unset !important; }
}

@media (max-width: 577px) {
  /* ==========================================================================
   Misc
   ========================================================================== */
  .container { max-width: 100%; }

  /* ==========================================================================
   Top
   ========================================================================== */
  #miniCartIcon #miniCart, #miniCartIcon .partner-portal { border-bottom: 0; }

  /* ==========================================================================
   Footer
   ========================================================================== */
  footer .footer-top .footer-text { flex-direction: column; }
  footer .footer-top .footer-text table { margin: 0 auto !important; text-align: center; }
  footer .newsletter .newsletter-title { margin: 0 auto !important; text-align: center; background-repeat: repeat-x; }
  footer .footer-top .footer-title { background-repeat: repeat-x; }
  footer .newsletter input[type="submit"] { display: block; }
  .footer-bottom p, footer .footer-bottom a { font-size: 12px; }

  /* ==========================================================================
   Content
   ========================================================================== */
  /* Content and mains */
  iframe { height: unset; }

  /* Frontpage Carousel */
  .frontpage-carousel-wrap .frontpage-carousel { height: 283px; max-width: 224px; }
  .frontpage-carousel-wrap .frontpage-carousel .slides li .text { left: 17px; top: 53px; }
  .frontpage-carousel-wrap .frontpage-carousel .slides li .text p, .frontpage-carousel-wrap .frontpage-carousel .slides li .text h3 { max-width: 230px; }
  .frontpage-carousel-wrap .frontpage-carousel .slides li .text h3 { font-size: 18px; line-height: 20px; }
  .frontpage-carousel.container { max-width: 100%; }

  /* Boxes */
  .product-promo .promo-gradient, .infobox-promo .promo-gradient { display: flex; }
  .product-promo .navigation, .infobox-promo .navigation { float: none; }
  .product-promo .promo-content, .infobox-promo .promo-content { width: 100%; float: none; padding-right: 10px; }
  .product-promo .promo-content .promo-img-wrap, .infobox-promo .promo-content .promo-img-wrap { width: unset; }
  .product-promo .promo-content .promo-img-wrap img, .infobox-promo .promo-content .promo-img-wrap img { width: 100%; -webkit-box-shadow: 4px 0px 15px 0px rgba(0,0,0,0.33); -moz-box-shadow: 4px 0px 15px 0px rgba(0,0,0,0.33); box-shadow: 4px 0px 15px 0px rgba(0,0,0,0.33); }
  .product-promo .promo-content .promo-img-wrap .shadow, .infobox-promo .promo-content .promo-img-wrap .shadow { display: none; width: unset; float: none; }
  .product-promo .navigation a, .infobox-promo .navigation a { width: 101px; font-size: 12px; }
  .product-promo .promo-content ul, .infobox-promo .promo-content ul { margin-right: 10px; }
  .product-promo .promo-content li p, .infobox-promo .promo-content li p { overflow: unset; height: unset; word-break: break-word; }
  .product-promo .promo-content li a.button, .infobox-promo .promo-content li a.button { text-align: center; width: 100%; padding: 3px 0; background: -moz-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c7050b), color-stop(55%, #b50b11), color-stop(100%, #ad1117)); background: -webkit-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: -o-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: -ms-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: linear-gradient(to bottom, #c7050b 0%, #b50b11 55%, #ad1117 100%); }
  .design-layout .aside-link a, .Cases .grid .readMore { text-align: center; width: 100%; padding: 3px 0; background: -moz-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c7050b), color-stop(55%, #b50b11), color-stop(100%, #ad1117)); background: -webkit-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: -o-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: -ms-linear-gradient(top, #c7050b 0%, #b50b11 55%, #ad1117 100%); background: linear-gradient(to bottom, #c7050b 0%, #b50b11 55%, #ad1117 100%); }
  .Dokument .design-layout .aside-link a, .Dokument .Cases .grid .readMore { text-align: left; }

  /* Cart */
  .cartInformationContent .input-container .country-code input { width: 86px !important; }
  #cartModal table thead tr { background: url(/frontend/images/cart-header-bg.png) repeat; }
  #cartModal table tr td:first-child, #cartModal .cartOverview tr th:first-child { padding-left: 15px; }
  .cartInformationContent .input-container.checkbox { margin-top: 15px; }

  /* News */
  .news-item.news-item-small .news-item-img { width: 100%; float: none; padding-right: 0; }
  .news-item.news-item-small .news-item-main-content { width: 100%; float: none; }

  /* Sticky */
  #miniCartIcon #miniCart.foldedOut { width: 90px; }
  #miniCartIcon #miniCart.foldedIn { width: 45px; }
  #miniCart.sticky { right: 32px !important; }
}

html {
	 -webkit-font-smoothing: antialiased;
}

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px; 
	border: 2px solid #000;
	background: #4c4c4c;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}








/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

