/* HÖLLE HELL dont! never ever use stern/star
.CLASS * {display:inline;}
*/

/* background color */
.bg00{background-color:lime;}
.bg01{background-color:#FFD1A4;}
.bg02{background-color:#E1FBBF;}
.bg03{background-color:#B0DAF9;}
.bg04{background-color:#edeaa9;}
.bg05{background-color:#f9d7b0;}
.bg06{background-color:#dcfaaf;}
.bg07{background-color:#aefbd0;}
.bg08{background-color:#ade0fc;}
.bg09{background-color:#adbbfc;}
.bg10{background-color:#c6c8e3;}
.bg11{background-color:#dde3c6;}
.bg12{background-color:#fff;}
.bg13{background-color:#000;}
.bg20{background-color:#FF0000;}
.bg21{background-color:#FF6600;}
.bg22{background-color:#FFE500;}
.bg23{background-color:#33FF00;}
.bg24{background-color:#BFCFFF;}
.bg25{background-color:#FFBFDC;}
.bg26{background-color:#EABFFF;}
.bg27{background-color:#FFBFBF;}

/* border color */
.bc11{border-color:lime;}
.bc10{border-color:#FFD1A4;}
.bc09{border-color:#E1FBBF;}
.bc08{border-color:#B0DAF9;}
.bc07{border-color:#edeaa9;}
.bc06{border-color:#f9d7b0;}
.bc05{border-color:#dcfaaf;}
.bc04{border-color:#aefbd0;}
.bc03{border-color:#ade0fc;}
.bc02{border-color:#adbbfc;}
.bc01{border-color:#c6c8e3;}
.bc00{border-color:#dde3c6;}
.bc13{border-color:#fff;}
.bc12{border-color:#000;}

.bc20{border-color:#FF0000;}
.bc21{border-color:#FF6600;}
.bc22{border-color:#FFE500;}
.bc23{border-color:#33FF00;}
.bc24{border-color:#BFCFFF;}
.bc25{border-color:#FFBFDC;}
.bc26{border-color:#EABFFF;}
.bc27{border-color:#FFBFBF;}

/* border type */
.bt01{border:3px outset;}
.bt02{border:1px solid;}
.bt03{border:3px inset;}
.NOB{border:none;}

/* text color */
.tc11{color:lime;}
.tc10{color:#FFD1A4;}
.tc09{color:#E1FBBF;}
.tc08{color:#B0DAF9;}
.tc07{color:#edeaa9;}
.tc06{color:#f9d7b0;}
.tc05{color:#dcfaaf;}
.tc04{color:#aefbd0;}
.tc03{color:#ade0fc;}
.tc02{color:#adbbfc;}
.tc01{color:#c6c8e3;}
.tc00{color:#dde3c6;}
.tc13{color:#fff;}
.tc12{color:#000;}
.tc20{color:#FF0000;}
.tc21{color:#FF6600;}
.tc22{color:#FFE500;}
.tc23{color:#33FF00;}
.tc24{color:#BFCFFF;}
.tc25{color:#FFBFDC;}
.tc26{color:#EABFFF;}
.tc27{color:#FFBFBF;}

/* font-family */
.ff01{font-family:"Courier New", Courier, monospace;}
.ff02{font-family:"MS Serif", "New York", serif;}
.ff03{font-family:"Times New Roman", Times, serif;}
.ff04{font-family:"MS Sans Serif", Geneva, sans-serif;}
.ff05{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}
.ff06{font-family:Arial, Helvetica, sans-serif;}

/* font-size */
.fs1{font-size:xx-small;}
.fs2{font-size:x-small;}
.fs3{font-size:smaller;}
.fs4{font-size:small;}
.fs5{font-size:medium;}
.fs6{font-size:large;}
.fs7{font-size:larger;}
.fs8{font-size:x-large;}
.fs9{font-size:xx-large;}
.fs07e{font-size:0.7em;}
.fs08e{font-size:0.8em;}
.fs09e{font-size:0.9em;}
.fs10e{font-size:1em;}
.fs11e{font-size:1.1em;}
.fs12e{font-size:1.2em;}
.fs13e{font-size:1.3em;}
.fs14e{font-size:1.4em;}
.fs15e{font-size:1.5em;}
.fs16e{font-size:1.6em;}
.fs17e{font-size:1.7em;}
.fs18e{font-size:1.8em;}
.fs19e{font-size:1.9em;}
.fs20e{font-size:2em;}


/* breite in em
   zb. für ul elemente, damit der abstand zwischen text und rand geringer ist
   standardrand nimmt mit der wortlänge zu, find ich nicht gut!!!
*/
.W1e{width:1em;}
.W2e{width:2em;}
.W3e{width:3em;}
.W4e{width:4em;}
.W5e{width:5em;}
.W6e{width:6em;}
.W7e{width:7em;}
.W8e{width:8em;}

.W10x{width:10px;}
.W20x{width:20px;}
.W30x{width:30px;}
.W40x{width:40px;}
.W50x{width:50px;}
.W60x{width:60px;}
.W70x{width:70px;}
.W80x{width:90px;}
.W100x{width:100px;}
.W110x{width:110px;}
.W120x{width:120px;}
.W130x{width:130px;}
.W140x{width:140px;}
.W150x{width:150px;}
.W160x{width:160px;}
.W170x{width:170px;}
.W180x{width:180px;}
.W190x{width:190px;}
.W200x{width:200px;}
.W250x{width:250px;}
.W300x{width:300px;}
.W350x{width:350px;}
.W350x{width:350px;}
.W400x{width:400px;}
.W450x{width:450px;}
.W500x{width:500px;}
.W550x{width:550px;}
.W600x{width:600px;}
.W650x{width:650px;}
.W700x{width:700px;}
.W750x{width:750px;}
.W800x{width:800px;}
.W850x{width:850px;}
.W900x{width:900px;}
.W950x{width:950px;}
.W1000x{width:1000px;}
.W1020x{width:1020px;}
.W1050x{width:1050px;}
.W1100x{width:1100px;}
.W1150x{width:1150px;}
.W1200x{width:1200px;}


/* breite in prozent */
.W47{width:47%;}
.W25{width:25%;}
.W33{width:33.33333333%;}
.W14{width:14.1%}

.W10{width:10%}
.W20{width:20%;}
.W25{width:25%;}
.W30{width:30%;}
.W35{width:35%;}
.W40{width:40%;}
.W45{width:45%;}
.W50{width:50%;}
.W55{width:55%;}
.W60{width:60%;}
.W65{width:65%;}
.W70{width:70%;}
.W75{width:75%;}
.W80{width:80%;}
.W85{width:85%;}
.W90{width:90%;}
.W95{width:95%;}
.W100{width:100%;}

/* höhe */

.H60x{height:60px;}
.H80x{height:80px;}
.H100x{height:100px;}
.H120x{height:120px;}
.H100x{height:100px;}
.H200x{height:200px;}
.H300x{height:300px;}
.H400x{height:400px;}
.H500x{height:500px;}
.H600x{height:600px;}
.H700x{height:700px;}
.H800x{height:800px;}
.H900x{height:900px;}
.H1000x{height:1000px;}

.MH60x{min-height:60px;}
.MH80x{min-height:80px;}
.MH100x{min-height:100px;}
.MH120x{min-height:120px;}
.MH100x{min-height:100px;}
.MH200x{min-height:200px;}
.MH300x{min-height:300px;}
.MH400x{min-height:400px;}
.MH500x{min-height:500px;}
.MH600x{min-height:600px;}
.MH700x{min-height:700px;}
.MH800x{min-height:800px;}
.MH900x{min-height:900px;}
.MH1000x{min-height:1000px;}





/* abstände */

.NOM{margin:0;}
.NOP{padding:0;}
.MT5x{margin-top:5px;}
.MT10x{margin-top:10px;}
.MT15x{margin-top:15px;}
.MT20x{margin-top:20px;}

.ML5x{margin-left:5px;}
.MR10x{margin-right:10px;}
.ML10x{margin-left:10px;}
.M5x{margin:5px;}
.P1{padding:1%;}
.P2{padding:2%;}
.P3{padding:3%;}
.P4{padding:4%;}
.P1x{padding:1px;}
.P2x{padding:2px;}
.P3x{padding:3px;}
.P4x{padding:4px;}
.P5x{padding:5px;}
.P1e{padding:1em;}
.PT1e{padding:1em 0 0 0;}
.PT11e{padding:1.1em 0 0 0;}
.PT12e{padding:1.2em 0 0 0;}

/* positionierung */
.TAC{text-align:center;}
.TAL{text-align:left;}
.TAR{text-align:right;}
.DAC{margin:0 auto 0 auto;}
.FLL{float: left;}
.FLR{float: right;}
.POSA{position:absolute;}
.POSR{position:relative;}
.R0{right:0px;}
.L0{left:0px;}
.T0{top:0px;}
.B0{bottom:0px;}
.OFA{overflow:auto;}
.CLB{clear:both;}
.CLR{clear:right;}
.CLL{clear:left;}

/* anzeige          */
.VIH {visibility:hidden;}
.VIV {visibility:visible;}
.DPN {display:none;}
.DPB{display:block;}
.DPI{display:inline;}
.Z5{z-index:5 !important;}
.Z10{z-index:10 !important;}
.Z20{z-index:20 !important;}
.Z100{z-index:100 !important;}
.Z1000{z-index:1000 !important;}

/* schreibrichtung */
.kopf{writing-mode:tb-rl;}

/* mischungen */
.bor1{border:1px solid}
.col1{border-color:black; color:black; background-color:white;}
.bor2{border:3px outset}
.col2{border-color:Blue; color:black; background-color:White;}

/* list-style-type */
.LST0 li { list-style-type: none;}
.LST1 li { list-style-type: upper-roman;}
.LST2 li { list-style-type: lower-roman;}
.LST3 li { list-style-type: upper-alpha;}
.LST4 li { list-style-type: lower-alpha;}
.LST5 li { list-style-type: circle;}
.LST6 li { list-style-type: disc;}
.LST7 li { list-style-type: circle;}
.LST8 li { list-style-type: decimal;}

/* horizontal machen */
.HOL li {display:inline; margin:5px;}
.HOF li {float:left; margin:5px;}
.NUL {list-style-type: none;margin:0;padding:0;border:none;color:black;background-color:white;font-size:1em;}