@charset "utf-8";

*{margin: 0px;padding: 0px;}  /* setzt auf der gesammten Hompage Margin und padding auf 0*/

body{
/*background:grey;                      Hintergrundfarbe der gesammten Homepage OK */
/*background-image: linear-gradient(180deg, LightGray 0%, DimGray 50%, LightGray 100%);*/
/*background-color:red;         background-size: auto 100% !important;   background-size: auto 100% !important;       #BDEEB0Hintergrundfarbe, wenn nichts anderes formartiert wird OK*/

/*background-image: radial-gradient(circle farthest-corner at 50% 50%, #ff6600 10%, NavajoWhite 50%, #ff6600 100%);
background-image: linear-gradient(NavajoWhite 50%, #ff6600 100%); */
                  /*linear-gradient(to right, NavajoWhite 50%, #ff6600 100%);*/

/*background-image:
    linear-gradient(to right,rgba(255, 102, 0, .5)-20%, rgba(255,222,173, .5) 50%, rgba(255, 102, 0, .5)120%),
    linear-gradient( rgba(255, 102, 0, .5)-20%, rgba(255,222,173, .5) 50%, rgba(255, 102, 0, 1)120%); */



font-family:Times New Roman,sans-serif; /* Standartschriftarten OK */
width:1280px;                           /* Seitenbreite, wenn nichts anderes formartiert wird OK*/
font-size:15pt;                         /* Schriftgröße, wenn nichts anderes formartiert wird OK*/
color:#000000;                          /* Schriftfarbe, wenn nichts anderes formartiert wird OK*/
text-align:justify;                     /* Blocksatz, wenn nichts anderes formartiert wird OK*/
Position: relative;
left: 50%;
margin-left:-640px;
                               /* overflow: realtive;    overflow: auto;  absolute hidden fixed auto */
}                                                    /* margin: 0 auto; und  rückt die Homepage in die Bildschirmmitte*/

figure {
    border: 1px solid;
    display: inline-block;
    height: 100px;
    margin: 0 100px 2em 0;
    position: absolute;
    width: 10px;
}
figcaption {
    bottom: -1.5em;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
#Deutschland {
    background-image:
      linear-gradient(180deg, Red 0%, Red 33%, Yellow 33.3%, Yellow 66.6%, Green 66.6%);
      /*linear-gradient(rgba(168, 185, 209, 0.9));*/
}

/*Hintergrundrechteck Arbeitsbereich, dass das Rechteck in Bildschirmmitte angezeigt wird, ist im Body festgelegt*/
.HintergrundRechteckArbeitsbereich {
float:left; width:1276px; height:700px; margin-top:60px; /* die 1276 resultieren daraus, dass noch 2x2 Pixel Rand hinzukommen*/
position:fixed; z-index:-1;                              /* beom scrollen nicht verschiebbar; anordnung dibnter dem Menü */
list-style-type:none;
top:0px; left:0px; left:50%; margin-left:-640px;         /* legt das rechteck in die Bildschirmmitte*/

/*background-image:
    linear-gradient(to right,rgba(255, 102, 0, .5)-20%, rgba(255,222,173, .5) 50%, rgba(255, 102, 0, .5)120%),
    linear-gradient( rgba(255, 102, 0, .5)-20%, rgba(255,222,173, .5) 50%, rgba(255, 102, 0, 1)120%);*/
/*background-image: radial-gradient(circle farthest-corner at 50% 50%, NavajoWhite 50%, #ff6600 100%); */



border-width:2px;
background-color:silver;  /*Hintergrundfarbe und Randbreite des Rechtecks*/
border-color:#000000; border-style:solid;                /* Randfarbe und ?*/
}

.HintergrundRechteckArbeitsbereichAdmin {
float:left; width:1276px; height:2000px; margin-top:60px; /* die 1276 resultieren daraus, dass noch 2x2 Pixel Rand hinzukommen*/
position:fixed; z-index:-1;                              /* beom scrollen nicht verschiebbar; anordnung dibnter dem Menü */
list-style-type:none;
top:0px; left:0px; left:50%; margin-left:-640px;         /* legt das rechteck in die Bildschirmmitte*/
background-color:silver;   ; border-width:2px;              /* #FF0000  Hintergrundfarbe und Randbreite des Rechtecks*/
border-color:#000000; border-style:solid;                /* Randfarbe und ?*/
}



h1 {text-align:center;font-size:30pt;color:#BF0000;}     /*page-break-before:always; erzwingt Seitenumbruch beim Drucken*/
h2 {text-align:center;font-size:25pt;color:#000000;}
h3 {text-align:center;font-size:20pt;color:#3C1ABD;}


/*folgende Schriftfarben werden in der Homepage angewendet: Schwarz=#000000; Weiss=#ffffff; Braun=#BF0000 */
/*folgende Textvormationen werden in der Homepage angewendet: Linksbündig=left; Rechtsbündig=right; Mittig=center; Blocksatz=justify */
/*Der Name der Schriftklasse setzt sich wie folgt zusammen: ".m" gefolgt von der Schriftgröße gefolgt von dem Buchstaben
für die Textvormation (z.B. j für justify) gefogt von dem Buchstaben für die Farbe (z.B. b für braun*/

.m10b0l {margin: 0px 10px 0px 10px; font-weight:200; font-size:10pt; color:black; text-align:left;}

.m12b0l {margin: 0px 10px 0px 10px; font-weight:200; font-size:12pt; color:black; text-align:left;}  /*12 Links Braun*/
.m12b0r {margin: 0px 10px 0px 10px; font-weight:200; font-size:12pt; color:black; text-align:right;}
.m12b0c {margin: 0px 10px 0px 10px; font-weight:200; font-size:12pt; color:black; text-align:center;}
.m12b0j {margin: 0px 10px 0px 10px; font-weight:200; font-size:12pt; color:black; text-align:justify;}

.m12m0l {margin: 0px 10px 0px 10px; font-weight:200; font-size:12pt; color:maroon; text-align:left;}  /*12 maroon (Braun) links*/
.m12m0r {margin: 0px 10px 0px 10px; font-weight:200; font-size:12pt; color:maroon; text-align:right;}
.m12m0c {margin: 0px 10px 0px 10px; font-weight:200; font-size:12pt; color:maroon; text-align:center;}
.m12m0j {margin: 0px 10px 0px 10px; font-weight:200; font-size:12pt; color:maroon; text-align:justify;}

.m14b0j {margin: 0px 10px 0px 10px; font-weight:400;  font-size:14pt; color:#BF0000; text-align:left;}
.m14b0c {margin: 0px 10px 0px 10px; font-weight:400; font-size:14pt; color:#BF0000; text-align:center;}



.m16b0l {margin: 0px 10px 0px 10px; font-weight:500; font-size:16pt; color:black; text-align:left;}
.m16b0r {margin: 0px 10px 0px 10px; font-weight:500; font-size:16pt; color:black; text-align:right;}
.m16b0c {margin: 0px 10px 0px 10px; font-weight:500; font-size:16pt; color:black; text-align:center;}
.m16b0j {margin: 0px 10px 0px 10px; font-weight:500; font-size:16pt; color:black; text-align:justify;}

.m16g0l {margin: 0px 10px 0px 10px; font-weight:500; font-size:16pt; color:gray; text-align:left;}
.m16g0r {margin: 0px 10px 0px 10px; font-weight:500; font-size:16pt; color:gray; text-align:right;}
.m16g0c {margin: 0px 10px 0px 10px; font-weight:500; font-size:16pt; color:gray; text-align:center;}
.m16g0j {margin: 0px 10px 0px 10px; font-weight:500; font-size:16pt; color:gray; text-align:justify;}

.m16m0l {margin: 0px 10px 0px 10px; font-weight:500; font-size:16pt; color:maroon; text-align:left;}
.m16m0r {margin: 0px 10px 0px 10px; font-weight:500; font-size:16pt; color:maroon; text-align:right;}
.m16m0c {margin: 0px 10px 0px 10px; font-weight:500; font-size:16pt; color:maroon; text-align:center;}
.m16m0j {margin: 0px 10px 0px 10px; font-weight:500; font-size:16pt; color:maroon; text-align:justify;}

.m16r0l {margin: 0px 10px 0px 10px; font-weight:500; font-size:18pt; color:red; text-align:left;}
.m16r0r {margin: 0px 10px 0px 10px; font-weight:500; font-size:18pt; color:red; text-align:right;}
.m16r0c {margin: 0px 10px 0px 10px; font-weight:500; font-size:18pt; color:red; text-align:center;}
.m16r0j {margin: 0px 10px 0px 10px; font-weight:500; font-size:18pt; color:red; text-align:justify;}



.m18b0l {margin: 0px 10px 0px 10px; font-weight:700; font-size:18pt; color:black; text-align:left;}
.m18b0r {margin: 0px 10px 0px 10px; font-weight:700; font-size:18pt; color:black; text-align:right;}
.m18b0c {margin: 0px 10px 0px 10px; font-weight:700; font-size:18pt; color:black; text-align:center;}
.m18b0j {margin: 0px 10px 0px 10px; font-weight:700; font-size:18pt; color:black; text-align:justify;}

.m18g0l {margin: 0px 10px 0px 10px; font-weight:700; font-size:18pt; color:gray; text-align:left;}
.m18g0r {margin: 0px 10px 0px 10px; font-weight:700; font-size:18pt; color:gray; text-align:right;}
.m18g0c {margin: 0px 10px 0px 10px; font-weight:700; font-size:18pt; color:gray; text-align:center;}
.m18g0j {margin: 0px 10px 0px 10px; font-weight:700; font-size:18pt; color:gray; text-align:justify;}

.m18m0l {margin: 0px 10px 0px 10px; font-weight:700; font-size:18pt; color:maroon; text-align:left;}
.m18m0r {margin: 0px 10px 0px 10px; font-weight:700; font-size:18pt; color:maroon; text-align:right;}
.m18m0c {margin: 0px 10px 0px 10px; font-weight:700; font-size:18pt; color:maroon; text-align:center;}
.m18m0j {margin: 0px 10px 0px 10px; font-weight:700; font-size:18pt; color:maroon; text-align:justify;}

.m18r0l {margin: 0px 10px 0px 10px; font-weight:700; font-size:18pt; color:red; text-align:left;}
.m18r0r {margin: 0px 10px 0px 10px; font-weight:700; font-size:18pt; color:red; text-align:right;}
.m18r0c {margin: 0px 10px 0px 10px; font-weight:700; font-size:18pt; color:red; text-align:center;}
.m18r0j {margin: 0px 10px 0px 10px; font-weight:700; font-size:18pt; color:red; text-align:justify;}



.m20b0l {margin: 0px 10px 0px 10px; font-weight:900; font-size:20pt; color:black; text-align:left;}
.m20b0r {margin: 0px 10px 0px 10px; font-weight:900; font-size:20pt; color:black; text-align:right;}
.m20b0c {margin: 0px 10px 0px 10px; font-weight:900; font-size:20pt; color:black; text-align:center;}
.m20b0j {margin: 0px 10px 0px 10px; font-weight:900; font-size:20pt; color:black; text-align:justify;}

.m20g0l {margin: 0px 10px 0px 10px; font-weight:900; font-size:20pt; color:gray; text-align:left;}
.m20g0r {margin: 0px 10px 0px 10px; font-weight:900; font-size:20pt; color:gray; text-align:right;}
.m20g0c {margin: 0px 10px 0px 10px; font-weight:900; font-size:20pt; color:gray; text-align:center;}
.m20g0j {margin: 0px 10px 0px 10px; font-weight:900; font-size:20pt; color:gray; text-align:justify;}

.m20m0l {margin: 0px 10px 0px 10px; font-weight:900; font-size:20pt; color:maroon; text-align:left;}
.m20m0r {margin: 0px 10px 0px 10px; font-weight:900; font-size:20pt; color:maroon; text-align:right;}
.m20m0c {margin: 0px 10px 0px 10px; font-weight:900; font-size:20pt; color:maroon; text-align:center;}
.m20m0j {margin: 0px 10px 0px 10px; font-weight:900; font-size:20pt; color:maroon; text-align:justify;}

.m20r0l {margin: 0px 10px 0px 10px; font-weight:900; font-size:20pt; color:red; text-align:left;}
.m20r0r {margin: 0px 10px 0px 10px; font-weight:900; font-size:20pt; color:red; text-align:right;}
.m20r0c {margin: 0px 10px 0px 10px; font-weight:900; font-size:20pt; color:red; text-align:center;}
.m20r0j {margin: 0px 10px 0px 10px; font-weight:900; font-size:20pt; color:red; text-align:justify;}


/*------------------------------ Tabelle Betriebsmittelmanagement ---------------------------- */
.Tab_00_home_01{width:1200px; margin-left:auto; margin-right:auto; margin-top:0px; font-size:20px; background:OrangeRed;
                border:2px solid Black} td{border:2px;}  th{text-align:left; color:black; background-color:white;} tr{}
.th_01_1{background-color:DarkSlateGray; width:Auto; color:white; text-align:center; font-size:16pt;} /* Überschrift */
.td_01_1{background-color:Gray; width:290px; color:white; text-align:right; padding-right:10px;; font-size:16pt;} /* 1. Spalte */
.td_01_2{background-color:Gainsboro; width:90px; color:black; text-align:center; font-size:16pt;}                /* Spalten mit großer Zahlen */
.td_01_2_min{background-color:Gainsboro; width:40px; color:black; text-align:center; font-size:16pt;}                /* Spalten mit kleiner Zahlen */
.td_01_3{background-image: linear-gradient(Black -10%, white 20%, white 50%, Black 110%);                        /* Spalte mit Buttons */
width:30px; color:Black; text-align:center; font-size:16pt;
}


/*------------------------------ Tabelle Ersatzteilmanagement ---------------------------- */
.Tab_00_home_02{width:1200px; margin-left:auto; margin-right:auto; margin-top:0px; font-size:20px; background-color:OrangeRed;
                border:2px solid black} td{border:2px;}  th{text-align:left; color:black; background-color:white;} tr{}
.th_02_1{background-color:DarkSlateGray; width:110px; color:white; text-align:center; font-size:16pt;}
.td_02_1{background-color:Gray; width:180px; color:white; text-align:right; padding-right:10px;; font-size:16pt;}
.td_02_2{background-color:Gainsboro; width:110px; color:black; text-align:center; font-size:16pt;}



/*---------------------------------------------- Tabelle Energiemanagement  -------------------------------------------- */
.Tab_00_home_03{width:1240px; margin-left:auto; margin-right:auto; margin-top:0px; font-size:20px; background-color:OrangeRed;
                border:2px solid Black} td{border:2px;}  th{text-align:left; color:black; background-color:white;} tr{}

.th_03_1{background-color:DarkSlateGray; width:110px; color:white; text-align:center; font-size:16pt;}

.td_03_1{background-color:Gray; width:180px; color:white; text-align:right; padding-right:10px;; font-size:16pt;}

.td_03_2{background-image: linear-gradient(Black -10%, white 20%, white 50%, Black 110%);
           width:110px; color:black; text-align:center; font-size:16pt;}

.td_03_W{background-color:Gainsboro; width:110px; color:black; text-align:center; font-size:16pt;}

.td_03_Ein{background-image: linear-gradient(Green -10%, white 20%, white 50%, Green 110%);
           width:55px; color:white; text-align:center; font-size:16pt;}
.td_03_Aus{background-image: linear-gradient(Red -10%, white 20%, white 50%, Red 110%);
          width:55px; color:white; text-align:center; font-size:16pt;}


/*http://www.sodb.de/00_Home/User_Passwordvergabe.php--------------Tabelle der Personen, die einen Zugang beantraget haben */
/* Tabelle algemein */
.Tab_User_Registrierung{width:1260px; height:40px; font-size:18px; background-color:lightsalmon;  border:8px solid peru;}
/*Spaltenüberschriften*/
.tr_U_R_1{height:0px;} /*bestimmt die Zellenhöhe im Kopfbereich; 0 da die Kopfzeile außerhalb der Tabelle angezeigt wird*/
.th_U_R_1{font-size:16px; background-color:peru; color:black; text-align:center;}/*Format*/
/*Datenbereich*/
.tr_U_R_2{height:20px;} /*bestimmt die Zellenhöhe im Datenbereich */
.td_U_R_1{font-size:14px; background-color:peru; color:white; text-align:left; padding-left:5px;}/*Datenbereich*/


/*Tabelle der Personen, die einen Zugang beantraget haben-----http://www.sodb.de/00_Home/User_Passwordvergabe.php--------- */
/* Tabelle algemein */
.Tab_User_Password{width:1240px; height:40px; font-size:18px; background-color:lightsalmon;  border:8px solid peru;}
/*Spaltenüberschriften*/
.tr_U_P_1{height:10px;} /*bestimmt die Zellenhöhe im Kopfbereich; 0 da die Kopfzeile außerhalb der Tabelle angezeigt wird*/
.th_U_P_1{font-size:16px; background-color:peru; color:black; text-align:center;}/*Format*/
/*Datenbereich*/
.tr_U_P_2{height:20px;} /*bestimmt die Zellenhöhe im Datenbereich */
.td_U_P_1{font-size:14px; background-color:peru; color:white; text-align:left; padding-left:5px;}/*Datenbereich*/


/*------------------------------ Der böse Wolf ---------------------------- */
.img_01 img{Position:absolute; z-index: 1; top:0px; right:2px; width:50px; height:50px; float:right} img:hover {z-index: 1;height: 240px; width: 240px;}

.abstand_100{float:left; width:100px;}
.abstand_125{float:left; width:125px;} 
.abstand_150{float:left; width:150px;}
.abstand_300{float:left; width:300px;}

.input-number {
    -moz-appearance: textfield;
    -webkit-inner-spin-button,
    -webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
}