/* ============================== */
/* === Powered by locomputing === */
/* ============================== */

.nuraddi {
color: #bd9800;
}

.useedite {
position: relative;
font-size: 150%;
}

.rbg00 {
background: #bd9800;
border-radius: .2em;
color: navy;
width: 1.3em;
height:1.3em;
padding: .25em 0 0 .4em;
}
.rbg01 {
background: #00ffff;
border-radius: .2em;
color: black;
width: 1.3em;
height:1.3em;
padding: .25em 0 0 .4em;
}
.rbg02 {
background: #ff00ff;
border-radius: .2em;
color: black;
width: 1.3em;
height:1.3em;
padding: .25em 0 0 .4em;
}
.rbg03 {
background: #0000ff;
border-radius: .2em;
color: white;
width: 1.3em;
height:1.3em;
padding: .25em 0 0 .4em;
}
.rbg04 {
background: #ffff00;
border-radius: .2em;
color: black;
width: 1.3em;
height:1.3em;
padding: .25em 0 0 .4em;
}
.rbg05 {
background: #00ff00;
border-radius: .2em;
color: black;
width: 1.3em;
height:1.3em;
padding: .25em 0 0 .4em;
}
.rbg06 {
background: #ff8484;
border-radius: .2em;
color: black;
width: 1.3em;
height:1.3em;
padding: .25em 0 0 .4em;
}
.rbg07 {
background: #808080;
border-radius: .2em;
color: white;
width: 1.3em;
height:1.3em;
padding: .25em 0 0 .4em;
}
.rbg08 {
background: #c0c0c0;
border-radius: .2em;
color: black;
width: 1.3em;
height:1.3em;
padding: .25em 0 0 .4em;
}
.rbg09 {
background: #008080;
border-radius: .2em;
color: white;
width: 1.3em;
height:1.3em;
padding: .25em 0 0 .4em;
}
.rbg10 {
background: #800080;
border-radius: .2em;
color: white;
width: 1.3em;
height:1.3em;
padding: .25em 0 0 .4em;
}
.rbg11 {
background: #000080;
border-radius: .2em;
color: white;
width: 1.3em;
height:1.3em;
padding: .25em 0 0 .4em;
}
.rbg12 {
background: #808000;
border-radius: .2em;
color: black;
width: 1.3em;
height:1.3em;
padding: .25em 0 0 .4em;
}
.rbg13 {
background: #008000;
border-radius: .2em;
color: white;
width: 1.3em;
height:1.3em;
padding: .25em 0 0 .4em;
}
.rbg14 {
background: #800000;
border-radius: .2em;
color: white;
width: 1.3em;
height:1.3em;
padding: .25em 0 0 .4em;
}
.rbg15 {
background: #000000;
border-radius: .2em;
color: white;
width: 1.3em;
height:1.3em;
padding: .25em 0 0 .4em;
}

.fbg1 {
background: #fff3aa;
border:1px solid gray;
padding: 2px 5px;
font-size: 75%;
}
.fbg2 {
background: #ffebc6;
border:1px solid gray;
padding: 2px 5px;
font-size: 75%;
}
.fbg3 {
background: #e2fee3;
border:1px solid gray;
padding: 2px 5px;
font-size: 75%;
}
.fbg4 {
background: #f4eef5;
border:1px solid gray;
padding: 2px 5px;
font-size: 75%;
}







/* - - - Kategorien - - - - - - - - - - - - - - - - - - - - - - - - - */

#cattable {
width: 100%;
margin: 0 0 1em 0;
padding:0 calc(.25em + ((.25vw - 0.1em) * 0.1));
}

#cattwo {
display: flex;
width: 100%;
border-bottom:1px solid gray;	
padding: 0;
margin: 2px 0;
}
#cattwo .thematop {
display: block;
margin:0;
padding:2px 10px;
font-size: 120%;
word-break: break-all;
word-break:break-word;
}
#cattwo .themabottom {
width:auto;
margin: calc(.5em + ((.5vw - 0.1em) * 0.1)) 0 0 0;
padding:0;
font-size: 70%;
}
#cattwo .flextworight2 {
background: white;
width: 100%;
}

#cattwo .phpcod {
overflow: auto; 
display: block;
width: 100%;
padding: 5px; 
margin:.2em .15em; 
font-family: Courier New; 
font-size: 95%; 
border: 1px solid #ff8484;
border-left: 5px solid red; 
background: #fdf5e8; 
color: black;
text-align: left;
word-break:break-all;
word-break:break-word;
}

#cattwo .codern {
overflow: auto; 
padding: calc(.15em + ((.15vw - 0.1em) * 1)); 
margin:3px calc(.15em + ((.15vw - 0.1em) * 1)) 0 calc(.15em + ((.15vw - 0.1em) * 1)); 
font-family: Courier New; 
font-size: 85%;
width: 100%; 
border: 1px solid #e2e2e2;
border-left: 5px solid green; 
background: #f7f7f7; 
color: black;
}
#cattwo .coblue {
color:navy;
font-weight: bold;
}




#cattwos {
display: flex;
width: 100%;
border:1px solid gray;	
padding: 0;
margin: 2px 0;
background: #fafafa;
}
#cattwos .thematop {
display: block;
margin:0;
padding:2px 10px;
font-size: 95%;
word-break: break-all;
word-break:break-word;
}
#cattwos .themabottom {
width:auto;
margin: calc(.5em + ((.5vw - 0.1em) * 0.1)) 0 0 0;
padding:0;
font-size: 65%;
}

#cattwos .phpcod {
overflow: auto; 
display: block;
padding: 5px; 
margin:5px calc(.15em + ((.15vw - 0.1em) * 1)); 
font-family: Courier New; 
font-size: 85%;
width: 100%; 
border: 1px solid #ff8484;
border-left: 5px solid red; 
background: #fdf5e8; 
color: black;
text-align: left;
word-break:break-all;
word-break:break-word;
}

#cattwos .codern {
overflow: auto; 
padding: calc(.15em + ((.15vw - 0.1em) * 1)); 
margin:3px calc(.15em + ((.15vw - 0.1em) * 1)) 0 calc(.15em + ((.15vw - 0.1em) * 1)); 
font-family: Courier New; 
font-size: 75%;
width: 100%; 
border: 1px solid #e2e2e2;
border-left: 5px solid green; 
background: #f7f7f7; 
color: black;
}
#cattwos .coblue {
color:navy;
font-weight: bold;
}



.catleft1 {
font-size:95%;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1));
}
.catright1 {
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1));
text-align: left;
}

#catfour {
display: flex;
width: 100%;
border-bottom:1px solid silver;	
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1));
margin: 2px 0;	
}
.catfourleft1 {
width: 50%;	
font-size:95%;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1));
}
.catfourmiddle1 {
width: 25%;	
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) 0;
font-size:75%;
}
.catfourmiddle1 span {
font-size:85%;
}
.catfourright1 {
width: 25%;	
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) 0;
font-size:85%;
text-align: right;
}
.catfourright1 a {
font-size:80%;
}
.catfourright1 div {
font-size:75%;
color: maroon;
}

@media screen and (max-width: 500px) {

.catfourleft1 {
width: 55%;	
}
.catfourmiddle1 {
width: 25%;	
}

.catfourright1 {
width: 20%;	
}

}
@media screen and (max-width: 400px) {

#catfour {
display: flex;
flex-wrap: wrap;
}

.catfourleft1 {
width: 70%;	
}
.catfourmiddle1 {
width: 30%;	
}

.catfourright1 {
width: 100%;	
text-align: center;
}

}






/* - - - Thems - - - - - - - - - - - - - - - - - - - - - - - - - */

#themstable {
width: 100%;
margin: 0;
padding:0;
}
.themslinel {
background: #f7f7f7;
display: block;
width: 100%;	
text-align: left;
border-bottom:1px solid gray;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) 0;
}

#themsfour {
display: flex;
width: 100%;
border-bottom:1px solid silver;
margin: 2px 0;	
}

.themsleftl {
margin: 0 calc(.25em + ((.25vw - 0.1em) * 0.1));
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1)) 0 0;
border-right:1px solid silver;
}
.themsleftl picture img {
font-size: 135%;	
margin: .008em 0 0 .016em;
}
.themsleftl #aditop {
font-size: 175%;
}

.themsleftl #usetop {
font-size: 100%;
margin-top:-.18em;
}
.themsleftl picture.coool img {
font-size: 135%;	
margin: -.2em 0 0 -.31em;
}

.themsmidlel {
width: 50%;	
font-size:85%;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1));
}
.themsmidler {
width: 25%;	
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) 0;
font-size: 70%;
text-align: left;
}
.themsmidler span {
font-weight:bold;
}

.themsrightl {
width: 25%;	
color: maroon;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) calc(.5em + ((.5vw - 0.1em) * 0.1)) 0 0;
text-align: right;
font-size: 60%;
}
.themsrightl span {
color: navy;
}

picture .foruser {
font-size: 175%;	
}

@media screen and (max-width: 400px) {

#themsfour {
display: flex;
flex-wrap: wrap;
}
.themsmidlel {
width: 55%;	
}
.themsmidler {
width: 25%;	
}
.themsrightl {
width: 100%;
text-align: center	
}

}







/* - - - Thema - - - - - - - - - - - - - - - - - - - - - - - - - */

#tablethema {
width: 100%;
margin: 0 0 1em 0;
padding:0;
}
.linelthema {
background: #f7f7f7;
display: block;
width: 100%;	
text-align: left;
border-bottom:1px solid gray;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) 0;
}


.thematop {
display: block;
margin:0;
padding:2px 10px;
font-size: 75%;
word-break: break-all;
word-break:break-word;
}





.anone {
text-decoration: none;
}

.fordate {
color: maroon;
font-weight: bold;
}
.themsmidlel span {
font-size: 75%;
}

.flextwoleft1 {
width: 2.72em;
padding:calc(.5em + ((.5vw - 0.1em) * 0.1)) calc(.5em + ((.5vw - 0.1em) * 0.1));
border-right: 1px solid silver;
font-size: 125%;
}
.flextwoleft2 {
width: 2.45em;
padding:calc(.5em + ((.5vw - 0.1em) * 0.1)) calc(.5em + ((.5vw - 0.1em) * 0.1));
border-right: 1px solid silver;
font-size: 100%;
background: #fafafa;
}





.flextworight1 {
display: block;
width: 94%;
background: #8cff8d;
font-size: 70%;
margin:0;
padding:0;
}
.flextworight2 {
margin:0;
padding:0;
font-size: 70%;
}

.greating {
width: 1.9em;
font-style: normal;
cursor:default;
font-size: 175%;
border-radius: 50%;
text-align: center;
}


.great {
position: relative;
margin: 0 0 0 .4em;
width: 2em;
font-style: normal;
cursor:pointer;
text-align: left;
}
.great img {
width: 1.4em;
height: 1.4em;
margin: -.3em 0 0 -.825em;
}
#usetop {
position: absolute;
font-size: 125%;
margin: -.26em 0 0 -.125em;
}

.greats { // Admin
margin:0;
  font-style: normal;
  width: auto;
  font-size: 145%;
  padding:calc(.1em + ((.1em - 0.1em) * 1)) 0 0 0;
  cursor:pointer;
}
#aditop {
position: absolute;
font-size: 125%;
margin: -.26em 0 0 -.125em;
color: #0000ff;
}




.fovers {
  min-width: 7.5em;
  display: none;
  height:auto;
  padding:calc(.15em + ((.15em - 0.1em) * 1)) calc(.15em + ((.15em - 0.1em) * 1)) 
  calc(.15em + ((.15em - 0.1em) * 1)) calc(.15em + ((.15em - 0.1em) * 1));
  position: relative;
 margin:-4.3em 0 0 calc(.6em + ((.6em - 0.1em) * 1));
 font-size: 70%;
 line-height:calc(.4em + ((.4em - 0.1em) * 1));
  color: black;
  background: white;
  text-align:left;
border:calc(.1em + ((.1em - 0.1em) * 1)) solid maroon;
 border-radius:calc(.2em + ((.2em - 0.1em) * 1));
}
.fovers span {
font-size:60%;
color: blue;
font-weight: normal;
}

.greats .foverse {
  min-width: 5em;
  display: none;
  height:auto;
  padding:calc(.15em + ((.15em - 0.1em) * 1)) calc(.15em + ((.15em - 0.1em) * 1)) 
  calc(.15em + ((.15em - 0.1em) * 1)) calc(.15em + ((.15em - 0.1em) * 1));
  position: relative;
 margin:-2.5em 0 0 calc(1.2em + ((1.2em - 0.1em) * 1));
 font-size: 50%;
 line-height:calc(.42em + ((.42em - 0.1em) * 1));
  color: black;
  background: white;
  text-align:left;
border:calc(.1em + ((.1em - 0.1em) * 1)) solid maroon;
 border-radius:calc(.2em + ((.2em - 0.1em) * 1));
}

.foverse span {
font-size:60%;
color: blue;
font-weight: normal;
}

.great:hover > .fovers {
  display: block;
  position:absolute;
  z-index: 4;
cursor:pointer;
}
.greats:hover > .foverse {
  display: block;
  position:absolute;
  z-index: 5;
font-weight: bold;
cursor:pointer;
}







.dfn {
background:yellow;
padding: 1px 4px;
}

.cored {
color:red;
font-weight: bold;
}


.code {
font-size: 65%;
padding: 3px 3px 3px 5px; 
margin:3px 2px 3px 0; 
display:block; 
border: 1px solid #999;
border-left: 5px solid green; 
background: #ffffff; 
color: black;
}

.codex {
font-size: 65%;
padding: 3px 3px 6px 5px; 
margin:0px 3px 5px 10px; 
display:block; 
border: 1px solid #999;
border-left: 5px solid green; 
background: #dbffdb; 
color: black;
}

#forant {
display: block;
font-size: 75%;
margin:0;
border:none;
max-width:100%;
border: 2px solid gainsboro;
}
#forant {
padding-left:1em;
padding-right:1em;
}