/* 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 prozent
   für div in kombination mit float
*/
.W100{width:100%;}
.W75{width:75%;}
.W50{width:50%;}
.W47{width:47%;}
.W25{width:25%;}
.W33{width:33.33333333%;}
.W20{width:20%;}
.W14{width:14.1%}
.W10{width:10%}

/* breite in em
   zb. für input 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;}


/* höhe */
.H60x{height:60px;}
.H80x{height:80px;}
.H100{height:100%;}
.H120x{height:120px;}
.H100x{height:100px;}
.H200x{height:200px;}
.H300x{height:300px;}
.H400x{height:400px;}

.W100x{height:100px;}
.W120x{height:120px;}
.W200x{height:200px;}
.W300x{height:300px;}
.W400x{height:400px;}


/* abstände */
.NOM{margin:0;}
.NOP{padding:0;}
.MR5x{margin-right:5px;}
.ML5x{margin-left:5px;}
.MR10x{margin-right:10px;}
.ML10x{margin-left:10px;}
.M5x{margin:5px;}
.P1{padding:1%;}
.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;}
.DAC{width:80%;margin:0 auto 0 auto;}
.FLL{float: left;}
.FLR{float: right;}
.DPB{display:block;}
.DPI{display:inline;}
.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;}

/* 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 */
.LST01 { list-style-type: upper-roman;}
.LST02 { list-style-type: lower-roman;}
.LST03 { list-style-type: upper-alpha;}
.LST04 { list-style-type: lower-alpha;}
.LST05 { list-style-type: circle;}
.LST06 { list-style-type: disc;}
.LST07 { list-style-type: circle;}
.LST08 { list-style-type: decimal;}