/* =============================================================================
   Font Styles
blau  #004F8D
rot #F58020
   ========================================================================== */   
   
  body, input, button, select, textarea { font-family: 'Arimo', 'Segoe UI','Roboto', sans-serif; font-weight: 400;  }
  h1, h2, h3 { font-family: 'Arimo', 'Segoe UI','Roboto', sans-serif;  }                
  b, strong { font-weight: 700; }       
  *:focus, a:focus, button:focus , .btn:focus { border: 0; outline: none; }
  
    /* all placeholder */
    ::-webkit-input-placeholder { color: #fff !important; font-weight: 400; }
    :-moz-placeholder { color: #fff !important; font-weight: 400; }
    ::-moz-placeholder { color: #fff !important; font-weight: 400;  }
    :-ms-input-placeholder { color: #fff !important; font-weight: 400;  }    
  
  body, p { font-size: 15px; line-height: 1.4em; font-weight: 300; letter-spacing: 0; }                
  h1 { margin: 0 0 48px 0; font-weight: 600; font-size: 28px; line-height: 1.1em; color: #004F8D; }   
  h2 { margin: 0 0 24px 0; font-weight: 600; font-size: 22px; line-height: 1.1em; color: #004F8D; }  
  h3 { margin: 0 0 24px 0; font-weight: 600; font-size: 18px; line-height: 1.1em; color: #004F8D; }  
  h1 span, h2 span, h3 span { font-weight: 700; display: block; padding-bottom: 5px; }   
  .navbar-default .navbar-nav > li > a { font-size: 20px; line-height: 30px; font-weight: 600; font-style: italic; letter-spacing: 0;  text-transform: none; text-align: center; white-space: nowrap;}    
  footer a { font-size: 18px; line-height: 30px; font-weight: 600; font-style: italic; letter-spacing: 0;  text-transform: none; text-align: right; font-size: 16px;  white-space: nowrap;}    
  
  #rightbar h2 { margin: 0 0 24px 0; font-weight: 400; font-size: 18px; background: #004F8D; color: #fff; padding: 6px 8px;  }     
  #rightbar h3 { margin: 0 0 12px 0; font-weight: 400; font-size: 15px; }   
  #rightbar .textitem, #rightbar .textitem p { padding: 0; font-size: 14px; }  
  
  a, a:link, a:visited, a:active, a:focus { color: #004F8D; }   
  a:hover { color: #F58020; text-decoration: none; } 
  
  p, ul, ol, table.table { margin-bottom: 24px; }
                             
  a.btn-default { clear: both; float: none; text-align: center; margin: 0.5em 0 1em 0; font-weight: 300; }    
  a.btn-default { color: #fff; background: #F58020; border-color: #F58020; }      
  a.btn-default:active, a.btn-default:hover, a.btn-default:focus, a.btn-default:visited { color: #fff; background: #004F8D; border-color: #004F8D; }   
  
  .navi-btn { margin: 10px 0;}     
  a.btn-warning,a.btn-warning:active, a.btn-warning:hover, a.btn-warning:focus, a.btn-warning:visited { color: #004F8D; background: #F58020; border-color: #F58020; font-weight: bold; text-align: left; font-style: italic; }  


  /* experimentell: Silbentrennung */
   * { -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }       
   iframe { width: 100% !important; }    
   html { min-height: 100%; overflow-y: scroll; }
   body { min-height: 100%; }    
   a[href^="tel:"] { white-space: nowrap; }   
   hr { margin: 0.5em 0; padding: 0.5em 0; border-top: 1px solid #F58020; }
   img, video, div { max-width: 100%; height: auto; }
   .lightbox .lb-image { max-width: 5000px; }
   
/* =============================================================================
   Dimensions  and Colors
   ========================================================================== */      
        
  body { color: #004F8D; background: #fff; background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }
   #wrap { width: 100%; position: relative; padding: 0 20px; max-width: 1180px; margin: 0 auto; }        
   #contentbar { float: right; width: 68%; width: calc(100% - 320px); position: relative; margin: 0; padding: 20px 40px; background: #fff;  }
   #sidebar { float: left; width: 30%; width: calc(300px); position: relative; margin: 0; padding: 20px 20px; background: #fff; }
   section { padding-top: 0; }         
   iframe { width: 100% !important; }
   
   section .shade, section .shadeblank { padding: 0; margin: 15px 0; }      
   section .shadeblank { }
   .container { width: 100%; max-width: 1400px; margin: 0 auto; padding: 0; }
   
   header { z-index: 100; position: fixed; top: 0; left: 0; right: 0; height: 70px; padding: 10px 0; background: #004F8D; box-shadow: 0 0 5px 5px rgba(0,0,0,0.3); text-align: right; }    
   header .kopf { background: transparent; position: absolute; left: 30px; top: 10px; height: 50px; }                   
   header #top img { height: 50px; width: auto; }   
   
  .navbar { border-radius: 0; margin: 0 30px; display: inline-block; }
  .navbar.navbar, .navbar-default.navbar { border: 0; background-color: #004F8D; color: #fff; }  
  .navbar-default .navbar-nav > li > a { color: #fff; border-left: 0; padding: 7px 0 10px 0; margin-right: 1.3em; border-bottom: 3px solid #004F8D; }
  .navbar-right { margin-right: 0; }
  .navbar-default .navbar-nav > li > a:focus { color: #fff; border-bottom: 3px solid #F58020; }  
  .navbar-default .navbar-nav > li > a:hover { color: #fff; border-bottom: 3px solid #F58020; }   
  .navbar-default .navbar-nav > li:hover > a { color: #fff; border-bottom: 3px solid #F58020; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #fff; background: #004F8D; font-weight: 700; border-bottom: 3px solid #F58020;}   
                                    
  .navbar-nav { width: 100%; }
  .scrollnavi { padding: 0; }


  .navbar .nav li {position:relative;}
  .navbar .nav ul {position:absolute;display:none;top:100%;left: 0; z-index:99; top: calc( 100% - 3px ); }                       
  .navbar .nav li:hover > ul {display:block;}   
  .navbar .nav ul ul{top:0;left:100%;}                                        
  
  .navbar .nav ul {box-shadow:2px 2px 6px rgba(0,0,0,.2); text-transform: none; font-size: 1em; border-top: 3px solid #F58020; min-width: 100%; width: auto; }    
  .navbar .nav ul, .navbar .nav ul  * { margin:0;padding:0;list-style:none;}  
  .navbar .nav ul li a {border-left: 0; border-bottom: 0; padding: 5px 15px; text-decoration:none; zoom:1; color: #000; display: block; text-align: left; }   
  .navbar .nav ul li {background: #fff;white-space:nowrap;}   
  .navbar .nav ul li:hover a, .navbar .nav ul li a.active, .navbar .nav ul li a.rex-active {background: #004F8D;-webkit-transition:none;transition:none; color: #fff; }    
  .navbar .nav ul li:hover li a {background: #004F8D; color: #fff; border-bottom: 0; border-top: 1px solid #fff; }     
  .navbar .nav ul li li:hover a, .navbar .nav ul li li:focus a {background: #004F8D; color: #fff; }  
    
  span.marker { display: none; }
  
  footer { text-align: right; margin-top: 0; background: #004F8D; color: #fff; padding-right: 30px; }
  footer div.container { margin: 10px 0; max-width: 100%; padding-right: 15px; }
  footer a, footer a:link, footer a:visited, footer a:active, footer a:focus { display: inline-block; padding: 0 10px; color: #fff; }  

/* =============================================================================
   Login-Formular
   ========================================================================== */    
   
.form-signin{ padding:0;  margin:0 auto;}
.form-signin .form-signin-heading, .form-signin .checkbox{margin-bottom:10px;}
.form-signin .checkbox{font-weight:normal;}
.form-signin .form-control{position:relative;  font-size:16px;  height:auto;  padding:10px;  -webkit-box-sizing:border-box;     -moz-box-sizing:border-box;          box-sizing:border-box;}
.form-signin .form-control:focus{z-index:2;}
.form-signin input[type="text"]{margin-bottom:-1px;  border-bottom-left-radius:0;  border-bottom-right-radius:0;}
.form-signin input[type="password"]{margin-bottom:10px;  border-top-left-radius:0;  border-top-right-radius:0;}     

/* =============================================================================
   Kontakt-Formular
   ========================================================================== */    
   
    ::-webkit-input-placeholder { color: #fff !important; }
    :-moz-placeholder { color: #fff !important; }
    ::-moz-placeholder { color: #fff !important;  }
    :-ms-input-placeholder { color: #fff !important;  }   
    
                    
  input::-webkit-input-placeholder { font-family: 'Roboto', sans-serif; font-weight: normal; color: #fff !important; opacity: 1 !important;   }
  input:-moz-placeholder { font-family: 'Roboto', sans-serif; font-weight: normal; color: #fff !important; opacity: 1 !important;   }
  input::-moz-placeholder { font-family: 'Roboto', sans-serif; font-weight: normal; color: #fff !important; opacity: 1 !important;   }
  input:-ms-input-placeholder { font-family: 'Roboto', sans-serif; font-weight: normal; color: #fff !important; opacity: 1 !important;   }  
  textarea::-webkit-input-placeholder { font-family: 'Roboto', sans-serif; font-weight: normal; color: #fff !important; opacity: 1 !important;   }
  textarea:-moz-placeholder { font-family: 'Roboto', sans-serif; font-weight: normal; color: #fff !important; opacity: 1 !important;    }
  textarea::-moz-placeholder { font-family: 'Roboto', sans-serif; font-weight: normal; color: #fff !important; opacity: 1 !important;   }
  textarea:-ms-input-placeholder { font-family: 'Roboto', sans-serif; font-weight: normal; color: #fff !important; opacity: 1 !important;  }   
    
    .formgen { position: relative;  margin: 50px 0 20px 0; }
    label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit]{cursor:pointer; }
    .formgen form{ }
    .formgen .formblock{ }     
    .formgen fieldset { border: 0; margin: 0; padding: 0;  }
    .forminfo { margin: 0 0 1em 0; background: #004F8D; color: #fff; padding: 30px; font-weight: 600; }
    .formhinweis {  text-align: right; text-transform: none; padding: 5px 0; }
    #form-module-thanks { margin: 0 0 1em 0; background: #004F8D; color: #fff; padding: 30px; border-radius: 0; }
    #form-module-thanks p, #form-module-thanks p strong { color: #fff; padding: 0; }
    .formgen br{ display: none; }  
    .formgen .formnote { }                                                                               
    
    .rex_375_text, .formgen .formtextfield, .formgen .formtext, .formgen .formselect, .formgen input[type="file"] {display: block; padding: 10px; margin: 0 2% 20px 0; border: 0; float: none; width: 98%; border-radius: 0; box-shadow: 0; }   
    .formgen input[type="file"], .formgen input[type="file"]:hover, .formgen input[type="file"]:focus { }   
    .formgen div.formtext { }           
    .formgen div.formtext:after { content: ""; display: table; clear:both; }  
    .formgen .formselect{ }   
    .formgen input:focus,.formgen input:hover, .formgen select:focus,.formgen select:hover,.formgen textarea:focus,.formgen textarea:hover{ }
    .xform label, .formgen label { text-transform: none; width: 100%; display: block; position: relative; }   
    .formgen legend { text-transform: none; width: 100%; display: block; border: 0; text-transform: none; margin: 18px 0; font-weight: normal; }    
    span.checkspan { margin-left: 0; }   
    span.checkspan:after { content: ""; display: table; clear:both; }                                                                                                                     
    .formgen .checkspan input {width: auto;clear:left;float:left; border-color: #fff; }   
    .formgen input[type="checkbox"], .formgen input[type="checkbox"]:focus { outline: 0; outline-offset: 0; line-height: 1.6em; }
    .formgen .checkspan label {width: 93%;clear:left;float:right; height: auto;  }    
    .formgen .checkspan input[type="radio"], .formgen .checkspan input[type="checkbox"] { margin-top: 6px; }                      
    .formgen input.formradio {margin-left: 0; width: 20px; margin-top: 2px; }
    .formgen label.formradio {width:100%;clear:right;float:right; height: auto; padding: 0 0 2px 0; margin: 0; font-weight:normal; border-bottom: 0;}
    
    
    .rex_375_text, .formgen .formtextfield, .formgen .formtext, .formgen .formselect, .formgen input[type="file"] { background: #004F8D; color: #fff; }   
    .formgen input[type="file"], .formgen input[type="file"]:hover, .formgen input[type="file"]:focus { float: none; width: 100%; }  
    .xform label, .formgen label { }  
    .formgen textarea.formtextfield { width: 98%; margin-right: 2%; float: none; resize: none; height: 220px; }
    .xform label, .formgen label { display: block; }         
                    
    .formgen legend { }      
    .formgen .formblock.checkwrap { display: inline-block; min-width: 31%; margin-right: 2%; white-space: nowrap; }                                                          
    .formgen .checkspan { }
    .formgen .checkspan input { }
    .formgen .checkspan label { background: transparent; font-size: 20px; line-height: 25px; color: #004F8D; display: block; width: calc(100% - 30px); padding-bottom: 12px; }
    .formgen label.formradio { position: relative; clear: right; float: none; background: transparent; display: inline-block; width: auto; margin-right: 30px; padding-right: 25px; height: auto; line-height: 1em; padding-bottom: 15px; padding-left: 8px;  }   
    .formgen label.formradio input { position: absolute; right: 0; top: 0; }
    label.radiotop { display: none; }
    
    /* Sende-Button */
    .formgen .formsubmit { color: #fff; font-size: 25px; font-weight: normal; }   
    .formgen .formsubmit { display: block; height: auto; clear: both; cursor: pointer; float: right; background: #3264C0; color: #fff; width: auto; margin: 0 2% 0 0; padding: 12px 40px; text-align: center; border: 0; overflow: hidden; border-radius: 0; }
    .formgen .formsubmit:hover { background: #004F8D; }   
    div.abstand { }
    
    .pflichtfelder { float: left; width: auto; text-align: left; font-size: 13px; padding: 2px 0 10px 0; color: #004F8D; }
    .formhinweis { border-top: 0; padding: 5px 0; }     

/* =============================================================================
   Module
   ========================================================================== */           
   .textitem {}      
          
   /*
   .textitem ol { list-style: none; margin-left: 0; padding-left: 0; margin-top: 12px; }         
   .textitem ol li { list-style: none; margin-left: 20px; padding-left: 0; margin-bottom: 12px; line-height: 1.7em; }        
   .textitem ol li:before { font-family: "Glyphicons Halflings"; content: "\e258"; display: inline-block; width: 24px; margin-left: -24px; font-size: 16px; color: #A7A5A6; }
   */        
   .textitem ul { list-style: circle; margin-left: 0; padding-left: 0; }         
   .textitem ul li { list-style: circle; margin-left: 20px; padding-left: 0; margin-bottom: 8px; line-height: 1.1em; }      
   .textitem ul li p { margin: 0; padding: 0; }    
   
   
   .bilditem { text-align: center; }
   .bilditem img { max-width: 100%; margin: 0 auto; }   
   
   .textitem p a { position: relative; display: inline-block; padding-right: 1em; }
   .textitem p a span.linksymbol { position: absolute; right: 0; top: 0; font-weight: normal; font-size: 0.8em; line-height: 1.1em; }  
   
   .textitem > div > div > a.btn-default { margin-left: 0; }   
           
   .nav-pills > li > a  { color: #fff; background: #004F8D;  }           
   .nav-pills > li > a:hover  { color: #fff; background: #3264C0;  }                                
   .nav-pills > li > a span.glyphicon { float: right; width: auto; }     
   .nav-pills > li > a span.glyphicon:before {content:"\e258";}                                         
   .nav-pills > li > a.collapsed span.glyphicon:before {content:"\e258";}         
  
      
     #wrap ul.download li a { display: block; font-weight: 600; line-height: 1.2em; }    
     #wrap ul.download li a small { color: #999; font-weight: normal; }    
     #wrap ul.download li a span { font-size: 1.8em; color: #bbb; }       
     #wrap ul.download li a:hover span { color: #F58020; }
     
     
    .panel-default > .panel-heading { padding: 0;  }  
    .panel-default { box-shadow: none; }          
    .panel-default > .panel-heading a { display: block; text-decoration: none; padding: 10px 15px; }       
    .panel-default > .panel-heading a { color: #fff; background: #3264C0; }   
    .panel-default > .panel-heading a.collapsed  { color: #fff; background: #004F8D;  }                                
    .panel-default > .panel-heading a span.glyphicon { float: right; width: auto; }     
    .panel-default > .panel-heading a span.glyphicon:before {content:"\e260";}                                         
    .panel-default > .panel-heading a.collapsed span.glyphicon:before {content:"\e259";}                                                   
    .panel-default > .panel-heading a:hover, .panel-default > .panel-heading a:hover span { color: #fff; }     
    
    .lb-data .lb-close {  }
    span.bildbeschriftung { display: block; padding: 5px 0; font-size: 11px; line-height: 13px; color: #555; }
    
    
    
    div.alphabet { background: #004F8D; padding: 0; margin-bottom: 1em; color: #fff; }     
    div.alphabet span.buchstabe { display: inline-block; width: auto; padding: 3px 0.3em; border-left: 1px solid #fff; cursor: pointer;}      
    div.alphabet span.buchstabe.first { border-left: 0;}    
    div.alphabet span.buchstabe:hover { background:  #F58020; color: #fff;}                                                                              
    div.alphabet span.aktuell, div.alphabet span.aktuell:hover { background: #3264C0; color: #fff;}  
        
    xxdiv.alphabet { display: none;}  
 
/* =============================================================================
   Carousel styles
   ========================================================================== */   

.carousel { background: transparent; position: relative; margin: 0 0 50px 0; }  
.carousel .item { }
.carousel-inner > .item > img, .carousel-inner > .item > a > img { float: none; width: 100%; height: auto;  }     

.carousel-caption { left: 15%; right: 15%; bottom: 0; padding-bottom: 15px; }
                     
.carousel-indicators { bottom: auto; top: 100%;  padding-top: 15px; }
.carousel-indicators li, .carousel-indicators li.active { background: #004F8D; border: 0; height: 16px; width: 16px; border-radius: 50%; padding: 0; margin: 0 5px; }
.carousel-indicators li.active { background: #F58020;}  

a.carousel-control span { font-size: 40px; line-height: 40px; width: 40px; height: 40px; position: absolute;text-align: center; left: 40%; left: calc(50% - 20px);  right: 40%; right: calc(50% - 20px); top: 40%; top: calc(50% - 20px);  }
a.carousel-control, a.carousel-control:link, a.carousel-control:hover, a.carousel-control:focus { color: #fff; }               

.formular {}
#contact-hinweis, #contact-result { clear: both; width: 100%; padding: 0 10px; color: #A7A5A6; }
#contact-result .alert { text-align: center; }

.inputfeld .form-control { height: 55px; background: #A7A5A6; color: #fff; padding: 15px; margin: 0 0 15px 0; border: 0; box-shadow: none; border-radius: 0;  }       
.inputfeld textarea.form-control { height: 165px; }
button#contact-submit { height: 55px; background: #004F8D; color: #fff; padding: 15px; margin: 0 0 15px 0; border: 0; box-shadow: none; border-radius: 0; text-align: right;  }   

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { background: #004F8D; color: #fff; }

.boxitem { border-bottom: 1px solid #aaa; padding-top: 1em; }                      
   
/* =============================================================================
   Media Styles 
   ========================================================================== */      
   
   .navbar-brand { display: none; }                  
   body {}
   header {}
   #wrap { margin-top: 90px; }
   #contentbar { }     
  section.zweispaltig .textitem { padding: 10px 0; border-top: 1px solid #F58020; }     
  section.zweispaltig .textitem p { margin: 0; }
   
                                                                                                                                          

                                           
    @media only screen and (min-width: 768px) {    
    
    .mobilonly { display: none;}
     header a:hover span.marker {}
     header ul.nav > li:hover > ul > span.marker { z-index: 1; position: absolute; top: 0; left: 0; margin-left: 5px; margin-top: -11px; display: block; width: 0; height: 0; border-top: 0; border-bottom:  8px solid #F58020; border-left: 8px solid transparent; border-right: 8px solid transparent; }
     header ul.nav > li > a.active > span.marker {}
     
     body.fixiert header, body.fixiert header .kopf, body.fixiert header #top img  { height: 60px; }    
     body.fixiert .navbar-default .navbar-nav > li > a { padding: 12px 0 15px 5px;  }
                                                        
     section.zweispaltig .textitem { width: 46%; float: left;  margin: 10px 3% 10px 0; }     
     section.zweispaltig .textitem .col-sm-12, section.zweispaltig .textitem .col-sm-8 { padding: 0; }
    
     .boxbild { padding: 0 0 25px 25px; }
    }
    
    @media only screen and (max-width: 1500px) {   
     .row { margin: 0; }    
     .navbar-default .navbar-nav > li > a {  }        
     .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding: 0; }
   }          
    @media only screen and (max-width: 1060px) {   
    
     .navbar-default .navbar-nav > li > a { font-size: 16px; margin-right: 10px; }  
     footer div.container { padding-right: 0; } 
   }             
    @media only screen and (max-width: 767px) {                   
	   /* smartphone stuff */
        
   body { background-image: none; }
   #wrap { margin-top: 50px; background: #fff;  }        
   #contentbar { width: 100%; margin: 30px 0; padding: 20px; background: #fff; }     
   #sidebar { width: 100%; margin: 30px 0; padding: 20px;  }   
  .navbar { margin: 0; }  
  
  header #top img { height: 40px; width: auto; margin: 0; } 
  
  .navi-btn img { max-width: 360px; }
     
     body header, body header .kopf  { height: 60px; }    
     body .navbar-default .navbar-nav > li > a { padding: 10px 15px 10px 15px;  }
     
     .container-fluid > .scrollnavi, .container-fluid > .navbar-header, .container > .scrollnavi, .container > .navbar-header { margin-left: 0; margin-right: 0; }
     .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding: 0; }
     
     footer a { font-size: 15px; line-height: 20px; }
     
     .navbar-header { display: block; height: 60px; background: #004F8D; float: none;  }   
     #menutoggle, #menuremove { position: fixed; top: 0; right: 0; width: 60px; height: 60px; background: #F58020; text-align: center; font-size: 25px; padding: 15px 10px; cursor: pointer; }   
     #menuremove { display: none; }
     .navbar-default .scrollnavi { display: none !important; }
                                                                                                                                                                                      
     body.mitmenu header > .navbar { z-index: 10; position: fixed; top: 60px; left: 0; right: 0; bottom: 0; background: transparent; min-height: 0; max-height: 10000px; height: auto; }
     body.mitmenu .navbar-default .scrollnavi { display: block !important; position: fixed; top: 60px; left: auto; right: 0; width: auto; bottom: 0; min-width: 230px; background: #F58020; overflow-y: auto; padding: 20px 0; }    
     body.mitmenu #menuremove { display: block; }
     body.mitmenu #menutoggle { display: none; }  
     /* body.mitmenu header > .kopf { display: none; }       */                            
     body.mitmenu .navbar-header { position: fixed; top: 60px; right: 0; background: #F58020; z-index: 180;  }       
     body.mitmenu #wrap { padding-top: 0; }  
     
      .navbar-default .scrollnavi { background: #F58020; border: 0; box-shadow: 0 15px 10px 10px rgba(0,0,0,0.5); white-space: nowrap; }   
      .navbar-nav { margin: 0; }
      .navbar-default .navbar-nav > li { width: 100%; }
      .navbar-default .navbar-nav > li > a { text-align: left; border: 0; margin: 0; border-bottom: 1px solid #fff !important; color: #fff !important; background: #F58020 !important; margin-left: 0; line-height: 1em;  }      
      .navbar-default .navbar-nav > li ul li > a { margin-left: 30px; padding: 10px 15px 10px 3px; }       
      .navbar-default .navbar-nav > li ul li:last-child > a { margin-left: 0; padding: 10px 15px 10px 30px; }     
      .navbar-default .navbar-nav > li:first-child a { border-top: 1px solid #fff; }
      .navbar-default .navbar-nav > li > a:hover {background: #3264C0 !important; }   
       
      
      
      .navbar-default .navbar-nav li { width: 100% !important; border-bottom: 0; clear: both; height: auto !important; float:none; text-align: left;}  
      .navbar-default .navbar-nav li a { text-align: left;  }
      .navbar .nav ul, .navbar .nav ul ul { position: relative !important;display:block !important; top:auto !important;left:0 !important;z-index:99; width: 100%; margin: 0;  border: 0 !important; box-shadow: none; top: 0; left: 0; padding-left: 0; }
      
      .navbar .nav li {position:relative;} 
      .navbar .nav ul li a {border: 0; color: #fff; text-align: left; border-bottom: 1px solid #fff; }   
      .navbar .nav ul li {background: transparent; border: 0; }   
      .navbar .nav ul li:hover a, .navbar .nav ul li a.active, .navbar .nav ul li a.rex-active { border: 0; border-bottom: 1px solid #fff; }    
      .navbar .nav ul li:hover li a { border: 0; border-bottom: 1px solid #fff; }     
      .navbar .nav ul li li:hover a, .navbar .nav ul li li:focus a { border: 0; border-bottom: 1px solid #fff; }  
                      
    
    .rex_375_text, .formgen .formtextfield, .formgen .formtext, .formgen .formselect, .formgen input[type="file"] {margin: 0 0 20px 0; width: 100%; }   
    .formgen textarea.formtextfield { width: 100%; margin-right: 0; }
    .xform label, .formgen label { display: none; }     
    .formgen .formblock.checkwrap { display: block; width: 100%; margin-right: 0%; }   
    .formgen .formsubmit { padding: 10px 20px; font-size: 22px; }   
                                                                        
  h1 {font-size: 22px;  }   
  h2  {font-size: 18px;  }   
  h3  {font-size: 16px;  }   
    
   }       
     
    @media only screen and (max-width: 767px) and (orientation: portrait) {   
    }  
     
    @media only screen and (max-width: 767px) and (orientation: landscape) {       
    }  
    
    
    /* OLD STUFF */
    
    
#terminwrapper{background:#fff;  margin:10px 30px;  border-radius:10px;  padding-bottom:20px;}
#terminheader{color:#fff;  border-radius:10px 10px 0 0;  border-bottom:0;  height:116px;  padding:0 0 0 0;  background:#004F8D;  margin-bottom:40px;}
#terminheader h1{color:#fff;  border:0;  font-size:1.9em;  padding:16px 0 0 16px;  height:139px;  border-top-right-radius:10px;  border-top-left-radius:10px;  background-image:url("holdireinen.png");  background-repeat:no-repeat;  background-position:right;}
#spklogo{float:right;  width:264px;  background:#FB0F0C;  height:106px;  border-top-right-radius:10px;  background-image:url('spk_logo.png');  background-repeat:no-repeat;  background-position:top left;  color:white;  font-size:10px;  padding:10px 0 0 36px;}
.legende{float:right;  width:200px;  margin:0 0 10px 20px;}
#terminjahreszahl{text-align:right; padding:0 40px 20px 0;}
#terminjahreszahl a{color:#000; font-weight:normal;}
#terminwrapper #content{padding:16px;}
table.terminliste{border-collapse:collapse;  width:99.9%;}
table.terminliste tr{border-bottom:1px solid #bbb;}
table.terminliste thead tr,table.terminliste tbody tr.wdh{border-bottom:0;}
table.terminliste thead tr th,table.terminliste tbody tr.big td{padding:2px 20px 2px 2px;  font-size:1.4em;  color:#fff;  background:#FF0000;  text-align:left;  font-weight:bold;}
table.terminliste tbody tr.wdh td{font-size:1em;}
table.terminliste tbody tr.big td{padding-bottom:6px; font-size:1.4em;}
table.terminliste thead tr td,table.terminliste thead tr th,table.terminliste tbody tr.wdh td{color:#fff;  background:#FF0000;  border-right:1px solid #bbb;  white-space:nowrap;}
#content table.terminliste tr td{padding:2px 6px 2px 3px;  border-right:1px solid #bbb;  text-align:left;}
table.terminliste tr td.firma,table.terminliste tr th.firma,table.terminliste tr th.firma{white-space:nowrap;  width:330px;  max-width:330px;  overflow:hidden;}
table.terminliste tr td.firma{background-color:#F6F8F7;  color:#004F8D;}
#content table.terminliste tr.wdh:hover,#content table.terminliste tr.wdh:hover td.day2,#content table.terminliste tr.wdh:hover td.firma{background-color:#FF0000;}
#content table.terminliste tr td.day2{background-color:#eee;}
#content table.terminliste tr:hover,#content table.terminliste tr:hover td.day2,#content table.terminliste tr:hover td.firma{background-color:#ddd;}
#content table.terminliste tr td.frei{background-image:url('schraffur_gruen.png');}
#content table.terminliste tr td.weg{background-image:url('schraffur_rot.png');}
#content table.terminliste tr:hover td.frei{background-color:#5E8C20;}
#content table.terminliste tr:hover td.weg{background-color:#ff0000;}
#content table.terminliste tr td.frei a{display:block;  color:#fff;}
#content table.terminliste tr td.meins,#content table.terminliste tr:hover td.meins{background-color:#FFC001;}
#content .warning,#content .okay{padding:12px;  font-weight:bold;  margin:12px 0;  background:#ff0000;  color:#fff;  border-radius:6px;}
#content .okay{background:#6CA022;  color:#fff;}
#content .buchung{padding:12px;  margin:12px 0;  color:#000;  border:1px solid #ccc;  border-radius:6px;  background:#eee;}
#content p.line{border-bottom:1px solid #ccc;  padding:2px 0;  margin:4px 0 0 0;  clear:both;}
/*#content p.line a.drop{float:right;  width:20px;  text-align:right;}
*/
#content p.line a.drop{float:right;  width:100px;  text-align:right;  font-size:9px;  font-weight:normal;  color:#000;}
#content .buchung .liste{float:left;  width:45%;}
#content .buchung .formular{float:right;  width:40%;  background:#fff;  border:1px solid #aaa;  padding:10px;}
#content p.antworthinweis{font-size:0.9em;  text-align:left;}
#content p.rot{color:#ff0000;  font-weight:bold;}
#content .buchung label{width:33%;  margin:8px 0;  padding:2px 0;  display:block;  clear:both;  float:left;  border-top:1px solid #ccc;}
#content .buchung input,#content .buchung textarea{width:65%;  margin:8px 0;  float:right;  border:1px solid #ddd; font-family:Arial,Helvetica,sans-serif; font-size:12px;}
#content .buchung input.long{width:44%;  margin:8px 1% 8px 0;  float:right;  border:1px solid #ddd; font-family:Arial,Helvetica,sans-serif; font-size:12px;}
#content .buchung input.short{width:18%;  margin:8px 1% 8px 0;  float:right;  border:1px solid #ddd; font-family:Arial,Helvetica,sans-serif; font-size:12px;}
#content .buchung input.ja{background:#6CA022;  color:#fff;  border:0;  padding:4px 0;}
#content .buchung input.ja:hover{background:#ff0000;  color:#fff;}
#tablehead{padding-right:30px;  clear:both;}
#tablebody{display:block;  padding-right:30px;}
table.terminliste td.firma,table.terminliste th.firma{width:330px; max-width:330px; overflow:hidden; }
table.terminliste td,table.terminliste th{width:20px;}
table.terminliste th img{height:0;}            

#sidebox { clear: both; margin-top: 40px;}
#leftcolumn div.boxinfos { clear: both; margin: 12px 0 12px 3px; line-height: 1.4em; font-size: 1em; padding: 2px 3px; width: 180px; border-bottom: 1px solid #004F8D; }   
#leftcolumn div.boxinfos h2 { font-weight: bold; padding: 8px; margin: 0 0 5px -5px; color: #fff; background: #004F8D; font-size: 1.2em;}           
#leftcolumn div.boxinfos a { font-weight: normal; }

div.galerie { clear: both; padding: 1em 0;}   
div.galerie { clear: both; padding: 1em 0;}
div.galerie div.first { float: left; width: 480px; height: 318px; margin: 0 6px 6px 0; background: #ddd; padding: 0;}  
div.galerie div.all { float: left; height: 75px; width: 75px; overflow: hidden; margin: 0 6px 6px 0; }   

#content div.aussteller { clear: both; border-bottom: 1px solid #ccc;}                                                                                                          
#content div.aussteller .logo { clear: both; border-top: 1px solid #ccc;}
#content div.aussteller .logo .singlelogo { float: left; width: 204px; height: auto; border: 0; margin: 1em 0; overflow: hidden; }  
#content div.aussteller .logo ul { list-style: none; margin-left: 240px; padding: 1em 0; }    
#content div.aussteller .logo ul li { list-style: none; margin-left: 0; padding: 0 0 0.3em; }

div.alphabet { background: #F58020; padding: 3px; margin-bottom: 1em;}     
div.alphabet span.buchstabe { display: block; float: left; width: auto; padding: 0 0.3em; border-right: 1px solid #000; cursor: pointer;}    
div.alphabet span.buchstabe:hover { background: #FCF9D7; color: #000;}                                                                              
div.alphabet span.aktuell, div.alphabet span.aktuell:hover { background: #004F8D; color: #fff;}  
    
div.alphabet { display: none;}   

    @media only screen and (max-width: 599px) {                   
	   /* smartphone stuff */   
#content div.aussteller .logo .singlelogo { float: none; width: 204px; }  
#content div.aussteller .logo ul { margin-left: 0; padding: 1em 0; }    
     }