@font-face { 
  font-family: "myOpenSans"; 
  src: url("/fonts/OpenSans-Regular.ttf"); 
}

BODY {
  margin:0px;
  background-color:white;
}
BODY, TD {
  font-family:myOpenSans, arial, helvetica;
  font-size:1vw;
  color:#333333;
}
A {
  color:#A78A65;
  font-weight:bold;
  text-decoration:none;
}         
p A:before, #sys_breadcrumb > DIV > DIV > A:before { 
  content:"\00bb";
  vertical-align:bottom;
  display:inline-block;
  padding-bottom:0.06vw;
  padding-right:0.2vw;
}
A:HOVER {
  color:#A78A65;
  text-decoration:underline;
}
H1, H2, H3, H4 {
  margin:0px;
  padding:0px;
  font-weight:bold;
  color:#999999;
}
H1 {
  
}  
H1 {
  padding-top:2vw;
  margin-left:0vw;
  padding-bottom:1vw;
  font-size:3.0vw;
  text-transform:uppercase;     
  letter-spacing:1vw;    
  
/*
  position: -webkit-sticky;
  position: sticky;
  top: 15%;
  width:115%;
*/  
}
H1 > span {
  display:none;
  opacity:1;
  position:absolute;  
  margin-left:-5vw; //-60vw;
/*  background: linear-gradient(to bottom, rgba(255,255,255,1) 80%, rgba(255,255,255,0)); 
  
  width:100%;
*/
}
.sys_contentStart[sys_art="submenu"] H1 > span { 
  margin-left:0vw;
}
H2 {
  
  padding-bottom:1vw;
  font-size:1.8vw;
  color:#A78A65;
}
H3 {
 
  padding-bottom:1vw;
  font-size:1.4vw;
  
}
p {
  margin:0px;
  padding:0px;
  padding-bottom:1vw;
  line-height:2vw;
}

UL {
  margin-left:1.4vw;
  padding-left:0px;
}
LI {
  margin-bottom: 0.5vw;
}

.btnFull {
  text-align:right;
}
.btnFull A, .btnFull A:HOVER {
  border: 1px solid #333333;
  padding:0.3vw;
  padding-left:0.6vw;
  padding-right:0.6vw;
  background-color: #A78A65;
  text-decoration:none;
  color:white;
}
.btnFull A:HOVER {
  border: 1px solid #A78A65;
}

  
.clear {
  clear:both;
}
#sys_page {
    width: 100%;
    
}       
#sys_headerSpacer {
  height:8.4vw;
}
#sys_header {
  background-image:url('/images/bg.png');
  width:100%;
  
  
  z-index:1000;
  
  border-bottom:3px solid #A78A65;
  position:fixed;  top:0px;
}
#sys_headerDetail {
  position:relative;
  height:8.3vw;
}

#sys_headerPic {   
  border-bottom:3px solid #A78A65;
}

.sys_table {
  display:table;
  width:100%;
}
.sys_table_small {
  display:table;
  padding:0px;
}

.sys_row {
  display:table-row;
}
.sys_cell {
  display:table-cell;
}

#innerContent {
  position:relative;
}


#sys_header_detail {
  display:table;
}
#sys_header_detail > DIV {
  display:table-row;
}

#sys_header_detail > DIV > DIV {
  display:table-cell;
}
#sys_header_detail > DIV > DIV:nth-child(1) {
  width:12%;
}
#sys_header_detail > DIV > DIV:nth-child(2) {
  width:22%;
  position:relative;
}
#sys_header_detail > DIV > DIV:nth-child(3) {
  width:3%;
}
#sys_header_detail > DIV > DIV:nth-child(4) {
  width:61%;
  vertical-align:bottom;
  padding-bottom:0.75vw;
}
#sys_header_detail > DIV > DIV:nth-child(5) {
  width:12%;
}




IMG {
  width:100%;
  display:block;
}
.imgContent {
  opacity:0;  
}
.imgContentLeft, .imgContentRight {
  width:35%;
  padding:5px;
  margin-bottom:1vw;
  border:2px solid #A78A65;
  
}       
.imgContentRight {
  margin-left:2vw;
  float:right;    
}  

.imgContentLeft {
  margin-right:2vw;
  float:left;
}  



.logo {
  width:20%;
}

#sys_menu_meta {
  
  right:5vw;
  top:1vw;
}
#sys_menu_metaLang {
  
  right:1vw;
  top:1vw;
}

#sys_menu_main {
  left:36.5vw;
  top:5vw;
}
#sys_menu_main, #sys_menu_meta, #sys_menu_metaLang {
  margin:0px;
  padding:0px;
  
  display:table;
  position:absolute;
  
}
#sys_menu_main A, #sys_menu_meta A, #sys_menu_metaLang A {
  line-height: 1.2vw;
  font-size: 1.1vw;
  font-weight:bold;
  display:table-cell;
  padding-right: 2vw;
  text-transform:uppercase;
  color:#333333;
  text-decoration:none; 
}
#sys_menu_main A:before, #sys_menu_meta A:before, #sys_menu_metaLang A:before {
  content:"";
  vertical-align:bottom;
  display:none;
  padding-bottom:0px;
  padding-right:0px
}


#sys_menu_main A:HOVER, #sys_menu_main A.sel, #sys_menu_meta A:HOVER, #sys_menu_meta A.sel, #sys_menu_metaLang A:HOVER, #sys_menu_metaLang A.sel {
  color:#A78A65;
}

#sys_menu_meta A, #sys_menu_metaLang A {
  font-size: 0.7vw;
  padding-right: 0vw;
  color:#999999;
}
#sys_menu_meta A:after {
  padding-left:1vw;
  padding-right:1vw;
  content: "|";
}
#sys_menu_metaLang A:after {
  padding-left:0.2vw;
  padding-right:0.2vw;
  content: "";
  
}
#sys_menu_meta A:last-child:after, #sys_menu_metaLang A:last-child:after {
  padding-left:0vw;
  padding-right:0vw;
  content: "";
}

#logoLayer {
  position:absolute;
  left:12vw;
  width:21.6vw;
  top:1.3vw;
  cursor:pointer;
}
#svgShadowLayer {
  position:absolute;
  left:12vw;
  width:21.6vw;
  height:5.64vw;
  top:1.3vw;
  cursor:pointer;
}

#svgShadow {
  z-index:20000;
  shape-rendering:geometricPrecision;
  position:absolute;
  top:0px;
}



.areaPicKachel {
  position:absolute;
  bottom:1vw;
  z-index:100;
      
  width:100%;
  height:24px;
  text-align:center;
  
}

.areaPicKachel .sys_table_small {
  margin:auto;
  min-width:1px;
}


.areaPicKachel .sys_cell {
  width:23px;
  height:23px;
}
.areaPicKachel .sys_cell A {
  cursor:pointer;
}


#areaPicArrows {
  position:absolute;
  top:0px;  
  height:100%;
  width:100%;
  margin-top:auto;
  margin-bottom:auto;
  vertical-align:middle;
}
#areaPicArrowsTable {
  display:table;  
  top:0px;  
  height:100%;
  width:100%;
}
#areaPicArrowsTable .sys_cell {
  vertical-align:middle;
}
#areaPicArrowsTable .sys_cell:first-child {
  padding-left:2vw;
}
#areaPicArrowsTable .sys_cell:last-child {
  padding-right:2vw;
  text-align:right;
}
#areaPicPrev, #areaPicNext {
  display:none;
  width:3vw;
  height:6vw;
  cursor:pointer;
}

.areaHeaderStart .areapic {
  position:relative;
}
.areaHeaderStart .areapicMain {
  position:absolute;
  z-index: -1;
  position: fixed;
  background-position:  0px 0vw;
  top:8.45vw;
  left:0px;
  background-repeat: no-repeat;
  /* background-attachment: fixed; */
  background-size: contain;
  
  

  /* position: relative; */
}
.areapicMain {
 /*  display:none; */
}
#areaPic_1  {
  display:inline;
}

#areaPic_2, #areaPic_3, #areaPic_4, #areaPic_5, #areaPic_6, #areaPic_7, #areaPic_8, #areaPic_9  {
  display:none;
}


.areabox {
  position:absolute;
  top:3vw;
  right:2vw;
  background-color:white;
  
}
.areabox * {
  color:white;
}
.areaboxMain {
  color:white;
/*
  background-image: -webkit-linear-gradient(#346F91 90%, #FFFFFF 100%); 
  background-image: -moz-linear-gradient(#346F91 90%, #FFFFFF 100%); 
  background-image: -o-linear-gradient(#346F91 90%, #FFFFFF 100%); 
*/
/*  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#346F91', EndColorStr='#FFFFFF'); */
  background-image: linear-gradient(#346F91 20%, rgba(52,111,154,0.7) 100%);
  box-shadow: 0 4px 2px -2px #346F91;
  border:1px solid white;
  /*
  background-image:url('/images/bg_area_stoerer_main.png');
  background-repeat:repeat-y;
  */
  width:27vw;
  min-height:4vw;
  padding:1vw;
}
.areaboxMain h3 {
  position:relative;
  font-size:1.5vw;
  margin:0px;
  padding:0px;
  padding-bottom:1vw;
}
.areaboxMain > h3 {
  position:relative;
}
.areaboxMain > DIV {
  position:relative;
}





.sys_sloganHome, .sys_sloganFleet, .sys_sloganReporting, .sys_sloganCoding, .sys_sloganHosting {
    display:inline-block;
    -webkit-transform:scale(1.92,1); /* Safari and Chrome */
    -moz-transform:scale(1.92,1); /* Firefox */
    -ms-transform:scale(1.92,1); /* IE 9 */
    -o-transform:scale(1.92,1); /* Opera */
    transform:scale(1.92,1); /* W3C */
    position:absolute;
    top:5.5vw;
    
    left:25.6vw;
    width:10vw;
    font-size:0.49vw;
    font-weight:600;
    color:#333333;
    letter-spacing:0.03vw;
    text-transform: uppercase;
}
.sys_sloganHome {


}
.sys_sloganFleet {
  letter-spacing:0.1vw;  
}
.sys_sloganReporting {
  letter-spacing:0.11vw;  
}
.sys_sloganCoding {
  letter-spacing:0.05vw;
}
.sys_sloganHosting {
  letter-spacing:0.06vw;
}













  .sys_left {
    text-align:left;
  }
  .sys_center {
    text-align:center;
  }
  .sys_right {
    text-align:right;
  }
  
  FORM {
    margin:0px;
  }
  .sys_edit, .sys_textarea, .sys_select {
    border:1px solid #A78A65;
    height:1.5vw;
    width:100%; 
  }
  .sys_textarea {
    height:10vw;
    resize:vertical;
  }
  .sys_select {
    font-size:1vw;
    
    padding:0.1vw;
    padding-top:0px;
    
  }
  .sys_btn {
    background-color:#A78A65;
    border:1px solid #333333;
    
    color:white;
    font-size:1vw;
    padding:0.5vw;
    padding-left:2vw;
    padding-right:2vw;
  }
  
  .sys_formLabel {
    width:30%;
  }
  .sys_formField {
    padding-top:5px;
    padding-bottom:5px;
  }
  .sys_element[sys_art="contentTwo"] .sys_formField .sys_edit {
    width:100% !important;
  } 
  
  
  #sys_breadcrumb {
    display:table;
    width:100%;
    
    
    margin-top:0.2vw;
    margin-bottom:0.4vw;
  }
  #sys_breadcrumb > DIV {
    display:table-row;
  }
  #sys_breadcrumb > DIV > DIV {
    display:table-cell;
    font-size:0.8vw;
  }
  #sys_breadcrumb > DIV > DIV > A {
    color:#333333;
    font-size:0.8vw;
  }

  
  #sys_breadcrumb > DIV > DIV:last-child {
    width:100px;
    text-align:right;
  }
  
  
  
  
  .sys_contentStart {
    display:table;
    width:100%;
    background-color:white;
    
    margin-left:auto;
    margin-right:auto;  
  }
  .sys_contentRow {
    display:table-row;
  }
  .sys_contentCell {
    display:table-cell;
    vertical-align:top;
  }
  
  
  
  .sys_contentStart[sys_art="submenu"]
  {
  
  }
  




  .sys_contentStart .sys_contentCell:first-child {
    width:2%;
  }
  .sys_contentStart .sys_contentCell:nth-child(2) {
    width:7%;
  }
  .sys_contentStart .sys_contentCell:nth-child(3) {
    width:3%;
  }
  .sys_contentStart .sys_contentCell:nth-child(4) {
    width:76%;
  }
  .sys_contentStart .sys_contentCell:nth-child(5) {
    width:12%;
  }
  
  
  
  .sys_contentStart[sys_art="submenu"] .sys_contentCell:first-child {
    width:12%;
    
  }
  .sys_contentStart[sys_art="submenu"] .sys_contentCell:nth-child(2) {
    width:13%;
  }
  .sys_contentStart[sys_art="submenu"] .sys_contentCell:nth-child(3) {
    width:3%;
  }
  .sys_contentStart[sys_art="submenu"] .sys_contentCell:nth-child(4) {
    width:59%;
  }
  .sys_contentStart[sys_art="submenu"] .sys_contentCell:nth-child(5) {
    width:12%;
  }
  
  .sys_elementStart {
  
  }
  .sys_elementStart[sys_art="submenu"] {
      
  }
  .sys_element {
  
  }
  .sys_element[sys_art="submenu"] {
    margin-top:3vw;
  }
  
  .sys_element[sys_art="submenu"] A {
    display:block;
    color:#333333;
    background-image:url('/images/layout/submenu.png');
    background-size: 1.8vw;
    background-repeat:no-repeat;
    background-position:0px 1vw;
    padding-left: 2.2vw;
    padding-top:0.5vw;
    padding-bottom:0.4vw;
    
    font-weight:normal;
    
    border-top:1px solid #A78A65;
  }    
  .sys_element[sys_art="submenu"] A:hover, .sys_element[sys_art="submenu"] A.sel {
    color:#A78A65;
    text-decoration:none;
    /* background-image:url('/images/layout/submenuSel.png');  */
  }
  .sys_element[sys_art="submenu"] A.sel {
    font-weight:bold;
  }
  
  .sys_element[sys_art="submenu"] A.subsub {
    background-image:none; 
    border-top:1px dotted #A78A65;
    margin-left:2.2vw;
    padding-left:0px; 
  }


  
  
  .sys_element[sys_art="submenu"] A:first-child {
    
    background-image:none;
    margin-left:0px;
    
    font-weight:bold;
    color:#333333;
    border-top:0px;
    padding:0px;
    padding-top:1px;
    padding-bottom:0.5vw;
    
    
  }
  .sys_element[sys_art="submenu"] A:first-child:hover {
    color:#333333;
  }
  
  .sys_elementStart[sys_art="contentTwo"] {
    display:table;        
  }
  .sys_element[sys_art="contentTwo"] {
    display:table-row;
    
  }
  .sys_element[sys_art="contentTwo"] > DIV {
    display:table-cell;
    vertical-align:top;
  }
  .sys_element[sys_art="contentTwo"] > DIV:first-child {
    width:30%;
    text-align:center;
  }


  .sys_elementStart[sys_art="contentTwoRight"] {
    display:table;
    width:100%  
  }
  .sys_element[sys_art="contentTwoRight"] {
    display:table-row;
    
  }
  .sys_element[sys_art="contentTwoRight"] > DIV {
    display:table-cell;
    vertical-align:top;
        
  }  
  .sys_element[sys_art="contentTwoRight"] > DIV:last-child {
    width:30%;
    text-align:center;
  }
  
  
  /* formdata */

  .sys_element[sys_art^="formdata"] {
    display:table;
    width:100%;
  }
  .sys_element[sys_art^="formdata"] > DIV {
    display:table-row;
    
  }
  .sys_element[sys_art^="formdata"] > DIV > DIV {
    display:table-cell;
    padding-top:0.5vw;
    padding-bottom:0.1vw;
    vertical-align:top;
  }
  .sys_element[sys_art="formdata"] > DIV > DIV:first-child {
    text-align:left;
    width:20%;
  }
  .sys_element[sys_art="formdata"] > DIV > DIV:last-child {
    text-align:left;
    width:80%;
  }
  .sys_element[sys_art="formdataHeadline"] > DIV > DIV:first-child {
    text-align:left;
    width:90%;
    
  }
  .sys_element[sys_art="formdataHeadline"] > DIV > DIV:last-child {
    text-align:right;
    width:10%;
  }
  
/* ENDE - formdata */






.mt3 {
  margin-top:3px;
}
.mt5 {
  margin-top:5px;
}
.ml25 {
  margin-left:25px;
}

.trennlinie {
  border-top:1px solid #006633;
  margin-top:5px;
  padding-top:5px;
}
.trennlinie_dotted {
  border-top:1px dotted #999999;
  margin-top:5px;
  padding-top:5px;
}


#cookieInfo {
  display:block;
  
  z-index:10000;

  border-top:1px solid #333333;
  position:fixed;
  bottom:0px;
  
  border-top:0px;
  /*
  top:0px;
  position:static;
  bottom:initial;
  */
  padding:10px;
  background-color:#A78A65;
  color:white;
  width:100%;
  text-align:center; 
  font-size: 0.9vw;
  
  
}
#cookieInfo A {
  color:white;
  text-decoration:underline;
}
#sys_footer {
  display:block;
  height:3vw;
}



.ico {
  display:inline-block;
  background-repeat:no-repeat;
  background-position:0px 0.2vw;
  background-size: 1vw;
  padding-left:1.4vw;
  padding-top:0vw;
  min-height:1.2vw;
} 


A.ico[sys_art="lang_en"] {
  background-image:url('/images/icons/ico_en_gray.png');  
}
A.ico[sys_art="lang_de"] {
  background-image:url('/images/icons/ico_de_gray.png');  
}
.ico[sys_art="lang_enSel"], A.ico[sys_art="lang_en"]:hover {
  background-image:url('/images/icons/ico_en.png');  
}
.ico[sys_art="lang_deSel"], A.ico[sys_art="lang_de"]:hover {
  background-image:url('/images/icons/ico_de.png');  
}

A.ico:before {
  content:"";
  vertical-align:bottom;
  display:none;
  padding-bottom:0px;
  padding-right:0px
}


.sys_hide {
  display:none;
}
.sys_show {
  display:;
}
.sys_hideVis {
  visibility:hidden;
}

.mt07 {
  margin-top:0.7vw;
}
.mt0 {
  margin-top:0px;
}
.mt3 {
  margin-top:3vw;
}
.mt3p7 {
  margin-top:3.7vw;
}

.mb0 {
  margin-bottom:0px;
}

.mlauto {
  margin-left:auto;
}


.pt30px {
  padding-top:30px;
}
.pr10px {
  padding-right:10px;
}        



.w1p {
  width:1%;
}
.w10p {
  width:10%;
}
.w15p {
  width:15%;
} 
.w30p {
  width:30%;
}
.w70p {
  width:70%;
}
.w75p {
  width:75%;
}
.w90p {
  width:90%;
}
.w95p {
  width:95%;
}
.w99p {
  width:99%;
}
.w100p {
  width:100%;
}

.w30px {
  width:30px;
}
.w50px {
  width:50px;
}

.w70px {
  width:70px;
}
.w140px {
  width:140px;
}
.w150px {
  width:150px;
}
.w170px {
  width:170px;
}
.w250px {
  width:250px;
}
.w400px {
  width:400px;
}
.w450px {
  width:450px;
}



.w10 {
  width:10vw;
}
.w30 {
  width:30vw;
}
.w2p5 {
  width:2.5vw;
}
.w6p5 {
  width:6.5vw;
}

.h80px {
  height:80px;
}

fs14px {
  font-size:14px;
}

.right {
  text-align:right;
}
.left {
  text-align:left;
}
.center {
  text-align:center;
}
.top {
  vertical-align:top;
}
.bottom {
  vertical-align:bottom;
}


.nowrap {
   white-space: nowrap;
}



#langDE, #langEN {
  cursor:pointer;
}

#currentLink {
  display:none;
}
.sys_link {
  cursor:pointer;
}