/*--------------------SCROLLBAR--------------------*/

::-webkit-scrollbar {
height:3px;
width:5px;
background:#211e1f;
border:3px solid rgba(225,225,225,0.0);
-moz-background-clip: border;     /* Firefox 3.6 */
-webkit-background-clip: border;  /* Safari 4? Chrome 6? */
background-clip: border-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
-moz-background-clip: padding;     /* Firefox 3.6 */
-webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
-moz-background-clip: content;     /* Firefox 3.6 */
-webkit-background-clip: content;  /* Safari 4? Chrome 6? */
background-clip: content-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */}
 
::-webkit-scrollbar-thumb:vertical {
background:#211e1f;}

/*--------------------CHARAKTER-SKIN--------------------*/

.chara-text{
width:400px;
padding:15px;
color:#111111;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
background:#8CBFD9;}

.chara-text-scroll{
height:300px;
padding:5px;
overflow:auto;}

.chara-left{
width:210px;
padding:15px;
background:#020720;}

.chara-left-icons{
max-width:100%; 
border-radius:100px;
margin-right:100px;
z-index:8px;}

.chara-left-icons2{
max-width:100%; 
border-radius:100px;
margin-top:-100px;
margin-left:80px;
z-index:5px;}

.chara-left-name{
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
text-align:center;
letter-spacing:2px;
margin-bottom:10px;
margin-top:10px;}

.chara-left-date{
width:200px;
background:#2D458C;
padding:5px;
margin-bottom:2px;
line-height:8px;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-transform:uppercase;}
