﻿
body {
    background-color: #E6E6E6;
}

.btn-danger {
	background-color: #A31B33;
    border-color: #A31B33;
}

.btn-danger:hover {
	background-color: #A31B33;
    border-color: #A31B33;
}


.page-header {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: -15px;
    margin-right: -15px;
    padding: 0px;
    border-bottom: 2px solid #eee;
    height: 90px;
    /*height: 62px;*/
    background-color: whitesmoke;
}

.custom-page-header {
    /*background-color: white;*/
    color: #454953;
    text-transform: none;
    text-align: left;
    font-size: 10pt;
    margin-left: 50px;
    margin-top: -15px;
    background-color: whitesmoke;
}

.container {
    background-color: white;
    box-shadow: 7px 2px 30px 4px rgba(50, 50, 50, 0.3) !important;
    /*box-shadow: 0px 0px 30px rgba(210,22,35, 0.8) !important;*/
}

#top {
    /*border-color: 6px !important;*/
    border-top: 6px solid #CE0514;
    color: #FFFFFF;
    font-size: 14px;
    line-height: normal;
    text-transform: uppercase;
    /*position: absolute;*/
    width: 100%;
    z-index: 10;
    margin-bottom: 5px;
}

#top_nav {
    background-color: #CE0514;
    background: url(../images/button.svg) no-repeat top right;
    padding-left: 30px;
    padding-right: 30px;
    float: left;
    /*background: url(../images/all/button.svg) no-repeat top right;*/
}

.topnav-list {
    list-style: none;
    margin: 0;
    padding: 0 0 10px 0;
    /*font-weight:bold;*/
    letter-spacing: 1px;
}

.mainnav {
    font-size: 14px;
    line-height: normal;
    color: #414250;
    /*height: 115px;*/
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}

.navbar-inverse {
    border-right: 0px;
    border-bottom: 0px;
    border-left: 0px;
    border-top: 0px;
}

    .navbar-inverse .navbar-toggle {
        border-color: #A31B33;
    }

        .navbar-inverse .navbar-toggle .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar {
            background-color: #A31B33;
        }

        .navbar-inverse .navbar-toggle:focus {
            border-color: #A31B33;
            background-color: white;
        }

        .navbar-inverse .navbar-toggle:hover {
            background-color: #A31B33;
        }

            /*.navbar-inverse .navbar-toggle:focus .icon-bar,*/
            .navbar-inverse .navbar-toggle:hover .icon-bar {
                background-color: white;
            }

.navbar-inner {
    border-bottom: 1px solid #eee;
    background-color: white;
}



.mainnav-list {
    padding: 0;
    height: 100%;
    display: block;
    position: relative;
}

@media only screen and (min-width: 768px) {
    .mainnav-item {
        padding: 0px 20px 0px 20px;
        margin: 0;
        background: none;
        float: left;
        /*cursor: pointer;*/
        border-right: 1px solid #eee;
        /*background: url(../images/main_nav_eternit.svg) no-repeat bottom right;*/
        height: 100%;
        color: #454953;
        letter-spacing: 2px;
    }

        .mainnav-item.active {
            border-right: 1px solid #A31B33;
            /*background: url(../images/main_nav_eternit_active.svg) no-repeat bottom right;*/
        }
}

@media only screen and (max-width: 768px) {
    .mainnav-item {
        padding: 0px 10px 0px 10px;
        margin: 0;
        background: none;
        float: left;
        /*cursor: pointer;*/
        border-right: 1px solid #eee;
        /*background: url(../images/main_nav_eternit.svg) no-repeat bottom right;*/
        color: #454953;
        letter-spacing: 2px;
    }

        .mainnav-item.active {
            border-right: 1px solid #A31B33;
            /*background: url(../images/main_nav_eternit_active.svg) no-repeat bottom right;*/
        }
}


@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        /*display: block;*/
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        /*display: none !important;*/
    }

    .navbar-nav {
        float: none !important;
        /*margin-top: 7.5px;*/
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .collapse.in {
        display: block !important;
    }
}

/*@media print and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
    body {
        zoom: 150%;
    }
}*/

@media print {
    @page {
        size: A4;
        margin: 25px;
    }

    body {
        /*width: 210mm;*/
        /*height: 297mm*/;
        /*height:100%;*/
        /*zoom: 500%;*/
        /*height: 100%;*/
        font-size: 9pt;
    }

    p, span {
        font-size: 9pt;
    }

    h3 {
        font-size: 14pt;
    }

    h4 {
        font-size: 12pt;
    }
}

.nav-pills > li > a {
    font-weight: normal;
    color: #454953;
}

.nav-pills > li + li {
    margin-left: 0px;
}

.navbar-inverse .navbar-nav > .active {
    box-shadow: 0px 0px 5px #A31B33 !important;
    background-color: #A31B33;
    color: white;
}

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
        background-color: #A31B33;
        color: white;
    }

.navbar-inverse .navbar-nav > li > a:hover {
    color: #A31B33;
}

.btn {
    border-radius: 0px;
}

.form-control, .input-group-addon {
    border-radius: 0px;
}

.panel {
    border-radius: 0px;
}

.panel-heading {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}


.footer-bottom {
    border-top: 6px solid #CE0514;
    background-color: #F2F2F2;
    color: #454953;
    padding: 20px 20px 10px 20px;
}

    .footer-bottom a, .footer-bottom a:focus {
        color: #454953;
    }

    .footer-bottom ul {
        list-style: none;
        margin-left: -10px;
    }

    .footer-bottom li {
        padding: 5px;
        font-size: 12px;
    }

.footerSubNav {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
    border-bottom: 2px solid #CE0514;
    letter-spacing: 2px;
}

#colorDropDown .dropdown-menu > li > a:hover, #colorDropDown .dropdown-menu > li > a:focus {
    background-color: #A31B33;
    color: #454953;
    cursor: pointer;
}

.schwarzgrau {
   background-color: #111011;
}

.mausgrau {
    background-color: #646B63;
}

.kupferbraun {
   background-color: #9E5C36;
}

.kastanienbraun {
   background-color: #633629;
}

.steingrau {
   background-color: #625B55;
}

.schokoladenbraun {
    background-color: #45322E;
}

.perlkupfer {
    background-color: #763C28;
}
