/*---- PROFILBOX */
#mlpostbit {
    background-color:#dedede;
    width: 1100px;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content: space-between;
    align-items:flex-start;
    align-content:flex-start;
    text-align:justify;
    color:#161616;
	padding: 10px;
	border-bottom: 10px solid #e6e6e6;
    box-sizing:border-box;
}

.postbitlinks {
	width: 22%; 
	box-sizing: border-box;
}

.postbitrechts {
	width: 77%; 
	box-sizing: border-box;
}

.postbitinplaytracker {
	background-color:#dedede;
}

.postbittracker {
	width: 238px !important; 
	text-align: center; 
	font-family: Abel; 
	font-size: 13px; 
	text-transform: uppercase; 
	font-weight: bold;
	letter-spacing: 1px;
	padding: 10px;
	box-sizing: border-box;
}

.postbittrackerinfo {
	font-family: Abel; 
	font-size: 13px;
	text-transform: uppercase; 
	font-weight: normal;
	padding: 10px;
	box-sizing: border-box;
}


/*---- POSTBIT LINKS */

.postbitava {
	width: 100%; 
	padding: 18px 10px; 
	display: flex; 
	justify-content: center; 
	align-items: center; 
	background-color: #d3d3d3; 
	outline: 1px solid #cccccc; 
	text-align: center; 
	margin-bottom: 10px; 
	box-sizing: border-box;
}

.postbittitle {
	width: 100%; 
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 10px 5px; 
	background-color: #d3d3d3; 
	outline: 1px solid #cccccc; 
	font-family: Abel; 
	font-size: 11px; 
	font-weight: bold; 
	text-transform: uppercase; 
	text-align: center; 
	letter-spacing: 1px; 
	box-sizing: border-box; 
	margin-bottom: 10px;
}

.postbitdescr {
	width: 100%; 
	height: 180px; 
	overflow: auto; 
	border: 13px solid rgba(0,0,0,0); 
	background-color: #d3d3d3; 
	outline: 1px solid #cccccc; 
	font-family: Verdana; 
	font-size: 10px; 
	line-height: 15px; 
	padding: 0 7px 0 4px; 
	box-sizing: border-box; 
	margin-bottom: 10px;
	scrollbar-color: var(--highlightcolor) #bababa;
  	scrollbar-width: thin;
}

.postbitdescr::-webkit-scrollbar {width:4px;} 
.postbitdescr::-webkit-scrollbar-track-piece {background-color:#bababa;} 
.postbitdescr::-webkit-scrollbar-thumb:vertical {height:10px; background-color: var(--highlightcolor);}

.postbiticon {
	width: 100%; 
	height: 156px; 
	display: flex; 
	justify-content: center; 
	align-items: center; 
	background-color: #d3d3d3; 
	outline: 1px solid #cccccc; 
	box-sizing: border-box; 
	text-align: center;
}

/*---- POSTBIT RECHTS */

.pbname {
	width: 100%; 
	padding: 10px; 
	background-color: #d3d3d3; 
	outline: 1px solid #cccccc; 
	font-family: Abel; 
	font-size: 12px; 
	font-weight: bold; 
	text-transform: uppercase; 
	text-align: center; 
	color: #9c9c9c;
	box-sizing: border-box; 
	margin-bottom: 10px;
	white-space: nowrap;
	overflow: hidden;
}

.pbcharaname {
	font-size: 30px !important;
	letter-spacing: 2px;
}
.pbcharaname a {
	font-size: 30px !important;
	letter-spacing: 2px;
	color: #9c9c9c !important;
}
.pbcharaname a:hover {
	letter-spacing: 4px;
}

.pbcharaquote {
	width: 80%; 
	height: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}

.postbitsmallicon {
	float: right; 
	width: 50px; 
	height: 50px;
	padding: 5px; 
	border: 1px solid #c6c6c6;
}

.postbitbody {
	width: 100%; 
	min-height: 599px; 
	padding: 10px; 
	background-color: #d3d3d3; 
	outline: 1px solid #cccccc; 
	box-sizing: border-box; 
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}

.postbitbuttons {
	width: 60px; 
	font-size: 25px; 
	padding: 15px 0 10px 0; 
	background-color: #c6c6c6; 
	text-align: center; 
	float: right; 
	margin-left: 20px; 
	margin-top: -25px; 
	margin-right: -110px; 
	box-sizing: border-box;
}

.postbitnr {
	writing-mode: vertical-lr; 
	margin-bottom: 10px; 
	width: 60px; 
	line-height: 60px;
}

.postbitdatum {
	writing-mode: vertical-lr; 
	width: 60px; 
	line-height: 60px; 
	font-family: Abel; 
	font-size: 12px; 
	text-transform: uppercase; 
	margin-bottom: 25px;
}

.postbitsig {
	margin: 35px 0 10px 0; 
	border-top: 1px solid #c6c6c6; 
	text-align: center; 
	padding-top: 20px;
}


/* HOVER DER PROFILINFOS */

.miniprofilehover {
width: 236px; /*Breite eures Avatars */
height: 286px; /* Höhe eures Avatars */
opacity: 0.0; /*Transparenz des Avatars, sollte in dem Fall nicht geändert werden */
transition-duration: 1s; /* Geschwindigkeit eures Hovers */
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
-webkit-transition-duration: 1s; 
background-color: #d3d3d3; /* Hintergrundfarbe */
color: #424242; /* Schriftfarbe */
text-align: justify; /* Textposition */
padding: 0px; /* Textabstand zum Rand - Opera ignoriert den */
position: relative;
left: 1px; /* Abstand zur linken Seite */
top: -296px; /* Abstand zum oberen Rand */
margin-bottom: -286px; /* Abstand zum äußeren Rand */
font-family: calibri; /* Schriftart */
font-size: 12px; /*Schriftgröße */
} 

.miniprofilehover:hover {
opacity: 1; /*Transparenz eures Hovers*/
}

.userinfo1 {
	width: 22px;
	height: 22px;
	text-align: center; 
	font-family: Abel; 
	font-size: 13px; 
	color: #424242; 
	text-transform: uppercase; 
}

.userinfo2 {
	width: 164px; 
	height: 22px;
	padding: 4px 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: Abel; 
	font-size: 12px; 
	line-height: 22px;
	color: #424242; 
	text-transform: uppercase; 
	font-weight: bold;
	display: inline-block;
    white-space: nowrap;
	box-sizing: border-box;
}

#userinfo tr:nth-child(even) {
  background-color: #bababa;
}

#userinfo tr:nth-child(odd) {
  background-color: #cccccc;
}