:root{
--SYSfont:Poppins;
--SYSweight:normal;
--TXT1:#ddddff;
--TXT2:#dddddd;
--TXTa:#aaaaaa;
--TXTb:#bbbbbb;
--HG2:#112233;
--HG1:#123456;
--HG3:#000011;
--HG5:#555555;
--HG8:#888888;
--HGt:transparent;
--TXTLB1:#0066cc;
--HGimage:url(Pic/0066cc.jpg);
}

@font-face{ font-family: "Poppins";
src: local("Poppins"),
url("FON/Poppins/Poppins-Regular.ttf")
format("OpenType") }

body{ background-color:#000;background-image:var(--HGimage);color:var(--TXT1);font-family:Poppins,arial;
      font-size:16px;cursor:default; }
a:link {color:var(--TXT1);text-decoration:underline;}
a:link:hover {text-decoration:none;}

/* Scroll-Box */
.D_SCROBO1{ background:var(--HG2); }

/* Scroll-Bar norm */
.C_SCRO12{ scrollbar-width:9px;scrollbar-color:var(--HG8) var(--HG2);}
.C_SCRO12::-webkit-scrollbar {width: 9px;}
.C_SCRO12::-webkit-scrollbar-track {background:var(--HG2);}
.C_SCRO12::-webkit-scrollbar-thumb {background:var(--HG5);}
.C_SCRO12::-webkit-scrollbar-thumb:hover {background:var(--HG8);}

/* Scroll-Bar small */
.C_SCRO9{ scrollbar-width:9px;scrollbar-color:var(--HG8) var(--HG2);}
.C_SCRO9::-webkit-scrollbar {width: 9px;}
.C_SCRO9::-webkit-scrollbar-track {background:var(--HG2);}
.C_SCRO9::-webkit-scrollbar-thumb {background:var(--HG5);}
.C_SCRO9::-webkit-scrollbar-thumb:hover {background:var(--HG8);}


/* Haupt-Menü */
#TB_MENU{ height:50px;background:var(--HG2);z-index:1;}
/*
#TB_FOOT{ height:50px;background:var(--HG2);color:#999;z-index:1;}
*/

.Label{color:var(--TXT1);border-bottom:2px solid transparent;font-size:22px;font-weight:bold;cursor:pointer;}
.Label:hover{background:transparent;border-bottom:2px solid var(--TXTLB1);}

.BOR{ border:1px solid var(--TXTLB1); }
.BORB{color:var(--TXT1);border-bottom:2px solid transparent;cursor:pointer;}
.BORB:hover{background:transparent;border-bottom:2px solid var(--TXTLB1);}
.BORL{ border:1px solid transparent;border-bottom:1px solid var(--TXTLB1);border-left:1px solid var(--TXTLB1); }
.BUsel{ border-bottom:2px solid var(--TXTLB1);}

.BL2hg2{border-left:2px solid var(--HG2); }
.BR1hg2{border-right:1px solid var(--HG2); }


/* Bottom-Line */
/* Verwaltung */
.HGtrans{background:transparent;}
.HGcol{background:var(--HG3);}
.HGcol1{background:#123456;}
.HGcol2{background:var(--HG2);}

.HG2{background:var(--HG2);} /* austauschen */


.footer{margin-left:30px;text-decoration:underline;background:transparent;color:var(--TXTb);font-size:14px;border:none;cursor:pointer;}
.footer:hover{text-decoration:none;}



/* Div Standard Styles */

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */
}

.isselectable{
 -moz-user-select: text;
 -khtml-user-select: text;
 -webkit-user-select: text;
 -ms-user-select: text;
 user-select: text;
}


::-webkit-input-placeholder{ font-style:italic;color:var(--TXTa); } /* Edge */
:-ms-input-placeholder{ font-style:italic;color:var(--TXTa); }      /* Internet Explorer 10-11 */
::placeholder{ font-style:italic;color:var(--TXTa); }

input{ outline:none; }
button{ outline:none; }
select{ outline:none; }
textarea{ outline:none; resize:none; font-family:Poppins,arial; }

.talC{ text-align:center; }
.talL{ text-align:left; }
.talR{ text-align:right; }
.valT{ vertical-align:top; }
.valM{ vertical-align:middle; }
.valB{ vertical-align:bottom; }

.ovh{ overflow:hidden; }

.fz13{font-size:13px;}
.fz14{font-size:14px;}
.fz15{font-size:15px;}
.fz16{font-size:16px;}
.fz17{font-size:17px;}
.fz18{font-size:18px;}
.fz19{font-size:19px;}
.fz20{font-size:20px;}
.fz21{font-size:21px;}
.fz22{font-size:22px;}

/* END Div Standard Styles */


/* Für Impressum */
.HovTxt{ color:var(--TXTa)aaa; }
.HovTxt:hover{ color:var(--TXT1); }



/* Für Kontakt */
.tarea{ width:100%;height:100%;background:transparent;color:var(--TXT1);font-family:Poppins,arial;font-size:17px;border:1px dotted var(--TXTLB1); }
.inp{ height:29px;width:100%;background:var(--HG3);color:var(--TXT1);font-size:17px;border:1px dotted var(--TXTLB1); }

.but{ height:25px;font-style:italic;font-size:16px;background:var(--HG3);color:var(--TXT1);border:none;border-bottom:1px solid var(--TXTLB1);border-left:1px solid var(--TXTLB1);cursor:pointer;}
.but:hover{color:#fff;}


.c_butt{ background:#000;border-bottom:1px solid var(--TXTLB1);border-left:1px solid var(--TXTLB1);cursor:pointer;}
.c_butt:hover{ background:#123456; }
.TBr50{ width:50px;text-align:right;}
.i_text{ color:var(--TXT1);background:transparent;border:none;user-select:text;cursor:text; }
.TD25hgp20{ padding-left:20px;height:25px;background:transparent;color:var(--TXT1);border-left:2px solid var(--HG2);}
.TD30hg2p20{padding-left:20px;height:30px;background:var(--HG2); color:var(--TXT1);}

/* Auswahl Menü Links */
.SELbutML{ margin:5px;width:80%;background:var(--HGt);color:var(--TXT2);text-align:left;font-size:16px;border:none;
           border-bottom:1px solid var(--TXTLB1);cursor:pointer; }
.SELbutML:hover{ background:var(--HGt);border-left:2px solid var(--HG2); }

.c_Suchen{ width:80%;background:var(--HGt);color:var(--TXT1);font-size:16px;border:1px solid var(--TXTLB1); }

/* END in use */



/*
.c_zoom{ width:30px;background:url(Pic/Line.png);vertical-align:middle;text-align:center;font-size:31px;cursor:pointer;overflow:hidden; }

/ Für Bewertung /
.TDhgp10{padding:10px;vertical-align:top;background:var(--HG3);color:#ccc;border-left:2px solid var(--HG2);}
#Box{position:absolute;margin-top:5px;height:20px;overflow:hidden;}
#Container{position:relative;max-height:100px;width:788px;overflow:auto;}

/ Für Impressum /
.TBhg{ padding-left:20px;height:25px;background:transparent;color:var(--TXT1);font-size:16px;border-left:2px solid var(--HG2);}

/ Für Zoom Bilder /
.FRM{background:var(--HG3);background:url(Pic/0066cc.jpg); }
.ico{height:50px;cursor:pointer;}

/ Für Kontakt
.c_hovlin:hover{text-decoration:underline;}

/
.butanz{ background:var(--HG3);color:var(--TXT1);}
.butanz:hover{ background:#123456; }

*/