/***Basisklassen***/
.aic { align-items:center; }
.aife { align-items:flex-end; }
.aifs { align-items:flex-start; }
.bcol000 { background-color:#000000; }
.bcol007 { background-color:#000077; }
.bcol00f { background-color:#0000ff; }
.bcol0f0 { background-color:#00ff00; }
.bcol256 { background-color:#025600; }
.bcol80 { background-color:#808080; }
.bcolf00 { background-color:#ff0000; }
.bcolfff { background-color:#ffffff; }
.cb { clear:both; }
.cd { cursor:default; }
.classiclink { color:#0000ee; }
.classiclink:active { color:#ff0000; }
.classiclinkvisited { color:#551A8B; }
.col000 { color:#000000; }
.col007 { color:#000077; }
.col00f { color:#0000ff; }
.col0f0 { color:#00ff00; }
.col256 { color:#025600; }
.col80 { color:#808080; }
.colf00 { color:#ff0000; }
.colfff { color:#ffffff; }
.colred { color:#ff0000; }
.cp { cursor:pointer; }
.db { display:block; }
.dn { display:none; }
.dfcc { display:flex; flex-direction:column; align-items:center; }
.dfce { display:flex; flex-direction:column; align-items:flex-end; }
.dfcs { display:flex; flex-direction:column; align-items:flex-start; }
.dfrc { display:flex; flex-direction:row; align-items:center; }
.dfre { display:flex; flex-direction:row; align-items:flex-end; }
.dfrs { display:flex; flex-direction:row; align-items:flex-start; }
.dfx { display:flex; }
.fll { float:left; }
.fll1 { float:left; margin-right:10px; }
.fll2 { float:left; margin-right:20px; }
.flmt { margin-top:10px; }
.flmt2 { margin-top:20px; }
.flr { float:right; }
.flr1 { float:right; margin-left:10px; }
.flr2 { float:right; margin-left:20px; }
.fdc { flex-direction:column; }
.fdr { flex-direction:row; }
.fs01e { font-size:0.1em; }
.fs02e { font-size:0.2em; }
.fs03e { font-size:0.3em; }
.fs04e { font-size:0.4em; }
.fs05e { font-size:0.5em; }
.fs06e { font-size:0.6em; }
.fs07e { font-size:0.7em; }
.fs08e { font-size:0.8em; }
.fs09e { font-size:0.9em; }
.fs10e { font-size:1.0em; }
.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:2.0em; }
.fs01w { font-size:0.1vw; }
.fs02w { font-size:0.2vw; }
.fs03w { font-size:0.3vw; }
.fs04w { font-size:0.4vw; }
.fs05w { font-size:0.5vw; }
.fs06w { font-size:0.6vw; }
.fs07w { font-size:0.7vw; }
.fs08w { font-size:0.8vw; }
.fs09w { font-size:0.9vw; }
.fs10w { font-size:1.0vw; }
.fs11w { font-size:1.1vw; }
.fs12w { font-size:1.2vw; }
.fs13w { font-size:1.3vw; }
.fs14w { font-size:1.4vw; }
.fs15w { font-size:1.5vw; }
.fs16w { font-size:1.6vw; }
.fs17w { font-size:1.7vw; }
.fs18w { font-size:1.8vw; }
.fs19w { font-size:1.9vw; }
.fs20w { font-size:2.0vw; }
.fs21w { font-size:2.1vw; }
.fs22w { font-size:2.2vw; }
.fs23w { font-size:2.3vw; }
.fs24w { font-size:2.4vw; }
.fs25w { font-size:2.5vw; }
.fs26w { font-size:2.6vw; }
.fs27w { font-size:2.7vw; }
.fs28w { font-size:2.8vw; }
.fs29w { font-size:2.9vw; }
.fs30w { font-size:3.0vw; }
.fs31w { font-size:3.1vw; }
.fs32w { font-size:3.2vw; }
.fs33w { font-size:3.3vw; }
.fs34w { font-size:3.4vw; }
.fs35w { font-size:3.5vw; }
.fs36w { font-size:3.6vw; }
.fs37w { font-size:3.7vw; }
.fs38w { font-size:3.8vw; }
.fs39w { font-size:3.9vw; }
.fs40w { font-size:4.0vw; }
.fs41w { font-size:4.1vw; }
.fs42w { font-size:4.2vw; }
.fs43w { font-size:4.3vw; }
.fs44w { font-size:4.4vw; }
.fs45w { font-size:4.5vw; }
.fs46w { font-size:4.6vw; }
.fs47w { font-size:4.7vw; }
.fs48w { font-size:4.8vw; }
.fs49w { font-size:4.9vw; }
.fs50w { font-size:5.0vw; }
.fs01h { font-size:0.1vh; }
.fs02h { font-size:0.2vh; }
.fs03h { font-size:0.3vh; }
.fs04h { font-size:0.4vh; }
.fs05h { font-size:0.5vh; }
.fs06h { font-size:0.6vh; }
.fs07h { font-size:0.7vh; }
.fs08h { font-size:0.8vh; }
.fs09h { font-size:0.9vh; }
.fs10h { font-size:1.0vh; }
.fs11h { font-size:1.1vh; }
.fs12h { font-size:1.2vh; }
.fs13h { font-size:1.3vh; }
.fs14h { font-size:1.4vh; }
.fs15h { font-size:1.5vh; }
.fs16h { font-size:1.6vh; }
.fs17h { font-size:1.7vh; }
.fs18h { font-size:1.8vh; }
.fs19h { font-size:1.9vh; }
.fs20h { font-size:2.0vh; }
.fs21h { font-size:2.1vh; }
.fs22h { font-size:2.2vh; }
.fs23h { font-size:2.3vh; }
.fs24h { font-size:2.4vh; }
.fs25h { font-size:2.5vh; }
.fs26h { font-size:2.6vh; }
.fs27h { font-size:2.7vh; }
.fs28h { font-size:2.8vh; }
.fs29h { font-size:2.9vh; }
.fs30h { font-size:3.0vh; }
.fs31h { font-size:3.1vh; }
.fs32h { font-size:3.2vh; }
.fs33h { font-size:3.3vh; }
.fs34h { font-size:3.4vh; }
.fs35h { font-size:3.5vh; }
.fs36h { font-size:3.6vh; }
.fs37h { font-size:3.7vh; }
.fs38h { font-size:3.8vh; }
.fs39h { font-size:3.9vh; }
.fs40h { font-size:4.0vh; }
.fs41h { font-size:4.1vh; }
.fs42h { font-size:4.2vh; }
.fs43h { font-size:4.3vh; }
.fs44h { font-size:4.4vh; }
.fs45h { font-size:4.5vh; }
.fs46h { font-size:4.6vh; }
.fs47h { font-size:4.7vh; }
.fs48h { font-size:4.8vh; }
.fs49h { font-size:4.9vh; }
.fs50h { font-size:5.0vh; }
.fsi { font-style:italic; }
.fvsc { font-variant:small-caps; }
.fwb { font-weight:bold; }
.gold { color:#d4af37; }
.goldbg { background-color:#d4af37; }
.h1 { height:1%; }
.h2 { height:2%; }
.h3 { height:3%; }
.h4 { height:4%; }
.h5 { height:5%; }
.h6 { height:6%; }
.h7 { height:7%; }
.h8 { height:8%; }
.h9 { height:9%; }
.h10 { height:10%; }
.h15 { height:15%; }
.h18 { height:18%; }
.h20 { height:20%; }
.h25 { height:25%; }
.h30 { height:30%; }
.h33 { height:33%; }
.h35 { height:35%; }
.h40 { height:40%; }
.h45 { height:45%; }
.h49 { height:49%; }
.h50 { height:50%; }
.h55 { height:55%; }
.h60 { height:60%; }
.h65 { height:65%; }
.h70 { height:70%; }
.h75 { height:75%; }
.h80 { height:80%; }
.h85 { height:85%; }
.h90 { height:90%; }
.h95 { height:95%; }
.h99 { height:99%; }
.h100 { height:100%; }
.jcc { justify-content:center; }
.jcfe { justify-content:flex-end; }
.jcfs { justify-content:flex-start; }
.ml5pz { margin-left:5%; }
.ml10pz { margin-left:10%; }
.ovfxhya { overflow-x:hidden; overflow-y:auto; }
.ovfxayh { overflow-x:auto; overflow-y:hidden; }
.ovfa { overflow-x:auto; overflow-y:auto; }
.ovfh { overflow-x:hidden; overflow-y:hidden; }
.pad0px { padding:0px; }
.pad0pz { padding:0%; }
.pad1 { padding:1%; }
.pad10 { padding:10%; }
.pad10 { padding:10px; }
.pad10px { padding:10px; }
.pad10pz { padding:10%; }
.pad15 { padding:15%; }
.pad15 { padding:15px; }
.pad15px { padding:15px; }
.pad15pz { padding:15%; }
.pad1px { padding:1px; }
.pad1pz { padding:1%; }
.pad2 { padding:2%; }
.pad20 { padding:20%; }
.pad20 { padding:20px; }
.pad20px { padding:20px; }
.pad20pz { padding:20%; }
.pad2px { padding:2px; }
.pad2pz { padding:2%; }
.pad3 { padding:3%; }
.pad3px { padding:3px; }
.pad3pz { padding:3%; }
.pad5 { padding:5%; }
.pad5 { padding:5px; }
.pad5px { padding:5px; }
.pad5pz { padding:5%; }
.pad8 { padding:8%; }
.pad8px { padding:8px; }
.pad8pz { padding:8%; }
.padlr30 { padding-left:30px; padding-right:30px; }
.pdb10px { padding-bottom:10px; }
.pdb10pz { padding-bottom:10%; }
.pdb1px { padding-bottom:1px; }
.pdb1pz { padding-bottom:1%; }
.pdb20px { padding-bottom:20px; }
.pdb20pz { padding-bottom:20%; }
.pdb2px { padding-bottom:2px; }
.pdb2pz { padding-bottom:2%; }
.pdb30px { padding-bottom:30px; }
.pdb30pz { padding-bottom:30%; }
.pdb3px { padding-bottom:3px; }
.pdb3pz { padding-bottom:3%; }
.pdb5px { padding-bottom:5px; }
.pdb5pz { padding-bottom:5%; }
.pdb8px { padding-bottom:8px; }
.pdb8pz { padding-bottom:8%; }
.pdl10 { padding-left:10px; }
.pdl10px { padding-left:10px; }
.pdl10pz { padding-left:10%; }
.pdl1px { padding-left:1px; }
.pdl1pz { padding-left:1%; }
.pdl20 { padding-left:20px; }
.pdl20px { padding-left:20px; }
.pdl20pz { padding-left:20%; }
.pdl2px { padding-left:2px; }
.pdl2pz { padding-left:2%; }
.pdl30 { padding-left:30px; }
.pdl30px { padding-left:30px; }
.pdl30pz { padding-left:30%; }
.pdl3px { padding-left:3px; }
.pdl3pz { padding-left:3%; }
.pdl5px { padding-left:5px; }
.pdl5pz { padding-left:5%; }
.pdl8px { padding-left:8px; }
.pdl8pz { padding-left:8%; }
.pdr10 { padding-right:10px; }
.pdr10px { padding-right:10px; }
.pdr10pz { padding-right:10%; }
.pdr20 { padding-right:20px; }
.pdr20px { padding-right:20px; }
.pdr20pz { padding-right:20%; }
.pdr30 { padding-right:30px; }
.pdr30px { padding-right:30px; }
.pdr30pz { padding-right:30%; }
.pdt0px { padding-top:0px; }
.pdt0pz { padding-top:0%; }
.pdt10px { padding-top:10px; }
.pdt10pz { padding-top:10%; }
.pdt1px { padding-top:1px; }
.pdt1pz { padding-top:1%; }
.pdt20px { padding-top:20px; }
.pdt20pz { padding-top:20%; }
.pdt2px { padding-top:2px; }
.pdt2pz { padding-top:2%; }
.pdt30px { padding-top:30px; }
.pdt30pz { padding-top:30%; }
.pdt3px { padding-top:3px; }
.pdt3pz { padding-top:3%; }
.pdt5px { padding-top:5px; }
.pdt5pz { padding-top:5%; }
.pdt8px { padding-top:8px; }
.pdt8pz { padding-top:8%; }
.poa { position:absolute; }
.pof { position:fixed; }
.por { position:relative; }
.tac { text-align:center; }
.tal { text-align:left; }
.tar { text-align:right; }
.tdlt { text-decoration:line-through; }
.tdn { text-decoration:none; }
.w1 { width:1%; }
.w2 { width:2%; }
.w3 { width:3%; }
.w4 { width:4%; }
.w5 { width:5%; }
.w6 { width:6%; }
.w7 { width:7%; }
.w8 { width:8%; }
.w9 { width:9%; }
.w10 { width:10%; }
.w15 { width:15%; }
.w18 { width:18%; }
.w20 { width:20%; }
.w25 { width:25%; }
.w30 { width:30%; }
.w33 { width:33%; }
.w35 { width:35%; }
.w40 { width:40%; }
.w45 { width:45%; }
.w49 { width:49%; }
.w50 { width:50%; }
.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%; }
.zi1 { z-index:1; }
.zi10 { z-index:1; }
.zi20 { z-index:1; }
.zi30 { z-index:1; }
.zi40 { z-index:1; }
.zi50 { z-index:1; }
.zi100 { z-index:1; }
.zi200 { z-index:1; }
.zi300 { z-index:1; }
.zi400 { z-index:1; }
.zi500 { z-index:1; }
.zi600 { z-index:1; }
.zi700 { z-index:1; }
.zi800 { z-index:1; }
.zi900 { z-index:1; }
.zi920 { z-index:1; }
.zi950 { z-index:1; }
.zi970 { z-index:1; }
.zi975 { z-index:1; }
.zi990 { z-index:1; }
.zi999 { z-index:1; }



/***Erweiterte Basisklassen***/

//.back { width:100%; height:9000%; position:fixed; top:0px; left:0px; background:url(images/2.png) repeat; z-index:700; cursor:default; }
.back { width:100%; height:9000%; position:fixed; top:0px; left:0px; background:url(images/2.png) repeat; z-index:700; cursor:pointer; }
.back2 { width:100%; height:9000%; position:fixed; top:0px; left:0px; background:url(images/2.png) repeat; z-index:1700; cursor:pointer; }
.bg { width:100%; height:100%; background:url(images/1.png) repeat; border:none; }
.blur { width:100%; height:9000%; position:fixed; top:0px; left:0px; backdrop-filter:blur(10px); z-index:995; display:none; }
//.open { width:90%; height:90%; position:fixed; top:10%; left:5%; z-index:900; }
//.open { width:90%; height:90%; position:fixed; top:5%; left:5%; z-index:900; }
.open { width:80%; height:80%; position:fixed; top:10%; left:10%; z-index:900; }
.open2 { width:80%; height:80%; position:fixed; top:10%; left:10%; z-index:1900; }



/***Individuelle Klassen***/

.headmenu { width:100%; position:fixed; top:10%; left:0; background-color:#333333; z-index:180; display:none; }   /* top:0; height:90%; margin-top:50px;  */
.headnavi { width:100%; height:80px; position:fixed; top:0; left:0; padding-top:10px; z-index:20; }
.inputeinzeilig { width:100%; margin-top:5px; font-family:Calibri, Arial; background-color:#f0f0f0; font-size:0.9em; }
.load { width:128px; height:450px; background:url(images/load.gif); margin:auto; position:fixed; top:0; left:0; bottom:0; right:0; z-index:999; display:none; }
.logsasubm { font-size:0.8em; color:#000077; text-shadow:0px -1px 0px #555555, 0px 1px 0px #eeeeee; background-color:#dddddd; border:1px solid #303030; padding-top:2px; padding-bottom:2px; margin-top:15px; cursor:pointer; }
.logsasubm:hover { color:#ffffff; background-color:#000077; border:1px solid #dddddd; }
.logsasubm:active { color:#808080; border:1px inset #aaaaaa; box-shadow:inset 1px 1px 5px #111111; }
.menubox { float:right; max-width:60px; height:50px; }
.menuboxdiv { float:right; max-width:60px; height:100%; background:url(images/menu.png) no-repeat 80% center right; cursor:pointer; }
.menulogout { border:none; width:100%; display:block; background-color:transparent; color:#ffffff; transition:background 1.0s, color 1.0s; font-weight:bold; text-align:left; padding:4px; padding-left:20px; padding-bottom:5px; cursor:pointer; }
.menulogout:hover { background-color:#cccccc; color:#000077; transition:background 0.3s, color 0.3s; }
.menurow { background-color:transparent; color:#ffffff; transition:background 1.0s, color 1.0s; font-weight:bold; text-align:left; padding:4px; padding-left:20px; border-top:1px solid #ffffff; cursor:pointer; }
.menurow:hover { background-color:#cccccc; color:#000077; transition:background 0.3s, color 0.3s; }
.menurowlogout { background-color:transparent; color:#ffffff; transition:background 1.0s, color 1.0s; font-weight:bold; text-align:left; border-top:1px solid #ffffff; cursor:pointer; }
.menurowlogout:hover { background-color:#cccccc; color:#000077; transition:background 0.3s, color 0.3s; }
/* .menurowsub { background:url(images/navpfeil_rechts_weiss.png) no-repeat center right 20px; background-color:transparent; color:#ffffff; transition:background 1.0s, color 1.0s; font-weight:bold; text-align:left; padding:4px; padding-left:20px; border-top:1px solid #ffffff; cursor:pointer; } */
/* .menurowsub:hover { background:url(images/navpfeil_rechts.png) no-repeat center right 20px #cccccc; background-color:#cccccc; color:#000077; transition:background 0.3s, color 0.3s; } */
.menusmall { float:right; cursor:pointer; }
.menusmall:hover { background-color:#aaaaaa; }
.startpicimg { position:relative; z-index:1; }
.startpicimg img { display:none; height:100%; max-width:100%; object-fit:cover; position:absolute; z-index:1; }   /*  */
.startpicplaceholder {  }
.startpicimg #eins { display:block; }
.startpicimgpl { position:relative; }
.startpicimgpl img { height:100%; width:100%; object-fit:cover; box-shadow:4px 4px 10px 4px #444444; }   /* width:100%;  */
.regbox { position:fixed; top:10%; left:10%; width:80%; height:80%; background-color:#ffffff; border:3px solid #606060; -moz-border-radius:5px; border-radius:5px; box-shadow:4px 4px 10px 4px #444444; padding:20px; margin-top:-20px; margin-left:-20px; }
button{ background-color:#ffffff; }







/***Bisherige Klassen***/
.afterstlink { margin-left:5px; }
.aktive { font-weight:bold; font-size:2.9vw; }
.angemeldet { width:100%; color:#808080; text-align:right; padding-right:15px; text-decoration:none; position:fixed; top:9%; left:0px; }
.audiotag { position:relative; z-index:1; }
.audiotag #eins { display:block; }
.audiotag audio { display:none; max-width:60%; position:absolute; z-index:1; margin-left:130px; }
.audiotag audio { display:none; max-width:60%; position:absolute; z-index:1; margin-left:130px; margin-top:80px; }
.audiotagpl { position:relative; }
.audiotagpl img { width:100px; height:30px; }
.autoload { display:none; }
.b {  }
.basicsinh { position:relative; height:80%; }
.basicstex { font-size:0.9em; color:#000000; text-align:justify; padding-right:20px; max-height:100%; overflow-x:hidden; overflow-y:auto; }
.basicstex ul { list-style:circle; }
.basicstit { font-size:1.3em; color:#000000; font-weight:bold; text-decoration:underline; padding-bottom:15px; }
.beitext { font-size:0.7em; padding-left:28px; padding-top:1px; }
/* .body { width:100%; height:100%; font-family:Calibri, Arial; font-size:1.2vw; color:000077; background-color:#fafafa; overflow:hidden; } */
.body { width:100%; height:100%; font-family:Calibri, Arial; font-size:1.2vw; color:000077; overflow:hidden; background:#fafafa url("images/wettkampf.png") no-repeat center center / 100%; }
.borderright6 { border-right:1px solid #666666; }
.borderround20 { border:2px solid #808080; border-radius:20px; }
.boxin { box-shadow:inset 4px 4px 10px 2px #444444; padding:8px; }
.boxtext { font-size:1.4vw; padding:0.4vw; }
.boxtextdiv { float:left; width:30%; padding-right:1vw; margin-top:1%; }
.brsmall { font-size:0.4em; }
.brsmalllog { font-size:8px; }
.brtiny { font-size:0.2em; }
.button { display:block; width:90%; height:18%; font-family:Calibri, Arial; color:#000000; text-align:center; -moz-border-radius:15px; border-radius:15px; -moz-border-radius:15px; border-radius:15px; cursor:pointer; }
.buttonb { display:block; width:100%; height:18%; font-family:Calibri, Arial; color:#000000; text-align:center; -moz-border-radius:15px; border-radius:15px; -moz-border-radius:15px; border-radius:15px; cursor:pointer; }
.buttonleer { font-family:Calibri, Arial; font-size:1.3vw; font-weight:bold; border:2px solid #000077; border-radius:30px; background-color:#ffffff; transition:background-color 0.3s, color 0.3s; color:#000077; padding:0.7vw; padding-left:1.2vw; padding-right:1.2vw; }
.buttonleer:active { border:2px solid #ffffff; background-color:#000077; color:#ffffff; }
.buttonleer:hover { background-color:#000077; color:#ffffff; transition:background-color 0.3s, color 0.3s; }
.buttonm { display:block; width:90%; font-family:Calibri, Arial; color:#000000; text-align:center; height:10%; -moz-border-radius:15px; border-radius:15px; -moz-border-radius:15px; border-radius:15px; cursor:pointer; }
.buttonmb { display:block; width:100%; height:10%; font-family:Calibri, Arial; color:#000000; text-align:center; -moz-border-radius:15px; border-radius:15px; -moz-border-radius:15px; border-radius:15px; cursor:pointer; }
.buttontext1 { position:relative; top:50%; margin-top:-0.7em; font-size:3.5vh; }
.buttontext2 { position:relative; top:50%; margin-top:-1.4em; font-size:3.5vh; }
.buttontextm1 { position:relative; top:50%; margin-top:-0.7em; font-size:1.8vh; }
.buttontextm2 { position:relative; top:50%; margin-top:-1.2em; font-size:1.8vh; }
.center { text-align:center; }
.checkbox { background-color:#f0f0f0; cursor:pointer; }
.checkbox { cursor:pointer; }
.checkbox:hover {  }
.checkbox:hover { background-color:#000000; }
.checkboxul { list-style-type:none; padding-left:0; margin:0; border-radius:4px; }
.checkboxul:hover { background-color:#bbbbbb; }
.checkboxul:hover { background-color:#dddddd; }
.clip { clear:left; border:1px solid #999999; box-shadow:4px 4px 10px 2px #444444; transition:background-color 1.0s; cursor:pointer; }
.clip input {margin:0 1em 0 0; float:left; padding:0; }
.clip p { margin:0 0 1.5em 0; }
.clip:active { box-shadow:4px 4px 10px 0px #444444; }
.clip:after { content:\".\"; display:block; height:0; clear:left; visibility:hidden; }
.clip:hover { background-color:#cccccc; transition:background-color 0.3s; }
.close { font-family:Comic Sans MS, Calibri; font-size:5.0vh; font-weight:bold; color:#888888; transition:color 0.3s; margin-top:-5px; cursor:pointer; position:relative; z-index:901; float:right; }
.close:active { color:#dd0000; }
.close:hover { color:#ff0000; transition:color 0.2s; }
.closemap { background-color:#ffffff; color:#ff0000; padding:5px; padding-left:8px; padding-right:8px; border-left:2px solid #000000; border-bottom:2px solid #000000; margin-top:0px; transition:background-color 0.3s; }
.closemap:hover { background-color:#cccccc; transition:background-color 0.2s; }
.closevideo { font-family:Comic Sans MS, Calibri; font-size:5.0vh; font-weight:bold; color:#888888; transition:color 0.3s; cursor:pointer; position:fixed; top:1%; right:5%; z-index:901; }
.closevideo:active { color:#dd0000; }
.closevideo:hover { color:#ff0000; transition:color 0.2s; }
.closevideoX { padding:10px; padding-bottom:15px; }
.closeX { padding:10px; padding-bottom:15px; background-color:#efffe9; }
.codebg { border:none; background:url(images/2.png) repeat; width:100%; height:100%; top:0px; left:0px; font-family:Calibri, Arial; font-size:1.0em; position:fixed; display:table-cell; vertical-align:middle; text-align:center; padding-top:40px; padding-bottom:40px; z-index:20; cursor:default; }
.codebgx { font-size:1.0em; font-weight:bold; float:right; color:#ff0000; cursor:pointer; z-index:60; padding-left:5px; padding-right:5px; }
.codebgx:active { color:#bbbbbb; background-color:#dd0000; }
.codebgx:hover { color:#ffffff; background-color:#ff0000; }
.compl {  }
.complbottom { width:100%; height:100px; background-color:#181818; color:#ffffff; padding-left:10px; padding-right:8px; margin-top:30px; margin-left:-10px; }
.complbottomsmall { width:100%; background-color:#181818; color:#ffffff; padding-left:10px; padding-right:8px; margin-top:30px; margin-left:-10px; display:none; }
.complcenter { width:80%; }
.complcenterbottomsmall { width:100%; text-align:left; }
.complcenterleft { width:95%; float:right; margin-right:3%; text-align:left; }
.complcentersmall { width:95%; }
.compltop { width:100%; position:fixed; top:0; left:0; background-color:#fafafa; z-index:2; }
.compltopsmall { width:100%; height:50px; position:fixed; top:0; left:0; background-color:#000077; z-index:180; display:none; }
.compltopsmall { width:100%; height:50px; position:fixed; top:0; left:0; background-color:#333333; z-index:180; display:none; }
.dankeaktive { font-weight:bold; font-size:40px; }
.dankehead { width:50%; float:left; }
.dankeheadhigh { width:100%; }
.dankeinput_wertung { font-size:35px; color:#000000; padding:5px; }
.dankemain { width:50%; float:left; }
.dankemainhigh { width:100%; }
.dankestartnummer { height:50px; }
.dankesubmit { font-size:30px; }
.danketotal { display:none; }
.dankeverein { font-weight:bold; font-size:30px; }
.dankewertung { font-size:35px; color:#000000; }
.dankezusatzinfo { font-size:30px; }
.delete { font-family:Calibri, Arial; font-size:0.7em; font-weight:bold; border:2px solid #cc0000; background:url(images/delete2.png) no-repeat center left 10px #ffffff; background-size:15px; color:#cc0000; transition:background 0.3s, color 0.3s; padding:5px; padding-left:35px; padding-right:10px; margin-left:10px; cursor:pointer; }
.delete:active { border:2px solid #ffffff; background-color:#cc0000; color:#ffffff; }
.delete:hover { background:url(images/delete2_on.png) no-repeat center left 10px #cc0000; background-size:15px; color:#ffffff; transition:background 0.3s, color 0.3s; }
.deletebox { position:fixed; top:30%; left:25%; width:50%; background-color:#efffe9; border:3px solid #606060; -moz-border-radius:5px; border-radius:5px; padding:20px; }
/* .deletebox { position:fixed; top:30%; left:25%; width:50%; background-color:#efffe9; border:3px solid #606060; -moz-border-radius:5px; border-radius:5px; padding:20px; cursor:pointer; } */
.deleteboxdelete { font-family:Calibri, Arial; font-size:0.7em; font-weight:bold; border:2px solid #cc0000; background-color:#ffffff; color:#cc0000; transition:background 0.3s, color 0.3s; padding:5px; padding-left:10px; padding-right:10px; margin-left:10px; }
.deleteboxdelete { font-family:Calibri; font-size:0.7em; font-weight:bold; border:2px solid #cc0000; background-color:#ffffff; color:#cc0000; transition:background 0.3s, color 0.3s; padding:5px; padding-left:10px; padding-right:10px; margin-left:10px; }
.deleteboxdelete:active { border:2px solid #ffffff; background-color:#cc0000; color:#ffffff; }
.deleteboxdelete:hover { background-color:#cc0000; color:#ffffff; transition:background 0.3s, color 0.3s; }
.deleteboxsubmit { font-family:Calibri, Arial; font-size:0.7em; font-weight:bold; border:2px solid #025600; background-color:#ffffff; color:#025600; transition:background 0.3s, color 0.3s; padding:5px; padding-left:10px; padding-right:10px; }
/* .deleteboxsubmit:active { border:2px solid #ffffff; background-color:#025600; color:#ffffff; } */
.deleteboxsubmit:active { border:2px solid #ffffff; background-color:#025600; color:#ffffff; cursor:pointer; }
.deleteboxsubmit:hover { background-color:#025600; color:#ffffff; transition:background 0.3s, color 0.3s; }
.einloggen { font-size:1.4vw; padding:0.3vw; padding-left:0.8vw; padding-right:0.8vw; }
.entsperren-button { width:150px; font-family:Calibri, Arial; font-size:0.7em; font-weight:bold; border:2px solid #025600; background-color:#ffffff; color:#025600; transition:background-color 0.3s, color 0.3s; padding:5px; padding-left:10px; padding-right:10px; cursor:pointer; }
.entsperren-button:active { border:2px solid #ffffff; background-color:#025600; color:#ffffff; }
.entsperren-button:hover { background-color:#025600; color:#ffffff; transition:background-color 0.3s, color 0.3s; }
.faq { border:1px solid #cccccc; margin-top:15px; }
.faqactive { background-color:#eeeeee; border:1px solid #cccccc; margin-top:15px; }
.feet { width:80%; padding-top:4px; }
.feetbreak { width:10px; border-left:1px solid #ffffff; }
.feetlink { padding-left:10px; padding-right:10px; color:#ffffff; background-color:transparent; transition:color 1.0s, background-color 1.0s; text-decoration:none; cursor:pointer; }
.feetlink:hover { color:#333333; background-color:#dddddd; transition:color 0.3s, background-color 0.3s; }
.feetlinkend { margin-left:3px; }
.feetlinkendsmall {  color:#ffffff; text-decoration:none; }
.feetlinkflow { margin-left:3px; }
.feetlinksmall { color:#ffffff; text-decoration:none; }
.feetlinkstart {  }
.feetsmall { width:80%; }
.formdelete { font-family:Calibri, Arial; font-size:0.7em; font-weight:bold; border:2px solid #cc0000; border-radius:6px; background:url(images/delete.png) no-repeat center left 10px #ffffff; background-size:15px; color:#cc0000; transition:background 0.3s, color 0.3s; padding:5px; padding-left:35px; padding-right:10px; margin-left:10px; }
.formdelete:active { border:2px solid #ffffff; background-color:#cc0000; color:#ffffff; }
.formdelete:hover { background:url(images/delete_on.png) no-repeat center left 10px #cc0000; background-size:15px; color:#ffffff; transition:background 0.3s, color 0.3s; }
.formsignin { font-family:Calibri, Arial; font-size:0.7em; font-weight:bold; border:2px solid #0000ff; border-radius:6px; background-color:#ffffff; background-size:15px; color:#0000ff; transition:background 0.3s, color 0.3s; padding:5px; padding-left:10px; padding-right:10px; }
.formsignin:active { border:2px solid #ffffff; background-color:#0000ff; color:#ffffff; }
.formsignin:hover { background-color:#0000ff; background-size:15px; color:#ffffff; transition:background 0.3s, color 0.3s; }
.formsubmit { font-family:Calibri, Arial; font-size:0.7em; font-weight:bold; border:2px solid #025600; border-radius:6px; background:url(images/send.png) no-repeat center left 10px #ffffff; background-size:15px; color:#025600; transition:background 0.3s, color 0.3s; padding:5px; padding-left:35px; padding-right:10px; }
.formsubmit:active { border:2px solid #ffffff; background-color:#025600; color:#ffffff; }
.formsubmit:hover { background:url(images/send_on.png) no-repeat center left 10px #025600; background-size:15px; color:#ffffff; transition:background 0.3s, color 0.3s; }
.fpw { font-family:Calibri, Arial; font-size:14px; font-weight:bold; color:#ffffff; background-color:#ff0000; padding-top:1px; padding-bottom:1px; display:block; }
.head { width:50%; float:left; }
.head { width:80%; height:100px; padding-top:10px; }
.headhigh { width:100%; }
.headlogo { width:100px; height:120px; float:left; margin-left:70px; background:url(images/logo200.png) no-repeat center center #ffffff; transition:background 1.0s; border:1px solid #999999; box-shadow:4px 4px 10px 4px #444444; z-index:10; margin-top:10px; }
.headlogo:active { box-shadow:4px 4px 10px 0px #444444; }
.headlogo:hover { background:url(images/logo_maeuse.png) no-repeat center center #dddddd; transition:background 0.3s; }
.headlogolink { z-index:10; }
.headlogosmall { float:left; }
.headlogout { border:none; height:50px; background:url(images/logout6.png) no-repeat center left 10px; background-color:transparent; color:#ffffff; font-size:18px; font-weight:bold; font-variant:small-caps; text-align:left; padding:10px; padding-top:5px; padding-left:40px; padding-right:15px; cursor:pointer; }
.headlogout:hover { background:url(images/logout6_active.png) no-repeat center left 10px; background-color:#cccccc; color:#000077; }
//.headmenu { width:100%; height:90%; position:fixed; top:0; left:0; margin-top:50px; background-color:#000077; z-index:180; display:none; }
//.headmenu { width:100%; height:90%; position:fixed; top:0; left:0; margin-top:50px; background-color:#333333; z-index:180; display:none; }
//.headnavi { width:100%; height:80px; position:fixed; top:0; left:0; padding-top:10px; z-index:20; }
.headnavilogout { font-weight:bold; text-align:left; cursor:pointer; }
.headnavilogout:hover {  }
.headnavismall { width:100%; }
.importantbox { width:100%; box-shadow:4px 4px 10px 2px #444444; }
.importantboxin { background:url('images/1.png') no-repeat top left #ffccdd; font-size:0.9em; text-align:left; padding:12px; }
.importantboxpad { background-color:#ff0000; padding:1%; }
.importantboxsmall { width:100%; box-shadow:4px 4px 10px 2px #444444; }
.importantbr { margin-bottom:10px; }
.importantlink { background:url(images/navpfeil_rechts.png) no-repeat center left 5px #ffccdd; padding-left:25px; padding-right:10px; color:#000000; text-decoration:none; font-weight:bold; }
.importantlink:hover { background:url(images/navpfeil_rechts.png) no-repeat center left 5px #ff8899; }
.infobox { width:100%; background:url('images/1.png') no-repeat top left #ffccdd; border:1px solid #999999; box-shadow:4px 4px 10px 2px #444444; margin-top:20px; padding-top:20px; padding-bottom:20px; }
.innerbox { width:100%; padding:20px; padding-right:0px; }
.input_admin { font-size:1.0em; }
.input_wertung { font-size:2.5vw; color:#000000; padding:0.5vw; }
.inputdatum { margin-top:5px; font-family:Calibri, Arial; font-size:1.0em; background-color:#f0f0f0; font-size:0.9em; }
//.inputeinzeilig { width:100%; margin-top:5px; font-family:Calibri, Arial; font-size:1.0em; background-color:#f0f0f0; font-size:0.9em; }
//.inputeinzeilig { width:100%; margin-top:5px; font-family:Calibri, Arial; font-size:1.1vw; background-color:#f0f0f0; font-size:0.9em; }
.inputmehrzeilig { resize:none; width:100%; height:100px; margin-top:5px; font-family:Calibri, Arial; font-size:1.0em; background-color:#f0f0f0; font-size:0.9em; vertical-align:top; }
.it0z { margin-bottom:10px; }
.it1z { margin-bottom:20px; }
.it2z { margin-bottom:25px; }
.it3z { margin-bottom:35px; }
.it4z { margin-bottom:50px; }
.judgebutton { width:300px; font-family:Calibri, Arial; font-size:15px; font-weight:bold; border:2px solid #000077; border-radius:30px; background:url(images/send.png) no-repeat center left 20px #ffffff; background-size:20px; transition:background 0.3s, color 0.3s; color:#000077; transition:background 0.3s, color 0.3s; padding:10px; padding-left:15px; padding-right:15px; cursor:pointer; }
.judgebutton:active { border:2px solid #ffffff; background-color:#000077; color:#ffffff; }
.judgebutton:hover { background:url(images/send_on.png) no-repeat center left 20px #000077; background-size:20px; color:#ffffff; transition:background 0.3s, color 0.3s; }
.judgeform { width:60%; height:350px; background-color:#d9d9ff; border:2px solid #000077; border-radius:50px; position:fixed; top:50%; left:20%; margin-top:-175px; }
.judgeformtext { font-family:Calibri, Arial; font-size:25px; font-weight:bold; font-variant:small-caps; color:#000077; }
.judgeformtextsub { font-family:Calibri, Arial; font-size:15px; font-weight:bold; font-variant:small-caps; color:#000077; }
.judgeop { width:300px; font-family:Calibri, Arial; font-size:15px; font-weight:bold; text-align:center; border:2px solid #000077; border-top-left-radius:20px; border-top-right-radius:20px; background-color:#ffffff; color:#000077; transition:background 0.3s, color 0.3s; padding:10px; padding-left:15px; padding-right:15px; cursor:pointer; }
.judgeop:active { border:2px solid #ffffff; background-color:#000077; color:#ffffff; }
.judgeop:hover { background-color:#000077; color:#ffffff; transition:background 0.3s, color 0.3s; }
.judgepw { width:300px; font-family:Calibri, Arial; font-size:15px; font-weight:bold; text-align:center; border:2px solid #000077; border-bottom-left-radius:20px; border-bottom-right-radius:20px; background-color:#ffffff; color:#000077; transition:background 0.3s, color 0.3s; padding:10px; padding-left:15px; padding-right:15px; }
.judgepw:active { background-color:#f0f0ff; transition:background 0.3s, color 0.3s; }
.judgepw:hover { background-color:#f0f0ff; transition:background 0.3s, color 0.3s; }
.judgerow { width:296px; height:35px; border-left:2px solid #000077; border-right:2px solid #000077; }
.kraft { clear:left; border:1px solid #999999; box-shadow:4px 4px 10px 2px #444444; transition:background-color 1.0s; cursor:pointer; }
.kraft input {margin:0 1em 0 0; float:left; padding:0; }
.kraft p { margin:0 0 1.5em 0; }
.kraft:active { box-shadow:4px 4px 10px 0px #444444; }
.kraft:after { content:\".\"; display:block; height:0; clear:left; visibility:hidden; }
.kraft:hover { background-color:#cccccc; transition:background-color 0.3s; }
.kzelembox { width:106px; height:106px; background-color:#ffffff; border:2px outset #808080; border-radius:8px; box-shadow:4px 4px 10px 2px #444444; text-align:center; margin-top:15px; margin-left:15px; padding:3px; }   /* vertical-align:middle;   display:grid; grid-template-columns:33% 33% 33%; grid-template-rows:33% 33% 33%; column-gap:50px; row-gap:50px;  */
.kzelembox:active { background-color:#808080; border:2px inset #808080; border-radius:8px; box-shadow:4px 4px 10px -2px #444444;}
.kzelembox:hover { background-color:#808080; }
.kzindibox { width:54px; height:54px; background-color:#ffffff; border:2px outset #808080; border-radius:8px; text-align:center; padding:2px; }   /* box-shadow:4px 4px 10px 2px #444444; margin-top:15px; margin-left:15px;  */
.kzindiboxtext { font-size:12px; text-decoration:underline; text-decoration-style:dotted; }
.kzinnerbox { width:106px; height:106px; background-color:#ffffff; border:2px outset #808080; border-radius:8px; text-align:center; display:table-cell; vertical-align:middle; }
.kzinnerbox img { width:100px; }
.kzinnerindibox { width:54px; height:54px; background-color:#ffffff; border:2px outset #808080; border-radius:8px; text-align:center; display:table-cell; vertical-align:middle; }
.kzinnerindibox img { width:50px; }
.kzmclose { width:120px; height:100%; font-size:15px; color:#cc0000; text-align:center; padding-top:5px; }
.kzmclose:hover { font-weight:bold; background-color:#dddddd; }
.kzmibox { width:90px; height:100%; font-size:15px; color:#808080; text-align:center; background-color:#ffffff; padding-top:5px; }
.kzmibox:hover { color:#000000; background-color:#dddddd; }
.kzmiboxactive { width:90px; height:100%; font-size:15px; color:#000000; text-align:center; background-color:#dddddd; border-bottom:1px solid #0000ff; padding-top:5px; }
.kzopenbox { height:90%; text-align:left; background-color:#ffffff; border:3px solid #606060; -moz-border-radius:5px; border-radius:5px; overflow-x:hidden; overflow-y:auto; }
.kzopenboxhead { width:100%; height:25px; text-align:right; border-bottom:1px solid #606060; padding-top:10px; padding-bottom:10px; }
.kzshowbox { width:80px; text-align:left; background-color:#ffffff; border-left:1px solid #606060; padding-left:10px; padding-right:10px; overflow-x:hidden; overflow-y:auto; }
.kztotalbox { width:100%; text-align:left; background-color:#ffffff; overflow-x:hidden; overflow-y:auto; }
.LayerX { float:right; color:#ff0000; cursor:pointer; }
.leerh  { display:block; width:100%; height:5%; }
.leerv  { width:3%; height:100%; float:left; }
.lefthr { width:3px; height:100%; position:fixed; top:0px; left:0px; background-color:#000077; border-right:1px solid #000077; box-shadow:2px 0px 4px 2px #000077; z-index:1; }
.link { cursor:pointer; text-decoration:none; }
.links  { float:left; width:45%; height:100%; }
.linksb  { float:left; width:94%; height:100%; margin-left:-7px; }
.linksm  { float:left; width:25%; height:100%; }
//.load { width:128px; height:450px; background:url(images/load.gif); margin:auto; position:fixed; top:0; left:0; bottom:0; right:0; z-index:999; display:none; }
.logfenster { width:20%; height:90%; float:left; background-color:#ffffff; }
.loginchronik { width:100%; height:100%; overflow-x:hidden; overflow-y:scroll; }
.loginform { padding:2%; padding-left:20%; }
.loginh3 { font-size:1.6vw; }
.loginLayer { width:340px; height:3420px; position:fixed; top:50%; left:50%; margin-top:-180px; margin-left:-170px; z-index:800; }
.lognutzer { width:100%; padding:10%; padding-top:7%; padding-bottom:7%; font-size:3vh; font-family:Helvetica; border:1px solid #000000; cursor:pointer; }
.lognutzer:hover { background-color:#eeeeee; }
.lognutzerstatus { font-size:2.2vh; float:right; margin-right:15%; }
.logosmall { float:left; height:50px; }
.logosmall:hover { background-color:#aaaaaa; }
.logosmalldiv { float:left; height:100%; background:url(images/logo_maeuse.png) no-repeat 80% center right; cursor:pointer; }
.logout { position:fixed; top:90%; left:88%; width:7%; height:7%; background-color:#dddddd; padding:1%; border:1px solid #000000; font-family:Helvetica; font-size:1.3vw; text-align:center; -moz-border-rdius:8px; border-radius:8px; cursor:pointer; }
.logout:active { background-color:#aaaaaa; }
.logout:hover { background-color:#cccccc; }
.logout2 { position:fixed; top:80%; left:88%; width:5%; height:3%; background-color:#dddddd; padding:1%; border:1px solid #000000; font-family:Helvetica; font-size:1.3vw; text-align:center; -moz-border-rdius:8px; border-radius:8px; cursor:pointer; }
.logoutheadsmall { float:right; cursor:pointer; }
.logoutsmall { float:right; cursor:pointer; }
.logoutsmall:hover {  }
.logsaclo { font-size:0.9em; text-align:center; text-decoration:none; color:#bbbbbb; text-shadow:0px -1px 0px #555555, 0px 1px 0px #eeeeee; background-color:#dddddd; border:1px solid #303030; padding:7px; padding-top:1px; padding-bottom:1px; margin-top:15px; cursor:pointer; }
.logsaclo:active { color:#aaaaaa; border:1px inset #303030; box-shadow:inset 1px 1px 5px #111111; }
.logsaclo:hover { color:#aaaaaa; }
.logsaegf { text-align:center; color:#202020; background-color:#cccccc; margin-top:5px; border-color:#303030; box-shadow:inset 1px 1px 5px #111111; padding-left:3px; padding-right:3px; }
.logsakoe { width:260px; height:320px; background-color:#dddddd; border-radius:3px; padding:10px; box-shadow:8px 8px 5px #111111; }
.logsaschl { margin-top:35px; margin-left:220px; }
.logsaschlb { height:0; width:4px; border-bottom:15px solid #000000; border-left:3px solid transparent; border-right:3px solid transparent; margin-top:-5px; }
.logsaschlt { width:12px; height:12px; background-color:#000000; border-radius:6px; }
.logsaschr { font-size:0.8em; color:#bbbbbb; margin-top:15px; text-shadow:0px -1px 0px #555555, 0px 1px 0px #eeeeee; }
//.logsasubm { font-size:0.8em; color:#bbbbbb; text-shadow:0px -1px 0px #555555, 0px 1px 0px #eeeeee; background-color:#dddddd; border:1px solid #303030; padding-top:2px; padding-bottom:2px; margin-top:15px; cursor:pointer; }
//.logsasubm:active { color:#aaaaaa; border:1px inset #303030; box-shadow:inset 1px 1px 5px #111111; }
//.logsasubm:hover { color:#aaaaaa; }
.logsatue { width:260px; height:320px; background-color:#dddddd; border:1px solid #202020; }
.logsatuekl { margin-top:-50px; margin-left:220px; }
.logsatueklgr { background-color:bbbbbb; border-radius:7px; box-shadow:12px 12px 8px #111111; }
.logsatueklgran { width:10px; height:10px; background-color:bbbbbb; border-radius:7px; margin-top:-10px; box-shadow:12px 8px 8px #111111; }
.logsatueklgransch { width:10px; height:10px; background-color:bbbbbb; border-radius:7px; margin-top:-10px; box-shadow:5px 5px 5px #111111; }
.logsatueklgrauf { width:10px; height:50px; margin-top:-90px; }
.logsatueklgrzu { width:50px; height:10px; margin-left:-40px; }
.logsatueza { width:60px; height:60px; border:1px solid #202020; border-radius:31px; margin-top:15px; background-color:#bbbbbb; box-shadow:3px 3px 5px #000000; }
.logsatuezi { width:9px; height:9px; font-size:0.5em; color:#ffffff; background-color:#a0a0a0; box-shadow:1px 1px 1px #111111; cursor:pointer; float:left; }
.logsatuezi:active { box-shadow:inset 1px 1px 0px #111111; float:left; }
.logsatuezi1 { margin-left:13px; margin-top:7px; border-top-left-radius:5px; }
.logsatuezi10 { margin-left:13px; margin-top:3px; border-bottom-left-radius:5px; }
.logsatuezi11 { margin-left:3px; margin-top:3px; }
.logsatuezi12 { margin-left:3px; margin-top:3px; border-bottom-right-radius:5px; }
.logsatuezi2 { margin-left:3px; margin-top:7px; }
.logsatuezi3 { margin-left:3px; margin-top:7px; border-top-right-radius:5px; }
.logsatuezi4 { margin-left:13px; margin-top:3px; }
.logsatuezi5 { margin-left:3px; margin-top:3px; }
.logsatuezi6 { margin-left:3px; margin-top:3px; }
.logsatuezi7 { margin-left:13px; margin-top:3px; }
.logsatuezi8 { margin-left:3px; margin-top:3px; }
.logsatuezi9 { margin-left:3px; margin-top:3px; }
.logsaueb { font-size:1.0em; font-weight:bold; color:#bbbbbb; padding-top:10px; text-shadow:0px -1px 0px #555555, 0px 1px 0px #eeeeee; }
.main { background-color:#ffffff; border:1px solid #999999; box-shadow:4px 4px 10px 2px #444444; padding:20px; }
.main { width:50%; float:left; }
.mainbutton { background-color:#ffffff; border:2px outset #808080; border-radius:8px; box-shadow:4px 4px 20px 2px #444444; text-align:center; font-family:Calibri, Arial; font-size:2.0vw; font-weight:bold; }   /* font-size:3.5vh;  */
.maindivtext {  }
.mainhead { font-weight:bold; }
.mainhead { font-weight:bold; color:#000077; font-size:1.1em; }
.mainhead { font-weight:bold; font-size:1.2vw; }
.mainheadgiant { font-weight:bold; color:#000077; font-size:1.3em; }
.mainheadgiant { font-weight:bold; font-size:1.3vw; }
.mainheadsub { text-decoration:underline; color:#000077; font-size:1.1em; }
.mainheadsub { text-decoration:underline; font-size:1.1vw; }
.mainhigh { width:100%; }
.mainlink { background:url(images/navpfeil_rechts.png) no-repeat top 10px left 5px; color:#000077; background-color:transparent; transition:background-color 1.0s; font-style:italic; padding:4px; padding-left:25px; padding-right:8px; display:block; cursor:pointer; }
.mainlink:hover { background-color:#cccccc; transition:background-color 0.3s; }
.mainlinktext { background:url(images/navpfeil_rechts.png) no-repeat top 10px left 5px; color:#000077; background-color:transparent; transition:background-color 1.0s; font-style:italic; padding:4px; padding-left:25px; padding-right:8px; cursor:pointer; }
.mainlinktext:hover { background-color:#cccccc; transition:background-color 0.3s; }
.mainsmall { background-color:#ffffff; border:1px solid #999999; box-shadow:4px 4px 10px 2px #444444; padding:20px; }
/* .menubox { float:right; max-width:60px; height:50px; } */
/* .menuboxdiv { float:right; max-width:60px; height:100%; background:url(images/menu.png) no-repeat 80% center right; cursor:pointer; } */
/* .menulogout { border:none; width:100%; display:block; background-color:transparent; color:#ffffff; transition:background 1.0s, color 1.0s; font-weight:bold; text-align:left; padding:4px; padding-left:20px; padding-bottom:5px; cursor:pointer; } */
/* .menulogout:hover { background-color:#cccccc; color:#000077; transition:background 0.3s, color 0.3s; } */
/* .menurow { background-color:transparent; color:#ffffff; transition:background 1.0s, color 1.0s; font-weight:bold; text-align:left; padding:4px; padding-left:20px; border-top:1px solid #ffffff; cursor:pointer; } */
	/* .menurow { background:url(images/navpfeil_rechts_weiss.png) no-repeat center right 20px; color:#ffffff; font-weight:bold; text-align:left; padding:4px; padding-left:20px; border-top:1px solid #ffffff; cursor:pointer; } */
/* .menurow:hover { background-color:#cccccc; color:#000077; transition:background 0.3s, color 0.3s; } */
	/* .menurow:hover { background:url(images/navpfeil_rechts.png) no-repeat center right 20px #cccccc; color:#025600; } */
/* .menurowlogout { background-color:transparent; color:#ffffff; transition:background 1.0s, color 1.0s; font-weight:bold; text-align:left; border-top:1px solid #ffffff; cursor:pointer; } */
/* .menurowlogout:hover { background-color:#cccccc; color:#000077; transition:background 0.3s, color 0.3s; } */
/* .menurowsub { background:url(images/navpfeil_rechts_weiss.png) no-repeat center right 20px; background-color:transparent; color:#ffffff; transition:background 1.0s, color 1.0s; font-weight:bold; text-align:left; padding:4px; padding-left:20px; border-top:1px solid #ffffff; cursor:pointer; } */
/* .menurowsub:hover { background:url(images/navpfeil_rechts.png) no-repeat center right 20px #cccccc; background-color:#cccccc; color:#000077; transition:background 0.3s, color 0.3s; } */
/* .menusmall { float:right; cursor:pointer; } */
/* .menusmall:hover { background-color:#aaaaaa; } */
.mitansbox { width:60%; font-family:Calibri; border:1px solid #cccccc; text-align:left; padding:20px; background-color:#e0e0ff; box-shadow:4px 4px 10px 2px #444444; }
.mitansboxsmall { width:90%; font-family:Calibri; border:1px solid #cccccc; text-align:left; padding:20px; background-color:#e0e0ff; }
.mitanshea { padding:5px; color:#ffffff; font-size:2em; text-align:center; font-variant:small-caps; text-shadow:0px -1px 0px #555555, 0px 1px 0px #eeeeee; }
.mitanssub { font-size:1.2em; font-variant:small-caps; }
.mitansueb { width:100%; background-color:#000077; border:1px solid #aaaaaa; box-shadow:4px 4px 10px 2px #444444; }
.mitanszur { width:95%; text-align:center; border:solid 2px #d1d1d1; border-style:outset; border-radius:8px; padding:5px; cursor:pointer; background:radial-gradient(#ffffff, #ccccff 80%); box-shadow:4px 4px 10px 2px #444444; transition:background 1.0s, box-shadow 1.0s; }
.mitanszur:active { border-style:inset; background:radial-gradient(#e0e0ff, #000077 80%); box-shadow:4px 4px 10px 0px #444444; transition:box-shadow 0.1s; }
.mitanszur:hover { border-style:outset; background:radial-gradient(#e0e0ff, #000077 80%); box-shadow:4px 4px 10px 2px #444444; transition:background 0.3s, box-shadow 0.3s; }
.nam1 { position:relative; left:30px; }
.nam2 { position:relative; left:55px; }
.nam3 { position:relative; left:80px; }
.navi { width:80%; text-align:center; }
.navi { width:80%; text-align:center; margin-top:-16px; }
.navidiv { display:block; float:left; position:relative; font-weight:bold; font-variant:small-caps; color:#000077; text-decoration:none; text-align:right; margin-left:20px; margin-top:30px; cursor:pointer; }
.navidiv a { color:#000077; text-decoration:none; }
.navidivadmin { display:block; font-weight:bold; font-variant:small-caps; color:#000077; text-decoration:none; text-align:right; cursor:pointer; text-align:center; }
.navidivadmin a { color:#000077; text-decoration:none; }
.navilink { display:block; float:left; position:relative; background-color:none; text-decoration:none; padding:10px; padding-left:35px; padding-right:35px; }
.navilink { display:block; float:left; position:relative; background:url(images/navpfeil_unten.png) no-repeat center right 20px; background-color:none; text-decoration:none; padding:10px; padding-left:20px; padding-right:50px; }
.navilink:active { background-color:#aaaaaa; box-shadow:4px 4px 10px 0px #444444; }
.navilink:active { background:url(images/navpfeil_unten.png) no-repeat center right 20px #cccccc; box-shadow:4px 4px 10px 0px #444444; }
.navilink:hover { background-color:#cccccc; box-shadow:4px 4px 10px 4px #444444; }
.navilink:hover { background:url(images/navpfeil_unten.png) no-repeat center right 20px #cccccc; box-shadow:4px 4px 10px 4px #444444; }
.navilinkdown { display:block; float:left; position:relative; background:url(images/navpfeil_unten.png) no-repeat center right 20px; text-decoration:none; padding:10px; padding-left:20px; padding-right:50px; }
.navilinkdown:active { background:url(images/navpfeil_unten.png) no-repeat center right 20px #cccccc; box-shadow:4px 4px 10px 0px #444444; }
.navilinkdown:hover { background:url(images/navpfeil_unten.png) no-repeat center right 20px #cccccc; box-shadow:4px 4px 10px 4px #444444; }
.navilogout { border:none; display:block; float:left; position:relative; font-family:Calibri, Londrina Solid, Verdana, Arial; font-size:1.0em; font-weight:bold; font-variant:small-caps; color:#fafafa; background-color:#000077; transition:background 1.0s, color 1.0s; box-shadow:4px 4px 10px 4px #444444; text-decoration:none; text-align:right; padding:10px; padding-left:35px; padding-right:35px; cursor:pointer; }
.navilogout:active { background-color:#aaaaaa; color:#000077; box-shadow:4px 4px 10px 0px #444444; }
.navilogout:hover { background-color:#cccccc; color:#000077; transition:background 0.3s, color 0.3s; }
.navwid { width:20%; display:block; float:left; position:relative; }
.navwidadmin { width:25%; display:block; float:left; position:relative; text-align:center; }
.openbox { height:90%; text-align:left; background-color:#efffe9; border:3px solid #606060; -moz-border-radius:5px; border-radius:5px; padding:20px; }
.orangebold { color:#ffffff; font-weight:bold; background-color:#ff7700; border:1px solid #ff7700; border-radius:0.3em; padding:1px; padding-top:0px; padding-bottom:2px; }
.ovf { overflow-x:hidden; overflow-y:auto; }
.placeholdertop { width:80%; height:141px; }
.placeholdertop { width:80%; height:160px; }
.placeholdertopsmall { width:80%; height:60px; display:none; }
.question { background:url(images/navpfeil_unten.png) no-repeat top 8px left 5px; color:#000077; background-color:transparent; transition:background-color 1.0s; font-weight:bold; font-style:italic; padding:4px; padding-left:25px; padding-right:8px; display:block; cursor:pointer; }
.question:hover { background-color:#cccccc; transition:background-color 0.3s; }
.questionactive { background:url(images/navpfeil_oben.png) no-repeat top 8px left 5px; color:#000077; background-color:transparent; transition:background-color 1.0s; font-weight:bold; font-style:italic; padding:4px; padding-left:25px; padding-right:8px; display:block; cursor:pointer; }
.questionactive:hover { background-color:#cccccc; transition:background-color 0.3s; }
.radioboxja { color:#025600; }
.radioboxnein { color:#cc0000; }
.rechts { float:left; width:45%; height:100%; }
.rechtsm { float:left; width:65%; height:100%; }
.redbold { color:#ffffff; font-weight:bold; background-color:#ff0000; border:1px solid #ff0000; border-radius:0.3em; padding:1px; padding-top:0px; padding-bottom:2px; }
.redbold { color:#ffffff; font-weight:bold; background-color:#ff0000; border:1px solid #ff0000; border-radius:0.3em; padding:1px; padding-top:1px; padding-bottom:2px; }
//.regbox { position:fixed; top:10%; left:10%; width:75%; height:75%; background-color:#ffffff; border:3px solid #606060; -moz-border-radius:5px; border-radius:5px; box-shadow:4px 4px 10px 4px #444444; padding:20px; }
.reginput { background-color:#ffffff; border:0px; border-bottom:1px solid #000077; }
.reload-button { width:150px; text-align:center; padding:10px; padding-left:30px; padding-right:30px; background:radial-gradient(circle, rgba(221,221,221,1) 50%, rgba(170,170,170,1) 75%, rgba(128,128,128,1) 100%); border:2px solid #808080; border-radius:12px; box-shadow:4px 4px 10px 2px #444444; }
.reload-button:active { box-shadow:4px 4px 10px 0px #444444; }
.reload-button:hover { background:radial-gradient(circle, rgba(187,187,187,1) 50%, rgba(144,144,144,1) 75%, rgba(128,128,128,1) 100%); }
.righthr { width:3px; height:100%; position:fixed; top:0px; right:0px; background-color:#000077; border-left:1px solid #000077; box-shadow:-2px 0px 4px 2px #000077; z-index:1; }
.scheininputeinzeilig { width:100%; display:block; border:2px inset #e3e3e3; padding:1px; margin-top:5px; font-family:Calibri, Arial; font-size:1.0em; color:#333333; background-color:#f0f0f0; font-size:0.9em; }
.separater { width:100%; height:3px; background-color:#000077; color:#ffffff; padding-left:10px; padding-right:10px; margin-left:-10px; box-shadow:0px 0px 4px 2px #000077; z-index:25; }
.sicht  { display:block; width:100%; font-family:Calibri, Arial; color:#000000; font-size:60%; height:90%; border:8px solid #333333; -moz-border-radius:15px; border-radius:15px; -moz-border-radius:15px; border-radius:15px; margin-top:-8px; }
.sichts  { display:block; width:100%; height:100%; margin-top:-8px; margin-left:-8px; font-family:Calibri, Arial; color:#000000; font-size:60%; border:8px solid #000000; -moz-border-radius:15px; border-radius:15px; -moz-border-radius:15px; border-radius:15px; }
.sichtstotal { display:block; width:100%; height:100%; margin-top:-8px; margin-left:-8px; background-color:#000000; border:8px solid #000000; }
.sidebarlink { background:url(images/navpfeil_rechts.png) no-repeat center left 5px; padding-left:22px; font-weight:bold; font-style:italic; color:#000000; text-decoration:underline; }
.sidebarlink { padding-left:22px; font-weight:bold; font-style:italic; color:#000000; text-decoration:underline; }
.song { clear:left;    border:1px solid #999999; box-shadow:4px 4px 10px 2px #444444; }
.song { clear:left;    border:1px solid #999999; box-shadow:4px 4px 10px 2px #444444; transition:background-color 1.0s; cursor:pointer; }
.song input {margin:0 1em 0 0; float:left; padding:0; }
.song p { margin:0 0 1.5em 0; }
.song_basic { background-color:#d9d9ff; transition:background-color 1.0s; }
.song_basic:hover { background-color:#bfbfff; transition:background-color 0.3s; }
.song_fertig { background-color:#80ff80; transition:background-color 1.0s; }
.song_fertig:hover { background-color:#4dff4d; transition:background-color 0.3s; }
.song_gestrichen { background-color:#ffcccc; transition:background-color 1.0s; }
.song_gestrichen:hover { background-color:#ff9999; transition:background-color 0.3s; }
.song:active { box-shadow:4px 4px 10px 0px #444444; }
.song:after { content:\".\"; display:block; height:0; clear:left; visibility:hidden; }
.song:hover {  }
.song:hover { background-color:#cccccc; transition:background-color 0.3s; }
.sperren-button { width:150px; font-family:Calibri, Arial; font-size:0.7em; font-weight:bold; border:2px solid #cc0000; background-color:#ffffff; color:#cc0000; transition:background-color 0.3s, color 0.3s; padding:5px; padding-left:10px; padding-right:10px; cursor:pointer; }
.sperren-button { width:150px; font-family:Calibri, Arial; font-size:0.7em; font-weight:bold; border:2px solid #cc0000; background-color:#ffffff; color:#cc0000; transition:background-color 0.3s, color 0.3s; padding:5px; padding-left:10px; padding-right:10px; margin-top:-10px; cursor:pointer; }
.sperren-button:active { border:2px solid #ffffff; background-color:#cc0000; color:#ffffff; }
.sperren-button:hover { background-color:#cc0000; color:#ffffff; transition:background-color 0.3s, color 0.3s; }
.startnummer { font-size:4.0vw; }
.stbox { width:100%; box-shadow:4px 4px 10px 2px #444444; }
.stboxin { background:url('images/1.png') no-repeat top left #ffccdd; font-size:0.9em; text-align:left; padding-left:20px; padding-right:20px; }
.stboxinbot { margin-top:25px; display:none; padding-bottom:20px;}
.stboxintop { width:100%; background:url(images/navpfeil_unten.png) no-repeat center right 20px; padding-right:30px; cursor:pointer; padding-top:20px; padding-bottom:20px; }
.stboxintopon { width:100%; background:url(images/navpfeil_oben.png) no-repeat center right 20px; padding-right:30px; cursor:pointer; padding-top:20px; padding-bottom:20px; }
.stboxpad { background-color:#ff0000; padding:1%; }
.stboxsmall { width:100%; box-shadow:4px 4px 10px 2px #444444; }
.stbr { margin-bottom:10px; }
.stlink { background:url(images/navpfeil_rechts.png) no-repeat center left 5px #ff8899; padding-left:25px; padding-right:10px; margin-left:5px; color:#000000; transition:color 1.0s, background 1.0s; text-decoration:none; font-weight:bold; box-shadow:4px 4px 10px 2px #444444; cursor:pointer; }
.stlink:active { background:url(images/navpfeil_rechts.png) no-repeat center left 5px #ff4455; box-shadow:4px 4px 10px 0px #444444; }
.stlink:hover { background:url(images/navpfeil_rechts.png) no-repeat center left 5px #ff4455; box-shadow:4px 4px 10px 2px #444444; transition:background 0.3s; }
.subbannerbackground { font-size:18px; }
.subbannerbackgroundsmall { font-size:12px; margin-top:6px; }
.subbannerbg { width:100%; height:30px; font-family:Calibri; font-size:18px; font-style:italic; font-variant:small-caps; color:#000077; text-align:center; }
.subbannermargin { margin-left:-4px; }
.subbannerstrecke { background-color:#e0e0ff; border-top:1px solid #000077; border-bottom:1px solid #000077; transition:border 1.0s; }
.subbannersubtitle { width:100%; height:30px; margin-top:2px; }
.submenu { width:90%; height:90%; position:fixed; top:0; right:0; margin-top:50px; background-color:#000077; border-left:2px solid #ffffff; z-index:190; display:none; }
.submenu { width:90%; height:90%; position:fixed; top:0; right:0; margin-top:50px; background-color:#444444; border-left:2px solid #ffffff; z-index:190; display:none; }
.submenu a { text-decoration:none; }
.submenurow { color:#ffffff; font-weight:bold; text-align:left; padding:4px; padding-left:20px; border-top:1px solid #ffffff; cursor:pointer; }
.submenurow:hover { background-color:#cccccc; color:#000077; }
.submenurowback { background:url(images/navpfeil_links_weiss.png) no-repeat center left 2px; color:#ffffff; font-weight:bold; text-align:left; padding:4px; padding-left:20px; border-top:1px solid #ffffff; cursor:pointer; }
.submenurowback:hover { background:url(images/navpfeil_links.png) no-repeat center left 2px #cccccc; color:#000077; }
.submenuul { min-width:200px; list-style-type:none; text-align:left; position:absolute; margin-left:-40px; margin-top:36px; }
.submenuul li { background-color:#dedede; border:1px solid #000000; transition:background 1.0s, color 1.0s; cursor:pointer; padding:2px; padding-left:15px; padding-right:40px; z-index:111; }
.submenuul li a { display:block; }
.submenuul li:active { background-color:#000077; color:#aaaaaa; transition:color 1.0s; }
.submenuul li:hover { background-color:#000077; color:#cccccc; transition:background 0.3s, color 0.3s; }
.submit { font-family:Calibri, Arial; font-size:0.7em; font-weight:bold; border:2px solid #025600; background:url(images/send.png) no-repeat center left 10px #ffffff; background-size:15px; color:#025600; transition:background 0.3s, color 0.3s; padding:5px; padding-left:35px; padding-right:10px; cursor:pointer; }
.submit:active { border:2px solid #ffffff; background-color:#025600; color:#ffffff; }
.submit:hover { background:url(images/send_on.png) no-repeat center left 10px #025600; background-size:15px; color:#ffffff; transition:background 0.3s, color 0.3s; }
.subueberschrift { font-family:Calibri; background-color:#aaaaaa; padding:2px; padding-left:20px; padding-right:20px; box-shadow:4px 4px 10px 2px #444444; }
.tabellekomplett { width:100%; font-family:Calibri, Arial; font-size:0.9em; background-color:#ffffff; padding:5px; }
.tabellekomplett td { padding:5px; }
.tabellekomplett th { padding:10px; }
.tabellekopf { background-color:#8b8b8b; }
.tabellezeile { background-color:#dddddd; transition:background-color 1.0s, box-shadow 0.3s; }
.tabellezeile:hover td {  }
.tabellezeile:hover, .tabellezeile_aktiv { background-color:#999999; box-shadow:4px 4px 10px 4px #444444; transition:background-color 0.3s, box-shadow 0.3s; position:relative; z-index:1; }
.testbg { background-color:#dddddd; }
.testbgb { background-color:#0000ff; }
.testbgg { background-color:#00ff00; }
.testbgr { background-color:#ff0000; }
.testborder { border:1px solid #000000; margin-top:-2px; margin-left:-2px; }
.testborderb { border:1px solid #0000ff; margin-top:-2px; margin-left:-2px; }
.testborderg { border:1px solid #00ff00; margin-top:-2px; margin-left:-2px; }
.testborderr { border:1px solid #ff0000; margin-top:-2px; margin-left:-2px; }
.text   { font-family:Calibri, Arial; color:#000000; font-size:20%; }
.textfeld  { font-family:Calibri, Arial; font-size:1.2vw; padding:0.5vw; padding-left:1vw; }
.textfelddiv { float:left; width:40%; padding-right:1vw; margin-top:1%; }
.tophr { width:120%; height:20px; position:fixed; top:0; left:0; margin-left:-10%; margin-top:-20px; background-color:#000077; border-bottom:1px solid #000077; box-shadow:0px 5px 5px 0px #000077; z-index:200; }
.total {  }
.total { display:none; }
.ueberschrift { font-family:Calibri; font-size:2.0em; font-variant:small-caps; font-weight:bold; font-style:italic; color:#ff0000; text-shadow:black 2px 2px 4px; background-color:#8b8b8b; padding:2px; padding-left:20px; padding-right:20px; box-shadow:4px 4px 10px 2px #444444; }
.ueberschrift2 { font-family:Calibri; font-size:2.0em; font-variant:small-caps; font-weight:bold; font-style:italic; color:#eeeeee; text-shadow:black 2px 2px 4px; }
.uebersichtbox { border-top:1px solid #bbbbbb; padding:20px; cursor:default; background-color:none; transition:background-color 1.0s, box-shadow 1.0s; cursor:pointer; }
.uebersichtbox:active { background-color:#e0e0ff; box-shadow:4px 4px 10px 0px #444444; transition:box-shadow 0s; }
.uebersichtbox:hover .subbannerstrecke { border-top:1px solid #e0e0ff; border-bottom:1px solid #e0e0ff; transition:border 0.3s; }
.uebersichtbox:hover { background-color:#e0e0ff; box-shadow:4px 4px 10px 4px #444444; transition:background-color 0.3s, box-shadow 0.3s; }
.ul li {  }
.veranstaltung { width:100%; color:#808080; text-align:left; padding-right:15px; text-decoration:none; position:fixed; top:9%; left:0px; }
.verein { font-weight:bold; font-size:2.2vw; }
.videoopen { width:90%; height:95%; position:fixed; top:2%; left:5%; z-index:900; }
.videoopenbox { width:100%; height:100%; margin:0 auto; }
.videotag { width:100%; height:100%; background-color:#000000; border:1px solid #333333; box-shadow:4px 4px 10px 4px #222222; margin:0 auto; }
.wboxlinks { width:67%; height:100%; float:left; display:flex; justify-content:center; align-items:center; }
.wboxoben { width:100%; height:50%; display:flex; justify-content:center; align-items:center; }
.wboxrechts { width:33%; height:100%; float:left; display:flex; justify-content:center; align-items:center; }
.wboxunten { width:100%; height:100%; display:flex; justify-content:center; align-items:center; }
.wertung { font-size:2.5vw; color:#000000; }
.wertung_basic { background-color:#d9d9ff; transition:background-color 1.0s; }
.wertung_basic:hover { background-color:#bfbfff; transition:background-color 0.3s; }
.wertung_cjp { font-size:1.0vw; text-align:center; font-weight:bold; }
.wertung_cjp_active { font-size:1.6vw; text-align:center; }
.wertung_fertig { background-color:#80ff80; transition:background-color 1.0s; }
.wertung_fertig:hover { background-color:#4dff4d; transition:background-color 0.3s; }
.wertung_gestrichen { background-color:#ffcccc; transition:background-color 1.0s; }
.wertung_gestrichen:hover { background-color:#ff9999; transition:background-color 0.3s; }
.wertungsubmit { font-family:Calibri, Arial; font-size:1.5vw; font-weight:bold; border:2px solid #000077; border-radius:30px; background:url(images/send.png) no-repeat center left 1.2vw #ffffff; background-size:1.8vw; transition:background 0.3s, color 0.3s; color:#000077; padding:0.7vw; padding-left:4.0vw; padding-right:1.2vw; }
.wertungsubmit:active { border:2px solid #ffffff; background-color:#000077; color:#ffffff; }
.wertungsubmit:hover { background:url(images/send_on.png) no-repeat center left 1.2vw #000077; background-size:1.8vw; color:#ffffff; transition:background 0.3s, color 0.3s; }
.wertungsubmitcjp { font-family:Calibri, Arial; font-size:1.0vw; font-weight:bold; border:2px solid #000077; border-radius:30px; background:url(images/send.png) no-repeat center left 1.2vw #ffffff; background-size:1.4vw; transition:background 0.3s, color 0.3s; color:#000077; padding:0.5vw; padding-left:3.5vw; padding-right:1.0vw; }
.wertungsubmitcjp:active { border:2px solid #ffffff; background-color:#000077; color:#ffffff; }
.wertungsubmitcjp:hover { background:url(images/send_on.png) no-repeat center left 1.2vw #000077; background-size:1.4vw; color:#ffffff; transition:background 0.3s, color 0.3s; }
.wertungsubmitcjpgrey { font-family:Calibri, Arial; font-size:1.0vw; font-weight:bold; border:2px solid #808080; border-radius:30px; background-color:#ffffff; color:#808080; padding:0.7vw; padding-left:4.0vw; padding-right:1.2vw; }
.wertungsubmitinactive { font-family:Calibri, Arial; font-size:1.5vw; font-weight:bold; border:2px solid #aaaaaa; border-radius:30px; background:url(images/send_inactive.png) no-repeat center left 1.2vw #ffffff; background-size:1.8vw; transition:background 0.3s, color 0.3s; color:#aaaaaa; padding:0.7vw; padding-left:4.0vw; padding-right:1.2vw; cursor:default; }
.wertungsubmitinactive:hover { background:url(images/send_on_inactive.png) no-repeat center left 1.2vw #ff0000; background-size:1.8vw; color:#ffffff; transition:background 0.3s, color 0.3s; }
.willkommen { font-size:1.5vw; }
.willkommensubmit { font-family:Calibri, Arial; font-size:1.3vw; font-weight:bold; border:2px solid #000077; border-radius:30px; background:url(images/send.png) no-repeat center left 1.2vw #ffffff; background-size:1.8vw; transition:background 0.3s, color 0.3s; color:#000077; padding:0.7vw; padding-left:4.0vw; padding-right:1.2vw; }
.willkommensubmit:active { border:2px solid #ffffff; background-color:#000077; color:#ffffff; }
.willkommensubmit:hover { background:url(images/send_on.png) no-repeat center left 1.2vw #000077; background-size:1.8vw; color:#ffffff; transition:background 0.3s, color 0.3s; }
.wtal { width:70%; }
.wtar { width:25%; }
.zuruecksetzen-button { width:150px; font-family:Calibri, Arial; font-size:0.7em; font-weight:bold; border:2px solid #0000ff; background-color:#ffffff; color:#0000ff; transition:background-color 0.3s, color 0.3s; padding:5px; padding-left:10px; padding-right:10px; cursor:pointer; }
.zuruecksetzen-button:active { border:2px solid #ffffff; background-color:#025600; color:#ffffff; }
.zuruecksetzen-button:hover { background-color:#0000ff; color:#ffffff; transition:background-color 0.3s, color 0.3s; }
.zusatzinfo { font-size:2.2vw; }
#adminNavi { text-decoration:none; color:#000000; font-family:Calibri, Arial; font-size:12px; font-weight:bold; padding:4px; }
#codefenster { position:fixed; top:35%; left:35%; margin-top:-5px; margin-left:-5px; width:30%; height:30%; font-family:Helvetica; font-size:1.4vw; background-color:#dddddd; border:5px solid #808080; border-style:outset; -moz-border-radius:10px; border-radius:10px; }
#countdownrd { color:#ff0000; font-size:1.2em; text-align:center; }
#loginmaske { position:fixed; top:25%; left:25%; margin-top:-5px; margin-left:-5px; width:50%; height:50%; font-family:Helvetica; font-size:1.4vw; background-color:#dddddd; border:5px solid #808080; border-style:outset; -moz-border-radius:10px; border-radius:10px; box-shadow:4px 4px 10px 4px #444444; }
a .bg { cursor:pointer; }
audio { display:none; margin:0; }
audio { margin:1em 0 0; border:3px solid transparent; outline:none; border-radius:4em; }
body { background-color:#bbbbbb; font-family:Calibri, Londrina Solid, Verdana, Arial; }




::-webkit-input-placeholder { font-style:italic; }
:-moz-placeholder { font-style:italic; }
::-moz-placeholder { font-style:italic; }
:-ms-input-placeholder { font-style:italic; }




html { scroll-behavior:smooth; }
/***Potentiell zum Rauslöschen***/
/*
br { font-size:1.2vw; }
br.brmini { font-size:0.4vw; }
br.brsmall { font-size:1.0vw; }
br.brtiny { font-size:0.8vw; }
.admin_input { font-size:1.2em; font-weight:bold; }
.adminbalken { width:100%; height:10%; margin-top:-5%; margin-left:-5%; padding-top:5%; padding-left:5%; padding-right:5%; background-color:#222222; }
.adminbutton { display:block; float:left; width:14%; height:80%; margin-top:-5px; margin-left:-2px; font-family:Calibri, Arial; color:#000000; text-align:center; background-color:#dddddd; -moz-border-rdius:8px; border-radius:8px; cursor:pointer; }
.adminbutton:active { background-color:#bbbbbb; }
.adminbutton:hover { background-color:#cccccc; }
.adminbuttontext { position:relative; top:50%; margin-top:-1.2vh; font-size:2.4vh; }
.adminleerh { width:100%; height:10%; }
.adminleerv { float:left; width:5%; height:80%; margin-top:-1px; }
.adminmain { width:80%; height:90%; float:left; }
.adminNavi_klick, .adminNavi_normal:active { border:inset 2px #d1d1d1; background:radial-gradient(#e0e0ff, #000077 80%); }
.adminNavi_normal { border:outset 2px #d1d1d1; background:radial-gradient(#bdbdbd, #808080 80%); }
.adminNavi_normal:hover { background:radial-gradient(#e0e0ff, #000077 80%); }
.answer { background:url(images/navpfeil_rechts.png) no-repeat top 10px left 25px; padding:4px; padding-left:45px; padding-right:8px; padding-bottom:8px; margin-top:10px; display:none; }
.answerclose { background:url(images/navpfeil_oben.png) no-repeat top 8px left 5px; color:#000077; background-color:transparent; transition:background-color 1.0s; font-weight:bold; font-style:italic; padding:4px; padding-left:25px; padding-right:8px; margin-top:10px; display:block; cursor:pointer; }
.answerclose:hover { background-color:#cccccc; transition:background-color 0.3s; }
.bannerbackground { font-size:28px; }
.bannerbackgroundsmall { font-size:16px; margin-top:6px; }
.bannerbg { width:100%; height:40px; font-family:Calibri; font-size:28px; font-style:italic; font-variant:small-caps; color:#000077; text-align:center; }
.bannermargin { margin-left:-4px; }
.bannerstrecke { background-color:#ccccff; border-top:1px solid #000077; border-bottom:1px solid #000077; }
.bannersubtitle { width:100%; height:40px; }
.backold { border:none; background:url(images/2.png) repeat; width:100%; height:9000%; position:fixed; top:0px; left:0px; font-family:Calibri, Arial; font-size:1.0em; display:table-cell; vertical-align:middle; text-align:center; padding-top:40px; padding-bottom:40px; z-index:20; cursor:default; }
.blau { background-color:#0000ff; border:7px solid #3333ff; border-style:outset; margin-top:-7px; background:-moz-linear-gradient(top, #6666ff, #0000ff); background-color:#0000ff; background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#6666ff), color-stop(100%,#0000ff)); background:-webkit-linear-gradient(top, #6666ff 0%,#0000ff 100%); background:-o-linear-gradient(top, #6666ff 0%,#0000ff 100%); background:-ms-linear-gradient(top, #6666ff 0%,#0000ff 100%); background:linear-gradient(to bottom, #6666ff 0%,#0000ff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6666ff', endColorstr='#0000ff',GradientType=0 ); box-shadow:0px 0px 4px 3px #1111ff; }
.blau:active { background-color:#0000ff; border:7px solid #3333ff; border-style:inset; margin-top:-7px; background:-moz-linear-gradient(top, #6666ff, #0000ff); background-color:#0000ff; background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#6666ff), color-stop(100%,#0000ff)); background:-webkit-linear-gradient(top, #6666ff 0%,#0000ff 100%); background:-o-linear-gradient(top, #6666ff 0%,#0000ff 100%); background:-ms-linear-gradient(top, #6666ff 0%,#0000ff 100%); background:linear-gradient(to bottom, #6666ff 0%,#0000ff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6666ff', endColorstr='#0000ff',GradientType=0 ); box-shadow:0px 0px 4px 3px #1111ff; }
.gelb { background-color:#ffff00; border:7px solid #ffff40; border-style:outset; margin-top:-7px; background:-moz-linear-gradient(top, #ffff80, #ffff00); background-color:#ffff00; background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffff80), color-stop(100%,#ffff00)); background:-webkit-linear-gradient(top, #ffff80 0%,#ffff00 100%); background:-o-linear-gradient(top, #ffff80 0%,#ffff00 100%); background:-ms-linear-gradient(top, #ffff80 0%,#ffff00 100%); background:linear-gradient(to bottom, #ffff80 0%,#ffff00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff80', endColorstr='#ffff00',GradientType=0 ); box-shadow:0px 0px 4px 3px #ffff11; }
.gelb:active { background-color:#ffff00; border:7px solid #ffff40; border-style:inset; margin-top:-7px; background:-moz-linear-gradient(top, #ffff80, #ffff00); background-color:#ffff00; background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffff80), color-stop(100%,#ffff00)); background:-webkit-linear-gradient(top, #ffff80 0%,#ffff00 100%); background:-o-linear-gradient(top, #ffff80 0%,#ffff00 100%); background:-ms-linear-gradient(top, #ffff80 0%,#ffff00 100%); background:linear-gradient(to bottom, #ffff80 0%,#ffff00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff80', endColorstr='#ffff00',GradientType=0 ); box-shadow:0px 0px 4px 3px #ffff11; }
.greenbold { color:#ffffff; font-weight:bold; background-color:#339900; border:1px solid #339900; border-radius:0.3em; padding:2px; padding-top:0px; padding-bottom:1px; }
.greenbold { color:#ffffff; font-weight:bold; background-color:#ff7700; border:1px solid #ff7700; border-radius:0.3em; padding:2px; padding-top:1px; padding-bottom:1px; }
.gruen { background-color:#00ff00; border:7px solid #40ff40; border-style:outset; margin-top:-7px; background:-moz-linear-gradient(top, #80ff80, #00ff00); background-color:#00ff00; background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#80ff80), color-stop(100%,#00ff00)); background:-webkit-linear-gradient(top, #80ff80 0%,#00ff00 100%); background:-o-linear-gradient(top, #80ff80 0%,#00ff00 100%); background:-ms-linear-gradient(top, #80ff80 0%,#00ff00 100%); background:linear-gradient(to bottom, #80ff80 0%,#00ff00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ff80', endColorstr='#00ff00',GradientType=0 ); box-shadow:0px 0px 4px 3px #11ff11; }
.gruen:active  { background-color:#00ff00; border:7px solid #40ff40; border-style:inset; margin-top:-7px; background:-moz-linear-gradient(top, #80ff80, #00ff00); background-color:#00ff00; background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#80ff80), color-stop(100%,#00ff00)); background:-webkit-linear-gradient(top, #80ff80 0%,#00ff00 100%); background:-o-linear-gradient(top, #80ff80 0%,#00ff00 100%); background:-ms-linear-gradient(top, #80ff80 0%,#00ff00 100%); background:linear-gradient(to bottom, #80ff80 0%,#00ff00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ff80', endColorstr='#00ff00',GradientType=0 ); box-shadow:0px 0px 4px 3px #11ff11; }
.newyearbox { width:100%; box-shadow:4px 4px 10px 2px #444444; }
.newyearboxin { background:url('images/1.png') no-repeat top left #ffcccc; font-size:0.9em; text-align:left; font-weight:bold; padding:20px; }
.newyearboxpad { background-color:#ff0000; padding:1%; }
.newyearboxsmall { width:100%; box-shadow:4px 4px 10px 2px #444444; margin-top:20px; }
.newyearbr { margin-bottom:10px; }
.newyearlink { padding-left:25px; padding-right:10px; color:#000000; text-decoration:none; font-weight:bold; }
.newyearlink:hover { background-color:#cccccc; }
.rot { background-color:#ff0000; border:7px solid #ff3333; border-style:outset; margin-top:-7px; background:-moz-linear-gradient(top, #ff6666, #ff0000); background-color:#ff0000; background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6666), color-stop(100%,#ff0000)); background:-webkit-linear-gradient(top, #ff6666 0%,#ff0000 100%); background:-o-linear-gradient(top, #ff6666 0%,#ff0000 100%); background:-ms-linear-gradient(top, #ff6666 0%,#ff0000 100%); background:linear-gradient(to bottom, #ff6666 0%,#ff0000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6666', endColorstr='#ff0000',GradientType=0 ); box-shadow:0px 0px 4px 3px #ff1111; }
.rot:active { background-color:#ff0000; border:7px solid #ff3333; border-style:inset; margin-top:-7px; background:-moz-linear-gradient(top, #ff6666, #ff0000); background-color:#ff0000; background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6666), color-stop(100%,#ff0000)); background:-webkit-linear-gradient(top, #ff6666 0%,#ff0000 100%); background:-o-linear-gradient(top, #ff6666 0%,#ff0000 100%); background:-ms-linear-gradient(top, #ff6666 0%,#ff0000 100%); background:linear-gradient(to bottom, #ff6666 0%,#ff0000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6666', endColorstr='#ff0000',GradientType=0 ); box-shadow:0px 0px 4px 3px #ff1111; }
.silvesterbox { width:100%; box-shadow:4px 4px 10px 2px #444444; }
.silvesterboxin { background:url('images/silvester.png') repeat-x top left #000000; font-size:0.9em; text-align:left; font-weight:bold; color:#ffffff; padding:20px; }
.silvesterboxin span { background-color:rgba(85,85,85,0.7); }
.silvesterboxin span { text-shadow: 5px 5px 8px #777; }
.silvesterboxsmall { width:100%; box-shadow:4px 4px 10px 2px #444444; margin-top:20px; }
.silvesterbr { margin-bottom:10px; }
.silvesterlink { padding-left:25px; padding-right:10px; color:#000000; text-decoration:none; font-weight:bold; }
.silvesterlink:hover { background-color:#cccccc; }
.xmasbox { width:100%; box-shadow:4px 4px 10px 2px #444444; }
.xmasboxin { background:url('images/xmas.png') no-repeat top right #0000cc; }
.xmasboxinin { background:url('images/snow.png') repeat-x bottom left; font-size:0.9em; text-align:left; font-weight:bold; color:#ffcc00; padding:20px; padding-top:35px; padding-bottom:35px; }
.xmasboxsmall { width:100%; box-shadow:4px 4px 10px 2px #444444; margin-top:20px; }
.xmasbr { margin-bottom:10px; }
.xmaslink { padding-left:25px; padding-right:10px; color:#000000; text-decoration:none; font-weight:bold; }
.xmaslink:hover { background-color:#cccccc; }
*/