/*Gast*/.usergroup, .usergroup1 { background: #303030; }
.hintergrund1 { background: url(../../../images/themes/gruppe-wechsel/hintergrund1.jpg) fixed repeat top center; background-size: cover; }
.gif1 { border: 1px solid #303030; }
.border1 { position: fixed; top: 0px; left: 0px; width: 20px; height: 100%; background: #303030; }

/*Bewerber*/.usergroup2 { background: #a7a7a7; }
.hintergrund2 { background: url(../../../images/themes/gruppe-wechsel/hintergrund2.jpg) fixed repeat top center; background-size: cover; }
.gif2 { border: 1px solid #a7a7a7; }
.gruppe2 { background: url(../../../images/themes/dunkel/gruppe2.png); background-size: cover; width: 50px; height: 50px; }
.border2 { position: fixed; top: 0px; left: 0px; width: 20px; height: 100%; background: #a7a7a7; }

/*Civilians*/.usergroup19 { background: #b9b669; }
.hintergrund19 { background: url(../../../images/themes/gruppe-wechsel/hintergrund19.jpg) fixed repeat top center; background-size: cover; }
.gif19 { border: 1px solid #b9b669; }
.gruppe19 { background: url(../../../images/themes/dunkel/gruppe19.png); background-size: cover; width: 50px; height: 50px; }
.border19 { position: fixed; top: 0px; left: 0px; width: 20px; height: 100%; background: #b9b669; }

/*Spider Web*/.usergroup18 { background: #6721bd; }
.hintergrund18 { background: url(../../../images/themes/gruppe-wechsel/hintergrund18.jpg) fixed repeat top center; background-size: cover; }
.gif18 { border: 1px solid #6721bd; }
.gruppe18 { background: url(../../../images/themes/dunkel/gruppe18.png); background-size: cover; width: 50px; height: 50px; }
.border18 { position: fixed; top: 0px; left: 0px; width: 20px; height: 100%; background: #6721bd; }

/*Teachers*/.usergroup17 { background: #651127; }
.hintergrund17 { background: url(../../../images/themes/gruppe-wechsel/hintergrund17.jpg) fixed repeat top center; background-size: cover; }
.gif17 { border: 1px solid #651127; }
.gruppe17 { background: url(../../../images/themes/dunkel/gruppe17.png); background-size: cover; width: 50px; height: 50px; }
.border17 { position: fixed; top: 0px; left: 0px; width: 20px; height: 100%; background: #651127; }

/*House Amethyst*/.usergroup20 { background: #db7bff; }
.hintergrund20 { background: url(../../../images/themes/gruppe-wechsel/hintergrund20.jpg) fixed repeat top center; background-size: cover; }
.gif20 { border: 1px solid #db7bff; }
.gruppe20 { background: url(../../../images/themes/dunkel/gruppe20.png); background-size: cover; width: 50px; height: 50px; }
.border20 { position: fixed; top: 0px; left: 0px; width: 20px; height: 100%; background: #db7bff; }

/*House Tanzanite*/.usergroup21 { background: #071476; }
.hintergrund21 { background: url(../../../images/themes/gruppe-wechsel/hintergrund21.jpg) fixed repeat top center; background-size: cover; }
.gif21 { border: 1px solid #071476; }
.gruppe21 { background: url(../../../images/themes/dunkel/gruppe21.png); background-size: cover; width: 50px; height: 50px; }
.border21 { position: fixed; top: 0px; left: 0px; width: 20px; height: 100%; background: #071476; }

/*House Peridot*/.usergroup22 { background: #206e1f; }
.hintergrund22 { background: url(../../../images/themes/gruppe-wechsel/hintergrund22.jpg) fixed repeat top center; background-size: cover; }
.gif22 { border: 1px solid #206e1f; }
.gruppe22 { background: url(../../../images/themes/dunkel/gruppe22.png); background-size: cover; width: 50px; height: 50px; }
.border22 { position: fixed; top: 0px; left: 0px; width: 20px; height: 100%; background: #206e1f; }

/*House Topaz*/.usergroup23 { background: #ff9c00; }
.hintergrund23 { background: url(../../../images/themes/gruppe-wechsel/hintergrund23.jpg) fixed repeat top center; background-size: cover; }
.gif23 { border: 1px solid #ff9c00; }
.gruppe23 { background: url(../../../images/themes/dunkel/gruppe23.png); background-size: cover; width: 50px; height: 50px; }
.border23 { position: fixed; top: 0px; left: 0px; width: 20px; height: 100%; background: #ff9c00; }

/*Syndikat*/.usergroup24 { background: #14e4d8; }
.hintergrund24 { background: url(../../../images/themes/gruppe-wechsel/hintergrund24.jpg) fixed repeat top center; background-size: cover; }
.gif24 { border: 1px solid #14e4d8; }
.gruppe24 { background: url(../../../images/themes/dunkel/gruppe23.png); background-size: cover; width: 50px; height: 50px; }
.border24 { position: fixed; top: 0px; left: 0px; width: 20px; height: 100%; background: #14e4d8; }

/*Exekutive*/.usergroup26 { background: #5390fe; }
.hintergrund26 { background: url(../../../images/themes/gruppe-wechsel/hintergrund26.jpg) fixed repeat top center; background-size: cover; }
.gif26 { border: 1px solid #5390fe; }
.gruppe26 { background: url(../../../images/themes/gruppe-wechsel/gruppe26.png); background-size: cover; width: 50px; height: 50px; }
.border26 { position: fixed; top: 0px; left: 0px; width: 20px; height: 100%; background: #5390fe; }

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

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

.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; }