.profil {background: #191d30;padding: 25px;width: 940px;}
.prof {background: #1b2135;padding: 15px;border: 1px solid #1b2135;}
.profil_box {background: rgba(28, 55, 73, 0.25);border: 10px solid rgba(28, 55, 73, 0.5);padding: 5px;width: 151px;height: 370px;overflow: auto;}
.profil_info {display: block;width: 150px;margin-bottom: 5px;}
.profil_info que {display: inline-block;background: #6831a9;padding: 5px;text-transform: uppercase;font-size: 8px;letter-spacing: 1px;font-weight: 600;}
.profil_info ans {display: block;padding: 5px;text-align: right;text-transform: lowercase;font-size: 9px;letter-spacing: 0.5px;background: rgba(27, 46, 65, .5);}
.profil_info .answ a {}

.prof_pm {display: inline-block;background: #1b263a;width: 50px;height: 50px;margin-left: 10px;padding: 10px;text-align: center;}
.prof_pm i {color: rgba(28, 55, 73, 1);font-size: 25px;padding-bottom: 6px;}
.prof_pm word {line-height: 0.8;font-weight: 600;color: rgba(28, 55, 73, 1);}
.prof_name {display: inline-block;height: 68px;vertical-align: top;width: 596px;text-align: right;border: 1px solid #1b263a;margin-bottom: 10px;font-family: playfair display;text-transform: lowercase;font-size: 25px;font-style: italic;line-height: 2.5;padding-right: 50px;color: rgba(28, 55, 73, 1);text-shadow: 1px 1px 1px #000;}

.prof_infos {background: #1b263a;margin: 0px 10px;padding: 10px;border: 1px solid #1b2e41;font-family: playfair dirplay;font-size: 20px;font-style: italic;letter-spacing: -1px;word-spacing: 1px;width: 465px;}
.prof_box1 {margin: -1px 10px;border: 1px solid #1b2e41;padding: 10px;width: 465px;height: 74px;overflow: auto;}
.prof_box1 que {display: block;font-weight: 600;letter-spacing: 1px;text-transform: uppercase;font-size: 10px;border-bottom: 1px solid rgba(28, 55, 73, 1);}
.prof_box1 ans {display: block;text-align: right;margin-bottom: 10px;color: #aaa;text-transform: lowercase;}
.prof_box1 ans a {color: #aaa;text-transform: lowercase;}

.prof_wanted {width: 222px;background: #1b263a;margin-left: 10px;margin-top: 5px;padding: 10px;border: 1px solid #1b2e41;font-family: playfair dirplay;font-size: 20px;font-style: italic;letter-spacing: -1px;word-spacing: 1px;}
.prof_wantedbox {width: 222px;margin-left: 10px;margin-top: -1px;padding: 10px;border: 1px solid #1b2e41;height: 110px;overflow: auto;}
.prof_wantedbox a {}
.prof_second {width: 222px;background: #1b263a;margin-right: 10px;margin-top: 5px;padding: 10px;border: 1px solid #1b2e41;font-family: playfair dirplay;font-size: 20px;font-style: italic;letter-spacing: -1px;word-spacing: 1px;}
.prof_secondbox {width: 222px;margin-right: 10px;margin-top: -1px;padding: 10px;border: 1px solid #1b2e41;height: 110px;overflow: auto;}

.prof_link {background: #1b2e41;text-align: center;border: 1px solid #191d30;width: 123px;padding: 10px;}
.prof_link i {font-size: 25px;color: rgba(104, 49, 169, .75);text-shadow: 1px 1px 1px #000;}
.prof_link word {text-transform: uppercase;letter-spacing: 1px;font-size: 10px;line-height: .8;color: #aaa;display: block;height: 18px;padding-top: 10px;}
.profil_link {background: #1a2a3d;text-align: center;border: 1px solid #191d30;width: 122px;padding: 10px;}
.profil_link i {font-size: 25px;color: rgba(104, 49, 169, .75);text-shadow: 1px 1px 1px #000;}
.profil_link word {text-transform: uppercase;letter-spacing: 1px;font-size: 10px;line-height: .8;color: #aaa;display: block;height: 18px;padding-top: 10px;}

.prof_avabox {width: 200px;height: 300px;border: 10px solid #191d30;}
.prof_avacont {position: relative;height: 300px;width: 200px;}
.prof_avacont:hover .prof_box {height: 470px;}
.prof_avacont:hover .prof_avaover {padding-top: 100px;height: 300px;position: initial;}
.prof_avacont img {width: 200px;height: 300px;position: absolute;}
.prof_tri {width: 70px;height: 70px;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);position: relative;top: 170px;left: 68px;right: 0px;overflow: hidden;}
.prof_tri .prof {position: absolute;width: 130px;height: 130px;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);top: -30px;left: -10px;background-image: url('/images/0/Gast.png');background-color: transparent;}
.prof_avaover {position: relative;overflow: hidden;bottom: 0;right: 0;left: 0;height: 0px;width: 100%;}
.prof_box {position: absolute;bottom: 0;left: 0;right: 0;overflow: hidden;transition: .5s ease;height: 250px;width: 200px;}
.proftext {width: 180px;height: 215px;background: rgba(27, 33, 53, 0.8);padding: 75px 10px 10px 10px;}
.prof_avainf {width: 180px;background: #191d30;height: 21px;margin-bottom: 2px;}
.prof_avainf que {background: #6831a9;padding: 5px;float: left;text-transform: uppercase;font-size: 8px;letter-spacing: 1px;font-weight: 600;}
.prof_avainf ans {float: right;padding: 5px;text-align: right;width: 85px;text-transform: lowercase;font-size: 9px;letter-spacing: 0.5px;}
.prof_avainf ans a {}
.prof_ico {border: 5px solid #191d30;width: 170px;height: 72px;margin-top: 5px;}
.prof_ico img {width: 170px;height: 72px;position: relative;object-fit: cover;object-position: 50% 50%;}

/*** Gruppen Farben ***/
.prof_tri .prof3 {position: absolute;width: 130px;height: 130px;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);top: -30px;left: -10px;background-image: url('/images/0/Bewerber.png');background-color: transparent;}
.prof_tri .prof5 {position: absolute;width: 130px;height: 130px;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);top: -30px;left: -10px;background-image: url('/images/0/Sister.png');background-color: transparent;}
.prof_tri .prof7 {position: absolute;width: 130px;height: 130px;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);top: -30px;left: -10px;background-image: url('/images/0/Forenaccounts.png');background-color: transparent;}
.prof_tri .prof8 {position: absolute;width: 130px;height: 130px;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);top: -30px;left: -10px;background-image: url('/images/0/Demon.png');background-color: transparent;}
.prof_tri .prof9 {position: absolute;width: 130px;height: 130px;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);top: -30px;left: -10px;background-image: url('/images/0/Engel.png');background-color: transparent;}
.prof_tri .prof10 {position: absolute;width: 130px;height: 130px;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);top: -30px;left: -10px;background-image: url('/images/0/Medium_Prophet.png');background-color: transparent;}
.prof_tri .prof11 {position: absolute;width: 130px;height: 130px;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);top: -30px;left: -10px;background-image: url('/images/0/Hunter.png');background-color: transparent;}
.prof_tri .prof12 {position: absolute;width: 130px;height: 130px;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);top: -30px;left: -10px;background-image: url('/images/0/Menschen.png');background-color: transparent;}
.prof_tri .prof13 {position: absolute;width: 130px;height: 130px;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);top: -30px;left: -10px;background-image: url('/images/0/Vampire.png');background-color: transparent;}
.prof_tri .prof14 {position: absolute;width: 130px;height: 130px;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);top: -30px;left: -10px;background-image: url('/images/0/Hexen.png');background-color: transparent;}
.prof_tri .prof15 {position: absolute;width: 130px;height: 130px;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);top: -30px;left: -10px;background-image: url('/images/0/Wolf.png');background-color: transparent;}
.prof_tri .prof16 {position: absolute;width: 130px;height: 130px;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);top: -30px;left: -10px;background-image: url('/images/0/Gott.png');background-color: transparent;}
.prof_tri .prof17 {position: absolute;width: 130px;height: 130px;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);top: -30px;left: -10px;background-image: url('/images/0/Andere.png');background-color: transparent;}
.prof_tri .prof18 {position: absolute;width: 130px;height: 130px;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);top: -30px;left: -10px;background-image: url('/images/0/Charaktere.png');background-color: transparent;}

#group3 .profil_info que {background: rgba(206, 47, 94, .75);}
#group3 .prof_pm i {color: rgba(206, 47, 94, 1);}
#group3 .prof_pm word {color: rgba(206, 47, 94, 1);}
#group3 .prof_box1 que {border-bottom-color: rgba(206, 47, 94, 1);}
#group3 .prof_link i {color: rgba(206, 47, 94, .75);}
#group3 .profil_link i {color: rgba(206, 47, 94, .75);}
#group3 .prof_name {color: rgba(206, 47, 94, 1);}
#group3 .prof_avainf que {background: rgba(206, 47, 94, .5);}

#group5 .profil_info que {background: rgba(200, 47, 206, .75);}
#group5 .prof_pm i {color: rgba(200, 47, 206, 1);}
#group5 .prof_pm word {color: rgba(200, 47, 206, 1);}
#group5 .prof_box1 que {border-bottom-color: rgba(200, 47, 206, 1);}
#group5 .prof_link i {color: rgba(200, 47, 206, .75);}
#group5 .profil_link i {color: rgba(200, 47, 206, .75);}
#group5 .prof_name {color: rgba(200, 47, 206, 1);}
#group5 .prof_avainf que {background: rgba(200, 47, 206, .5);}

#group7 .profil_info que {background: rgba(134, 47, 206, .75);}
#group7 .prof_pm i {color: rgba(134, 47, 206, 1);}
#group7 .prof_pm word {color: rgba(134, 47, 206, 1);}
#group7 .prof_box1 que {border-bottom-color: rgba(134, 47, 206, 1);}
#group7 .prof_link i {color: rgba(134, 47, 206, .75);}
#group7 .profil_link i {color: rgba(134, 47, 206, .75);}
#group7 .prof_name {color: rgba(134, 47, 206, 1);}
#group7 .prof_avainf que {background: rgba(134, 47, 206, .5);}

#group8 .profil_info que {background: rgba(103, 108, 202, .75);}
#group8 .prof_pm i {color: rgba(103, 108, 202, 1);}
#group8 .prof_pm word {color: rgba(103, 108, 202, 1);}
#group8 .prof_box1 que {border-bottom-color: rgba(103, 108, 202, 1);}
#group8 .prof_link i {color: rgba(103, 108, 202, .75);}
#group8 .profil_link i {color: rgba(103, 108, 202, .75);}
#group8 .prof_name {color: rgba(103, 108, 202, 1);}
#group8 .prof_avainf que {background: rgba(103, 108, 202, .5);}

#group9 .profil_info que {background: rgba(125, 168, 218, .75);}
#group9 .prof_pm i {color: rgba(125, 168, 218, 1);}
#group9 .prof_pm word {color: rgba(125, 168, 218, 1);}
#group9 .prof_box1 que {border-bottom-color: rgba(125, 168, 218, 1);}
#group9 .prof_link i {color: rgba(125, 168, 218, .75);}
#group9 .profil_link i {color: rgba(125, 168, 218, .75);}
#group9 .prof_name {color: rgba(125, 168, 218, 1);}
#group9 .prof_avainf que {background: rgba(125, 168, 218, .5);}

#group10 .profil_info que {background: rgba(125, 205, 218, .75);}
#group10 .prof_pm i {color: rgba(125, 205, 218, 1);}
#group10 .prof_pm word {color: rgba(125, 205, 218, 1);}
#group10 .prof_box1 que {border-bottom-color: rgba(125, 205, 218, 1);}
#group10 .prof_link i {color: rgba(125, 205, 218, .75);}
#group10 .profil_link i {color: rgba(125, 205, 218, .75);}
#group10 .prof_name {color: rgba(125, 205, 218, 1);}
#group10 .prof_avainf que {background: rgba(125, 205, 218, .5);}

#group11 .profil_info que {background: rgba(65, 149, 162, .75);}
#group11 .prof_pm i {color: rgba(65, 149, 162, 1);}
#group11 .prof_pm word {color: rgba(65, 149, 162, 1);}
#group11 .prof_box1 que {border-bottom-color: rgba(65, 149, 162, 1);}
#group11 .prof_link i {color: rgba(65, 149, 162, .75);}
#group11 .profil_link i {color: rgba(65, 149, 162, .75);}
#group11 .prof_name {color: rgba(65, 149, 162, 1);}
#group11 .prof_avainf que {background: rgba(65, 149, 162, .5);}

#group12 .profil_info que {background: rgba(65, 162, 131, .75);}
#group12 .prof_pm i {color: rgba(65, 162, 131, 1);}
#group12 .prof_pm word {color: rgba(65, 162, 131, 1);}
#group12 .prof_box1 que {border-bottom-color: rgba(65, 162, 131, 1);}
#group12 .prof_link i {color: rgba(65, 162, 131, .75);}
#group12 .profil_link i {color: rgba(65, 162, 131, .75);}
#group12 .prof_name {color: rgba(65, 162, 131, 1);}
#group12 .prof_avainf que {background: rgba(65, 162, 131, .5);}

#group13 .profil_info que {background: rgba(226, 97, 97, .75);}
#group13 .prof_pm i {color: rgba(226, 97, 97, 1);}
#group13 .prof_pm word {color: rgba(226, 97, 97, 1);}
#group13 .prof_box1 que {border-bottom-color: rgba(226, 97, 97, 1);}
#group13 .prof_link i {color: rgba(226, 97, 97, .75);}
#group13 .profil_link i {color: rgba(226, 97, 97, .75);}
#group13 .prof_name {color: rgba(226, 97, 97, 1);}
#group13 .prof_avainf que {background: rgba(226, 97, 97, .5);}

#group14 .profil_info que {background: rgba(65, 162, 73, .75);}
#group14 .prof_pm i {color: rgba(65, 162, 73, 1);}
#group14 .prof_pm word {color: rgba(65, 162, 73, 1);}
#group14 .prof_box1 que {border-bottom-color: rgba(65, 162, 73, 1);}
#group14 .prof_link i {color: rgba(65, 162, 73, .75);}
#group14 .profil_link i {color: rgba(65, 162, 73, .75);}
#group14 .prof_name {color: rgba(65, 162, 73, 1);}
#group14 .prof_avainf que {background: rgba(65, 162, 73, .5);}

#group15 .profil_info que {background: rgba(130, 124, 93, .75);}
#group15 .prof_pm i {color: rgba(130, 124, 93, 1);}
#group15 .prof_pm word {color: rgba(130, 124, 93, 1);}
#group15 .prof_box1 que {border-bottom-color: rgba(130, 124, 93, 1);}
#group15 .prof_link i {color: rgba(130, 124, 93, .75);}
#group15 .profil_link i {color: rgba(130, 124, 93, .75);}
#group15 .prof_name {color: rgba(130, 124, 93, 1);}
#group15 .prof_avainf que {background: rgba(130, 124, 93, .5);}

#group16 .profil_info que {background: rgba(143, 144, 109, .75);}
#group16 .prof_pm i {color: rgba(143, 144, 109, 1);}
#group16 .prof_pm word {color: rgba(143, 144, 109, 1);}
#group16 .prof_box1 que {border-bottom-color: rgba(143, 144, 109, 1);}
#group16 .prof_link i {color: rgba(143, 144, 109, .75);}
#group16 .profil_link i {color: rgba(143, 144, 109, .75);}
#group16 .prof_name {color: rgba(143, 144, 109, 1);}
#group16 .prof_avainf que {background: rgba(143, 144, 109, .5);}

#group17 .profil_info que {background: rgba(204, 179, 120, .75);}
#group17 .prof_pm i {color: rgba(204, 179, 120, 1);}
#group17 .prof_pm word {color: rgba(204, 179, 120, 1);}
#group17 .prof_box1 que {border-bottom-color: rgba(204, 179, 120, 1);}
#group17 .prof_link i {color: rgba(204, 179, 120, .75);}
#group17 .profil_link i {color: rgba(204, 179, 120, .75);}
#group17 .prof_name {color: rgba(204, 179, 120, 1);}
#group17 .prof_avainf que {background: rgba(204, 179, 120, .5);}

#group18 .profil_info que {background: rgba(216, 160, 28, .75);}
#group18 .prof_pm i {color: rgba(216, 160, 28, 1);}
#group18 .prof_pm word {color: rgba(216, 160, 28, 1);}
#group18 .prof_box1 que {border-bottom-color: rgba(216, 160, 28, 1);}
#group18 .prof_link i {color: rgba(216, 160, 28, .75);}
#group18 .profil_link i {color: rgba(216, 160, 28, .75);}
#group18 .prof_name {color: rgba(216, 160, 28, 1);}
#group18 .prof_avainf que {background: rgba(216, 160, 28, .5);}

/***********************
USER CP
***********************/
#usercp {background: #4b4b4b;padding: 0px;margin: 0px;}
#usercp .usercp {font-family: roboto;text-transform: lowercase;font-size: 20px;background-color: rgb(27, 29, 48);text-align: center;line-height: 2.5;border: 1px solid #1c3749;border-bottom: 0;font-style: italic;letter-spacing: 1px;}
#usercp .usercp1 {background-image: url('/images/usercp.png');background-repeat: no-repeat;display: inline-block;width: 160px;line-height: 2;padding-left: 20px;}
#usercp .usercpsub {padding: 7px;font-size: 12px;border: 1px solid #1c3749;margin-bottom: -1px;background: #1b2135;}
#usercp .usercpsub1 {padding: 7px;font-size: 12px;border: 1px solid #1c3749;margin-bottom: -1px;background: #1b2135;}
#usercp .usercp_nav_item {display: block;padding: 1px 0 1px 23px;background-image: url(/images/usercp_sprite.png);background-repeat: no-repeat;}
#usercp .usercp_nav_pmfolder {background-position: 0 -20px;}
#usercp .usercp_nav_sub_pmfolder {padding-left: 40px;background-position: 0 -40px;}
#usercp .usercp_nav_pmtracking {background-position: 0 -80px;}
#usercp .usercp_nav_password {padding-left: 40px;background-position: 0 -160px;}
#usercp .usercp_nav_username {padding-left: 40px;background-position: 0 -180px;}
#usercp .usercp_nav_editsig {padding-left: 40px;background-position: 0 -200px;}
#usercp .usercp_nav_avatar {padding-left: 40px;background-position: 0 -220px;}
#usercp .usercp_nav_options {background-position: 0 -240px;}
#usercp .usercp_nav_editlists {background-position: 0 -280px;}
#usercp .usercp_nav_editlists1 {background-position: 0 -280px;}
#usercp .usercp_nav_drafts {background-position: 0 -320px;}
#usercp .usercp_nav_viewprofile {background-position: 0 -380px;}
#usercp .usercp_nav_home {background-position: 0 -400px;}
#usercp .rela {background-image: url(/images/rela.png);background-repeat: no-repeat;display: inline-block;width: 160px;line-height: 2;padding-left: 20px;}
#usercp .stecki {background-image: url(/images/stecki.png);background-repeat: no-repeat;display: inline-block;width: 160px;line-height: 2;padding-left: 20px;}
#usercp .acc {background-image: url(/images/rela.png);background-repeat: no-repeat;display: inline-block;width: 160px;line-height: 2;padding-left: 20px;}
#usercp .away1 {background-image: url(/images/away1.png);background-repeat: no-repeat;display: inline-block;width: 160px;line-height: 2;padding-left: 20px;}
#usercp .np {display: block;padding: 1px 0 1px 23px;background-image: url(images/usercp_sprite.png);background-repeat: no-repeat;background-position: 0 -120px;}
#usercp #tablea {font-size: 8px;text-transform: uppercase;letter-spacing: 1px;}
#usercp #tablea b {font-size: 11px;color: #85a2ab;} 
#usercp .profile1 {background-image: url(/images/profile1.png);background-repeat: no-repeat;display: block;width: 135px;line-height: 2;position: relative;padding-left: 35px;left: 8px;margin-bottom: -10px;}
#usercp #table_b {background-color: #5c5c5c;padding: 8px;font-family: roboto;font-size: 12px;line-height: 1.5;border: 1px solid #666;border-top: 0px;text-align: justify;}