/******************************** noch einzuordnen ************************************/

.persondiv { width:190px; float:left; }
.table_hr { border:0px; border-top: 1px solid #808080; }
.selectmenue { border:1px #000000 inset; border-radius:2px; background-color:#979797; }
.input_style { border:0px; background-color:transparent; font-weight:bold; cursor:pointer; } 







/***************************************************  basics  ***************************************************/

body { background-color:#bbbbbb; font-family:Calibri, Londrina Solid, Verdana, Arial; cursor:default; }
.bg { width:100%; height:100%; background:url(images/1.png) repeat; border:none; }
a .bg { cursor:pointer; }
.cb { clear:both; }
.cp { cursor:pointer; }
.cd { cursor:default; }
.backold { border:none; background:url(images/2.png) repeat; width:100%; height:9000%; position:fixed; top:0px; left:0px; font-family: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; }
.back { width:100%; height:9000%; position:fixed; top:0px; left:0px; background:url(images/2.png) repeat; z-index:700; cursor:default; }
.open { width:90%; height:90%; position:fixed; top:5%; left:5%; z-index:900; }
.openbox { height:90%; text-align:left; background-color:#efffe9; border:3px solid #606060; -moz-border-radius:5px; border-radius:5px; padding:20px; }   /* background-color:#f5f5f5;  */
.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; }   /* font-size:1.4em;  */
.close:hover { color:#ff0000; transition:color 0.2s; }
.close:active { color:#dd0000; }
.closeX { padding:10px; padding-bottom:15px; background-color:#efffe9; }
.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; }
.brsmall { font-size:0.4em; }
.brtiny { font-size:0.2em; }
.sidebarlink { padding-left:22px; font-weight:bold; font-style:italic; color:#000000; text-decoration:underline; }     /* background:url(images/navpfeil_rechts.png) no-repeat center left 5px;  */
.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; }
.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; }
.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; }     /* padding-top:0px;  */
.gold { color:#d4af37; }
.goldbg { background-color:#d4af37; }
.fwb { font-weight:bold; }
	/* .big { font-size:1.4em; } */
.tdlt { text-decoration:line-through; }
.tdltf00 { text-decoration:line-through #ff0000; }
.fsi { font-style:italic; }
.colmb { color:#440066; }
.colred { color:#ff0000; }
.beitext { font-size:0.7em; padding-left:28px; padding-top:1px; }
.center { text-align:center; }
.link { cursor:pointer; text-decoration:none; }
.pad5 { padding:5px; }
.pad10 { padding:10px; }
.pad15 { padding:15px; }
.pad20 { padding:20px; }
.padlr10 { padding-left:10px; padding-right:10px; }
.padlr20 { padding-left:20px; padding-right:20px; }
.padlr30 { padding-left:30px; padding-right:30px; }
.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; }
.ueberschrift2 { font-family:Calibri; font-size:2.0em; font-variant:small-caps; font-weight:bold; font-style:italic; color:#dd99ff; text-shadow:black 2px 2px 4px; }.subueberschrift { font-family:Calibri; background-color:#aaaaaa; padding:2px; padding-left:20px; padding-right:20px; box-shadow:4px 4px 10px 2px #444444; }
#countdownrd { color:#ff0000; font-size:1.2em; text-align:center; }
.disb { display:block; }
.disn { display:none; }


.xmasbox { width:100%; box-shadow:4px 4px 10px 2px #444444; }
.xmasboxsmall { width:100%; box-shadow:4px 4px 10px 2px #444444; margin-top:20px; }
	/* .xmasboxpad { background-color:#000033; padding:1%; } */
.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; }
.xmasbr { margin-bottom:10px; }
.xmaslink { padding-left:25px; padding-right:10px; color:#000000; text-decoration:none; font-weight:bold; }     /* background:url(images/navpfeil_rechts.png) no-repeat center left 5px #ffccdd;  */
.xmaslink:hover { background-color:#cccccc; }     /* background:url(images/navpfeil_rechts.png) no-repeat center left 5px #ff8899; */

.silvesterbox { width:100%; box-shadow:4px 4px 10px 2px #444444; }
.silvesterboxsmall { width:100%; box-shadow:4px 4px 10px 2px #444444; margin-top:20px; }
	/* .silvesterboxpad { background-color:#000000; padding:1%; } */
.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; }
.silvesterbr { margin-bottom:10px; }
.silvesterlink { padding-left:25px; padding-right:10px; color:#000000; text-decoration:none; font-weight:bold; }     /* background:url(images/navpfeil_rechts.png) no-repeat center left 5px #ffccdd;  */
.silvesterlink:hover { background-color:#cccccc; }     /* background:url(images/navpfeil_rechts.png) no-repeat center left 5px #ff8899; */


.newyearbox { width:100%; box-shadow:4px 4px 10px 2px #444444; }
.newyearboxsmall { width:100%; box-shadow:4px 4px 10px 2px #444444; margin-top:20px; }
.newyearboxpad { background-color:#ff0000; padding:1%; }
.newyearboxin { background:url('images/1.png') no-repeat top left #ffcccc; font-size:0.9em; text-align:left; font-weight:bold; padding:20px; }
.newyearbr { margin-bottom:10px; }
.newyearlink { padding-left:25px; padding-right:10px; color:#000000; text-decoration:none; font-weight:bold; }     /* background:url(images/navpfeil_rechts.png) no-repeat center left 5px #ffccdd;  */
.newyearlink:hover { background-color:#cccccc; }     /* background:url(images/navpfeil_rechts.png) no-repeat center left 5px #ff8899; */


.ovf { overflow-x:hidden; overflow-y:auto; }
.w50 { width:50%; }
.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%; }
.h50 { height:50%; }
.h60 { height:60%; }
.h65 { height:65%; }
.h70 { height:70%; }
.h75 { height:75%; }
.h80 { height:80%; }
.h85 { height:85%; }
.h90 { height:90%; }
.h95 { height:95%; }
.h100 { height:100%; }
.boxin { box-shadow:inset 4px 4px 10px 2px #444444; padding:8px; }
.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; }
.borderright6 { border-right:1px solid #666666; }
.ul li {  }   /* list-style-image:url(images/navpfeil_rechts.png); text-align:left; */



.fwb { font-weight:bold; }
.fll { float:left; }
.flr { float:right; }
.cb { clear:both; }
.tal { text-align:left; }
.tac { text-align:center; }
.tar { text-align:right; }
.borderround20 { border:2px solid #808080; border-radius:20px; }
.dfrc { display:flex; flex-direction:row; align-items:center; }
.dfrs { display:flex; flex-direction:row; align-items:flex-start; }
.dfre { display:flex; flex-direction:row; align-items:flex-end; }
.dfcc { display:flex; flex-direction:column; align-items:center; }
.dfcs { display:flex; flex-direction:column; align-items:flex-start; }
.dfce { display:flex; flex-direction:column; align-items:flex-end; }

.dfx { display:flex; }
.fdr { flex-direction:row; }
.fdc { flex-direction:column; }
.jcc { justify-content:center; }
.jcfs { justify-content:flex-start; }
.jcfe { justify-content:flex-end; }
.aic { align-items:center; }
.aifs { align-items:flex-start; }
.aife { align-items:flex-end; }

.colfff { color:#ffffff; }
.col000 { color:#000000; }
.colf00 { color:#ff0000; }
.col0f0 { color:#00ff00; }
.col00f { color:#0000ff; }
.col007 { color:#000077; }
.col256 { color:#025600; }
.col80 { color:#808080; }

.bcolfff { background-color:#ffffff; }
.bcol000 { background-color:#000000; }
.bcolf00 { background-color:#ff0000; }
.bcol0f0 { background-color:#00ff00; }
.bcol00f { background-color:#0000ff; }
.bcol007 { background-color:#000077; }
.bcol256 { background-color:#025600; }
.bcol80 { background-color:#808080; }



/***************************************************  img  ***************************************************/

.fll { float:left; }
.fll1 { float:left; margin-right:10px; }
.fll2 { float:left; margin-right:20px; }
.flr { float:right; }
.flr1 { float:right; margin-left:10px; }
.flr2 { float:right; margin-left:20px; }
.flmt { margin-top:10px; }
.flmt2 { margin-top:20px; }
.it0z { margin-bottom:10px; }
.it1z { margin-bottom:20px; }
.it2z { margin-bottom:25px; }
.it3z { margin-bottom:35px; }
.it4z { margin-bottom:50px; }
.nam1 { position:relative; left:30px; }
.nam2 { position:relative; left:55px; }
.nam3 { position:relative; left:80px; }
.ml-8px { margin-left:-8px; }



/*********************Listenübergreifende CSS*********************/

.persondiv { width:190px; float:left; }
.table_hr { border:0px; border-top: 1px solid #808080; }
.selectmenue { border:1px #000000 inset; border-radius:2px; background-color:#979797; }
.input_style { border:0px; background-color:transparent; font-weight:bold; } 

.tabellekomplett { width:100%; font-family:Calibri, Arial; font-size:0.9em; background-color:#bbbbbb; padding:5px; }   /* table-layout:fixed; border:1px solid #808080; border-collapse:collapse;  */
.tabellekomplett th { padding:10px; }   /* border:1px solid #808080;  */
.tabellekomplett td { padding:5px; }   /* border:1px solid #808080;  */
.tabellekopf { background-color:#8b8b8b; }
.tabellezeile { background-color:#dddddd; transition:background-color 1.0s, box-shadow 0.3s; }   /* background-color:#dddddd;  */
.tabellezeile:hover { box-shadow:4px 4px 10px 4px #444444; transition:background-color 0.3s, box-shadow 0.3s; position:relative; z-index:1; }   /* background-color:#999999;  */
.tabellezeile:hover td {  }   /* border:1px solid #808080; */



/*********************CSS für Verschiedenes*********************/
#versNavi { text-decoration:none; font-family:Arial; font-size:12px; font-weight:bold; padding:6px; }
.versNavi_normal { border:outset 2px #d1d1d1; }   /* background:radial-gradient(#BDBDBD, #808080 80%);  */
.versNavi_normal:hover { border:outset 2px #d1d1d1; }   /* background:radial-gradient(#009000, #025600 80%);  */
.versNavi_normal:active, .versNavi_klick { border:inset 2px #d1d1d1; }   /* background:radial-gradient(#009000, #025600 80%);  */
.verstab01 { background-color:#ff0000; color:#000000; cursor:pointer; }
.verstab02 { background-color:#ff9900; color:#000000; cursor:pointer; }
.verstab03 { background-color:#ffff00; color:#000000; cursor:pointer; }
.verstab04 { background-color:#99ff00; color:#000000; cursor:pointer; }
.verstab05 { background-color:#00bb00; color:#000000; cursor:pointer; }
.verstab06 { background-color:#33cccc; color:#000000; cursor:pointer; }
.verstab07 { background-color:#0088ff; color:#000000; cursor:pointer; }
.verstab08 { background-color:#000088; color:#ffffff; cursor:pointer; }
.verstab09 { background-color:#9900cc; color:#ffffff; cursor:pointer; }
.verstab10 { background-color:#025600; color:#ffffff; cursor:pointer; }

/*********************Terminplan*********************/
.termip { font-family:Calibri, Arial; font-size:1.0em; text-align:left; }
.termitab { width:736px; font-family:Calibri, Arial; font-size:0.9em; text-align:center; background-color:#0000cc; cursor:default; }
.termitab th { background-color:#ccccff; border-width:2px; cursor:default; }
.termitd1 { }
.termitar { background-color:#ccccff; }
.termitar a { display:block; width:100%; }
.next { color:#ff0000; font-weight:bold; }

. {}



/***************************************************  webmasterecke  ***************************************************/

.webmerst { width:400px; text-align:center; border:solid 2px #d1d1d1; border-style:outset; border-radius:8px; padding:5px; cursor:pointer; background:radial-gradient(#bdbdbd, #0000ff 80%); box-shadow:4px 4px 10px 2px #444444; transition:background 1.0s, box-shadow 1.0s; }
.webmerst:hover { border-style:outset; background:radial-gradient(#009000, #025600 80%); box-shadow:4px 4px 10px 2px #444444; transition:background 0.3s, box-shadow 0.3s; }
.webmerst:active { border-style:inset; background:radial-gradient(#009000, #025600 80%); box-shadow:4px 4px 10px 0px #444444; transition:box-shadow 0.1s; }

.inputeinzeilig { font-family:Calibri; margin-top:5px; background-color:#ffffff; font-size:0.9em; }   /* width:20%; background-color:#f0f0f0;  */
.inputmehrzeilig { resize:none; font-family:Calibri; margin-top:5px; background-color:#ffffff; font-size:0.9em; vertical-align:top; }   /* width:95%; height:100px; background-color:#f0f0f0;  */
.inputausgabe { width:90%; margin-top:5px; background-color:#f0f0f0; font-size:0.9em; text-align:center; }

.webmshowbox { font-family:Calibri; border:1px solid #cccccc; padding:20px; background-color:#ffffff; box-shadow:4px 4px 10px 2px #444444; }   /* padding-bottom:40px;  */
.webmeditbox { max-width:650px; font-family:Calibri; border:1px solid #cccccc; padding:20px; padding-bottom:40px; background-color:#ffffff; box-shadow:4px 4px 10px 2px #444444; }
.edit { transition:background-color 1.0s; }
.edit:hover { background-color:#ffff00; transition:background-color 0.3s; }
.edittabellelinks { background-color:#8b8b8b; }
.radioboxja { color:#025600; }
.radioboxnein { color:#cc0000; }
.radioboxextra { color:#9900ff; }

.tabellenews { font-family:Calibri, Arial; font-size:0.9em; background-color:#ffffff; padding:5px; }   /* table-layout:fixed; border:1px solid #808080; border-collapse:collapse;  */
.tabellenews td { padding:5px; }   /* border:1px solid #808080;  */
.zeilenews { background-color:#dddddd; transition:background-color 1.0s, box-shadow 0.3s; }   /* background-color:#dddddd;  */
.zeileeins { font-size:1.1em; background-color:#bbbbbb; }
.zeilezwei { font-size:1.1em; font-variant:small-caps; font-style:italic; }
.zeiledrei { font-size:0.8em; background-color:#bbbbbb; }
.spalteedit { color:#0000ff; text-decoration:underline; text-align:center; background-color:#dddddd; transition:background-color 1.0s, box-shadow 0.3s; cursor:pointer; }
.spalteedit:hover { box-shadow:4px 4px 10px 4px #444444; background-color:#cccccc; transition:background-color 0.3s, box-shadow 0.3s; position:relative; z-index:1; }
.spalteedit:active { box-shadow:4px 4px 10px 0px #444444; transition:box-shadow 0.1s; }
.terminebox {  }   /* height:90%; text-align:left; background-color:#f5f5f5; border:3px solid #606060; -moz-border-radius:5px; border-radius:5px; padding:20px; */
.terminehead { font-size:1.3em; color:#000000; font-weight:bold; text-decoration:underline; padding-bottom:15px; }

.termineboxhead { width:100%; background-color:#ff9900; font-size:5.0vh; font-variant:small-caps; color:#000000; text-align:center; padding:10px; padding-left:20px; padding-right:20px; margin-left:-20px; }
.termineboxbottom { padding-bottom:10px; }
.termineboxbothead { font-variant:small-caps; padding-bottom:10px; }
.termineboxheadline { font-size:3.0vh; font-weight:bold; color:#025600; text-decoration:underline; padding-bottom:10px; }
.termineboxtext { font-size:2.5vh; padding-bottom:20px; }


.t { 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; }
.2 { font-variant:small-caps; font-weight:bold; font-style:italic; color:#eeeeee; text-shadow:black 2px 2px 4px; }
.ft { background-color:#aaaaaa; padding:2px; padding-left:20px; padding-right:20px; box-shadow:4px 4px 10px 2px #444444; }


.stachtbox { width:90%; font-size:0.9em; text-align:left; background-color:#ffccdd; border:4px solid #ff0000; padding:10px; box-shadow:4px 4px 10px 2px #444444; }

.stbox { width:100%; box-shadow:4px 4px 10px 2px #444444; }   /* margin-bottom:20px;  */
.stboxsmall { width:100%; box-shadow:4px 4px 10px 2px #444444; }   /* margin-top:20px;  */
.stboxpad { background-color:#ff0000; padding:1%; }
.stboxin { background:url('images/1.png') no-repeat top left #ffccdd; font-size:0.9em; text-align:left; padding-left:20px; padding-right: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; }
.stboxinbot { margin-top:25px; display:none; padding-bottom:20px;}
.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; }   /* background:url(images/navpfeil_rechts.png) no-repeat center left 5px #ffccdd;  */
.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; }   /* background:url(images/navpfeil_rechts.png) no-repeat center left 5px #ff8899;  */
.stlink:active { background:url(images/navpfeil_rechts.png) no-repeat center left 5px #ff4455; box-shadow:4px 4px 10px 0px #444444; }
.afterstlink { margin-left:5px; }

.importantbox { width:100%; box-shadow:4px 4px 10px 2px #444444; }
.importantboxsmall { width:100%; box-shadow:4px 4px 10px 2px #444444; }   /* margin-top:20px;  */
.importantboxpad { background-color:#ff0000; padding:1%; }
.importantboxin { background:url('images/1.png') no-repeat top left #ffccdd; font-size:0.9em; text-align:left; font-weight:bold; padding:20px; }
	/* .importantboxintop { width:100%; background:url(images/navpfeil_unten.png) no-repeat center right 20px; padding-right:30px; cursor:pointer; padding-top:20px; padding-bottom:20px; } */
	/* .importantboxintopon { width:100%; background:url(images/navpfeil_oben.png) no-repeat center right 20px; padding-right:30px; cursor:pointer; padding-top:20px; padding-bottom:20px; } */
	/* .importantboxinbot { margin-top:25px; display:none; padding-bottom:20px;} */
.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; }

.intinfobox { width:90%; font-size:0.9em; text-align:left; background-color:#efffe9; border:4px solid #025600; padding:10px; box-shadow:4px 4px 10px 2px #444444; }
.infobox { width:100%; box-shadow:4px 4px 10px 2px #444444; }
.infoboxsmall { width:100%; box-shadow:4px 4px 10px 2px #444444; }   /* margin-top:20px;  */
.infoboxpad { background-color:#025600; padding:1%; }
.infoboxin { background:url('images/1.png') no-repeat top left #efffe9; font-size:0.9em; text-align:left; font-weight:bold; padding:20px; }
.infobr { margin-bottom:10px; }
.infolink { background:url(images/navpfeil_rechts.png) no-repeat center left 5px #efffe9; padding-left:25px; padding-right:10px; color:#000000; text-decoration:none; font-weight:bold; }
.infolink:hover { background:url(images/navpfeil_rechts.png) no-repeat center left 5px c9ffb5; }

.medaillen { width:100%; background-color:#ffffff; transition:background-color 1.0s, box-shadow 1.0s; cursor:pointer; }
.medaillen:hover { box-shadow:4px 4px 10px 4px #444444; background-color:#cccccc; transition:background-color 0.3s, box-shadow 0.3s;  }
.medaillen:active { box-shadow:4px 4px 10px 0px #444444; transition:box-shadow 0.1s; }
.spiegel { width:20%; height:27px; float:left; padding-top:6px; text-align:left; }
#spiegel1 { background:url(images/pokal.png) no-repeat center left 10px; padding-left:35px; margin-right:-35px; }
#spiegel2 { background:url(images/gold.png) no-repeat center left 10px; padding-left:35px; margin-right:-35px; }
#spiegel3 { background:url(images/silber.png) no-repeat center left 10px; padding-left:35px; margin-right:-35px; }
#spiegel4 { background:url(images/bronze.png) no-repeat center left 10px; padding-left:35px; margin-right:-35px; }
#spiegel5 { text-align:right; margin-right:-35px; }   /* color:#0000ff; text-decoration:underline;  */
.spiegelbox { font-family:Calibri; font-size:0.7em; font-weight:bold; border:2px solid #0000ff; background-color:#ffffff; color:#0000ff; transition:background 0.3s, color 0.3s; padding:5px; padding-left:10px; padding-right:10px; cursor:pointer; }   /* Arial Black,  */
.spiegelbox:hover { background-color:#0000ff; color:#ffffff; transition:background 0.3s, color 0.3s; }
.spiegelbox:active { border:2px solid #ffffff; background-color:#025600; color:#ffffff; }


/*********************CSS für Webmasterecke*********************/
.LayerX { float:right; color:#ff0000; cursor:pointer; }
#wbNavi { text-decoration:none; color:#000000; font-family:Arial; font-size:12px; font-weight:bold; padding:4px; }
.wbNavi_normal { border:outset 2px #d1d1d1; background:radial-gradient(#BDBDBD, #808080 80%); }
.wbNavi_normal:hover { background:radial-gradient(#009000, #025600 80%); }
.wbNavi_klick, .wbNavi_normal:active { border:inset 2px #d1d1d1; background:radial-gradient(#009000, #025600 80%); }

/* . {} */



	.termineeinzel { float:left; width:30%; }
	.termineeinzelsmall { width:100%; margin-left:-17px; }
.termineauswahl { background:url(images/navpfeil_rechts.png) no-repeat top 10px left 5px; color:#025600; transition:box-shadow 1.0s, background 1.0s; font-style:italic; padding:4px; padding-left:25px; padding-right:8px; cursor:pointer; }
.termineauswahl:hover { background:url(images/navpfeil_rechts.png) no-repeat top 10px left 5px #cccccc; box-shadow:2px 2px 10px 2px #444444; font-weight:bold; transition:box-shadow 0.3s, background 0.3s; }
.termineauswahlactive { background:url(images/navpfeil_rechts.png) no-repeat top 10px left 5px #cccccc; box-shadow:2px 2px 10px 2px #444444; color:#025600; font-weight:bold; font-style:italic; padding:4px; padding-left:25px; padding-right:8px; cursor:pointer; }
.termineauswahlright {  }

.tabelle { width:100%; }
	/* .tabelle tr:hover { background-color:#999999; box-shadow:4px 4px 10px 4px #444444; z-index:99; } */
.tabelle th, .tabelle td { padding:8px; }
.tabellehead { background-color:#777777; }
.tabelle0 { background-color:#aaaaaa; }
.tabelle0:hover { background-color:#999999; box-shadow:4px 4px 10px 4px #444444; position:relative; z-index:1; }
.tabelle1 { background-color:#dddddd; }
.tabelle1:hover { background-color:#999999; box-shadow:4px 4px 10px 4px #444444; position:relative; z-index:1; }
.tabelle9 { background-color:#dddddd; transition:background-color 1.0s, box-shadow 0.3s; }
.tabelle9:hover { background-color:#999999; box-shadow:4px 4px 10px 4px #444444; transition:background-color 0.3s, box-shadow 0.3s; position:relative; z-index:1; }

.termineresttage { font-size:0.7em; font-style:italic; }

.terminebox {  }   /* height:90%; text-align:left; background-color:#f5f5f5; border:3px solid #606060; -moz-border-radius:5px; border-radius:5px; padding:20px; */
.terminehead { font-size:1.3em; color:#000000; font-weight:bold; text-decoration:underline; padding-bottom:15px; }

.termineboxhead { width:100%; background-color:#ff9900; font-size:5.0vh; font-variant:small-caps; color:#000000; text-align:center; padding:10px; padding-left:20px; padding-right:20px; margin-left:-20px; }
.termineboxbottom { padding-bottom:10px; }
.termineboxbothead { font-variant:small-caps; padding-bottom:10px; }
.termineboxheadline { font-size:3.0vh; font-weight:bold; color:#025600; text-decoration:underline; padding-bottom:10px; }
.termineboxtext { font-size:2.5vh; padding-bottom:20px; }







/***************************************************  compl  ***************************************************/

.compl {  }


/***************************************************  menu desktop mit styles  ***************************************************/

.lefthr { width:3px; height:100%; position:fixed; top:0px; left:0px; background-color:#440066; border-right:1px solid #440066; box-shadow:2px 0px 4px 2px #440066; z-index:1; }
.righthr { width:3px; height:100%; position:fixed; top:0px; right:0px; background-color:#440066; border-left:1px solid #440066; box-shadow:-2px 0px 4px 2px #440066; z-index:1; }

	/* .lefthr { width:3px; height:100%; position:fixed; top:0px; left:0px; background-color:#440066; border-right:1px solid #440066; box-shadow:2px 0px 30px 30px #440066; z-index:1; } */
	/* .righthr { width:3px; height:100%; position:fixed; top:0px; right:0px; background-color:#440066; border-left:1px solid #440066; box-shadow:-2px 0px 30px 30px #440066; z-index:1; } */

.tophr { width:120%; height:20px; position:fixed; top:0; left:0; margin-left:-10%; margin-top:-20px; background-color:#440066; border-bottom:1px solid #440066; box-shadow:0px 5px 5px 0px #440066; z-index:200; }
.compltop { width:100%; position:fixed; top:0; left:0; background-color:#fafafa; z-index:2; }   /* display:none;    background-color:#efffe9;  */
.head { width:80%; height:100px; padding-top:10px; }
.separater { width:100%; height:3px; background-color:#440066; color:#ffffff; padding-left:10px; padding-right:10px; margin-left:-10px; box-shadow:0px 0px 4px 2px #440066; z-index:25; }
	/* .separater { width:100%; height:8px; background-color:#440066; color:#ffffff; padding-left:10px; padding-right:10px; margin-left:-10px; z-index:25; } */
.headnavi { width:100%; height:80px; position:fixed; top:0; left:0; padding-top:10px; z-index:20; }
.navi { width:80%; text-align:center; margin-top:-16px; }     /* margin-top:-16px; */
.headlogolink { z-index:10; }
// .headlogo { width:100px; height:120px; float:left; margin-left:70px; background:url(images/logo_maeuse.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 { width:100px; height:120px; float:left; margin-left:70px; background:url(images/logo_btvo.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:hover { background:url(images/logo_maeuse.png) no-repeat center center #dddddd; transition:background 0.3s; }
.headlogo:hover { background:url(images/logo_btvo.png) no-repeat center center #dddddd; transition:background 0.3s; }
.headlogo:active { box-shadow:4px 4px 10px 0px #444444; }

.headlogotrauer { width:100px; height:120px; float:left; margin-left:70px; background:url(images/logo_maeuse_trauer.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; }
.headlogotrauer:hover { background:url(images/logo_maeuse_trauer.png) no-repeat center center #dddddd; transition:background 0.3s; }
.headlogotrauer:active { box-shadow:4px 4px 10px 0px #444444; }

.headlogowinter { width:100px; height:120px; float:left; margin-left:70px; background:url(images/logo_maeuse_winter.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; }
.headlogowinter:hover { background:url(images/logo_maeuse_winter.png) no-repeat center center #dddddd; transition:background 0.3s; }
.headlogowinter:active { box-shadow:4px 4px 10px 0px #444444;  }

.headlogowintertrauer { width:100px; height:120px; float:left; margin-left:70px; background:url(images/logo_maeuse_winter_trauer.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; }
.headlogowintertrauer:hover { background:url(images/logo_maeuse_winter_trauer.png) no-repeat center center #dddddd; transition:background 0.3s; }
.headlogowintertrauer:active { box-shadow:4px 4px 10px 0px #444444; }

.headlogoparty { width:100px; height:120px; float:left; margin-left:70px; background:url(images/logo_maeuse_party.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; }
.headlogoparty:hover { background:url(images/logo_maeuse_party.png) no-repeat center center #dddddd; transition:background 0.3s; }
.headlogoparty:active { box-shadow:4px 4px 10px 0px #444444; }

.headlogopartytrauer { width:100px; height:120px; float:left; margin-left:70px; background:url(images/logo_maeuse_party_trauer.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; }
.headlogopartytrauer:hover { background:url(images/logo_maeuse_party_trauer.png) no-repeat center center #dddddd; transition:background 0.3s; }
.headlogopartytrauer:active { box-shadow:4px 4px 10px 0px #444444; }

.navidiv { display:block; float:left; position:relative; font-weight:bold; font-variant:small-caps; color:#440066; text-decoration:none; text-align:right; margin-left:20px; margin-top:30px; cursor:pointer; }   /* margin-left:40px; margin-top:40px;  */
.navidiv a { color:#440066; text-decoration:none; }
.navilink { display:block; float:left; position:relative; background-color:none; text-decoration:none; padding:10px; padding-left:35px; padding-right:35px; }     /* background:url(images/navpfeil_unten.png) no-repeat center right 20px;      transition:background 1.0s, box-shadow 1.0s;  */
.navilink:hover { background-color:#cccccc; box-shadow:4px 4px 10px 4px #444444; }     /* background:url(images/navpfeil_unten.png) no-repeat center right 20px #cccccc;      box-shadow:4px 4px 10px 4px #444444; transition:background 0.3s, box-shadow 0.3s; */
.navilink:active { background-color:#aaaaaa; box-shadow:4px 4px 10px 0px #444444; }     /* background:url(images/navpfeil_unten.png) no-repeat center right 20px #cccccc; */
.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; }     /* background-color:none; padding-left:35px; padding-right:35px;      transition:background 1.0s, box-shadow 1.0s;  */
.navilinkdown:hover { background:url(images/navpfeil_unten.png) no-repeat center right 20px #cccccc; box-shadow:4px 4px 10px 4px #444444; }     /* background-color:#cccccc;      box-shadow:4px 4px 10px 4px #444444; transition:background 0.3s, box-shadow 0.3s; */
.navilinkdown:active { background:url(images/navpfeil_unten.png) no-repeat center right 20px #cccccc; box-shadow:4px 4px 10px 0px #444444; }     /* background-color:#aaaaaa; */
.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:hover { background-color:#440066; color:#cccccc; transition:background 0.3s, color 0.3s; }
.submenuul li:active { background-color:#440066; color:#aaaaaa; transition:color 1.0s; }
.submenuul li a { display:block; }
.submenudown { 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; }
.submenudown:hover { background:url(images/navpfeil_rechts.png) no-repeat center right 20px #cccccc; background-color:#cccccc; color:#440066; transition:background 0.3s, color 0.3s; }
.navwid { width:20%; display:block; float:left; position:relative; }
.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:#440066; 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 { 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:url(images/logout6.png) no-repeat center left 10px; background-color:#440066; 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:hover { background-color:#cccccc; color:#440066; transition:background 0.3s, color 0.3s; }
.navilogout:active { background-color:#aaaaaa; color:#440066; box-shadow:4px 4px 10px 0px #444444; }
.placeholdertop { width:80%; height:160px; }

.navwidadmin { width:25%; display:block; float:left; position:relative; text-align:center; }
.navidivadmin { display:block; font-weight:bold; font-variant:small-caps; color:#440066; text-decoration:none; text-align:right; cursor:pointer; text-align:center; } /* float:left; position:relative;  */
.navidivadmin a { color:#440066; text-decoration:none; }



/***************************************************  menu mobile  ***************************************************/

.compltopsmall { width:100%; height:50px; position:fixed; top:0; left:0; background-color:#440066; z-index:180; display:none; }
.placeholdertopsmall { width:80%; height:60px; display:none; }
.headnavismall { width:100%; }
.headlogosmall { float:left; }
.logosmall { float:left; height:50px; }
.logosmall:hover { background-color:#aaaaaa; }
.logoutheadsmall { float:right; cursor:pointer; }
.menusmall { float:right; cursor:pointer; }
.menusmall:hover { background-color:#aaaaaa; }
.menubox { float:right; max-width:60px; height:50px; }
.headmenu { width:100%; height:90%; position:fixed; top:0; left:0; margin-top:50px; background-color:#440066; z-index:180; display:none; }
.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; }     /* background:url(images/navpfeil_rechts_weiss.png) no-repeat center right 20px;  */
.menurow:hover { background-color:#cccccc; color:#440066; transition:background 0.3s, color 0.3s; }     /* background:url(images/navpfeil_rechts.png) no-repeat center right 20px #cccccc;  */
.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:#440066; transition:background 0.3s, color 0.3s; }
	.submenu { width:90%; height:90%; position:fixed; top:0; right:0; margin-top:50px; background-color:#440066; border-left:2px solid #ffffff; z-index:190; display:none; overflow-y:auto; }
	.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:#440066; }
	.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:#440066; }
.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:#440066; transition:background 0.3s, color 0.3s; }
.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:#440066; transition:background 0.3s, color 0.3s; }

.logosmalldiv { float:left; height:100%; background:url(images/logo_maeuse.png) no-repeat 80% center right; cursor:pointer; }
.menuboxdiv { float:right; max-width:60px; height:100%; background:url(images/menu.png) no-repeat 80% center right; cursor:pointer; }

.logoutsmall { float:right; cursor:pointer; }
.logoutsmall:hover {  }   /* background-color:#aaaaaa; */
.headnavilogout { font-weight:bold; text-align:left; cursor:pointer; }   /* background-color:transparent; color:#ffffff; transition:background 1.0s, color 1.0s;  */
.headnavilogout:hover {  }   /* background-color:#cccccc; color:#440066; transition:background-color 0.3s, color 0.3s; */
.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; }   /* display:block; transition:background 1.0s, background 1.0s, color 1.0s;  */
.headlogout:hover { background:url(images/logout6_active.png) no-repeat center left 10px; background-color:#cccccc; color:#440066; }   /* transition:background 0.3s, background-color 0.3s, color 0.3s;  */



/***************************************************  complcenter  ***************************************************/

/* .complcenter { width:80%; } */
.complcenter { width:100%; }

.complcentersmall { width:95%; }



/***************************************************  sichtung  ***************************************************/

.stbox { width:100%; box-shadow:4px 4px 10px 2px #444444; }   /* margin-bottom:20px;  */
.stboxsmall { width:100%; box-shadow:4px 4px 10px 2px #444444; }   /* margin-top:20px;  */
.stboxpad { background-color:#ff0000; padding:1%; }
.stboxin { background:url('images/1.png') no-repeat top left #ffccdd; font-size:0.9em; text-align:left; padding-left:20px; padding-right: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; }
.stboxinbot { margin-top:25px; display:none; padding-bottom:20px;}
.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; }   /* background:url(images/navpfeil_rechts.png) no-repeat center left 5px #ffccdd;  */
.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; }   /* background:url(images/navpfeil_rechts.png) no-repeat center left 5px #ff8899;  */
.stlink:active { background:url(images/navpfeil_rechts.png) no-repeat center left 5px #ff4455; box-shadow:4px 4px 10px 0px #444444; }
.afterstlink { margin-left:5px; }

.importantbox { width:100%; box-shadow:4px 4px 10px 2px #444444; }
.importantboxsmall { width:100%; box-shadow:4px 4px 10px 2px #444444; }   /* margin-top:20px;  */
.importantboxpad { background-color:#ff0000; padding:1%; }
.importantboxin { background:url('images/1.png') no-repeat top left #ffccdd; font-size:0.9em; text-align:left; padding:12px; }
	/* .importantboxintop { width:100%; background:url(images/navpfeil_unten.png) no-repeat center right 20px; padding-right:30px; cursor:pointer; padding-top:20px; padding-bottom:20px; } */
	/* .importantboxintopon { width:100%; background:url(images/navpfeil_oben.png) no-repeat center right 20px; padding-right:30px; cursor:pointer; padding-top:20px; padding-bottom:20px; } */
	/* .importantboxinbot { margin-top:25px; display:none; padding-bottom:20px;} */
.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; }



/***************************************************  hauptteil  ***************************************************/

.complcenterleft { width:95%; float:right; margin-right:3%; text-align:left; }     /* width:70%;  */
.main { background-color:#ffffff; border:1px solid #999999; box-shadow:4px 4px 10px 2px #444444; padding:20px; }

.complcenterbottomsmall { width:100%; text-align:left; }
.mainsmall { background-color:#ffffff; border:1px solid #999999; box-shadow:4px 4px 10px 2px #444444; padding:20px; }   /* margin-top:20px;  */

.maindivtext {  }
.mainhead { font-weight:bold; color:#440066; font-size:1.1em; }
.mainheadgiant { font-weight:bold; color:#440066; font-size:1.3em; }
.mainheadsub { text-decoration:underline; color:#440066; font-size:1.1em; }
.mainlink { background:url(images/navpfeil_rechts.png) no-repeat top 10px left 5px; color:#440066; 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:#440066; 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; }



/***************************************************  infobox  ***************************************************/

.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; }



/***************************************************  alle Seiten  ***************************************************/

.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:hover { background-color:#efcfff; box-shadow:4px 4px 10px 4px #444444; transition:background-color 0.3s, box-shadow 0.3s; }
.uebersichtbox:active { background-color:#efcfff; box-shadow:4px 4px 10px 0px #444444; transition:box-shadow 0s; }
.uebersichtbox:hover .subbannerstrecke { border-top:1px solid #efcfff; border-bottom:1px solid #efcfff; transition:border 0.3s; }     /* background-color:#ccccff; border-top:1px solid #440066; border-bottom:1px solid #440066; */

.bannersubtitle { width:100%; height:40px; }   /* border:1px solid #000000;  */
.bannerbg { width:100%; height:40px; font-family:Calibri; font-size:28px; font-style:italic; font-variant:small-caps; color:#440066; text-align:center; }
.bannerbackground { font-size:28px; }
.bannerbackgroundsmall { font-size:16px; margin-top:6px; }
.bannerstrecke { background-color:#ccccff; border-top:1px solid #440066; border-bottom:1px solid #440066; }
.bannermargin { margin-left:-4px; }

.subbannersubtitle { width:100%; height:30px; margin-top:2px; }   /* border:1px solid #000000;  */
.subbannerbg { width:100%; height:30px; font-family:Calibri; font-size:18px; font-style:italic; font-variant:small-caps; color:#440066; text-align:center; }
.subbannerbackground { font-size:18px; }
.subbannerbackgroundsmall { font-size:12px; margin-top:6px; }
.subbannerstrecke { background-color:#efcfff; border-top:1px solid #440066; border-bottom:1px solid #440066; transition:border 1.0s; }     /* background-color:#ccccff; border-top:1px solid #440066; border-bottom:1px solid #440066; */
.subbannermargin { margin-left:-4px; }

.tabellekomplett { width:100%; font-family:Calibri, Arial; font-size:0.9em; background-color:#ffffff; padding:5px; }   /* table-layout:fixed; border:1px solid #808080; border-collapse:collapse;  */
.tabellekomplett th { padding:10px; }   /* border:1px solid #808080;  */
.tabellekomplett td { padding:5px; }   /* border:1px solid #808080;  */
.tabellekopf { background-color:#8b8b8b; }
.tabellezeile { background-color:#dddddd; transition:background-color 1.0s, box-shadow 0.3s; }   /* background-color:#dddddd;  */
.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; }   /* background-color:#999999;  */
.tabellezeile:hover td {  }   /* border:1px solid #808080; */



/***************************************************  startseite  ***************************************************/





/***************************************************  verschiedenes  ***************************************************/

#versNavi { text-decoration:none; font-family:Arial; font-size:12px; font-weight:bold; padding:6px; }
.versNavi_normal { border:outset 2px #d1d1d1; }   /* background:radial-gradient(#BDBDBD, #808080 80%);  */
.versNavi_normal:hover { border:outset 2px #d1d1d1; }   /* background:radial-gradient(#009000, #025600 80%);  */
.versNavi_normal:active, .versNavi_klick { border:inset 2px #d1d1d1; }   /* background:radial-gradient(#009000, #025600 80%);  */
.verstab00 { background-color:transparent; color:#000000; cursor:pointer; }
.verstab01 { background-color:#ff0000; color:#000000; cursor:pointer; }
.verstab02 { background-color:#ff9900; color:#000000; cursor:pointer; }
.verstab03 { background-color:#ffff00; color:#000000; cursor:pointer; }
.verstab04 { background-color:#99ff00; color:#000000; cursor:pointer; }
.verstab05 { background-color:#00bb00; color:#000000; cursor:pointer; }
.verstab06 { background-color:#33cccc; color:#000000; cursor:pointer; }
.verstab07 { background-color:#0088ff; color:#000000; cursor:pointer; }
.verstab08 { background-color:#000088; color:#ffffff; cursor:pointer; }
.verstab09 { background-color:#9900cc; color:#ffffff; cursor:pointer; }
.verstab10 { background-color:#025600; color:#ffffff; cursor:pointer; }



/***************************************************  kuermusik  ***************************************************/

audio { display:none; margin:0; } /*  */
.song { clear:left;    border:1px solid #999999; box-shadow:4px 4px 10px 2px #444444; transition:background-color 1.0s; cursor:pointer; }     /* margin:1 0;  */
.song:hover { background-color:#cccccc; transition:background-color 0.3s; }
.song:active { box-shadow:4px 4px 10px 0px #444444; }
/* .song input {margin:0 1em .5em 0; float:left; padding:0; } */
.song input {margin:0 1em 0 0; float:left; padding:0; }
.song p { margin:0 0 1.5em 0; }
.song:after { content:\".\"; display:block; height:0; clear:left; visibility:hidden; }
   /* audio { margin:0; min-width:0 } */
audio { margin:1em 0 0; border:3px solid transparent; outline:none; border-radius:4em; }   /* min-width:20em; max-width:23em;  */
/* @media only screen and (min-width:768px) { audio{max-width:75%;} } */
/* @media only screen    and (min-width: 320px)   and (max-width: 480px)   and (-webkit-min-pixel-ratio: 2)   and (orientation: portrait) { audio{max-width:10em;} } */

/* @media only screen and (min-width:768px) { audio{max-width:75%;} } */
/* @media only screen    and (min-width: 320px)   and (max-width: 480px)   and (-webkit-min-pixel-ratio: 2)   and (orientation: portrait) { audio{max-width:10em;} } */



.audiotag { position:relative; z-index:1; }   /* margin-top:-15px; margin-left:-2px;  */
.audiotag audio { display:none; max-width:60%; position:absolute; z-index:1; margin-left:130px; }   /*  */
.audiotag #eins { display:block; }
.audiotagpl { position:relative; }   /* margin-top:19px;  */
.audiotagpl img { width:100px; height:30px; }   /* box-shadow:4px 4px 10px 4px #444444;  */



.clip { clear:left;    border:1px solid #999999; box-shadow:4px 4px 10px 2px #444444; transition:background-color 1.0s; cursor:pointer; }     /* margin:1 0;  */
.clip:hover { background-color:#cccccc; transition:background-color 0.3s; }
.clip:active { box-shadow:4px 4px 10px 0px #444444; }
.clip input {margin:0 1em 0 0; float:left; padding:0; }
.clip p { margin:0 0 1.5em 0; }
.clip:after { content:\".\"; display:block; height:0; clear:left; visibility:hidden; }

/* .videoopen { width:80%; height:80%; position:fixed; top:1%; left:10%; z-index:900; }   /* margin:auto;  */
/* .videoopenbox { width:80%; height:80%; text-align:center; }   /* background-color:#f5f5f5;  */
/* .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; }   /* font-size:1.4em; margin-top:-5px; float:right;  */
/* .closevideo:hover { color:#ff0000; transition:color 0.2s; } */
/* .closevideo:active { color:#dd0000; } */
/* .closevideoX { padding:10px; padding-bottom:15px; }   /* background-color:#efffe9;  */

.videoopen { width:90%; height:95%; position:fixed; top:2%; left:5%; z-index:900; }   /* margin:auto;  */
.videoopenbox { width:100%; height:100%; margin:0 auto; }   /* background-color:#f5f5f5;  */
.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; }   /* font-size:1.4em; margin-top:-5px; float:right;  */
.closevideo:hover { color:#ff0000; transition:color 0.2s; }
.closevideo:active { color:#dd0000; }
.closevideoX { padding:10px; padding-bottom:15px; }   /* background-color:#efffe9;  */
.videotag { width:100%; height:100%; background-color:#000000; border:1px solid #333333; box-shadow:4px 4px 10px 4px #222222; margin:0 auto; }



/***************************************************  heimtraining  ***************************************************/

.kraft { clear:left;    border:1px solid #999999; box-shadow:4px 4px 10px 2px #444444; transition:background-color 1.0s; cursor:pointer; }     /* margin:1 0;  */
.kraft:hover { background-color:#cccccc; transition:background-color 0.3s; }
.kraft:active { box-shadow:4px 4px 10px 0px #444444; }
.kraft input {margin:0 1em 0 0; float:left; padding:0; }
.kraft p { margin:0 0 1.5em 0; }
.kraft:after { content:\".\"; display:block; height:0; clear:left; visibility:hidden; }




/***************************************************  mitgliedsdaten  ***************************************************/

.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:hover { border-style:outset; background:radial-gradient(#efcfff, #440066 80%); box-shadow:4px 4px 10px 2px #444444; transition:background 0.3s, box-shadow 0.3s; }
.mitanszur:active { border-style:inset; background:radial-gradient(#efcfff, #440066 80%); box-shadow:4px 4px 10px 0px #444444; transition:box-shadow 0.1s; }

	/* .mitanszur { width:100%; text-align:center; border:solid 2px #d1d1d1; border-style:outset; border-radius:8px; padding:5px; cursor:pointer; background:radial-gradient(#bdbdbd, #808080 80%); box-shadow:4px 4px 10px 2px #444444; transition:background-color 1.0s, box-shadow 1.0s; } */
	/* .mitanszur:hover { border-style:outset; background:radial-gradient(#efcfff, #440066 80%); box-shadow:4px 4px 10px 2px #444444; transition:background-color 0.3s, box-shadow 0.3s; } */
	/* .mitanszur:active { border-style:inset; background:radial-gradient(#efcfff, #440066 80%); box-shadow:4px 4px 10px 0px #444444; transition:box-shadow 0.1s; } */

.mitansbox { width:60%; font-family:Calibri; border:1px solid #cccccc; text-align:left; padding:20px; background-color:#efcfff; box-shadow:4px 4px 10px 2px #444444; }   /* width:400px; background-color:#dddddd;  */
.mitansboxsmall { width:90%; font-family:Calibri; border:1px solid #cccccc; text-align:left; padding:20px; background-color:#efcfff; }
.mitansueb { width:100%; background-color:#440066; border:1px solid #aaaaaa; box-shadow:4px 4px 10px 2px #444444; }
.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; }



/*********************CSS für Webmasterecke*********************/
.LayerX { float:right; color:#ff0000; cursor:pointer; }
#adminNavi { text-decoration:none; color:#000000; font-family:Arial; font-size:12px; font-weight:bold; padding:4px; }
.adminNavi_normal { border:outset 2px #d1d1d1; background:radial-gradient(#bdbdbd, #808080 80%); }
.adminNavi_normal:hover { background:radial-gradient(#efcfff, #440066 80%); }
.adminNavi_klick, .adminNavi_normal:active { border:inset 2px #d1d1d1; background:radial-gradient(#efcfff, #440066 80%); }



/***************************************************  kontakt  ***************************************************/

//.inputeinzeilig { width:100%; margin-top:5px; font-family:Calibri, Arial; font-size:1.0em; 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; }
.inputdatum { margin-top:5px; font-family:Calibri, Arial; font-size:1.0em; background-color:#f0f0f0; font-size:0.9em; }
.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; }     /* color:#222222; background-color:#dddddd;  */
.checkboxul { list-style-type:none; padding-left:0; margin:0; border-radius:4px; }
.checkboxul:hover { background-color:#dddddd; }
.checkbox { background-color:#f0f0f0; cursor:pointer; }
.checkbox:hover { background-color:#000000; }
.radioboxja { color:#025600; }
.radioboxnein { color:#cc0000; }

.submit { font-family:Calibri; 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; }   /* Arial Black,  */
.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; }
.submit:active { border:2px solid #ffffff; background-color:#025600; color:#ffffff; }
.delete { font-family:Calibri; 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; }   /* Arial Black,  */
.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; }
.delete:active { border:2px solid #ffffff; background-color:#cc0000; color:#ffffff; }
.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; }
.deleteboxsubmit { font-family:Calibri; 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; }   /* Arial Black,  */
.deleteboxsubmit:hover { background-color:#025600; color:#ffffff; transition:background 0.3s, color 0.3s; }
.deleteboxsubmit:active { border:2px solid #ffffff; background-color:#025600; color:#ffffff; cursor:pointer; }
.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; }   /* Arial Black,  */
.deleteboxdelete:hover { background-color:#cc0000; color:#ffffff; transition:background 0.3s, color 0.3s; }
.deleteboxdelete:active { border:2px solid #ffffff; background-color:#cc0000; color:#ffffff; }



/***************************************************  feet  ***************************************************/

.complbottom { width:100%; height:100px; background-color:#181818; color:#ffffff; padding-left:10px; padding-right:8px; margin-top:30px; margin-left:-10px; }
.feet { width:80%; padding-top:4px; }
.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; }
.feetlinkstart {  }
.feetlinkflow { margin-left:3px; }
.feetlinkend { margin-left:3px; }
.feetbreak { width:10px; border-left:1px solid #ffffff; }

.complbottomsmall { width:100%; background-color:#181818; color:#ffffff; padding-left:10px; padding-right:8px; margin-top:30px; margin-left:-10px; display:none; }   /*    */
.feetsmall { width:80%; }
.feetlinksmall { color:#ffffff; text-decoration:none; }
.feetlinkendsmall {  color:#ffffff; text-decoration:none; }

.basicstit { font-size:1.3em; color:#000000; font-weight:bold; text-decoration:underline; padding-bottom:15px; }
.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; }

.loginLayer { width:340px; height:3420px; position:fixed; top:50%; left:50%; margin-top:-180px; margin-left:-170px; z-index:800; }
.logsakoe { width:260px; height:320px; background-color:#dddddd; border-radius:3px; padding:10px; box-shadow:8px 8px 5px #111111; }
.logsatue { width:260px; height:320px; background-color:#dddddd; border:1px solid #202020; }
.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; }
.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; }
.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; }
.logsatuekl { margin-top:-50px; margin-left:220px; }
.logsatueklgr { background-color:bbbbbb; border-radius:7px; box-shadow:12px 12px 8px #111111; }
.logsatueklgrzu { width:50px; height:10px; margin-left:-40px; }
.logsatueklgrauf { width:10px; height:50px; margin-top:-90px; }
.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; }
.logsaschl { margin-top:35px; margin-left:220px; }
.logsaschlt { width:12px; height:12px; background-color:#000000; border-radius:6px; }
.logsaschlb { height:0; width:4px; border-bottom:15px solid #000000; border-left:3px solid transparent; border-right:3px solid transparent; margin-top:-5px; }
.logsaueb { font-size:1.0em; font-weight:bold; color:#bbbbbb; padding-top:10px; text-shadow:0px -1px 0px #555555, 0px 1px 0px #eeeeee; }
.logsaschr { font-size:0.8em; color:#bbbbbb; margin-top:15px; text-shadow:0px -1px 0px #555555, 0px 1px 0px #eeeeee; }
.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; }
.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:hover { color:#aaaaaa; }
.logsasubm:active { color:#aaaaaa; border:1px inset #303030; box-shadow:inset 1px 1px 5px #111111; }
.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:hover { color:#aaaaaa; }
.logsaclo:active { color:#aaaaaa; border:1px inset #303030; box-shadow:inset 1px 1px 5px #111111; }



/***************************************************  autoload  ***************************************************/

.faq { border:1px solid #cccccc; margin-top:15px; }
.faqactive { background-color:#eeeeee; border:1px solid #cccccc; margin-top:15px; }
.question { background:url(images/navpfeil_unten.png) no-repeat top 8px left 5px; color:#440066; 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:#440066; 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; }
.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:#440066; 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; }



/***************************************************  autoload  ***************************************************/

.autoload { display:none; }



/**********************************************************************************************************************************************************************/

	/* .headtuslink { z-index:10; } */
	/* .headtus { width:100px; height:120px; float:left; margin-left:100px; background-color:#ffffff; background:url(images/logo_tus.png) no-repeat top left #ffffff; box-shadow:4px 4px 10px 4px #444444; z-index:10; margin-top:10px; } */








/***************************************************  Checkboxen  ***************************************************/

/* [type="checkbox"] { position:relative; left:15px; top:-4px; z-index:0; -webkit-appearance:none; } */
/* [type="checkbox"] + label { position:absolute; } */
/* [type="checkbox"] + label::before { width:15px; height:15px; border-radius:5px; border:2px solid #8cad2d; background-color:#fff; display:block; content:""; float:left; margin-right:5px; z-index:5; position:relative; } */
/* [type="checkbox"]:checked+label::before { box-shadow:inset 0px 0px 0px 3px #fff; background-color:#8cad2d; } */

.checkboxnew { position:relative; left:15px; top:-4px; z-index:0; -webkit-appearance:none; }
.checkboxnew + label::before { width:15px; height:15px; border-radius:5px; border:2px solid #8cad2d; background-color:#ffffff; display:block; content:""; float:left; margin-right:5px; z-index:5; position:relative; }
.checkboxnew:checked+label::before { box-shadow:inset 0px 0px 0px 3px #fff; background-color:#8cad2d; }



/***************************************************    ***************************************************/

.iptotalbox { width:100%; text-align:left; background-color:#ffffff; overflow-x:hidden; overflow-y:auto; }   /* height:90%;  */
.ipopenbox { 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; }
.ipshowbox { 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; }   /* height:100%;  */
.innerbox { width:100%; padding:20px; padding-right:0px; }
.ipopenboxhead { width:100%; height:25px; text-align:right; border-bottom:1px solid #606060; padding-top:10px; padding-bottom:10px; }
.ipmibox { width:90px; height:100%; font-size:15px; color:#808080; text-align:center; background-color:#ffffff; padding-top:5px; }
.ipmibox:hover { color:#000000; background-color:#dddddd; }
.ipmiboxactive { width:90px; height:100%; font-size:15px; color:#000000; text-align:center; background-color:#dddddd; border-bottom:1px solid #0000ff; padding-top:5px; }   /* text-decoration:underline #0000ff;  */
.ipmclose { width:120px; height:100%; font-size:15px; color:#cc0000; text-align:center; padding-top:5px; }
.ipmclose:hover { font-weight:bold; background-color:#dddddd; }
.ipuebbox { 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;  */
.ipuebbox:hover { background-color:#808080; }
.ipuebbox:active { background-color:#808080; border:2px inset #808080; border-radius:8px; box-shadow:4px 4px 10px -2px #444444;}
.ipinnerbox { width:106px; height:106px; background-color:#ffffff; border:2px outset #808080; border-radius:8px; text-align:center; display:table-cell; vertical-align:middle; }
.ipinnerbox img { width:100px; }
.ipaltboxtext { font-size:12px; text-decoration:underline; text-decoration-style:dotted; }
.ipaltbox { width:64px; height:64px; 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;  */
.ipinneraltbox { width:64px; height:64px; background-color:#ffffff; border:2px outset #808080; border-radius:8px; text-align:center; display:table-cell; vertical-align:middle; }
.ipinneraltbox img { width:50px; }




/**********************************************************************************************************************************************************************/

