/*
    Colors: 
    yellow:    #FCB827
    yellow light: #FFCC00
    yellow hover: #c1a220
    grey 100%: #303030
    grey  80%: #474747
    Grau 75 #525252
    Grau 70 #606060

    grey  60%: #7B7B7B
    grey  40%: #AAAFB1
    grey  20%: #D3D7D8

    */

body {
    background: #000;
}

div.container {
    background-color: #FCB827;
}

h1, h2 {
    color: #FFCC00;
}

.gese-only, .bnd-only {
    display: none;
}

/* Head */
#head {
    padding: 15px 0px 0px 0px;
}

    #head > div {
        padding: 0px;
        margin: 0px 15px;
    }

#head-inner > div {
    background-color: #FCB827;
    max-width: 100%;
}

    #head-inner > div > .row {
        padding: 0px;
        margin: 0px;
    }

#head-left {
    padding: 0px;
}

#head-middle {
    background-color: #000;
    overflow: visible;
    z-index: 10;
}

    #head-middle img {
        position: absolute;
        bottom: 0px;
    }


#head-right {
    background-color: #000;
}

.body.dewalt #head-right {
    padding-left: 0px;
    padding-right: 0px;
}

#name-tag {
    color: #fff;
    text-align: right;
    padding-right: 20px;
    padding-top: 10px;
}
#head-right form {
}

/* Nav */

#subnav {
    border-bottom-color: #000;
}

/* Top Nav*/

#topnav.navbar.navbar-inverse {
    background-color: #000;
    padding-top: 5px;
    min-height: 35px;
    border-bottom: 2px solid #000;
}

#topnav .navbar-collapse.collapse {
    border-top: 1px solid #FFCC00;
    background-color: #303030;
    margin: 0px 5px;
}

#topnav.navbar-inverse .navbar-nav > li.active > a {
    /*background-color: #303030;*/
    background-color: transparent;
    color: #fff;
}

#topnav.navbar-inverse .navbar-nav > li > a {
    color: #D3D7D8;
}

    #topnav.navbar-inverse .navbar-nav > li > a:hover,
    #topnav.navbar-inverse .navbar-nav > li.sub-open > a {
        background-color: #000;
        color: #fff;
    }

#topnav.navbar-inverse .navbar-nav > li.sub-open > a {
    border-top: 1px solid #7B7B7B;
    border-right: 1px solid #7B7B7B;
    border-left: 1px solid #7B7B7B;
    border-bottom: 2px solid #000;
}

#topnav .navbar-nav > li:focus,
#topnav .navbar-nav > li > a:focus {
    outline: none;
}

#topnav .navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Sub nav */

#subnav {
    background-color: #000;
    color: #fff;
}

    #subnav a.list-group-item .caret-right {
        color: #FFCC00;
    }

    #subnav > .row {
        padding: 0px 3px;
    }

        #subnav > .row > div {
            background: #000000; /* Old browsers */
            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NzQ3NDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top, #000000 0%, #474747 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#474747)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #000000 0%,#474747 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #000000 0%,#474747 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #000000 0%,#474747 100%); /* IE10+ */
            background: linear-gradient(to bottom, #000000 0%,#474747 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#474747',GradientType=0 ); /* IE6-8 */
            border: 1px solid #7B7B7B;
            border-collapse: collapse;
        }

    #subnav a.list-group-item {
        color: #ddd;
        background-color: transparent;
    }

    #subnav div.list-group-item {
        background-color: transparent;
    }

    #subnav a.list-group-item:hover, #subnav a.list-group-item:hover:focus {
        color: #fff;
        background-color: #000;
    }

    #subnav a.list-group-item.active {
        color: #fff;
        background-color: #474747;
        border-color: #fff;
    }

    #subnav > div.row > div.close-me {
        background: #474747;
        cursor: pointer;
        border-top: none;
    }

    #subnav > .row > .close-me a {
        color: #7B7B7B;
    }

        #subnav > .row > .close-me a:hover {
            color: #fff;
            text-decoration: none;
        }

/* Slider */
.slider {
    font-size: 1.5em;
    font-weight: 100;
    margin-bottom: 0px;
    padding: 0px 15px;
    background-color: #FCB827;
}

    .slider .carousel-caption {
        text-shadow: none;
    }

        .slider .carousel-caption.small-screens p {
            background-color: #FCB827;
            color: #000;
        }

        .slider .carousel-caption span.slide-text {
            background-color: #FCB827;
            color: #000;
        }

#slideshow .btn.btn-default {
    background-color: #FCB827;
    color: #000;
    font-weight: bold;
}

#slideshow .slide-text a {
    color: #000;
}

.body.dewalt .slider .carousel-caption.right {
    padding-right: 300px;
}

/* Content */

#content, .content-bg {
    background-color: #000;
    padding: 5px;
    color: #fff;
}

.content {
    color: #fff;
}
.zahlcolor
    {
     color: #000;
    }
    .content a {
        color: #fff;
    }

        .content a .caret-right,
        .content a:hover {
            color: #FFCC00;
        }

a .caret-right,
a:hover {
    color: #FFCC00;
}

    .btn.btn-primary {
        background-color: #FFCC00;
        color: #000;
        border: none;
    }

    .btn.btn-default {
    background-color: #303030;
    color: #fff;
}

    .btn.btn-primary:hover {
        background-color: #c1a220;
        color: #000;
    }


    a {
        color: #D3D7D8;
    }

    #content .content-heading h1, #content .content-heading h2, #content .content-heading h4 {
        background-color: #303030;
    }

    #content .content-subline h3 {
        background-color: #303030;
        color: #FFCC00;
    }

    #content .content-image h3,
    #content .content-subline h3 {
        background-color: #FFCC00;
        color: #000;
    }

    #content .content-heading h1 .small,
    #content .content-heading h2 .small {
        color: #FFCC00;
        font-weight: 100;
        font-family: MarkPro;
    }

    #content .content-heading h4 .small {
        color: #FFF;
        font-weight: 100;
    }

    #content .content {
        background-color: #474747;
        margin-bottom: 15px;
    }

#contentSideBar > ul {
    background-color: #303030;
}

    #contentSideBar > ul > li > a,
    #content .segmentMenu > ul > li > a {
        color: #D3D7D8;
    }

        #contentSideBar > ul > li > a:hover,
        #content .segmentMenu > ul > li > a:hover {
            color: #fff;
            background-color: #474747;
        }

#contentSideBar .nav-pills > li.active > a,
#contentSideBar .nav-pills > li.active > a:hover,
#contentSideBar .nav-pills > li.active > a:focus,
#content .segmentMenu .nav-pills > li.active > a,
#content .segmentMenu .nav-pills > li.active > a:hover,
#content .segmentMenu .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #FCB827;
}

    #contentSideBar .nav-pills > li.active > a .caret-right,
    #contentSideBar .nav-pills > li.active > a:hover .caret-right,
    #contentSideBar .nav-pills > li.active > a:focus .caret-right,
    #content .segmentMenu .nav-pills > li.active > a .caret-right,
    #content .segmentMenu .nav-pills > li.active > a:hover .caret-right,
    #content .segmentMenu .nav-pills > li.active > a:focus .caret-right {
        color: #000;
    }

#contentSideBar > ul > li > a .caret-right,
#content .segmentMenu > ul > li > a .caret-right {
    color: #FCB827;
    margin-right: 5px;
}
.help-block.info-field {
    color: #000;
    /*background-color: #D3D7D8;*/
    margin-left: 30px;
    /*text-align:center;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.help-block.info-field-eibenstock {
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
/* Homepage boxes */
#content .row .segments-container .panel {
    border: none;
    background-color: #474747;
    max-width: 357px;
    margin-left: auto;
    margin-right: auto;
}

    #content .row .segments-container .panel .panel-heading,
    #content .row .segments-container .panel .panel-footer {
        border-color: #303030;
        background-color: #303030;
        color: #FCB827;
    }

/* Content logos */
#content a.partner-link-text {
    color: #ffffff;
}

    #content a.partner-link-text .caret-right {
        color: #FCB827;
        margin-right: 5px;
    }

/* Search results */

#search-results .list-group {
    color: #fff;
    background-color: #000;
}

#search-results .list-group-item, #search-results .list-group-item p {
    background-color: #000;
    color: #fff;
}

#search-results .list-group-item-heading {
    color: #fff;
}

#search-results .list-group-item h4 {
    background-color: #303030;
}

.search-highlight {
    background-color: #FCB827;
    color: #000;
    font-weight: bold;
    text-shadow: 1px, 1px, black;
}

#search-results .pagination > li > a {
    background-color: #000;
    color: #D3D7D8;
    border-color: #FCB827;
}

#search-results .pagination > li.active > a {
    color: #fff;
    background-color: #FCB827;
}

#search-results .pagination > li.disabled > a,
#search-results .pagination > li.disabled > a:hover {
    background-color: #303030;
    color: #7b7b7b;
}


#search-results .pagination > li > a:hover {
    color: #fff;
    background-color: #7b7b7b;
}

/* Footer */

#footer .bg {
    color: #fff;
    border-bottom: 5px solid #000;
    border-left: 5px solid #000;
    border-right: 5px solid #000;
    background: #474747; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NzQ3NDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #474747 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#474747), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #474747 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #474747 0%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #474747 0%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #474747 0%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
}

#footer .caret-right {
    color: #FFCC00;
}

#footer a {
    color: #D3D7D8;
}

    #footer a.list-group-item:hover,
    #footer .list-group-item a:hover {
        color: #fff;
        background-color: #000;
    }

    #footer a.list-group-item,
    #footer div.list-group-item {
        color: #ddd;
        background-color: transparent;
    }

        #footer a.list-group-item:hover, #subnav a.list-group-item:hover:focus {
            color: #fff;
        }

.content .container:last-of-type, #footer-container {
    border-bottom: 15px solid #FCB827;
}


.thumbnail {
    background-color: #fff;
    color: #000;
}

#head form .btn.btn-default,
#navigation form .btn.btn-default {
    background-color: #474747;
    color: #FFCC00;
}

#head form input,
#head form button {
    border-color: #7B7B7B;
}

/* Map */

#directions .adp, #directions .adp-summary, #directions .adp-substep, #directions .adp-placemark {
    color: #fff;
    background-color: #7B7B7B;
}

.form-group .help-block {
    color: #D3D7D8;
}

/* Tables */
/*
    Colors: 
    yellow:    #FCB827
    yellow light: #FFCC00
    grey 100%: #303030
    grey  80%: #474747
    grey  60%: #7B7B7B
    grey  40%: #AAAFB1
    grey  20%: #D3D7D8

    */
table > thead > tr > th {
    background-color: #303030;
}

table > tbody > tr > td,
table > tbody > tr > th {
    background-color: #525252;
}
table.table-striped > tbody > tr:nth-child(2n+1) > td,
table.table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #606060;
}
 
 table.table-hover > tbody > tr:hover > td, 
 table.table-hover.table-striped > tbody > tr:hover:nth-child(2n+1) > td {
     background-color: #7B7B7B;
 }

 table > tbody > tr > td > table td {
     background-color: #7B7B7B;
 }

table > tbody > tr > td > table th {
    background-color: #303030;
}
 
table > tbody > tr > th.header,
table > tbody > tr:nth-child(2n+1) > th.header {
    background-color: #FCB827;
}

.block-table .tbody .tr .row {
    background-color: #525252;
    color: #fff;
}

.block-table.table-striped .tbody .tr:nth-child(2n+1) .row {
    background-color: #606060;
}

.block-table .tr .th {
    background-color: #303030;
    color: #fff;
}

.content-cms table > tbody > tr > td {
    background-color: transparent;
    color: inherit;
}

/*.task-details table.table > tbody > tr > th {
    background-color: #525252;
    color: #fff;
}

.task-details table.table > tbody > tr > td {
    background-color: #606060;
    color: #fff;
}*/


#content hr {
    border-top-color: #474747;
}

.field-validation-error,
.help-block.validation-error {
    color: #FFCC00;
}

.content .dropdown-toggle.btn-default {
    background-color: #000;
    color: #fff;
}

.content .open > .dropdown-toggle.btn-default {
    background-color: #000;
    color: #D3D7D8;
}


/* Dropdowns */
.open ul.dropdown-menu {
    background-color: #303030;
}

ul.dropdown-menu .dropdown-header {
    background-color: #303030;
    color: #D3D7D8;
}

ul.dropdown-menu .badge {
    background-color: #606060;
}

ul > li .badge.active {
    background-color: #FCB827;
}

ul.dropdown-menu > li > a {
    background-color: #303030;
    color: #D3D7D8;
}

    ul.dropdown-menu > li > a.active:default {
        color: #c1a220;
    }

    ul.dropdown-menu > li > a:hover {
        background-color: #525252;
        color: #fff;
    }

    /* Tables */
    .table > thead > tr > th,
    .table > tfoot > tr > td {
        border-color: #000;
    }

    .table a {
        color:#fff;
    }

table > tbody > tr > td {
    /*background-color: #D3D7D8;
    color: #000;*/
}

table.table-striped > tbody > tr:nth-child(2n+1) > td {
    /*background-color: #C7CCCD;*/
}

table.table > tbody > tr > th {
    /*background-color: #C7CCCD;*/
    /*color: #000;*/
}

table > tfoot.calculations {
    /*background-color: #585E5F;*/
}

/*

.task-details table.table > tbody > tr > td {
    background-color: #D3D7D8;
    color: #000;
}*/



.form-header.completed .glyphicon.glyphicon-ok {
    /*color: #EA5918;*/
}

.td.content-background,
table > tbody > tr > td.content-background,
table.table-striped > tbody > tr:nth-child(2n+1) > td.content-background {
    /*background-color: #818889;*/
}

/*modals*/

div.modal-content {
    background-color: #000
}

div.modal-header {
    background-color: #303030
}

div.modal-body {
    background-color: #525252;
    color: #D3D7D8;
}

/* product list/info */

.product-info-head {
    background-color: #303030;
    color: #D3D7D8;
}

.product-info-head .btn.btn-default {
    background-color: #000;
}

.product-info-options-menu .nav.nav-tabs {
    background-color: #606060;
}

    .product-info-options-menu .nav.nav-tabs > li > a {
        background-color: #606060;
        color: #D3D7D8;
    }

    .product-info-options-menu .nav.nav-tabs > li > a:hover {
        background-color: #fff;
        color: #606060;        
    }

    .product-info-options-menu .nav.nav-tabs > li.active > a {
        background-color: #303030;
        color: #fff;
    }

.product-info-details {
    background-color: #303030;
}

.navbar-inverse .navbar-toggle .icon-bar {
    /*background-color: #d3d7d8;*/
}

/* SHOP */

#cart-message a {
    color: #FFCC00;
}

#cart-message a.btn {
    color: #000;
}



.product-box {
    background-color: #606060;
    color: #D3D7D8;
}

    .product-box h5 > a {
        color: #fff;
    }

    .product-box .price-info h5,
    .product-box .price-info p {
        color: #fff;
    }

.pos-box.pos-box-hover.hover,
.pos-box.pos-box-hover:hover {
    /*background-color: #fff;*/
}

.pos-box.pos-box-hover.selected {
    /*border: 2px solid #EA5918;
    background-color: #fff;*/
}

.zoom-slider .slider {
    background-color: transparent;
}

.zoom-slider .slider-handle {
    background: #FCB827;
}

.bg-80 {
    background-color: #303030;
}

a.btn-white, button.btn-white, input.btn-white {
    background-color: #fff;
    color: #474747;
}

/*
.ndd-spot-rect.selected {
    border: #FCB827 1px solid;
    border-radius: 50%;
}*/

.ndd-spot-rect {
    background-color: #818889; 
    opacity: 0.3;
    border: #818889 2px solid;
    border-radius: 10%;
}

.ndd-spot-rect.in-basket {
    background-color: #FFCC00;
    opacity: 0.5;
    border: #FFCC00;
    border-radius: 10%;
}

.ndd-spot-rect.selected {
    border: #818889 2px solid;
    border-radius: 10%;
    opacity: 0.5;
}

.ndd-spot-rect.hover {
    border: #FFCC00 2px solid;
    border-radius: 10%;
    background-color: transparent;
    opacity: 1;
}

.ndd-spot-rect.hover.selected {
    border: #585E5F 2px solid;
    border-radius: 10%;
    background-color: #FFCC00;
    opacity: 0.5;
}

.product-box .price-box .gross-price.price, .product-box .price-box .net-price.price {
    /*color: #000;*/
}

.product-box a.product-link {
    /*color: #EA5918;*/
}

.add-to-cart-box .open ul.dropdown-menu {
    background-color: #fff;
}


.add-to-cart-box ul.dropdown-menu > li > a {
    background-color: #fff;
    color: #000;
}

    .add-to-cart-box ul.dropdown-menu > li > a.active:default {
        color: #000;
    }

    .add-to-cart-box ul.dropdown-menu > li > a:hover {
        background-color: #FCB827;
        color: #000;
    }

a.cart-icon {
    color: #7B7B7B;
}

a.cart-icon.active {
    color: #FCB827
}

    a.cart-icon.active:hover {
        color: #fff;
    }


    .price-box .vat {
        /*color:#333730;*/
    }

    .price-box .vat.active {
        /*color:#000;*/
    }

    #add-part-to-cart-form .price-box .vat {
        /*color:#818889;*/
    }
    #add-part-to-cart-form .price-box .vat.active {
        /*color:#fff;*/
    }

    .content .product-details a {
        /*color: #333730;*/
    }

        .content .product-details a:hover {
        /*color: #EA5918;*/
    }

        #footer a {
    /*color: #d3d7d8;*/
}

.categories a.list-group-item:hover, 
.categories .list-group-item a:hover,
.categories .list-group-item.selected > a {
    background-color: #000;
    color: #fff;
}
.categories a.list-group-item, .categories div.list-group-item {
    background-color: transparent;
    color: #7B7B7B;
}
.categories a.list-group-item:hover, #subnav a.list-group-item:hover:focus {
    color: #fff;
}

.table.table-striped p.help-block {
    color: #000;
}

.table.table-striped p.help-block.validation-error {
    color: #FFCC00;
    background-color: #000;
}

.cat-select.active {
    color: #c1a220;
}

.man-select.active {
    color: #c1a220;
}

.product-info-head a  {
    color:#000;
}

table.table.product-sidebar > tbody > tr > td {
    background-color: transparent;
    color: #fff;
}

table.table.product-sidebar > tbody > tr > td a {
    color: #fff;
}

.carousel-caption.small-screens h1 {
    background-color: #000;
}

ul.nav.nav-tabs.view-options > li > a {
    background-color:#606060;
    color: #fff;
}

ul.nav.nav-tabs.view-options > li > a:hover {
    background-color:#fff;
    color: #585E5F
}

ul.nav.nav-tabs.view-options > li.active > a {
    background-color: #303030;
    color: #fff;
}

#hover-part-container a {
    color: #72641d;
}

.container.eu-cookie-law .eu-cookie-privacyinfo-tag p {
    background-color: #333730;
    color: #fff;
}

.container.eu-cookie-law .eu-cookie-privacyinfo-tag p a {
    color: #FFCC00;
}