/*
###############################################################################
HEADER & FOOTER
*/

/* ____ XMAS2010 ____________________________________________________________*/

a#xmasImgS, a#xmasImgS img {
    border: 0;
}

/* ____ CONTAINER ____________________________________________________________*/

div#container {
    width: 1250px;
    margin: 0 auto;
    text-align: left;
}

/* ____ HEADER _______________________________________________________________*/

div#header {
    width: 100%;
    min-height: 140px;
    background: #2B2B2B url(../_graphics/header5_3_1.jpg) no-repeat bottom;
    /*background     : #2B2B2B;*/
    color: #fff;
    font-weight: bold;
}

div#header p {
    float: left;
    width: auto;
    color: #fff;
    padding: 2px 0px;
    font-size: 1em;
}

div#header ul {
    float: right;
    width: auto;
    padding: 0;
    margin: 0;
    color: #fff;
}

div#header ul#languages {
    padding: 2px 0px;
    margin: 0;
}

div#header li {
    display: block;
    float: left;
    width: auto;
    padding: 0 0.5em;
    margin: 0;
    color: #fff;
}

div#header li a, div#header li a img {
    border: 0;
    text-decoration: none;
}

div#header a {
    color: #fff;
}

div#header img#logoText {
    float: left;
    clear: both;
    margin: 19.5px 0 0 9px;
    vertical-align: middle;
}

div#header h1 {
    float: left;
    /*clear          : left;*/
    /*padding        : 220px 0 0;*/
    margin: 1em 0 0;
    text-align: center !important;
    font-size: 1em;
    font-weight: normal;
}

div#header p#hService {
    float: right;
    /*width          : 493px;*/
    width: 250px;
    /*padding        : 1.8em 0 1em;*/
    margin: 0 10px 0 0;
    text-align: center;
    font-weight: normal;
}

div#header .subLevel {
    font-weight: normal;
    padding: 2px;
    margin-left: 0;
}

div#header .subLevelRight {
    font-weight: normal;
    padding: 2px;
    margin: 0;
}

/* ____ FOOTER _______________________________________________________________*/

div#footer {
    clear: both;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    background: #585858;
    color: #333;
    text-align: left;
}

div#footer * {
    text-align: left;
}

div#footer h2 {
    padding: 1em 0 0 0;
    margin: 1em 0;
    font-size: 1em;
}

div#footer p a {
    color: #000;
}

#toggleMobileNav {
    padding: 9px 10px;
}

@media (max-width: 768px) {
    #tnData ul {
        width: 45% !important;
    }

    #closeTnData {
        width: auto !important;
    }

    form#auftrag input[type=text] {
        width: 100% !important;
    }

    form#auftrag input#orderPreview {
        font-size: 1em !important;
    }

    div#extra div.vcard a {
        color: #a92324 !important;
    }

    div#header-nav-menu {
        background: #a92324 url(../_graphics/a-hover.png) repeat top left;
    }

    #modellNavi div, #modellNavi li div div, #modellNavi li:hover div div {
        display: none;
    }

    div#content .linkAuftrag {
        width: 90% !important;
    }

    #modellNavi #repair-menu li div li {
        border: none !important;
    }

    #modellNavi #repair-menu li div ul {
        padding-left: 5px;
        border: none !important;
        list-style: disc !important;
    }

    #modellNavi #repair-menu li div, #modellNavi li:hover div ul {
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        display: inline-block !important;
        position: relative !important;
        padding: 0 !important;
        padding-left: 5px !important;
    }

    div#header-nav-menu {
        position: fixed;
        height: 50px;
        top: 0;
        z-index: 100;
        width: 100%;
    }

    div#header img#logoText {
        margin-top: 45px !important;
    }

    .container {
        padding-top: 30px;
    }

    #auftragsbestaetigung .container {
        padding-top: 0;
    }

    div#header li {
        padding: 5px 5px;
    }

    div#header li a.btn {
        color: #000 !important;
    }

    div#header li a.btn-white {
        color: #000 !important;
    }
    div#content div.imageExamplesMain{
        width: 200px !important;
    }
    div#googleMap iframe{
        width: 100% !important;
    }
    div#news-image{
        margin:0 auto; width:auto !important; height:auto;
    }
    div#news-image img{
        width: 100% !important;
    }
}
div#news-image{
    margin:0 auto; width:800px; height:auto;
}
div#footer {
    background: #272727 url(../_graphics/a-2-link-jasny.png) top left;
    color: #000;
}

div#footer a {
    color: #000;
    text-decoration: none;
}

div#footer h6 {
    color: #000;
    font-size: 10px;
    margin-bottom: 10px;
    padding-left: 30px;
}

div#footer .related-sites {
    text-align: left;
    padding-left: 20px;
    list-style: none;
}

div#footer .contact {
    color: #000;
    font-size: 9px;
    padding-left: 30px;
}

div#footer .searchings {
    color: #000;
    padding-left: 0px;
}

div#footer .related-sites li {
    padding: 5px 0;
}

div#footer .info-footer {
    padding-left: 20px;
    font-size: 10px;
}

div#footer .info-footer li {
    padding: 2px 0;
}

.row-nomargin {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.footer-repairs-image {
    float: left;
    width: 90px;
    padding: 1px 15px 15px 0
}
.footer-repairs-image-right{
    float: right;
    padding: 1px 15px 5px 15px;
}

.tag{
    border: dotted 1px #000;
    padding: 2px 3px;
    margin: 2px;
    float: left;
}

.tag-7{ font-size: 9px; }
.tag-10{ font-size: 10px; }
.tag-15{ font-size: 15px; }
.tag-20{ font-size: 20px; }
.tag-25{ font-size: 25px; }