@charset "UTF-8";
@media
all {
    /* ------------- first navigation -------------- */

    /* background and dimensions */
    #nav_main {
        margin: 0;
        height: 60px;
        z-index: 100;
        overflow: visible;
        padding-top: 1.2em;
        padding-right: 120px;
        font-family: 'Open Sans Condensed', Arial, 'sans-serif';
        font-weight: 700;
    }

    /* remove all the bullets, borders and padding from the default list styling */
    #nav_main ul {
        margin: 0;
        padding: 0;
        padding-left: 10px;
        list-style-type: none;
        z-index: 100;
        float: left;
    }

   
    #nav_main ul ul {
        margin-top: 0;
        font-size:0.8em;
        font-family:'Open Sans',Arial, 'sans-serif';
    }

    /* float the list to make it horizontal and a relative positon so that you can control the topdown menu positon */
    #nav_main li {
        float: left;
        width: auto;
        position:relative;
        margin-left: 0;
        text-transform:uppercase;
    }

    #nav_main li.last {
        background: none;
    }

    #nav_main li.last li {
        float: left;
        width: auto;
        position:relative;
        margin-left: 0;
    }


    /* style the links for the top level */
    #nav_main a {
        display: inline-block;
        text-decoration: none;
        color: #000000;
        width: auto;
        z-index: 100;
        padding: 0 5px;
        letter-spacing:0.05em;
    }

    #nav_main a:hover {
        color: #ffffff;
    }

    /* style for active link */
    #nav_main a.topact {
        color: #ffffff;
    }

    /* a hack so that IE5.5 faulty box model is corrected */
    * html #nav_main a, * html #nav_main a:visited {
        width: 200px;
        w\idth: 189px;
        z-index: 3; }

    /* float the list to make it horizontal and a relative position so that you can control the topdown menu positon */
    #nav_main ul ul li  {
        padding: 0px;
        height: auto;
        border-bottom-width: 1px;
        border-right-style: none;
        border-bottom-style: solid;
        border-bottom-color: #f3f3f3;
        margin: 0;
        text-transform: none;
    }


    #nav_main ul ul li:first-child {
        margin-top : 5px;
        border-top: solid 1px #f3f3f3; }

    #nav_main ul ul ul li:first-child {
        margin-top: 0px;
        border-top: 0px; }

    #nav_main ul ul li:hover, #nav_main ul ul li:active {
        float: left;
        width: auto;
        position: relative; }

    #nav_main ul ul ul li  {
        border-right: none;
        padding: 0px;
        height: auto; }

    #nav_main ul ul ul li:hover, #nav_main ul ul ul li:active {
        float: left;
        width: auto;
        position: relative; }



    /* style the third level background */
    #nav_main ul ul ul a, #nav_main ul ul ul a:visited {
        background-color: #f9f9f9;
        color: black;
    }



    /* hide the sub levels and give them a positon absolute so that they take up no room */
    #nav_main ul ul {
        visibility: hidden;
        position: absolute;
        top: 20px;
        left: 0;
        width: 200px;
        padding: 0;
        z-index: 1100;
    }


    /* another hack for IE5.5 */
    * html #nav_main ul ul {
        top: 39px;
        t\op: 40px; }

    /* position the third level flyout menu */
    #nav_main ul ul ul {
        left: 200px;
        top: 0;
        width: 200px;
        margin-left: -22px;
        font-size:1em; }

    #nav_main ul ul ul ul {
        left: 200px;
        top: 0;
        width: 200px;
        margin-left: -22px;
        font-size:1em;
    }



    /* position the third level flyout menu for a left flyout */
    #nav_main ul ul ul.left {
        left: -200px;
    }



    /* style the second level links */
    #nav_main ul ul a {
        background-color:#fff;
        color: black;
        height: auto;
        line-height: 1.4em;
        width:190px;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0px; /* yet another hack for IE5.5 */
        padding: 10px; }



    /* style the second level links */
    #nav_main ul ul ul a {
        color:black;
        height: auto;
        line-height: 1.4em;
        width: 190px;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0px; /* yet another hack for IE5.5 */
        padding: 10px;
    }



    * html #nav_main ul ul a {
        width: 200px;
        w\idth: 179px;
    }

    #nav_main ul ul :hover > a {
        background-color: #000000;
        color: #fcc000;
    }

    #nav_main ul :hover > a {
        background-color: #000000;
        color: #ffffff;
    }


    #nav_main ul ul ul :hover > a {
        background-color: #000000;
        color: #fcc000;
    }

    /* make the second level visible when hover on first level list OR link */
    #nav_main ul li:hover ul, #nav_main ul a:hover ul {
        visibility: visible;
    }

    /* keep the third level hidden when you hover on first level list OR link */
    #nav_main ul :hover ul ul{
        visibility: hidden;
    }

    #nav_main ul :hover ul :hover ul ul{
        visibility: hidden;
    }

    /* make the third level visible when you hover over second level list OR link */
    #nav_main ul :hover ul :hover ul {
        visibility: visible;
    }

    /* make the fourth level visible when you hover over second level list OR link */
    #nav_main ul :hover ul :hover ul :hover ul {
        visibility: visible;
    }

    * html #nav_main ul a {
        width: 120px;
        w\idth: 109px;
    }

    * html #nav_main td {
        width: 120px;
        w\idth: 109px;
    }

    /* ------------ second navigation ----------- */

    #nav_main2 {
        float: left;
        margin: 0;
        width: 100%;
        height: 65px;
        z-index: 100;
        overflow: visible; }

    /* remove all the bullets, borders and padding from the default list styling */
    #nav_main2 ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
        z-index: 100;
        float: left; }

    /* float the list to make it horizontal and a relative positon so that you can control the topdown menu positon */
    #nav_main2 li {
        float: left;
        width: auto;
        margin-left: 0;
        margin-top: 5px;
        background-repeat: no-repeat;
        background-position: right center;
    }

    #nav_main2 li:hover, #nav_main2 li:active {
        float: left;
        width: auto;
        position: relative;
    }

    #nav_main2 li li {
        background: none;
        margin-top:0; }

    #nav_main2 li li:hover {
        background: none; }

    /* style the links for the top level */
    #nav_main2 a, #nav_main2 a:visited {
        display: block;
        text-decoration: none;
        color: #000;
        width: auto;
        z-index: 100;
        padding-top: 0px;
        padding-right: 7px;
        padding-bottom: 0px;
        padding-left: 7px;
        font-size: 0.8em;
    }

    #nav_main2 a.topact2 {
        color: #fcc000;
    }

    /* a hack so that IE5.5 faulty box model is corrected */
    * html #nav_main2 a, * html #nav_main2 a:visited {
        width: 200px;
        w\idth: 189px;
        z-index: 3; }

    /* float the list to make it horizontal and a relative positon so that you can control the topdown menu positon */
    #nav_main2 ul ul li  {
        padding: 0px;
        border-bottom: solid 1px #f3f3f3;
        border-right: none;
        height: auto; }

    #nav_main2 ul ul li:hover, #nav_main2 ul ul li:active {
        float: left;
        width: auto;
        position: relative;
        background-color: #f9f9f9; }

    #nav_main2 ul ul ul li  {
        border-right: none;
        /*height: 35px;*/
        padding: 0px; }

    #nav_main2 ul ul ul li:hover, #nav_main2 ul ul ul li:active {
        float: left;
        width: auto;
        /*position: relative;*/ }

    /* style the second level background */
    #nav_main2 ul ul a.top2, #nav_main2 ul ul a.top2:visited {
        font-weight: normal;
        margin: 0px;
        padding-left: 10px; }

    /* style the second level hover */
    #nav_main2 ul ul a.top2:hover{
        background: #f9f9f9; }

    #nav_main2 ul ul :hover > a.top2 {
        background: #ffedbd; }

    /* style the third level background */
    #nav_main2 ul ul ul a, #nav_main2 ul ul ul a:visited {
        background: #f9f9f9;
        font-weight: normal; }

    /* style the third level hover */
    #nav_main2 ul ul ul a:hover {
        background: #f9f9f9; }

    /* hide the sub levels and give them a positon absolute so that they take up no room */
    #nav_main2 ul ul {
        visibility: hidden;
        position: absolute;
        top: 20px;
        left: 0;
        width: 200px;
        z-index: 1000;
        font-weight: normal;
        background-color: #FFFFFF;
        padding: 0;}

    /* another hack for IE5.5 */
    * html #nav_main2 ul ul {
        top: 39px;
        t\op: 40px; }

    /* position the third level flyout menu */
    #nav_main2 ul ul ul{
        background-color: #F9F9F9;
        left: 200px;
        top: 0;
        width: 200px;
        margin-left: -20px;
        font-weight: normal; }

    /* position the third level flyout menu for a left flyout */
    #nav_main2 ul ul ul.left {
        left: -200px; }

    /* style the table so that it takes no ppart in the layout - required for IE to work */
    #nav_main2 table {
        position: absolute;
        top: 0;
        left: 0; }

    /* style the second level links */
    #nav_main2 ul ul a, #nav_main2 ul ul a:visited {
        background: #ffffff;
        height: auto;
        line-height: 1em;
        width: 179px;
        font-weight: normal;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0px;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px; /* yet another hack for IE5.5 */ }

    /* style the second level links */
    #nav_main2 ul ul ul a, #nav_main2 ul ul ul a:visited {
        background: #f9f9f9;
        color: #666666;
        line-height: 1em;
        width: 179px;
        font-weight: normal;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0px;/* yet another hack for IE5.5 */
        padding: 10px; }

    * html #nav_main2 ul ul a {
        width: 200px;
        w\idth: 179px; }

    /* style the top level hover */
    #nav_main2 ul ul :hover > a {
        background: #ffedbd; }

    #nav_main2 ul ul ul :hover > a {
        background: #ffedbd; }

    /* make the second level visible when hover on first level list OR link */
    #nav_main2 ul li:hover ul, #nav_main2 ul a:hover ul {
        visibility: visible; }

    /* keep the third level hidden when you hover on first level list OR link */
    #nav_main2 ul :hover ul ul {
        visibility: hidden; }

    /* make the third level visible when you hover over second level list OR link */
    #nav_main2 ul :hover ul :hover ul {
        visibility: visible; }

    ul.nav_main2_sub {padding-bottom:2em;}
    ul.nav_main2_sub li {display:inline-block;padding-right:2em;width:30%;}

    /* ------------- forth navigation ----------- */

    #forth_navi {
        width: 100%;
        height: 37px;
        margin: 0;
        padding: 0;
        overflow: visible;
        background:#ffe49b;}
    /*remove all the bullets, borders and padding from the default list styling */
    #forth_navi ul {
        padding: 0;
        margin: 0;
        line-height: 35px;
        list-style-type: none; }

    /* style the links for the top level */
    #forth_navi a,  #forth_navi a:visited {
        display: block;
        text-decoration: none;
        color: #666;
        width: auto;
        line-height: 36px;
        z-index: 100;
        padding-top: 0px;
        padding-right: 12px;
        padding-bottom: 0px;
        padding-left: 12px; }

    #forth_navi li:hover {
        background: none;
        background-color: none; }

    #forth_navi li a:hover {
        color: #000;
        background-color: #FFE49B;  }

    #forth_navi a.level4-act {
        color: #000;
        background-color: #fff;
        background-image: none;
        border-right: 1px solid #ffc612;
        border-left: 1px solid #ffc612; }

    #forth_navi li a.level4-act:hover {
        background-color: #FFF;  }

    #forth_navi li:first-child a.level4-act {
        border-left: 0px solid #ffc612; }

    /* fachpartner-button */
    #forth_navi a.forth_navi_fp_btn, #forth_navi a.forth_navi_fp_btn:visited {
        padding-right : 13px; }

    a.forth_navi_fp_btn {
        margin-top: 1px;
        background: transparent url(../../img/navi/btn_fp_right_new_3.png) right center no-repeat ;
        display: block;
        float: left;
        height: 35px;
        text-decoration: none;
    }

    a.forth_navi_fp_btn span {
        background: transparent url(../../img/navi/btn_fp_left_new_3.png) left center no-repeat;
        display: block;
        line-height: 35px;
        padding: 0 10px 0 20px;
        color: #666666;	}

    a.forth_navi_fp_btn span:hover {
        color: black; }

    /* float the list to make it horizontal and a relative positon so that you can control the topdown menu positon */
    #forth_navi li {
        float: left;
        /*border-right: 1px solid #ffc612;*/
        margin: 0;
        margin-top: 1px;
        width: auto;
        position: relative;
        list-style-type: none; }

    #forth_navi ul ul li:hover:first-child {
        background-image: none; }


    #forth_navi li li {
        background: none;
    }

    #forth_navi li li li {
        background: none;
    }

    #forth_navi li li:hover {
        background: none;

    }




    /* a hack so that IE5.5 faulty box model is corrected */
    * html  #forth_navi a, * html  #forth_navi a:visited {
        width:200px;
        w\idth:189px;
        z-index:3;
    }



    /* float the list to make it horizontal and a relative positon so that you can control the topdown menu positon */

    #forth_navi ul ul li  {
        padding:0px;
        height: auto;
        border-bottom-width: 1px;
        border-right-style: none;
        border-bottom-style: solid;
        border-bottom-color: #f3f3f3;
    }

    #forth_navi ul ul li:hover,  #forth_navi ul ul li:active {
        float:left;
        width:auto;
        position:relative;
        background-color: #f9f9f9;
    }

    #forth_navi ul ul ul li  {
        border-right:none;
        padding:0px;
        height: auto;
    }

    #forth_navi ul ul ul li:hover,  #forth_navi ul ul ul li:active {
        float:left;
        width:auto;
        position:relative;
        background-color: white;
    }



    /* style the second level background */
    #forth_navi ul ul a,  #forth_navi ul ul a:visited {
        font-weight:normal;
        height: auto;
    }
    /* style the second level hover */
    #forth_navi ul ul a:hover{
        background:#f9f9f9;
    }
    #forth_navi ul ul :hover > a {
        background:#f9f9f9;
    }
    /* style the third level background */
    #forth_navi ul ul ul a,  #forth_navi ul ul ul a:visited {
        background:#f9f9f9;font-weight:normal;
    }
    /* style the third level hover */
    #forth_navi ul ul ul a:hover {
        background:#f9f9f9;
    }


    /* hide the sub levels and give them a positon absolute so that they take up no room */
    #forth_navi ul ul {
        visibility:hidden;
        position:absolute;
        top:40px;
        left:0;
        width:200px;
        z-index:100;
        font-weight:normal;
        background-color: #FFFFFF;
    }

    /* make the second level visible when hover on first level list OR link */
    #forth_navi ul li:hover ul,
    #forth_navi ul a:hover ul
    {
        visibility:visible;
    }
    #forth_navi ul li:last-child ul {
        width:130px;
    }

    /* another hack for IE5.5 */
    * html  #forth_navi ul ul {
        top:39px;
        t\op:40px;
    }

    /* position the third level flyout menu */
    #forth_navi ul ul ul{
        background-color: #F9F9F9;
        left:200px;
        top:0;
        width:200px;
        margin-left:-20px;
        font-weight:normal;
    }

    .forth_navi ul li:last-child ul ul {
        left:-145px;
        width:150px;
    }

    /* position the third level flyout menu for a left flyout */
    #forth_navi ul ul ul.left {
        left:-200px;
    }

    /* style the table so that it takes no ppart in the layout - required for IE to work */
    #forth_navi table {position:absolute; top:0; left:0;}

    /* style the second level links */
    #forth_navi ul ul a,  #forth_navi ul ul a:visited {
        background:#ffffff;
        color:#666666;
        height:auto;
        line-height:1em;
        width:179px;
        font-weight:normal;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0px;/* yet another hack for IE5.5 */
        padding: 10px;
    }

    .forth_navi ul li:last-child ul a, .forth_navi ul li:last-child ul a:visited {
        width:110px;
    }

    /* style the third level links */
    #forth_navi ul ul ul a,  #forth_navi ul ul ul a:visited {
        background:#f9f9f9;
        color:#666666;
        height:auto;
        line-height:1em;
        width:179px;
        font-weight:normal;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0px;/* yet another hack for IE5.5 */
        padding: 10px;
    }



    * html  #forth_navi ul ul a{
        width:200px;
        w\idth:179px;
    }



    #forth_navi ul ul :hover > a {
        background:#f9f9f9;color:#005C99;
    }

    #forth_navi ul ul ul :hover > a {

        background:#ffffff;color:#fcc000;
    }

    /* keep the third level hidden when you hover on first level list OR link */
    #forth_navi ul :hover ul ul
    {
        visibility:hidden;
    }

    /* make the third level visible when you hover over second level list OR link */
    #forth_navi ul :hover ul :hover ul

    {
        visibility:visible;
    }

    /********* WorldWIDE *********/


    /* remove all the bullets, borders and padding from the default list styling */

    #topnav ul {
        padding:0;
        list-style-type: none;
    }
    #topnav ul#menu_world {
        padding:0;
        list-style-type: none;
        z-index:3000;
        margin: 0;
        font-size:0.9em;
    }


    /* float the list to make it horizontal and a relative positon so that you can control the topdown menu positon */
    #topnav li {
        float:left;
        width:auto;
        position:relative;
        margin-left:0;
    }


    #topnav li#menuitem943 {float:none;}


    #topnav li:hover, #topnav li:active {
        float:left;
        width:auto;
        position:relative;

    }


    #topnav li li {
        background: none;
    }

    #topnav li li li {
        background: none;
    }

    #topnav li li:hover {
        background: none;

    }

    /* style the links for the top level */
    #topnav a, #topnav a:visited {
        display:block;
        text-decoration:none;
        color:#000000;
        width:auto;
        line-height:35px;
        z-index:100;
        padding-top: 0px;
        padding-right: 5px;
        padding-bottom: 0px;
        padding-left: 5px;
        font-size:0.9em;

    }

    #topnav a:focus,  #topnav a:hover,  #topnav a:active {
        color:#f3b805;
        background-color:transparent;
    }

    #topnav a.topact2 {
        color: #005c99;
        line-height: 35px;
    }
    /* a hack so that IE5.5 faulty box model is corrected */
    * html #topnav a, * html #topnav a:visited {
        width:200px;
        w\idth:189px;
        z-index:3;
    }


    /* float the list to make it horizontal and a relative positon so that you can control the topdown menu positon */

    #topnav ul ul li  {
        padding:0px;
        border-bottom-width: 1px;
        border-right-style: none;
        border-bottom-style: solid;
        border-bottom-color: #f3f3f3;
        height: auto;
    }

    #topnav ul ul li:hover, #topnav ul ul li:active {
        float:left;
        width:auto;
        position:relative;
        background-color: #f9f9f9;
    }

    #topnav ul ul ul li  {
        border-right:none;
        height: 35px;
        padding: 0px;
    }

    #topnav ul ul ul li:hover, #topnav ul ul ul li:active {
        float:left;
        width:auto;
        position:relative;
        background-color: white;
    }



    /* style the second level background */
    #topnav ul ul a.top2, #topnav ul ul a.top2:visited {
        font-weight:normal;
        margin: 0px;
        padding-left: 10px;
    }
    /* style the second level hover */
    #topnav ul ul a.top2:hover{
        background:#f9f9f9;
    }
    #topnav ul ul :hover > a.top2 {
        background:#f9f9f9;
    }
    /* style the third level background */
    #topnav ul ul ul a, #topnav ul ul ul a:visited {
        background:#f9f9f9;font-weight:normal;
    }
    /* style the third level hover */
    #topnav ul ul ul a:hover {
        background:#f9f9f9;
    }

    /* hide the sub levels and give them a positon absolute so that they take up no room */
    #topnav ul ul {
        visibility:hidden;
        position:absolute;
        top:2.2em;
        left:-305px;
        width:340px;
        z-index:100;
        padding:0;
        font-weight:normal;
        background-color: #FFFFFF;
        border-width: 1px;
        border-style: solid;
        border-right-color: #ccc;
        border-bottom-color: #ccc;
        border-top-color: #eee;
        border-left-color: #eee
    }

    /* another hack for IE5.5 */
    * html #topnav ul ul {
        top:39px;
        t\op:40px;
    }

    /* position the third level flyout menu */
    #topnav ul ul ul{
        background-color: #F9F9F9;
        left:200px;
        top:0;
        width:200px;
        margin-left:-20px;
        font-weight:normal;
    }

    /* position the third level flyout menu for a left flyout */
    #topnav ul ul ul.left {
        left:-200px;
    }

    /* style the table so that it takes no ppart in the layout - required for IE to work */
    #topnav table {position:absolute; top:0; left:0;}

    /* style the second level links */
    #topnav ul ul a, #topnav ul ul a:visited {
        background:#ffffff;
        color:#666666;
        height:auto;
        line-height:1em;
        text-align: left;
        width: 169px;
        font-weight:normal;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0px;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;/* yet another hack for IE5.5 */
    }

    /* style the second level links */
    #topnav ul ul ul a, #topnav ul ul ul a:visited {
        background:#f9f9f9;
        color:#666666;
        line-height:1em;
        width:179px;
        font-weight:normal;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0px;/* yet another hack for IE5.5 */
        padding: 10px;
    }

    * html #topnav ul ul a{
        width:200px;
        w\idth:179px;
    }




    /* style the top level hover */

    #topnav ul ul :hover > a {
        background:#f9f9f9;color:#F3B805;
    }

    #topnav ul ul ul :hover > a {

        background:#ffffff;color:#fcc000;
    }
    /* make the second level visible when hover on first level list OR link */
    #topnav ul li:hover ul,
    #topnav ul a:hover ul{
        visibility:visible;
    }
    /* keep the third level hidden when you hover on first level list OR link */
    #topnav ul :hover ul ul{
        visibility:hidden;
    }

    /* make the third level visible when you hover over second level list OR link */
    #topnav ul :hover ul :hover ul

    {
        visibility:visible;
    }


    /* Country Select */
    #menuitem4508   {

        background-image: url("../../img/country_select.png") !important;
        background-position: left center !important;
        background-repeat: no-repeat !important;
        line-height: 35px !important;
        padding-left: 40px !important;
        height:30px;
        text-indent:-9999em;
    }
    #menuitem4508 ul {font-size:90%;}
    #menuitem4508 ul a  {
        padding-left: 10px !important;

    }
    #menuitem4508 ul {text-indent:0;}
    /* United Kingdom */
    #menuitem4938 a {
        background-image: url(uk.gif) !important;
        background-repeat: no-repeat !important;
        background-position: 140px center !important; }

    /* Africa */
    #menuitem4522 a {
        background-image: url(za.gif) !important;
        background-repeat: no-repeat !important;
        background-position: 140px center !important; }

    /* America */
    #menuitem4521 a {
        background-image: url(us.gif) !important;
        background-repeat: no-repeat !important;
        background-position: 140px center !important; }

    /* Belgium */
    #menuitem4520 a {
        background-image: url(be.gif) !important;
        background-repeat: no-repeat !important;
        background-position: 140px center !important; }

    /* CH */
    #menuitem5915 a {
        background-image: url(ch.gif) !important;
        background-repeat: no-repeat !important;
        background-position: 140px center !important; }

    /* France */
    #menuitem4519 a {
        background-image: url(fr.gif) !important;
        background-repeat: no-repeat !important;
        background-position: 140px center !important; }

    /* Germany */
    #menuitem5238 a {
        background-image: url(de.gif) !important;
        background-repeat: no-repeat !important;
        background-position: 140px center !important; }

    /* Greece */
    #menuitem4518 a {
        background-image: url(el.gif) !important;
        background-repeat: no-repeat !important;
        background-position: 140px center !important; }

    /* Italy */
    #menuitem4516 a {
        background-image: url(it.gif) !important;
        background-repeat: no-repeat !important;
        background-position: 140px center !important; }

    /* Japan */
    #menuitem5559 a {
        background-image: url(jp.gif) !important;
        background-repeat: no-repeat !important;
        background-position: 140px center !important; }

    /* Poland */
    #menuitem5558 a {
        background-image: url(pl.gif) !important;
        background-repeat: no-repeat !important;
        background-position: 140px center !important; }

    /* Singapore */
    #menuitem4515 a {
        background-image: url(sg.gif) !important;
        background-repeat: no-repeat !important;
        background-position: 140px center !important; }

    /* Spain */
    #menuitem4517 a {
        background-image: url(es.gif) !important;
        background-repeat: no-repeat !important;
        background-position: 140px center !important; }

    /* SolarWorld Toechter - Latin-America */
    #menuitem4514 a, #menuitem4512 a,
    #menuitem4511 a, #menuitem4510 a, #menuitem4509 a,
    #menuitem5492 a {
        background-image: url(sw.gif) !important;
        background-repeat: no-repeat !important;
        background-position: 140px center !important;
    }
	
    /* SolarWorld Toechter */
    #menuitem4513 a {
        background-image: url(sw_old.gif) !important;
        background-repeat: no-repeat !important;
        background-position: 140px center !important;
    }

  
    /* ##########################
    ** ### Lower menu ######
    ** ##########################
    */

    #lowmenu {
        padding-top: 1em;
        overflow: hidden;
        margin:0;
        list-style-type: none;
        font-weight:normal;
    }

    #lowmenu .hidden {color:#ffffff;}

    #lowmenu ul { list-style-type: none; margin:0; padding: 0; }
    #lowmenu li {float:left; width:25%; margin:0; padding: 0; display:inline-block;vertical-align:top;zoom:1;}



    /* Just in case the skiplink anchor gets into THIS menu, because the tab-navigation was turned off */
    /* PLEASE LEAVE THE FOLLING SETTING IN PLACE */
    #lowmenu a#navigation {border-bottom:0; }


    #lowmenu li span {
        display:inline;
        font-weight: bold;
    }



    #lowmenu a,
    #lowmenu .strong {
        font-weight:normal;
        text-decoration: none;
        color: #000000;
    }

    /* Level 1 */
    #lowmenu li#active,
    #lowmenu li .strong {

        color: #9b9c9c;
        font-weight:bold;
    }

    #lowmenu li a {font-weight:bold;text-transform:uppercase; }
    #lowmenu li a:focus,
    #lowmenu li a:hover,
    #lowmenu li a:active { color: #9b9c9c; }

    /* Level 2 */
    #lowmenu li ul li  {display:block;width:100%;}
    #lowmenu li ul li a {font-weight:normal; text-transform: none;}
    #lowmenu li ul li#active,
    #lowmenu li ul li .strong,
    #lowmenu li ul li span {font-weight:normal; }

    #lowmenu li ul li span.accessKey {
        display:inline;
        width:auto;
        padding:0;
        border:0 none;
        font-weight:normal;
    }


    #lowmenu li ul li a:focus,
    #lowmenu li ul li a:hover,
    #lowmenu li ul li a:active {}
    #lowmenu li ul { margin:0; padding: 0 0 0 0px;font-size:93%; }

    /* LOWER MENU _ ENDE */

    #select_kunde {
        border: none;
        position: absolute;
        height: 25px;
        overflow: hidden;
        width: 130px;
        text-transform:uppercase;
        left: 60px;
        top: 10px;
        z-index: 1;
    }

    #select_kunde select::-ms-expand {
        display: none;
    }

    #select_kunde select {
        background-image: url("../../img/icons/select_kunden_arrow.png");
        background-repeat: no-repeat;
        background-position: 75% center;
        background-color: #000000;
        border: 0 none;
        border-radius: 0;
        color: #FFFFFF;
        height: 25px;
        line-height: 1em;
        padding: 6px 2px;
        width: 160px;
        font-weight: bold;
        font-size: 0.7em;
        -webkit-appearance: none;
        padding-left: .1em

    }

    #select_kunde select option{
        text-transform: uppercase;
        padding: .25em;
        padding-left: .5em !important;
    }

    #second_menu {
        position: absolute;
        right: 0;
       

    }

    #nav-toggle {
        height: 100%;
        padding: 0;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
        left: 0;
        background: #808080;
        color: #000;
    }

    #nav-toggle ul {
        margin-bottom: 0;
        margin-left:0;
    }

    #nav-toggle ul li {
        list-style: none;
        margin-left:0;
    }

    #nav-toggle ul a {
        color: #ffffff;
    }

    #toggle-bar  {
        position: relative;
        height: auto;
        max-width:50%;
    }

    #mmenu {margin-top:50px;max-width:90%;overflow:hidden;}
    #mmenu h1 {color:#ffffff;font-size:1em;}
	 #mmenu h3 {color:#ffffff;font-size:1em;}
    #mmenu h1 a {color:#ffffff;font-size:1em;}
	  #mmenu h3 a {color:#ffffff;font-size:1em;}
    #mmenu .subcl .csc-menu a {background: url("../../img/icons/sun_icon.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0); padding: 0 0 0 25px;}

    #mmenu .subc .csc-menu a {background: url("../../img/kontakt_pfeil.png") no-repeat scroll 100% 50% rgba(0, 0, 0, 0);
                              padding: 0 15px 0 0;}



    #mmenu p {color:#ffffff;}
	
	 #mmenu .nav_main2_sub a {background: url("../../img/icons/sun_icon.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0); padding: 0 0 0 25px;}
	 
	  #mmenu .nav_main4_sub a {background: url("../../img/icons/sun_icon.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0); padding: 0 0 0 25px;}
	  
	    #mmenu .nav_main4_sub ul li a {background: url("../../img/kontakt_pfeil.png") no-repeat scroll 0 50% rgba(0, 0, 0, 0); padding: 0 0 0 15px;}
	  
	  #mmenu .nav_main3_sub a {background: url("../../img/icons/sun_icon.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0); padding: 0 0 0 25px;display:block;}
	 
	    ul.nav_main4_sub {padding-bottom:2em;}
    /*ul.nav_main2_sub li {display:inline-block;padding-right:2em;width:30%;}*/
	
	ul.nav_main4_sub  {	
		
	list-style: none outside none;
	margin: 0 !important;
	width: 33%;
	padding: 0;	
	position: relative;
    z-index: 1;
	float:left;
	
}

.nav_main4_sub li  {
	list-style: none;	
	width: 100%;	
	padding-right:0; 
	padding-left:0;
	}

ul.nav_main4_sub ul {

	list-style: none outside none;
	margin: 0 !important;
	width: 100%;	
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 1em;
	position: relative;

}

.nav_main4_sub li li  {
	list-style: none;	
	width: 100%;	
	padding-right:0; 
	padding-left:0.5em;
	}
	ul.nav_main3_sub  {			
	
	width: 33%;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 1em;
	float:left;
    z-index: 1;
	
}	

ul.nav_main5_sub {
    float: left;
    width: 32%;	
}



    .ui-icon-bullets {
        background: url("../../img/icons/bullets.png") no-repeat scroll 0 30px rgba(0, 0, 0, 0);
        min-height: 28px;
        padding: 30px 0 0 40px;
        /*width: 57px;*/
        color:#000000;
        position: relative;
        top:30px;

    }

  /* #nav_main ul ul ul li#menuitem7257 a, #nav_main ul ul ul li#menuitem7259 a, #nav_main ul ul ul li#menuitem4936 a, #nav_main ul ul ul li#menuitem7261 a, #nav_main ul ul ul li#menuitem7262 a, #nav_main ul ul ul li#menuitem20 a {background-color:#c4c0c0;}

    #nav_main ul ul ul li#menuitem7257 a:hover, #nav_main ul ul ul li#menuitem7259 a:hover, #nav_main ul ul ul li#menuitem4936 a:hover, #nav_main ul ul ul li#menuitem7261 a:hover, #nav_main ul ul ul li#menuitem7262 a:hover, #nav_main ul ul ul li#menuitem20 a:hover {background-color:#000000;}*/

#nav-mobile {display:none;}

    #select_kunde {
        top: 1em;
        left: auto;
        right: 15em;
    }
    #second_menu {
        top: 1em;
    }
}




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

    #forth_navi {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        overflow: visible;
        background:#ffe49b;}

    #lowmenu li { width:100%; }

    #forth_navi li {float:none;}
    /*
        Mobile Menu Core Style
    */

    #nav_main2 {display:none;}
	ul.nav_main2_sub li {width:100%;} 
    
    #topnav ul#menu_world {display:none;}
	#nav-mobile {display:block;}

}




@media \0screen {
    #nav_main ul li {
        border-bottom : solid 5px #ffc612; }

    #nav_main ul ul {
        top: 45px; }

}

/* BOF fix für iPad by Nils */
#menu_world {
    display: block;
    min-height: 30px;
    min-width: 40px;
} 
#menu_world.active ul {
    visibility: visible; 
}
#menu_world.inactive ul,
#topnav ul.inactive li:hover ul, 
#topnav ul.inactive a:hover ul {
    visibility: hidden; 
}
/* EOF fix für iPad by Nils */