.post_icon {width: 78px;height: 78px;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 24px;bottom: 0px;left: -39px;overflow: hidden;}
.post_icon img {width: 200px;height: 120px;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);position: relative;top: -20px;left: -62px;background-image: url('/images/0/bg.png');}
.post_top {height: 70px;background: rgba(206, 47, 153, .5);}
.post_tri {width: 0;height: 0;border-style: solid;border-width: 0 63px 63px 63px;border-color: transparent transparent #1b2135 transparent;position: relative;top: -56px;left: 50px;}
.post_tri1 {width: 0;height: 0;border-style: solid;border-width: 63px 63px 0px 63px;border-color: rgba(206, 47, 153, .5) transparent transparent transparent;position: relative;top: 70px;left: 50px;}
.post_name {position: relative;top: -22px;float: right;right: 26px;font-family: broken heart;text-transform: lowercase;font-size: 48px;}
.post_name a {font-weight: normal !important;font-style: normal !important;font-size: 48px;}
.post_bottom {background: url('/images/0/bg1.png');height: 80px;background-position: bottom center;}
.post_inf {display: inline-block;background: #1b2135;border: 1px solid #151725;padding: 5px 10px;text-transform: uppercase;letter-spacing: 1px;font-size: 8px;}
.post_button  {padding: 0px 10px;width: 200px;float: right;}
.post_button i {color: rgba(187, 187, 187, .8);font-size: 25px;padding: 0px 11px;line-height: 3.5;}
.post {padding: 20px;background: rgba(27, 44, 64, 0.5);}
.posttop_button  {display: inline-block;background: #1b2135;border: 1px solid #151725;padding: 5px 10px;text-transform: uppercase;letter-spacing: 1px;font-size: 8px;margin: 20px 2px;}
.posttop_button a {font-size: 8px;color: #aaa;}
.post_posts {background: #1b2135;padding: 30px;margin-right: 20px;width: 628px;}
.post_avatop {display: inline-block;background: #1b2135;border: 1px solid #151725;padding: 5px 10px;text-transform: uppercase;letter-spacing: 1px;font-size: 8px;margin: 20px 0px;width: 220px;text-align: center;}
.post_avabox {width: 221px;padding: 10px;background: url('/images/0/bg.png');}
.post_avacont {position: relative;height: 300px;width: 200px;padding: 10px;border: 1px solid #779da6;}
.post_avacont:hover .ava_box {height: 380px;margin: 10px;}
.post_avacont:hover .post_avaover {height: 220px;position: initial;padding-top: 90px;}
.post_avacont img {width: 200px;height: 300px;position: absolute;}
.ava_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: 130px;left: 58px;right: 0px;overflow: hidden;}
.ava_tri .group {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;}
.post_avaover {position: relative;overflow: hidden;bottom: 0;right: 0;left: 0;height: 0px;width: 100%;}
.ava_box {position: absolute;bottom: 0;left: 0;right: 0;overflow: hidden;transition: .5s ease;height: 250px;width: 200px;margin: 10px;}
.inline-text {width: 180px;height: 175px;background: rgba(27, 33, 53, 0.8);padding: 35px 10px 10px 10px;overflow: auto;}
.post_down {background: url('/images/0/bg1.png');background-position: bottom center;padding: 0px 20px;}
.post_downlink  {display: inline-block;background: #1b2135;border: 1px solid #151725;padding: 5px 10px;text-transform: uppercase;letter-spacing: 1px;font-size: 8px;margin: 5px 2px;}
.post_downlink a {color: #aaa;font-size: 8px;}
.post_posted {float: right;text-transform: uppercase;letter-spacing: 1px;font-size: 9px;}
.post_playby {font-size: 23px;font-family: playfair display;font-style: italic;letter-spacing: -3px;text-transform: lowercase;word-spacing: 4px;text-align: center;color: #aaa;text-shadow: 1px 0px 1px #1b1d30, -1px 0px 1px #1b1d30, 0px 1px 1px #1b1d30, 0px -1px 1px #1b1d30;}
.post_playby b2 {font-weight: 600;letter-spacing: -1px;}
.post_avainf {border-bottom: 1px solid rgba(206, 47, 153, .5);font-family: playfair display;text-transform: lowercase;font-style: italic;margin-top: 5px;font-size: 16px;letter-spacing: -1px;text-shadow: 1px 0px 1px #1b1d30, -1px 0px 1px #1b1d30, 0px 1px 1px #1b1d30, 0px -1px 1px #1b1d30;color: #b9b9b9;}
.post_avainf a {}
.post_avainf2 {text-align: right;text-transform: uppercase;font-weight: 900;font-size: 8px;letter-spacing: 2px;color: #1b1d30;text-shadow: 0.8px 0px 1px #999, -0.8px 0px 1px #999, 0px 0.8px 1px #999, 0px -0.8px 1px #999;}

/*** Gruppen Farben ***/
.ava_tri .group3 {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;}
.ava_tri .group5 {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;}
.ava_tri .group7 {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;}
.ava_tri .group8 {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;}
.ava_tri .group9 {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;}
.ava_tri .group10 {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;}
.ava_tri .group11 {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;}
.ava_tri .group12 {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;}
.ava_tri .group13 {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;}
.ava_tri .group14 {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;}
.ava_tri .group15 {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;}
.ava_tri .group16 {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;}
.ava_tri .group17 {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;}
.ava_tri .group18 {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 .post_posts b {color: rgb(206, 47, 94);}
#group3 .post_posts i {color: rgb(206, 47, 94);}
#group3 .post_posts u {color: rgb(206, 47, 94);}
#group3 .post_posts strike {color: rgb(206, 47, 94);}
#group3 .post_posts a {text-transform: uppercase;letter-spacing: 1px;border-bottom: double;font-size: 11px;}
#group3 .post_posts a:hover {color: rgb(206, 47, 94);}
#group3 .post_top {background: rgba(206, 47, 94, .5);}
#group3 .post_tri1 {border-color: rgba(206, 47, 94, .5) transparent transparent transparent;}
#group3 .post_avainf {border-bottom-color: rgba(206, 47, 94, .5);}

#group5 .post_posts b {color: rgb(200, 47, 206);}
#group5 .post_posts i {color: rgb(200, 47, 206);}
#group5 .post_posts u {color: rgb(200, 47, 206);}
#group5 .post_posts strike {color: rgb(200, 47, 206);}
#group5 .post_posts a {text-transform: uppercase;letter-spacing: 1px;border-bottom: double;font-size: 11px;}
#group5 .post_posts a:hover {color: rgb(200, 47, 206);}
#group5 .post_top {background: rgba(200, 47, 206, .5);}
#group5 .post_tri1 {border-color: rgba(200, 47, 206, .5) transparent transparent transparent;}
#group5 .post_avainf {border-bottom-color: rgba(200, 47, 206, .5);}

#group7 .post_posts b {color: rgb(134, 47, 206);}
#group7 .post_posts i {color: rgb(134, 47, 206);}
#group7 .post_posts u {color: rgb(134, 47, 206);}
#group7 .post_posts strike {color: rgb(134, 47, 206);}
#group7 .post_posts a {text-transform: uppercase;letter-spacing: 1px;border-bottom: double;font-size: 11px;}
#group7 .post_posts a:hover {color: rgb(134, 47, 206);}
#group7 .post_top {background: rgba(134, 47, 206, .5);}
#group7 .post_tri1 {border-color: rgba(134, 47, 206, .5) transparent transparent transparent;}
#group7 .post_avainf {border-bottom-color: rgba(134, 47, 206, .5);}

#group8 .post_posts b {color: rgb(103, 108, 202);}
#group8 .post_posts i {color: rgb(103, 108, 202);}
#group8 .post_posts u {color: rgb(103, 108, 202);}
#group8 .post_posts strike {color: rgb(103, 108, 202);}
#group8 .post_posts a {text-transform: uppercase;letter-spacing: 1px;border-bottom: double;font-size: 11px;}
#group8 .post_posts a:hover {color: rgb(103, 108, 202);}
#group8 .post_top {background: rgba(103, 108, 202, .5);}
#group8 .post_tri1 {border-color: rgba(103, 108, 202, .5) transparent transparent transparent;}
#group8 .post_avainf {border-bottom-color: rgba(103, 108, 202, .5);}

#group9 .post_posts b {color: rgb(125, 168, 218);}
#group9 .post_posts i {color: rgb(125, 168, 218);}
#group9 .post_posts u {color: rgb(125, 168, 218);}
#group9 .post_posts strike {color: rgb(125, 168, 218);}
#group9 .post_posts a {text-transform: uppercase;letter-spacing: 1px;border-bottom: double;font-size: 11px;}
#group9 .post_posts a:hover {color: rgb(125, 168, 218);}
#group9 .post_top {background: rgba(125, 168, 218, .5);}
#group9 .post_tri1 {border-color: rgba(125, 168, 218, .5) transparent transparent transparent;}
#group9 .post_avainf {border-bottom-color: rgba(125, 168, 218, .5);}

#group10 .post_posts b {color: rgb(125, 205, 218);}
#group10 .post_posts i {color: rgb(125, 205, 218);}
#group10 .post_posts u {color: rgb(125, 205, 218);}
#group10 .post_posts strike {color: rgb(125, 205, 218);}
#group10 .post_posts a {text-transform: uppercase;letter-spacing: 1px;border-bottom: double;font-size: 11px;}
#group10 .post_posts a:hover {color: rgb(125, 205, 218);}
#group10 .post_top {background: rgba(125, 205, 218, .5);}
#group10 .post_tri1 {border-color: rgba(125, 205, 218, .5) transparent transparent transparent;}
#group10 .post_avainf {border-bottom-color: rgba(125, 205, 218, .5);}

#group11 .post_posts b {color: rgb(65, 149, 162);}
#group11 .post_posts i {color: rgb(65, 149, 162);}
#group11 .post_posts u {color: rgb(65, 149, 162);}
#group11 .post_posts strike {color: rgb(65, 149, 162);}
#group11 .post_posts a {text-transform: uppercase;letter-spacing: 1px;border-bottom: double;font-size: 11px;}
#group11 .post_posts a:hover {color: rgb(65, 149, 162);}
#group11 .post_top {background: rgba(65, 149, 162, .5);}
#group11 .post_tri1 {border-color: rgba(65, 149, 162, .5) transparent transparent transparent;}
#group11 .post_avainf {border-bottom-color: rgba(65, 149, 162, .5);}

#group12 .post_posts b {color: rgb(65, 162, 131);}
#group12 .post_posts i {color: rgb(65, 162, 131);}
#group12 .post_posts u {color: rgb(65, 162, 131);}
#group12 .post_posts strike {color: rgb(65, 162, 131);}
#group12 .post_posts a {text-transform: uppercase;letter-spacing: 1px;border-bottom: double;font-size: 11px;}
#group12 .post_posts a:hover {color: rgb(65, 162, 131);}
#group12 .post_top {background: rgba(65, 162, 131, .5);}
#group12 .post_tri1 {border-color: rgba(65, 162, 131, .5) transparent transparent transparent;}
#group12 .post_avainf {border-bottom-color: rgba(65, 162, 131, .5);}

#group13 .post_posts b {color: rgb(226, 97, 97);}
#group13 .post_posts i {color: rgb(226, 97, 97);}
#group13 .post_posts strike {color: rgb(226, 97, 97);}
#group13 .post_posts b {color: rgb(226, 97, 97);}
#group13 .post_posts a {text-transform: uppercase;letter-spacing: 1px;border-bottom: double;font-size: 11px;}
#group13 .post_posts a:hover {color: rgb(226, 97, 97);}
#group13 .post_top {background: rgba(226, 97, 97, .5);}
#group13 .post_tri1 {border-color: rgba(226, 97, 97, .5) transparent transparent transparent;}
#group13 .post_avainf {border-bottom-color: rgba(226, 97, 97, .5);}

#group14 .post_posts b {color: rgb(65, 162, 73);}
#group14 .post_posts i {color: rgb(65, 162, 73);}
#group14 .post_posts u {color: rgb(65, 162, 73);}
#group14 .post_posts strike {color: rgb(65, 162, 73);}
#group14 .post_posts a {text-transform: uppercase;letter-spacing: 1px;border-bottom: double;font-size: 11px;}
#group14 .post_posts a:hover {color: rgb(65, 162, 73);}
#group14 .post_top {background: rgba(65, 162, 73, .5);}
#group14 .post_tri1 {border-color: rgba(65, 162, 73, .5) transparent transparent transparent;}
#group14 .post_avainf {border-bottom-color: rgba(65, 162, 73, .5);}

#group15 .post_posts b {color: rgb(130, 124, 93);}
#group15 .post_posts i {color: rgb(130, 124, 93);}
#group15 .post_posts u {color: rgb(130, 124, 93);}
#group15 .post_posts strike {color: rgb(130, 124, 93);}
#group15 .post_posts a {text-transform: uppercase;letter-spacing: 1px;border-bottom: double;font-size: 11px;}
#group15 .post_posts a:hover {color: rgb(130, 124, 93);}
#group15 .post_top {background: rgba(30, 124, 93, .5);}
#group15 .post_tri1 {border-color: rgba(30, 124, 93, .5) transparent transparent transparent;}
#group15 .post_avainf {border-bottom-color: rgba(30, 124, 93, .5);}

#group16 .post_posts b {color: rgb(143, 144, 109);}
#group16 .post_posts i {color: rgb(143, 144, 109);}
#group16 .post_posts u {color: rgb(143, 144, 109);}
#group16 .post_posts strike {color: rgb(143, 144, 109);}
#group16 .post_posts a {text-transform: uppercase;letter-spacing: 1px;border-bottom: double;font-size: 11px;}
#group16 .post_posts a:hover {color: rgb(143, 144, 109);}
#group16 .post_top {background: rgba(143, 144, 109, .5);}
#group16 .post_tri1 {border-color: rgba(143, 144, 109, .5) transparent transparent transparent;}
#group16 .post_avainf {border-bottom-color: rgba(143, 144, 109, .5);}

#group17 .post_posts b {color: rgb(204, 179, 120);}
#group17 .post_posts i {color: rgb(204, 179, 120);}
#group17 .post_posts u {color: rgb(204, 179, 120);}
#group17 .post_posts strike {color: rgb(204, 179, 120);}
#group17 .post_posts a {text-transform: uppercase;letter-spacing: 1px;border-bottom: double;font-size: 11px;}
#group17 .post_posts a:hover {color: rgb(204, 179, 120);}
#group17 .post_top {background: rgba(204, 179, 120, .5);}
#group17 .post_tri1 {border-color: rgba(204, 179, 120, .5) transparent transparent transparent;}
#group17 .post_avainf {border-bottom-color: rgba(204, 179, 120, .5);}

#group18 .post_posts b {color: rgb(216, 160, 28);}
#group18 .post_posts i {color: rgb(216, 160, 28);}
#group18 .post_posts u {color: rgb(216, 160, 28);}
#group18 .post_posts strike {color: rgb(216, 160, 28);}
#group18 .post_posts a {text-transform: uppercase;letter-spacing: 1px;border-bottom: double;font-size: 11px;}
#group18 .post_posts a:hover {color: rgb(216, 160, 28);}
#group18 .post_top {background: rgba(216, 160, 28, .5);}
#group18 .post_tri1 {border-color: rgba(216, 160, 28, .5) transparent transparent transparent;}
#group18 .post_avainf {border-bottom-color: rgba(216, 160, 28, .5);}