/* --- Responsonsive Dropdown-Menue fuer Redaxo --- */ 
#sprache{display: none;}
ul.language{
display: none;
}
#menu-link { 
  display: none; 
  position: absolute; 
  top: 0; 
  left: 0px;
  line-height: 35px;
  text-decoration: none; 
  color: #FFF; 
  padding: 0; 
  margin: 0;
  background-color: #999;
  z-index: 99; 
  overflow: hidden;
}
li.voxl-lang{
background-color: #ddd;
} 
#navigation .small ul li.voxl-lang a{
color: #9e9e9e;
} 
a#menu-link{
line-height: 35px;
  float: left;
  padding: 0px 0 0px 45px; 
}
/*
#navigation { position: relative; top: 0; left: 0; width: 100%; height: auto; margin: 0; padding: 0; z-index: 99; }
*/
/* erste Ebene */
#navigation ul { position: relative; 
  top: 0; left: 0; list-style: none; 
  margin: 0; padding: 0; }
#navigation li { 
  position: relative; 
  top: 0; 
  left: 0; 
  list-style-type: none; 
  display: block; 
  float: left; 
  width: 102px; 
  height: 102px; 
  margin: 0 28px 0 0;
  padding: 0; 
}

#navigation li a { display: table-cell; 
  vertical-align: middle; 
  text-align: center;
  width: 92px; 
  height: 92px; 
  margin: 0; 
  padding: 4px 4px; 
  font-size: 16px; 
  line-height: 20px; 
  color: #FFF; 
  text-decoration: none; 
  text-transform: uppercase; }
#navigation li a:hover { text-decoration: none; }

#navigation li.rex-article-9 a {width: 92px;height: 92px;}

#navigation li a.rex-current,
#navigation li a.rex-active { }

#navigation li.rex-article-2 a,
#navigation li.rex-article-24 a { background-color: #e3001b; border: 2px solid #e3001b; }
#page_2 .bwd_slidedown_text h3,
#page_24 .bwd_slidedown_text h3{ color: #e3001b;}
#page_2 .site_slidedown_text .bwd_slidedown_head,
#page_24 .site_slidedown_text .bwd_slidedown_head{background-color: #e3001b}

#page_2 .n a:hover,
#navigation li.rex-article-3 a { background-color: #00b2c8; border: 0px solid #00b2c8; }
#page_3 h3{ color: #00b2c8;}
#page_3 .site_slidedown_text .bwd_slidedown_head{background-color: #00b2c8;}
#page_3 .n a:hover{  color: #00b2c8;}

#navigation li.rex-article-4 a { background-color: #24b3c7; border: 2px solid #24b3c7; }
#page_4 .bwd_slidedown_text h3, #page_4 .isactive { color: #0099ac;}
#page_4 .site_slidedown_text .bwd_slidedown_head{background-color: #24b3c7}
#page_10 .outer_box.detail h1,
#page_10 a.isactive{
  color: #0099ac; text-transform: none;}
#page_10 .outer_box.detail h3{background-color: #0099ac;}
#page_4 .n a:hover{  color: #0099ac;}

#navigation li.rex-article-5 a { background-color: #97be27; border: 2px solid #97be27; }
#page_5 .bwd_slidedown_text h5,
#page_5 .bwd_slidedown_text h3,
#page_5 .n a:hover{ color: #97be27;}
#page_5 .site_slidedown_text .bwd_slidedown_head{background-color: #97be27;}
#page_11 .outer_box.detail h1,
#page_11 a.isactive{color: #97be27; text-transform: none;}
#page_11 .outer_box.detail h3{background-color: #97be27;}
#page_5 .n a:hover{  color: #97be27;}

#navigation li.rex-article-6 a { background-color: #a6a6a6; border: 2px solid #a6a6a6; }
#page_6 .bwd_slidedown_text h5 { color: #a6a6a6;}
#page_6 .site_slidedown_text .bwd_slidedown_head{background-color: #a6a6a6;}
#page_6 .n a:hover{  color: #a6a6a6;}
#page_12 .outer_box.detail h1{color: #a6a6a6; text-transform: none;}
#page_12 .outer_box.detail h3{background-color: #a6a6a6}
#page_6 .n a:hover{  color: #a6a6a6;}
#page_12 a.isactive{color: #666;}

#navigation li.rex-article-7 a { background-color: #ef9422; border: 2px solid #ef9422; }
#page_7 .bwd_slidedown_text h5 { color: #ef9422;}
#page_7 .site_slidedown_text .bwd_slidedown_head{background-color: #ef9422}
#page_7 .n a:hover{ color: #ef9422;}

#navigation li.rex-article-8 a { 
  background-color: #ae0873; border: 2px solid #ae0873; }
#page_8 .bwd_slidedown_text h5,
#page_8 .n a:hover{ color: #AE0873;}
#page_8 h3,#page_8 .bwd_slidedown_text h5 { color: #ae0873;}
#page_8 .bwd_slidedown_head h3{color: #fff;}
#page_8 .site_slidedown_text .bwd_slidedown_head{background-color: #ae0873;}
#page_8 .n a:hover{color: #ae0873;}
#page_21 .outer_box.detail h1{color: #ae0873; text-transform: none;}
#page_21 .outer_box.detail h3{background-color: #ae0873;}
#page_21 a.isactive{color: #AE0873;}

#navigation li.rex-article-9 a { background-color: #fff; border: 2px solid #e3001b; color: #e3001b; }
#navigation li.rex-article-2 a.rex-current, #navigation li.rex-article-2 a.rex-active, #navigation li.rex-article-2 a:hover { background-color: #FFF; color: #e3001b; }
#navigation li.rex-article-3 a.rex-current, #navigation li.rex-article-3 a.rex-active, #navigation li.rex-article-3 a:hover { background-color: #FFF; color: #00b2c8; }
#navigation li.rex-article-4 a.rex-current, #navigation li.rex-article-4 a.rex-active, #navigation li.rex-article-4 a:hover { background-color: #FFF; color: #24b3c7; }
#navigation li.rex-article-5 a.rex-current, #navigation li.rex-article-5 a.rex-active, #navigation li.rex-article-5 a:hover { background-color: #FFF; color: #97be27; }
#navigation li.rex-article-6 a.rex-current, #navigation li.rex-article-6 a.rex-active, #navigation li.rex-article-6 a:hover { background-color: #FFF; color: #a6a6a6; }
#navigation li.rex-article-7 a.rex-current, #navigation li.rex-article-7 a.rex-active, #navigation li.rex-article-7 a:hover { background-color: #FFF; color: #ef9422; }
#navigation li.rex-article-8 a.rex-current, #navigation li.rex-article-8 a.rex-active, #navigation li.rex-article-8 a:hover { background-color: #fff; color: #ae0873; }
#navigation li.rex-article-9 a.rex-current, #navigation li.rex-article-8 a.rex-active, #navigation li.rex-article-9 a:hover { background-color: #fff; color: #e3001b; }

.bwd_slidedown_text p{
  padding: 0 0 0 0;
    margin: 0 0 0 0;
}
    
.bwd_slidedown_text.stil1 p .Stil1,
.bwd_slidedown_text.stil1 p .Stil2,
.bwd_slidedown_text.stil1 p .Stil3,
.bwd_slidedown_text.stil1 p .Stil4,
.bwd_slidedown_text.stil1 p .Stil5,
.bwd_slidedown_text.stil1 p .Stil6{
/*font-family: 'Zurich W01 Roman',Verdana, Calibri, Geneva, sans-serif; */
  font-family: Arial;
padding: 0 0 0px 0;
}

/* týrkis - Druckindutrie  */
.bwd_slidedown_head.stil1{
background-color: #24b3c7;
}
.bwd_slidedown_text.stil1 .Stil1,
.stil1 h1,.stil1 h2,.stil1 h3,.stil1 h4,.stil1 h5,.stil1 h6,
.Stil1,.Stil1 li,.Stil1 li a {
color: #24b3c7;
}

.bwd_slidedown_text .stil1 p.Stil1{
padding: 0 0 0 0;margin: 0 0 0 0;
}

/* grýn - Digitaldruck */
.bwd_slidedown_head.stil2{
background-color: #97be27;
}
.bwd_slidedown_text.stil2 .Stil2
.stil2 h1,.stil2 h2,.stil2 h3,.stil2 h4,.stil2 h5,.stil2 h6,
.Stil2,.Stil2 li,.Stil2 li a {
color: #97be27
}
/* grau Elektro */
.bwd_slidedown_head.stil3{
background-color: #a6a6a6;
}
.bwd_slidedown_text.stil3 .Stil3,
.stil3 h1,.stil3 h2,.stil3 h3,.stil3 h4,.stil3 h5,.stil3 h6,
.Stil3 ,.Stil3 li,.Stil3 li a {
color: #a6a6a6;
}
/* orange Lohnfertigung */
.bwd_slidedown_head.stil4{
background-color: #ef9422;
}
.bwd_slidedown_text.stil4 .Stil4,
.stil4 h1,.stil4 h2,.stil4 h3,.stil4 h4,.stil4 h5,.stil4 h6,
.Stil4,.Stil4 li,.Stil4 li a {
color: #ef9422
}
/* lila Lohnfertigung */
.bwd_slidedown_head.stil5{
background-color: #ae0873;
}
.bwd_slidedown_text.stil4 .Stil5,
.stil5 h1,.stil5 h2,.stil5 h3,.stil5 h4,.stil5 h5,.stil5 h6,
.Stil5,.Stil5 li,.Stil5 li a {
color: #ae0873;
}
/* rot */
.bwd_slidedown_head.stil6{
background-color: #e3001b;
}
.bwd_slidedown_text.stil6 .Stil6,
.stil6 h1,.stil6 h2,.stil6 h3,.stil6 h4,.stil6 h5,.stil6 h6,
.Stil6,.Stil6 li,.Stil6 li a {
color: #e3001b;
}
.bwd_slidedown_text.stil6 .Stil6,
p.Stil6{
padding: 0 0 0 0px;margin: 0px;
}


  img.icons{
    padding: 0 10px 0 0;
  }



/* ----------------------------------------------------------------------------------
   Responsive Webdesign
---------------------------------------------------------------------------------- */ 
@media screen and (max-width:900px) {
#navigation li a { margin: 0 30px; }
}
@media screen and (max-width:800px) {
#navigation li a { margin: 0 25px; }
  #sprache{
    border: 1px dashed red;
    display: block;
    position: absolute;
    width: 100px;
    height: 50px; 
    right: 0px; 
    top: 20px;}

 #page ul.language{
    display: block;
    list-style-type: none;
    list-style: none;
    position: absolute;margin: 0px;
    right: 10px;
    top: 5px;
    z-index: 2;
  }
  /*
 #page ul li{
    float: left;   
    list-style-type: none;margin: 0px;
    list-style: none;
    padding: 0 5px 0 0;
    text-transform: uppercase;
  }
  */
  
}



@media screen and (max-width: 768px) {  
#menu-link { display: block; }
  /*
  #footer{border: 1px dashed blue;display: none;}
  #header{border: 1px dashed red;display: none;}
    #content{border: 1px dashed green;display: none;}
  */

  #footer,#header{
    width: auto;
  }
  
  #content{padding: 0px; margin: 0px;}
  #content .site_slidedown_head{}
  #content .site_slidedown_head h1,
  #content_full .site_slidedown_head h1{
    font-size: 18px;

    padding: 0 50px 0 10px;
    background-position: 97%;
  }
  
  #content .site_slidedown_text,
  #content_full .site_slidedown_text{
    padding-left: 10px;
    padding-right: 10px;
  }
  
  #sidebar{float: left;padding: 20px 0 0 10px; margin: 0;}
  
  #sidebar .outer_box{padding: 0px; margin: 0px;}

  #navigation { 
    position: relative; 
    left: 0; 
    width: 100%; 
    height: auto; 
    margin: 0; 
    -moz-box-shadow: 3px 3px 9px 0 #eee;
    -webkit-box-shadow: 3px 3px 9px 0 #eee;
    box-shadow: 3px 3px 9px 0 #eee;
    overflow: hidden;
    background-color: #f4f4f4; 
    top: 0px;
  }


  #navigation li { 
    position: relative; 
    top: 0; 
    left: 0; 
    list-style-type: none; 
    display: block; 
    float: left; 
    line-height: 30px;    
    width: 100%;
    height: 30px; 
    margin: 0 0px 0 0;
    padding: 0; 
  }
  #navigation ul{
    padding-top: 34px;
    padding-bottom: 0px;
  }

  #navigation li a { 
    border: 0px;    
    color: #FFF;
    display: block; 
    height: 30px; 
    line-height: 30px;
    margin: 0; 
    min-width: 100%;
    padding: 0 0 0 10px; 
    text-align: left;
    text-decoration: none; 
    width:100%;
  }
  
  #navigation > ul ul {
    overflow: hidden;
    z-index: 3;
  }
  
  #navigation.active, #navigation > ul ul.active { 
    max-height: 350px;
  } 
  
  #navigation{
    width: 100%; max-width: 100%; 
  }

  #navigation li.rex-article-9 a.rex-current, 
  #navigation li.rex-article-9 a.rex-active, 
  #navigation li.rex-article-9 a:hover {
    border: 0px solid #fff;
  }

  #navigation li.rex-article-2 a,
  #navigation li.rex-article-2 a:hover,  
  #navigation li.rex-article-3 a,
  #navigation li.rex-article-3 a:hover,  
  #navigation li.rex-article-4 a,  
  #navigation li.rex-article-4 a:hover,  
  #navigation li.rex-article-5 a,  
  #navigation li.rex-article-5 a:hover,  
  #navigation li.rex-article-6 a,  
  #navigation li.rex-article-6 a:hover,  
  #navigation li.rex-article-7 a,
  #navigation li.rex-article-7 a:hover,  
  #navigation li.rex-article-8 a,  
  #navigation li.rex-article-8 a:hover,  
  #navigation li.rex-article-9 a,
  #navigation li.rex-article-9 a:hover  {
    border-top: 1px solid #fff;
    border-right: 0px solid #fff;
    border-left: 0px solid #fff;    
    border-bottom: 1px solid #000;
  }
  /*
    #logo_responsive{left: 0px;border: 1px dashed #ddd;padding:0px;margin: 0px;}
  .breadcrumb{padding: 0;margin: 0px;}*/
}