/* 
    stylesheet für bsw.php
    LoMo 1072023
*/

body {
    font-family: Arial, Helvetica, sans-serif;
}

.navbar {
    overflow: hidden;
    /*background-color: #333;*/
    background-image: linear-gradient(rgb(111, 110, 110), rgb(61, 60, 60)); 
    /*background-image: linear-gradient(45deg, rgb(111, 110, 110), rgb(61, 60, 60)); /*45deg*/
    margin-top:57px;
    position:fixed;
    z-index: 10;
}

.navbar a {
    float: left;
    font-size: 16px;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn {
    font-size: 16px;  
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
    /*background-color: red;*/
    background-color: #b4acf9;
    color: rgb(59, 55, 55);
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
    box-shadow: 0px 8px 16px 0px rgba(39, 23, 143, 0.2);
    z-index: 99;
}

.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

.dropdown:hover .dropdown-content {
    display: block;
}

body {     
    display: inline-block; 
    background-color: #f8f7a8;
    margin-bottom:auto;
    width:98%;    
}

.knavbar {
    /*background-color: #e5e5e5;*/
    height: 65px;
}

#meinemenuleiste{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    /* background-image: linear-gradient(rgb(170, 166, 166), rgb(220, 220, 220));*/
    /* background-image: linear-gradient(rgb(124, 86, 239), rgb(169, 157, 245));*/
    background-image: linear-gradient(rgb(40, 40, 250), rgb(165, 165, 253));
    font-size: 18px;
    /*font-weight: bold;*/
    text-align: center; 
}

#kopfzeilefix{
    /*background-color: #f8f7a8;*/
    /*margin-top: 60px;  */
    margin-top: 3px;  
    /*margin-bottom: -3px;  */
    display:block;
    position:fixed;
    width:100%;
    /*height:100px;
    padding-top: -5px;
    padding-bottom: 1px;*/
}

#kopfzeilestandort{
    margin-top: -1.8em;         
}

.logoML { 
    position: fixed;       /* bleibt an pos, auch bei scrollen*/
    /*position: absolute;*/ /* wird mitgescrollt */
    top:5px;
    left: 5px; 
    /*width: 80px; /* 25%; *//*180px;	*/
    height: width;
}

.wlanlogo { 
    position: fixed;       /* bleibt an pos, auch bei scrollen*/
    /*position: absolute;*/ /* wird mitgescrollt */
    top: 0.3em;
    right: 0.2em; 
    height: width;
}

.logobiene { 
    position: fixed;       /* bleibt an pos, auch bei scrollen*/
    /*position: absolute;*/ /* wird mitgescrollt */
    top: 0.15em;
    /*right: 2.5em; */
    right: 3%; /* 1.9em; */
    
    /*width: 3em; /* 25%; *//*180px;	*/
    height: width;
}

footer {
    position:relative; 
    display:table-cell; 
    vertical-align:middle;	
    width:100vw;	
    height:12px;	
    background-image: linear-gradient(rgb(111, 110, 110), rgb(61, 60, 60));
    /*background-color: #504f4f;*/	
    color:#fefffd; 
    text-align:center;
    font-family: 'Times New Roman', Times, serif, sans-serif;
}

.myHover{
    color:#fff;
}
.myHover:hover{
    color:#eafa05;
}

/*
*{
    font-family: 'Times New Roman', Times, serif, sans-serif;
}
*/
#infoph {
    text-align: right;
    margin-top: -20px;
    margin-bottom: -10px,
}

.meinselect { background-color: #6b6b6b;  color: white; padding: 8px 8px;
    text-decoration: none; font-size: 16px; margin: 2px; cursor: pointer;
}
    
    
.select_zr { 
    position: fixed;       /* bleibt an pos, auch bei scrollen*/
    /*top: 7.35em;*/
    top: 7.0em;
    right: 2%; /* 1.9em; */
    z-index: 2;    
}

#bereich_zeitraum{
    position: fixed;       /* bleibt an pos, auch bei scrollen*/
    background-color: rgb(242, 242, 242);
    width: 295px;
    height: 46px;
    top:6.9em;
    right: 1.85%; /* 1.9em; */
}

#bereichinfo {
    background-color: #f9f9d4;
    text-align:left;
    width: 90%;             /*95*/
    /* padding: 3%;*/
    padding:15px;
    padding-top: 5px;
    padding-bottom: 10px;
    margin-left: 2%;  
    margin-right: 2%;
    border: medium solid #f9f9d4;
    border-radius: 1em;   
    font-family: 'Times New Roman', Times, serif, sans-serif;   
    z-index: 4;
}

#letterabst2{
    letter-spacing: -7px;
}

#letterabst3{
    letter-spacing: -8px;
}    

table,
th,
td,
caption {
    border: thin solid #a0a0a0;
}    

table {
    border-collapse: collapse;
    border-spacing: 0;
    border-width: thin 0 0 thin;
    margin: 0 0 1em;
    table-layout: auto;
    /* Prevents HTML tables from becoming too wide */
    
    /*max-width: 100%;*/
    /* width: 610px;*/
}


th,
caption {
    background-color: #f1f3f4;
    /*font-weight: 700;*/
}


td {
    border-width: 0 1px 1px 0;

}

th,
td,
caption {
    padding: 0.4em 0.6em;
}

table.kleineschrift td, th, caption {
    /* text-align: right;*/
    font-size: 10px;

}
    /*
caption {
    text-align: center;
    border-width: 1px;  1px 0 1px;
}

table.finanz td {
    text-align: right;
}

table.finanz tr:last-of-type td {
    border-top: thin solid;
}

tbody tr:nth-child(even) td { 
    background-color: #e4ebf2; 
    color: #000; 
}

th[scope=row] { 
    color: #c32e04;
    text-align: right; 
}

*/

td {	
    text-align: right;
    box-shadow: inset 1px 3px 5px -3px rgba(0, 0, 0, 0.5);
}

/*
tbody tr:nth-child(even) td {
    background-color: #e4ebf2;
    color: #000;
}
*/

td:empty {
    box-shadow: none;
    background-color: none;
}

th[scope=row] {
    color: #c32e04;
    text-align: right;   
}


.container {                    /*für tabellen*/
    height: 300px;
    overflow-y: scroll;   
    z-index: 3; 
}

td.plus{			/* Hintergrundfarbe der Zeilen mit positivem Trend */
    background-color: #32CD32;
    color:#FFFAFA;
}
td.minus{			/* Hintergrundfarbe der Zeilen mit negativen Werten */
    background-color: #FF0000;
    color:#FFFAFA;
}

.c3-line {          /* gilt für alle Linien*/
    stroke-width: 4px;
}

/*
.c3-line-Luftdruck_hPa {
    stroke-width: 5px;
}

.c3-line-Luftfeuchte {
    stroke-width: 5px;
}

.c3-line-Außentemperatur_C {
    stroke-width: 5px;
}

.c3-line-Stockgewicht_gs {
    stroke-width: 5px;
}
*/

input.larger {
    width: 30px;
    height: 3lvb;    
}