@media all {


    a img {
        border: 0px;
    }


    #mainmenu .mobile_handle, 
    #footer .mobile_handle {
        display: none;
    }

    .nav-collapse, 
    body #wrapper #container #main a.mobile_handle {
        display: none;
    }

    body {
        background-color: #fff;
        margin: 0;
        /* font-family: 'Raleway', sans-serif; */
        font-family: "UniversNextW02-Regular";
        font-size: 12px;
    }

    body #mobile-header {
        display: none;
        background-color: #e0e0e0;
        display: block;
    }

    body #mobile-header #responsive-menu-button {
        background-image: url();
    }

    .clear {
        clear: both;
    }

    .middle {
        display: block;
        padding-top: 8px;
    }


    h1, h3 {
        color: #000;
        font-size: 28px;
        font-weight: normal;
        margin-top: 0px;
        margin-bottom: 0px;
        font-family: "Univers Next W02 Light";
    }


    h2 {
        color: #999999;
        font-size: 28px;
        font-weight: normal;
        margin-top: 0px;
        word-wrap: normal;
        font-family: "Univers Next W02 Light";
    }


    /*----------------popup---------------*/
    body #wrapper.popup h3 {
        margin-top: 15px;
        margin-bottom: 10px;
    }

    body #wrapper.popup td {
        padding-bottom: 5px;
    }

    body #wrapper.popup .sl_row td {
        padding-bottom: 10px;
    }


    body #wrapper.popup input[type="text"] {
        border: 1px solid #cccccc;
    }

    body #wrapper.popup input[type="submit"], 
    body #wrapper.popup input[type="button"] {
        background-image: url("../p/button.jpg");
        background-position: left center;
        background-repeat: repeat-x;
        border: 1px solid #5c6878;
        color: #ffffff;
        padding: 3px 10px;
        text-decoration: none;
    }

    body #wrapper.popup .result a {
        color: #000000;
        text-decoration: none;
    }


    /*----------------header-------------*/

    body #wrapper header{
        border-top: 9px solid #e0e0e0;
    }

    body #wrapper header #logo {
        margin: 25px 0px 25px 0px;
        width: 300px;
    }

    body #wrapper header #logo img {
        margin-left: 25px;
    }

    /*----------------mainmenu-------------*/


    body #wrapper header nav {
        margin-top: -65px;
    }

    body #wrapper header #breadcrump li.active a,
    body #wrapper header li.trail a{
        color: #0075b7;
    }

    body #wrapper header nav ul {
        float: right;
    }

    body #wrapper header nav ul li,
    body #wrapper footer nav ul li {
        float: left;
        list-style: none outside none;
        padding-left: 10px;
        padding-right: 10px;
    }

    body #wrapper footer nav ul {
        margin: 15px 25px;
        padding: 0px;
    }


    body #wrapper header nav ul li ul {
        display: none;
        list-style: outside none none;
        position: absolute;
        right: 71px;
        top: 93px;
        background: linear-gradient(to bottom, #2d4560 0%, #1c2839 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        border-radius: 0;
        box-shadow: 3px -3px 2px 0 rgba(0, 0, 0, 0.2) inset;
        padding: 10px 10px 10px 20px;
        z-index: 100;
    }


    body #wrapper header nav ul li ul::before {
        background: url("http://www.busch-jaeger.de/typo3conf/ext/pp_templateset_bje_v01_templates/Resources/Public/Images/mainnav-arrow-top.png") no-repeat scroll 0 0 transparent;
        color: #2d4560;
        content: "__";
        position: absolute;
        right: 18px;
        top: -7px;
    }

    body #wrapper header nav ul li ul li {
        clear: both;
        float: none;
        background-image: none;
        border-top: 1px solid #c0c0c0;
        padding-bottom: 5px;
        padding-right: 30px;
        padding-top: 5px;
        padding-left: 0px;
    }

    body #wrapper header nav ul li ul li.first {
        border: none;
    }

    body #wrapper header nav ul li ul li a {
        color: #FFFFFF;
    }

    body #wrapper header nav ul li ul li a.active {
        color: #49b2ec;
    }

    body #wrapper header nav ul li ul li a:hover {
        color: #49b2ec;
    }

    body #wrapper footer nav ul li {
        background-image: url("../p/bg_trenner_service.png");
        background-position: right center;
        background-repeat: no-repeat;
    }

    body #wrapper footer nav ul li.last {
        background-image: none;
    }

    body #wrapper #footer-right ul li.last {
        background-image: url("../p/bg_li_lang.png");
        background-position: right 4px;
        background-repeat: no-repeat;
        padding-right: 15px;
    }

    body #wrapper #footer-right ul li.last .language {
        display: none;
    }

    body #wrapper #footer-right ul li.last.active .language {
        display: inline;
        background-image: url("../p/bg_trenner_service.png");
        background-position: right center;
        background-repeat: no-repeat;
        padding-right: 10px;
        margin-right: 10px;
    }

    body #wrapper #footer-right ul li.last.active .language.last {
        padding-right: 0px;
        margin-right: 0px;
        background-image: none;
    }

    body #wrapper #footer-right ul li.last.active .languages {
        display: none;
    }

    body #wrapper footer nav ul li.lang {
        background-image: none;
    }

    body #wrapper header nav ul li img.search {
        margin-top: 0px;
    }

    body #wrapper header nav ul li {
        background-image: url("../p/bg_trenner_service.png");
        background-repeat: no-repeat;
        background-position: right;
    }

    body #wrapper header nav ul li.last {
        margin-right: 20px;
        background-image: none;
    }

    body #wrapper header nav ul li a,
    body #wrapper footer nav ul li a,
    body #wrapper header #breadcrump ul li a {
        text-decoration: none;
        color: #000;
        font-size: 14px;
    }

    body #wrapper header nav ul li.active a {
        color: #0075b7;
    }

    /*----------------breadcrump-------------*/

    body #wrapper header #breadcrump {
        background-color: #e0e0e0;
        height: 30px;
        padding: 0 20px;
    }

    body #wrapper header #breadcrump ul, 
    body #mobile-header ul {
        padding: 0;
        margin: 0;
    }

    body #wrapper header #breadcrump ul {
        max-height: 16px;
        overflow: hidden;
        float: left;
        width: 70%;
    }

    body #wrapper header #breadcrump ul li, 
    body #mobile-header ul li  {
        list-style: none;
        float: left;
        margin-right: 5px;
        padding-right: 3px;
    }

    body #wrapper header #breadcrump ul li {
        padding-right: 12px;
    }

    body #wrapper header #breadcrump ul.second-menu li {
        margin-right: -5px;
    }
    
    body #wrapper header #breadcrump ul.second-menu li.search {
      display: none;
    }
    
    


    body #wrapper header #breadcrump ul.second-menu li a {
        margin-right: 5px;
    }

    body #wrapper header #breadcrump ul li {
        background-image: url("../p/bg_li_breadcrump.png");
        background-repeat: no-repeat;
        background-position: right center;
    }

    body #wrapper header #breadcrump ul li.first, 
    body #wrapper header #breadcrump ul li.last {
        background-image: none;
    }

    body #wrapper header #breadcrump ul li.last:after, 
    body #mobile-header ul li.last:after {
        content: none;
    }

    body #wrapper header #breadcrump ul li.first:after,
    body #wrapper header #breadcrump ul li.last:after {
        content: none;
    }
    

    body #wrapper header #breadcrump li,
    body #wrapper header #breadcrump ul li a{
        font-size: 12px;
    }

    body #wrapper header #breadcrump ul li.last a {
        color: #0075b7;
    }

    body #wrapper header #breadcrump .second-menu, 
    body #mobile-header ul {
        float: right;
        width: auto;
    }
    
    body #mobile-header ul li.search ul {
      display: none;
      background-color: #e0e0e0;
      margin-left: -10px;
      padding: 5px;
      position: absolute;
    }
    
    body #mobile-header ul li.search:after {
      content: none;
    }
    
    body #mobile-header ul li.search ul li:after {
      content: none;
    }
    
    body #mobile-header ul li.search ul li span {
      display: none;
    }
    
    body ul li.search ul li span {
      color: #FFFFFF;
    }
    
    body #mobile-header ul li.search ul li {
      float: none;
      clear: both;
    }

    body #wrapper header #breadcrump ul.second-menu li:after, 
    body #mobile-header ul li:after {
        content: "|";
    }

    body #wrapper header #breadcrump ul.second-menu li.last:after {
        content: none;
    }

    body #wrapper header #breadcrump ul.second-menu li.last.search {
        display: none;
    }

    body #wrapper header #breadcrump ul.second-menu li.last {
        margin-right: 0px;
        padding-left: 0px;
    }

    body #mobile-header li.last.search {
        background-image: url("../p/bg_li_search_mobil.png");
        background-repeat: no-repeat;
        background-position: left 3px;
        padding-left: 20px;
    }

    body #wrapper header #breadcrump ul.second-menu li.last a {
        color: #000000;
    }

    body #wrapper header #breadcrump ul.second-menu li.active a {
        color: #0075b7;
    }

    body #mobile-header ul {
        margin-right: 10px;
    }

    ul li a .counter {
        font-weight: normal;
    }

    body #mobile-header ul li {
        margin-top: 5px;
        margin-right: 0px;
        margin-left: 5px;
    }

    body #mobile-header ul li.first a {
        margin-right: 5px;
    }

    body #mobile-header ul li a {
        color: #000000;
        text-decoration: none;
    }


    body #wrapper .slider .actionWrapper {
        position: absolute;
        top: 0px;
        width: 100%;
    }

    body #wrapper .slider .addSLWrapper {
        position: relative;
    }

    body #wrapper .slider #addSL {
        background-image: url("../p/button.jpg");
        background-position: left bottom;
        background-repeat: repeat-x;
        color: #ffffff;
        display: none;
        font-size: 11px;
        height: 34px;
        padding: 8px;
        position: absolute;
        text-align: left;
        margin-left: 55px;
        margin-top: 240px;
    } 

    body #wrapper .slider #addSL .addAnzahl {
        float: left;
        width: 50px;
        text-align: left;
    }

    body #wrapper .slider #addSL .addInput {
        float: left;
    }

    body #wrapper .slider #addSL .addInput input {
        border: 0px;
        float: left;
        width: 158px;
        font-size: 11px;
    }

    body #wrapper .slider #addSL .addInput input[type="submit"] {
        width: 160px;
        margin-top: 2px;
        clear: both;
        background-color: #FFFFFF;
    }



    body #wrapper header .searchLayerWrapper {
        position: absolute;
        margin-top: -12px;
        right: 0px;
        z-Index: 120;
        display: none;
    }

    body #wrapper header .searchLayerWrapper .arrow {
        float: right;
        margin-right: 37px;
    }

    body #wrapper header .searchLayerWrapper .searchLayer {
        background-image: url("../p/bg_layer_search.png");
        background-position: left bottom;
        background-repeat: repeat-x;
        background-color: #1d283c;
        padding: 10px;
        margin-right: 10px;
        width: 600px;
    }

    body #wrapper header .searchLayerWrapper .searchLayer .inside {
        margin: auto;
    }

    body #wrapper header .searchLayerWrapper .searchLayer .inside select {
        border: 0px;
        font-size: 14px;
        padding: 5px;
        width: 180px;
        float: left;
    }

    body #wrapper header .searchLayerWrapper .searchLayer .inside input[type="text"] {
        border: 0px;
        font-size: 14px;
        padding: 5px 5px;
        width: 200px;
        float: left;
        margin-left: 5px;
        margin-bottom: 5px;
    }

    body #wrapper header .searchLayerWrapper .searchLayer .inside input[type="radio"] {
        margin-right: 10px;
        margin-left: 2px;
    }

    body #wrapper header .searchLayerWrapper .searchLayer .inside label {
        color: #FFFFFF;
        font-size: 12px;
        font-family: "Univers Next W02 Light";
        margin-left: 5px;
    }

    body #wrapper header .searchLayerWrapper .searchLayer .inside input[type="submit"] {
        /*
        border: 1px solid #FFFFFF;
        font-size: 14px;
        padding: 4px 5px;
        background-image: url("../p/button.jpg");
        background-position: left bottom;
        background-repeat: repeat-x;
        color: #FFFFFF;
        float: left;
        */

        background-image: url("../p/button.jpg");
        background-position: left bottom;
        background-repeat: repeat-x;
        border: 1px solid #ffffff;
        color: #ffffff;
        float: left;
        font-size: 13px;
        padding: 4px 7px 5px;
    }

    body #wrapper header .searchLayerWrapper .searchLayer td {
        color: #FFFFFF;
        border-bottom: 1px solid #FFFFFF;
        padding: 5px 15px 5px 5px;
        font-size: 13px;
        line-height: 1.3em;
        cursor: pointer;
    }

    body #wrapper header .searchLayerWrapper .searchLayer #searchResults {
        max-height: 600px;
        /* margin: 20px;
        */
        margin: 40px -10px 20px 5px;
        overflow: auto;
        font-size: 14px;
        line-height: 1.3em;
        color: #FFFFFF;
        padding-right: 20px;
        display: none;
    }

    body #wrapper header .searchLayerWrapper .searchLayer #searchResults a {
        color: #FFFFFF;
        text-decoration: none;
        display: inline-block;
    }

    /*----------------container-------------*/




    body #wrapper #containerWrapper {
        background-image: url("../p/bg_container_bottom.png");
        background-repeat: repeat-x;
        background-position: bottom;
        position: relative;
        padding-bottom: 50px;
        clear: both;
        /*
        float: left;
        width: 100%;
        */
    }

    body #wrapper #containerWrapper.katalog #container {
        margin: 65px auto 100px auto;
        min-width: 1040px;
        width: 80%;
    }

    body #wrapper #containerWrapper.liste #container {
        margin: 65px auto 100px auto;
        width: 940px;
    }

    body #wrapper #containerWrapper.detail #container {
        margin-top: 0px;
    }

    body #wrapper #container  {
        /* width: 100%; */
        margin-top: 65px;
        font-size: 14px;
        /*
        margin-right: 65px;
        margin-left: 65px;
        */
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    body #wrapper #container.start {
        margin-top: 10px;
        margin-right: 0px;
        margin-left: 0px;
        width: 100%;
    }

    body #wrapper #container .inside {
        margin: 0px auto 0px auto;
        padding: 0px 0px 0px 0px;
    }


    body #wrapper #container #left,
    body #wrapper #container #main,
    body #wrapper #container #left_big,
    body #wrapper #container #main_small{
        float: left;
    }

    body #wrapper #container #left {
        overflow:hidden;
        margin-right: 105px;
        /*
        min-width: 350px;
        max-width: 350px;
        */
        min-width: 290px;
        max-width: 290px;
    }

    body #wrapper #container #left_big {
        width: 100%;
    }

    body #wrapper #container #left_big .desc {
        display: inline-block;
    }

    body #wrapper #container #left_big .desc span {
        clear: both;
        margin-top: 5px;
        display: block;
    }

    body #wrapper #container #left_big .hrImage {
        clear: both;
        margin-top: 10px;
    }


    body #wrapper #container #main_small {
        margin-bottom: 100px;
        margin-left: 30px;
        min-width: 300px;
        width: 20%;
        float: right;
    }

    body #wrapper #container .mainWrapperResonsive {
        padding-top: 30px;
    }

    body #wrapper #container #main_small table, 
    body #wrapper #container .mainWrapperResonsive table {
        border-collapse: collapse;
        font-size: 14px;
        width: 100%;
    }

    body #wrapper #container #main_small table tr, 
    body #wrapper #container .mainWrapperResonsive table tr {
        border-bottom: 1px solid #999999;
    }

    body #wrapper #container #main_small table tr td.left, 
    body #wrapper #container .mainWrapperResonsive table tr td.left {
        font-weight: bold;
        vertical-align: top;
    }

    body #wrapper #container #main_small table tr td.right, 
    body #wrapper #container .mainWrapperResonsive table tr td.right {
        color: #0075b7;
        vertical-align: top;
    }

    body #wrapper #container #main_small table tr td.right a, 
    body #wrapper #container .mainWrapperResonsive table tr td.right a {
        color: #0075b7;
        text-decoration: none;
    }

    body #wrapper #container .mainWrapperResonsive table tr td {
        padding-left: 0px;
    }

    body #wrapper #container #main {
        /* width: 55%; */
        width: 75%;
        overflow:hidden;
        float: left;
    }

    body #wrapper #containerWrapper.liste #main {
        width: 100%;
        min-height: 350px;
    }

    body #wrapper #container #main.full {
        margin-bottom: 100px;
        width: 100%;
    }






    .start body #wrapper {
        max-width: 1920px;
        margin: auto;
        background-color: #FFFFFF;
    }

    .start body {
        background: none repeat scroll 0 0 #e0e0e0;
        margin-left: auto;
        margin-right: auto;
        max-width: 4000px;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 0;
        width: 100%;
    }

    body #wrapper #container #start,
    body #wrapper #container #main_start {
        width: 50%;
        float: left;
        border: none;
        position: relative;
    }

    body #wrapper #container #start img,
    body #wrapper #container #main_start img{
        width: 100%;
    }

    body #wrapper #container #start span, 
    body #wrapper #container #main_start span {
        position: absolute;
        color: #FFFFFF;
        text-decoration: none;
        text-align: center;
        width: 100%;
        top: 10.6%;
    }


    body #wrapper #container #start span a,
    body #wrapper #container #main_start span a {
        background-color: #213144;
        border: 2px solid #ffffff;
        color: #ffffff;
        padding: 0.3em 1.3em;
        text-decoration: none;
    }






    body #wrapper #container img.top  {
        bottom: 0;
        cursor: pointer;
        float: right;
        /*
        margin-bottom: 3px;
        position: absolute;
        */
        margin-bottom: 0px;
        position: fixed;
        right: 0;
    }

    body #wrapper #container #main a {
        display: block;
    }















    body #wrapper #container #accordion {
        margin-left: 0px;
        margin-bottom: 80px;
        margin-top: 50px;
        margin-right: 0px;
    }

    body #wrapper #container .accordion {
        margin-top: 20px;
    }

    body #wrapper #container #accordion h3.ui-accordion-header, 
    body #wrapper #container .accordion h3.ui-accordion-header {
        border: 0px;
        margin: 0px;
        padding: 0px;
    }

    body #wrapper #container #accordion div.ui-accordion-content, 
    body #wrapper #container .accordion div.ui-accordion-content {
        border: 0px;
        margin: 0px;
        padding: 0px 0px 60px 0px;
        border-radius: none;
        overflow: none;
    }

    body #wrapper #container #accordion h3.ui-state-default, 
    body #wrapper #container .accordion h3.ui-state-default {
        background-image: none;
        background-color: #FFFFFF;
        color: #000000;
        background-image: url("../p/accordion_plus.png");
        background-repeat: no-repeat;
        background-position: right 4px;
        border-bottom: 1px solid #999999;
        border-radius: 0px;
        margin-bottom: 25px;
        padding-bottom: 5px;
        font-weight: normal;
        font-size: 18px;
    }

    body #wrapper #container .accordion h3.ui-state-default {
        font-weight: normal;
        margin-bottom: 8px;
        display: none;
    }

    body #wrapper #container #accordion h3.ui-state-active, 
    body #wrapper #container .accordion h3.ui-state-active {
        background-image: none;
        background-color: #FFFFFF;
        color: #000000;
        background-image: url("../p/accordion_minus.png");
        font-weight: bold;
    }

    body #wrapper #container .accordion h3.ui-state-active {
        font-weight: normal;
        margin-bottom: 8px;
    }

    body #wrapper #container #accordion h3 .ui-icon, 
    body #wrapper #container .accordion h3 .ui-icon {
        display: none;
    }

    body #wrapper #container #accordion div.ui-accordion-content p, 
    body #wrapper #container .accordion div.ui-accordion-content p {
        margin-top: 0px;
    }

    body #wrapper #container #accordion div.ui-accordion-content a, 
    body #wrapper #container .accordion div.ui-accordion-content a {
        font-size: 14px;
        text-decoration: none;
        color: #0075b7;
        background-image: url("../p/bg_link.png");
        background-repeat: no-repeat;
        background-position: 0px 5px;
        padding-left: 15px;
        display: block;
    }

    body #wrapper #container #accordion div.image.ui-accordion-content a {
        background-image: none;
        padding: 0px;
    }

    body #wrapper #container #accordion div.image .item {
        width: 150px;
        height: 180px;
        min-height: 180px;
        position: relative;
        float: left;
        overflow: hidden;
        margin-right: 40px;
        margin-bottom: 20px;
    }

    body #wrapper #container #accordion div.image .item img {
        max-height: 150px;
    }

    body #wrapper #container #accordion div.links.ui-accordion-content a {
        clear: both;
        display: block;
    }


















    /*---------------- listen -------------*/

    body #wrapper #containerWrapper.liste #container .viewport {
        float: right;
        font-size: 19px;
        position: relative;
    }

    body #wrapper #containerWrapper.liste #container .viewport span {
        float: left;
        margin-top: 9px;
    }

    body #wrapper #containerWrapper.liste #container .viewport a {
        float: right;
        margin-left: 10px;
    }



    body #wrapper #containerWrapper.liste #container nav.detail ul {
        /*
        background-image: url("../p/button.jpg");
        background-position: left top;
        background-repeat: repeat-x;
        border: 1px solid #a3adb9;
        */
        border-bottom: 1px solid #999999;
        height: 30px;
        margin: 20px 0px 50px 0px;
        padding: 0px 0px 0px 7px;
    }


    body #wrapper #containerWrapper.liste #container nav.detail ul li {
        float: left;
        list-style: none outside none;
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: 12px;
        background-image: url("../p/bg_list_navi_blau.png");
        background-repeat: no-repeat;
        background-position: right;
        padding-right: 13px;
        margin-right: 13px;
    }

    body #wrapper #containerWrapper.liste #container nav.detail ul li.last {
        background-image: none;
        margin-right: 0px;
    }

    body #wrapper #containerWrapper.liste #container nav.detail ul li a {
        /* color: #fff; */
        color: #0075b7;
        text-decoration: none;
        background-image: url("../p/navi-pfeil-blau.png");
        background-position: left 1px;
        background-repeat: no-repeat;
        padding-left: 15px;
    }

    body #wrapper #containerWrapper.liste #container nav.detail ul li.active a {
        background-image: url("../p/navi-pfeil-blau-active.png");
        background-position: left 4px;
    }

    body #wrapper #containerWrapper.liste #container nav.detail ul li.last.total {
        /* color: #fff; */
        color: #0075b7;
        float: right;
        padding-right: 0px;
        background-image: url("../p/bg_list_navi_blau.png");
        background-repeat: no-repeat;
        background-position: left;
        padding-left: 13px;
    }

    body #wrapper #containerWrapper.liste #container nav.detail ul li {
        position: relative;
    }

    body #wrapper #containerWrapper.liste #container nav.detail ul li ul {
        display: none;
        position: absolute;
        height: auto;
        margin: 0px;
        padding: 10px;
        z-Index: 10;
        /*
        background-image: url("../p/bg_list_total.png");
        background-position: left center;
        */
        background-color: #FFFFFF;
        border: 1px solid #999999;
        width: 190px;
        margin-top: 7px;
    }



    body #wrapper #containerWrapper.liste #container nav.detail ul li ul li {
        display: block;
        background-image: none;
        padding-right: 30px;
    }

    body #wrapper #containerWrapper.liste #container nav.detail ul li ul li a {
        background-image: none;
    }

    body #wrapper #containerWrapper.liste #container nav.detail ul li:hover ul {
        display: block;
    }

    body #wrapper #containerWrapper.liste #container nav.detail ul li ul li {
        float: none;
    }



    body #wrapper #containerWrapper.liste #container nav.detail ul li:hover ul li ul {
        display: none;
    }

    body #wrapper #containerWrapper.liste #container nav.detail ul li:hover ul li:hover ul {
        display: block;
    }

    body #wrapper #containerWrapper.liste #container nav.detail ul li:hover ul li:hover ul {
        width: 400px;
        left: 100px;
        margin-top: -20px;
    }

    body #wrapper #containerWrapper.liste #container nav.detail ul li:hover ul li:hover ul li.desc {
        color: #000000;
        float: none;
    }

    body #wrapper #containerWrapper.liste #container nav.detail ul li:hover ul li:hover ul li {
        float: left;
        padding-left: 0px;
        cursor: pointer;
    }

    body #wrapper #containerWrapper.liste #container nav.detail ul li:hover ul li:hover ul li a {
        padding-left: 0px;
    }


    body #wrapper #containerWrapper.liste #container table tr td.right{
        color: #0075b7;
    }

    body #wrapper #containerWrapper.liste #container table {
        border-collapse: collapse;
        font-size: 12px;
        width: 100%;
    }

    body #wrapper #containerWrapper.liste #container table tr td, 
    body #wrapper #containerWrapper.liste #container table tr th {
        border-bottom: 1px solid #999999;
    }

    body #wrapper #containerWrapper.liste #container table tr td.img {
        border: 0px;
        position: relative;
    }

    body #wrapper #containerWrapper.liste #container table tr.idProdukt td.img {
        border-bottom: 1px solid #999999;
    }

    body #wrapper #containerWrapper.liste #container table tr.idProdukt td.img img {
        max-width: 60px;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    body #wrapper #containerWrapper.liste #container table tr.idProdukt.noBorderImgTd td.img {
        border: 0px;
    }

    body #wrapper #containerWrapper.liste #container table tr.data.noBorder td.img {
        border-bottom: 0px;
    }

    body #wrapper #containerWrapper.liste #container table tr.edit td.img {
        border-bottom: 1px solid #999999;
    }

    body #wrapper #containerWrapper.liste #container table tr.noBorder td {
        border: 0px;
    }

    body #wrapper #containerWrapper.liste #container table tr.noBorder td.pos {
        background: url("../p/border_bottom_pos.png") repeat-x left bottom, 
        url("../p/bg_list_counter.png") repeat left center;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste, 
    body #wrapper #containerWrapper.liste #container table.software {
        width: 100%;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste .edit {
        display: none;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste th, 
    body #wrapper #containerWrapper.liste #container table.software th {
        text-align: left;
        color: #6e6e6e;
        font-size: 12px;
        font-weight: normal;
        padding-bottom: 15px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste td.grey a {
        float: right;
        margin-top: 2px;
        margin-left: 3px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste td, 
    body #wrapper #containerWrapper.liste #container table.software td {
        padding: 5px;
        vertical-align: top;
    }

    body #wrapper #containerWrapper.liste #container table.software td {
        padding: 8px 5px 8px 5px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste th, 
    body #wrapper #containerWrapper.liste #container table.software th {
        padding-left: 5px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste .posdesc {
        padding-left: 10px;
        width: 160px;
    }

    body #wrapper #containerWrapper.liste #container table.software .bestnr {
        padding-left: 20px;
        width: 100px;
    }

    body #wrapper #containerWrapper.liste #container table.software .artnr {
        width: 100px;
    }

    body #wrapper #containerWrapper.liste #container table.software .desc {
        width: 210px;
    }

    body #wrapper #containerWrapper.liste #container table.software .software {
        width: 135px;
    }

    body #wrapper #containerWrapper.liste #container table.software .version {
        width: 65px;
    }

    body #wrapper #containerWrapper.liste #container table.software .datum {
        width: 85px;
    }

    body #wrapper #containerWrapper.liste #container table.software .info {
        padding-right: 0px;
        width: 125px;
    }

    body #wrapper #containerWrapper.liste #container table.software .info img {
        float: left;
    }

    body #wrapper #containerWrapper.liste #container table.software .info input {
        float: right;
        background-image: url("../p/button.jpg");
        background-position: left center;
        background-repeat: repeat-x;
        border: 1px solid #536675;
        color: #ffffff;
        font-size: 12px;
        padding: 2px 15px 1px 15px;
    }


    body #wrapper #containerWrapper.liste #container table.stueckliste td.pos, 
    body #wrapper #containerWrapper.liste #container table.software td.pos {
        /*
        background-image: url("../p/bg_list_counter.png");
        background-position: left center;
        color: #fff;
        */
        color: #0075b7;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        vertical-align: top;
        padding-top: 6px;
        position: relative;
        width: 27px;
        border-right: 1px solid #999999;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste td.pos {
        padding-top: 27px;
    }


    body #wrapper #containerWrapper.liste #container table.stueckliste.block td.pos,
    body #wrapper #containerWrapper.liste #container table.software.block td.pos {
        padding: 10px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste.block td.posdesc, 
    body #wrapper #containerWrapper.liste #container table.software.block td.posdesc {
        padding: 12px 10px 8px 10px;
        width: 375px;
        position: relative;
    }

    body #wrapper #containerWrapper.liste #container table.software.block td.posdesc a {
        display: inline;
    }

    body #wrapper #containerWrapper.liste #container table.software.block td.posdesc a .info {
        float: right;
        border: 0px;
        width: 23px;
        margin-top: -4px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste.block td.posdesc {
        padding-right: 0px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste.block td.posdesc .sort {
        display: block;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste.block td.posdesc .sortBottom {
        float: right;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: -12px;
        margin-left: 0px;
        
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste.block td.posdesc .sortTop {
        float: right;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: -12px;
        margin-left: 0px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste.block td.detail, 
    body #wrapper #containerWrapper.liste #container table.software.block td.detail {
        padding: 25px 0px 0px 0px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste.block td.detail div.left {
        width: 175px;
        float: left;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste.block td.detail div.left .preview {
        margin-bottom: 10px;
        max-width: 170px;
        max-height: 170px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste.block td.detail div.left .kommentar {
        color: #c1c1c1;
        display: block;
        font-size: 12px;
        border-top: 1px solid #c1c1c1;
        padding-top: 5px;
        margin-top: 10px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste.block td.detail div.left .action {
        float: left;
        margin-top: 22px;
        display: block;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste.block td.detail div.left .deleteLink {
        background-image: url("../p/bg_link.png");
        background-position: 0 5px;
        background-repeat: no-repeat;
        color: #0075b7;
        font-size: 14px;
        padding-left: 15px;
        text-decoration: none;
        margin-top: 10px;
        clear: both;
        display: none;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste.block td.detail div.left a.preview {
        background-image: url("../p/button.jpg");
        background-position: left center;
        background-repeat: repeat-x;
        color: #FFFFFF;
        font-size: 11px;
        border: 1px solid #5c6878;
        text-decoration: none;
        float: right;
        padding: 3px 10px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste.block td.detail div.left .action a {
        float: right;
        margin-right: 3px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste.block td.detail div.right {
        width: 250px;
        float: right;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste.block td.detail div.right table {
        margin-top: -7px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste.block td.detail div.right table td {
        padding: 7px 0px;
        font-size: 13px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste.block td.detail div.right table tr.total {
        border: 0px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste.block td.detail div.right table tr.total td {
        font-size: 20px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste.block td.detail div.right table td.left {
        font-weight: bold;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste.block td.detail div.right table tr {
        border-bottom: 1px solid #9a9a9a;
    }

    body #wrapper #containerWrapper.liste #container .stcklInfos {
        display: none;
    }

    body #wrapper #containerWrapper.liste #container .viewPortBlock div.accordion table {
        margin-top: -8px;
    }

    body #wrapper #containerWrapper.liste #container .viewPortBlock div.accordion table tr {
        border-bottom: 1px solid #9a9a9a;
    }

    body #wrapper #containerWrapper.liste #container .viewPortBlock div.accordion table tr.last {
        border-bottom: 0px;
    }

    body #wrapper #containerWrapper.liste #container .viewPortBlock div.accordion table tr td {
        padding: 8px 0px;
        vertical-align: top;
    }

    body #wrapper #containerWrapper.liste #container .viewPortBlock div.accordion table tr td.left {
        width: 195px;
    }

    body #wrapper #containerWrapper.liste #container .viewPortBlock div.accordion table tr td.right {
        width: 250px;
        color: #000000;
    }

    body #wrapper #containerWrapper.liste #container .viewPortBlock div.accordion input[type="text"] {
        border: 1px solid #9a9a9a;
        width: 244px;
        padding: 4px 2px 2px 2px;
        font-size: 12px;
    }

    body #wrapper #containerWrapper.liste #container .viewPortBlock div.accordion textarea {
        border: 1px solid #9a9a9a;
        width: 244px;
        height: 40px;
        padding: 4px 2px 2px 2px;
        font-size: 12px;
        font-family: "UniversNextW02-Regular";
    }

    body #wrapper #containerWrapper.liste #container .viewPortBlock div.accordion input.cancel, 
    body #wrapper #containerWrapper.liste #container .viewPortBlock div.accordion input.submit {
        background-image: url("../p/button.jpg");
        background-position: left center;
        background-repeat: repeat-x;
        border: 1px solid #536675;
        color: #ffffff;
        float: right;
        font-size: 12px;
        padding: 4px 0px;
        text-align: center;
        margin-top: 15px;
        width: 215px;
    }

    body #wrapper #containerWrapper.liste #container .viewPortBlock div.accordion input.cancel {
        float: left;
    }

    body #wrapper #containerWrapper.liste #container .viewPortBlock div.accordion input.submit {
        float: right;
    }


    body #wrapper #containerWrapper.liste #container table.software td.pos {
        /*
        background: url("../p/border_bottom_pos.png") repeat-x left bottom, 
        url("../p/bg_list_counter.png") repeat left center;
        border-bottom: 0px;
        */
        padding-bottom: 7px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste td.pos .sort {
        width: 34px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste td.pos .sort input.sortBottom {
        position: absolute;
        bottom: 0px;
        left: 0px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste td.pos .sort input.sortTop {
        position: absolute;
        top: 0px;
        left: 0px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste td.pos .sort.last img {
        float: left;
        margin-left: 18px;
    }


    body #wrapper #containerWrapper.liste #container table.stueckliste td.qty {
        width: 60px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste td.qty input {
        width: 30px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste td.bestnr {
        width: 100px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste td.bestnr input {
        width: 90px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste td.artnr {
        width: 85px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste td.artnr input {
        width: 75px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste td.img {
        width: 50px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste td.ean {
        width: 90px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste td.ean input {
        width: 120px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste td.price {
        width: 70px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste td.price input {
        width: 60px;
        text-align: right;
        float: right;
        margin-right: -5px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste td.pricegroup {
        width: 30px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste td.pricegroup input {
        width: 20px;
        text-align: right;
        float: right;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste td.rabatt {
        width: 60px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste td.rabatt input {
        width: 50px;
        text-align: right;
        float: right;
        margin-right: -5px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste td.postotal {
        width: 75px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste input[type="text"] {
        border: 1px solid #cccccc;
        margin-top: 4px;
        width: 150px;
        color: #0075b7;
        font-size: 12px;
    }


    body #wrapper #containerWrapper.liste #container table.stueckliste textarea {
        border: 1px solid #cccccc;
        margin-top: 4px;
        width: 600px;
        height: 70px;
        margin-bottom: 20px;
        font-family: Verdana;
        padding: 5px;
        font-size: 12px;
        color: #0075b7;
        font-family: "UniversNextW02-Regular";
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste .edit .action {
        float: right;
        height: 86px;
        vertical-align: bottom;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste .edit .action input {
        background-image: url("../p/button.jpg");
        background-position: left center;
        background-repeat: repeat-x;
        color: #FFFFFF;
        font-size: 11px;
        border: 1px solid #5c6878;
        margin-top: 68px;
    }



    body #wrapper #containerWrapper.liste #container table.stueckliste .price, 
    body #wrapper #containerWrapper.liste #container table.stueckliste .rabatt, 
    body #wrapper #containerWrapper.liste #container table.stueckliste .postotal {
        text-align: right;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste .postotal .preview {
        background-image: url("../p/button.jpg");
        background-position: left center;
        background-repeat: repeat-x;
        color: #FFFFFF;
        font-size: 11px;
        border: 1px solid #5c6878;
        text-decoration: none;
        float: right;
        padding: 3px 10px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste .postotal {
        padding-right: 12px;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste .pricegroup {
        text-align: center;
    }

    body #wrapper #containerWrapper.liste #container div.total {
        background-image: url("../p/bg_list_total.png");
        background-position: left center;
        color: #fff;
        float: right;
        width: 250px;
        padding: 15px 10px 15px 15px;
    }

    body #wrapper #containerWrapper.liste #container div.total table tr {
        border: 0px;
    }

    body #wrapper #containerWrapper.liste #container div.total table tr.totalRow {
        border-top: 1px solid #FFFFFF;
    }

    body #wrapper #containerWrapper.liste #container div.total table tr.mwst td {
        padding-bottom: 8px;
    }

    body #wrapper #containerWrapper.liste #container div.total table tr.totalRow td {
        padding-top: 8px;
        font-weight: bold;
    }

    body #wrapper #containerWrapper.liste #container div.total table td {
        font-size: 12px;
        border: 0px;
    }

    body #wrapper #containerWrapper.liste #container div.total table td.right {
        text-align: right;
        color: #FFFFFF;
        font-weight: bold;
    }

    body #wrapper #containerWrapper.liste #container table.stueckliste td.grey, 
    body #wrapper #containerWrapper.liste #container table.software td.grey {
        background-color: #ededed;
    }

    body #wrapper #containerWrapper.liste #container table.software.block td.detail {
        padding: 30px 5px 20px 5px;
    }

    body #wrapper #containerWrapper.liste #container table.software tr td.detail table {
        margin-top: -8px;
    }

    body #wrapper #containerWrapper.liste #container table.software tr td.detail table tr {
        border-bottom: 1px solid #9a9a9a;
    }

    body #wrapper #containerWrapper.liste #container table.software tr td.detail table tr.last {
        border-bottom: 0px;
    }

    body #wrapper #containerWrapper.liste #container table.software tr td.detail table tr td {
        padding: 8px 0px;
        vertical-align: top;
    }

    body #wrapper #containerWrapper.liste #container table.software tr td.detail table tr td.left {
        width: 145px;
        font-weight: bold;
    }

    body #wrapper #containerWrapper.liste #container table.software tr td.detail table tr td.right {
        width: 300px;
        position: relative;
    }

    body #wrapper #containerWrapper.liste #container .viewPortBlock .item table.software.block td.detail .info {
        color: #0075b7;
        text-decoration: none;
        display: none;
        background-image: url(../p/bg_link.png);
        background-repeat: no-repeat;
        padding: 5px 0px 5px 10px;
        background-position: left center;
    }

    body #wrapper #containerWrapper.liste #container table.software tr td.detail table tr td input[type="button"] {
        background-image: url("../p/button.jpg");
        background-position: left center;
        background-repeat: repeat-x;
        border: 0px;
        color: #ffffff;
        float: right;
        font-size: 12px;
        padding: 7px 20px;
        text-align: center;
        position: absolute;
        right: 0px;
        top: 0px;
    }




    body #wrapper #containerWrapper.liste #container .viewPortList {
        display: none;
    }

    body #wrapper #containerWrapper.liste #container .viewPortBlock {
        display: none;
    }


    body #wrapper #containerWrapper.liste #container .viewPortBlock .trennerTotal {
        border: 0px;
        margin: 0px;
        padding: 0px;
        background-color: #999999;
        height: 1px;
    }


    body #wrapper #containerWrapper.liste #container .viewPortBlock .item {
        width: 445px;
        border-top: 1px solid #999999;
        margin-bottom: 50px;
    }

    body #wrapper #containerWrapper.liste #container .viewPortBlock .item.left {
        float: left;
        clear: both;
    }

    body #wrapper #containerWrapper.liste #container .viewPortBlock .item.right {
        float: right;
    }

    body #wrapper #containerWrapper.liste #container .viewPortBlock .item table tr td {
        border-bottom: 0px;
    }

    body #wrapper #containerWrapper.liste #container .viewPortBlock .item table .pos {
        wi
    }

    body #wrapper #containerWrapper.liste #container .viewPortBlock .item table .posbez {
        background-color: #ededed;
    }

    body #wrapper #containerWrapper.liste #container .viewPortBlock .responsive {
        display: none;
    }










    body #wrapper #containerWrapper.liste.search #container .searchForm {
        margin-bottom: 20px;
        float: left;
    }

    body #wrapper #containerWrapper.liste.search #container .searchForm select {
        border: 0px;
        font-size: 13px;
        padding: 4px 5px;
        width: 180px;
        border: 1px solid #bcd3e5;
        float: left;
    }

    body #wrapper #containerWrapper.liste.search #container .searchForm input[type="text"] {
        border: 0px;
        font-size: 13px;
        padding: 4px 5px;
        width: 480px;
        float: left;
        margin-left: 5px;
        border: 1px solid #bcd3e5;
    }

    body #wrapper #containerWrapper.liste.search #container .searchForm input[type="submit"] {
        border: 1px solid #1d283c;
        font-size: 13px;
        padding: 4px 5px;
        background-image: url("../p/button.jpg");
        background-position: left center;
        background-repeat: repeat-x;
        color: #FFFFFF;
        float: left;
    }

    body #wrapper #containerWrapper.liste.search #container .viewPortList, 
    body #wrapper #containerWrapper.liste.search #container .viewPortBlock {
        font-size: 16px;
        padding-left: 5px;
    }

    body #wrapper #containerWrapper.liste.search #container .viewPortList table {
        font-size: 13px;
        color: #939393;
        border-top: 1px solid #9a9a9a;
        margin-top: 40px;
    }


    body #wrapper #containerWrapper.liste.search #container .viewPortList td {
        padding: 8px 0px 8px 5px;
        border-bottom: 1px solid #9a9a9a;
    }

    body #wrapper #containerWrapper.liste.search #container .viewPortList td b {
        font-weight: normal;
        color: #000000;
    }

    body #wrapper #containerWrapper.liste.search #container .viewPortList a, 
    body #wrapper #containerWrapper.liste.search #container .viewPortBlock a,
    body #wrapper #containerWrapper.liste.search #container .viewPortList td a {
        color: #0075b7;   
        text-decoration: none;
        display: inline;
    }

    body #wrapper #containerWrapper.liste.search #container .viewPortBlock table {

    }

    body #wrapper #containerWrapper.liste.search #container .viewPortBlock td {
        color: #939393;
    }

    body #wrapper #containerWrapper.liste.search #container .viewPortBlock td b {
        color: #0075b7;   
        text-decoration: none;
        font-size: 16px;
        font-weight: normal;
    }

    body #wrapper #containerWrapper.liste.search #container .viewPortBlock .right .left {
        color: #000000;
    }



    /*---------------- listen -------------*/









    /*---------------- detailbild -------------*/

    body #wrapper .slider {
        background-image: url("../p/schatten.png");
        background-position: center bottom;
        background-repeat: repeat-x;
        float: left;
        margin-bottom: 35px;
        padding-bottom: 20px;
        text-align: center;
        width: 100%;
        margin-top: 15px;
        position: relative;
    }

    body #wrapper .slider .left {
        margin-top: 105px;
        position: absolute;
        left: 0px;
    }

    body #wrapper .slider .right {
        margin-top: 105px;
        position: absolute;
        right: 0px;
    }

    body #wrapper .slider img.middle {
        margin-left: -260px;
        margin-top: 0px;
        max-height: 420px;
        margin: auto;
        display: inline;
    }
    
    
    body #wrapper .slider span.new {
        background-image: url("../p/bg_button_new.png");
        color: #ffffff;
        display: inline-block;
        font-size: 26px;
        font-weight: bold;
        height: 65px;
        margin-left: -90px;
        margin-top: 320px;
        padding-top: 30px;
        position: absolute;
        width: 95px;
        z-index: 100;
    }


    body #wrapper .slider span.auslaufen {
        background-image: url("../p/bg_button_auslaufen.png");
        color: #ffffff;
        display: inline-block;
        font-size: 26px;
        font-weight: bold;
        height: 65px;
        margin-left: -200px;
        margin-top: 320px;
        padding-top: 30px;
        position: absolute;
        width: 300px;
        z-index: 100;
    }


    body #wrapper .slider form#auswahl {
        float: left;
        margin-left: -10px;
        margin-top: 0px;
        height: 60px;
    }

    body #wrapper .slider .action {
        width: 230px;
        margin-left: 55px;
    }

    body #wrapper .slider input.blau {
        background-image: url("../p/button.jpg");
        background-position: left bottom;
        background-repeat: repeat-x;
        background-size: auto 25px;
        border: medium none;
        color: #fff;
        height: 25px;
        text-align: left;
        width: 230px;
        margin-left: 0px;
        margin-bottom: 10px;
        margin-top: 40px;
    }

    body #wrapper .slider button.submit {
        background-image: url("../p/button.jpg");
        background-position: left bottom;
        background-repeat: repeat-x;
        border: medium none;
        color: #fff;
        height: 50px;
        margin-top: 180px;
        text-align: left;
        width: 230px;
        clear: both;
        display: block;
        margin-left: 55px;
        float: left;
        cursor: pointer;
    }


    body #wrapper .slider select {
        background-color: #fff;
        border: 1px solid #999999;
        color: #000;
        height: 25px;
        text-align: left;
        width: 230px;
        margin-left: 10px;
    }

    body #wrapper .slider option.schwarz {
        background-image: url("../p/schwarz.jpg");
        background-position: left center;
        background-repeat: no-repeat;
        border: 1px solid #999;
        height: 25px;
        margin: 5px 0;
        padding-left: 30px;
    }


    body #wrapper .addSLWrapperResponsive input.blau {
        background-image: url("../p/button.jpg");
        background-position: left bottom;
        background-repeat: repeat-x;
        background-size: auto 25px;
        border: medium none;
        color: #fff;
        height: 25px;
        text-align: left;
        width: 100%;
        margin-left: 0px;
        margin-bottom: 10px;
    }

    body #wrapper .addSLWrapperResponsive select {
        background-color: #fff;
        border: 1px solid #999999;
        color: #000;
        height: 25px;
        text-align: left;
        width: 100%;
        margin-bottom: 30px;
    }

    /*---------------- detailbild -------------*/










    /*----------------submenu-------------*/



    body #wrapper #container #sub-navi {
        background-image: url("../p/strich.jpg");
        background-position: left top;
        background-repeat: no-repeat;
        
        padding-top: 15px;
    }
    body #wrapper #container #sub-navi #naviContainer {
        display: none;
    }

    body #wrapper #container #sub-navi ul {
        padding: 0px;
        margin: 0px 0px 0px 10px;
    }

    body #wrapper #container #sub-navi ul li {
        border-bottom: 1px solid #c2c2c2;
        list-style: none outside none;
    }

    body #wrapper #container #sub-navi ul li.home, 
    body #wrapper #container #sub-navi ul li.katalog,
    body #wrapper #container #sub-navi ul li.archiv {
        display: none;
    }

    body #wrapper #container #sub-navi ul li.last {
        border-bottom: none;
        list-style: none outside none;
    }

    body #wrapper #container #sub-navi ul li a {
        display: block;
        padding-bottom: 8px;
        padding-top: 8px;
    }

    body #wrapper #container #sub-navi ul.liste li{
        border: none;
    }


    body #wrapper #container #sub-navi ul li ul {
        display: none;
        border-top: 1px solid #c2c2c2;
        margin: 0px 0px 0px -15px;
    }

    body #wrapper #container #sub-navi ul li ul li {
        padding-left: 27px;
    }

    body #wrapper #container #sub-navi ul li a,
    body #wrapper #container #sub-navi ul li.active ul li a, 
    body #wrapper #container #sub-navi ul li.active ul li.active ul li a, 
    body #wrapper #container #sub-navi ul li.active ul li.active ul li.active ul li a {
        color: #000;
        font-size: 14px;
        text-decoration: none;
    }

    body #wrapper #container #sub-navi ul li.active, 
    body #wrapper #container #sub-navi ul li.active ul li.active, 
    body #wrapper #container #sub-navi ul li.active ul li.active ul li.active {
        color: #0075b7;
        background-image: url("../p/bg_li_active.png");
        background-repeat: no-repeat;
        padding-left: 15px;
        background-position: left 13px;
    }

    body #wrapper #container #sub-navi ul li.active ul li.active {
        padding-left: 40px;
        background-position: 27px 14px;
    }

    body #wrapper #container #sub-navi ul li.active a, 
    body #wrapper #container #sub-navi ul li.active ul li.active a, 
    body #wrapper #container #sub-navi ul li.active ul li.active ul li.active a {
        color: #0075b7;
    }

    body #wrapper #container #sub-navi ul li.active ul {
        display: block;
    }

    body #wrapper #container #sub-navi ul li.active ul li ul {
        display: none;
    }

    body #wrapper #container #sub-navi ul li.active ul li.active ul {
        display: block;
    }

    body #wrapper #container #sub-navi ul li.active ul li.active ul li ul {
        display: none;
    }

    body #wrapper #container #sub-navi ul li.active ul li.active ul li.active ul {
        display: block;
    }




    body #wrapper #container #sub-navi ul li ul li ul {
        display: none;
        border-top: 1px solid #c2c2c2;
        margin: 0px 0px 0px -40px;
    }

    body #wrapper #container #sub-navi ul li ul li ul li {
        padding-left: 50px;
    }

    body #wrapper #container #sub-navi ul li.active ul li.active ul li.active {
        padding-left: 62px;
        background-position: 50px 14px;
    }



    body #wrapper #container #sub-navi ul li ul li ul li ul {
        display: none;
        border-top: 1px solid #c2c2c2;
        margin: 0px 0px 0px -62px;
    }

    body #wrapper #container #sub-navi ul li ul li ul li ul li {
        padding-left: 75px;
    }

    body #wrapper #container #sub-navi ul li.active ul li.active ul li.active {
        padding-left: 62px;
        background-position: 50px 14px;
    }



    #sidr-main {
        display: none;
        box-shadow: none;
        background-color: #2f4964;
        font-family: "UniversNextW02-Regular";
        font-weight: normal;
        font-size: 12px;
    }

    body .sidr ul li {
        border-top: none;
        border-bottom: 1px solid #92a7ac;
        padding: 10px 0px 5px 0px;
    }

    body .sidr ul li ul {
        border-top: 1px solid #92a7ac;
        margin-top: 10px;
    }

    body .sidr ul li:hover {
        box-shadow: none;
    }

    body .sidr ul li.sidr-class-active {
        box-shadow: none;
        background-color: #223546;
    }

    .sidr ul li ul {
        display: none;
    }

    .sidr ul li.sidr-class-active ul {
        display: block;
    }

    .sidr ul li.sidr-class-active ul li ul {
        display: none;
    }

    .sidr ul li.sidr-class-active ul li.sidr-class-active ul {
        display: block;
    }

    body .sidr ul li ul li {
        font-size: 12px;
        line-height: 16px;
        padding: 10px 0px 10px 0px;
    }

    body .sidr ul li ul li.sidr-class-last {
        padding: 10px 0px 5px 0px;
    }

    body .sidr ul li.sidr-class-home, 
    body .sidr ul li.sidr-class-active {
        padding: 10px 0px 10px 0px;
    }

    body .sidr ul li ul li:hover {
        font-size: 12px;
        line-height: 16px;
    }

    body .sidr ul li.sidr-class-active a {
        background-image: url("../p/bg_li_mobile_active.png");
        background-position: 5px 3px;
        background-repeat: no-repeat;
        color: #f3fdff;
        margin: 0 0 0 10px;
        padding: 0px 20px 0px 25px;
    }

    body .sidr ul li.sidr-class-active ul li a  {
        background-image: url("../p/bg_li_mobile.png");
        background-position: 14px 4px;
        background-repeat: no-repeat;
        color: #f3fdff;
        margin: 0 0 0 10px;
        padding: 0 10px 0 30px;
    }   

    body .sidr ul li.sidr-class-active ul li.sidr-class-active a  {
        background-image: url("../p/bg_li_mobile_active.png");
        background-position: 14px 4px;
        background-repeat: no-repeat;
        color: #f3fdff;
        margin: 0 0 0 10px;
        padding: 0 10px 0 30px;
    }   

    body .sidr ul li.sidr-class-home a {
        background-image: url("../p/bg_li_mobile_home.png");
        background-position: 5px 0px;
        background-repeat: no-repeat;
        color: #f3fdff;
        margin: 0 0 0 10px;
        padding: 0px 20px 0px 25px;
    }







    /*----------------spalten-------------*/

    body #wrapper #container .col_1 {
        /* border-bottom: 1px solid #c2c2c2; */
        margin: 45px 14px 0px 0px;
        padding-bottom: 5px;
        width: 200px;
    }

    body #wrapper #container .col_1 img {
        float: left;
        margin: 0px 0px 15px 0px;
        max-width: 194px;
        max-height: 194px;
        border: 0px;
    }

    body #wrapper #container .col_1 a, 
    body #wrapper #container .col_1 a span {
        color: #000000;
        text-decoration: none;
        clear: both;
        display: block;
    }

    body #wrapper #container .col_2 {
        width: 60%;
    }


    body #wrapper #container .col_1,
    body #wrapper #container .col_2 {
        float: left ;
        max-height: 265px;
        height: 265px;
        overflow: hidden;
    }

    body #wrapper #container .kombi_col_0 {
        min-width: 150px;
        width: 15%;
        float: left;
        margin-bottom: 10px;
        clear: both;
    }

    body #wrapper #container .kombi_col_1 {
        min-width: 150px;
        width: 15%;
        float: left;
        margin-bottom: 10px;
    }

    body #wrapper #container .kombi_col_2 {
        min-width: 200px;
        max-width: 70%;
        float: left;
    }

    body #wrapper #container .kombiWrapper {
        padding-bottom: 5px;
        margin-bottom: 5px;
        border-bottom: 1px solid #CACACA;
    }

    /*----------------footer-------------*/

    body #wrapper #footer {
        background-color: #ffffff;
        border-bottom: 9px solid #e0e0e0;
        width: 100%;
    }

    body #wrapper #footer-left {
        float: left;
        width: 60%;
    }

    body #wrapper #footer-right {
        float: left;
        width: 40%;
    }

    body #wrapper #footer-right ul {
        float: right;
    }
}