/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

html,
button,
input,
select,
textarea {
    color: #383d42;
}

html {
    height: 100%;
}

body {
    min-height: 100%;
    font: normal 12px/1.6667 Arial, sans-serif;
    background: #efefef;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ddd;
    margin: 0 0 30px;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    margin: 0 0 30px;
    padding: 0 0 10px;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #ddd;
    border-left: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* Natural Boxlayout */
input,
textarea,
select,
button {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/*
 * Typography
 */
a:focus {
    outline: none;
}

a,
a:link,
a:visited,
a:hover,
a:focus,
a:active {
    color: #383D42;
    text-decoration: underline;
}

a:hover,
a:focus,
a:active {
    border-bottom: 0;
    color: #dc4406;
}

/* Linkstates */
.linkstate-2,
.linkstate-2:link,
.linkstate-2:visited,
.linkstate-2:hover,
.linkstate-2:focus,
.linkstate-2:active,
.linkstate-2 a:link,
.linkstate-2 a:visited,
.linkstate-2 a:hover,
.linkstate-2 a:focus,
.linkstate-2 a:active {
    color: #383D42;
    text-decoration: underline;
    font: italic normal 14px/1 "LLumarFaktProBlond", Arial, sans-serif;
}

.linkstate-2:hover,
.linkstate-2:focus,
.linkstate-2:active,
.linkstate-2 a:hover,
.linkstate-2 a:focus,
.linkstate-2 a:active {
    color: #dc4406;
}

.linkstate-3:link,
.linkstate-3:visited,
.linkstate-3:hover,
.linkstate-3:focus,
.linkstate-3:active,
.linkstate-4:link,
.linkstate-4:visited,
.linkstate-4:hover,
.linkstate-4:focus,
.linkstate-4:active {
    min-height: 31px;
    padding: 5px 0 0 40px;
    color: #383D42;
    font: italic normal 14px/1.2143 "LLumarFaktProBlond", Arial, sans-serif;
    background: url(../img/layout/ico-link-indicator-03.png) 0 center no-repeat;
}

.linkstate-4:link,
.linkstate-4:visited,
.linkstate-4:hover,
.linkstate-4:focus,
.linkstate-4:active {
    padding: 5px 40px 0 0;
    background: url(../img/layout/ico-link-indicator-02.png) right center no-repeat;
}

.linkstate-3:hover,
.linkstate-3:focus,
.linkstate-3:active,
.linkstate-4:hover,
.linkstate-4:focus,
.linkstate-4:active {
    color: #E75113;
}

.linkstate-5 {
    display: inline-block;
    font: normal 12px/1.25 Arial, sans-serif;
}

.linkstate-5 span {
    display: inline-block;
    padding-left: 10px;
    text-align: left;
    background: url(../img/layout/bg-arrow.gif) 0 5px no-repeat;
}

.linkstate-5:hover span,
.linkstate-5:focus span,
.linkstate-5:active span,
strong.linkstate-5 span {
    background: url(../img/layout/bg-arrow-active.gif) 0 5px no-repeat;
}
/* /End of linkstates */

/* Links with icons */
.centerwrapper .link-pdf {
    display: inline-block;
    padding-left: 28px;
    background: url(../img/layout/ico-pdf.png) 0 0 no-repeat;
}

.linkstate-2.link-pdf {
    line-height: 2em;
    background-position: 0 5px;
}
/* /End of Links with icons */

/* Webfonts */
@font-face {
    font-family: "LLumarFaktProBlond";
    src: url("fonts/LLumarFaktProBlond.eot");
    src: url("fonts/LLumarFaktProBlond.eot?#iefix") format("embedded-opentype"),
         url("fonts/LLumarFaktProBlond.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "LLumarFaktProLight";
    src: url("fonts/LLumarFaktProLight.eot");
    src: url("fonts/LLumarFaktProLight.eot?#iefix") format("embedded-opentype"),
         url("fonts/LLumarFaktProLight.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "LLumarFaktProSemiBold";
    src: url("fonts/LLumarFaktProSemiBold.eot");
    src: url("fonts/LLumarFaktProSemiBold.eot?#iefix") format("embedded-opentype"),
         url("fonts/LLumarFaktProSemiBold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
/* /End of webfonts */

p {
    margin: 0 0 20px;
}

small {
    font-size: 11px;
}

em {
    font-style: italic;
}

table {
    border-spacing: 0;
}

caption {
    display: none;
}

abbr[title],
acronym[title] {
    cursor: help;
    border-bottom: 0; /* Firefox */
}

ul,
ol,
dl,
menu {
    margin: 0 0 20px;
}

ul ul,
ul ol,
ul dl,
ol ol,
ol ul,
ol dl,
dl dl,
dl ul,
dl ol {
    margin: 10px 0 0;
}

ul {
    padding-left: 15px;
}

ol {
    padding-left: 20px;
}

li,
dd {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 1.6667;
}

dd {
    margin-left: 10px;
}

header p {
    text-align: center;
}

/* Headlines */
h1,
.h1 {
    margin: 0;
    font: normal 26px/1.1538 "LLumarFaktProBlond", Arial, sans-serif;
    text-align: center;
    color: #e75113;
}

h2,
.h2 {
    margin: 0 0 10px;
    font: normal 22px/1.1818 "LLumarFaktProBlond", Arial, sans-serif;
    color: #383D42;
}

h3,
.h3 {
    font: normal 20px/1.25 "LLumarFaktProBlond", Arial, sans-serif;
    margin: 0 0 10px;
    color: #383D42;
}

h4,
.h4 {
    font: normal 18px/1.1667 "LLumarFaktProBlond", Arial, sans-serif;
    margin: 0 0 10px;
    color: #383D42;
}

h5,
.h5 {
    margin: 0 0 10px;
    font: normal 16px/1.25 "LLumarFaktProBlond", Arial, sans-serif;
    color: #383D42;
}

h6,
.h6 {
    margin: 0 0 10px;
    font: normal bold 13px/1.23077 Arial, sans-serif;
    color: #383D42;
}

h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:focus,
h1 a:active,
h2 a:link,
h2 a:visited,
h2 a:hover,
h2 a:focus,
h2 a:active,
h3 a:link,
h3 a:visited,
h3 a:hover,
h3 a:focus,
h3 a:active,
h4 a:link,
h4 a:visited,
h4 a:hover,
h4 a:focus,
h4 a:active,
h5 a:link,
h5 a:visited,
h5 a:hover,
h5 a:focus,
h5 a:active,
h6 a:link,
h6 a:visited,
h6 a:hover,
h6 a:focus,
h6 a:active {
    text-decoration: none;
}

.mainpage h1,
.mainpage .h1 {
    font: normal 28px/1.2857 "LLumarFaktProBlond", Arial, sans-serif;
    text-transform: uppercase;
    color: #000;
}

.mainpage h2,
.mainpage .h2 {
    font: normal 28px/1.2857 "LLumarFaktProLight", Arial, sans-serif;
    text-align: center;
    color: #383D42;
}

blockquote,
.blockquote {
    color: #7d7d7d;
    font: italic normal 24px/1.3333 "LLumarFaktProBlond", Arial, sans-serif;
    color: #7d7d7d;
}

mark,
mark a:link,
mark a:visited,
mark a:hover,
mark a:focus,
mark a:active {
    color: #dc4406;
    text-decoration: none;
    background: none;
}

mark a:hover,
mark a:focus,
mark a:active {
    text-decoration: underline;
}

mark:before {
   content: "[";
}

mark:after {
   content: "]";
}

/* Header */
header {
    position: relative;
    margin-bottom: 20px;
}

header h1,
header h2,
header h3,
header h4,
header h5,
header .blockquote,
header blockquote {
    /* margin-bottom: 0; */
    text-align: center;
}

header p,
.paragraph {
    margin-top: 10px;
    font: normal 12px/1.667 Arial, sans-serif;
}

.date {
    font-style: normal;
}

/* Provide space for .bubblehint */
.mainpage {
    padding: 0 20%;
}
/* /End of header */
/* /End of headlines */

/* ol-Counter: counts <li> in <ol> and makes them stylable */
.ol-counter {
    position: relative;
    z-index: 1;
    counter-reset: li; /* initialize counter */
    padding-left: 0;
    list-style: none;
}

.ol-counter li {
    position: relative;
    z-index: 2;
    padding-left: 20px;
}

.ol-counter li:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    content:counter(li)"."; /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
}
/* /End of ol-counter */

/* Accordion / Expandable */
.accordion,
.expandable {
    margin: 30px 5% 20px;
    border-top: 1px solid #ddd;
    text-align: left;
}

.accordion > dt,
.expandable > dt {
    position: relative;
    margin: 0;
    padding: 15px 50px 15px 2%;
    font: normal 20px/1.25 "LLumarFaktProBlond", Arial, sans-serif;
    color: #383D42;
    background: #fff;
}

.accordion > dt:hover,
.accordion > dt:focus,
.accordion > dt:active,
.expandable > dt:hover,
.expandable > dt:focus,
.expandable > dt:active {
    cursor: pointer;
    color: #dc4406;
}

.accordion > dt:after,
.expandable > dt:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 12px;
    display: block;
    width: 31px;
    height: 31px;
    background: url(../img/layout/ico-link-indicator-vertical.png) right -33px no-repeat;
}

.accordion .inactive,
.expandable .inactive {
    background: transparent;
    border-bottom: 1px solid #ddd;
}

.accordion .inactive:after,
.expandable .inactive:after {
    background-position: 0 0;
}

.accordion > dd,
.expandable > dd {
    margin: 0;
    padding: 0 2%;
    border-bottom: 1px solid #ddd;
    background: #fff;
}

.accordion .folded,
.expandable .folded {
    background: none;
}

.accordion dd p,
.expandable dd p {
    margin-bottom: 10px;
}
/* /End of accordion */

/* Column layouts - newspaper style */
.column-layout-2 {
    margin-bottom: 30px;
    -webkit-column-count: 2;
    -webkit-column-gap: 36px;
       -moz-column-count: 2;
       -moz-column-gap: 36px;
            column-count: 2;
            column-gap: 36px;
}

.column-layout-3 {
    margin-bottom: 30px;
    -webkit-column-count: 3;
    -webkit-column-gap: 36px;
       -moz-column-count: 3;
       -moz-column-gap: 36px;
            column-count: 3;
            column-gap: 36px;
}

/* Header in Column Layouts */
.column-layout-2 header,
.column-layout-3 header {
    margin-bottom: 0;
}

.column-layout-2 header *,
.column-layout-3 header * {
    text-align: left;
}
/* /End of header in column layouts */
/* /End of column layouts - newspaper style */

body,
table,
th,
td,
html,
button,
input,
select {
    color: #383d42;
}
/* /End of typography */

/*
 * Standard form elements
 */
label {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 1.1667;
}

label:hover {
    cursor: pointer;
}

input[type="text"],
input[type="password"] {
    width: 100%;
    padding: 9px 1%;
    border: 1px solid #adadad;
    font-size: 12px;
    border-radius: 0; /* Mobile Webkit */
}

input[type="checkbox"] {
    margin-top: 0;
}

select {
    width: 100%;
    height: 35px;
    padding: 9px 1% 8px;
    border: 1px solid #adadad;
    border-radius: 0; /* Mobile Webkit */
    line-height: 31px;
    -webkit-appearance: menulist-button; /* Mobile Webkit */

}

textarea {
    width: 100%;
    height: 100px;
    padding: 5px 6px 4px;
    border: 1px solid #adadad;
    border-radius: 0; /* Mobile Webkit */
}

legend {
    display: block;
    width: 100%;
    padding-bottom: 20px; /* Padding for Safari */
    font-weight: bold;
}

/* IE8 */
button {
   width: auto;
   overflow: visible;
   border-radius: 0; /* Mobile Webkit */
}

/* Buttons */
.button {
    display: inline-block;
    /* display: table; */
    height: 30px;
    margin-bottom: 20px;
    border: 0;
}

/* Button as <a> */
.button :link,
.button :visited,
.button :hover,
.button :focus,
.button :active,
.button input,
.button button {
    display: table-cell;
    vertical-align: middle;
    height: 30px;
    padding: 0 10px;
    border-radius: 0; /* Mobile Webkit */
    color: #fff;
    font: italic normal 14px/1 "LLumarFaktProBlond", Arial, sans-serif;
    background: #dc4406;
    text-decoration: none;
    padding-top: 4px\0/; /* IE8, IE9, IE10 - must go at the END of all rules */
}

.button-minor :link,
.button-minor :visited,
.button-minor :hover,
.button-minor :focus,
.button-minor :active,
.button-minor input,
.button-minor button {
    background: #f2aa00;
}

.button-inactive :link,
.button-inactive :visited,
.button-inactive :hover,
.button-inactive :focus,
.button-inactive :active,
.button-inactive input,
.button-inactive button {
    background: #eee;
    color: #8A8F94;
}

/* Button as <input> */
.button input {
    height: 30px;
    padding: 0 10px;
    border: 0;
    font: italic normal 14px/1 "LLumarFaktProBlond", Arial, sans-serif;
    border-radius: 0; /* Mobile Webkit */
    padding-top: 4px\0/; /* IE8, IE9, IE10 - must go at the END of all rules */
}

.button:hover input,
.button:focus input,
.button:active input {
    height: 30px;
}

/* Button as <button> */
.button button,
.button button:link,
.button button:visited,
.button button:hover,
.button button:focus,
.button button:active {
    white-space: nowrap; /* Opera */
    border: 0;
}

.button :hover,
.button :focus,
.button :active {
    text-decoration: underline;
}

.float-right .button {
    margin: 0 0 5px 10px;
}

.float-left .button {
    margin: 0 10px 5px 0;
}
.horiz-centered .button {
    margin: 0 5px 5px 0;
}
/* /End of button */
/* /End of Standard form elements */

/*
 * Tables
 */
table {
    width: 100%;
    margin: 0 0 20px;
    font-size: 12px;
    border-collapse: collapse;
    border: 0; /* reset default borders */
    border-bottom: 1px solid #ddd;
    text-align: left;
    line-height: 1.16667;
}

th {
    padding: 8px 2.5% 7px;
    margin: 0;
    vertical-align: top;
    text-align: left;
    border: 0; /* reset default borders */
    border-top: 1px solid #ddd;
    background: #f5f5f5;
}

td {
    padding: 20px 2.5%;
    margin: 0;
    vertical-align: top;
    text-align: left;
    border: 0; /* reset default borders */
    border-top: 1px solid #ddd;
}

/* .tablewrapper and .tablenote are only styled for screenresolutions < 568px */
.tablenote {
    display: none;
}
/* /End of Tables */

/* Centerwrapper - centers page elements */
.centerwrapper {
    position: relative;
    max-width: 1230px;
    margin: 0 auto;
    background: transparent; /* always transparent - offers layout interruptions with transparent background. */
}

/*
 * Siteheader
 */
.siteheader {
    margin-bottom: 0;
    padding: 0;
}

.siteheader .centerwrapper {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 20px;
}

.logo-meta-wrapper {
    position: relative;
}

/*
 * Cookie prompt
 */
.cookie-prompt {
    padding: 15px 3%;
    border-bottom: 1px solid #E1E1E1;
    background: #fff;
}

.cookie-prompt legend {
    float: left;
    width: 22%;
    margin-right: 2%;
    font: normal 18px/1.1667 "LLumarFaktProBlond", Arial, sans-serif;
}

.cookie-prompt p {
    float: left;
    width: 54%;
    margin-right: 2%;
}

.cookie-prompt .button {
    float: right;
    max-width: 20%;
}
/* /End of Cookie Prompt */

.siteheader .logo {
    position: absolute;
    bottom: 0;
    z-index: 5;
    width: 109px;
    height: 63px;
    margin: -20px 0 0 20px;
    padding: 0;
}

.siteheader .logo img {
    width: 109px;
    height: 63px;
}

/* Mobile Toggle - link for toggling .popupmenu in mobile view */
.mobile-toggle {
    display: none;
}

/*
 * Mainnavigation
 * Wrapper for .tabnavigation and popupmenu.
 */
.mainnavigation {
    clear: both; /* clear float of .metanavigation and .logo */
    float: right;
    width: 100%;
    margin: -60px 0 -20px;
}

/* Tabnavigation - anchors leading to .popupmenu */
.tabnavigation {
    float: right;
    position: relative;
    max-width: 88%;
    padding: 0 5% 0 0;
    margin: 0 0 -1px;
    list-style: none;
}

.tabnavigation li {
    float: left;
    position: relative;
    margin-bottom: 0;
}

.tabnavigation a:link,
.tabnavigation a:visited,
.tabnavigation a:hover,
.tabnavigation a:focus,
.tabnavigation a:active,
.tabnavigation strong {
    display: inline-block;
    padding: 48px 16px 0;
    letter-spacing: 0.1em;
    text-decoration: none;
    text-transform:  uppercase;
    text-align: center;
    font: normal 13px/1 "LLumarFaktProBlond", Arial, sans-serif;
    color: #777;
}

.tabnavigation a:hover,
.tabnavigation a:focus,
.tabnavigation a:active {
    color: #000;
}

.tabnavigation .active span {
    color: #000;
}

.tabnavigation a span,
.tabnavigation .active span {
    display: inline-block;
    padding-bottom: 20px;
    border-bottom: 1px solid transparent; /* provide margin for active condition */
}

.tabnavigation .active span {
    border-bottom: 1px solid #dc4c0e;
}

.tabnavigation .search {
    position: absolute;
    right: 20px;
}

.tabnavigation .search a {
    display: inline-block;
    margin: 42px 0 0;
    padding: 0 15px 0 16px;
    width: 18px;
    height: 17px;
    text-indent: -999em;
    background: url(../img/layout/ico-search.png) 12px 0 no-repeat;
}

.tabnavigation .search a:hover,
.tabnavigation .search a:focus,
.tabnavigation .search a:active {
    background-position: 12px -77px;
}
/* /End of tabnavigation */

/* Popupmenu */
/* Popupmenu level 1 */
.popupmenu {
    float: left;
    /* hide inactive menu */
    display: none;
    width: 100%;
    /* Overflow for JS animation */
    overflow: hidden;
    padding: 15px 1.1%;
    border-top: 1px solid #e1e1e1;
    background: #f7f7f7;
}

.popupmenu.active {
    display: block;
}

.popupmenu img {
    width: 100%;
    height: auto;
}

.popupmenu ul {
    margin: 0;
    padding: 0;
}

.popupmenu > ul {
    /* Overflow for JS animation */
    overflow: hidden;
    background: #fff;
}

.popupmenu li {
    margin-bottom: 0;
}

.popupmenu > ul > li {
    /* Navigation points of the first level are
     * positioned absolutely in their own li. */
    position: relative;
    /* hide inactive menu-items */
    display: none;
    /* Overflow for JS animation */
    overflow: hidden;
    /* prevent space for absolutely positioned
     * navigation-items level 1. */
    padding-bottom: 40px;
}

.popupmenu > ul > .active {
    display: block;
}

/* Navigation-Footer */
.popupmenu .navigation-footer {
    /* Navigation points of the first level are
     * positioned absolutely in their own li. */
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 40px;
    padding: 0 1%;
    background: #eaeaea;
}

.navigation-footer a span,
.navigation-footer strong span {
    float: left;
    margin-top: 8px;
    padding: 2px 0 5px 30px;
    font: normal 16px/1.25 "LLumarFaktProBlond", Arial, sans-serif;
    background: url(../img/layout/ico-link-indicator.png) 0 1px no-repeat;
}
/* IE8 */
.navigation-footer a.first span {
    float: left;
    margin-top: 8px;
    padding: 2px 0 5px 30px;
    font: normal 16px/1.25 "LLumarFaktProBlond", Arial, sans-serif;
    background: url(../img/layout/ico-link-indicator.png) 0 1px no-repeat;
}

.navigation-footer .link-close {
    float: right;
    margin-top: 8px;
    padding: 1px 30px 5px 0;
    font: normal 16px/1.25 "LLumarFaktProBlond", Arial, sans-serif;
    text-decoration: none;
    background: url(../img/layout/ico-nav-close.png) right 1px no-repeat;
}

.navigation-footer .link-close:hover,
.navigation-footer .link-close:focus,
.navigation-footer .link-close:active {
    background-position: right -26px;
}

.navigation-footer .mobile-wording {
    display: none;
}
/* /End of navigation-footer */

/* Navigation-Header */
.navigation-header {
    position: relative;
}

.navigation-headline {
    float: left;
    width: 100%;
    margin-bottom: 25px;
    padding-top: 70px;
    font: normal 18px/1.1667 "LLumarFaktProBlond", Arial, sans-serif;
    text-align: center;
    background: url(../img/layout/logo-llumar-navi-header.png) center 10px no-repeat;
}

.navigation-header .link-close {
    position: absolute;
    top: 16px;
    right: 15px;
    width: 21px;
    height: 21px;
    text-indent: -999em;
    background: url(../img/layout/ico-nav-close-big.gif) 0 0 no-repeat;
}

.navigation-header .link-close:hover,
.navigation-header .link-close:focus,
.navigation-header .link-close:active {
    background-position: 0 -21px;
}
/* /End of Navigation-Header */
/* /End of Popupmenu Level 1 */

/* Navigation-columns / mainnavigation popupmenu level 2 */
.navigation-columns {
    padding: 0;
    text-align: center;
}

.navigation-columns li {
    float: left;
    margin-bottom: 20px;
    list-style: none;
}

.navigation-columns-2 li {
    width: 50%;
}

.navigation-columns-3 li {
    width: 33.3334%;
}

.navigation-columns-4 li {
    width: 25%;
}

.navigation-columns-5 li {
    width: 20%;
}

.navigation-columns-6 li {
    width: 16.6667%;
}

.navigation-columns-7 li {
    width: 14.2857%;
}

.navigation-columns a,
.navigation-columns strong {
    display: block;
    margin-bottom: 10px;
    color: #383d42;
    font: normal 16px/1.25 "LLumarFaktProBlond", Arial, sans-serif;
}

.navigation-columns strong,
.navigation-columns .active {
    color: #dc4406;
}

.navigation-columns a:hover,
.navigation-columns a:focus,
.navigation-columns a:active {
    text-decoration: none;
    color: #dc4406;
}

.navigation-columns span {
    display: inline-block;
    width: 70%;
    margin: 0;
    padding: 20px 4% 10px;
    border-bottom: 1px solid #d7d7d7;
}

.navigation-columns strong span,
.navigation-columns .active span {
    border-bottom: 1px solid #dc4c0e;
}
/* /End of Navigation-columns / mainnavigation popupmenu level 2 */

/* Navigation-columns / mainnavigation popupmenu level 3 */
.navigation-columns ul {
    width: 100%;
    padding: 0 9%;
    text-align: center;
}

.navigation-columns ul li {
    float: none;
    width: auto;
    margin-bottom: 0;
}

.navigation-columns ul a,
.navigation-columns ul strong {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 2px 0 3px;
    text-decoration: none;
    font: normal 12px/1.25 Arial, sans-serif;
}

.navigation-columns ul strong,
.navigation-columns ul .active {
    color: #dc4406;
}

.navigation-columns ul span,
.navigation-columns ul .active span {
    border: 0;
}

.navigation-columns ul span {
    display: inline;
    margin: 0;
    padding: 0 0 0 8px;
    border: 0;
    background: url(../img/layout/bg-arrow.gif) 0 5px no-repeat;
}

.navigation-columns > ul a:hover span,
.navigation-columns > ul a:focus span,
.navigation-columns > ul a:active span,
.navigation-columns > ul strong span,
.navigation-columns .link-all span {
    background: url(../img/layout/bg-arrow-active.gif) 0 5px no-repeat;
}

/* /End of navigation-columns / popupmenu level 3 */

/* Popupmenu - bubbleicons */
.centerwrapper .bubbleicons {
    clear: left;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
}

.centerwrapper .bubbleicons > a {
    display: inline-block;
    width: auto;
}

.bubbleicons > a > span {
    width: 100%;
}

.bubbleicons img {
    width: auto;
}

.bubbleicons ul {
    width: 100%;
    padding: 0 2%;
}

.bubbleicons a,
.bubbleicons strong {
    margin-bottom: 20px;
}

.bubbleicons ul li {
    display: inline-block;
}

.bubbleicons .layout-columns-7 li {
    width: 13.8%;
}

.centerwrapper .bubbleicons li .iconwrapper {
    display: table;
    width: 120px;
    height: 115px;
    margin-bottom: 10px;
    padding: 0;
    background: url(../img/layout/bg-popupmenu-icon-sprite.png) 0 0 no-repeat;
}

.bubbleicons li:nth-of-type(1) .iconwrapper {
    background-position: 0 -230px;
}
/* IE8 */
.bubbleicons li.first .iconwrapper {
    background-position: 0 -230px;
}

.bubbleicons li:nth-of-type(7n+1) a:hover .iconwrapper,
.bubbleicons li:nth-of-type(7n+1) a:focus .iconwrapper,
.bubbleicons li:nth-of-type(7n+1) a:active .iconwrapper {
    background-position: center -345px;
}
/* IE8 */
.bubbleicons li.first a:hover .iconwrapper,
.bubbleicons li.first a:focus .iconwrapper,
.bubbleicons li.first a:active .iconwrapper {
    background-position: center -345px;
}

/* second */
.bubbleicons li:nth-of-type(7n+2) .iconwrapper {
    background-position: 0 -460px;
}
/* IE8 */
.bubbleicons li.second .iconwrapper {
    background-position: 0 -460px;
}

.bubbleicons li:nth-of-type(7n+2) a:hover .iconwrapper,
.bubbleicons li:nth-of-type(7n+2) a:focus .iconwrapper,
.bubbleicons li:nth-of-type(7n+2) a:active .iconwrapper {
    background-position: center -575px;
}
/* IE8 */
.bubbleicons li.second a:hover .iconwrapper,
.bubbleicons li.second a:focus .iconwrapper,
.bubbleicons li.second a:active .iconwrapper {
    background-position: center -575px;
}

/* third */
.bubbleicons li:nth-of-type(7n+3) .iconwrapper {
    background-position: 0 -690px;
}
/* IE8 */
.bubbleicons li.third .iconwrapper {
    background-position: 0 -690px;
}

.bubbleicons li:nth-of-type(7n+3) a:hover .iconwrapper,
.bubbleicons li:nth-of-type(7n+3) a:focus .iconwrapper,
.bubbleicons li:nth-of-type(7n+3) a:active .iconwrapper {
    background-position: center -805px;
}
/* IE8 */
.bubbleicons li.third a:hover .iconwrapper,
.bubbleicons li.third a:focus .iconwrapper,
.bubbleicons li.third a:active .iconwrapper {
    background-position: center -805px;
}

/* fourth */
.bubbleicons li:nth-of-type(7n+4) .iconwrapper {
    background-position: 0 0;
}
/* IE8 */
.bubbleicons li.fourth .iconwrapper {
    background-position: 0 0;
}

.bubbleicons li:nth-of-type(7n+4) a:hover .iconwrapper,
.bubbleicons li:nth-of-type(7n+4) a:focus .iconwrapper,
.bubbleicons li:nth-of-type(7n+4) a:active .iconwrapper {
    background-position: center -115px;
}
/* IE8 */
.bubbleicons li.fourth a:hover .iconwrapper,
.bubbleicons li.fourth a:focus .iconwrapper,
.bubbleicons li.fourth a:active .iconwrapper {
    background-position: center -115px;
}

/* fifth */
.bubbleicons li:nth-of-type(7n+5) .iconwrapper {
    background-position: 0 -920px;
}
/* IE8 */
.bubbleicons li.fifth .iconwrapper {
    background-position: 0 -920px;
}

.bubbleicons li:nth-of-type(7n+5) a:hover .iconwrapper,
.bubbleicons li:nth-of-type(7n+5) a:focus .iconwrapper,
.bubbleicons li:nth-of-type(7n+5) a:active .iconwrapper {
    background-position: center -1035px;
}
/* IE8 */
.bubbleicons li.fifth a:hover .iconwrapper,
.bubbleicons li.fifth a:focus .iconwrapper,
.bubbleicons li.fifth a:active .iconwrapper {
    background-position: center -1035px;
}

/* sixth */
.bubbleicons li:nth-of-type(7n+6) .iconwrapper {
    background-position: 0 -1150px;
}
/* IE8 */
.bubbleicons li.sixth .iconwrapper {
    background-position: 0 -1150px;
}

.bubbleicons li:nth-of-type(7n+6) a:hover .iconwrapper,
.bubbleicons li:nth-of-type(7n+6) a:focus .iconwrapper,
.bubbleicons li:nth-of-type(7n+6) a:active .iconwrapper {
    background-position: center -1265px;
}
/* IE8 */
.bubbleicons li.sixth a:hover .iconwrapper,
.bubbleicons li.sixth a:focus .iconwrapper,
.bubbleicons li.sixth a:active .iconwrapper {
    background-position: center -1265px;
}

/* seventh */
.bubbleicons li:nth-of-type(7n+7) .iconwrapper {
    background-position: 0 -1380px;
}
/* IE8 */
.bubbleicons li.seventh .iconwrapper {
    background-position: 0 -1380px;
}

.bubbleicons li:nth-of-type(7n+7) a:hover .iconwrapper,
.bubbleicons li:nth-of-type(7n+7) a:focus .iconwrapper,
.bubbleicons li:nth-of-type(7n+7) a:active .iconwrapper {
    background-position: center -1495px;
}
/* IE8 */
.bubbleicons li.seventh a:hover .iconwrapper,
.bubbleicons li.seventh a:focus .iconwrapper,
.bubbleicons li.seventh a:active .iconwrapper {
    background-position: center -1495px;
}

.centerwrapper .bubbleicons .iconwrapper span {
    display: table-cell;
    padding: 0;
    vertical-align: middle;
    background: transparent;
}
/* /End of popupmenu-iconlinks */

/* Search layer */
.searchlayer {
    padding: 60px 2% 0;
}

.searchlayer.indent-1 {
    padding: 0;
}

.searchlayer legend {
    text-align: center;
    font: normal 20px/1.2 "LLumarFaktProBlond", Arial, sans-serif;
}

.centerwrapper .searchlayer .formrow {
    width: 60%;
    margin: 0 auto 30px;
    background: #ddd; /* PC vs Mac */
}

.centerwrapper .searchlayer.indent-1 .formrow {
    width: 68%;
}

.centerwrapper .searchlayer label {
    float: left;
    width: 66%;
    margin-bottom: 0;
}

.centerwrapper .searchlayer input[type="text"] {
    width: 100%;
    padding: 6px 10% 7px 1%;
    border: 1px solid #ddd;
    background: #ddd;
}

.searchlayer .button {
    float: right;
    width: 34%;
    margin: 0;
}

.searchlayer .button input,
.searchlayer .button input:hover,
.searchlayer .button input:focus,
.searchlayer .button input:active {
    display: block; /* IE8 */
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}
/* /End of search layer */
/* /End of popupmenu */
/* /End of mainnavigation */

/*
 * Metanavigation
 */
.metanavigation {
    float: right;
    position: relative;
    width: 100%;
    margin: 5px 0 0;
    padding-bottom: 80px;
}

 /* Tabnavigation meta - anchors to popupmenu in metanavigation */
.tabnavigation-meta {
    position: absolute;
    right: 0;
    bottom: 51px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tabnavigation-meta li {
    float: left;
    margin-right: 20px;
}

.tabnavigation-meta li:last-child {
    margin-right: 10px;
}
/* IE8 */
.tabnavigation-meta li.last {
    margin-right: 10px;
}

.tabnavigation-meta a:link,
.tabnavigation-meta a:visited,
.tabnavigation-meta a:hover,
.tabnavigation-meta a:focus,
.tabnavigation-meta a:active,
.tabnavigation-meta strong {
    padding-left: 10px;
    font-size: 10px;
    line-height: 1;
    color: #777;
    text-decoration: none;
    background: url(../img/layout/bg-arrow-meta.gif) 0 60% no-repeat;
}

.tabnavigation-meta a:hover,
.tabnavigation-meta a:focus,
.tabnavigation-meta a:active {
    text-decoration: none;
    color: #DC4406;
}

.tabnavigation-meta strong {
    background: url(../img/layout/bg-arrow-meta-up.gif) 0 60% no-repeat;
}

.tabnavigation-meta a.directlink {
    background: none;
}
/* /End of tabnavigation meta */

/* Popupmenu in metanavigation */
.metanavigation .popupmenu {
    background: #fff;
}

/* Language selection in metanavigation */
.map-wrapper {
    position: relative;
}

.map-container {
    text-align: center;
    position: relative;
    z-index: 1;
}

.map-container img {
    width: 660px;
    height: 390px;
}

.map-container area {
    cursor: pointer;
}

.world-map {
    width: 660px;
    height: 390px;
    background: url(../img/content/map.png) no-repeat;
    margin: -390px auto 0;
}
.world-map.region1 {
    background-position: 0 -400px;
}
.world-map.region2 {
    background-position: 0 -800px;
}
.world-map.region3 {
    background-position: 0 -1200px;
}
.world-map.region4 {
    background-position: 0 -1600px;
}
.world-map.region5 {
    background-position: 0 -2000px;
}
.world-map.region6 {
    background-position: 0 -2400px;
}
/* Language selection */
.language-selection {
    width: 100%;
    padding: 0 2%;
    position: absolute;
    display: table;
    height: 390px;
    top: 0;
    left: 0;
    z-index: 2;
    /* Transparent background-image is necessary, in order to prevent IE8 from passing hover-events through to the map
     * while language-layer is active. */
    background-image: url(../img/layout/transparent.png);
}

.language-selection ul {
    display: table-cell;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    list-style: none;
}

.language-selection li {
    display: inline-block;
    width: 120px;
    height: 120px;
    margin: 0 14px 10px 14px;
}

.language-selection li a {
    display: table;
    font: normal 16px/1.1818 "LLumarFaktProBlond", Arial, sans-serif;
    color: #dc4406;
    text-decoration: none;
    background-image: url(../img/layout/bg-circle-21.png);
    background-repeat: no-repeat;
}

.language-selection li a:hover {
    background-position: 0 -140px;
    color: #fff;
}

.language-selection li:nth-child(3n+2) a:hover,
.language-selection li:nth-child(3n+3) a:hover {
    background-position: 0 -140px;
    color: #fff;
}

/* IE8 */
.language-selection li.second-of-three a:hover,
.language-selection li.third-of-three a:hover {
    background-position: 0 -140px;
    color: #fff;
}

.language-selection li a span {
    display: table-cell;
    width: 120px;
    height: 120px;
    padding: 0;
    vertical-align: middle;
}

.language-selection li:nth-child(3n+2) a {
    color: #f6a800;
    background-image: url(../img/layout/bg-circle-22.png);
}
/* IE8 */
.language-selection li.second-of-three a {
    color: #f6a800;
    background-image: url(../img/layout/bg-circle-22.png);
}

.language-selection li:nth-child(3n+3) a {
    color: #ee7f00;
    background-image: url(../img/layout/bg-circle-23.png);
}
/* IE8 */
.language-selection li.third-of-three a {
    color: #ee7f00;
    background-image: url(../img/layout/bg-circle-23.png);
}

.language-selection .center-element {
    width: 100%;
}
/* /End of language selection */

.distributor-selection {
    width: 70%;
    padding-top: 20px;
    display: table;
    min-height: 390px;
    margin-left: 15%;
    z-index: 2;
    background-color: #fff;
}

.distributor-selection .overlay-headline {
    display: block;
    font: 18px/1.1667 "LLumarFaktProBlond", Arial, sans-serif;
    margin-bottom: 25px;
    text-align: center;
}

.distributor-selection ul {
    list-style-type: none;
    padding: 30px 2% 20px 7%;
    background-color: #F5F5F5;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.distributor-selection li {
    float: left;
    width: 33%;
    height: 28px;
    margin-bottom: 4px;
}
.distributor-selection a {
    text-decoration: none;
}

.distributor-details {
    display: none;
}
.distributor-details .col1 {
    float: left;
    width: 26%;
    font: 18px/1.1667 "LLumarFaktProBlond", Arial, sans-serif;
}
.distributor-details .col2 {
    float: left;
    width: 37%;
    padding: 0 8px;
}
.distributor-details .col3 {
    float: left;
    width: 37%;
    text-align: center;
}
.distributor-details .col3 strong {
    display: block;
}
.distributor-details .col3 strong,
.distributor-details .col3 .button {
    margin-bottom: 5px;
}

.distributor-details .col3 .button a {
    min-width: 120px;
}

.distributor-details .overlay-headline {
    padding: 25px 0;
    margin-top: 10px;
    background-color: #F5F5F5;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.distributor-details .contact-container {
    padding: 0 2% 20px 2%;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.distributor-details .col2 {
    margin-left: 26%;
}
.distributor-details .col1 + .col2 {
    margin-left: 0;
}

header .contact-container p {
	text-align: left;
}

header .contact-container p:first-child {
	margin-top: 0;
}

header .contact-container p:last-child {
    margin-bottom: 0;
}

.popupmenu .center-element {
    width: 70%;
    margin: 0 auto;
}

.popupmenu .center-element hr {
    margin-bottom: 20px;
}

.popupmenu .center-element .h4 {
    margin-bottom: 20px;
}

/* Mobile map-wrapper - fallback for mobile devices < 768px */
.map-wrapper-mobile {
    display: none;
    width: 90%;
    margin: 0 auto;
}

.map-wrapper-mobile fieldset {
    border: 0;
}

.map-wrapper-mobile select {
    margin-bottom: 20px;
}
/* /End of mobile map-wrapper */

/* /End of language selection in metanavigation */
/* /End of popupmenu in metanavigation */
/* /End of metanavigation */
/* /End of siteheader */

/*
 * Corporate sites: special styles
 */
.corporate {
    background: #fff;
}

.corporate .footercontent {
    border-top: 1px solid #ddd;
}

/* Overpaints border of .corporate .footercontent */
.corporate .footercontent:before {
    content: "";
    position: absolute;
    right: 12.5%;
    top: -4px;
    z-index: 2;
    display: block;
    width: 79px;
    height: 82px;
    background: #fff;
}
/* /End of corporate sites: special styles */

/*
 * Sitecontent - main area
 */
.sitecontent {
    display: block;
}

.sitecontent .centerwrapper {
    margin-bottom: 20px;
    background: #fff;
}

/* Wrapper with same background-color as <body> */
.sitecontent .centerwrapper-transparent {
    position: relative;
    max-width: 1230px;
    margin: 0 auto;
    background: #efefef;
}

/* Wrapper after centerwrapper with transparent background */
.sitecontent .centerwrapper-split {
    padding-top: 40px;
}

/* Wrapper for pages without breadcrumb */
.no-breadcrumb {
    padding-top: 50px;
}

/* Breadcrumb */
.breadcrumb {
    margin: 0 0 20px 4px;
    padding-top: 5px;
}

.breadcrumb dd {
    float: left;
    margin: 0 0 0 7px;
}

.breadcrumb a,
.breadcrumb strong {
    padding-left: 7px;
    background: url(../img/layout/bg-arrow-tiny.gif) left 4px no-repeat;
    font-size: 10px;
    line-height: 1.2;
    color: #666;
    text-decoration: none;
}

.breadcrumb a:hover,
.breadcrumb a:focus,
.breadcrumb a:active {
    text-decoration: none;
    color: #DC4406;
    background-position: left -27px;
}

/* /End of breadcrumb */

/* Copytext */
.copytext {
    padding-bottom: 40px;
}

.image-left img {
    float: left;
    max-width: 100%;
    height: auto;
    margin: 0 20px 0 0;
}

.image-right img {
    float: right;
    max-width: 100%;
    height: auto;
    margin: 0 0 10px 20px;
}

.center-element {
    margin-top: 30px;
    text-align: center;
}

.center-element img {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}

/* Copytext centered */
.copytext-center {
    text-align: center;
}

.copytext-center .separator-top {
    margin-bottom: 30px;
}
/* /End of copytext centered */

/* Target group Detail */
.targetgroup-detail {
    margin-bottom: 50px;
}
/* /End of target group detail */
/* /End of copytext */

/* Paint protection */
.paint-protection .container {
    width: 100%;
    position: relative;
    max-width: 800px;
    overflow: hidden;
}

.paint-protection .headline, .paint-protection .paint-protection-img, .paint-protection .click-coverage, .paint-protection .red-coverage {
    display: block;
}

.paint-protection .headline {
    width: 70%;
}

.paint-protection .paint-protection-img {
    clear: both;
    float: left;
    width: 37%;
    margin-left: 18%;
}

.paint-protection .click-coverage {
    float: right;
    width: 33%;
}

.paint-protection .vehicle {
    width: 74%;
    top: 145%;
    float: left;
    margin-left: -100%;
    position: relative;
    left: 45%;
    margin-top: 4%;
}

.paint-protection .vehicle img, .paint-protection .badge img {
    width: 100%;
}

.paint-protection .highlight {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    display: none;
}

.paint-protection .badge {
    width: 24%;
    margin-top: 38%;
    float: left;
    margin-left: -100%;
    position: relative;
    left: 45%;
}

.paint-protection .red-coverage {
    position: absolute;
    width: 45%;
    left: 26%;
    top: 93%;
}

.paint-protection .disclaimer {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-style: italic;
    max-width: 800px;
}

.paint-protection .paint-protection-menu {
    position: absolute;
    width: 29%;
    right: 2%;
    top: 29%;
    z-index: 1;
    list-style: none;
}

.paint-protection .paint-protection-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    display: block;
}

.paint-protection .paint-protection-menu li {
    display: block;
    width: 100%;
    padding-left: 10px;
    margin-bottom: 0;
}

.paint-protection .paint-protection-menu li a {
    color: #333333;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    margin-left: 1px;
    outline: medium none;
    padding: 7px 11px;
    text-decoration: none;
}

.paint-protection .paint-protection-menu .active {
    background: url("../img/layout/paint-protection/arrow.png") left center no-repeat;
}

.paint-protection .paint-protection-menu .active a {
    color: #666666;
    background: url("../img/layout/paint-protection/menu-active-back.png") right top repeat-y;
}

.paint-protection .paint-protection-menu .menu-1 a {
    border-left: 12px solid #de4e29;
}
.paint-protection .paint-protection-menu .menu-2 a {
    border-left: 12px solid #e2a673;
}
.paint-protection .paint-protection-menu .menu-3 a {
    border-left: 12px solid #f18d39;
}
.paint-protection .paint-protection-menu .menu-4 a {
    border-left: 12px solid #db4a11;
}
.paint-protection .paint-protection-menu .menu-5 a {
    border-left: 12px solid #f9bb0c;
}
.paint-protection .paint-protection-menu .menu-6 a {
    border-left: 12px solid #fddb8e;
}
.paint-protection .paint-protection-menu .menu-7 a {
    border-left: 12px solid #ef8227;
}
.paint-protection .paint-protection-menu .menu-8 a {
    border-left: 12px solid #af3819;
}
.paint-protection .paint-protection-menu .menu-9 a {
    border-left: 12px solid #760303;
}

@media only screen and (max-width: 768px) {
    .paint-protection .paint-protection-menu li a {
        font-size: 12px;
    }
}

@media only screen and (max-width: 640px) {
    .paint-protection .headline {
        margin: 0 auto;
        width: 80%;
    }

    .paint-protection .paint-protection, .paint-protection .click-coverage {
        float: none;
        margin: 0 auto;
        display: block;
        width: 50%;
    }

    .paint-protection .click-coverage {
        width: 45%;
    }

    .paint-protection .vehicle {
        float: none;
        margin: 0 auto;
        left: 0;
        height: 175px;
        clear: both;
    }

    .paint-protection .vehicle img {
        width: auto;
        height: 100%;
    }

    .paint-protection .paint-protection-menu {
        position: relative;
        width: 100%;
        margin: 0 auto;
        right: 0;
    }

    .paint-protection .paint-protection-menu li {
        width: 49%;
        float: left;
        display: inline-block;
        margin: 1px;
    }

    .paint-protection .paint-protection-menu li a {
        margin-left: 0px;
    }

    .paint-protection .paint-protection-menu li:nth-child(odd) {
        clear: both;
    }

    .paint-protection .badge {
        width: 25%;
        margin-left: 0;
        left: 0;
        margin-top: 0;
    }

    .paint-protection .red-coverage {
        width: 60%;
        clear: both;
        position: relative;
        left: 0;
        margin: 0 auto;
        padding: 7px 0 0 2px;
    }
}
/* /End of paint protection */

/* EU Dealer Pages */
.euIconsPadLeft {
  padding-left:35%;
}
@media only screen and (max-width: 640px) {
  .euIconsPadLeft {
    padding-left:25%;
  }
}
@media only screen and (max-width: 640px) {
  .euIconsPadLeft {
    padding-left:25%;
  }
}
@media only screen and (max-width: 480px) {
  .euIconsPadLeft {
    padding-left:10%;
  }
}
/* END EU Dealer Pages */

/* Search results */


.search-results {
    padding: 30px 0 0 0;
    list-style: none;
    border-top: 1px solid #ddd;
}

.search-results li {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
}
/* /End of Search Results */

/* header-tag with back-link */
.headerlink {
    position: relative;
    padding: 0 20%;
}

.headerlink a {
    position: absolute;
    top: 7px;
    left: 2%;
    display: block;
    width: 15%;
}

.backlink:link,
.backlink:visited,
.backlink:hover,
.backlink:focus,
.backlink:active {
    margin-bottom: 10px;
    color: #383D42;
    line-height: 1.25;
}

.backlink span {
    display: inline-block;
    padding-left: 8px;
    background: url(../img/layout/bg-arrow-back.gif) 0 5px no-repeat;
}

.backlink:hover span,
.backlink:focus span,
.backlink:active span {
    color: #E75113;
    background-position: 0 -29px;
}

.nextlink:link,
.nextlink:visited,
.nextlink:hover,
.nextlink:focus,
.nextlink:active {
    color: #383D42;
    line-height: 1.25;
}

.nextlink span {
    display: inline-block;
    padding-left: 8px;
    background: url(../img/layout/bg-arrow-back.gif) 0 5px no-repeat;
}

.nextlink:hover span,
.nextlink:focus span,
.nextlink:active span {
    color: #E75113;
    background-position: 0 -29px;
}

.nextlink-2:link,
.nextlink-2:visited,
.nextlink-2:hover,
.nextlink-2:focus,
.nextlink-2:active {
    color: #fff;
    line-height: 1.25;
}

.nextlink-2 span {
    display: inline-block;
    padding-left: 8px;
    background: url(../img/layout/bg-arrow-2.png) 0 5px no-repeat;
}

.nextlink-2:hover span,
.nextlink-2:focus span,
.nextlink-2:active span {
    color: #dc4406;
    background-position: 0 -29px;
}

.headerlink .linkstate-3 {
    left: -2%;
    text-decoration: none;
}

.headerlink .linkstate-4 {
    right: -2%;
    left: auto;
    text-align: right;
    text-decoration: none;
}
/* /End of header-tag with back-link */

/* Indention classes :: indent blocks inside of .sitecontent */
.indent-0 {
    margin-left: 7%;
    margin-right: 7%;
}

.indent-1 {
    margin-left: 9%;
    margin-right: 9%;
}

.indent-2 {
    margin-left: 15%;
    margin-right: 15%;
}

.indent-3 {
    margin-left: 21%;
    margin-right: 21%;
}

/* Bubblehint */
.bubblehint-wrapper {
    position: relative;
    width: 100%;
    height: auto;
}

.bubblehint {
    position: absolute;
    top: auto;
    bottom: -100px;
    right: 0;
    z-index: 5;
    width: 194px;
    height: 202px;
    margin-bottom: 0;
    background: url(../img/layout/bg-bubble-02.png) center center no-repeat;
}

.bubblehint a:link,
.bubblehint a:visited,
.bubblehint a:hover,
.bubblehint a:focus,
.bubblehint a:active {
    display: table-cell;
    width: 174px;
    height: 178px;
    padding: 30px 30px 0 40px;
    vertical-align: middle;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font: normal 18px/1.2222 "LLumarFaktProBlond", Arial, sans-serif;
}
/* /End of bubblehint */

/* Bubble big */
.sitecontent .teaser.teaser-bubble {
    padding-bottom: 0;
}

.sitecontent .bubble-big {
    display: block;
    width: 100%;
    text-align: left; /* Important for position of :before element */;
    font-size: 1px; /* Bugfix for wrong heights */
}

.sitecontent .bubble-big .imagebody {
    width: 99%; /* Webkit */
}

.bubble-big img {
    height: auto;
    width: 100%;
}

.sitecontent .bubble-big .textbody {
    float: none;
    position: static;
    display: inline-block;
    width: 33%;
    margin: -4% 0 0 -44%; /* Drag text with negative margin above .image-body */
    vertical-align: middle;
    text-align: center;
    background: transparent;
}

.sitecontent .bubble-big h2 {
    display: block;
    margin-bottom: 10px;
    padding: 0;
    font: italic normal 24px/1.1111 "LLumarFaktProLight", Arial, sans-serif;
    text-transform: none;
    color: #fff;
}

.sitecontent .bubble-big p {
    font: italic normal 14px/1.14286 "LLumarFaktProLight", Arial, sans-serif;
    color: #fff;
}

.bubble-big .nextlink span {
    display: inline; /* Webkit */
    padding-left: 6px;
    background: url(../img/layout/bg-arrow-2.png) 0 4px no-repeat;
    color: #fff;
}
/* /End of bubble big */

/* Teaser - The standard teaser */
.teaser {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 104px;
    text-align: center;
}

.teaser > a {
    display: block;
}

.teaser .textbody {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    min-height: 101px;
    padding: 15px 0;
    /* Don't apply horizontal padding to this container or
     * Safari and Opera won't render it properly */
    text-align: center;
    background: #fff;
}

.teaser a {
    text-decoration: none;
}

.teaser h2 {
    padding: 0 5% 0;
}

.teaser .separator {
    padding-bottom: 18px;
}

.teaser strong {
    padding: 0 5%;
}

.teaser p {
    display: none;
    margin-bottom: 10px;
    padding: 0 5%;
}

.teaser a:hover .linkstate-2,
.teaser a:focus .linkstate-2,
.teaser a:active .linkstate-2 {
    color: #dc4406;
}

.teaser:hover p,
.teaser:focus p,
.teaser:active p {
    display: block;
}

.teaser img {
    width: 100%;
    height: auto;
}

.teaser section {
    text-align: center;
}

/* Layout variant teaser-active */
.teaser-active .textbody {
    position: static;
}

.teaser-active p {
    display: block;
    padding-bottom: 15px;
}

/* /End of layout variant teaser-active */

/* Layout variant teaser-icon */
.teaser-icon img {
    width: auto;
}

/* Layout Variant teaser-news */
.teaser-news {
    padding-bottom: 0;
}

.teaser-news .textbody {
    position: static;
}

.teaser-news p {
    display: block;
    padding-bottom: 15px;
}

.headline-news,
.headline-news a:link,
.headline-news a:visited,
.headline-news a:hover,
.headline-news a:focus,
.headline-news a:active {
    color: #dc4406;
    text-decoration: none;
}

.headline-news a:hover,
.headline-news a:focus,
.headline-news a:active {
    color: #383D42;
}
/* /End of layout variant teaser-news */

/* Newsteaser */
.newsteaser {
    margin-bottom: 40px;
}

.newsteaser img {
    float: left;
    width: 31.35%;
    height: auto;
    margin: 0 3% 10px 0;
}

.newsteaser .textbody {
    float: left;
    width: 65%;
}
/* /End of newsteaser */

/* Teasaerlayout 1 - 3 teasers in a row */
.teaserlayout-1 .teaser {
    width: 32%;
    margin: 0 2% 20px 0;
}

.teaserlayout-1 .teaser:nth-of-type(3n+3) {
    margin-right: 0;
}
/* IE8 */
.teaserlayout-1 .teaser.third-of-three {
    margin-right: 0;
}

.teaserlayout-1 .teaser:nth-of-type(3n+1) {
    clear: left;
}
/* IE8 */
.teaserlayout-1 .teaser.first-of-three {
    clear: left;
}

.teaserlayout-1 hr {
    clear: left;
}

.teaserlayout-1 .centerteaser {
    width: 60%;
}
/* /End of teaserlayout */
/* /End of teaser */

/* Rotation */
.rotation {
    position: relative;
    margin: 5px 0 17px;
    background: #fff;
}

.rotation header {
    padding: 60px 0 20px;
}

.rotation .teaser {
    float: left;
    position: relative;
    width: 33.3337%;
    margin-bottom: 0;
    padding-bottom: 50px;
    background: #fff;
}

.rotation .teaser:nth-of-type(3n+4) {
    clear: left;
}
/* IE8 */
.rotation .teaser.fourth-of-three {
    clear: left;
}

.rotationteaser > a {
    display: block;
}

.rotation .textbody {
    min-height: 0;
    padding: 0;
}

.rotation h2 {
    display: none;
    margin-bottom: 2px;
    padding: 35px 10% 25px;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1.1667;
}

.rotation a:hover h2,
.rotation a:focus h2,
.rotation a:active h2 {
    display: block;
}

.rotation .teaser h3 {
    margin-bottom: 15px;
    padding: 19px 10% 3px;
}

.rotation .teaser-bubble {
    overflow: hidden;
}

.rotation .bubble-big {
    width: 200%;
    padding-left: 10%;
}

.rotation .bubble-big .imagebody {
    width: 50%;
}

.rotation .rotation-content {
    display: none;
}

/* Rotation - appnavigation */
.appnavigation {
    margin-bottom: 0;
    padding: 0 20% 15px;
    text-align: center;
    background: #efefef;
}

.appnavigation dt {
    display: none;
    font: italic normal 17px/1.17647 "LLumarFaktProBlond", Arial, sans-serif;
}

.appnavigation dd {
    display: inline-block;
    margin: 0 0 10px 5%;
    font: italic normal 17px/1.17647 "LLumarFaktProBlond", Arial, sans-serif;
}

.appnavigation a:link,
.appnavigation a:visited,
.appnavigation a:hover,
.appnavigation a:focus,
.appnavigation a:active {
    position: relative;
    display: block;
    margin: 0 6px;
    padding: 4px 20px 4px;
    line-height: 1;
    text-decoration: none;
    color: #383D42;
}

.appnavigation a:hover,
.appnavigation a:focus,
.appnavigation a:active {
    color: #DC4406;
}

.appnavigation a.active,
.appnavigation .active:hover,
.appnavigation .active:focus,
.appnavigation .active:active {
    color: #fff;
    font-weight: normal;
    background: #3eb7e5;
    cursor: default;
}

.appnavigation .active:before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    display: block;
    width: 9px;
    height: 5px;
    margin-left: -4px;
    background: url(../img/layout/bg-arrow-appnavi.gif) 0 0 no-repeat;
}
/* /End of rotation - appnavigation */
/* /End of rotation */

/* Standard form elements */
.formrow {
    position: relative;
    margin-bottom: 18px;
    text-align: left;
}

.formrow > div {
    margin: 0;
}

.fakelabel {
    display: block;
    margin-bottom: 3px;
}

.formlist-wrapper-indent {
    padding-left: 5%;
}
.formlist-wrapper-indent .formrow label,
.formlist-wrapper-indent .formrow input[type="text"],
.formlist-wrapper-indent .formrow input[type="password"],
.formlist-wrapper-indent .formrow select,
.formlist-wrapper-indent .formrow textarea {
    width: 63.2%
}


label small,
.fakelabel small {
    font-size: 1em;
    line-height: 1;
    color: #8a8f94;
}

label a:link,
label a:visited,
label a:hover,
label a:focus,
label a:active,
.fakelabel a:link,
.fakelabel a:visited,
.fakelabel a:hover,
.fakelabel a:focus,
.fakelabel a:active {
    text-decoration: underline;
    color: #383d42;
}

label a:hover,
label a:focus,
label a:active,
.fakelabel a:hover,
.fakelabel a:focus,
.fakelabel a:active {
    color: #dc4406;
}

label small a:link,
label small a:visited,
label small a:hover,
label small a:focus,
label small a:active,
.fakelabel small a:link,
.fakelabel small a:visited,
.fakelabel small a:hover,
.fakelabel small a:focus,
.fakelabel small a:active {
    color: #8A8F94;
}

label small a:hover,
label small a:focus,
label small a:active,
.fakelabel small a:hover,
.fakelabel small a:focus,
.fakelabel small a:active {
    color: #dc4406;
}


.optional input[type="text"],
.optional input[type="password"],
.optional select,
.optional textarea {
    border: 1px solid #ddd;
}

.error input[type="text"],
.error input[type="password"],
.error select,
.error textarea {
    border: 1px solid #cc0001;
    background-color: #fae4e6;
}

.errorprompt {
    float: left;
    display: block;
    width: 33%;
    margin: -5px 0 0 1.5%;
    color: #cc0001;
}

.form-type-managed-file {
    overflow: hidden;
}
.form-managed-file {
    float: left;
}

/* /End of standard form elements */

/*
 * Centered form
 */
.centered-form {
    float: left;
    width: 74%;
    margin: 0 0 40px 26.1%;
}

.formrow label,
.formrow input[type="text"],
.formrow input[type="password"],
.formrow select,
.formrow textarea,
.formrow .fivestar-widget {
    float: left;
    width: 65.2%;
}

input[type="checkbox"],
input[type="radio"] {
    float: left;
    margin-right: 10px;
}

.checkboxrow label {
    width: 90%;
}

.listrow {
    width: auto;
    margin-bottom: 0;
}

/* Formlist-wrapper - wrapper for lists of radiobuttons and checkboxes */
.formlist-wrapper .errorprompt {
    clear: both;
    margin: 0 0 20px;
}

.formlist-wrapper .fakelabel {
    margin-bottom: 20px;
}

/* File upload */
.filerow label {
    float: none;
}

.filerow .filewrapper {
    margin: 0;
}

.filewrapper .errorprompt {
    clear: both;
    float: none;
    display: block;
    width: 100%;
    margin: 0 0 20px;
}

.filewrapper .button {
    float: right;
    width: 45%;
}

#edit-wrapper .messages.error {
    display: none;
}

.filewrapper .button button {
    height: auto;
    padding: 10px 10px 10px;
}

.filewrapper input[type="text"] {
    width: 53%;
    margin-right: 2%;
}
/* /End of file upload */

/* Imagepreview */
.uploadrow .imagewrapper img {
    width: 100%;
    height: auto;
}

.uploadrow .imagewrapper {
    margin-bottom: 20px;
}

.uploadrow .imagethumb {
    float: left;
    position: relative;
    width: 200px;
    height: 120px;
}

.uploadrow .imagename {
    display: table-cell;
    height: 120px;
    padding-left: 10px;
    vertical-align: bottom;
}

.uploadrow .delete {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 74px;
    height: 74px;
    margin: -37px 0 0 -37px;
    background: url(../img/layout/ico-delete.png) 0 0 no-repeat;
    text-indent: -999em;
}

.imagethumb .delete:hover,
.imagethumb .delete:focus,
.imagethumb .delete:active {
    background-position: 0 -74px;
}

/* /End of imagepreview */

/* Stepoverview - formnavigation */
.form-navigation .centered-form {
    clear: none;
    margin-left: 6%;
}

.form-navigation .step-overview {
    float: left;
    width: 20%;
}

.step-overview li {
    position: relative;
    z-index: 1;
    max-width: 100%;
    margin-bottom: 40px;
    font: normal 18px/1 "LLumarFaktProBlond", Arial, sans-serif;
    color: #999;
}

.step-overview a,
.step-overview input[type="submit"],
.step-overview button {
    display: inline-block;
    padding: 0;
    border: 0;
    background: none;
    text-align: left;
    font: normal 12px/1.1667 Arial, sans-serif;
}

.step-overview button {
    color: #dc4406;
}

.step-overview button[disabled] {
    color: #999;
}

.step-overview strong {
    display: block;
    margin-bottom: 15px;
    padding-top: 6px;
    font: normal bold 12px/1.1667 Arial, sans-serif;
    color: #383D42;
}

.step-overview p {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 1.1667;
    color: #383D42;
}
/* /End of stepoverview - formnavigation */
/* /End of centered Form */

/* Slide JS */
.sliderstage {
    margin-bottom: 30px;
}

.slidejs-wrapper {
    position: relative;
    z-index: 1;
    width: 100%;
    margin-bottom: 20px;
}

.slidesjs-container {
    max-width: 100%;
    background: transparent;
}

.slidesjs-previous,
.slidesjs-next {
    position: absolute;
    top: 50%;
    left: 20px;
    z-index: 11; /* z-index is always above the z-index of images in slidejs-container */
    width: 32px;
    height: 56px;
    margin-top: -20px;
    background: url(../img/layout/but-slidesjs-prev.png) 0 0 no-repeat;
}

.slidesjs-next {
    right: 20px;
    left: auto;
    background: url(../img/layout/but-slidesjs-next.png) right 0 no-repeat;
}

.slidesjs-previous:hover,
.slidesjs-next:hover {
    background-position: 0 -56px;
}

#slides {
    display: none;
}

.slidesjs-pagination .active {
    background-position: right 0;
}

.slidesjs-pagination {
    position: absolute;
    bottom: 0;
    z-index: 11;
    display: block;
    width: 100%;
    margin-bottom: 2%;
    padding: 0 2%;
    list-style: none;
    text-align: center;
}

.slidesjs-pagination li {
    display: inline-block;
    width: 22px;
    height: 23px;
    margin-bottom: 0;
}

.slidesjs-pagination-item a {
    display: inline-block;
    width: 22px;
    height: 23px;
    text-indent: -999em;
    background: url(../img/layout/but-slidesjs-pagination.png) 0 -23px no-repeat;
}

.slidesjs-pagination-item .active {
    background-position: 0 0;
}

/* hide stop/play button */
.slidesjs-stop,
.slidesjs-play {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
}

/* Custom container inside of .slidesjs */
.slidejs-custom {
    position: relative;
    width: 100%;
    height: 100%;
}

.slidejs-custom img {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: auto;
}

.slidejs-custom .vertical-block {
    position: relative;
    left: 49.5%;
    z-index: 2;
    width: 37%;
    height: 100%;
    background: transparent;
    text-align: center;
}

.slidejs-custom .vertical-block .centered {
    width: 90%;
    padding: 20px 2% 10px;
    height: auto; /* must have height: auto;! */
    vertical-align: bottom;
    background: #fff;
}

.slidejs-custom .vertical-block h3 {
    font-size: 18px;
    line-height: 1.1667;
    text-transform: uppercase;
}

.slidejs-custom .vertical-block a {
    margin-top: 3px;
}

.slidejs-custom .videowrapper iframe {
    max-width: 860px;
    width: 100%;
}

.separator {
    margin-bottom: 15px;
    padding-bottom: 18px;
    background: url(../img/layout/bg-separator.gif) center bottom no-repeat;
}

.separator-top {
    display: inline-block;
    margin-bottom: 15px;
    padding-top: 18px;
    background: url(../img/layout/bg-separator.gif) center 0 no-repeat;
}

.slidejs-custom .vertical-block img {
    width: 100%;
    height: auto;
}
/* /End of custom container inside of .slidesjs */
/* /End of Slide JS */

/* Hoverstage */
.hoverstage {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}

.hoverstage .imagewrapper {
    position: relative;
    z-index: 2;
    width: 200%;
    margin-left: -50%;
}

.hoverstage .imagewrapper a {
    float: left;
    width: 50%;
}

.hoverstage .imagewrapper .image-1,
.hoverstage .imagewrapper .image-2 {
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
}

/* Spacer image */
.hoverstage .imagewrapper img {
    width: 100%;
    height: auto;
}

/* Hoverstage textwrapper */
.hoverstage .textwrapper {
    position: absolute;
    bottom: 0;
    left: 13.9%;
    z-index: 3;
    width: 36%;
    text-align: center;
    cursor: pointer;
}

.hoverstage .textwrapper.second {
    left: 50.1%;
}

.hoverstage .vertical-block {
    position: relative;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: transparent;
    text-align: center;
}

.hoverstage .centered {
    width: 100%;
    margin: -20px 0 0;
    padding: 25px 2% 6px;
    height: auto; /* Must have height: auto;! */
    vertical-align: bottom;
    background: #fff;
}

.hoverstage h3 {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1.1667;
    text-transform: uppercase;
}

.hoverstage .separator-top {
    margin-top: 16px;
    padding-top: 18px;
}
/* /End of hoverstage textwrapper */
/* /End of hoverstage */

/* Columnstage */
.columnstage {
    position: relative;
    width: 100%;
    height: 610px;
    overflow: hidden;
    margin-bottom: 40px;
}

.columnstage > div {
    width: 100%;
    height: 640px;
    overflow: hidden;
    font-size: 0; /* Essential fix for ghost-margin on inline-block elements! */
}

.columnstage a {
    display: block;
    width: 100%;
    height: 100%;
}

.columnstage section {
    float: left;
    position: relative;
    width: 25%;
    height: 610px;
    overflow: hidden;
    margin: 0 0 0 -0.05%;
    padding: 0;
    background: url(http://placehold.it/1230x580/b8b8b8/000000) center center no-repeat;
}

.columnstage .bubble-big {
    position: absolute;
    right: 0;
    bottom: 10%;
    display: none;
    width: 50%;
}

.columnstage .bubble-big.active {
    display: block;
}

.columnstage .bubble-big .textbody {
    width: 59%;
    margin-left: -65%;
}

.columnstage .bubble-big .imagebody {
    width: 80%; /* Webkit */
}

.columnstage .bubble-big .imagebody img {
    width: 122%; /* Webkit */
}
/* /End of columnstage */

/* Dragstage */
.dragstage {
    position: relative;
    width: 100%;
    height: auto;
    /* overflow: hidden; */
    margin-bottom: 35px;
}

.dragstage img {
    width: 100%;
    height: auto;
}

.dragstage .stageimage {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.dragstage .coverimage {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
}

.dragstage .coverimage:hover {
    cursor: e-resize;
}

.dragstage .coverimage:before {
    content: "";
    position: absolute;
    top: 0;
    right: -1px;
    z-index: 3;
    width: 1px;
    height: 100%;
    background: #fff;
}

.dragstage .active .handle {
    position: absolute;
    top: 50%;
    right: -18px;
    z-index: 4;
    display: block;
    width: 37px;
    height: 37px;
    margin-top: -18px;
    background: url(../img/layout/but-dragable.png) 0 0 no-repeat;
}

.textbody-benefitlist .column-layout-2 {
    float: left;
    width: 65%;
    padding-right: 5%;
    border-right: 1px solid #ddd;
}

.textbody-benefitlist .column-layout-2 h3 {
    margin-bottom: 20px;
}

.textbody-benefitlist .benefitlist {
    float: right;
    width: 26%;
}
/* /End of dragstage */

/* Imageteaser */
/* Default image right, text left */
.imageteaser {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
    text-align: right;
}

.imageteaser header {
    margin-bottom: 0;
}

.imageteaser:last-child {
    border-bottom: 0;
}
/* IE8 */
.imageteaser.last {
    border-bottom: 0;
}

.imageteaser .textbody {
    width: 45.5%;
    padding: 10px 4% 0 0;
    text-align: center;
}

.imageteaser .imagebody {
    width: 48%;
}

.imageteaser .imagebody img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

/* Image left, text right */
.imageteaser.image-left {
    text-align: left;
}

.imageteaser.image-left .textbody {
    padding: 10px 0 0 4%;
}

/* Imageteaser with tagcloud */
.tagcloud-header {
    margin-bottom: 10px;
}

.tagcloud-header h2 {
    display: inline-block;
    margin-bottom: 10px;
    color: #8a8f94;
}

/* /End of imageteaser with tagcloud */

/* Aricle tagcloud */
.article-tagcloud {
    margin-bottom: 10px;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

.article-tagcloud li {
    display: inline-block;
    margin-bottom: 0;
    padding-right: 8px;
    font-style: italic;
    color: #8a8f94;
    background: url(../img/layout/bg-tagcloud-separator.png) right 4px no-repeat;
}

.article-tagcloud li:last-child {
    background: none;
}
/* IE8 */
.article-tagcloud li.last {
    background: none;
}
/* /End of article tagcloud */
/* /End of imageteaser */

/* Vertical-Block - centers elements on Y-axis */
.vertical-block {
    position: relative;
}

.vertical-block:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; /* Adjusts for spacing */
}

.centered {
    float: none; /* Element must not float! */
    display: inline-block;
    vertical-align: middle;
}
/* /End of vertical-block */

/* Centerteaser */
.centerteaser {
    width: 40%;
    margin: 0 auto 40px;
    padding-top: 20px;
    text-align: center;
}

.centered-form .centerteaser {
    width: 65.2%;
    margin: 0 0 40px;
    padding-top: 20px;
}
/* /End of centerteaser */

/* Thanks block */
.thanks-block {
    margin-bottom: 40px;
    padding: 20px 2%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
    background: #f5f5f5;
}

.thanks-block h2 {
    margin-bottom: 30px;
}
/* /End of Thanks block */

/* Reference overview */
/* Reference filter type */
.reference-filter-type {
    margin-bottom: 40px;
    padding: 20px 2%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
    background: #f5f5f5;
}

.reference-filter-type h2 {
    margin-bottom: 30px;
}

.reference-filter-type ul {
    margin-bottom: 10px;
    padding: 0;
    list-style: none;
}

.reference-filter-type li {
    position: relative;
    display: inline-block;
    width: 188px;
    height: 188px;
    margin: 0 30px 10px 30px;
}

.reference-filter-type.four li {
    margin: 0 22px 10px;
}
.lt-ie9 .reference-filter-type.four li {
    margin: 0 10px 10px;
}

.reference-filter-type li a {
    display: table;
    position: absolute;
    width: 188px;
    height: 188px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    font: normal 22px/1.1818 "LLumarFaktProBlond", Arial, sans-serif;
    text-decoration: none;
    color: #dc4406;
    background: url(../img/layout/bg-circle-1.png) 0 0 no-repeat;
}
.reference-filter-type li a.active {
    color: #ffffff;
    background: url(../img/layout/bg-circle-1a.png) 0 0 no-repeat;
}

.reference-filter-type li span {
    display: table-cell;
    width: 189px;
    height: 189px;
    margin: 0 0 -50px;
    padding: 0;
    overflow: hidden;
    padding: 0 35px;
    vertical-align: middle;
}

.reference-filter-type li:nth-child(3n+2) a {
    color: #f6a800;
    background: url(../img/layout/bg-circle-2.png) 0 0 no-repeat;
}
.reference-filter-type li:nth-child(3n+2) a.active {
    color: #ffffff;
    background: url(../img/layout/bg-circle-2a.png) 0 bottom no-repeat;
}
/* IE8 */
.reference-filter-type li.second-of-three a {
    color: #f6a800;
    background: url(../img/layout/bg-circle-2.png) 0 0 no-repeat;
}
.reference-filter-type li.second-of-three a.active {
    color: #ffffff;
    background: url(../img/layout/bg-circle-2a.png) 0 bottom no-repeat;
}

.reference-filter-type li:nth-child(3n+3) a {
    color: #ee7f00;
    background: url(../img/layout/bg-circle-2.png) 0 0 no-repeat;
}
.reference-filter-type li:nth-child(3n+3) a.active {
    color: #ffffff;
    background: url(../img/layout/bg-circle-2a.png) 0 bottom no-repeat;
}
/* IE8 */
.reference-filter-type li.third-of-three a {
    color: #ee7f00;
    background: url(../img/layout/bg-circle-3.png) 0 0 no-repeat;
}
.reference-filter-type li.third-of-three a.active {
    color: #ffffff;
    background: url(../img/layout/bg-circle-3a.png) 0 bottom no-repeat;
}

/* /End of reference filter type */

/* Reference filter list */
.reference-filter-list {
    margin-bottom: 40px;
    padding: 15px 2%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
    background: #f5f5f5 url(../img/layout/bg-bubble-05.png) center center no-repeat;
}

.reference-filter-list h2 {
    color: #fff;
}

.reference-filter-list .listwrapper {
    width: 65%;
    margin: 0 0 0 22%;
    line-height: 1.25;
}

.reference-filter-list dl {
    float: left;
    width: 29%;
    margin: 0 2% 20px;
    text-align: left;
}

.reference-filter-list dt {
    margin-bottom: 10px;
    font-weight: bold;
}

.reference-filter-list dd {
    margin: 0 19px 0 0;
}

.reference-filter-list p {
    clear: left;
    display: block;
    margin-bottom: 0;
}

.reference-filter-list .nextlink-2 {
    padding: 2px 0 2px 0;
}

.reference-filter-list .nextlink-2 span {
    padding: 3px 5px 3px 12px;
    background-position: 4px 8px;
}

.reference-filter-list .nextlink-2:hover span,
.reference-filter-list .nextlink-2:focus span,
.reference-filter-list .nextlink-2:active span {
    color: #fff;
    text-decoration: underline;
    background-position: 4px 8px;
}

.reference-filter-list .nextlink-2.active span {
    position: relative;
    color: #dc4406;
    background-color: #fff;
    background-position: 4px -25px;
}

.nextlink-2.active span:before {
    content: "";
    position: absolute;
    top: 0;
    right: -19px;
    display: block;
    width: 18px;
    height: 18px;
    background: url(../img/layout/ico-close-small.gif) 0 0 no-repeat;
}

/* /End of reference filter list */
/* /End of reference overview */


/* Product detail page */

.product-detail .value-wrapper {
	float: right;
	width: 40%;
}

.product-detail .accordion h4,
.product-detail .expandable h4 {
    margin-bottom: 14px;
}

.product-detail .accordion dd,
.product-detail .expandable dd {
    padding-bottom: 20px;
}

.product-detail .expandable img {
    width: 57%;
    margin-right: 3%;
    margin-bottom: 20px;
    float: left;
}

.product-description {
    margin-bottom: 40px;
    padding: 20px 7%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #f5f5f5;
}

.product-description .imageteaser {
    padding-bottom: 0;
    margin-bottom: 15px;
    background-color: #fff;
    border: 0;
}
.product-description .imageteaser .imagebody img {
    margin-bottom: 0;
}

.product-description .vertical-block:before {
    content: none;
}

.product-description .benefits {
    font-style: italic;
    color: #7D7D7D;
}

fieldset.captcha {
	border: none;
	margin-top: 20px;
}

fieldset.captcha legend {
	display: none;
}

fieldset.captcha img {
	padding-bottom: 10px;
}

.fivestar-wrapper {
    float: left;
    margin-right: 4px;
}

.fivestar-wrapper .formrow {
	margin-bottom: 0;
}

/* Star rating styles from Drupal */
.product-detail .fivestar-widget-static .star,
div.fivestar-widget .star {
    background-image: url(../img/layout/ico-star.png);
    background-repeat: no-repeat;
    float: left;
    height: 17px;
    overflow: hidden;
    text-indent: -999em;
    width: 19px;
    margin-right: 6px;
}
.product-detail .fivestar-widget-static .star span {
    background-image: url(../img/layout/ico-star.png);
    background-repeat: no-repeat;
    display: block;
    height: 100%;
    width: 100%;
}
.product-detail .fivestar-widget-static .star span.on,
div.fivestar-widget-static .star span.on {
    background-position: 0 -30px;
}

.product-detail .fivestar-widget-static .star span.off {
    background-position: 0 0;
}

/* Small version inside reviews section */
.product-detail .reviews .fivestar-widget-static .star {
    background-image: url(../img/layout/ico-star-small.png);
    height: 10px;
    width: 10px;
    margin-right: 4px;
    background-position: 0 -20px;
}
.product-detail .reviews .fivestar-widget-static .star span {
    background-image: url(../img/layout/ico-star-small.png);
}

.product-detail .reviews .fivestar-widget-static .star span.on {
    background-position: 0 0px;
}
.product-detail .reviews .fivestar-widget-static .star span.off {
    background-position: 0 -20px;
}

.product-description .socialmedia {
    padding-bottom: 0;
}

.product-description .rating {
    float: left;
    margin-bottom: 10px;
    position: relative;
}

.product-description .rating .rate {
    float: left;
}

.product-description .rating .linkstate-2 {
    line-height: 1.4;
}

.product-description .rating .legend {
    display: none;
    position: absolute;
    text-align: left;
    margin: 0;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    padding: 2px 18px;
    width: 210px;
    z-index: 10;
}
.product-description .rating .legend p {
    margin: 3px 0;
    white-space: nowrap;
}
.product-description .rating .legend hr {
    margin: 0 -18px;
}
.product-description .rating .legend .star {
    width: 10px;
    height: 10px;
    background-image: url(../img/layout/ico-star-small.png);
    background-repeat: no-repeat;
    margin-right: 3px;
}
.product-description .rating .legend .star.on {
    background-position: 0 0;
}
.product-description .rating .legend .star.off {
    background-position: 0 -20px;
}


/* Fivestar Form */

/* Plain HTML Version */
form.fivestar-widget {
  clear: both;
  display: block;
}
form.fivestar-widget select,
form.fivestar-widget input {
  margin: 0;
}

.fivestar-combo-stars .fivestar-form-item {
  float: left; /* RTL */
}

/* Fivestar form items */
.fivestar-static-form-item .form-item,
.fivestar-form-item .form-item {
  margin: 0;
}


/* Javascript Star Version */
div.fivestar-widget {
  display: block;
}


div.fivestar-widget .star, div.fivestar-widget .star a {
  background: url(../img/layout/ico-star.png) no-repeat 0 0; /* RTL */
  text-decoration: none;
}

div.fivestar-widget .cancel a, div.fivestar-widget .star a {
  display: block;
  width: 100%;
  height: 100%;
  background-position: 0 0; /* RTL */
  cursor: pointer;
}

div.fivestar-widget div.on a {
  background-position: 0 -30px; /* RTL */
}
div.fivestar-widget div.hover a, div.rating div a:hover {
  background-position: 0 -60px; /* RTL */
}
form.fivestar-widget div.description {
  margin-bottom: 0;
}

html.js .fivestar-submit {
  display: none;
}

.fivestar-combo-stars .form-type-fivestar .form-item {
  float: left;
}




/* End Form */

.product-description .addthis_toolbox {
    float: right;
}

.film-specs {
    width: 100%;
    border: 0;
}

.film-specs thead {
    display: none;
}

.film-specs th {
    border: 0;
    width: 80%;
    background: #fff;
}
.film-specs td {
    border: 0;
    padding: 8px 2.5% 7px;
    background: #fff;
}

.film-specs tr:nth-child(odd) th,
.film-specs tr:nth-child(odd) td {
    background: #f5f5f5;
}

/* IE8 */
.film-specs tr.odd th,
.film-specs tr.odd td {
    background: #f5f5f5;
}



.toolteaser.reviews {
    padding: 20px 6%;
    position: relative;
}

.reviews h3 {
    margin-bottom: 30px;
}

.reviews .cta-write {
    position: absolute;
    top: 20px;
    right: 7%;
}

.reviews .total-stats {
    text-align: left;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 7px 0;
    margin-bottom: 30px;
}

.reviews .average-wrapper {
    width: 55%;
    margin-right: 10%;
    float: left;
}
.reviews .recommendation-rate {
    width: 35%;
    float: right;
}

.reviews article {
    text-align: left;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}

.reviews .review-copy {
    width: 55%;
    float: left;
    margin-right: 10%;
}
.reviews .review-details {
    width: 35%;
    float: right;
}

.reviews .recommendation-wrapper {
    margin-bottom: 10px;
}

.reviews .fivestar-static-item {
    float: left;
    margin-right: 4px;
    padding-top: 4px;
}

.reviews dl dt {
    float: left;
    width: 36%;
    padding-right: 5%;
    margin-bottom: 5px;
}

.reviews dl dd {
    float: left;
    width: 64%;
    margin-bottom: 5px;
    margin-left: 0;
}


.reviews ul.inline, .reviews ul.links.inline {
    display: inline;
    padding-left: 0;
}
.reviews ul.inline li {
    display: inline;
    list-style-type: none;
    padding: 0 0.5em;
}

.comment-unpublished {
	background: #FFF4F4;
}

/* /End of Product detail page */


/* Load more */
.loadmore {
    margin-bottom: 40px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
    background: #f5f5f5;
}

.loadmore a,
.loadmore strong {
    display: block;
    width: 100%;
    padding: 20px 2%;
    text-transform: uppercase;
    color: #383d42;
}

.loadmore span {
    display: inline-block;
    height: 29px;
    line-height: 2.3333;
    font-weight: bold;
}

.loadmore .icon {
    width: 29px;
    height: 29px;
    margin: 0 10px;
    padding-top: 0;
    background: url(../img/layout/ico-more.png) center center no-repeat;
}

.loadmore strong .icon {
    background-image: url(../img/layout/ico-loading.gif);
}
/* /End of load more */

/* Toolteaser */
.toolteaser {
    overflow: hidden;
    margin-bottom: 40px;
    padding: 20px 2%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
    background: #f5f5f5;
}

.toolteaser .textbody {
    width: 22%;
    margin-right: 16%;
    padding: 25px 0 0;
    text-align: center;
}

.bubbletext {
    position: relative;
    width: 20%;
    height: 100%;
    margin-right: 12%;
}

.bubbletext:before {
    content: "";
    position: absolute;
    z-index: 1;
    display: block;
    width: 306px;
    height: 289px;
    margin: -50px 0 0 -80px;
    background: url(../img/layout/bg-bubble-06.png) 0 0 no-repeat;
}

.bubbletext p {
    position: relative;
    z-index: 2;
    display: table-cell;
    width: 167px;
    height: 162px;
    padding: 13px 10px 0;
    vertical-align: middle;
    text-align: center;
    font: 22px/1 "LLumarFaktProBlond", Arial, sans-serif;
    color: #fff;
}

.bubbletext strong {
    font-weight: normal;
}

.toolteaser .textbody-right {
    width: 22%;
    padding: 0;
}

.toolteaser .textbody-right .linkstate-5 {
    display: block;
}

.toolteaser aside {
    margin: 0 -3% -20px;
    padding-top: 13px;
    border-top: 1px solid #ddd;
}

.toolteaser aside p {
    margin-bottom: 17px;
    padding: 0 2%;
}
/* /End of toolteaser */

/* Toolteaser rte */
.toolteaser-rte p {
    margin-bottom: 5px;
}

.toolteaser-rte ul {
    display: inline-block;
    margin: 15px 0;
    padding: 18px 0 0;
    list-style: none;
    background: url(../img/layout/bg-separator.gif) center 0 no-repeat;
}

.toolteaser-rte li a:link,
.toolteaser-rte li a:visited,
.toolteaser-rte li a:hover,
.toolteaser-rte li a:focus,
.toolteaser-rte li a:active {
    color: #383D42;
    font: italic 14px/1 "LLumarFaktProBlond",Arial,sans-serif;
    text-decoration: underline;
}
/* /End of toolteaser rte */

/* Benefitlist */
.benefitlist dt {
    margin-bottom: 20px;
    padding-left: 20px;
}

.benefitlist dd {
    margin: 0 0 14px;
    font: italic normal 14px/1 "LLumarFaktProBlond", Arial, sans-serif;
}

.benefitlist em {
    display: inline-block;
    padding-left: 20px;
    font-size: 16px;
    background: url(../img/layout/ico-check.png) 0 0 no-repeat;
}

.benefitlist .separator-top {
    display: block;
    width: 80%;
    text-align: center;
}
/* /END of benefitlist */

/* Linklist */
.linklist {
    padding-left: 0;
    list-style: none;
}

.linklist li {
    margin-bottom: 10px;
}
/* /END of linklist */

/* Reference detail */
.reference-detail {
    margin-bottom: 30px;
    padding: 20px 6% 0;
    border-top: 1px solid #ddd;
    background: #f5f5f5;
}

.reference-detail .slidejs-wrapper {
    margin-bottom: 20px;
}

.columnlayout-1 section {
    float: left;
    width: 32%;
    margin: 0 2% 20px 0;
}

.columnlayout-1 section:last-child {
    margin-right: 0;
}
/* IE8 */
.columnlayout-1 section.last {
    margin-right: 0;
}
/* /End of reference detail */

/* Socialmedia */
.socialmedia {
    padding-bottom: 20px;
    text-align: center;
}

.iconlink {
    display: inline-block;
    margin-right: 15px;
    text-indent: -999em;
}

.socialmedia .iconlink {
    padding-top: 4px;
}

.ico-print {
    width: 20px;
    height: 20px;
    background: url(../img/layout/ico-print.png) 0 0 no-repeat;
}

.ico-pdf {
    width: 20px;
    height: 20px;
    background: url(../img/layout/ico-pdf.png) 0 0 no-repeat;
}

.addthis_toolbox .iconlink {
    float: left;
}

.centerwrapper .socialmedia .addthis_toolbox a {
    float: none;
}

.centerwrapper .socialmedia .addthis_counter {
    display: inline-block !important;
}
/* /End of socialmedia */

/* Text columns - two columns in comparison */
.text-columns {
    margin-bottom: 20px;
}

.text-columns section {
    float: left;
    width: 47.7%;
}

.text-columns section:nth-child(2n+1) {
    margin-right: 2.3%;
}

.text-columns section.first-of-two {
    margin-right: 2.3%;
}

.text-columns section:nth-child(2n+2) {
    float: right;
    margin-right: 0;
    margin-left: 2.2%;
}

.text-columns section.second-of-two {
    float: right;
    margin-right: 0;
    margin-left: 2.2%;
}

.text-columns header {
    margin-bottom: 0;
}
/* /End of text columns - two columns in comparison */

/* Imagestage */
.imagestage {
    position: relative;
    margin-bottom: 25px;
}

.imagestage img {
    width: 100%;
    height: auto;
}

/* Imagestage twice - variation with two images */
.imagestage .imagestage-twice {
    float: left;
    width: 49.5%;
    height: auto;
    margin-right: 0.81%;
}

.imagestage .imagestage-twice:nth-child(2n+2) {
    float: right;
    margin-right: 0;
}
/* IE8 */
.imagestage .imagestage-twice.second-of-two {
    margin-right: 0;
}
/* /End of variation with two images */

.imagestage .vertical-block {
    height: 100%;
}

.imagestage .textwrapper {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 3;
    width: 25%;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    background: #fff;
}

.imagestage .textwrapper-left {
    margin-left: -25%;
}

.imagestage .centered {
    width: 70%; /* Must not be 100% */
    height: auto;
    margin: -20px 0 0;
    padding: 20px 0 10px;
}

.imagestage .stagewrapper a {
    text-decoration: none;
}

.imagestage a:hover .linkstate-2 {
    color: #dc4406;
    text-decoration: none;
}

.textfinish {
    border-bottom: 1px solid #ddd;
}

.textfinish p {
    padding: 0 5%;
    text-align: center;
}
/* /End of imagestage Twice */

/* Textfinish */
.textfinish {
    margin-bottom: 30px;
}

/* Eventtable */
.eventtable {
    min-width: 400px;
}

.eventtable .column-first,
.eventtable .column-second {
    width: 25%;
}

.eventtable td:nth-child(3n+3) {
    font-weight: bold;
}
/* IE8 */
.eventtable td.third-of-three {
    font-weight: bold;
}
/* /End of eventtable */

/* Associations */
.associations ul {
    padding: 0;
    list-style: none;
}

.logobox {
    float: left;
    position: relative;
    width: 23%;
    max-height: 199px;
    overflow: hidden;
    margin: 0 2.4% 2.4% 0;
    text-align: left;
    vertical-align: middle;
    background: #f5f5f5;
    font-size: 0; /* crucial bugfix for horizontal ghost-padding - do not remove! */
}

.logobox a {
    display: block;
}

.logobox .spacer {
    float: none;
    display: inline-block;
    vertical-align: middle;
}

.logobox:nth-child(4n+4) {
    margin-right: 0;
}
/* IE8 */
.logobox.fourth-of-four {
    margin-right: 0;
}

.logobox img {
    max-width: 96%;
    max-height: 200px;
    height: auto;
}

/* .spacer stretches parent
 * element to initial height of 200px and keeps aspect-ratio
 * when browser is resized.
 */
.logobox .spacer {
    position: relative;
    top: 0;
    width: 0.5%;
}

/* Safari */
.logobox .spacer.is-safari,
.logobox .spacer.is-opera {
    width: auto;
}

.logobox .centered {
    width: 99.5%;
    min-height: 0;
    overflow: hidden;
    font-size: 13px; /* Reset bugfix from .logobox */
    text-align: center;
}

.logobox .logo {
    display: inline;
    width: auto;
    height: auto;
    max-width: 92%;
    max-height: 140px;
    max-height/*\**/: 120px\9; /* IE8 */
    overflow: hidden;
    padding: 0 4%;
}

.logobox .textbody {
    display: none;
    height: 100%;
    padding: 0 4%;
    color: #fff;
}

/* All .logobox a:hover events mustn't take effect for ie8 due to a :hover-bug.
 * For IE8 hover-events are realised via jQuery-given class "ie-hover".
 */

/* Everything except IE6-8 */
:root *> .logobox a.hover {
    background: #fff url(../img/layout/bg-circle-30.png) center center no-repeat;
    -webkit-background-size: contain;
       -moz-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}
/* IE8 */
.logobox a.ie-hover {
    background/*\**/: #fff url(../img/layout/bg-circle-30.png) center center no-repeat\9;
    background-size/*\**/: contain\9;
}

/* Everything except IE6-8 */
:root *> .logobox a.hover .logo {
    display: none;
}
/* IE8 */
.logobox a.ie-hover .logo {
    display: none;
}

/* Everything except IE6-8 */
:root *> .logobox a.hover .textbody {
    display: block;
}
/* IE8 */
.logobox a.ie-hover .textbody {
    display: block;
}

.logobox h2 {
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
}

.logobox p {
    margin-bottom: 13px;
}

.logobox .nextlink-2 {
    line-height: 1.1538;
    font-weight: normal;
}

.logobox .nextlink-2:hover span,
.logobox .nextlink-2:focus span,
.logobox .nextlink-2:active  span {
    color: #fff;
    background-position: 0 5px;
}
/* /End of associations */

/* Buttonlist */
.buttonlist {
    margin-top: 50px;
    padding: 0;
    list-style: none;
    text-align: center;
    line-height: 1px;
    white-space: pre;
}

.buttonlist li {
    margin-bottom: 0;
}

.buttonlist .button {
    display: inline-block;
    margin-bottom: 20px;
    text-align: center;
}
/* /End buttonlist */

/* Buttonrow */
.buttonrow {
    margin-bottom: 0;
    padding: 0;
    list-style: none;
}

.toolteaser .buttonrow {
    margin: 0 5%;
}

.buttonrow .float-left {
    margin-right: 20px;
}

.buttonrow .float-right {
    margin-left: 20px;
}

.buttonrow .linkstate-5 {
    margin-top: 5px;
}
/* /End of buttonrow */

/* Maintenance */
.maintenance {
    position: relative;
    overflow: hidden;
}

.maintenance .background {
    width: 100%;
    height: auto;
}

.maintenance .bubble-big {
    position: absolute;
    top: -10%;
    right: -10%;
    left: auto;
    width: 50%;
}

.maintenance .bubble-big .textbody {
    width: 55%;
    margin-left: -82.5%;
}
/* /End of maintenance */

/* Distributor */

.distributor-header {
	background: #f5f5f5;
	border-bottom: solid 1px #ddd;
    border-top: solid 1px #ddd;
	text-align: center;
	margin-bottom: 20px;
}

.distributor-header h3 {
    padding: 15px 0;
    margin: 0;
}

.distributor {
    float: left;
    margin: 0 2% 0 0;
    position: relative;
    width: 32%;
}

.distributor-list hr {
    clear: left;
    margin-bottom: 20px;
}

.distributor-list .distributor:nth-of-type(3n+3) {
    margin-right: 0;
}
/* /End of Distributor */

/* Sitemap */
/* Sitemap - level 1 */
.sitemap ul {
    padding-left: 0;
    list-style: none;
}

.sitemap ul li {
    margin-bottom: 1px;
}

.sitemap ul li a,
.sitemap ul li strong {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding: 15px 2%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font: normal 22px/1.1818 "LLumarFaktProBlond", Arial, sans-serif;
    background: #f5f5f5;
    text-decoration: none;
    text-align: center;
}
/* /End of sitemap - level 1 */

/* Sitemap - level 2 */
.sitemap ul ul {
    margin: 0;
    padding: 0;
}

.sitemap ul ul li a,
.sitemap ul ul li strong {
    margin-bottom: 15px;
    padding: 0 7.2% 15px;
    border-top: 0;
    border-bottom: 1px solid #ddd;
    font: normal 20px/1.25 "LLumarFaktProBlond", Arial, sans-serif;
    text-align: left;
    background: transparent;
}
/* /End of sitemap - level 2 */

/* Sitemap - level 3 */
.sitemap ul ul ul {
    padding: 0 7.2%;
}

.sitemap ul ul ul li {
    float: left;
    width: 32%;
    margin: 0 2% 27px 0;
}

.sitemap ul ul ul li:nth-of-type(3n+3) {
    margin-right: 0;
}
/* IE8 */
.sitemap ul ul ul li.third-of-three {
    margin-right: 0;
}

.sitemap ul ul ul li a,
.sitemap ul ul ul li strong {
    margin-bottom: 7px;
    padding: 0;
    border: 0;
    font: normal 12px/1.25 Arial, sans-serif;
}

.sitemap ul ul ul li span {
    display: inline-block;
    padding: 0 0 0 8px;
    background: url(../img/layout/bg-arrow.gif) 0 5px no-repeat;
}

.sitemap ul ul ul li a:hover span,
.sitemap ul ul ul li a:focus span,
.sitemap ul ul ul li a:active span {
    background: url(../img/layout/bg-arrow-active.gif) 0 5px no-repeat;
}
/* /End of sitemap - level 3 */

/* Sitemap - level 4 */
.sitemap ul ul ul ul {
    padding: 0 6%;
}

.sitemap ul ul ul ul li {
    float: none;
    width: 100%;
    margin-bottom: 0;
}
/* /End of sitemap - level 4 */
/* /End of sitemap */

/*
 * Tools
 */
/* Legal Notice */
.legal-notice {
    display: block;
    margin-bottom: 40px;
    padding: 20px 4% 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
    font-size: 14px;
    line-height: 1.42857;
    background: #f5f5f5;
}
/* /End of legal notice */

/* Tool - automotive visualizer */
.tool-automotive {
    position: relative;
    margin-bottom: 0;
    padding: 20px 0;
    border-top: 1px solid #ddd;
    background: #f5f5f5;
}

.tool-automotive .legal-notice {
    margin-bottom: 1px;
    border-bottom: 0;
}

.tool-automotive .progress {
    list-style-type: none;
    padding: 0;
    margin-bottom: 60px;
}

.tool-automotive .progress .button {
    margin-top: 17px;
}

.tool-automotive .progress li {
    float: left;
    width: 32%;
    margin-right: 2%;
    text-align: center;
    vertical-align: middle;
}
.tool-automotive .progress li.last {
    margin-right: 0;
}
.tool-automotive .progress .dealer a {
    white-space: nowrap;
}

.tool-automotive .progress .back a {
    background-image: url(../img/layout/bg-step-back-01.png);
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    line-height: 60px;
    padding-left: 50px;
}

.tool-automotive .progress li.active strong,
.tool-automotive .progress li.inactive strong {
    background-image: url(../img/layout/bg-bubble-03.png);
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    line-height: 60px;
    padding-left: 23px;
}
.tool-automotive .progress li.inactive {
    opacity: 0.6;
}

.tool-automotive .progress li .digit {
    padding-right: 40px;
    color: #fff;
}

.tool-automotive .progress .button {
    margin-bottom: 0;
}

.tint-configuration {
    margin-bottom: 40px;
}

.one-third {
    float: left;
    width: 32%;
    margin-right: 2%;
}
.one-third.last {
    margin-right: 0;
}

.two-thirds {
    float: left;
    width: 66%;
    margin-right: 2%;
}
.two-thirds.last {
    margin-right: 0;
}

/* Choose a car model */

.tool-automotive .animation-container {
    height: 100%;
    width: 100%;
    padding-top: 20px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f5f5f5;
    z-index: 10;
}

.tool-automotive .animation-wrapper {
    position: relative;
}

.tool-automotive .startscreen {
    position: absolute;
    top: 0;
    width: 100%;
    height: auto;
}

.tool-automotive .animation {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}
.tool-automotive .animation.car1 {
    background-image: url(../img/content/tool-automotive-car1-ani.jpg);
}
.tool-automotive .animation.car2 {
    background-image: url(../img/content/tool-automotive-car2-ani.jpg);
}
.tool-automotive .animation.car3 {
    background-image: url(../img/content/tool-automotive-car3-ani.jpg);
}
.tool-automotive .animation.car4 {
    background-image: url(../img/content/tool-automotive-car4-ani.jpg);
}

.tool-automotive .car-buttons {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 30;
}
.tool-automotive .car-blinkers {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 25;
}

.tool-automotive .car-blinkers img {
    float: left;
    visibility: hidden;
}

.tool-automotive .car-buttons a {
    display: block;
    float: left;
    /*height: 160px;*/

    /* Fix for ie to make area clickable */
    background-color: #f5f5f5;
    opacity: 0;
    filter: alpha(opacity=0);
}

.tool-automotive .car-buttons .car1,
.tool-automotive .car-blinkers .car1 {
    margin-left: 8%;
    width: 23%;
}
.tool-automotive .car-buttons .car2,
.tool-automotive .car-blinkers .car2 {
    width: 18%;
}
.tool-automotive .car-buttons .car3,
.tool-automotive .car-blinkers .car3 {
    width: 18%;
}
.tool-automotive .car-buttons .car4,
.tool-automotive .car-blinkers .car4 {
    width: 25%;
}

.tool-automotive .car-blinkers .blink {
    visibility: visible;
}

.tool-automotive .car-buttons a img {
    width: 100%;
    height: auto;
}

.tool-automotive .loadmore {
    display: none;
    position: absolute;
    top: 44%;
    width: 100%;
}






.tool-automotive .car-views {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #ddd;
}

.tool-automotive .car-views .outside {
    position: relative;
}

.tool-automotive .car-views .outside h2,
.tool-automotive .car-views .inside h2 {
    margin-bottom: 50px;
}

.tool-automotive .car-views .outside img,
.tool-automotive .car-views .inside img {
    width: 100%;
    height: auto;
}

.tool-automotive .car-views .outside .car {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-size: cover;
}
.tool-automotive .car-views .outside .car.car1 {
    background-image: url(../img/content/tool-automotive-car1-rotation.jpg);
}
.tool-automotive .car-views .outside .car.car2 {
    background-image: url(../img/content/tool-automotive-car2-rotation.jpg);
}
.tool-automotive .car-views .outside .car.car3 {
    background-image: url(../img/content/tool-automotive-car3-rotation.jpg);
}
.tool-automotive .car-views .outside .car.car4 {
    background-image: url(../img/content/tool-automotive-car4-rotation.jpg);
}

.tool-automotive .car-views .outside .car .window-front,
.tool-automotive .car-views .outside .car .window-rear,
.tool-automotive .car-views .outside .car #color-overlay,
.tool-automotive .car-views .inside .window-interior {
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    transition: opacity 0.8s;
    -webkit-transition: opacity 0.8s;
}


/* Windows */

.tool-automotive .car-views .outside .car1 .window-front {
    background-image: url(../img/content/tool-automotive-car1-windows-side-front.png);
}
.tool-automotive .car-views .outside .car1 .window-rear {
    background-image: url(../img/content/tool-automotive-car1-windows-side-rear.png);
}
.tool-automotive .car-views .outside .car1.rotated .window-front {
    background-image: url(../img/content/tool-automotive-car1-windows-back-front.png);
}
.tool-automotive .car-views .outside .car1.rotated .window-rear {
    background-image: url(../img/content/tool-automotive-car1-windows-back-rear.png);
}

.tool-automotive .car-views .outside .car2 .window-front {
    background-image: url(../img/content/tool-automotive-car2-windows-side-front.png);
}
.tool-automotive .car-views .outside .car2 .window-rear {
    background-image: url(../img/content/tool-automotive-car2-windows-side-rear.png);
}
.tool-automotive .car-views .outside .car2.rotated .window-front {
    background-image: url(../img/content/tool-automotive-car2-windows-back-front.png);
}
.tool-automotive .car-views .outside .car2.rotated .window-rear {
    background-image: url(../img/content/tool-automotive-car2-windows-back-rear.png);
}

.tool-automotive .car-views .outside .car3 .window-front {
    background-image: url(../img/content/tool-automotive-car3-windows-side-front.png);
}
.tool-automotive .car-views .outside .car3 .window-rear {
    background-image: url(../img/content/tool-automotive-car3-windows-side-rear.png);
}
.tool-automotive .car-views .outside .car3.rotated .window-front {
    background-image: url(../img/content/tool-automotive-car3-windows-back-front.png);
}
.tool-automotive .car-views .outside .car3.rotated .window-rear {
    background-image: url(../img/content/tool-automotive-car3-windows-back-rear.png);
}

.tool-automotive .car-views .outside .car4 .window-front {
    background-image: url(../img/content/tool-automotive-car4-windows-side-front.png);
}
.tool-automotive .car-views .outside .car4 .window-rear {
    background-image: url(../img/content/tool-automotive-car4-windows-side-rear.png);
}
.tool-automotive .car-views .outside .car4.rotated .window-front {
    background-image: url(../img/content/tool-automotive-car4-windows-back-front.png);
}
.tool-automotive .car-views .outside .car4.rotated .window-rear {
    background-image: url(../img/content/tool-automotive-car4-windows-back-rear.png);
}

/* Colors */
/* Black */
.tool-automotive .car-views .outside .car1 #color-overlay.black {
    background-image: url(../img/content/tool-automotive-car1-black.jpg);
}
.tool-automotive .car-views .outside .car1.rotated #color-overlay.black {
    background-image: url(../img/content/tool-automotive-car1-black-rotated.jpg);
}
.tool-automotive .car-views .outside .car2 #color-overlay.black {
    background-image: url(../img/content/tool-automotive-car2-black.jpg);
}
.tool-automotive .car-views .outside .car2.rotated #color-overlay.black {
    background-image: url(../img/content/tool-automotive-car2-black-rotated.jpg);
}
.tool-automotive .car-views .outside .car3 #color-overlay.black {
    background-image: url(../img/content/tool-automotive-car3-black.jpg);
}
.tool-automotive .car-views .outside .car3.rotated #color-overlay.black {
    background-image: url(../img/content/tool-automotive-car3-black-rotated.jpg);
}
.tool-automotive .car-views .outside .car4 #color-overlay.black {
    background-image: url(../img/content/tool-automotive-car4-black.jpg);
}
.tool-automotive .car-views .outside .car4.rotated #color-overlay.black {
    background-image: url(../img/content/tool-automotive-car4-black-rotated.jpg);
}

/* Silver */
.tool-automotive .car-views .outside .car1 #color-overlay.silver {
    background-image: url(../img/content/tool-automotive-car1-silver.jpg);
}
.tool-automotive .car-views .outside .car1.rotated #color-overlay.silver {
    background-image: url(../img/content/tool-automotive-car1-silver-rotated.jpg);
}
.tool-automotive .car-views .outside .car2 #color-overlay.silver {
    background-image: url(../img/content/tool-automotive-car2-silver.jpg);
}
.tool-automotive .car-views .outside .car2.rotated #color-overlay.silver {
    background-image: url(../img/content/tool-automotive-car2-silver-rotated.jpg);
}
.tool-automotive .car-views .outside .car3 #color-overlay.silver {
    background-image: url(../img/content/tool-automotive-car3-silver.jpg);
}
.tool-automotive .car-views .outside .car3.rotated #color-overlay.silver {
    background-image: url(../img/content/tool-automotive-car3-silver-rotated.jpg);
}
.tool-automotive .car-views .outside .car4 #color-overlay.silver {
    background-image: url(../img/content/tool-automotive-car4-silver.jpg);
}
.tool-automotive .car-views .outside .car4.rotated #color-overlay.silver {
    background-image: url(../img/content/tool-automotive-car4-silver-rotated.jpg);
}

/* Red */
.tool-automotive .car-views .outside .car1 #color-overlay.red {
    background-image: url(../img/content/tool-automotive-car1-red.jpg);
}
.tool-automotive .car-views .outside .car1.rotated #color-overlay.red {
    background-image: url(../img/content/tool-automotive-car1-red-rotated.jpg);
}
.tool-automotive .car-views .outside .car2 #color-overlay.red {
    background-image: url(../img/content/tool-automotive-car2-red.jpg);
}
.tool-automotive .car-views .outside .car2.rotated #color-overlay.red {
    background-image: url(../img/content/tool-automotive-car2-red-rotated.jpg);
}
.tool-automotive .car-views .outside .car3 #color-overlay.red {
    background-image: url(../img/content/tool-automotive-car3-red.jpg);
}
.tool-automotive .car-views .outside .car3.rotated #color-overlay.red {
    background-image: url(../img/content/tool-automotive-car3-red-rotated.jpg);
}
.tool-automotive .car-views .outside .car4 #color-overlay.red {
    background-image: url(../img/content/tool-automotive-car4-red.jpg);
}
.tool-automotive .car-views .outside .car4.rotated #color-overlay.red {
    background-image: url(../img/content/tool-automotive-car4-red-rotated.jpg);
}

/* Blue */
.tool-automotive .car-views .outside .car1 #color-overlay.blue {
    background-image: url(../img/content/tool-automotive-car1-blue.jpg);
}
.tool-automotive .car-views .outside .car1.rotated #color-overlay.blue {
    background-image: url(../img/content/tool-automotive-car1-blue-rotated.jpg);
}
.tool-automotive .car-views .outside .car2 #color-overlay.blue {
    background-image: url(../img/content/tool-automotive-car2-blue.jpg);
}
.tool-automotive .car-views .outside .car2.rotated #color-overlay.blue {
    background-image: url(../img/content/tool-automotive-car2-blue-rotated.jpg);
}
.tool-automotive .car-views .outside .car3 #color-overlay.blue {
    background-image: url(../img/content/tool-automotive-car3-blue.jpg);
}
.tool-automotive .car-views .outside .car3.rotated #color-overlay.blue {
    background-image: url(../img/content/tool-automotive-car3-blue-rotated.jpg);
}
.tool-automotive .car-views .outside .car4 #color-overlay.blue {
    background-image: url(../img/content/tool-automotive-car4-blue.jpg);
}
.tool-automotive .car-views .outside .car4.rotated #color-overlay.blue {
    background-image: url(../img/content/tool-automotive-car4-blue-rotated.jpg);
}

/* Green */
.tool-automotive .car-views .outside .car1 #color-overlay.green {
    background-image: url(../img/content/tool-automotive-car1-green.jpg);
}
.tool-automotive .car-views .outside .car1.rotated #color-overlay.green {
    background-image: url(../img/content/tool-automotive-car1-green-rotated.jpg);
}
.tool-automotive .car-views .outside .car2 #color-overlay.green {
    background-image: url(../img/content/tool-automotive-car2-green.jpg);
}
.tool-automotive .car-views .outside .car2.rotated #color-overlay.green {
    background-image: url(../img/content/tool-automotive-car2-green-rotated.jpg);
}
.tool-automotive .car-views .outside .car3 #color-overlay.green {
    background-image: url(../img/content/tool-automotive-car3-green.jpg);
}
.tool-automotive .car-views .outside .car3.rotated #color-overlay.green {
    background-image: url(../img/content/tool-automotive-car3-green-rotated.jpg);
}
.tool-automotive .car-views .outside .car4 #color-overlay.green {
    background-image: url(../img/content/tool-automotive-car4-green.jpg);
}
.tool-automotive .car-views .outside .car4.rotated #color-overlay.green {
    background-image: url(../img/content/tool-automotive-car4-green-rotated.jpg);
}

/* Yellow */
.tool-automotive .car-views .outside .car1 #color-overlay.yellow {
    background-image: url(../img/content/tool-automotive-car1-yellow.jpg);
}
.tool-automotive .car-views .outside .car1.rotated #color-overlay.yellow {
    background-image: url(../img/content/tool-automotive-car1-yellow-rotated.jpg);
}
.tool-automotive .car-views .outside .car2 #color-overlay.yellow {
    background-image: url(../img/content/tool-automotive-car2-yellow.jpg);
}
.tool-automotive .car-views .outside .car2.rotated #color-overlay.yellow {
    background-image: url(../img/content/tool-automotive-car2-yellow-rotated.jpg);
}
.tool-automotive .car-views .outside .car3 #color-overlay.yellow {
    background-image: url(../img/content/tool-automotive-car3-yellow.jpg);
}
.tool-automotive .car-views .outside .car3.rotated #color-overlay.yellow {
    background-image: url(../img/content/tool-automotive-car3-yellow-rotated.jpg);
}
.tool-automotive .car-views .outside .car4 #color-overlay.yellow {
    background-image: url(../img/content/tool-automotive-car4-yellow.jpg);
}
.tool-automotive .car-views .outside .car4.rotated #color-overlay.yellow {
    background-image: url(../img/content/tool-automotive-car4-yellow-rotated.jpg);
}

/* Beige */
.tool-automotive .car-views .outside .car1 #color-overlay.beige {
    background-image: url(../img/content/tool-automotive-car1-beige.jpg);
}
.tool-automotive .car-views .outside .car1.rotated #color-overlay.beige {
    background-image: url(../img/content/tool-automotive-car1-beige-rotated.jpg);
}
.tool-automotive .car-views .outside .car2 #color-overlay.beige {
    background-image: url(../img/content/tool-automotive-car2-beige.jpg);
}
.tool-automotive .car-views .outside .car2.rotated #color-overlay.beige {
    background-image: url(../img/content/tool-automotive-car2-beige-rotated.jpg);
}
.tool-automotive .car-views .outside .car3 #color-overlay.beige {
    background-image: url(../img/content/tool-automotive-car3-beige.jpg);
}
.tool-automotive .car-views .outside .car3.rotated #color-overlay.beige {
    background-image: url(../img/content/tool-automotive-car3-beige-rotated.jpg);
}
.tool-automotive .car-views .outside .car4 #color-overlay.beige {
    background-image: url(../img/content/tool-automotive-car4-beige.jpg);
}
.tool-automotive .car-views .outside .car4.rotated #color-overlay.beige {
    background-image: url(../img/content/tool-automotive-car4-beige-rotated.jpg);
}

.tool-automotive .car-views .inside .interior-container {
    position: relative;
    margin-bottom: 40px;
}

.tool-automotive .car-views .inside .window-interior {
    background-image: url("../img/content/tool-automotive-window-interior.png");
    top: 0;
    left: 0;
}

.lt-ie9 .tool-automotive .car-views .inside .window-interior {
    background-image: url("../img/content/tool-automotive-window-interior-ie.png");
}


.tool-automotive .rotate-car {
    position: absolute;
    top: 35px;
    left: 0;
    width: 54px;
    height: 54px;
    background-image: url("../img/layout/but-rotate-car.png");
    background-repeat: no-repeat;
    text-indent: -9999px;
    z-index: 2;
}
.tool-automotive .rotate-car:hover {
    background-position: 0px -60px;
}
.tool-automotive .rotate-car.loading {
    background-position: 0px 0px;
    background-image: url("../img/layout/ico-loading-rotation.gif");
    cursor: default;
}

.tool-automotive .color-palette {
    list-style-type: none;
    padding: 0;
}
.tool-automotive .color-palette li {
    float: left;
    margin-right: 6px;
}
.tool-automotive .color-palette li.last {
    margin-right: 0;
}
.tool-automotive .color-palette li a {
    display: block;
    width: 62px;
    height: 38px;
    background-image: url(../img/layout/tool-automotive-color-field.png);
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
}
.tool-automotive .color-palette li a.active {
    border: 2px solid #666;
    cursor: default;
}


.tool-automotive .color-palette .black {
    background-color: #494949;
}
.tool-automotive .color-palette .white {
    background-color: #fff;
}
.tool-automotive .color-palette .silver {
    background-color: #b7b7b7;
}
.tool-automotive .color-palette .red {
    background-color: #b64747;
}
.tool-automotive .color-palette .blue {
    background-color: #3362ad;
}
.tool-automotive .color-palette .green {
    background-color: #50bc6c;
}
.tool-automotive .color-palette .yellow {
    background-color: #f0c26e;
}
.tool-automotive .color-palette .beige {
    background-color: #d2b493;
}
.tool-automotive .color-palette .grey {
    background-color: #757575;
}


.tool-automotive .blocked-heat h2 {
    margin-bottom: 10px;
}

.tool-automotive .scale {
    width: 310px;
    margin: 0 auto;
}

.tool-automotive .scale .label {
    color: #383d42;
    margin: 0 8px;
}
.tool-automotive .scale .scale-left .label {
    text-align: right;
}
.tool-automotive .scale .scale-right .label {
    text-align: left;
}

.tool-automotive .scale .templabel {
    text-align: center;
    color: #383d42;
    font: 18px/1 "LLumarFaktProBlond", Arial, sans-serif;
    text-transform: uppercase;
    margin: 6px 0 2px 0;
}

.tool-automotive .scale-left,
.tool-automotive .scale-right {
    width: 125px;
    height: 250px;
    background-image: url("../img/content/tool-automotive-scale-left.gif");
    background-repeat: no-repeat;
}
.tool-automotive .scale-left {
    background-image: url("../img/content/tool-automotive-scale-left.gif");
}
.tool-automotive .scale-right {
    background-image: url("../img/content/tool-automotive-scale-right.gif");
}



.tool-automotive .eyecatcher {
    background-image: url("../img/layout/bg-bubble-02.png");
    background-repeat: no-repeat;
    background-position: center center;
    height: 202px;
    width: 194px;
    margin: 0 auto;
}
.tool-automotive .eyecatcher p {
    color: #fff;
    display: table-cell;
    font: 16px/1.26 "LLumarFaktProBlond", Arial, sans-serif;
    height: 180px;
    padding: 18px 24px 0 13px;
    text-align: center;
    vertical-align: middle;
}
.tool-automotive .eyecatcher strong {
    font: 36px/1.2 "LLumarFaktProSemiBold", Arial, sans-serif;
}

/* Sliders */
.frontTint,
.rearTint,
.sliderWrapperLight,
.sliderWrapperUv,
.sliderWrapperHeat,
.sliderWrapperGlare {
    width: 48.5%;
    float: left;
    position: relative;
    margin-bottom: 40px;
    color: #84878a;
}

.rearTint,
.sliderWrapperLight,
.sliderWrapperHeat {
    margin-right: 3%;
}

#sliderFront,
#sliderRear,
#sliderLight,
#sliderUv,
#sliderHeat,
#sliderGlare {
    width: 100%;
    margin-bottom: 5px;
}

/* jQuery UI */
.ui-widget-content {
    background-color: #e1e1e1;
    border: 1px solid #e1e1e1;
}
.ui-slider-horizontal {
    height: 0.8em;
}
.ui-slider-horizontal .ui-slider-range {
    height: 100%;
    top: 0;
    border: 0;
    position: relative;
    transition: width 0.2s;
    -webkit-transition: width 0.2s;
}
.ui-slider {
    position: relative;
    cursor: pointer;
}
.ui-widget-header {
    background-color: #dc4406;
    border: 1px solid #dc4406;
}

.ui-slider .ui-slider-handle {
    background: url("../img/layout/slider-handle.gif") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    position: absolute;
    height: 16px;
    width: 20px;
    margin-left: -10px;
    top: -4px;
    z-index: 2;
    transition: left 0.2s;
    -webkit-transition: left 0.2s;
}

/* Tooltips on sliders */
.tooltip {
    background-color: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
    margin-left: -13px;
    position: absolute;
    top: -44px;
    width: 46px;
    height: 30px;
    transition: left 0.2s;
    -webkit-transition: left 0.2s;
}
.lt-ie9 .tooltip {
    border: 1px solid #D5D5D5;
}

.tooltip:before {
    background: url("../img/layout/tooltip-arrow.png") no-repeat scroll 0 0 transparent;
    content: "";
    height: 12px;
    left: 50%;
    margin-left: -12px;
    position: absolute;
    bottom: -12px;
    width: 23px;
}
.lt-ie9 .tooltip:before {
    background: url("../img/layout/tooltip-arrow-ie8.png") no-repeat scroll 0 0 transparent;
    z-index: 40;
    bottom: -12px;
}

.tooltip input.slider-amount {
    border: 0;
    color: #555;
    display: block;
    width: 44px;
    text-align: center;
    margin-top: 6px;
    padding: 0;
}

/* /End of tint sliders */

/* Version without front window tinting */
.tool-automotive.no-front .inside,
.tool-automotive.no-front .frontTint,
.tool-automotive.no-front .scale-right {
    display: none;
}
.tool-automotive.no-front .scale {
    margin: 0;
    width: 310px;
}
.tool-automotive.no-front .scale-center {
    width: 60px;
}
.tool-automotive.no-front .rearTint {
    width: 100%;
}

/* /End of Tool - automotive visualizer */

/* Tool - savings calculator */
.tool-savings-calculator h2 {
    margin-bottom: 20px;
}

.tool-savings-calculator .toolteaser.inactive > fieldset {
    opacity: 0.6;
}
.tool-savings-calculator .toolteaser.inactive > fieldset label {
    cursor: default;
}

.tool-savings-calculator .toolteaser.inactive h2 .activeHl,
.tool-savings-calculator .results.inactive h2 .activeHl {
    display: none;
}
.tool-savings-calculator .toolteaser h2 .activeHl,
.tool-savings-calculator .results h2 .activeHl {
    display: block;
}

.tool-savings-calculator .toolteaser.inactive h2 .inactiveHl,
.tool-savings-calculator .results.inactive h2 .inactiveHl {
    display: block;
}
.tool-savings-calculator .toolteaser h2 .inactiveHl,
.tool-savings-calculator .results h2 .inactiveHl {
    display: none;
}


/* Form savings calculator */
.form-savings-calculator > ol {
    padding: 0;
}

.form-savings-calculator > ol > li:before {
    content: counter(li, decimal) "";
    top: 20px;
    left: 20px;
    width: 47px;
    height: 48px;
    padding: 15px 4px 0 0;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    background: url(../img/layout/bg-bubble-09.png) center center no-repeat;
}

.lt-ie9 .ol-counter li:before {
    padding: 15px 0 0 16px;
}

.form-savings-calculator > ol .inactive:before {
    background-image: url(../img/layout/bg-bubble-10.png);
}

.form-savings-calculator .toolteaser {
    padding: 20px 8%;
    margin-bottom: 20px;
}

.form-savings-calculator .toolteaser aside {
    margin: 10px -10% -20px;
}

.form-savings-calculator fieldset {
    margin: 0;
    padding: 0;
    border-bottom: 0;
}

.form-savings-calculator .formrow select {
    width: 48%;
}

.form-savings-calculator .formrow select.disabled,
.form-savings-calculator .formrow select:disabled {
    color: #adadad;
    background-color: #f5f5f5;
}


/* Step - location */
.form-savings-calculator .step-location {
    padding-bottom: 100px;
    background: #f5f5f5 url(../img/layout/bg-worldmap.png) center center no-repeat;
}

.step-location header {
    margin-bottom: 55px;
}

.step-location h2 {
    margin-bottom: 5px;
}

.step-location .formrow {
    text-align: center;
}

.step-location .formrow label,
.step-location .formrow select {
    float: none;
}
/* /End of step - location */

/* Step - building */
.step-building .formrow {
    vertical-align: top;
    width: 54%;
    margin: 0 auto 20px;
}

.step-building .formrow label {
    width: 100%;
}

.step-building strong,
.step-building small {
    display: block;
    margin-bottom: 5px;
    line-height: 1.25;
}

.step-building .textwrapper {
    float: left;
    max-width: 60%;
    margin-top: 20px;
}

.form-savings-calculator .imagewrapper {
    float: left;
    width: 101px;
    height: 103px;
    margin-right: 4%;
}

.building-small .imagewrapper {
    background: url(../img/content/ico-combuilding-small.png) 20px -98px no-repeat;
}

.building-small .imagewrapper.active {
    background-position: 20px 14px;
}

.building-large .imagewrapper {
    background: url(../img/content/ico-combuilding-large.png) 0 -119px no-repeat;
}

.building-large .imagewrapper.active {
    background-position: 0 0;
}

/* /End of step - building */

/* Step - window */
.step-window .formrow {
    display: inline-block;
    vertical-align: top;
    width: 42%;
}

.step-window .formrow:first-of-type {
    margin-left: 8%;
}
/* IE 8 */
.step-window .formrow.first {
    margin-left: 8%;
}

.step-window .formrow label {
    float: left;
    width: 42%;
    margin-right: 4%;
}

.step-window input[type="radio"] {
    clear: both;
}

.step-window strong {
    display: block;
    margin-bottom: 5px;
}

.step-window small {
    display: block;
    margin-left: 24px;
    line-height: 1.25;
}

.step-window .imagewrapper {
    float: none;
    display: block;
    margin: 0 0 20px 0;
}

.window-single-clear .imagewrapper,
.window-single-tinted .imagewrapper {
    width: 68px;
    height: 100px;
    background: url(../img/content/ico-wintype-single-clear.png) 0 -102px no-repeat;
}

.window-single-clear .imagewrapper.active,
.window-single-tinted .imagewrapper.active {
    background-position: 0 8px;
}

.window-dual-clear .imagewrapper,
.window-dual-tinted .imagewrapper {
    width: 81px;
    height: 100px;
    background: url(../img/content/ico-wintype-dual-clear.png) 0 -110px no-repeat;
}

.window-dual-clear .imagewrapper.active,
.window-dual-tinted .imagewrapper.active {
    background-position: 0 0;
}

.window-single-tinted .imagewrapper {
    background-image: url(../img/content/ico-wintype-single-tinted.png);
}

.window-dual-tinted .imagewrapper {
    background-image: url(../img/content/ico-wintype-dual-tinted.png);
}
/* /End of step - window */

/* Step film */
.step-film .formrow {
    float: left;
    width: 32%;
    overflow: hidden;
    margin-left: 12%;
}

.step-film input {
    float: left;
}

.step-film .formrow label {
    float: left;
    width: 80%;
}

.step-film small {
    clear: left;
}
/* /End of step film */
/* /End of form savings calculator */

/* Graphs */
/* Graphwrapper - container positioning */
.graphwrapper {
    float: left;
    width: 30%;
    margin: 0 0 30px 5%;
}

.graphwrapper:nth-of-type(2n+2) {
    float: right;
    margin: 0 4% 0 0;
}
/* IE8 */
.graphwrapper.second-of-two {
    float: right;
    margin: 0 5% 0 0;
}

.graphwrapper h3 {
    margin-bottom: 5px;
    font: normal bold 12px/1.66667 Arial, sans-serif;
}
/* /End of graphwrapper - container positioning */

/* Graph level 1 */
.graph {
    width: 100%;
    text-align: left;
}

.graph dt {
    margin-bottom: 20px;
    font-weight: bold;
}

.graph dd {
    margin-left: 0;
}
/* /End of graph level 1 */

/* Graph level 2 */
.graph dl {
    width: 100%;
    color: #7d7d7d;
}

.graph dl dt {
    float: left;
    width: 35%;
    padding-right: 7%;
    text-align: right;
}

.graph dl dd {
    float: left;
    width: 64%;
    margin-bottom: 20px;
}

.graph dl .bar {
    float: left;
    display: inline-block;
    height: 20px;
    width: 0;
    background: #7d7d7d;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
    transition: width 0.5s;
    -webkit-transition: width 0.5s;
}

.graph dl strong {
    float: left;
    display: inline-block;
    width: 35%;
    padding: 0 3%;
    background: #f5f5f5;
}
/* /End of graph level 2 */

.tool-savings-calculator .socialmedia {
    clear: both;
}

/* graphwrapper-y - special styles for graph on y-axis */
.tool-savings-calculator .graphwrapper-y {
    float: left;
    position: relative;
    width: 43.5%;
    margin: 0 0 20px 5%;
}

.graphwrapper-y:nth-child(2n+2):after {
    content: "";
    position: absolute;
    left: -20%;
    top: -20px;
    display: block;
    width: 300%;
    height: 1px;
    background: #ddd;
}

.tool-savings-calculator .graphwrapper-y.last {
    float: right;
    margin: 0 5% 20px 0;
}

.graphwrapper-y.last:after {
    width: 0;
    height: 0;
    background: none;
}
/* /End of graphwrapper-y - special styles for graph on y-axis */
.graph-y {
    height: 325px;
    padding-top: 10px;
    text-align: left;
}

.graph-y > dt {
    margin-bottom: 0;
    font-weight: bold;
}

.graph-y > dd {
    float: left;
    position: relative;
    width: 20%;
    height: 100%;
    margin: 0 1% 0 0;
}

.graph-y > dd:first-of-type {
    margin-left: 8%;
}
/* IE8 */
.graph-y > dd.first {
    margin-left: 8%;
}

/* Graph-Y level 2 */
.graph-y dl {
    position: relative;
    height: 100%;
    margin-top: 0;
    color: #7d7d7d;
}

.graph-y dl:before {
    content: "";
    position: absolute;
    bottom: 54px;
    left: -50%;
    width: 190%;
    height: 1px;
    background: #ddd;
}

.graph-y dl dt {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    text-align: center;
    line-height: 1.14286;
    font-weight: bold;
}

.graph-y dl dd {
    position: relative;
    width: 100%;
    height: 260px;
    margin: 0;
}

.graph-y dl .column {
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 2;
    width: 22%;
    height: 0;
    margin-left: -10%;
    background: #7d7d7d;
    -webkit-border-radius: 6px 6px 0 0;
       -moz-border-radius: 6px 6px 0 0;
            border-radius: 6px 6px 0 0;
    transition: height 0.5s;
    -webkit-transition: height 0.5s;
}

.graph-y .column strong {
    position: absolute;
    width: 400%;
    height: 50px;
    top: -65px;
    left: -146%;
    text-align: center;
}

.graph-y .column strong > span {
    position: static;
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0;
    vertical-align: -30px;
    font-size: 14px;
    line-height: 1.1429;
    background: transparent;
}

.graph-y .column strong span span {
    vertical-align: top;
}

/* /End of graph-Y level 2 */
/* /End of graph-Y - graph on y-axis */

.graphwrapper .highlight .bar,
.graphwrapper .highlight .column {
    background: #f2aa00;
}

.graphwrapper .highlight dt,
.graphwrapper .highlight strong {
    color: #f2aa00;
}

.graph .hiddenValue {
    display: none;
}
.graph-y .hiddenValue {
    width: 0;
    overflow: hidden;
}

/* /End of graphs */

.tool-savings-calculator .teaser-text {
    float: right;
    position: relative;
    width: 28%;
    margin: 50px 2% 30px 0;
    padding: 0 2%;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    text-align: center;
}

/* Productlist */
.productlist > li {
    float: left;
    width: 23.5%;
    margin: 0 2% 10px 0;
    list-style: none;
    text-align: left;
}

.productlist > li:nth-of-type(4n+4) {
    margin-right: 0;
}
/* IE8 */
.productlist > li.fourth-of-four {
    margin-right: 0;
}

.productlist li ul {
    padding-left: 0;
}

.productlist li li {
    margin: 0 0 10px 10%;
    list-style: disc;
    text-align: left;
}
/* /End of productlist */
/* /End of tool - savings calculator */

/* Tool - find a dealer */
.find-dealer {
    padding-top: 60px;
    text-align: center;
}

.find-dealer dt {
    margin-bottom: 20px;
    font: normal 20px/1.2 "LLumarFaktProBlond", Arial, sans-serif;
}

.find-dealer dd {
    display: block;
    width: 100%;
    overflow: hidden;
    margin-left: 0;
    text-align: center;
}

.form-find-dealer .searchwrapper label {
    display: none;
    margin-top: 20px;
}
/* IE9/8
 * Show label instead of HTML5-placeholder-attribute.
 */
.lt-ie9 .form-find-dealer .searchwrapper label,
.lt-ie10 .form-find-dealer .searchwrapper label {
    display: block; /* must go at the END of all rules */
}

.find-dealer .button {
    margin: 0 auto 20px;
}

/* Dealer filter */
.dealer-filter {
    bottom-border: 1px solid #ddd;
    text-align: center;
    background: #fafafa;
}

.dealer-filter dt {
    width: 100%;
    margin-bottom: 5px;
    padding: 20px 2%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #fff;
}

.dealer-filter dd {
    float: left;
    margin: 0 2% 6px 0;
    line-height: 1.25;
}

.dealer-filter input[type="checkbox"] {
    float: none;
    display: inline-block;
    margin-right: 4px;
}

.dealer-filter label,
.resultlist em {
    display: inline-table;
    margin: 0;
    padding: 10px 0 10px 54px;
    font-size: 11px;
    line-height: 1.2308;
    text-align: left;
    text-decoration: none;
    color: #dc4406;
    font-weight: normal;
    vertical-align: middle;
    height: 65px;
}

.dealer-filter label span {
     display: table-cell;
    vertical-align: middle;
}

.dealer-filter .active {
}

.infobox-info .resultlist em,
.resultlist li em {
    width: 40px;
    height: 32px;
    overflow: hidden;
    padding: 0;
    text-indent: -9999em;
}

.ico-automotive.active {
}

em.ico-automotive {
    background-position: 0 -60px;
}

label.ico-automotive {
    background: url(../img/layout/ico-legend-tint.png) 0 0 no-repeat;
}

.ico-architectural.active {
}

em.ico-architectural {
    background-position: 0 -240px;
}
em.ico-architectural.first {
    background-position: -10px -240px;
}

label.ico-architectural {
    background: url(../img/layout/ico-legend-arch.png) 0 0 no-repeat;
}

.ico-paint-protection.active {
}

em.ico-paint-protection {
    background-position: 0 -420px;

}
em.ico-paint-protection.first {
    background-position: -9px -420px;
}

label.ico-paint-protection {
    background: url(../img/layout/ico-legend-ppf.png) 0 0 no-repeat;
}

.ico-commercial.active {
}

em.ico-commercial {
    background-position: 0 -60px;
}

label.ico-commercial {
    background: url(../img/layout/ico-legend-commercial.png) 0 0 no-repeat;
}

span.ico-producttype {
    background: url(../img/layout/ico-legend-producttype.png) 0 0 no-repeat;
    display: inline-block;
    width: 353px;
    height: 65px;
    color: #fff;
    font-size: 18px;
    padding: 19px 0 0 55px;
}

p.slide a {text-decoration:none;}

div.marketo-interest {
    background: url(../img/layout/ico-locator-marketo.png) 0 0 no-repeat;
    width:110px;
    height:30px;
    float:left;
}
a.marketo-ico-automotive > span, a.marketo-ico-architectural > span, a.marketo-ico-paintprotection > span
{
    display:none;
}
a.marketo-ico-automotive {
    background: url(../img/layout/ico-locator-marketo.png) no-repeat;
    width:50px;
    height:30px;
    background-position: -230px 0px;
    display:block;
    float:left;
}
a.marketo-ico-automotive:hover,
a.marketo-ico-automotive:focus,
a.marketo-ico-automotive:active {
    background-position: -285px 0px;
}
a.marketo-ico-architectural {
    background: url(../img/layout/ico-locator-marketo.png) no-repeat;
    width:50px;
    height:30px;
    background-position: -341px 0px;
    display:block;
    float:left;
}
a.marketo-ico-architectural:hover,
a.marketo-ico-architectural:focus,
a.marketo-ico-architectural:active {
    background-position: -396px 0px;
}
a.marketo-ico-paintprotection {
    background: url(../img/layout/ico-locator-marketo.png) no-repeat;
    width:50px;
    height:30px;
    background-position: -451px 0px;
    display:block;
    float:left;
}
a.marketo-ico-paintprotection:hover,
a.marketo-ico-paintprotection:focus,
a.marketo-ico-paintprotection:active {
    background-position: -506px 0px;
}
div.resultlist p.noShowInPopup, div.resultlist span.noShowInPopup
{
    display:none;
}

/* /End of dealer filter */

/* Map */
.tool-find-dealer .maparea {
    float: right;
    width: 64%;
    margin-bottom: 20px;
    background: #ddd;
    position: relative;
    overflow: hidden;
}

.tool-find-dealer .maparea .map {
    width: 100%;
    height: auto;
    min-height: 640px;
}
.tool-find-dealer .MicrosoftMap .MapPushpinBase {
    cursor: pointer !important;
}
/* /End of map */

/* Form find dealer */
.form-find-dealer {
    width: 100%;
}

.searchwrapper {
    float: left;
    width: 34%;
    margin-right: 2%;
}

.form-find-dealer .textinput-wrapper {
    position: relative;
}

.form-find-dealer .geofinder {
    position: absolute;
    top: 3px;
    right: 5px;
    z-index: 3;
    display: none;
    width: 29px;
    height: 29px;
    text-indent: -9999em;
    background: url(../img/layout/ico-crosshair.png) center center no-repeat;
}

.geolocation .form-find-dealer .geofinder {
    display: block;
}


.form-find-dealer .geofinder.busy {
    background: url(../img/layout/ico-loading-bg-white.gif) center center no-repeat;
}

.form-find-dealer input[type="text"] {
    width: 100%;
    margin-bottom: 5px;
    padding-right: 35px;
}

.form-find-dealer .button {
    float: right;
    margin-top: 3px;
}

.form-find-dealer .noSearchAllowedErr {
    border:  1px solid #ff0000;
    background: #ffcccc;
    color: #ff0000;
    padding:  3px;
    margin-top: 3px;
    float:  left;
}

.form-find-dealer .commercialContactLinkHidden {
    display:  none;
}

.form-find-dealer .commercialContactLink {
    border:  1px solid #ff0000;
    background: #ffcccc;
    color: #ff0000;
    padding:  3px;
    margin-top: 3px;
}

.form-find-dealer .noSearchAllowedErrHidden {
    display:  none;
}

.form-find-dealer .commercialContactLinkHref {
    color: #ff0000;
    text-decoration: underline;
}
/* /End of find dealer */

/* Results */
.resultarea {
    float: left;
    width: 34%;
}

.resultarea .errorprompt {
    float: none;
    margin: 0 0 20px;
    width: 100%;
}

.infobox-info .resultlist {
    overflow: hidden;
}

.resultlist li {
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-left: 50px;
}

.resultlist li:before {
    content: counter(li, decimal) "";
    top: 2px;
    left: 0;
    width: 35px;
    height: 49px;
    padding-top: 10px;
    text-indent: 0;
    font-weight: bold;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    color: #fff;
    background: url(../img/layout/ico-mapmarker.png) 0 0 no-repeat;
    cursor: pointer;
}
/* IE8 */
.lt-ie9 .resultlist li:before {
    padding: 12px 0 0 2px;
}

.resultlist li:last-of-type {
    border-bottom: 0;
}
/* IE8 */
.resultlist li.last {
    border-bottom: 0;
}

.resultlist header {
    margin-bottom: 10px;
}

.resultlist h2 {
    font-size: 18px;
    line-height: 1.22222;
    text-align: left;
    text-transform: uppercase;
    cursor: pointer;
}

.resultlist p {
    margin-bottom: 7px;
    line-height: 1.25;
}

.resultlist dt {
    display: none;
}
/* /End of results */

/* Quicklink */
.quicklink {
    margin-bottom: 40px;
    text-align: center;
}

.quicklink p {
    margin-bottom: 0;
}

.quicklink em {
    display: inline-block;
    margin: 4px 10px 10px 0;
    font-style: normal;
}

.quicklink .button {
    display: inline-block;
    margin-bottom: -9px;
}
/* /End of quicklink */
/* /End of tool - find a dealer */

/* Tool - New to film */
.tool-new-to-film .legend {
    padding: 0;
    list-style: none;
}

.tool-new-to-film .imagewrapper {
    position: relative;
    margin: 20px 0 10px;
    padding: 0 5%;
}

.tool-new-to-film .imagewrapper img {
    width: 100%;
    height: auto;
}

/* Step - application */
.step-application {
    position: relative;
    overflow: visible;
    padding-bottom: 10px;
}

/* Legend */
.legend {
    margin: 30px 0 0;
    text-align: center;
}

.legend li {
    display: inline-block;
    width: 30%;
    margin: 0 2% 20px 0;
    line-height: 1.25;
}

.legend li:last-of-type {
    margin-right: 0;
}
/* IE8 */
.legend li.last {
    margin-right: 0;
}

.legend a {
    padding: 10px 0 10px 50px;
    background: url(../img/layout/ico-tile-legend.png) 0 0 no-repeat;
}

.legend span {
    display: inline-block;
    max-width: 70%;
    text-align: left;
}

.legend .ico-automotive {
    background-position: 0 -58px;
}

.legend .ico-automotive:hover,
.legend .ico-automotive:focus,
.legend .ico-automotive:active {
    background-position: 0 2px;
}

.legend .ico-commercial {
    background-position: 0 -609px;
}

.legend .ico-commercial:hover,
.legend .ico-commercial:focus,
.legend .ico-commercial:active {
    background-position: 0 -548px;
}

.legend .ico-home {
    background-position: 0 -783px;
}

.legend .ico-home:hover,
.legend .ico-home:focus,
.legend .ico-home:active {
    background-position: 0 -723px;
}
/* /End of legend */

/* Entryspots */
.entryspots {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    list-style: none;
}

.entryspots li {
    margin-bottom: 0;
}

.entryspots > li > a {
    position: absolute;
    display: block;
    width: 13.6%;
    height: 32%;
}

/* Everything except IE6-8 */
:root *> .entryspots > li > a {
    -webkit-background-size: 100% auto;
       -moz-background-size: 100% auto;
         -o-background-size: 100% auto;
            background-size: 100% auto;
}
/* IE8 */

.lt-ie9 .entryspots > li > a {
    background-size/*\**/: contain\9;
}

.entryspots img {
    width: 100%;
    height: auto;
}

.ico-bubble-automotive {
    top: 35%;
    left: 15.5%;
    background-image: url(../img/layout/ico-bubble-automotive.png)
}

.ico-bubble-automotive:hover,
.ico-bubble-automotive:focus,
.ico-bubble-automotive:active {
    background-image: url(../img/layout/ico-bubble-automotive-hover.png);
}

.ico-bubble-commercial {
    top: 3.5%;
    left: 44%;
    background-image: url(../img/layout/ico-bubble-commercial.png);
}

.ico-bubble-commercial:hover,
.ico-bubble-commercial:focus,
.ico-bubble-commercial:active {
    background-image: url(../img/layout/ico-bubble-commercial-hover.png);
}

.ico-bubble-home {
    top: 45%;
    right: 14.5%;
    background-image: url(../img/layout/ico-bubble-home.png);
}

.ico-bubble-home:hover,
.ico-bubble-home:focus,
.ico-bubble-home:active {
    background-image: url(../img/layout/ico-bubble-home-hover.png);
}
/* /End of entryspots */
/* /End of step - application */

/* Hotspots */
.hotspots {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 90%;
    height: 100%;
    margin: 0 5%;
}

.hotspots section {
    position: absolute;
    z-index: 2;
    width: 32%;
    height: auto;
}

.hotspots section > div {
    position: absolute;
    left: -9999em;
    z-index: -1; /* IE8 */
    width: 100%;
    height: auto;
    padding: 25px 5% 0;
    background: #fff;
}

.hotspots section .spot {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    width: 52px;
    height: 52px;
    background: url(../img/layout/ico-hotspot-trigger.png) 0 0 no-repeat;
    cursor: pointer;
}

.hotspots section.active {
    z-index: 3;
}

.hotspots section.active .spot {
    background-position: 0 -63px;
}

.hotspots .right-bottom.active > div {
    top: 25px;
    left: 25px;
}

.hotspots .right-top.active > div {
    bottom: -25px;
    left: 25px;
}

.hotspots .left-top.active > div {
    bottom: -25px;
    right: 90%;
    left: auto;
}

.hotspots .left-bottom.active > div {
    top: 25px;
    right: 90%;
    left: auto;
}

/* /End of hotspots */

/* Step automotive */
.step-automotive {
    padding-bottom: 10px;
}

.step-automotive .first {
    top: 10%;
    left: 10%;
}

.step-automotive .second {
    top: 45%;
    left: 20%;
}

.step-automotive .third {
    top: 55%;
    left: 80%;
}

.step-automotive .fourth {
    top: 25%;
    left: 60%;
}

.step-automotive .fifth {
    top: 65%;
    left: 50%;
}
/* /End of step automotive */

/* Step home */
.step-home {
    padding-bottom: 10px;
}

.step-home .first {
    top: 40%;
    left: 10%;
}

.step-home .second {
    top: 65%;
    left: 40%;
}

.step-home .third {
    top: 65%;
    left: 78%;
}

.step-home .fourth {
    top: 25%;
    left: 70%;
}

.step-home .fifth {
    top: 10%;
    left: 50%;
}
/* /End of step home */

/* Step commercial */
.step-commercial {
    padding-bottom: 10px;
}

.step-commercial .first {
    top: 20%;
    left: 5%;
}

.step-commercial .second {
    top: 55%;
    left: 20%;
}

.step-commercial .third {
    top: 65%;
    left: 48%;
}

.step-commercial .fourth {
    top: 30%;
    left: 56%;
}

.step-commercial .fifth {
    top: 20%;
    left: 80%;
}

.step-commercial .sixth {
    top: 5%;
    left: 40%;
}
/* /End of step commercial */

/* Toolteaser 2 */
.toolteaser .textbody {
    width: 29%;
    margin-right: 10%;
}

.toolteaser-2 .bubbletext {
    margin-right: 8%;
}

.toolteaser-2 .bubbletext:before {
    margin: -31px 0 0 -57px;
    background-image: url(../img/layout/bg-bubble-11.png);
}

.toolteaser-2 .textbody-right {
    width: 29%;
}

.toolteaser-2 .textbody-right .button {
    margin-bottom: 10px;
}
/* /End of toolteaser 2 */
/* /End of tool - new to film */

/* Tool - home owner visualizer */
.canvas-area {
    width: 565px;
    height: 440px;
    position: relative;
}

.canvas-area canvas,
.canvas-area img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.lt-ie9 .canvas-area canvas {
    z-index: 10;
    width: 565px;
    height: 440px;
}

.lt-ie9 .canvas-area img {
    z-index: 5;
    width: 565px;
    height: 440px;
}

.tool-home-owner,
.tool-commercial-building {
    background: none repeat scroll 0 0 #F5F5F5;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 20px 6% 0;
}

.tool-home-owner h3,
.tool-commercial-building h3 {
    text-align: center;
}

.tool-home-owner.entrysection {
    background: #F5F5F5 url(../img/content/tool-home-owners-visual.jpg) center center no-repeat;
    position: relative;
    -webkit-background-size: 90% auto;
           -moz-background-size: 90% auto;
             -o-background-size: 90% auto;
                background-size: 90% auto;
}
.tool-commercial-building.entrysection {
    background: #F5F5F5 url(../img/content/tool-commercial-building-visual.jpg) center center no-repeat;
    position: relative;
    -webkit-background-size: 90% auto;
           -moz-background-size: 90% auto;
             -o-background-size: 90% auto;
                background-size: 90% auto;
}

.entrysection .eyecatcherwrapper {
    float: left;
    display: block;
    width: 50%;
    height: 600px;
    vertical-align: middle;
    text-align: center;
}

.solar-section,
.decorative-section {
    display: none;
}

.tool-home-owner .eyecatcher,
.tool-commercial-building .eyecatcher {
    position: relative;
    top: 50%;
    display: table;
    width: 181px;
    height: 181px;
    margin: -90px auto 0;
    background: url(../img/layout/bg-circle-31.png) center top no-repeat;
}

.tool-home-owner .eyecatcher:hover,
.tool-home-owner .eyecatcher:focus,
.tool-home-owner .eyecatcher:active,
.tool-commercial-building .eyecatcher:hover,
.tool-commercial-building .eyecatcher:focus,
.tool-commercial-building .eyecatcher:active {
    background-position: center -219px;
}

a.eyecatcherbody {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font: normal 16px/1.22222 "LLumarFaktProBlond", Arial, sans-serif;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

a.eyecatcherbody span {
    display: block;
    padding: 15%;
}

.centerwrapper .entrysection .legal-notice {
    margin-bottom: -5px;
}

.tool-home-owner .accordion,
.tool-commercial-building .accordion,
.tool-home-owner .expandable,
.tool-commercial-building .expandable {
    float: left;
    width: 31%;
    margin: 0 0 20px;
}

.patternfilter {
    margin-top: 0;
    padding: 0;
    list-style-type: none;
}

.patternfilter li {
    float: left;
    position: relative;
    width: 30.5%;
    margin: 0 0 10px 4%;
}

.patternfilter li:nth-of-type(3n+1) {
    clear: left;
    margin-left: 0;
}
/* IE8 */
.patternfilter li.first-of-three {
    clear: left;
    margin-left: 0;
}

.patternfilter li a {
    display: block;
    width: 100%;
    height: 100%;
}

.patternfilter img {
    width: 100%;
    height: auto;
}

.patternfilter a .active-image,
.patternfilter .active img {
    display: none;
}

.patternfilter .active,
.patternfilter .active:hover,
.patternfilter .active:focus,
.patternfilter .active:active {
    cursor: default;
}

.patternfilter .active .active-image {
    display: block;
}

/* Home-owner-stage */
.home-owner-stage {
    float: right;
    position: relative;
    width: 65%;
    margin-bottom: 20px;
}

.home-owner-stage div {
    text-align: center;
}

.home-owner-stage figure {
    margin-bottom: 20px;
}

.home-owner-stage figure img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
}

.home-owner-stage .overlayimage {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    width: 50%;
    height: auto;
    display: none;
}
.home-owner-stage .overlay {
    display: none;
}

.home-owner-stage figure div {
    position: relative;
}

.home-owner-stage p {
    position: absolute;
    bottom: 0;
    z-index: 3;
    width: 100%;
    margin-bottom: 0;
}

.home-owner-stage strong {
    display: inline-block;
    width: 50%;
}

.home-owner-stage strong span {
    display: inline-block;
    padding: 6px 15px;
    background: #383d42;
    color: #fff;
    text-transform: uppercase;
}

.stage-left {
    text-align: right;
}

.stage-right {
    text-align: left;
}

/* Filmdetail */
.filmdetail {
    position: absolute;
    top: 12px;
    left: 2%;
    z-index: 4;
    width: 55%;
    background: #fff;
}

.filmdetail h4 {
    position: relative;
    margin-bottom: 0;
    padding: 15px 20%;
    font: normal 16px/1.5 "LLumarFaktProBlond", Arial, sans-serif;
    text-align: center;
    background: #fff;
}

.filmdetail h4:hover,
.filmdetail h4:focus,
.filmdetail h4:active {
    cursor: pointer;
}

.filmdetail h4:after {
    content: "";
    position: absolute;
    top: 20px;
    right: 10px;
    display: block;
    width: 31px;
    height: 31px;
    background: url(../img/layout/ico-link-indicator-vertical.png) right 0 no-repeat;
}

.filmdetail h4.active:after {
    background: url(../img/layout/ico-link-indicator-vertical.png) right -33px no-repeat;
}

.filmdetail h4 small {
    display: block;
    font-size: 16px;
    line-height: 1;
}

.filmtable {
    position: relative;
    z-index: 4;
    display: none;
}

.filmtable:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 50%;
    z-index: 5;
    display: block;
    width: 90px;
    height: 1px;
    margin-left: -45px;
    background: #808080;
}

.filmdetail table {
    margin-bottom: 15px;
    border: 0;
}

.filmdetail tr:nth-child(odd) th,
.filmdetail tr:nth-child(odd) td {
    background: #f5f5f5;
}
/* IE8 */
.filmdetail tr.odd th,
.filmdetail tr.odd td {
    background: #f5f5f5;
}

.filmdetail th {
    width: 38%;
    padding: 6px 2% 5px 20%;
    border: 0;
    background: #fff;
}

.centerwrapper .filmdetail thead th,
.centerwrapper .filmdetail thead td {
    height: 0;
    padding: 0;
    text-indent: -999em;
    background: #fff;
}

.filmdetail thead th:nth-of-type(2n+2) {
    width: 18%;
    padding: 0;
}
/* IE8 */
.filmdetail thead th.second-of-two {
    width: 18%;
    padding: 0;
}

.filmdetail td {
    padding: 6px 20% 5px 2%;
    white-space: nowrap;
    border: 0;
}

.filmdetail footer {
    padding: 8px 2% 8px 20%;
    text-align: center;
}

.filmdetail footer .linkstate-2 {
    float: left;
    margin: 8px 30px 10px 0;
}

.filmdetail footer .button {
    float: left;
}

/* /End of filmdetail */
/* /End of home-owner-stage */

.tool-home-owner .legal-notice,
.tool-commercial-building .legal-notice {
    clear: both;
    margin: 0 -9% 20px;
}

/* Choose view */
.choose-view {
    width: 100%;
}

.choose-view dd {
    float: left;
    width: 22%;
    margin: 0 4% 0 0;
}

.choose-view dd:last-of-type {
    float: right;
    margin-right: 0;
}
/* IE8 */
.choose-view dd.last {
    float: right;
    margin-right: 0;
}

.choose-view img {
    width: 100%;
    height: auto;
}

.choose-view a,
.choose-view strong {
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font: italic normal 14px/1 "LLumarFaktProBlond", Arial, sans-serif;
}

.choose-view a:hover,
.choose-view a:focus,
.choose-view a:active {
    text-decoration: underline;
}

.choose-view a strong {
    padding: 5px 4%;
    background: #dc4406;
}

.choose-view .active,
.choose-view .active:hover,
.choose-view .active:focus,
.choose-view .active:active {
    cursor: default;
    text-decoration: none;
}

.choose-view .active strong {
    background: #e89c7d;
}

.choose-view .active img {
    opacity: 0.5;
}
/* /End of Choose view */
/* /End of tool - home owner visualizer */

/* Tool downloads */
.downloads,
.downloads ul {
    padding: 0;
    list-style: none;
}

.downloads form {
    margin-bottom: 70px;
    padding: 20px 7.5%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
    background: #f5f5f5;
}

.downloads fieldset {
    margin-bottom: 0;
    padding: 20px 0 0;
    border-bottom: 0;
}

.downloads .formrow {
    margin-bottom: 0;
}

.downloads select {
    width: 31.5%;
    margin: 0 2.75% 20px 0;
}

.downloads select:nth-of-type(3n+3) {
    margin-right: 0;
}
/* IE8 */
.downloads select.third-of-three {
    margin-right: 0;
}

.downloads .button {
    margin-bottom: 0;
}

.downloadlist {
    margin: 0 6.5% 20px;
}

.downloadlist li {
    float: left;
    width: 30.5%;
    margin: 0 1.4% 30px 1.4%;
}

/*.downloadlist li:nth-of-type(3n+1) {
    clear: left;
    margin-left: 0;
}*/
.downloadlist li.first {
    clear: left;
    margin-left: 0;
}
/* IE8 */
.downloadlist li.first-of-three {
    clear: left;
    margin-left: 0;
}

.downloadlist dl {
    margin-bottom: 10px;
}

.downloadlist dt {
    font-weight: bold;
}

.downloadlist dd {
    margin: 0;
}

.downloadlist-2 {
    list-style-type: none;
    width: 100%;
}

.downloadlist li h3 {
    min-height: 40px;
    padding-left: 50px;
    background-image: url(../img/layout/ico-download.png);
    background-repeat: no-repeat;
    background-position: 0 -500px;
}
.downloadlist li h3.pdf {
    background-position: 0 0;
}
.downloadlist li h3.doc {
    background-position: 0 -100px;
}
.downloadlist li h3.ppt {
    background-position: 0 -200px;
}
.downloadlist li h3.xls {
    background-position: 0 -300px;
}
.downloadlist li h3.zip {
    background-position: 0 -400px;
}

.downloads .empty-selection {
    margin: 0 6.5% 20px;
    text-align: center;
    display: none;
}

/* /End of tool downloads */

/* Tool comparison */

.tool-comparison > section {
    margin-bottom: 40px;
}


.tool-comparison fieldset.toolteaser {
    margin-bottom: 0;
    padding: 20px 8%;
}

.tool-comparison .buttonrow {
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
    padding: 20px 8% 2px;
}

.tool-comparison .legal-notice {
    border-top: 0;
    margin-bottom: 0;
    padding-left: 8%;
    padding-right: 8%;
}

.step-films,
.step-application {
    display: none;
}

.step-product-group .imagewrapper {
    display: block;
    float: none;
    height: 184px;
    margin: 0 auto 20px;
    width: 146px;
}

.film-solar .imagewrapper {
    background: url(../img/content/ico-film-solar.png) 0px -200px no-repeat;
}
.film-safety .imagewrapper {
    background: url(../img/content/ico-film-safety.png) 0px -200px no-repeat;
}

.film-solar .imagewrapper.active,
.film-safety .imagewrapper.active {
    background-position: 0px 0px;
}

.step-product-group .formrow {
    display: inline-block;
    width: 220px;
    margin-left: 6%;
    margin-right: 6%;
}

.step-product-group .formrow label {
    width: auto;
}

.step-product-group input {
    margin-bottom: 10px;
}

.step-films .formrow {
    text-align: center;
}

.step-films .formrow label,
.step-films .formrow select {
    float: none;
}
.step-films .formrow select {
    width: 48%;
}

#comparison-table .shiftLeft,
#comparison-table .shiftRight {
    width: 31px;
    height: 31px;
    display: block;
}
#comparison-table .shiftLeft {
    background-image: url(../img/layout/ico-link-indicator-03.png);
    float: right;
    margin-right: 2%;
    margin-top: 2px auto 0 auto;
}
#comparison-table .shiftLeft.inactive {
    background-image: url(../img/layout/ico-link-indicator-03-inactive.png);
    cursor: default;
}
#comparison-table .shiftRight {
    background-image: url(../img/layout/ico-link-indicator-02.png);
    margin: 0 auto;
}
#comparison-table .shiftRight.inactive {
    background-image: url(../img/layout/ico-link-indicator-02-inactive.png);
    cursor: default;
}

#comparison-table {
    margin: 0;
}

#comparison-table .film {
    width: 30%;
}

#comparison-table .dropdown-wrapper {
    width: 75%;
    margin-left: 4%;
    margin-bottom: 10px;
    float: left;
}

#comparison-table td {
    border: 0;
    border-top: 5px solid #fff;
}

#comparison-table th {
    width: 7.77%;
    border-left: 1px solid #ddd;
    padding: 12px 4px;
    text-align: center;
}
#comparison-table td {
    width: 7.77%;
    border-left: 1px solid #ddd;
    padding: 18px 4px;
    text-align: center;
}
#comparison-table th:first-child {
    width: 22.33%;
    border-left: 0;
    text-align: left;
}
#comparison-table th.shift {
    border-left: 0;
}
#comparison-table td:first-child {
    width: 30%;
    border-left: 0;
    text-align: left;
}


#comparison-table td:first-child {
    background-image: url(../img/layout/ico-move-tablerow.png);
    background-repeat: no-repeat;
    background-position: 14px 11px;
    padding-left: 55px;
    cursor: move;
}

#comparison-table td.remove {
    background-image: url(../img/layout/ico-remove-row.png);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

#comparison-table tbody .even {
    background-color: #ddd;
}
#comparison-table tbody .odd {
    background-color: #f5f5f5;
}

#comparison-table .btns-small {
    display: none;
}

#comparison-table .info-btn {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url(../img/layout/ico-table-info.png);
    background-position: 0px 0px;
    cursor: pointer;
    margin-right: 3px;
}
#comparison-table .info-btn.small {
    width: 16px;
    height: 16px;
    background-image: url(../img/layout/ico-table-info-small.png);
    margin-right: 1px;
}
#comparison-table .info-btn.active {
    background-position: 0px 30px;
}

#comparison-table .sort-btn {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url(../img/layout/ico-table-sort.png);
    background-position: 0px 0px;
    cursor: pointer;
    margin-left: 3px;
}
#comparison-table .sorting-asc .sort-btn {
    /*background-position: 0px -30px;*/
    background-position: 0px -150px;
}
#comparison-table .sorting-desc .sort-btn {
    /*background-position: 0px -60px;*/
    background-position: 0px -150px;
}


#comparison-table .sort-btn.asc,
#comparison-table .sort-btn.desc {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../img/layout/ico-table-sort-small.png);
    cursor: pointer;
    margin-left: 1px;
}
#comparison-table .sort-btn.asc {
    background-position: 0px 0px;
}
#comparison-table .sort-btn.desc {
    background-position: 0px -30px;
}

#comparison-table .sorting-asc .sort-btn.asc {
    background-position: 0px -60px;
    cursor: default;
}
#comparison-table .sorting-desc .sort-btn.desc {
    background-position: 0px -90px;
    cursor: default;
}


.step-application .popup {
    display: none;
    width: 250px;
    padding: 10px;
    background: #fff;
    position: absolute;
    top: 114px;
    left: 0;
    text-align: center;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    margin-left: -125px;
}
.step-application .popup p {
    margin-bottom: 5px;
}
.step-application .popup .description {
    font-size: 11px;
    margin-bottom: 0;
}
.step-application .popup hr {
    margin: 0 50px 5px;
}
.step-application .popup .close {
    position: absolute;
    top: 2px;
    right: 2px;
    cursor: pointer;
}


/* /End of tool comparison */


/* Tool specs finder */

.tool-specs-finder > section,
.tool-specs-finder .step-films header {
    margin-bottom: 40px;
}

.tool-specs-finder fieldset.toolteaser {
    margin-bottom: 0;
    padding: 20px 8%;
}

.tool-specs-finder .buttonrow {
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
    padding: 20px 8% 2px;
}

.tool-specs-finder .sliders {
    text-align: left;
}

/* /End of tool specs finder */
/* /End of tools */
/* /End of sitecontent - main area */

/*
 * Sitefooter
 */
.sitefooter .centerwrapper {
    background: #fff;
}

.footercontent {
    position: relative;
    padding: 0 3.5%;
}

.footerlogo {
    width: 85px;
    height: 48px;
    margin: 34px 0 15px;
}

.sitefooter .eyecatcher {
    position: absolute;
    top: -8px;
    right: 12.5%;
    z-index: 3;
    display: table;
    background: url(../img/layout/bg-bubble-04.png) 0 0 no-repeat;
}

.sitefooter .eyecatcher a {
    display: table-cell;
    vertical-align: middle;
    width: 79px;
    height: 82px;
    padding: 0 10px 0 5px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font: normal 12px/1.0833 "LLumarFaktProBlond", Arial, sans-serif;
}

/* Footernavigation */
.sitefooter .navigation-columns a {
    text-transform: uppercase;
}

.sitefooter .navigation-columns li li a {
    text-transform: none;
}

/* /End of footernavigation */

/* Tagcloud */
.tagcloud {
    padding: 0;
    list-style: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.tagcloud li {
    display: inline-block;
    margin: 0 10px 0 0;
}

.tagcloud a {
    font: normal normal bold 13px/1.1538 "LLumarFaktProSemiBold", Arial, sans-serif;
    color: #999;
    text-decoration: none;
    font-weight: normal;
}

.tagcloud a:hover,
.tagcloud a:focus,
.tagcloud a:active {
    color: #dc4406;
    text-decoration: none;
}

.tagcloud .tag-2,
.tagcloud .tag-3 {
    font-size: 16px;
    line-height: 1.5;
}

.tagcloud .tag-3 {
    color: #666;
}
/* /End of tagcloud */

.copyright {
    float: left;
    width: 45%;
    padding-right: 2%;
}

.copyright img {
    width: 110px;
    height: 12px;
    margin: -3px 5px 0 0;
}
/* /End of footertagcloud */

/* Footermeta */
.footermeta {
    float: right;
    width: 45%;
    margin-right: -10px; /* = .footermeta li {margin-left} */
    padding: 0;
    list-style: none;
}

.footermeta > li {
    padding-right: 2%;
    border-right: 1px solid #d7d7d7;
}

.footermeta > li:first-of-type {
    padding-right: 0;
    border-right: 0;
}
/* IE8 */
.footermeta > li.first {
    padding-right: 0;
    border-right: 0;
}

.footermeta a {
    font-size: 12px;
    line-height: 1.25;
    color: #383D42;
    text-decoration: none;
    text-transform: uppercase;
}

.footermeta a:hover,
.footermeta a:focus,
.footermeta a:active {
    color: #dc4406;
}

.footermeta ul {
    margin-bottom: 20px;
    padding: 0;
    list-style: none;
}

.footermeta li {
    float: right;
    margin: 0 10px 5px 0;
}

.footermeta .social {
    clear: both; /* Safari */
    float: right;
    padding-right: 0;
    border-right: 0;
}

.footermeta .social li {
    float: right;
    margin-right: 7px;
}

.footermeta .social li:first-child {
    margin-right: 0;
}
/* IE8 */
.footermeta .social li.first {
    margin-right: 0;
}

.social ul {
    margin-top: 0;
}

.social img {
    width: auto;
    height: 24px;
}

.social li.last img {
    /*width: 49px;
    height: auto;*/
}

.footermeta .social a {
    display: inline-block;
}
/* /End of footermeta */

/* Sitefoonter without content */
.no-content .footercontent {
    padding-top: 20px;
}

.corporate .footercontent:before {
    width: 0;
    height: 0;
    background: transparent;
}
/* /End of sitefooter without content */
/* /End of sitefooter */



/* ==========================================================================
   External tool frame
   ========================================================================== */

.external-tool header.main-header {
    padding-right: 110px;
    margin-bottom: 0;
}

.external-tool header.main-header a {
    float: left;
    height: 90px;
    margin-right: 25px;
}

.external-tool header.main-header p {
    margin-left: 140px;
}

.external-tool .headerlogo {
    margin: 0 30px 30px 0;
    height: 48px;
    width: 85px;
}

.external-tool .copyright {
    float: none;
    width: 100%;
}

.external-tool .footercontent {
    padding: 20px 0;
}

.external-tool .footerlogo {
    margin: 0 30px 30px 0;
    float: left;
}

.external-tool .footermeta {
    width: 30%;
}

.external-tool .tool-automotive .dealer,
.external-tool .filmtable footer {
    display: none;
}

.external-tool .decorative-section .filmdetail h4 {
    cursor: default;
}
.external-tool .decorative-section .filmdetail h4:after {
    content: none;
}
.external-tool .decorative-section .filmdetail .filmtable:after {
    content: none;
}

.external-tool .sitecontent .centerwrapper {
	margin-bottom: 1px;
	padding-top: 30px;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Semantic list
 */
.semantic-list,
.semantic-list ul {
    padding: 0;
    list-style: none;
}

/*
 * Standard floats
 */
.float-left {
    float: left;
}

.float-right {
    float: right;
}

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

/*
 * uppercase
 */
.uppercase {
    text-transform: uppercase;
}

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
}

.clearB {
    clear: both;
}

.clear {
    clear: both;
    width: 100%;
    height: 0;
    margin: -1px 0 0;
    font-size: 0;
    line-height: 0;
}

/* IE8 htc file */
/* Path to htc-file has to be absolute.
 * This is the path for the live server,
 * which is the only one to be checked into the SVN:
 * "-ms-behavior: url(/sites/all/themes/llumar/css/htc/backgroundsize.min.htc);"
 * This path doesn't work in the local environment!
 *
 * For local testing only, comment in:
 * "-ms-behavior: url(css/htc/backgroundsize.min.htc);"
 * But NEVER(!) check this path into the SVN!
 */
.tool-automotive .animation,
.tool-automotive .car-views .outside .car,
.tool-automotive .car-views .outside .car .window-front,
.tool-automotive .car-views .outside .car .window-rear,
.tool-automotive .car-views .outside .car #color-overlay,
.tool-automotive .car-views .inside .window-interior,
.lt-ie9 .entryspots > li > a,
.logobox a.ie-hover {
    -ms-behavior: url(/sites/all/themes/llumar/css/htc/backgroundsize.min.htc);
        behavior: url(/sites/all/themes/llumar/css/htc/backgroundsize.min.htc);
    /* -ms-behavior: url(css/htc/backgroundsize.min.htc);
    behavior: url(css/htc/backgroundsize.min.htc); */
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* IE7 */
* + html .clearfix {
    display: inline-block;
}
/* IE6 */
* html .clearfix {
    height: 1%;
}
/* /End of helper Classes */

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
/* IE9, IE10 - Hacks */
@media screen and (min-width:0\0) {
    input[type="text"] {
        min-height: 0; /* Change value later */
    }

    .searchlayer input[type="text"] {
        min-height: 29px;
    }
}

/* < 1280px */
@media only screen and (max-width: 1279px) {
    /* Bubble big */
    .sitecontent .bubble-big h2 {
        font-size: 20px;
        line-height: 1.15;
    }

    .maintenance .bubble-big .textbody {
        margin-left: -80.5%;
    }
    /* /End of bubble big */
}

/* 1024px */
@media only screen and (max-width: 1024px) {
    /* Typography */
    h1,
    .h1 {
        font-size: 22px;
        line-height: 1.18182;
    }

    h2,
    .h2,
    blockquote,
    .blockquote {
        font-size: 22px;
        line-height: 1.18182;
    }

    /* /End of typography */

    /* Indention classes :: indent blocks inside of .sitecontent */
    .indent-1 {
        margin-left: 4%;
        margin-right: 4%;
    }

    .indent-2 {
        margin-left: 6%;
        margin-right: 6%;
    }

    .indent-3 {
        margin-left: 12%;
        margin-right: 12%;
    }

    /* /End of indention classes */

    /* Header */
    .mainpage {
        padding: 0 22%;
    }
    .distributor-selection {
        width: 90%;
        margin-left: 5%;
    }
    /* /End of header */

    /* Appnavigation */
    .appnavigation {
        padding: 0 22% 15px;
    }
    /* /End of appnavigation */

    /* Forms */
    .formrow label,
    .formrow input[type="text"],
    .formrow select,
    .formrow textarea,
    .formrow fivestar-widget {
        float: none;
        width: 100%;
    }

    .formlist-wrapper-indent .formrow label,
    .formlist-wrapper-indent .formrow input[type="text"],
    .formlist-wrapper-indent .formrow input[type="password"],
    .formlist-wrapper-indent .formrow select,
    .formlist-wrapper-indent .formrow textarea {
        width: 100%
    }


    .formrow.checkboxrow label,
    .formrow.listrow label {
        float: left;
        width: 90%;
    }

    .errorprompt {
        float: none;
        margin: 0 0 10px;
    }

    .filewrapper .button {
        float: none;
    }

    /* Step overview */
    .centered-form,
    .form-navigation .centered-form {
        width: 100%;
        margin-left: 0;
    }

    .form-navigation .step-overview {
        float: none;
        width: 90%;
        margin-left: 20px;
    }
    /* /End of step overview */
    /* /End of forms */

    .reference-filter-list .listwrapper {
        width: 90%;
        margin: 0 0 0 10%;
    }

    /* Associations */
    .associations .logo {
        max-height: 110px;
    }
    /* /End of associations */

    /* Search in .sitecontent */
    .sitecontent .searchlayer.indent-1 .formrow {
        width: 58%;
    }
    /* /End of search in .sitecontent */

    /* Tools */
    /* Tool - home owner visualizer */
    .entrysection .eyecatcherwrapper {
        height: 500px;
    }
    /* /End of tool - home owner visualizer */

    /* Tool Downloads */
    .downloads form {
        padding: 20px 4%;
    }
    .downloadlist {
        margin: 0 3% 20px;
    }

    .downloads .formrow select {
        float: left;
        width: 31.5%;
    }
    /* /End of tool downloads */
    /* /End of Tools */
}

/* < 1024px */
@media only screen and (max-width: 998px) {
    /* Siteheader */
    .siteheader .centerwrapper {
        padding-bottom: 0;
    }

    /* Logo */
    .siteheader .logo {
        bottom: -24px;
        margin-left: 0;
    }

    .siteheader .logo img {
        width: 80px;
        height: auto;
    }
    /* /End of logo */

    /* Metanavigation */
    .metanavigation {
        padding-bottom: 40px;
    }

    .tabnavigation-meta {
        bottom: 18px;
    }
    /* /End of metanavigation */

    /* Mainnavigation */
    .mainnavigation {
        clear: both;
        float: none;
        padding: 0;
    }

    /* Tabnavigation */
    .tabnavigation {
        max-width: 100%;
        margin: 0 2% -1px 0;
        padding: 0;
    }

    .tabnavigation a:link,
    .tabnavigation a:visited,
    .tabnavigation a:hover,
    .tabnavigation a:focus,
    .tabnavigation a:active,
    .tabnavigation strong {
        padding: 18px 10px 0;
        font-size: 12px;
        letter-spacing: 0;
    }

    .tabnavigation .search {
        position: static;
    }

    .tabnavigation .search a {
        margin-top: 12px;
        padding: 0 15px 0 16px;
    }

    /* /End of tabnavigation */
    /* /End of mainnavigation */

    /* Header */
    .mainpage {
        padding: 0 2%;
    }
    /* /End of header */
    /* /End of siteheader */

    /* Appnavigation */
    .appnavigation {
        padding: 0 0 15px;
    }

    /* Stages */
    /* Imagestage */
    .imagestage .textwrapper {
        clear: both;
        position: static;
        margin: 20px 0 20px 0;
        padding-top: 20px;
        width: 100%;
    }

    .imagestage .centered {
        display: block;
        width: 100%;
        padding: 0 4%;
    }
    /* /End of imagestage */

    /* Columnstage */
    .columnstage {
        height: 510px;
    }

    .columnstage > div {
        height: 540px;
    }

    .columnstage section {
        height: 510px;
    }
    /* /End of columnstages */
    /* /End of stages */

    /* Column layouts - newspaper style */
    .column-layout-2,
    .column-layout-3 {
        -webkit-column-count: auto;
        -webkit-column-gap: normal;
           -moz-column-count: auto;
           -moz-column-gap: normal;
                column-count: auto;
                column-gap: normal;
    }
    /* /End of column layouts- newspaper style */

    /* Dragstage */
    .dragstage-wrapper .column-layout-2 {
        float: none;
        width: auto;
        padding-right: 0;
        border-right: 0;
        border-bottom: 1px solid #DDD;
    }

    .dragstage-wrapper .column-layout-2 {
        -webkit-column-count: auto;
        -webkit-column-gap: normal;
           -moz-column-count: auto;
           -moz-column-gap: normal;
                column-count: auto;
                column-gap: normal;
    }

    .dragstage-wrapper .benefitlist {
        float: none;
        width: auto;
        margin: 0 auto 40px;
    }

    .benefitlist .separator-top {
        display: block;
        padding-left: 20px;
        text-align: left;
        background-position: 20px 0;
    }
    /* /End of dragstage */

    /* Teaser */
    /* Bubble big */
    .sitecontent .bubble-big h2 {
        font-size: 14px;
        line-height: 1.1429;
    }

    .maintenance .bubble-big .textbody {
        margin-left: -82.5%;
    }
    /* /End of bubble big */

    /* Toolteaser */
    .toolteaser .textbody,
    .toolteaser .textbody-right {
        width: 100%;
        padding: 0;
    }

    .toolteaser .bubbletext {
        clear: both;
        float: none;
        width: 35%;
    }

    .toolteaser .bubbletext {
        width: 100%;
        text-align: center;
    }

    .toolteaser .bubbletext:before {
        background: none;
    }

    .toolteaser .bubbletext p {
        display: block;
        width: 100%;
        height: auto;
        color: #dc4406;
    }

    .toolteaser .textbody-right {
        margin-top: 20px;
    }

    .toolteaser .benefitlist {
        width: 100%;
        padding: 20px 0 0;
    }
    /* /End of toolteaser */
    /* /End of teaser */

    /* Tool - energy savings calculator */
    /* Graph */
    .centerwrapper .graphwrapper {
        width: 50%;
        margin: 0;
    }
    /* /End of graph */

    /* Teaser with text */
    .tool-savings-calculator .teaser-text {
        clear: both;
        float: none;
        width: 60%;
        margin: 0 auto;
        padding: 10px 0;
        border-right: 0;
        border-left: 0;
    }
    /* /End of teaser with text */

    /* Graph on y-axis */
    .centerwrapper .graphwrapper-y {
        width: 45%;
    }
    /* /End of graph on y-axis */
    /* /End of tool - energy savings calculator */

    /* Tool - new to window film */
    .bubblehint {
        position: static;
        width: 100%;
        height: auto;
        margin-bottom: 30px;
        text-align: center;
        background: none;
    }

    .bubblehint a:link,
    .bubblehint a:visited,
    .bubblehint a:hover,
    .bubblehint a:focus,
    .bubblehint a:active {
        display: inline-block;
        width: auto;
        height: 29px;
        padding: 8px 10px 0;
        white-space: nowrap;
        color: #FFF;
        font-size: 14px;
        line-height: 1;
        font-style: italic;
        text-transform: none;
        background-color: #DC4406;
    }

    .bubblehint br {
        display: none;
    }

    /* Removed because the same functionality was requested for small devices as on desktops
    .hotspots {
        position: static;
        width: 100%;
        margin: 0;
    }

    .hotspots section {
        position: static;
        width: 100%;
        margin-bottom: 20px;
    }

    .hotspots section > div {
        position: static;
    }

    .hotspots section:after {
        background: none;
    }

    .tool-new-to-film .buttonrow .float-right:nth-of-type(2) {
        clear: both;
    }

    .hotspots section .spot {
        display: none;
    }
    */

    /* This stuff is needed because of leaving out the above. Those small screens need some adjustments!
    If the above is uncommented, this next part needs to go away. */
    .hotspots section {
      position: absolute;
      z-index: 2;
      width: 64%;
      height: auto;
    }

    .hotspots .left-bottom.active > div {
      top: -25px;
      right: 90%;
      left: auto;
    }

    .hotspots .left-top.active > div {
      bottom: -50px;
      right: 90%;
      left: auto;
    }

    .hotspots .right-bottom.active > div {
      top: -30px;
      left: 25px;
    }
    /* /End of tool - new to window film */

    /* Tool - home owner visualizer */
    .filmdetail {
        position: static;
        width: 100%;
        margin-bottom: 20px;
    }

    .filmdetail th {
        width: 28%;
    }

    .home-owner-stage {
        float: none;
        width: 100%;
    }

    .tool-home-owner .accordion,
    .tool-commercial-building .accordion {
        float: none;
        width: 100%;
    }

    .patternfilter li {
        float: left;
        margin: 0 2% 10px;
        position: relative;
        width: 12.6%;
    }

    .patternfilter li:nth-of-type(3n+1) {
        clear: none;
        margin-left: 2%;
    }

    .tool-home-owner .button.float-left,
    .tool-commercial-building .button.float-left {
        float: none;
    }
    /* /End of tool - home owner visualizer */
}


/* Tablet only. landscape and portrait */
@media all and (device-width: 768px) and (device-height: 1024px)  {
    /*
     * Teaser
     */
    .teaser {
        padding-bottom: 0;
    }

    .teaser .textbody {
        position: static; /* For .teaserlayout-1 and .rotation */
    }

    .teaser p {
        display: block;
    }
    /* /End of teaser */

    /* Social media */
    .ico-print {
        display: none;
    }
    /* /End of social media */
}

/* 768px :: iPad Portrait */
@media only screen and (max-width: 768px) {
    /* Language Selection in Metanavigation */
    .map-wrapper {
        display: none;
    }

    .map-wrapper-mobile {
        display: block;
    }

    .distributor-selection li {
        float: none;
        height: auto;
        line-height: 16px;
        margin-bottom: 8px;
        width: 100%;
    }
    .distributor-details .contact-container {
        padding: 0 0 20px;
    }
    .distributor-details .col1 {
        float: none;
        width: 100%;
        display: block;
        padding: 0 0 10px;
    }
    .distributor-details .col2 {
        float: none;
        width: 100%;
        padding: 0 0 15px;
    }
    .distributor-details .col3 {
        float: none;
        width: 100%;
        padding: 0;
        text-align: left;
    }
    .distributor-details .col2 {
        margin-left: 0;
    }

    /* /End of Language Selection in Metanavigation */

    .searchlayer .formrow {
        width: 80%;
    }

    .headerlink {
        padding: 0;
    }

    .headerlink a {
        position: static;
        float: left;
        width: auto;
    }

    .headerlink .linkstate-4 {
        float: right;
    }

    .headerlink h1,
    .headerlink h2,
    .headerlink h3,
    .headerlink h4,
    .headerlink h5,
    .headerlink h6 {
        clear: both;
    }

    .columnlayout-1 section {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    /* Reference Filter */
    .reference-filter-list {
        background: #dc4406;
    }

    .reference-filter-list .listwrapper {
        width: 100%;
        margin-left: 0;
    }

    .reference-filter-list dl {
        width: 100%;
        margin: 0 0 20px;
        text-align: center;
    }

    .reference-filter-list dd {
        margin-right: 0;
    }
    /* /End of reference Filter */

    /*
     * Teaser
     */
    .teaser {
        padding-bottom: 0;
    }

    .teaser .textbody {
        position: static; /* For .teaserlayout-1 and .rotation */
    }

    .teaser p {
        display: block;
    }

    /* Rotation teaser */
    .rotation h2 {
        display: block;
        padding-top: 18px;
    }

    .rotation .teaser {
        padding-bottom: 0;
        margin-bottom: 20px;
    }
    /* /End of rotation teaser */
    /* /End of teaser */

    /* Social media */
    .ico-print {
        display: none;
    }
    /* /End of social media */

    /* Associations */
    .logobox {
        width: 31.6667%;
    }

    .logobox:nth-child(4n+4) {
        margin-right: 2.4%;
    }
    /* IE8 */
    .logobox.fourth-of-four {
        margin-right: 2.4%;
    }

    .logobox:nth-child(3n+3) {
        margin-right: 0;
    }
    /* IE8 */
    .logobox.third-of-three {
        margin-right: 0;
    }

    .logobox .logo {
        max-height: 90px;
    }
    /* /End of associations */


    .reviews .cta-write {
        position: static;
    }

    .reviews .review-copy,
    .reviews .average-wrapper {
        margin-right: 4%;
    }
    .reviews .review-details,
    .reviews .recommendation-rate {
        width: 41%;
    }

    /* Tool - energy savings calculator */
    /* Productlist */
    .productlist > li {
        width: 49%;
        text-align: left;
    }

    .productlist > li:nth-of-type(4n+4) {
        margin-right: 2%;
    }

    .productlist > li:nth-of-type(2n+2) {
        margin-right: 0;
    }
    /* /End of productlist */
    /* /End of tool - energy savings calculator */

    /* Tool - home owner visualizer */
    .entrysection .eyecatcherwrapper {
        height: 400px;
    }
    /* /End of tool - home owner visualizer */


    /* Tool - downloads */
    .downloads .formrow select {
        float: none;
        width: 100%;
    }

    .downloadlist li {
        width: 47.2%;
    }

    /* /End of tool - downloads */

    /* Tool - comparison */
    #comparison-table .dropdown-wrapper {
        width: 94%;
    }
    /* /End of tool - comparison */

    /*
     * Sitefooter
     */
    /* Footer - navigation Columns */
    .sitefooter .navigation-columns > li {
        width: 33.3332%;
    }

    .sitefooter .navigation-columns > li:nth-of-type(3n+4) {
        clear: left;
    }
    /* /End of Footer - navigation columns */

    /* Tagcloud */
    .sitefooter .tagcloud {
        display: none;
    }
    /* /End of tagcloud */

    /* Copyright */
    .copyright {
        width: 100%;
        padding-right: 0;
    }
    /* /End of copyright */

    /* Eyecatcher */
    .sitefooter .eyecatcher,
    .corporate .footercontent:before {
        right: 5%;
    }
    /* /End of eyecatcher */

    /* Footermeta */
    .footermeta {
        width: 100%;
        margin: 0;
        text-align: center;
    }

    .footermeta .social {
        clear: both;
        float: none;
    }

    .footermeta .social li:first-child {
        margin-right: 7px;
    }

    .footermeta li,
    .footermeta .social li {
        float: none;
        display: inline-block;
    }

    .footermeta > li:first-of-type {
        padding-right: 2%;
        border-right: 1px solid #d7d7d7;
    }

    .footermeta > li:nth-last-child(2) {
        padding-right: 0;
        border-right: 0;
    }
    /* /End of footermeta */
    /* /End of sitefooter */
}

/* Tablet only. portrait */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {}

/* < 768px :: everything smaller than iPad Portrait */
@media only screen and (max-width: 767px) {
    /* Siteheader */
    .siteheader .centerwrapper {
        padding-bottom: 20px;
        border-bottom: 0;
    }

    .siteheader .logo-meta-wrapper {
        margin: 0 2%;
        border-bottom: 1px solid #e1e1e1;
    }

    .siteheader .logo {
        position: static;
        width: 56px;
        height: 32px;
        margin: 20px 0 20px 10px;
    }

    .siteheader .logo img {
        width: 100%;
        height: auto;
    }

    /* Metanavigation
    /* Remove regular metanavigation */
    .metanavigation {
        display: none;
    }
    /* /End of metanavigation */

    /* Mainnavigation */
    .mainnavigation {
        margin-top: 0;
    }

    /* Tabnavigation for mainnnavigation -
     * Remove tabnavigation for mainnavigation.
     */
    .mainnavigation .tabnavigation {
        display: none;
    }
    /* /End of Tabnavigation for Mainnavigation */

    /* Mobile toggle - Link for toggling .popupmenu in mobile view */
    .mobile-toggle {
        position: absolute;
        top: 22px;
        right: 0;
        display: block;
        width: 50px;
        height: 32px;
        text-indent: -999em;
        background: url(../img/layout/ico-mobile-nav.png) center center no-repeat;
    }
    /* /End of mobile toggle */

    .popupmenu {
        width: 96%;
        margin: -1px 2% 0;
        padding: 0;
        border-top: 0; /* removes pixel-flicker */
        background: transparent;
    }

    .tabnavigation {
        max-width: 100%;
    }

    /* Remove all images for mobile view */
    .popupmenu img {
        display: none;
    }

    /* Popupmenu level 1. / navigation footer */
    .popupmenu .navigation-footer {
        position: static;
        height: auto;
        padding: 0;
        text-align: center;
        font-size: 1px; /* reset height-bug */
        background: transparent;
    }

    .popupmenu > ul {
        padding-bottom: 0;
        background: transparent;
    }

    .popupmenu > ul > li {
        display: block;
        padding-bottom: 0;
        border-bottom: 1px solid #ddd;
    }

    .popupmenu > ul > li:last-of-type {
        border-bottom: 0;
    }

    .navigation-footer a,
    .navigation-footer strong {
        position: relative;
        display: inline-block;
        text-transform: uppercase;
    }

    .navigation-footer strong {
        color: #dc4406;
    }

    /* /End of separator lines */

    /* Remove regular navigation footer wording and... */
    .navigation-footer span,
    .navigation-footer .link-close {
        display: none;
    }

    /* ...show mobile wording */
    .navigation-footer .mobile-wording {
        display: block;
        margin: 0;
        padding: 15px 0;
        background: none;
    }
    /* /End of popupmenu level 1 / navigation footer */

    /* Popupmenu level 2 */
    /* Navigation columns - show in vertical Order instead of horizontal */
    .navigation-columns,
    .find-dealer {
        display: none;
    }

    .popupmenu .active .navigation-columns,
    .popupmenu .active .find-dealer {
        display: block;
    }

    .navigation-columns li {
        float: none;
        width: auto;
        margin-bottom: 0;
    }

    .navigation-columns li a,
    .navigation-columns li strong {
        position: relative;
        margin-bottom: 0;
        padding: 15px 0;
        font-size: 14px;
        line-height: 1.2143;
    }

    .navigation-columns span,
    .navigation-columns strong span,
    .navigation-columns .active span {
        width: 100%;
        padding: 0;
        border: 0;
    }

    /* Separator Lines */
    .navigation-columns a:after,
    .navigation-columns strong:after {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: 90px;
        height: 1px;
        margin-left: -45px;
        background: #d7d7d7;
    }
    /* /End of popupmenu level 2 */

    /* Popupmenu level 3.
     * Navigation-columns / mainnavigation popupmenu level 3.
     * Remove all level 3 lists for mobile view
     */
    .navigation-columns ul {
        display: none;
    }

    /* Choose product */
    .centerwrapper .popupmenu-iconlinks {
        margin-bottom: 0;
    }
    /* /End of choose product */

    /* Search in navigation */
    .popupmenu .searchlayer {
        margin-top: -1px;
        padding: 0;
    }

    .popupmenu .searchlayer .formrow {
        width: 100%;
    }

    .popupmenu .search .navigation-footer {
        display: none;
    }

    .popupmenu .searchlayer fieldset {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }

    .popupmenu .searchlayer legend {
        display: none;
    }

    .popupmenu .searchlayer label {
        width: 100%;
    }

    .popupmenu .searchlayer input[type="text"] {
        position: relative;
        z-index: 1;
        padding: 15px 14% 15px 1%;
        border-right: 0;
        border-left: 0;
        border-radius: 0;
        font-size: 14px;
        line-height: 1.2143;
        background: #fff;
        -webkit-appearance: none;
    }

    .popupmenu .searchlayer .button {
        position: absolute;
        top: 1px;
        right: 0;
        z-index: 2;
        width: auto;
        display: inline-block;
        padding: 0;
/*        width: 46px;
        height: 46px;*/
        text-indent: -999em;
        background: url(../img/layout/ico-search.png) 14px 14px no-repeat;
    }

    .popupmenu .searchlayer .button input {
/*        width: 40px;
        height: 40px;*/
        height: 47px;
    }

    .popupmenu .searchlayer .button:active {
        background-position: 14px -63px;
    }
    /* /End of search in navigation */
    /* /End of popupmenu level 3 */
    /* /End of mainnavigation */
    /* /End of siteheader */

    /* Sitecontent */
    /* Indent classes */
    .indent-1,
    .indent-2,
    .indent-3 {
        margin-left: 4%;
        margin-right: 4%;
    }
    /* /End of indent classes */

    /* SlideJS */
    .slidejs-custom .vertical-block {
        display: none;
    }
    /* End of SlideJS */

    /* Centered form */
    .listrow {
        margin-bottom: 20px;
    }
    /* /End of centered form */

    /* Breadcrumb */
    .breadcrumb dl {
        margin-top: 10px;
    }

    .breadcrumb a,
    .breadcrumb strong {
        font-size: 12px;
        line-height: 1.25;
        padding: 0 0 0 8px;
        background: url(../img/layout/bg-arrow.gif) 0 5px no-repeat;
    }

    .breadcrumb a:hover,
    .breadcrumb a:focus,
    .breadcrumb a:active {
        background-position: 0 5px;
    }
    /* /End of breadcrumb */

    /* Stages */
    /* Columnstage */
    /* Stages are hidden with CSS. Background-images via inline-styles are not loaded. */
    .sitecontent .columnstage {
        height: 0;
    }

    .sitecontent .columnstage > div {
        display: none;
    }
    /* /End of columnstage */

    /* Hoverstage */
    .sitecontent .hoverstage .imagewrapper,
    .sitecontent .hoverstage .textwrapper {
        display: none;
    }
    /* /End of hoverstage */
    /* /End of stages */

    /* Search in .sitecontent */
    .sitecontent .searchlayer.indent-1 .formrow {
        width: 100%;
    }

    .sitecontent .searchlayer label {
        width: 100%;
    }

    .sitecontent .searchlayer .button {
        width: auto;
    }
    /* /End of search in .sitecontent */

    /* Text columns - two columns in comparison */
    .text-columns section {
        float: none;
        width: 100%;
        margin: 0;
    }
    /* /End of text columns */

    /* Maintenance */
    .maintenance .bubble-big {
        position: static;
        width: 100%;
    }

    .maintenance .bubble-big .imagebody img {
        display: none;
    }

    .maintenance .bubble-big .textbody {
        position: static;
        width: 100%;
        margin: 0;
    }

    .maintenance .bubble-big h2 {
        margin: 0 0 20px;
        padding: 0;
        color: #383d42;
        font: normal 22px/1.1818 "LLumarFaktProBlond", Arial, sans-serif;
    }
    /* /End of maintenance */

    /* Sitemap - level 3 */
    .sitemap ul ul ul li {
        width: 49%;
    }

    .sitemap ul ul ul li:nth-of-type(3n+3) {
        margin-right: 2%;
    }

    .sitemap ul ul ul li:nth-of-type(2n+2) {
        margin-right: 0;
    }
    /* /End of sitemap - level 3 */
    /* /End of sitemap */


    /* Tools */
    /* Tool - find dealer */
    .find-dealer {
        padding-top: 0;
    }

    .find-dealer dt {
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 1.2143;
    }

    .searchwrapper {
        width: 100%;
    }

    .dealer-filter dd {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    .form-find-dealer {
        float: none;
        width: 100%;
    }

    .tool-find-dealer .maparea {
        float: none;
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }

    .resultarea {
        float: none;
        width: 100%;
    }

    /* /End of tool - find dealer */

    /* Tool - new to window film */
    .step-application .legend li {
        display: list-item;
        width: 100%;
        margin-right: 0;
    }
    /* /End of tool - new to window film */
    /* /End of tools */
    /* /End of sitecontent */


    .external-tool .footerlogo {
        float: none;
        margin-right: 10px;
    }
    .external-tool .copyright {
        width: 100%;
    }

    .external-tool .footermeta {
        margin: 0 -10px 20px 0;
        text-align: left;
        width: 70%;
    }
    .external-tool .footermeta li {
        float: right;
        margin: 0 10px 5px 0;
    }


    /* Tools */
    /* Tool - automotive visualizer */
    .tool-automotive.indent-1,
    .car-views.indent-1 {
        margin: 0 2% 40px;
    }

    .tool-automotive .two-thirds.tint-adjustment,
    .tool-automotive .one-third.eyecatcher-holder {
        width: 100%;
    }


    .tool-automotive.no-front .two-thirds.tint-adjustment {
        width: 66%;
        margin-right: 0;
    }
    .tool-automotive.no-front .one-third.eyecatcher-holder {
        width: 32%;
    }



    .tool-automotive .tint-adjustment {
        margin-bottom: 40px;
    }

    .tool-automotive .progress li {
        width: 37%;
        margin-right: 3%;
    }
    .tool-automotive .progress li.last {
        width: 20%;
    }
    /* /End of tool - automotive visualizer */

    /* Tool - energy savings calculator */
    /* Step - location */
    .form-savings-calculator .step-location {
        -webkit-background-size: 100% auto;
           -moz-background-size: 100% auto;
             -o-background-size: 100% auto;
                background-size: 100% auto;
    }

    .form-savings-calculator > ol > li:before {
        top: 5px;
        left: 5px;
    }

    .tool-savings-calculator .ol-counter h2 {
        margin-bottom: 20px;
        padding: 0 18%;
    }

    /* Step location */
    .form-savings-calculator .formrow select {
        width: 80%;
    }
    /* /End of step location */

    /* Step - building */
    .step-building .formrow {
        width: 100%;
    }

    .step-building .textwrapper {
        max-width: 58%;
    }
    /* /End of step - building */

    /* Step - window */
    .form-savings-calculator .step-window .formrow {
        width: 80%;
        margin: 0 0 20px 22%;
    }
    /* /End of step - window */

    /* Graph */
    .centerwrapper .graphwrapper {
        float: none;
        width: 100%;
        margin: 0;
    }
    /* /End of graph */

    /* Graph on y-axis */
    .centerwrapper .graphwrapper.graphwrapper-y {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    .graph-y dl:before {
        left: -20%;
        width: 140%;
    }
    /* /End of graph on y-axis */
    /* /End of tool - energy savings calculator */



    /* Tool - comparison */
    .step-films .formrow select {
        width: 80%;
    }
    /* /End of tool - comparison */

    /* Tool - specs finder */
    .sliderWrapperLight,
    .sliderWrapperUv,
    .sliderWrapperHeat,
    .sliderWrapperGlare {
        width: 100%;
    }
    /* /End of tool specs finder */

    /* /End of Tools */
    /* /End of sitecontent */
}



/* < 700px */
@media only screen and (max-width: 700px) {

    .product-detail .expandable img {
        width: 100%;
        margin-right: 0;
        float: none;
    }

    .product-detail .value-wrapper {
        float: none;
        width: 100%;
    }

    .reviews .review-copy {
        width: 100%;
        float: none;
        margin-right: 0;
    }
    .reviews .review-details {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }
}




/* 568px :: iPhone 5 landscape */
@media only screen and (max-width: 568px) {

    .reviews .average-wrapper {
        width: 100%;
        margin-right: 0;
        margin-bottom: 4px;
        float: none;
    }
    .reviews .recommendation-rate {
        width: 100%;
        float: none;
    }

    /* Tools */
    /* Tool - automotive visualizer */
    .tool-automotive .two-thirds,
    .tool-automotive .one-third,
    .tool-automotive .frontTint,
    .tool-automotive .rearTint {
        width: 100%;
    }

    .tool-automotive .tint-adjustment {
        margin-bottom: 40px;
    }

    .tool-automotive .car-views .outside h2 {
        margin-bottom: 20px;
    }
    .tool-automotive .car-views .outside {
        margin-bottom: 0;
    }

    /* Hide interior view*/
    .tool-automotive .car-views .inside {
        display: none;
    }

    .tool-automotive .car-views .inside h2 {
        margin-bottom: 10px;
    }

    .tool-automotive .progress li {
        width: auto;
        margin-right: 4%;
        margin-bottom: 0;
    }
    .tool-automotive .progress li.last {
        width: auto;
    }


    /* Reduce progress element */
    .tool-automotive .progress .dealer,
    .tool-automotive .progress .inactive,
    .tool-automotive > .progress .active {
        display: none;
    }

    .tool-automotive .progress {
        margin-bottom: 24px;
    }

    .tool-automotive .progress .back a {
        line-height: 40px;
    }

    .tool-automotive .animation-container .progress {
        margin-bottom: 0;
    }
    .tool-automotive .animation-container .progress .digit {
        display: none;
    }
    .tool-automotive .animation-container .progress .active {
        margin: 0;
        width: 100%;
    }
    .tool-automotive .progress li.active strong {
        background: none;
        line-height: 20px;
        padding-left: 0;
        font: 18px/1.1667 "LLumarFaktProBlond", Arial, sans-serif;
    }

    .tool-automotive.no-front .two-thirds.tint-adjustment,
    .tool-automotive.no-front .one-third.eyecatcher-holder {
        width: 100%;
    }

    /* /End of Tool - automotive visualizer */

    /* Tool - home owner visualizer */
    .tool-home-owner.entrysection,
    .tool-commercial-building.entrysection {
        background-image: none;
    }

    .entrysection .eyecatcherwrapper {
        float: none;
        width: 100%;
        height: auto;
    }

    .centerwrapper .tool-home-owner .eyecatcher,
    .centerwrapper .tool-commercial-building .eyecatcher {
        position: static;
        margin: 0 auto 20px;
    }
    /* /End of tool - home owner visualizer */

    /* Tool - energy savings calculator */

    .form-savings-calculator > ol > li:before {
        top: 5px;
        left: 5px;
    }

    .form-savings-calculator .toolteaser {
        padding: 20px 2%;
    }

    .toolteaser aside,
    .form-savings-calculator .toolteaser aside {
        margin: 0 -2% -20px;
    }

    .step-building .formrow {
        width: 100%;
    }

    .step-building .textwrapper {
        margin-top: 0;
    }
    /* /End of step - building */
    /* Step - window */
    .form-savings-calculator .step-window .formrow {
        width: 100%;
        margin: 0;
    }

    .step-window .imagewrapper {
        margin: 0 auto 10px;
    }

    .step-window .formrow label {
        float: none;
        text-align: center;
    }

    .step-window .formrow label {
        width: 100%;
    }

    .step-window .formrow input[type="radio"] {
        float: none;
    }

    .step-window strong {
        display: inline-block;
        margin-bottom: 20px;
    }
    /* /End of step - window */

    /* Step - film */
    .step-film .formrow {
        float: none;
        width: 92%;
        margin: 0 4% 30px 4%;
    }
    /* /End of step - film */
    /* /End of tool - energy savings calculator */


    /* Tool - comparison */

    #comparison-table td:first-child {
        background-image: none;
        padding-left: 5px;
    }

    /* /End of tool - comparison */

    /* /End of tools */


    /* Cookie prompt */
    .cookie-prompt {
        text-align: center;
    }

    .cookie-prompt legend {
        float: none;
        width: 100%;
    }

    .cookie-prompt p {
        float: none;
        width: 100%;
    }

    .cookie-prompt .button {
        float: none;
        max-width: 100%;
    }
    /* /End of cookie prompt */

    /*
     * Teaser
     */
    /* Rotation */
    .rotation .teaser {
        float: none;
        width: 92%;
        margin: 0 4% 20px;
    }

    .rotation h2 {
        display: block;
    }

    /* Teaser bubble*/
    .sitecontent .bubble-big h2 {
        font-size: 24px;
        line-height: 1.16667;
    }
    /* /End of teaser bubble */
    /* /End of rotation */

    /* Teaserlayout-1 */
    .teaserlayout-1 .centerteaser {
        width: 100%;
    }

    .teaserlayout-1 .teaser {
        float: none;
        width: 100%;
        margin-right: 0;
    }
    /* /End of teaserlayout-1 */

    /* Newsteaser */
    .newsteaser {
        margin-bottom: 20px;
    }

    .newsteaser img {
        width: 100%;
    }

    .newsteaser .textbody {
        width: 100%;
        text-align: center;
    }
    /* /End of newsteaser */

    /* Centerteaser */
    .centerteaser {
        width: 92%;
    }
    /* /End of centerteasear */

    /* Teaser news */
    .teaser-news .textbody {
        padding: 0 0 10px;
    }
    /* /End of teaser news */
    /*
     * /End of teaser
     */

    /* Table styles */
    /* Scrollable tables for devices < 568px */
    .tablewrapper {
        position: relative;
        overflow: hidden;
    }

    .tablewrapper:after {
        border-radius: 10px 0 0 10px / 50% 0 0 50%;
        box-shadow: -5px 0 10px rgba(0, 0, 0, 0.25);
        content: "";
        height: 100%;
        left: 100%;
        position: absolute;
        top: 0;
        width: 50px;
    }

    .tablewrapper > div {
        width: 100%;
        overflow-x: scroll;
    }

    /* Make scrollbars visible for mobile Webkit-browsers */
    .tablewrapper > div::-webkit-scrollbar {
        height: 12px;
    }
    .tablewrapper > div::-webkit-scrollbar-track {
        box-shadow: 0 0 2px rgba(0,0,0,0.15) inset;
        background: #f0f0f0;
    }
    .tablewrapper > div::-webkit-scrollbar-thumb {
        border-radius: 6px;
        background: #ccc;
    }

    .tablenote {
        display: inline-block;
        margin-bottom: 20px;
        padding: 10px 35px 10px 10px;
        background: #f5f5f5 url(../img/layout/ico-swipe.png) right 50% no-repeat;
    }
    /* /End of table styles */

    /* Imageteaser */
    /* Default image right, text left */
    .imageteaser {
        padding-bottom: 25px;
    }

    .imageteaser.vertical-block:before {
        display: inline;

    }

    .imageteaser .imagebody {
        width: 100%;
        padding: 0;
    }

    .centerwrapper .imageteaser .textbody {
        width: 100%;
        padding: 0;
    }

    .centerwrapper .product-description .imageteaser .textbody {
        padding: 15px;
    }
    /* /End of imageteaser */

    /* Formmaster */
    .formrow.checkboxrow label,
    .formrow.listrow label {
        width: 87%;
    }

    .uploadrow .imagename {
        height: auto;
    }

    .centered-form .centerteaser {
        width: 100%;
    }
    /* /End of formmaster */

    /* Columnstage */
    .columnstage .textbody {
        right: 0;
        bottom: 0;
        width: 100%;
        height: auto;
        background: #DC4406;
    }

    .columnstage .textbody div {
        padding: 20px;
    }

    .columnstage h2 {
        font-size: 16px;
        line-height: 1.125;
    }
    /* /End of columnstage */

    /* Associations */
    .logobox,
    .logobox:nth-child(4n+4),
    .logobox:nth-child(3n+3) {
        width: 47.5%;
        margin: 0 5% 5% 0;
    }

    .logobox:nth-child(2n+2) {
        margin-right: 0;
    }

    .logobox .logo {
        max-height: 120px;
    }
    /* /End of associations */

    /* Sitemap - level 3 */
    .sitemap ul ul ul li {
        width: 100%;
        margin-right: 0;
    }

    /* /End of sitemap - level 3 */

    /* Tool - energy savings calculator */
    .productlist > li {
        width: 100%;
        margin-right: 0;
    }
    /* /End of tool - energy savings calculator */
    /* /End of sitecontent */

    /*
     * Sitefooter
     */
    /* Footer - navigation columns */

    /* /End of Footer - cavigation columns */
    .sitefooter .navigation-columns {
        display: none;
    }
    /* /End of sitefooter */

    /* Distributor */
    .distributor {
        float: none;
        margin-right: 0;
        width: 100%;
        border-bottom: solid 1px #ddd;
    }

    .distributor-list .distributor:last-child {
        border: none;
    }

    .distributor-list hr {
        display: none;
    }
    /* /End of Distributor */
}

/* 480px :: iPhone landscape */
@media only screen and (max-width: 480px) {
    .logobox .logo {
        max-height: 120px;
    }

    /* Teaser bubble*/
    .sitecontent .bubble-big h2 {
        font-size: 20px;
        line-height: 1.1;
    }
    /* /End of Teaser bubble */

    .product-description .fivestar-static-item {
        float: none;
        margin-bottom: 4px;
    }

    .product-description .rating .rate {
        float: none;
    }

    /* Tools */
    /* Tool - automotive visualizer */
    .tool-automotive .scale {
        width: 270px;
    }
    .tool-automotive .scale-center {
        width: 20px;
        height: 250px;
    }

    .tool-automotive .rotate-car {
        top: 25px;
    }

    /* /End of tool - automotive visualizer */

    /* Tool - energy savings calculator */
    .graph-y .column strong > span {
        font-size: 12px;
    }
    /* /End of tool - energy savings calculator */

    /* Tool Downloads */
    .centerwrapper .downloadlist li {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    /* /End of tool downloads */
    /* /End of tools */
}

/* < 480px :: iPhone portrait */
@media only screen and (max-width: 479px) {
    .logobox,
    .logobox:nth-child(4n+4),
    .logobox:nth-child(3n+3) {
        clear: both;
        float: none;
        width: 100%;
        margin-right: 0;
    }

    /* End of SlideJS */
    .slidejs-custom .vertical-block {
        display: none;
    }

    /* Tool - comparison */
    .step-films .formrow select {
        width: 90%;
    }
    /* /End of tool - comparison */
}

/* High DPI Devices */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 3.0),
only screen and (   min--moz-device-pixel-ratio: 3.0),
only screen and (     -o-min-device-pixel-ratio: 3/1),
only screen and (        min-device-pixel-ratio: 3.0),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 441dpi),
only screen and (                min-resolution: 2dppx) {
    /* Mobile Toggle - Link for toggling .popupmenu in mobile view */
    .mobile-toggle {
        background-image: url(../img/layout/ico-mobile-nav-highdpi.png);
    }
    /* /End of mobile toggle */

    /* Search */
    .tabnavigation .search a,
    .popupmenu .searchlayer .button {
        background-image: url(../img/layout/ico-search-x2.png);
        -webkit-background-size: 18px auto;
           -moz-background-size: 18px auto;
             -o-background-size: 18px auto;
                background-size: 18px auto;
    }
    /* /End of search */

    /* Typography */
    /* Linkstates */
    .linkstate-3:link,
    .linkstate-3:visited,
    .linkstate-3:hover,
    .linkstate-3:focus,
    .linkstate-3:active {
        background-image: url(../img/layout/ico-link-indicator-03-x2.png);
        -webkit-background-size: 31px auto;
           -moz-background-size: 31px auto;
             -o-background-size: 31px auto;
                background-size: 31px auto;
    }

    .linkstate-4:link,
    .linkstate-4:visited,
    .linkstate-4:hover,
    .linkstate-4:focus,
    .linkstate-4:active {
        background-image: url(../img/layout/ico-link-indicator-02-x2.png);
        -webkit-background-size: 31px auto;
           -moz-background-size: 31px auto;
             -o-background-size: 31px auto;
                background-size: 31px auto;
    }

    .backlink span {
        background-image: url(../img/layout/bg-arrow-back-x2.gif);
        -webkit-background-size: 4px auto;
           -moz-background-size: 4px auto;
             -o-background-size: 4px auto;
                background-size: 4px auto;
    }
    /* /End of linkstates */
    /* /End of typography */

    /* Breadcrumb */
    .breadcrumb a,
    .breadcrumb strong {
        background-image: url(../img/layout/bg-arrow-x2.gif);
        -webkit-background-size: 4px auto;
           -moz-background-size: 4px auto;
             -o-background-size: 4px auto;
                background-size: 4px auto;
    }
    /* End of breadcrumb */

    /* Accordion */
    .accordion > dt:after,
    .expandable > dt:after {
        background-image: url(../img/layout/ico-link-indicator-vertical-x2.png);
        -webkit-background-size: 31px auto;
           -moz-background-size: 31px auto;
             -o-background-size: 31px auto;
                background-size: 31px auto;
    }
    /* /End of accordion */

    /* SildeJS */
    .slidesjs-pagination-item a {
        background-image: url(../img/layout/but-slidesjs-pagination-x2.png);
        -webkit-background-size: 22px auto;
           -moz-background-size: 22px auto;
             -o-background-size: 22px auto;
                background-size: 22px auto;
    }
    /* End of slidejs */

    /* Social media */
    .ico-pdf {
        background-image: url(../img/layout/ico-pdf-x2.png);
        -webkit-background-size: 20px auto;
           -moz-background-size: 20px auto;
             -o-background-size: 20px auto;
                background-size: 20px auto;
    }
    /* /End of social media */

    /* Sitefooter */
    .footermeta-sema {
        background-image: url(../img/content/logo-footer-sema-x2.png);
        -webkit-background-size: 49px auto;
           -moz-background-size: 49px auto;
             -o-background-size: 49px auto;
                background-size: 49px auto;
    }

    .footermeta-facebook {
        background: url(../img/content/logo-footer-facebook-x2.png);
    }

    .footermeta-twitter {
        background-image: url(../img/content/logo-footer-twitter-x2.png);
    }

    .footermeta-youtube {
        background-image: url(../img/content/logo-footer-youtube-x2.png);
    }

    .footermeta-pinterest {
        background-image: url(../img/content/logo-footer-pinterest-x2.png);
    }

    .footermeta-gplus {
        background-image: url(../img/content/logo-footer-googleplus-x2.png);
    }
    /* /End of sitefooter */

    /* Tool find a dealer */
    .form-find-dealer .geofinder {
        background-image: url(../img/layout/ico-crosshair-x2.png);
        -webkit-background-size: 25px auto;
           -moz-background-size: 25px auto;
             -o-background-size: 25px auto;
                background-size: 25px auto;
    }

    .dealer-filter label,
    .resultlist em,
    .legend a {
        background-image: url(../img/layout/ico-tile-legend-x2.png);
        -webkit-background-size: 40px auto;
           -moz-background-size: 40px auto;
             -o-background-size: 40px auto;
                background-size: 40px auto;
    }
    /* /End tool find a dealer */

    /* Tool automotive */
    .tool-automotive .scale-left {
        background-image: url(../img/content/tool-automotive-scale-left-x2.gif);
    }
    .tool-automotive .scale-right {
        background-image: url(../img/content/tool-automotive-scale-right-x2.gif);
    }
    .tool-automotive .rotate-car {
        background-image: url(../img/layout/but-rotate-car-x2.png);
    }

    .tool-automotive .scale-right,
    .tool-automotive .scale-left,
    .tool-automotive .rotate-car {
        -webkit-background-size: 100% auto;
           -moz-background-size: 100% auto;
             -o-background-size: 100% auto;
                background-size: 100% auto;
    }
    /* /End of tool automotive */

    /* Scale big images down */
    .mobile-toggle {
        -webkit-background-size: 25px auto;
           -moz-background-size: 25px auto;
             -o-background-size: 25px auto;
                background-size: 25px auto;
    }

    .footermeta .social dl a,
    .form-savings-calculator .step-location {
        -webkit-background-size: 100% auto;
           -moz-background-size: 100% auto;
             -o-background-size: 100% auto;
                background-size: 100% auto;
    }
    /* /End of scale */
}

/* High DPI Devices < 768px */
@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width: 767px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width: 767px),
only screen and (        min-device-pixel-ratio: 2) and (max-width: 767px),
only screen and (                min-resolution: 192dpi) and (max-width: 767px),
only screen and (                min-resolution: 2dppx) and (max-width: 767px) {
}


/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

@media print {
    /* Print styles */

    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    body {
        padding: 0 0.1cm 1cm 1.5cm;
    }

    .indent-1,
    .indent-2,
    .indent-3 {
        margin: 0;
    }

    /* Typography */
    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    h1,
    .h1 {
        margin-bottom: 10px;
    }


    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .centerwrapper .separator-top {
        padding-top: 0;
    }
    /* /End of Typography */

    /* Siteheader */
    /* Logo */
    .siteheader .logo {
        position: static;
        float: none;
        margin: 0;
    }
    /* /End of logo */

    /* Mainnavigation */
    html body .mainnavigation {
        display: none;
    }
    /* /End of mainnavigation */

    /* Metanavigation */
    .metanavigation {
        display: none;
    }
    /* /End of metanavigation */
    /* /End of siteheader */

    /* Breadcrumb */
    .breadcrumb {
        margin: 0;
    }

    .breadcrumb dd {
        margin-left: 0;
    }

    .breadcrumb a {
        margin-right: 10px;
        padding-left: 0;
    }
    /* /End of breadcrumb */


    /* Socialmedia */
    .socialmedia {
        display: none !important;
    }
    /* /End of socialmedia */

    /* Load More */
    .loadmore {
        display: none;
    }
    /* /End of Load More */

    /* SlideJS */
    .sliderstage,
    .slidejs-wrapper,
    .slidesjs-control,
    .slidejs-wrapper img {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        margin-bottom: 0;
    }

    .slidesjs-container {
        width: 100% !important;
        height: auto !important; /* show all included images */
    }

    .slidesjs-slide {
        position: static !important;
        display: block !important;
        margin-bottom: 20px;
    }

    .slidejs-custom img {
        position: static;
    }

    .slidesjs-navigation,
    .slidesjs-pagination {
        display: none;
    }


    /* /End of SlideJS */

    /* Toolteaser */
    .toolteaser .bubbletext {
        display: none;
    }

    /* Copytext Center */
    .copytext-center {
        margin-bottom: 20px;
    }
    /* /End of copytext center */

    /* Centerteaser */
    .centerteaser {
        width: 100%;
    }
    /* /End of centerteaser */

    /* Case study */
    .reference-detail {
        padding: 0;
        border-top: 0;
    }

    .headerlink {
        padding: 0;
    }

    .headerlink .backlink,
    .headerlink .linkstate-3,
    .headerlink .linkstate-4 {
        display: none;
    }

    .copytext-center {
        margin-top: 0;
    }
    /* /End of case study */

    /* Teaserlayout 1 */
    .teaserlayout-1 {
        display: none;
    }
    /* /End of teaserlayout 1 */

    /* Columnlyout 1 */
    .columnlayout-1 section {
        float: none;
        width: 100%;
        margin: 0 0 20px;
    }
    /* /End of columnlayout 1 */

    /* Sitefooter */
    .centerwrapper .footercontent {
        padding: 0;
        border-top: 0;
    }

    .sitefooter .footerlogo,
    .sitefooter .eyecatcher,
    .sitefooter .navigation-columns,
    .sitefooter .tagcloud,
    .sitefooter .footermeta {
        display: none;
    }

    .corporate .footercontent:before {
        background: transparent;
    }

    .copyright {
        width: 100%;
        margin: 0;
        padding: 0;
        font-size: 8px;
    }
    /* /End of sitefooter */
    /* /End of print styles */
}
/* /End of media queries */

/*====================
   LLumar Blog Module
  ====================*/

#llumar-blog {
    background-color: #efefef;
    margin-top: -15px;
}
.llumar-blog-block p{
    font-size: 1.2em;
}
#llumar-blog-main{
    display: inline-block;
    width: 70%;
}
#llumar-blog-sidebar{
    display: inline-block;
    vertical-align: top;
    width: 30%;
    margin-left: -4px;
}

#llumar-blog-title h1{
    text-align: center;
    padding-top: 20px;
    color: black;
}
#llumar-blog-title h2{
    text-align: center;
}

.llumar-blog-block{
    background-color: white;
    margin: 10px;
    padding: 10px;
}
.llumar-blog-block h2{
    margin: 0;
}

.llumar-blog-block-header{
    background-color: white;
    display: inline-block;
    padding: 10px 10px 5px 10px;
}
.llumar-blog-block-header h2{
    margin-bottom: 0;
}

#llumar-blog-main .llumar-blog-block{
    margin-left: 0;
}
#llumar-blog-sidebar .llumar-blog-block{
    margin-right: 0;
}

#llumar-blog-most-recent{
    padding: 0;
}

#llumar-blog-description p{
    margin: 0;
}
#llumar-blog-description h1{
    margin-bottom: 20px;
}

.llumar-blog-author-list>li {
    list-style: none;
    margin-left:;
}
.llumar-blog-author-list>li>* {
    display: inline-block;
}
.llumar-blog-author-list>li>h2 {
    padding-left: 13px;
}
.llumar-blog-block-header>* {
    display: inline-block;
}
.llumar-blog-block-header>img {
    margin-right: 10px;
    margin-bottom: 5px;
}
#llumar-blog-author-description {
    padding: 1px 20px 1px 20px;
}

.blog-list-item-date {
    position: absolute;
    display: inline-block;
    background-color: white;
    bottom: 5px;
    left: 3px;
    margin-left: 3px;
    padding: 3px;
    width: 65px;
    border: solid black 1px;
}
.blog-list-item-month {
    text-align: center;
}
.blog-list-item-day {
    text-align: center;
    font-size: 2.5em;
    padding: 0;
    margin: 0;
    position: relative;
    top: -11px;
    height: 27px;
    font-weight: bold;
}
.blog-list-item-content {
    display: inline-block;
    vertical-align: top;
}
.blog-list-image {
    display: inline-block;
    position: relative;
    margin-right: 20px;
}
.blog-list-item-content>p {
    margin-bottom: 5px;
}
.blog-list-item-content {
    margin-top: 15px;
}
.blog-list-item {
    margin-bottom: 25px;
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 25px;
    border-bottom: solid gray 1px;
}
#llumar-blog-article-list>h1 {
    text-align: left;
    color: black;
    margin-top: 3px;
    margin-bottom: 5px;
    margin-left: 20px;
}
.related-article {
    display: inline-block;
    width: 50%;
}
.related-article * {
    display: inline-block;
}
.related-article h2 {
    vertical-align: top;
    margin: 20px;
}
.related-article>a:hover h2 {
    color: #dc4406;
}
#llumar-blog-category-navigation{
    position: relative;
}
#llumar-blog-category-nav{
    overflow: auto;
    text-align: center;
    margin-bottom: 0;
}
#llumar-blog-category-nav li {
    display: inline-block;
    width: 150px;
    height: 50px;
    text-align: center;
    font: italic normal 17px/1.17647 "LLumarFaktProBlond", Arial, sans-serif;
    margin: 0;
    padding-top: 12px;
}
#llumar-blog-category-nav li a {
    text-decoration: none;
}
#llumar-blog-category-nav li:hover{
    color: #dc4406
}
.social-buttons {
    list-style: none;
    padding: 0;
    margin: 0;
}
.social-buttons li{
    vertical-align: top;
    display: inline-block;
}
#llumar-blog-google-button,
#llumar-blog-facebook-button{
    margin-top: 3px;
}
#llumar-blog-feature-large{
    display: inline-block;
    width: 50%;
    height: auto;
    float: left;
    padding: 5px;
}
#llumar-blog-feature-small{
    display: inline-block;
    width: 50%;
}
#llumar-blog-feature-small ul{
    margin: 0;
    padding: 0;
}
#llumar-blog-feature-small li{
    list-style: none;
    display: inline-block;
    width: 50%;
    margin: 0;
    padding: 5px;
}
#llumar-blog-feature-container{
    width: 100%;
    height: auto;
    padding: 5px;
}
#llumar-blog-most-recent img {
    width: 100%;
    height: auto;
}
#llumar-blog-subscribe p {
    margin-bottom: 15px;
}
#llumar-blog-subscribe .button{
    margin-left:10px;
}
.subscribe-label {
    vertical-align: top;
    position:relative;
    top:5px;
}
#llumar-blog-entry-comments input[value="Preview"]{
    display: none;
}
#subscribe-email-text {
    width: 70%
}
#subscribe-email-button {
    margin-bottom: 1px;
}
#llumar-blog-subscribe ul {
    list-style: none;
}
#llumar-blog-subscribe>ul{
    margin: 0;
    padding: 0;
}

#llumar-blog-subscribe>ul>li {
    margin-bottom: 15px;
}
#llumar-blog-subscribe .social li,
#llumar-blog-subscribe .social p,
#llumar-blog-subscribe .social ul {
    display: inline;
}
#llumar-blog-search h2{
    margin: 5px 0;
    display: inline-block;
    font-size: 1.6em;
}
#llumar-blog-search-text{
    margin: 10px 0 15px 0;
}
#llumar-blog-search-submit{
    margin: 11px 0;
}
.llumar-blog-feature-link {
    position: relative;
}
.llumar-blog-feature-overlay {
    width: 100%;
    position: absolute;
    background: rgba(250,250,250,0.85);
    bottom: 0px;
    left: 0px;
    padding: 15px;
    text-align: center;
    max-height: 50%;
    overflow: hidden;
}
.llumar-blog-feature-overlay:before{
    content:"";
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: 30%;
    width: 40%;
    border-bottom: 1px solid gray;
}
#llumar-blog-feature-large .llumar-blog-feature-overlay:before{
    margin-left: 40%;
    width: 20%;
}
.llumar-blog-feature-link:hover .llumar-blog-feature-overlay{
    color: #dc4406;
    background-color: white;
}
.llumar-blog-feature-link:hover .llumar-blog-feature-overlay h2 {
    color: #dc4406;
}
.llumar-blog-promo span.button{
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}
.llumar-blog-promo p{
    text-align: center;
}
.llumar-blog-promo img{
    width: 100%;
    height: auto;
}
.llumar-blog-promo h1 {
    position: relative;
    margin: 15px 0;
    font-size: 1.6em;
    color: black;
}
.llumar-blog-promo h1:before{
    position: absolute;
    content: "";
    bottom: -10px;
    left: 0;
    width: 50%;
    margin-left: 25%;
    border-bottom: 1px solid gray;
}
.blog-search-field select{
    width: 50%;
    display: inline-block;
    margin-left: 6px;
    padding: 0;
    height: 24px;
}
.blog-search-field input[type="date"]{
    display: inline-block;
    margin-left: 13px;
}
#llumar-blog-comment-list{
    list-style: none;
}
.blog-top-5{
    display: none;
}
#llumar-blog-subscribe .button{
    margin: 0;
}
#llumar-blog-subscribe-email {
    margin-bottom: 5px;
}
#where-to-buy{
    margin: 0;
}
#where-to-buy p{
    display: inline-block;
    margin: 0;
    vertical-align: top;
    padding: 4px 5px 5px 0;
}
#where-to-buy .button{
    display: inline-block;
}

@media all and (max-width:998px) {
    .blog-top-5{
        display: inherit;
    }

    #llumar-blog-most-recent {
        display: none;
    }

    #llumar-blog-subscribe .social p {
        display: block;
        margin-bottom: 0;
    }

    #llumar-blog-subscribe .social ul {
        padding: 0;
    }
    #llumar-blog-category-nav {
        max-width: 450px;
        padding: 0;
        margin-left: auto;
        margin-right: auto;
    }
}

@media all and (min-width:767) and (max-width:887px){
    .llumar-blog-author-list{
        padding-left: 0;
    }
    .llumar-blog-author-list li{
        margin-top: 20px;
    }
    .llumar-blog-author-list img{
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .llumar-blog-author-list h2{
        display: block;
        padding: 0;
        text-align: center;
    }
}

@media all and (max-width:767px){
    .social-buttons{
        width: 162px;
        margin: 0 auto;
    }

    #llumar-blog-main {
        width: 100%;
    }

    #llumar-blog-sidebar {
        width: 100%;
    }
    .llumar-blog-author-list {
        margin-top: 15px;
    }
    .llumar-blog-author-list li {
        display: inline-block;
        width: 50%;
    }
}

@media all and (min-width:768px){
    .social-buttons{
        position: absolute;
        right: 0;
        bottom: 0;
    }
}

.blog-list-item-content{
    width: 50%;
}
.blog-list-item-content a {
    text-decoration: none;
}
.blog-list-item-content h2,
.read-more{
    color: #dc4406;
}
.blog-list-item-content:hover h2,
.blog-list-item-content:hover .read-more{
    color: #383D42;
}
.blog-list-item-content .no-highlight
{
    color: #383D42;
}
.blog-list-item-content p{
    margin-bottom: 5px;
}
.blog-list-item-content .read-more{
    margin: 0;
}
#llumar-blog-feature-small h2{
    font-size:1.3em;
}
#llumar-blog-description{
    padding:10px 20px 20px;
    margin-bottom:5px;
}
#blog-article-feature-image{
    float: left;
    margin: 0 20px 20px 20px;
}
.related-article {
    width: 33%;
    vertical-align:top;
}
.related-article a {
    text-decoration: none;
    width: 200px;
    margin: auto;
}
.related-article h2 {
    font-size: 1.4em;
    font-weight: bold;
    margin: 5px 0;
    text-align: center;
}
.related-article img,
.related-article h2,
.related-article a {
    display: block;
}
#related-articles-block>h1 {
    margin-bottom: 10px;
}
.llumar-blog-block>h1{
    margin-bottom: 20px;
}
.authoring-info{
    text-align: center;
    margin-top: -15px;
}

#blog-article-feature-image>img {
    width: 300px;
    height: auto;
}

@media all and (max-width:500px){
    #blog-article-feature-image > img {
        width:100%;
        height:auto;
    }
}

@media all and (min-width:768px) and (max-width:1040px){
    .related-article{
        display:block;
        width:100%;
        margin-bottom:20px;
    }
    .related-article>a {
        width:100%;
        padding:0;
        margin:0;
    }
    .related-article>a>img {
        display:inline-block;
        width:30%;
        height:auto;
    }
    .related-article>a>h2 {
        display:inline-block;
        width:68%;
        padding:45px 10px 0;
        font-size:2em;
    }
}

@media all and (max-width:700px){
    .related-article{
        display:block;
        width:100%;
        margin-bottom:20px;
    }
    .related-article>a {
        width:100%;
        padding:0;
        margin:0;
    }
    .related-article>a>img {
        display:inline-block;
        width:30%;
        height:auto;
    }
    .related-article>a>h2 {
        display:inline-block;
        width:68%;
        padding:25px 10px 0;
    }
}

@media all and (min-width:550px) and (max-width:700px){
    .related-article>a>h2{
        font-size:2.0em;
    }
}

@media all and (max-width:350px) {
    .related-article>a>img {
        display:block;
        width:70%;
        margin:auto;
    }
    .related-article>a>h2{
        display:block;
        width:100%;
        margin-top:-15px;
        margin-bottom:25px;
    }
}

.article-list-navigation{
    height: 30px;
}
.article-list-navigation a{
    padding: 0 20px;
    text-decoration: none;
    font-size: 1.25em;
    color: #dc4406;
}
.article-list-navigation a:hover {
    color: #383D42;
}
.article-list-newer {
    float: right;
}

/* End of LLumar Blog Module */

#wcc-content>* {
    display: block;
    width:900px;
    text-align:center;
    margin-left: auto;
    margin-right: auto;
}

#wcc-content>.wcc-1000-frame, .wcc-1000-frame{
    width: 1000px;
}

#wcc-content .button {
    width: 90px;
}

#llumar-blog-category-navigation.wcc-nav{
    margin-right: 14px;
    height: 60px;
}

#llumar-blog-category-navigation.wcc-nav li{
    width: auto;
    padding: 25px;
    padding-bottom: 35px;
}

#llumar-blog-category-navigation.wcc-nav li.active{
    border-bottom: 1px solid #dc4c0e;
}

.wcc-video-list .views-view-grid td {
    float: left;
    position: relative;
    padding: 0;
    text-align: center;
    display: block;
    width: 31%;
    margin: 10px 1.16%;
    border: none;
}

.views-exposed-widgets .formrow {
    display:block;
    float:left;
    width: 20%;
}

.views-exposed-widgets label {
    width:30%;
}

.views-exposed-widgets select {
    width:60%;
    padding:0;
    height:20px;
}

.views-exposed-widgets .button {
    float:left;
}

.wcc-video-list .contextual-links-wrapper {
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom:10px;
}

.wcc-video-list .contextual-links-wrapper ul {
    list-style: none;
    padding: 0;
}

.wcc-video-list .contextual-links-wrapper li {
    margin: 0;
    padding: 0;
}

.wcc-video-list .contextual-links-wrapper a {
    float: left;
    width: 7%;
}

#wcc-content #video-player {
    display: block;
    margin: auto;
    width: 97.4%;
}

@media all and (max-width:1024px){
    #wcc-content {
        width: 90%;
        margin: auto;
    }

    #wcc-content>*{
        width:100%;

    }

    #wcc-content img{
        max-width:100%;
        height:auto;
    }

    #llumar-blog-category-navigation.wcc-nav a{
        font-size: 0.85em;
    }
}

@media all and (max-width:999px){
    #llumar-blog-category-navigation.wcc-nav{
        height: 121px;
    }

}

@media all and (max-width:473px){
    #llumar-blog-category-navigation.wcc-nav{
        height: 180px;
    }

    #llumar-blog-category-navigation.wcc-nav li{
        width: 49%;
        padding-left:0;
        padding-right:0;
    }

    #llumar-blog-category-navigation.wcc-nav li.active{
        border-bottom: none;
    }

    #wcc-nav-separator {
        display: none;
    }

    #wcc-content{
        margin-top: 40px;
    }
}

@media all and (max-width:376px){
    #llumar-blog-category-navigation.wcc-nav{
        height: 360px;
        margin:0;
    }

    #llumar-blog-category-navigation.wcc-nav li{
        width: 90%;
        padding-left:0;
        padding-right:0;
    }
}

.wcc-video-list td {
    cursor: pointer;
}

.wcc-video-list .field-content {
    text-decoration: underline;
}

.wcc-video-list td:hover .field-content {
    color:#e75113;
}

.wcc-photos li {
    width: 30%;
    list-style: none;
    display: inline-block;
}

.item-list li {
    list-style: none;
    display: inline-block;
}

.element-invisible {
    display:none;
}

/*
 * Beginning of Auto Visualizer 2018 CSS
 */
.autovis-blue :link {
     background: #00b2c8;
 }
 .autovis-blue :visited {
  background: #00b2c8;
 }
.autovis-headlinemodel {
  margin-left: 16%;
}
.autovis-headlinecolor {
  padding-top: 34px;
}
.autovis-paint {
  padding-top: 10px;
}
.tool-automotive .autovis-paint li a {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  margin-right: 10px;
}
.autovis-next {
  padding-left: 57%;
}
.inside-vehicle {
  display: none;
}
.tool-automotive .car-views .inside h2.autovis-h2inside {
  margin-bottom: 18px;
}
.interior-img {
  height: auto;
  border-radius: 50%;
}
.tool-automotive .car-views .outside img, .tool-automotive .car-views .inside img.autovis-intImg {
  width:auto;
}
section.legal-notice.autovis-mockuplegal.indent-1 {
    font-size: 11px;
    text-align: left;
}
section.legal-notice.autovis-mockuplegal.indent-1 a {
    color:red;
}
.autovis-application_explanation {
    width: 33%;
}
.autovis-application_explanation a {
    color:red;
}
.autovis-application_explanation_img_cont {
  width: 66%;
  float: right;
  margin-top: 70px;
}
.autovis-application_explanation_img {
  width: 100%;
    height: 233px;
    background-image: url('//llumar.blob.core.windows.net/drupal/application-area.gif');
    background-repeat: no-repeat;
    background-size: contain;
}
.rearTint.autovis-rearTint, .frontTint.autovis-frontTint {
    width: 100%;
    margin-bottom: 15px;
}
.autovis-frontHeatScale,  .autovis-rearHeatScale{
  width: 100%;
  height: 11px;
  background-image: url('//llumar.blob.core.windows.net/drupal/heat-scale.png');
  background-repeat: no-repeat;
  background-size: contain;
}
.autovis-frontHeatFilms,  .autovis-rearHeatFilms{
  width: 100%;
  height: 74px;
  background-image: url('//llumar.blob.core.windows.net/drupal/TintViewerSprite.png');
  background-repeat: no-repeat;
  background-position: 600, 0;
  margin-bottom: 20px;
}
.tool-automotive .progressive {
    list-style-type: none;
    padding: 0;
    margin-bottom: 60px;
}

.tool-automotive .progressive .button {
    margin-top: 17px;
}

.tool-automotive .progressive li {
    float: left;
    width: 32%;
    margin-right: 2%;
    text-align: center;
    vertical-align: middle;
}
.tool-automotive .progressive li.last {
    margin-right: 0;
}
.tool-automotive .progressive .dealer a {
    white-space: nowrap;
}

.tool-automotive .progressive .back a {
    background-image: url(../img/layout/bg-step-back-01.png);
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    line-height: 60px;
    padding-left: 50px;
}
.tool-automotive .progressive li.active strong,
.tool-automotive .progressive li.inactive strong {
    background-image: url(../img/layout/bg-bubble-03.png);
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    line-height: 60px;
    padding-left: 23px;
}
.tool-automotive .progressive li.inactive {
    opacity: 0.6;
}

.tool-automotive .progressive li .digit {
    padding-right: 40px;
    color: #fff;
}

.tool-automotive .progressive .button {
    margin-top: 7px;
    margin-bottom: 0;
}

.tool-automotive .progressive li {
    width: 37%;
    margin-right: 3%;
}
.tool-automotive .progressive li.last {
    width: 20%;
}

/* 568px :: iPhone 5 landscape */
@media only screen and (max-width: 568px) {

  /*fix for iphone iframe issue - jumping*/
  html, body {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  /*end iphone fix*/
  .tool-automotive .progressive li {
      width: auto;
      margin-right: 4%;
      margin-bottom: 0;
  }
  .tool-automotive .progressive li.last {
      width: auto;
  }
  .tool-automotive .progressive .button {
    margin-left: 12px;
  }

  /* Reduce progress element */
  .tool-automotive .progressive .dealer,
  .tool-automotive .progressive .inactive,
  .tool-automotive > .progressive .active {
      display: none;
  }

  .tool-automotive .progressive {
      margin-bottom: 24px;
  }

  .tool-automotive .progressive .back a {
      line-height: 40px;
  }

  .tool-automotive .animation-container .progressive {
      margin-bottom: 0;
  }
  .tool-automotive .animation-container .progressive .autovis-active .digit {
      display: inline-block;
  }
  .tool-automotive .animation-container .progressive .active {
      margin: 0;
  }

  .tool-automotive .progressive li.active.autovis-active strong {
    background-image: url(../img/layout/bg-bubble-03.png);
    background-size: contain;
    line-height: 48px;
    padding-left: 18px;
  }

  .tool-automotive .progressive .dealer, .tool-automotive > .progressive .active {
    display: block;
  }
  .tool-automotive .progressive li .digit {
      padding-right: 24px;
      color: #fff;
  }
  .autovis-headlinemodel {
      margin-left: 0;
      text-align: center;
      padding-top: 16px;
  }

  .autovis-blue :link {
    font-size: 12px;
  }
  .autovis-car {
    margin-bottom: 0px;
  }
  .autovis-headlinecolor {
    padding-top: 34px;
    text-align: center;
  }
  .autovis-paint {
    line-height: 10px;
    margin: 0px;
  }
  .tool-automotive .color-palette li {
    float: none;
    display: inline-block;
    margin:0 0;
    paddinhg: 0 0;
  }
  .tool-automotive .color-palette li:nth-child(1), .tool-automotive .color-palette li:nth-child(8) {
    padding-left: 24%;
  }
  .inside .inside-vehicle .one-third {
    display: none   !important;
  }
  .tint-configuration{
    display: none;
  }
  .autovis-application_explanation_img_cont {
    width: 100%;
    float: none;
    margin-top: 0px;
  }
  .autovis-application_explanation {
    width: 100%;
  }
  .autovis-application_explanation_img {
    width: 100%;
    height: 160px;
    background-image: url(//llumar.blob.core.windows.net/drupal/application-area-sm.gif);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .autovis-frontHeatFilms, .autovis-rearHeatFilms {
    background-image: url(//llumar.blob.core.windows.net/drupal/TintViewerSpriteSM.png);
  }
}
/* Vertex logo styles on asiapacific home page */
.logofooter-vertex{
    width: auto;
    margin: 34px 0 14px;
    margin-right: 30px;
    margin-left: 30px;
}