/*Gast*/.usergroup, .usergroup1 { background: rgba(255,255,255,0.4); }
.hintergrund1 { background: url(../../../images/themes/dunkelkreis/hintergrund1.jpg) fixed repeat top center; background-size: cover; }
.gif1 { width: 120px; height: 120px; border: 4px solid rgba(255,255,255,0.4); padding: 4px; border-radius: 100px; }

/*Bewerber*/.usergroup2 { background: rgba(255,255,255, 0.1) }
.hintergrund2 { background: url(../../../images/themes/dunkelkreis/hintergrund2.jpg) fixed repeat top center; background-size: cover; }
.gif2 { width: 120px; height: 120px; border: 4px solid rgba(255,255,255, 0.1); padding: 4px; border-radius: 100px; }
.ava2 { border: 4px solid rgba(255,255,255, 0.1); padding: 4px; }
.gruppe2 { background: url(../../../images/themes/dunkel/gruppe2.png); background-size: cover; width: 50px; height: 50px; }

/*Civilians*/.usergroup19 { background: rgba(181, 119, 0, 0.5); }
.hintergrund19 { background: url(../../../images/themes/dunkelkreis/hintergrund19.jpg) fixed repeat top center; background-size: cover; }
.gif19 { width: 120px; height: 120px; border: 4px solid rgba(181, 119, 0, 0.5); padding: 4px; border-radius: 100px; }
.ava19 { border: 4px solid rgba(180, 196, 36, 0.2); padding: 4px; }
.gruppe19 { background: url(../../../images/themes/dunkel/gruppe19.png); background-size: cover; width: 50px; height: 50px; }

/*Spider Web*/.usergroup18 { background: rgba(120, 11, 13, 0.5); }
.hintergrund18 { background: url(../../../images/themes/dunkelkreis/hintergrund18.jpg) fixed repeat top center; background-size: cover; }
.gif18 { width: 120px; height: 120px; border: 4px solid rgba(120, 11, 13, 0.5); padding: 4px; border-radius: 100px; }
.ava18 { border: 4px solid #780b0d; padding: 4px; }
.gruppe18 { background: url(../../../images/themes/dunkel/gruppe18.png); background-size: cover; width: 50px; height: 50px; }

/*Teachers*/.usergroup17 { background: rgba(0, 92, 6, 0.2); }
.hintergrund17 { background: url(../../../images/themes/dunkelkreis/hintergrund17.jpg) fixed repeat top center; background-size: cover; }
.gif17 { width: 120px; height: 120px; border: 4px solid rgba(0, 92, 6, 0.2); padding: 4px; border-radius: 100px; }
.ava17 { border: 4px solid rgba(0, 92, 6, 0.2); padding: 4px; }
.gruppe17 { background: url(../../../images/themes/dunkel/gruppe17.png); background-size: cover; width: 50px; height: 50px; }

/*House Amethyst*/.usergroup20 { background: rgba(77, 0, 78, 0.2); }
.hintergrund20 { background: url(../../../images/themes/dunkelkreis/hintergrund20.jpg) fixed repeat top center; background-size: cover; }
.gif20 { width: 120px; height: 120px; border: 4px solid rgba(77, 0, 78, 0.2); padding: 4px; border-radius: 100px; }
.ava20 { border: 4px solid rgba(77, 0, 78, 0.2); padding: 4px; }
.gruppe20 { background: url(../../../images/themes/dunkel/gruppe20.png); background-size: cover; width: 50px; height: 50px; }

/*House Tanzanite*/.usergroup21 { background: rgba(4, 4, 175, 0.2); }
.hintergrund21 { background: url(../../../images/themes/dunkelkreis/hintergrund21.jpg) fixed repeat top center; background-size: cover; }
.gif21 { width: 120px; height: 120px; border: 4px solid rgba(4, 4, 175, 0.2); padding: 4px; border-radius: 100px; }
.ava21 { border: 4px solid rgba(4, 4, 175, 0.2); padding: 4px; }
.gruppe21 { background: url(../../../images/themes/dunkel/gruppe21.png); background-size: cover; width: 50px; height: 50px; }

/*House Peridot*/.usergroup22 { background: rgba(131, 255, 140, 0.2); }
.hintergrund22 { background: url(../../../images/themes/dunkelkreis/hintergrund22.jpg) fixed repeat top center; background-size: cover; }
.gif22 { width: 120px; height: 120px; border: 4px solid rgba(131, 255, 140, 0.2); padding: 4px; border-radius: 100px; }
.ava22 { border: 4px solid rgba(131, 255, 140, 0.2); padding: 4px; }
.gruppe22 { background: url(../../../images/themes/dunkel/gruppe22.png); background-size: cover; width: 50px; height: 50px; }

/*House Topaz*/.usergroup23 { background: rgba(214, 77, 8, 0.2); }
.hintergrund23 { background: url(../../../images/themes/dunkelkreis/hintergrund23.jpg) fixed repeat top center; background-size: cover; }
.gif23 { width: 120px; height: 120px; border: 4px solid rgba(214, 77, 8, 0.2); padding: 4px; border-radius: 100px; }
.ava23 { border: 4px solid rgba(214, 77, 8, 0.2); padding: 4px; }
.gruppe23 { background: url(../../../images/themes/dunkel/gruppe23.png); background-size: cover; width: 50px; height: 50px; }

/*Syndikat*/.usergroup24 { background: rgba(214, 77, 8, 0.2); }
.hintergrund24 { background: url(../../../images/themes/dunkelkreis/hintergrund24.jpg) fixed repeat top center; background-size: cover; }
.gif24 { width: 120px; height: 120px; border: 4px solid rgba(214, 77, 8, 0.2); padding: 4px; border-radius: 100px; }
.ava24 { border: 4px solid rgba(214, 77, 8, 0.2); padding: 4px; }
.gruppe24 { background: url(../../../images/themes/dunkel/gruppe24.png); background-size: cover; width: 50px; height: 50px; }

/*Exekutive*/.usergroup26 { background: rgba(214, 77, 8, 0.2); }
.hintergrund26 { background: url(../../../images/themes/dunkelkreis/hintergrund26.jpg) fixed repeat top center; background-size: cover; }
.gif26 { width: 120px; height: 120px; border: 4px solid rgba(214, 77, 8, 0.2); padding: 4px; border-radius: 100px; }
.ava26 { border: 4px solid rgba(214, 77, 8, 0.2); padding: 4px; }
.gruppe26 { background: url(../../../images/themes/dunkel/gruppe26.png); background-size: cover; width: 50px; height: 50px; }

/*ohne Farbe*/.grau { background: rgba(255,255,255,0.1); }

/*Alle Schüler*/.allhouses { background: url(../../../images/themes/dunkel/allhouses.png); background-size: cover; width: 50px; height: 50px; }

.usergroup a:link, .usergroup a:visited, .usergroup a:hover, .usergroup a:active, .usergroup1 a:link, .usergroup1 a:visited, .usergroup1 a:hover, .usergroup1 a:active, .usergroup2 a:link, .usergroup2 a:visited, .usergroup2 a:hover, .usergroup2 a:active, .usergroup8 a:link, .usergroup8 a:visited, .usergroup8 a:hover, .usergroup8 a:active, .usergroup9 a:link, .usergroup9 a:visited, .usergroup9 a:hover, .usergroup9 a:active, .usergroup10 a:link, .usergroup10 a:visited, .usergroup10 a:hover, .usergroup10 a:active, .usergroup11 a:link, .usergroup11 a:visited, .usergroup11 a:hover, .usergroup11 a:active, .usergroup12 a:link, .usergroup12 a:visited, .usergroup12 a:hover, .usergroup12 a:active, .usergroup13 a:link, .usergroup13 a:visited, .usergroup13 a:hover, .usergroup13 a:active, .usergroup14 a:link, .usergroup14 a:visited, .usergroup14 a:hover, .usergroup14 a:active, .usergroup16 a:link, .usergroup16 a:visited, .usergroup16 a:hover, .usergroup16 a:active, .grau a:link, .grau a:visited, .grau a:hover, .grau a:active { color: #ffffff !important; }