@media all {

    html {
        height: 100%;
    }

    body {
        margin: 0;
        padding: 0;
        height: 100%;
    }

    .ui-page {
        min-height: 100%;
    }

    .logo-finder {
        width: 100%;
        max-width: 250px;
    }

    /* Panel */
    #panel {
        background: #333333;
    }

    #panel .ui-panel-inner {
        border-top: 2px solid #cccccc;
    }

    #panel ul {
        border-top: 1px solid #666666;
        padding: 0.6em 0 0 0;
    }

    #panel ul:nth-child(1) {
        border: 0;
        margin-top: 40px;
    }

    #panel ul li {
        color: #eeeeee;
        list-style: none;
        margin: 0;
        padding: 0.4em 1em;
        font-size: 0.9em;
    }

    #panel ul li.title {
        color: #aaaaaa;
        padding: 0.5em 1em;
    }

    #panel ul li a {
        color: #eeeeee;
        text-decoration: none;
        font-weight: normal;
    }

    a#kw-panel-btn {
        display: block;
        width: 40px;
        height: 40px;
        margin: 0 auto;
        background: url(img/panel.png) no-repeat;
        text-indent: -999em;
    }

    /* Body */
    .ui-body-c, .ui-body-c input, .ui-body-c select, .ui-body-c textarea, .ui-body-c button {
        font-family: Arial, Helvetica, sans-serif;
    }

    .ui-content {
        padding: 0;
    }

    .ui-body-c {
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(left, rgba(241, 241, 241, 1) 0%, rgba(255, 255, 255, 1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(241, 241, 241, 1)), color-stop(100%, rgba(255, 255, 255, 1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left, rgba(241, 241, 241, 1) 0%, rgba(255, 255, 255, 1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left, rgba(241, 241, 241, 1) 0%, rgba(255, 255, 255, 1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left, rgba(241, 241, 241, 1) 0%, rgba(255, 255, 255, 1) 100%); /* IE10+ */
        background: linear-gradient(to right, rgba(241, 241, 241, 1) 0%, rgba(255, 255, 255, 1) 100%); /* W3C */
        text-shadow: none;
    }

    .ui-corner-all {
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    /* Header */
    .ui-bar-a {
        background: #333333;
        border: 0;
        border-top: 2px solid #cccccc;
    }

    .ui-bar-a ul {
        margin: 0;
        padding: 0 0 0 5px;
        overflow: hidden;
    }

    .ui-bar-a ul li {
        list-style: none;
        margin: 0;
        padding: 0 15px;
        float: left;
        display: inline;
        color: #f1f1f1;
        line-height: 3em;
    }

    .ui-bar-a ul li a.ui-link {
        color: #f1f1f1;
        text-decoration: none;
        text-transform: uppercase;
    }

    .ui-bar-a a.ui-link:visited, .ui-bar-a a.ui-link:hover {
        color: #f1f1f1;
    }

    .ui-bar-a a.ui-link:active {
        color: #c30b1c;
    }

    .ui-bar-a ul li span.logo {
        display: block;
        width: 30px;
        height: 3em;
        background: url(img/navbar-logo.png) no-repeat center center;
        margin-right: 6px;
    }

    .ui-bar-a .kw-url {
        float: right;
        width: 160px;
        height: 26px;
        margin: 12px 0 0 0;
        border-left: 1px solid #666666;
    }

    .ui-bar-a .kw-url a.ui-link {
        display: block;
        color: #cccccc;
        text-decoration: none;
        font-size: 0.9em;
        padding-left: 25px;
        line-height: 26px;
    }

    .ui-bar-a .kw-lang {
        float: right;
        height: 26px;
        margin: 11px 0 0 0;
        border-left: 1px solid #666666;
        padding-bottom: 1px
    }

    .ui-bar-a .kw-lang ul {
        padding: 0;
    }

    .ui-bar-a .kw-lang ul li {
        line-height: 26px;
    }

    /* COLUMNS
        - first set is default (kw-layout-4col)
    */
    .kw-col1 {
        float: left;
        width: 69px;
    }

    .kw-col1 .kw-col1-content {
        padding: 0 15px;
        margin-top: 15px;
        overflow: hidden;
    }

    .kw-col2 {
        float: none;
        width: auto;
        margin: 0 313px 0 70px;
        border-left: 1px solid #cccccc;
        height: 100%;
    }

    .kw-col2 .kw-col2-content {
        display: block;
        padding: 15px;
        overflow: hidden;
    }

    .kw-col2 .kw-col2-content .kw-col2-contentbox {
        padding: 0 15px;
    }

    .kw-col2 .kw-col2-content .kw-col2-innen {
        padding-left: 3.5em;
        padding-right: 1em;
    }

    .kw-col3 {
        float: right;
        width: 285px;
        border-right: 1px solid #cccccc;
        height: 100%;
    }

    .kw-col3 .kw-col3-content {
        margin-top: 18px;
        overflow: hidden;
        background-color: #f1f1f1;
        border-left: 1px solid #cccccc;
        height: 100%;
    }

    .kw-col4 {
        float: right;
        overflow: hidden;
        width: 160px;
        background-color: #fff;
    }

    .kw-col4 .kw-col4-content {
        padding: 0px;
    }

    .kw-col2 p {
        line-height: 1.4em;
    }

    .kw-layout-3col .kw-col2 {
        margin: 18px 161px 0 70px;
        border-right: 1px solid #cccccc;
    }

    .kw-layout-3col.kw-layout-results .kw-col2 {
        border-left: 0;
        border-right: 1px solid #cccccc;
    }

    .kw-layout-3col.kw-layout-results .kw-col2 .kw-col2-content {
        padding: 0;
    }

    /* Form elements */
    .ui-disabled {
        opacity: 1;
    }

    .ui-field-contain div.ui-input-text {
        width: 98%;
    }

    .ui-field-contain .ui-select {
        width: 98%;
    }

    .ui-field-contain .ui-select .ui-btn {
        text-align: left;
    }

    .ui-field-contain .ui-btn.ui-submit {
        width: 98%;
        background: rgb(195, 11, 28); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(195, 11, 28, 1) 0%, rgba(226, 0, 26, 1) 50%, rgba(195, 11, 28, 1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(195, 11, 28, 1)), color-stop(50%, rgba(226, 0, 26, 1)), color-stop(100%, rgba(195, 11, 28, 1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(195, 11, 28, 1) 0%, rgba(226, 0, 26, 1) 50%, rgba(195, 11, 28, 1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(195, 11, 28, 1) 0%, rgba(226, 0, 26, 1) 50%, rgba(195, 11, 28, 1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(195, 11, 28, 1) 0%, rgba(226, 0, 26, 1) 50%, rgba(195, 11, 28, 1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(195, 11, 28, 1) 0%, rgba(226, 0, 26, 1) 50%, rgba(195, 11, 28, 1) 100%); /* W3C */
    }

    .ui-field-contain {
        position: relative;
        padding: 1.8em 1em 1.5em 4em;
        margin: 0;
        border-top: 1px solid #aaaaaa;
    }

    .ui-field-contain.kw-opacity-low {
        opacity: 0.5;
    }

    .kw-step {
        position: absolute;
        top: 0.3em;
        left: 0.1em;
        color: #c30b1c;
        font-weight: bold;
    }

    .kw-icon-car {
        background: url(img/kw-icon-car.png) no-repeat 10px center;
    }

    .kw-icon-spraycan {
        background: url(img/kw-icon-spraycan.png) no-repeat 10px center;
    }

    .kw-center {
        display: block;
        padding: 0.5em 0;
        font-size: 0.8em;
        font-weight: bold;
        color: #929292;
        text-align: center;
    }

    .kw-results-box .ui-block-a .kw-float {
        display: block;
        overflow: hidden;
        clear: both;
    }

    .kw-results-box .ui-block-a .kw-float label {
        float: left;
        width: 7em;
        margin-top: 0.1em;
        padding-right: 10px;
        font-size: 1.2em;
        color: #808080;
        text-transform: uppercase;
    }

    .kw-results-box .ui-block-a .kw-float span {
        display: inline-block;
        margin-top: 0.1em;
        background-color: #e20019;
        color: #fff;
        padding: 0.2em 0.8em;
    }

    .kw-results-box .ui-block-a a {
        width: 13em;
        margin-left: 9em;
    }

    .kw-results-box .ui-block-b h2 {
        text-transform: uppercase;
    }

    .kw-results-box .ui-block-b p {
        margin: 0.5em 0;
    }

    .kw-results-box .ui-block-b p span {
        color: #e20019;
    }

    .kw-infobox {
        background-color: #fff;
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        font-size: 0.9em;
        padding: 3em 2em 1em 2em;
        line-height: 1.7em;
    }

    /* Boxes */
    .kw-col3 .kw-box-a {
        padding: 1.5em;
    }

    .kw-col3 .kw-box-b {
        padding: 1.5em;
        border-top: 1px solid #cccccc;
    }

    .kw-col4 .kw-box-a {
        background: rgb(255, 255, 255); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(241, 241, 241, 1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 100%); /* W3C */
        padding: 0.5em;
        text-align: center;
    }

    .kw-col4 .kw-box-a .kw-brands {
        display: block;
        text-transform: none;
        font-size: 0.7em;
    }

    .kw-col4 .kw-box-b {
        padding: 1.5em 0;
        border-top: 1px solid #cccccc;
        text-align: center;
    }

    .kw-col4 .kw-box-logo {
        padding-bottom: 9em;
    }


    .ui-grid-a > :nth-child(n) {
        padding: 0 0 0 1em;
        border-left: 1px solid #ccc;
    }

    .ui-grid-a .ui-block-a {
        padding-left: 0;
        border-left: 0;
    }

    .ui-grid-b > :nth-child(n) {
        padding: 0 1em;
        border-left: 1px solid #ccc;
    }

    .ui-grid-b .ui-block-a {
        padding-left: 0;
        border-left: 0;
    }

    /* Some Content styling */
    h1, h2, h3, h4, h5, input, button, span {
        text-transform: uppercase;
    }

    h1 {
        font-size: 1.3em;
        color: #c30b1c;
    }

    h2 {
        font-size: 1em;
        color: #787878;
        text-transform: none;
    }

    h3 {
        font-size: 1em;
        color: #c30b1c;
    }

    h4 {
        font-size: 0.9em;
        color: #c30b1c;
        margin-top: 2.5em;
    }

    h5 {
        font-size: 0.9em;
        color: #333;
        margin-top: 1.5em;
        margin-bottom: 0.5em;
    }

    p {
        font-size: 0.8em;
    }

    hr {
        color: #aaaaaa;
        margin: 1.5em 0 2em 0;
        padding: 0;
        border: 0;
        border-top: 1px solid #aaaaaa;
    }

    .kw-headline {
        padding: 1.1em 4em;
    }

    .kw-results-box {
        padding: 1em;
        background-color: #dddddd;
        border-left: 1px solid #cccccc;
    }

    table {
        width: 100%;
        background: #fff;
        border-spacing: 0;
        border-collapse: collapse;
        border-top: 1px solid #aaaaaa;
        border-left: 1px solid #aaaaaa;
        font-size: 0.8em;
        text-shadow: none;
    }

    table td.border, table th.border {
        border: 1px solid #aaaaaa;
        padding: 7px;
    }

    table thead td, table thead th {
        font-weight: bold;
    }

    table thead td.kw-thead-cust-o {
        background: url(img/kw-thead-cust-o.gif) repeat-x;
        line-height: 42px;
        text-align: center;
        text-transform: uppercase;
        color: #c30b1c
    }

    table thead td.kw-thead-cust-m {
        background: url(img/kw-thead-cust-m.gif) repeat-x;
        line-height: 42px;
        text-align: center;
        text-transform: uppercase;
        color: #019ddf;
    }

    table thead td span {
        display: block;
        padding-bottom: 0.3em;
        font-size: 0.8em;
        color: #888888;
        text-transform: none;
    }

    table tbody {
        border-bottom: 2px solid #aaaaaa;
    }

    table tbody td.col-1,
    table tbody td.col-2 {
        background: #f9e6e8;
    }

    table tbody td.col-3 {
        background: #e5ebf1;
    }

    table tbody td.col-4 {
        background: #e5f7ff;
    }

    /*table tfoot tr {border-top: 25px solid #fff;}*/
    table tfoot td {
        padding: 14px 7px;
        border-left: 1px solid #fff;
        vertical-align: top;
        font-size: 11px;
        line-height: 14px;
    }

    table tfoot td.border {
        border: 0;
        border-left: 1px solid #aaaaaa;
    }

    table tfoot td.col-1,
    table tfoot td.col-2 {
        background: #f9e6e8;
    }

    table tfoot td.col-3 {
        background: #e5ebf1;
    }

    table tfoot td.col-4 {
        background: #e5f7ff;
    }

    table.static {
        width: auto;
        border: 1px solid #ccc;
    }

    table.static td {
        padding: 7px;
        border: 1px solid #ccc;
    }

    table.static tr:nth-child(odd) {
        background-color: #eee;
    }

    table.static tr:nth-child(even) {
        background-color: #fff;
    }


    /* Seitenbezogene Styles */
    #suchanfrage .ui-grid-c .kw-block-b {
        width: 76%;
        border-left: 1px solid #cccccc;
        padding: 1%;
    }

    table thead td.kw-thead-cust-b {
        background: url(img/kw-thead-cust-b.png) repeat-x;
        line-height: 42px;
        text-align: center;
        text-transform: uppercase;
        color: #f99e07;
    }

    table td.border.center, table th.border.center {
        text-align: center;
    }

    table td.border.center span, table th.border.center span {
        text-align: left;
    }

    table td.col-1.col-1-belton,
    table td.col-2.col-2-belton {
        background: #fef5e6;
    }

    .ui-grid-a .col66 {
        width: 66.666%;
        border-right: 1px solid #ccc;
    }

    .ui-grid-a .col33 {
        width: 33.333%;
    }

    .ui-grid-a .bordernone {
        border-left: 0;
    }

    .ui-grid-a .bordernone-right {
        border-left: 0;
    }

    .bordertop {
        border-top: 1px solid #ccc;
    }

    .ui-grid-a.bordertop .ui-btn {
        margin-left: 0;
        width: 95%;
    }


    /*
    .tablet-screen {display: block;}
    .desktop-screen {display: none;}
    */
    span.mark {
        font-size: 16px;
    }

    .sv-hide.active {
        opacity: 0.1;
    }

    .sv-show {
        display: none;
    }

    .sv-show.active {
        display: inline;
    }

    .mark.sv-show {
        position: relative;
        top: -15px;
        left: -3px;
    }

    .car-colorcode-big {
        width: 50%;
        height: auto;
    }

    #colorcode-location-img {
        left: -5em;
        position: relative;
        margin-bottom: 4em;
        margin-top: 4em;
        border-bottom: 1.5px solid #000
    }

    .no-border > :nth-child(n) {
        border: none !important;
    }

    .ui-grid-a > :nth-child(n)
    .help-description {
        margin-top: 4em;
        width: 90%;
    }

    .help-description p {
        font-size: 14px;
    }

    .help-description-header h2 {
        font-size: 22px;
        font-weight: 200;
        color: #000;
    }

    .help-description-img {
        float: left;
        margin-right: 20px
    }

    .table-help td {
        border: none;
        color: #000;
        font-size: 12px;
    }

    table.table-help td {
        border: none;
        padding-bottom: 3px;
        padding-top: 3px;
    }

    table.table-help {
        border: none;
    }

    table.table-help tbody {
        border-bottom: none;
    }

    .table-help th {
        border: none;
        background: rgba(0, 0, 0, 0.56);
        color: #fff;
        padding: 3px 6px 3px 6px;
        text-align: left;
        font-weight: normal;
    }

    .brand {
        width: 40%;
    }

    .table-help {
        margin-left: 20%;
    }

    .lang.ui-link {
        padding-left: 27px;
        font-size: 14px;
        padding-top: 1px;
    }

    .lang.ui-link[data-lang="fi"] {
        background: transparent url(images/FI.png) center left no-repeat;
    }

    .see {
        display: inline-flex;
    }
}

@media (max-width: 1070px) {
    .kw-col2 {
        margin: 0 362px 0 70px;
    }

    .kw-layout-4col .kw-col3 {
        width: 200px;
    }

    .flexible {
        display: block;
        max-width: 100%;
        height: auto;
    }
}

@media (max-width: 990px) {
    .kw-layout-4col .kw-col2 {
        margin-right: 201px;
    }

    .kw-layout-4col .kw-col4 {
        display: none;
    }

    .kw-layout-3col .kw-col2 {
        margin-right: 0;
    }

    .kw-layout-3col .kw-col4 {
        display: none;
    }
}

@media (max-width: 767px) {
    .kw-results-table {
        overflow-x: scroll;
    }

    #colorcode-location-img {
        width: 100%;
        left: 0px;
    }

    .kw-col2-innen {
        padding-left: 0px !important;
    }

    .ui-grid-a > :nth-child(n) {
        width: 100%;
        padding-left: 0px;
    }

    .ui-block-b {
        float: none;
    }

    .table-help {
        margin-left: 0px;
    }
}

@media (max-width: 700px) {
    .ui-bar-a .kw-url {
        display: none;
    }

    .kw-layout-4col .kw-col2 {
        margin-right: 0;
    }

    .kw-layout-4col .kw-col3 {
        display: none;
    }
}

@media (max-width: 600px) {
    .ui-header > ul > li:not(:first-child) {
        display: none;
    }
}

/*
@media (min-width: 1050px) {
	.tablet-screen {display: none;}
	.desktop-screen {display: block;}
}
*/