/* 
    Created on : 01.06.2016, 17:50:46
    Author     : Andeas Methling
*/
@media only screen and (min-width:1026px){
div.navigationmobile { display: none; }
header > div.maxwidth > div#navigation { width: 100%; height: 60px; text-align: center; position: relative; background-color: #140f0f; border-bottom: 1px solid #b2b2b2; border-top: 1px solid #b2b2b2; opacity: 1; z-index: 2000; }
header > div.maxwidth > div#navigation ul { display: inline-block; float: none; }
header > div.maxwidth > div#navigation li { display: inline-block; float: none; padding: 10px 0px 0px 0px; }
header > div.maxwidth > div#navigation li:hover, header > div#navigation li:focus, header > div#navigation li:active { } 
header > div.maxwidth > div#navigation li a { display: inline-block; white-space: nowrap; color: #fff; }
header > div.maxwidth > div#navigation li a:hover { color: #b2b2b2; }
header > div.maxwidth > div#navigation > ul.lev-0 { width: 100%; height: 37px; padding: 10px 0px 10px 0px; overflow: hidden; }
header > div.maxwidth > div#navigation > ul.lev-0 > li > ul.lev-1  { opacity: 0; }
header > div.maxwidth > div#navigation > ul.lev-0:hover { overflow: visible; }
header > div.maxwidth > div#navigation > ul.lev-0 > li:hover ul.lev-1 {
    opacity: 1;
    -moz-transition:    opacity linear  0.3s 0.3s;
    -webkit-transition: opacity linear  0.3s 0.3s;
    -o-transition:      opacity linear  0.3s 0.3s;
    transition:         opacity linear  0.3s 0.3s;
}
header > div.maxwidth > div#navigation > ul.lev-0 > li.inactive {  }
header > div.maxwidth > div#navigation > ul.lev-0 > li.active,
header > div.maxwidth > div#navigation > ul.lev-0 > li.current {
    
}
header > div.maxwidth > div#navigation > ul.lev-0 > li.inactive > a,
header > div.maxwidth > div#navigation > ul.lev-0 > li.active > a,
header > div.maxwidth > div#navigation > ul.lev-0 > li.current > a {
    padding: 0px 10px 0px 10px; font-size: 16px; line-height: 27px; text-transform: uppercase; border-right: 1px solid #fff;
}
header > div.maxwidth > div#navigation > ul.lev-0 > li.inactive, header > div.maxwidth > div#navigation > ul.lev-0 > li.inactive,
header > div.maxwidth > div#navigation > ul.lev-0 > li.inactive, header > div.maxwidth > div#navigation > ul.lev-0 > li.active,
header > div.maxwidth > div#navigation > ul.lev-0 > li.inactive, header > div.maxwidth > div#navigation > ul.lev-0 > li.current
{
    position: relative;
}
header > div.maxwidth > div#navigation > ul.lev-0 > li.inactive, header > div.maxwidth > div#navigation > ul.lev-0 > li.active > a,
header > div.maxwidth > div#navigation > ul.lev-0 > li.inactive, header > div.maxwidth > div#navigation > ul.lev-0 > li.current > a
{
    color: #e73b21;
}
header > div.maxwidth > div#navigation > ul.lev-0 > li.inactive > ul.lev-1,
header > div.maxwidth > div#navigation > ul.lev-0 > li.active > ul.lev-1,
header > div.maxwidth > div#navigation > ul.lev-0 > li.current > ul.lev-1 {
    display: block;
    position: absolute;
    left: -5px;
    top: 47px;
    padding-top: 20px;
    text-align: left;
    background-color: #fff;
    border-left: 5px solid #b2b2b2;
}
header > div.maxwidth > div#navigation > ul.lev-0 > li.inactive > ul.lev-1 > li,
header > div.maxwidth > div#navigation > ul.lev-0 > li.current > ul.lev-1 > li,
header > div.maxwidth > div#navigation > ul.lev-0 > li.active > ul.lev-1 > li {
    display: block;
    background-color: #fff;
    border-left-color: #b2b2b2;
    position: relative;
    left: -5px;
}
header > div.maxwidth > div#navigation > ul.lev-0 > li.inactive > ul.lev-1 > li:hover,
header > div.maxwidth > div#navigation > ul.lev-0 > li.current > ul.lev-1 > li:hover,
header > div.maxwidth > div#navigation > ul.lev-0 > li.active > ul.lev-1 > li:hover {
    border-left-color: #e73b21;
}

header > div.maxwidth > div#navigation > ul.lev-0 > li.current > ul.lev-1 > li.active,
header > div.maxwidth > div#navigation > ul.lev-0 > li.active > ul.lev-1 > li.current {
    border-left-color: #e73b21;
}

header > div.maxwidth > div#navigation > ul.lev-0 > li.inactive > ul.lev-1 > li > ul.lev-2,
header > div.maxwidth > div#navigation > ul.lev-0 > li.active > ul.lev-1 > li > ul.lev-2,
header > div.maxwidth > div#navigation > ul.lev-0 > li.current > ul.lev-1 > li > ul.lev-2 {
    display: none!important;
}
}
/* Subnavigation */
section > div.contentleft > ul.rex-navi1 { display: block; margin: 0px; padding: 0px 0px 15px 0px; text-align: left; }
section > div.contentleft > ul.rex-navi1 a { display: inline-block; width: 95%; margin: 0px; padding: 0% 0% 0% 5%; line-height: 45px; font-size: 16px; border-left: 5px solid #fff; }
section > div.contentleft > ul.rex-navi1 a:hover,
section > div.contentleft > ul.rex-navi1 a:active,
section > div.contentleft > ul.rex-navi1 a:focus,
section > div.contentleft > ul.rex-navi1 a.rex-current,
section > div.contentleft > ul.rex-navi1 a.rex-active {
    border-left-color: #e73b21;
}
section > div.contentleft > b > a { display: inline-block; width: 94%; padding: 1% 0% 2% 5%; margin: 30px 0px 0px 0px; font-size: 18px; font-weight: 400; text-align: left; text-transform: uppercase; border-left: 5px solid #e73b21; }
section > div.contentleft > ul.rex-navi1 > li > a { padding-left: 20px; }
section > div.contentleft > ul.rex-navi1 > li,
section > div.contentleft > ul.rex-navi1 > li.rex-active > ul.rex-navi2 > li {
    display: inline-block; width: 95%; margin: 0px; padding: 0px;
}

section > div.contentleft > ul.rex-navi1 > li.rex-current > ul.rex-navi2 > li > a,
section > div.contentleft > ul.rex-navi1 > li.rex-normal > ul.rex-navi2 > li > a,
section > div.contentleft > ul.rex-navi1 > li.rex-active > ul.rex-navi2 > li > a {
    width: 90%; padding: 0% 0% 0% 10%;
}
@media only screen and (max-width:1280px){
header > div#navigation > ul.lev-0 > li.inactive > a,
header > div#navigation > ul.lev-0 > li.active > a {
    font-size: 14px;
}   
}    
@media only screen and (max-width:1025px){
header > div.maxwidth > div#navigation, div.isclose  { width: 100px; height: 100px; position: fixed; left: 0px; top: 0px; overflow: hidden; }
div#navigation > div.navigationmobile { width: 90%; padding: 5%; background-color: #fff; }
div#navigation.isclose > div.navigationmobile { background-color: #4b4848; }
div.open > div.navigationmobile { width: 96%!important; padding: 2%!important; }
header > div#navigation > ul.rex-navi1 > li.rex-normal > a,
header > div#navigation > ul.rex-navi1 > li.rex-current > a {
line-height: 25px;
}
div#navigation > div.navigationmobile > button { width: 100%; border: none; outline: none; padding: 10px; }
div#navigation > div.navigationmobile > button.fa { font-size: 30px; line-height: 30px; }
div#navigation > div.navigationmobile > button.fa-bars { height: 90px; font-size: 25px; text-align: left; color: #fff; background-color: #140f0f; } 
div#navigation > div.navigationmobile > button.fa > p { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; line-height: 30px; text-transform: uppercase; padding: 0px; margin: 0px; float: right; }
div#navigation > div.navigationmobile > button.fa-times-circle { background-color: #fff; color: #140f0f; text-align: right; } 
div.isclose > div.navigationmobile > button.tooclose  { display: none; }
div.isclose > div.navigationmobile > button.toopen   { display: inline-block; }
div.open > div.navigationmobile  > button.tooclose  { display: inline-block; }
div.open > div.navigationmobile > button.toopen   { display: none; } 
div.open { height: 100%!important; width: auto!important; min-width: 310px; overflow: scroll!important; background-color: #fff; border-right: 2px solid #b2b2b2; }
div#navigation > ul { display: none; }
div.open ul { display: block!important; text-align: left; padding: 5px; }
div.open a { display: block; width: 96%; padding: 2%; color: #4b4848; }
div.open > ul.lev-0 { background-color: #fff; }
div.open > ul.lev-0 > li, div.open > ul.rex-navi1 li > ul.rex-navi2 > li { margin: 0px; padding: 0px; border-top: 1px solid #b2b2b2; }
div.open > ul.lev-0 > li > a { text-transform: uppercase; }
div.open > ul.lev-0 > li > ul.lev-1 { padding: 0px; }
div.open > ul.lev-0 > li > ul.lev-1 > li > a { width: 95%; padding-left: 5%; }
div.open > ul.lev-0 > li > ul.lev-1 > li > ul.lev-2 { padding-left: 10%; }
.current, .active { color: #0077be!important; }
/* Subnavigation */
section > div.contentleft > ul.rex-navi1, section > div.contentleft > b { display: none; }

}
@media only screen and (max-width:650px){
header > div.maxwidth > div#navigation, div.isclose  { width: 55px; height: 55px; }
div#navigation > div.navigationmobile > button.fa-bars { height: 50px; text-align: center; }  
div#navigation > div.navigationmobile > button.fa > p { display: none; }
section > div.contentleft { display: none; }
section > div.contentright { width: 100%; float: none; background-color: greenyellow; }
}