/** {
    margin: 0px;
    padding: 0px;
}

img {
    height: auto;
    width: auto;
    max-width: 100%;
}

html {
    font-family: Arial;
}

body {
    margin:0px auto;
}

.wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

#header {
    display: flex;
    flex-direction: column;
    align-self: stretch;
}

#Logo {
    flex: 0 1 auto;
    align-self: flex-start;
}

#primary-navigation-wrapper {
    flex-direction:row-reverse;
    display: flex;
}

    #primary-navigation-wrapper > ul {
        list-style: none;
        display:flex;
        align-self:stretch;
        flex-direction:row;
        justify-content:center;
    }

        #primary-navigation-wrapper > ul > li {
            height:40px;
            display:flex;
        }

#primary-navigation a {
    padding:11px;
    display:flex;
    align-self:center;
    text-transform:uppercase;
}
#liHeader {
    display: flex;
    align-self: center;
}

.logo-wrapper {
    margin:0px auto;
    max-width:990px;
    width:100%;
}

#logo-wrapper {
    display:inline-flex;
    background:url("http://cs-systemhaus.de/Websites/16597/logo-bg.png") no-repeat scroll 0% 0% transparent;
    position:relative;
}

    #logo-wrapper::before {
        content:"";
        position:absolute;
        background:url("http://cs-systemhaus.de/Websites/16597/logo-bg.png") no-repeat scroll 0% 0% transparent;
    }

#secondary-navigation-wrapper {
    flex-direction:row-reverse;
    display: flex;
}

    #secondary-navigation-wrapper > ul {
        list-style: none;
        display:flex;
        align-self:stretch;
        flex-direction:row;
        justify-content:center;
    }

        #secondary-navigation-wrapper > ul > li {
            height:40px;
            display:flex;
        }

#secondary-navigation a {
    padding:11px;
    display:flex;
    align-self:center;
    text-transform:uppercase;
}

#primary-navigation a, #secondary-navigation a {
    text-decoration:none;
}

#header-image-wrapper img {
    display:block;
}

#SidebarMiddle {
    display: flex;
    align-self: center;
}

.contentWrapper {
    display: flex;
    flex-direction: row;
}*/


#header {
    overflow: hidden;
}


/*Queries Start*/



@media only screen and (max-width:550px) {
    /*#primary-navigation-wrapper {
        border-bottom: 0px;
        z-index: 1000;
    }

        #primary-navigation-wrapper ul {
            display: none;
            height: auto;
        }

        #primary-navigation-wrapper a#pull {
            display: block !important;
            width: 100%;
            position: relative;
            float: left;
            padding: 16px;
            box-sizing: border-box;
            text-align: center;
        }

            #primary-navigation-wrapper a#pull:after {
                content: "";
                width: 30px;
                height: 30px;
                display: inline-block;
                position: absolute;
                margin: 0px 0px 0px 20px;
                top: 10px;
                background-color: blueviolet;
            }

    #primary-navigation > li {
        float: none !important;
    }

        #primary-navigation > li > a {
            width: 100%;
        }

    #secondary-navigation-wrapper ul {
        display: none;
        height: auto;
    }

    #secondary-navigation-wrapper a#pull2 {
        display: block !important;
        width: 100%;
        position: relative;
        float: left;
        padding: 16px;
        box-sizing: border-box;
        text-align: center;
    }

        #secondary-navigation-wrapper a#pull2:after {
            content: "";
            width: 30px;
            height: 30px;
            display: inline-block;
            position: absolute;
            margin: 0px 0px 0px 20px;
            top: 10px;
            background-color: blueviolet;
        }

    #secondary-navigation > li {
        float: none !important;
    }

        #secondary-navigation > li > a {
            width: 100%;
        }*/

    #header-image-wrapper img {
        min-height: 110px;
        min-width: 572px;
    }
    #logo-wrapper {
        margin-left:0px !important;
    }
    #nav2-wrapper {
        display:flex !important;
        height:auto !important;
    }
}

@media only screen and (max-width:430px) {
    #contentRight {
/*IE*/
        flex-direction:column;
    }
}

@media only screen and (max-width:950px) {

    #secondary-navigation > li {
        float: left !important;
    }

    #primary-navigation {
        margin: 0px auto;
        width: 100%;
        float: none !important;
        display: flex;
        justify-content: center;
        flex-wrap:wrap;
    }

    #secondary-navigation-wrapper {
        display: flex;
        justify-content: center;
        width:100%;
    }

    #secondary-navigation {
        margin: 0px auto !important;
        /*max-width: 550px !important;*/
        float: none !important;
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
    }

    #top1 {
        height: 100% !important;
    }
        #header {
        padding-top: 30px;
    }
}

@media only screen and (max-width:965px) {
    #content-wrapper {
        /*float:none !important;
        margin:0px auto;
        margin-right:auto !important;*/
    }

    #contentRight {
        margin: 0px auto;
        max-width: 524px;
        text-align: center;
    }

    #sidebar-1-wrapper, #sidebar-2-wrapper {
        float: none !important;
        display: inline-block;
        vertical-align: top;
    }
}

/*Queries End*/

#contents {
    margin: 30px auto;
    max-width: 990px;
    /*position: relative;*/
}

    #contents > .width-990 {
        /*display: inline-block;*/
    }

    #contents img {
        width: auto !important;
        height: auto !important;
        max-width: 100%;
    }

#top1 {
    height: 60px;
}

#header {
    background-image: url(../images/primary-navigation-submenu.jpg) !important;
    background-position: 0 100% !important;
    background-repeat: repeat-x !important;
}

#sidebar-1-wrapper, #sidebar-2-wrapper {
    float: right;
}

.width-990 {
    margin: 0 auto;
    max-width: 990px;
    width: 100%;
    height: auto;
}

img {
    width: auto;
    height: auto;
    max-width: 100%;
}

#logo-wrapper {
    /*background: no-repeat url(../images/logo-background.png);
    position: relative;
    z-index: 99;
    height: 110px;
    margin-left: -20px;
    max-width:460px;
    background-size:contain;*/
    width: 520px !important;
    max-width: 100% !important;
    z-index: 0 !important;
}

#logo {
    margin: 5px 5px 5px 25px;
    float: left;
    display: inline-block;
    height: 60px;
    line-height: 60px;
}

    #logo img {
        vertical-align: middle;
        max-width: 388px;
        width:100%;
    }

body {
    font-family: arial, sans-serif;
    font-size: 90%;
}

#logo-text {
    clear: both;
    display: inline-block;
    margin: 15px 0 0 30px;
}

#logo + logo-text {
    margin: 15px 0 0 5px;
}

#content-wrapper {
    /*float: left;
    max-width: 520px;
    margin-right: 15px;
    min-height: 1px;*/
}

#sidebar-1-wrapper, #sidebar-2-wrapper {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 15px;
    max-width: 188px;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.10), inset -1px -1px 0 rgba(255, 255, 255, 0.10), 1px 1px 0 rgba(255, 255, 255, 0.10), -1px -1px 0 rgba(255, 255, 255, 0.10);
}

.empty {
    display: none !important;
}

/*.empty + #sidebar-2-wrapper {
        margin: 0;
    }


        .empty + #sidebar-2-wrapper + #content-wrapper, .empty + #content-wrapper {
            max-width: 740px;
        }

    .empty + .empty + #content-wrapper {
        width: 100% !important;
        margin-right: 0;
    }*/

/*#sidebar-1-wrapper {
    float: right;
}*/

#sidebar-4-wrapper {
    display: flex;
    margin: 50px auto 50px;
    max-width: 990px;
}

#copyright {
    text-align: center;
}

.widget-keywords .widget-content {
    text-align: center;
}

#sidebar-1-wrapper > ul > li, #sidebar-2-wrapper > ul > li {
    list-style: none;
}

.widget-title h3 {
    margin: 0 0 10px;
}

#sidebar-1-wrapper .widget + widget, #sidebar-2-wrapper .widget + widget {
    margin-top: 20px;
}

p {
    margin: 8px 0;
}

#footer-wrapper {
    display: inline-block;
    width: 100%;
}

#site-name, #site-description {
    font-weight: 400;
}

#widgets1 .widget {
    float: left;
    margin-bottom: -4px;
    margin-right: 20px;
}

#sidebar-3-wrapper ul {
    list-style: none;
}

#sidebar-3-wrapper .widget-title h3 {
    margin: 0;
}

input, textarea, button {
    padding: 3px;
}

#sidebar-3 {
    display: inline-block;
    padding: 14px 0 10px;
}

    #sidebar-3 .widget-title {
        padding-bottom: 10px;
    }

    #sidebar-3 .widget:last-child {
        margin-right: 0;
    }

#sidebar-2 .widget {
    margin-bottom: 15px;
}

    #sidebar-2 .widget:last-child {
        margin-bottom: 0;
    }

.submenu {
    display: none;
    position: absolute;
    margin-top: -1px;
    font-size: 90%;
}

    .submenu a {
        display: inline-block;
        padding: 5px;
        text-decoration: none;
        width: 100%;
    }

#primary-navigation-wrapper {
    margin: 0 auto;
    max-width: 990px;
}

#primary-navigation {
    float: right;
}

    #primary-navigation li {
        list-style: none;
        text-transform: uppercase;
    }

#secondary-navigation li {
    list-style: none;
}

#primary-navigation > li {
    float: left;
    height: 40px;
}

    #primary-navigation > li > a {
        text-decoration: none;
        display: inline-block;
        padding: 0 15px;
        height: 30px;
        line-height: 30px;
        margin-top: 10px;
    }

#nav1-wrapper {
    display: inline-block;
    width: 100%;
    margin-bottom: -4px;
}

#nav2-wrapper {
    display: inline-block;
    width: 100%;
    margin-bottom: -4px;
}

#header-image-wrapper img {
    margin-bottom: -4px;
}

#secondary-navigation-wrapper {
    max-width: 990px;
    margin: 0 auto;
}

#secondary-navigation {
    max-width: 990px;
    margin: 0 auto;
    list-style: none;
    width:100%;
}

    #secondary-navigation > li {
        float: right;
    }

        #secondary-navigation > li > a {
            display: inline-block;
            height: 40px;
            line-height: 40px;
            padding: 0 10px;
            text-decoration: none;
        }

        h1, h2, h3, h4, h5, h6, #footer-wrapper, #primary-navigation > li > a, #secondary-navigation > li > a {
            _____font-family: BenchNine;
        }

body, #site-name, #site-description {
    _____font-family: 'Signika', sans-serif;
}

li:hover > .submenu {
    display: block !important;
}

#nav2-sidebar-5-wrapper {
    display: none;
    visibility: collapse;
}

#sidebar-6-wrapper {
    flex: 1 1 auto;
}

/*Flex*/



#logo-wrapper > a {
    padding-right:20px;
}

.width-990 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

#content-wrapper {
    flex: 1 1 auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    word-break: normal;
    margin: 0px auto;
    width:100%;
    box-sizing:border-box;
    overflow:hidden;
}

#contentRight {
    flex: 0 0 auto;
    display: flex;
    align-items: stretch;
}

.div_ContactLeft {
    margin:0px auto;
}

.div_ContactLeft input {
    width:100%;
}
.div_ContactRight > iframe {
    max-width: 100%;
    width: 500px;
}

.div_ContactRight {
    margin:0px auto;
}

@media only screen and (max-width:800px) {
    #contentRight {
        justify-content: center;
        flex-wrap: wrap;
    }

    .width-990 {
        flex-direction: column;
    }
}