@charset "UTF-8";

body {font-size: 87%;} /* 16px */
h1 {font-size: 1.0rem; font-weight: bold;} /* 36px, 36/16=2.25 */
h2 {font-size: 1.5rem;} /* 24px, 24/16=1.5 */
h3 {font-size: 1.3125rem;} /* 18px, 18/16=1.3125 */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Form */
form { 
    padding: 0px; 
}
header{
    height: 160px;
    padding-left: 0px;   
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Spezielle IDs */
#logo {
    position: absolute;
    top: 0px;
    margin-top: 10px;
    margin-left: -20px;
    width: 180px;
}
/* Sprachauswahl */
#flag_d, #flag_en {
 display: none;    
}
#idDeviceDescript{
    z-index: 201;
    position: absolute;
    margin-top: 32px;
    margin-left: 221px;
    text-align: left;
    font-size: 14px; 
}
/* www.ziehl.de */
#idHeadLiRe{
    position: absolute;
    float: right;
    left: 205px;
    top: -6px;
    font-size: 12px;
    font-weight: bold; 
}
/* Produktinfo */
#idHeadProdukt{
    position: absolute;
    float: right;
    left: 205px;
    top: -6px;
    font-size: 12px;
    font-weight: bold; 
}
/* Gerätename */
#idDeviceName {
    position:   absolute;
    margin-top: 8px;
    text-align: left;
    font-size:  20px;
    margin-left: 220px;
}
/* Tabname */
#idTabName {
    position:   relative;
    left:       10px;
    top:        90px;
    font-size:  1.25rem;
    margin-left: 12px;
    font-weight: bold;
}
/* Button: Verwerfen */
#idBtnCancel {
   float: left;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   background: #FCC7CF;
   position: relative;
   left: 200px;
   width: 130px;
   top: 60px;
}
#idBtnCancel:hover{
    background: #FF9FAD;  
}
#idBtnCancel[disabled]{
    pointer-events: none;
    background: #E6E9EE;    
    color: darkgray;  
}
/* Button: Speichern */
#idBtnSave {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    background: #C9F8D8;
    position: relative;
    left: 170px;
    width: 130px;
    top: 60px;
}
#idBtnSave:hover{
    background: #99FCB8;  
}
#idBtnSave[disabled]{
    pointer-events: none;
    background: #E6E9EE;
    color: darkgray;    
}
#idHome{
    display:none;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#idHeadDat{
    left: 420px;
}
#idHeadClk{
    left: 432px;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Navigation */
nav > ul {
    position: absolute;
    top: 0px;
    left:0px;
    width: 460px;
}
nav > ul::before {
    display: block;
    content: "☰";
    font-size: 20px;
    font-weight: bold;
    padding: 10px;
    text-align: center;
}
nav > ul > li {
    display: none;
    float: none;
    width: 100%;
}
nav > ul:hover li {
    display: block;
}
nav > ul a {
    text-align: center;
    font-size: 1.25rem;    
    border-top: 1px solid white;
}
nav li > a:after {
  padding-left: 5px;
}
nav li > a:only-child:after {
  content: "";
}
nav ul > li > ul > li a {
  background: rgb(255, 255, 255);
  color: blue;
}