* {margin: 0px; padding:0px; font-family:Lato, Century Gothic,  Filetto, FoglihtenNo07, Tahoma;}
.messagetext img {vertical-align: middle; max-width: 960px;}
.messagecont {padding: 0px 10px 0px 0px;}
.xembedded img,.xembedded video{max-width: 55%;}
body {
background-color: #d1cfc8;
text-align:left;
font-size: 15px !important;
color: #131d20;
background-image: url(//files.homepagemodules.de/b639610/a_38_0a67c7f1.jpg);
background-position: top;
background-repeat: repeat;
background-attachment: fixed;

}
.content { background-image: url(//files.homepagemodules.de/b639610/a_39_376dc35e.png);background-position:top center;padding: 0px 50px 0px 50px; background-repeat: repeat-y;  width: 1000px; min-width: 600px; }
/*Code-Formatierung*/
.bbcode_code {padding: 10px; font-family: Courier !important; white-space:pre-wrap; color: #131d20 !important; font-weight: normal !important; position: relative;}
.bbcode_code_line {float: left; font-weight: bold; border-right: 1px solid #131d20; padding: 0px 10px 0px 10px; margin: 0px 10px 0px 0px; font-family: Courier !important; color: #d09a43;}
.bbcode_code_code {font-family: Courier !important; overflow: auto; position: relative;}
.bbcode_code *{font-family: Courier !important;}
.bbcode_code pre {overflow: auto; width: 700px; padding: 0px !important; position: relative;}
blockquote .bbcode_code, blockquote .bbcode_code_code, blockquote .bbcode_code pre {font-style: normal !important; color: #131d20 !important; position: relative;}
blockquote a {text-decoration: none !important; padding-left: 15px !important;}
pre { font-family: Courier !important; padding: 10px; color: #131d20 !important; width: 700px; overflow: auto; position: relative;}
#tabs li {
display: inline;
padding: 5px 10px 3px 10px;
}
#tabs li a {text-decoration:none;}
.activetab { background-color: #f4f4ee; }
/*Navigation*/
.underdiv {
border-left: 1px solid #131d20;
border-right: 1px solid #131d20;
border-bottom: 1px solid #131d20;
right: -16px;
top: 20px;
position: absolute;
display: none;
background-color: #25333c;
line-height: 20px;
z-index: 500;
-moz-opacity:0.95;
filter: alpha(opacity=95);
opacity: 0.95;
}
.navbar {
border-top: 1px solid #131d20; background-color: #25333c; padding-left: px !important;}
.navbar ul {list-style: none; list-style-image: none;}
/*Unterpunkte*/
.undernav li {padding: 6px 15px 6px 15px; border: none !important; width: 140px !important; text-align: left !important;}
.undernav li:hover {background-color:  !important;}
.navbar li {padding: 6px 15px 6px 15px; border-right: 1px solid #131d20; border-right: 1px solid #131d20; float: left;}
.navbar a, .undernav a, .undernav li a {text-decoration: none !important; font-size: 18px; color: #d19a43 !important;}
.navbar a img, .navbar img, .undernav a img, .undernav img {border: none !important; vertical-align: middle !important; margin-right: 4px !important;}
/*Letzten User-Aktionen*/
.lastaction {padding: 2px 0px 2px 0px;}
.lastaction img {margin-right: 4px; vertical-align: middle;}
.lastaction a {text-decoration: none !important;}
.lastaction a img {border: none;}
/*Area beim Beitrag schreiben für die Integrationen*/
.integration_container {padding: 20px 0px 20px 0px;}
.back:hover {background-color: red; z-index: 9999;}
.para { position: relative; top: -20px; background-color: #d1cfc8; padding: 3px 10px 3px 0px; font-weight: bold;}
.grey {color: #131d20; font-weight: normal;}
.contact {padding: 8px 0px 5px 0px; font-size: 13px; border-bottom: 1px solid #131d20;}
.contact a {text-decoration: none;}
.int_content {padding: 15px 20px 15px 20px; background-color: #c7c6c5; margin: 5px 10px 5px 10px; font-size: 13px !important; display: none;}
.photolistitem {
position:relative;
display:block;
float:left;
list-style:none !important;
width:205px;
margin:0px 10px 10px 0px;
text-align:center;

height: 178px;
}
.droparea {
float:left;
background-color: #EFEFE0;
border: 1px solid #EFEFE0;
min-width:200px;
width:90%;
min-height: 200px;
}
.widget_add{background-color: #d1cfc8; z-index: 9999 !important; }
.cal_hover:hover {cursor: pointer !important;}
.photolistitem:hover {cursor: pointer !important;}
/* this is old but needed to make edited templates work */
#row_h:hover {background-color: #556362 !important; cursor: pointer !important;}
#row_h:hover a {text-decoration: underline !important;}
/*Kategorie-Items der Bildergalerie*/
.cat_item_new {border: 1px solid red !important;}
.cat_item_content {width: 200px !important; height: 150px !important; overflow: hidden; position: relative;}
.cat_item {margin: 0px 10px 10px 0px; float: left; border: 1px solid #131d20; width: 200px; height: 195px;}
.cat_item_link {text-align: center; border-top: 1px solid #131d20; padding: 3px 0px 3px 0px; margin-top: 5px; }
.cat_item_description {height:150px;min-height:150px; position:absolute;width:200px; background-color: black; display: none; padding: 5px; color: white; overflow: hidden; -moz-opacity: 0.7; filter: alpha(opacity = 70); opacity: 0.70;}
.cat_item_description small {padding: 5px 8px 5px 5px;}
/*Bilder-Beschreibung anzeigen Höhen- und Breitenangaben richten sich nach .Photolistitem*/
.pic_item_description {position: absolute; width: 185px; height: 185px; background-color: black; display: none; padding: 5px; color: white; overflow: hidden; -moz-opacity: 0.7; filter: alpha(opacity = 70); opacity: 0.70;}
.pic_item_description small {padding: 5px 8px 5px 5px;}
.pic_new {border: 1px solid red !important;}
.view_table {border-collapse: collapse;}
.view_table tr, .view_table td {padding: 7px 10px 7px 0px; margin: 3px;}
.forumtable{width:100%; border-collapse: collapse; margin-bottom: -3px;}
.forumtable .firsttd{padding: 7px 10px 7px 0;}
.view_table .firsttd{border-top: 1px solid #131d20; vertical-align:middle;padding: 0px 8px;text-align:center;}
.view_table .firsttd img{vertical-align:middle; text-align:center;}
table, tr, td {font-size: 15px !important;}
.error,a.abusemessage,strong.abusemessage {font-weight: normal; color: #a71111 !important;}
a {color: #131d20 }
a:link { color: #d09a43 }
a:visited { color: #d09a43 }
a:hover { color: #d09a43 }
a:active { color: #d09a43 }
a img {border: none;}
.page /* Umgibt den Inhalt des Forums */
{
text-align:center;
margin: 0 auto;
color: #131d20;
-moz-opacity: 1;
}
.page2 {border-right: 1px solid #131d20; border-left: 1px solid #131d20; background-color: #d1cfc8;  }
.inpage
/* Umschließt nur den änderbaren inhalt z.B. Kategorien, Foren, Threads */
{
text-align:left;
color: #131d20;padding-top: 8px;
}
.table_bg {background-color: transparent !important;}
/* Forum Übersicht */
/*Runde Ecken des Headers*/
.c_r_top1_head {
background-size:100% 100%;

background-color: #d1cfc8;

}
/* 1. Hintergrund der Kategorien mit runden Ecken */
.c_r_content1, .c_r_content2, .c_r_content3, .a_r_content2

{background-color: #d1cfc8;}

.c_r_top1 div, .c_r_top2 div, .c_r_top3 div, .a_r_content2 div

{background-color: #d1cfc8;}

.c_r_top1, .c_r_top2, .c_r_top3, .a_r_content2

{background-color: #d1cfc8;}

.c_r_bottom1, .c_r_bottom2, .c_r_bottom3, .a_r_content2

{background-color: #d1cfc8;}

.c_r_bottom1 div, .c_r_bottom2 div, .c_r_bottom3 div, .a_r_content2 div

{background-color: #d1cfc8;}

.c_r_cont2, .c_r_cont1, .c_r_cont3 {z-index: 9 !important;}
/* Foren Ansicht */
.subforums2
{
margin: 0px auto;
font-weight: bold;
font-size: 15px;
color: #131d20;
}
.subforums2 li span {
display: block;
}
.subforums2 ul {
margin: 0px;
padding: 0px;
}
.subforums2 li {
padding: 0px;
margin:2px;
margin-right: 10px;
margin-bottom: 15px;
width: 95%;
list-style-type:none;
min-height: 50px;
height: 50px;
height: auto !important;
display: block;
}
/* Tabellen */
/* Zeilen für die Themen */
.topiclist {
font-size: 15px;
padding: 2px;
}
/* Überschriften */
h2, h2 a, a h2, h3, h3 a, a h3 {
font-size:20px;
color: #131d20 !important;
font-weight: bold;
padding: 5px 0px 3px 0px;
font-family: Oswald, Marcellus SC, EtharnigSC, Candy Round BTN Cond !important;
padding-left: 0px !important;
}
h2 a, h2 a:link, h2 a:hover {
font-size:20px;
color: #131d20 !important;
font-weight: bold;
text-decoration: none;
}
.headerlogo h2, .headerlogo h2 a, .headerlogo a h2, .headerlogo h3, .headerlogo h3 a, .headerlogo a h3{
color: #131d20 !important;
}
small {
font-size: 13px;
}
dt {
float:left;
padding-right: 20px;
width:25%;
}
.option dd{float:left}
/* Trennstrich */
hr {
border-top: 1px solid #131d20;
border-bottom: transparent;
height: 1px;
margin: 7px 0px 7px 0px;
}
/* Bereich in dem der Beitragstext steht */
.text
{
margin-top: 10px;
margin-left: 0px;
padding: 5px 0px 10px 0px;
}
blockquote {font-style: italic !important; padding: 5px 7px; color: #131d20 !important; font-weight: normal !important;}
.text a {background-image: url(http://img.homepagemodules.de/ds/static/gaia/external-rtl.png); background-repeat: no-repeat; background-position: left center; padding-left: 14px; text-decoration: none !important;}
blockquote a {text-decoration: underline !important; color: #131d20 !important; background-image: none !important; margin-left: -14px !important;}
/* Seitenansicht */
.pagination {
text-align: left;
padding: 2px;
}
.pagination strong, .pagination b {
font-weight: normal;
}
.pagination span strong
/* Aktuelle Seite */
{
font-weight: normal;
color: #131d20;
background-color: transparent;
border: 1px solid #131d20;
font-size: 15px;
margin: 0px 2px;
padding: 2px 8px;
}
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active
/* weitere Seiten */
{
font-weight: normal;
text-decoration: none;
color: #131d20;
background-color: transparent;
border: 1px solid #131d20;
font-size: 15px;
line-height: 1.5em;
margin: 8px 4px 10px 0px;
padding: 2px 8px;
}
.pagination span a:hover
/* Seiten beim Überfahren mit der Maus*/
{
background-color: transparent;
text-decoration: underline !important;
}
.pagination span.page-sep {
display: none;
}
/* Beitraginformationen, z.B. Name, Titel, Datum */
.post {
float:left;
padding-right:20px;
font-size:15px;
color: #131d20;
}
.post li {
display: block;
}
.post ul {
padding: 0;
margin:0;
}
.post ul li {
float: left;
list-style-type:none;
margin: 0;
padding: 0 0 0 20px;
}
/* Schnelllogin */
.login {
font-size: 15px;
background-color: #d1cfc8;
margin: 0px 0px 3px 0px;
padding: 2px 20px 2px 20px;
max-height: 30px;
height: 30px;
}
.login h4
/* Schnelllogin Überschrift */
{
font-weight: bold;
padding: 0px;
margin-right: 30px;
}
.login label{
margin-right: 5px;
}
/* Suche */
.inputbox_search {
font-size: 13px;
background-color: #c7c6c5;
border: 1px solid #131d20;
color: #131d20 !important;
padding: 2px 8px; margin: 0px;
}
/* Inputfelder */
.inputbox {
font-size: 15px;
background-color: #c7c6c5;
border:1px solid #131d20;
padding: 2px 5px 2px 5px;
margin: 3px 0px 3px 0px;
color: #131d20 !important;
}
.button1, .widget_calendar_event input {
padding:5px 25px 5px 25px;
margin: 3px 5px 3px 0px;
background-color: #d1cfc8;
border: 1px solid #131d20;
font-size: 15px;
font-weight: normal;
color: #131d20;
}
.button1:hover {
background-color:#d1cfc8;
border-color:#131d20;
}
/*Schnell-Login*/
.button_login{
padding:1px 3px 1px 3px;
margin-right: 5px;
background-color: #d1cfc8;
border: 1px solid #131d20;
font-size: 13px;
font-weight: normal;
color: #131d20;
}
.inputbox_small {padding: 1px 4px !important; margin-right: 3px; font-size: 13px;
background-color: #c7c6c5;
border:1px solid #131d20;
color: #131d20 !important;}
.button_small:hover {
background-color:#d1cfc8;
border-color:#131d20;
}
/* weitere Buttons z.B. Neues Thema, Antworten, Edit etc. */
strong {
font-weight:bold;
}
li {
float:left
}
.button_reply , .button_edit {overflow: hidden; white-space:nowrap; height: 37px; padding-left:22px; padding-top:13px; position: absolute; background-position: 0px 0px; float: left; background-repeat: no-repeat; bottom: -26px;}
.button_reply a, .button_edit a {font-size: 13px !important; text-decoration: none;}
.button_reply img, .button_edit img {margin-right: 3px; border: none; vertical-align: middle; max-width: 20px;}
.button_reply {
background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_replybutton2-color1_-color2_d1cfc8-color3_.png);
width:110px;
left: -10px;
z-index: 500;
}
.button_reply:hover {
background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_replybutton2-color1_-color2_d1cfc8-color3_.png);
}
.button_edit {
background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_editbutton2-color1_-color2_d1cfc8-color3_.png);
width:160px;
left: 108px;
z-index: 100;
}
.button_edit:hover {
background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_editbutton2-color1_-color2_d1cfc8-color3_.png);
}
.ifos {margin: 15px 0px 5px -20px; display: block !important;}
.cal_error {font-weight: bold; padding: 20px; margin: 0px 0px 10px 0px; color: red;}
.tabs {list-style: none;}
.tabs li {padding: 5px 15px 5px 15px; background-color: #e6e6dc; border-right: 1px solid #131d20;}
.tabs #current { background-color: #f4f4ee; }
.calendar_header{
width: 90%;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.calendar_weeks{
border-collapse:collapse;
border:none;
padding: 0px;
font-size:2em;
font-weight:bold;
vertical-align: middle;
text-align:center;
background: #e6e6dc;
}
.calendar_add_event_link{
font-size:2em;
font-weight:bold;
text-align: center;
}
.calendar_day_link{
text-decoration: none;
font-weight: bold;
font-size: 17px;
color: #131d20 !important;
}
.calendar_next_link{
text-decoration: none;
}
.calendar_days_header{
font-weight: bold;
background: #e6e6dc;
color: #131d20
}
.calendar_days_body{
height:256px;
background:#e6e6dc;
vertical-align:top;
}
.calendar_H1 {
color:#131d20;
font-weight:bold;
}
#day_view_table{
text-align:center;
width:50%;
border-collapse: collapse;
margin-left: 25%;
}
.calendar_nav_tabs{
margin-left: 25%;
}
.forumbg { padding: 5px 0px 3px 0px; }
.forumbg a {text-decoration: none;}
.forumbg a img {margin: 0px !important;}
.forumbg_light{
background:#e6e6dc none repeat-x scroll 0 0;
margin-bottom:5px;
}
fieldset {border: none !important;}
/*WIDGET Einstellungen*/
.settingbox {margin: 5px 10px; padding: 2px 5px; border: 1px solid #131d20; display: none;}
.settingbox input, settingbox select {font-size: 13px !important; border: 1px solid #131d20; padding: 1px 5px;}
.message .messagehead h3 {font-size: 15px; display: inline; color: #131d20 !important; font-family: Lato, Century Gothic,  Filetto, FoglihtenNo07, Tahoma !important;}
.message .messagehead a {text-decoration: none; background-image: none;}
.message .messagehead img, .message .messagehead a img {border: none; vertical-align: middle; margin-right: 3px;}
.r {float:right;}
.c {clear: both;}
/*
iframe {border: none !important; width: 100% !important; overflow: auto; height: 700px !important;}
iframe body {border: none !important;}
*/
.message .messagehead ul {margin-left: 20px; float: none !important; display: block;}
.message .messagehead li {float: none; margin: 0px; padding: 0px; line-height: 100%;}
.message .messagehead ul li ul {padding-top: 0px;}
.warning {color: #e8a900; font-size: 13px;}
.okay {color: green; font-size: 13px;}
/*Seitenanzeige*/
.pagesBg {height: 24px; -moz-border-radius: 7px; margin: 10px 0px 0px 0px; width: 998px; background-image: url(http://img.homepagemodules.de/ds/cached/gradientplus-w_1-h_24-top_f9f9f9-bottom_e3e3e3-btop_f9f9f9.png);); border: 1px solid #c2c2c2;}
.pagesBg a {text-decoration: none; color: #626262; font-weight: bold; line-height: 24px; display: block; float: left; padding: 0px 10px; border-right: 1px solid #c2c2c2; height: 24px; font-size: 13px;}
.pagesBg a:hover {background-color: #f6f6f6; background-image: none; cursor: pointer;}
.pagesBg a.active {background-color: #f8f8f8; background-image: none;}
.pagesBg .pages, .mark_as_read {float: left; display: block; height: 24px; padding-right: 20px; padding-left: 10px; font-weight: bold; border-right: 1px solid #c2c2c2; line-height: 24px; font-size: 13px; color: #626262; }
.pagesBg a.inactive {color: #d6d6d6;}
.pagesBg a.inactive:hover {background-color: transparent; cursor: default;}
/*Neue CSS Update 11.02.10*/

.thrPag a {display: block; float: left; margin-right: 4px; font-size: 11px; border: 1px solid #d09a43; padding: 0px 4px; -moz-border-radius: 2px; border-radius: 2px;}
.thrPag {float: right; margin-right: 10px;}
.thrPag b {font-size: 11px; margin-right: 5px; float: left;}
.button_reply {margin-left:-1px;}
.onstat {font-size: 13px; white-space: nowrap; display: inline;}
.onstat span {text-transform: capitalize;}
.igmid {vertical-align: middle; margin-right: 3px; border: none;}
.row_h:hover {background-color: #556362 !important; cursor: pointer !important;}
.row_h:hover a {text-decoration: underline !important;}
.jumpTo a {text-decoration: none; font-size: 13px; font-size: 13px; display: block; float: none; border-top: 1px solid #131d20; border-bottom: 1px solid #131d20; margin-top: -1px; padding: 5px 7px;}
.jumpTo a:hover {background-color: #556362 !important; cursor: pointer;}
.jumpTo {width: 300px; max-height: 300px; overflow-y: scroll; overflow-x: hidden; border: 2px solid #131d20; background-color: #d1cfc8; font-weight: normal !important; z-index: 4000; line-height: 100% !important; text-align: left !important;}
.close:hover {cursor: pointer;}
.graph {position: relative;}
.graph div {font-size: 10px !important; width: 500px; color: white; height: 22px; display: block; float: none;}
.botop {border-top: 1px solid #dddddd;}
span.pageNow {text-decoration: none; color: #626262; font-weight: bold; line-height: 24px; display: block; float: left; padding: 0px 10px; border-right: 1px solid #c2c2c2; height: 24px; font-size: 13px; background-color: #f8f8f8; background-image: none;}
/*Neue CSS ENDE*/
/*Neue CSS Update 19.02.10*/
/*Spoiler-Design*/
.hpm_spoiler_open{
background:url("http://files.homepagemodules.de/b2001010/a_488.gif") no-repeat scroll left center transparent;
display:block;
padding-left:14px;
}
.hpm_spoiler_closed {
background:url("http://files.homepagemodules.de/b2001010/a_489.gif") no-repeat scroll left center transparent;
display:block;
padding-left:14px;
}
.hpm_spoiler_body {
background:none repeat scroll 0 0 #c7c6c5;
display: none;
border-color:#131d20;
border-style:solid;
border-width:0 1px 1px 1px;
margin:0;
padding:0;
width:100%;
}
.hpm_spoiler_headinput {
border:0 none;
cursor:pointer;
font:bold 11px Verdana,Arial,sans-serif;
margin-bottom:0;
margin-left:6px;
margin-top:0;
padding:2px 14px 3px;
position:relative;
text-align:left;
width:100%;
}
.hpm_spoiler {
margin:6px;
width:60%;
}
.hpm_spoiler_headdiv {
background:none repeat scroll 0 0 #c7c6c5;
border:1px solid #131d20;
height:20px;
margin:0;
padding:1px 0px;
width:100%;
}
/*Neue CSS ENDE*/
/*Added for new Code-Block*/
.codeblock{border:0px solid black;width: 640px;padding:0 5px 0px 5px; }
.codeheader{margin-left:0px; text-transform:capitalize; font: 100% courier,monospace;}
.codelines{
color: #131d20;
float:left;
margin: 0 5px;
font-size: 12px;
border-right: 1px solid #131d20;
padding: 0;
text-align:center;
line-height: 20px;
background-color: #d1cfc8;
background-image: url(http://files.homepagemodules.de/b2001010/a_675.png);
background-repeat:repeat;
width: 25px;
overflow: auto;
overflow-Y:hidden;}
.code pre{
font-size: 12px;
padding: 0;
margin: 0;
line-height: 20px;
background-color: #d1cfc8;
background-image: url(http://files.homepagemodules.de/b2001010/a_675.png);
background-position: top;
background-repeat:repeat;
width: 600px;
overflow: auto;
overflow-Y:hidden;}
pre code {
font-size: 11px;
font-family: courier,monospace;
color: #131d20;
margin: 0 0 0 15px;
padding: 0;
display: block;}
#fb_like {background-color: transparent; padding: 3px 3px 0px; }
.widget_calendar_integration {float: left; margin-right: 10px; padding: 0px;}
.widget_view {float: left;}
.widget_view input, .widget_calendar_integration input {background-color: transparent; border: none; color: #d09a43; font-size: 13px; text-decoration: underline;}
.widget_view_intext {display: block;}
.widget_view_intext input {clear: both;}
.widget_view_body div {float: left; margin-right: 5px;}
.widget_view_body_delete {display: block; clear: both;}
/*Kalender Widget*/
.widget_calendar_event {border-bottom: 1px solid #131d20; padding: 5px; margin: 2px; text-align: left;}
.widget_calendar_date {font-size: 13px; float: right; width: 30%;}
.widget_calendar_name {font-weight: bold; float: left; width: 60%; border-right: 1px solid #131d20;}
.widget_calendar_check {float: left; padding: 3px 10px 3px 5px;}
/*Kalender Widget Integration*/
.widget_calendar_integration {width: 200px; border: 1px solid #131d20; padding: 5px; text-align: justify; font-size: 13px; margin-bottom: 10px;}
.widget_calendar_integration_empty {width: 200px; height: 100px;  background-repeat: no-repeat; background-position: center;}
.widget_calendar_integration a {text-decoration: none; margin-bottom: 5px;}
/*Bilder Widget Integration*/
.widget_picture_integration .image {border: 1px solid #131d20; position: relative; float: left; margin: 5px;}
.widget_picture_info {width: 150px; height:150px; background-color: black; filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; color: white;}
.widget_picture_info small {padding: 5px;}
.widget_picture_integration {float: left;}
.statimg{vertical-align:middle; padding-left: 2px; padding-top: 2px;}
.postbody h1,.postbody h2,.postbody h3{color:}
ul.postindex{margin-left:20px; list-style:none;}
ul.postindex li{float:none !important;line-height:30px;}
ul.postindex li.size_1{margin-top:5px;}
ul.postindex .size_1 a{font-size: large; }
ul.postindex .size_2 a{padding-left:10px;font-size: medium}
ul.postindex .size_3 a{padding-left:20px; font-size: small}
/*Ratings.start*/
.xratings{text-align:left;margin-right:10px;}
.r_type, .c_type,.c_id,.i_id,.xor_id{display:none;}
.ratingbutton{
padding:5px 15px 5px 15px;
margin: 3px 5px 3px 0px;
background-color: #d1cfc8;
border: 1px solid #131d20;
font-size: 15px;
font-weight: normal;
color: #131d20;
cursor:pointer;
display: inline-block;
}
.ratingbutton img{vertical-align:middle;}
.ratingbutton_text{margin-left:5px;}
.rating_table{width:100%;}
.ratinguser{display:inline-block; text-align:center; }
.ratingusers_temp{display:none;}
.ratinguser img{max-width:60px;}
.rating_header img{vertical-align:middle; margin-right:10px; 2px 0px 2px 5px;}
/*Ratings.end*/
/*Upload Progress Bar start*/
#progress {
width:300px;
text-align:left;
background: #d1cfc8;
border: 1px solid #131d20;
margin-top: 20px;
}
#progressbar {
width: 0px;
height: 24px;
background: #c7c6c5 bottom left repeat-x;
}
/*Upload Progress Bar end*/
/*Zitate*/
.savequot{padding-left:20px !important; background:url(//files.homepagemodules.de/b2001010/a_277.png) no-repeat left center !important;}
.savequot.act{background:url(//files.homepagemodules.de/b2001010/a_276.png) no-repeat left center !important;}
.nopad{margin: 0px !important; padding:0px !important;}
/*Spoiler wenn Avatare links*/
.avaleft .hpm_spoiler{float:left;}
.avaleft .spoilerclear{clear:both; display:block !important;}
/* Listen im Beitragstext */
.messagetext li,.text li {
display: list-item;
margin-left: 20px;
float: none;
}
.ForumRules li {
float:none;
margin-left: 20px;
}
/*Kalender*/
#calroot {
z-index:10000;
margin-top:-1px;
width:198px;
padding:2px;
background-color:#fff;
font-size:11px;
border:1px solid #ccc;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-moz-box-shadow: 0 0 15px #666;
-webkit-box-shadow: 0 0 15px #666;
}
#calhead {
padding:2px 0;
height:22px;
}
#caltitle {
font-size:14px;
color:#0150D1;
float:left;
text-align:center;
width:155px;
line-height:20px;
text-shadow:0 1px 0 #ddd;
}
#calnext {
display:block;
width:20px;
height:20px;
background:transparent url("http://files.homepagemodules.de/b2001010/a_491.png") no-repeat scroll center center;
float:left;
cursor:pointer;
color: red !important;
margin-top:1px;
}
#calprev {
display:block;
width:20px;
height:20px;
background:transparent url("http://files.homepagemodules.de/b2001010/a_492.png") no-repeat scroll center center;
float:left;
cursor:pointer;
color: red !important;
margin-top:1px;
}
#calprev.caldisabled, #calnext.caldisabled {
visibility:hidden;
}
#caltitle select {
font-size:10px;
}
#caldays {
height:14px;
border-bottom:1px solid #ddd;
}
#caldays span {
display:block;
float:left;
width:28px;
text-align:center;
}
#calweeks {
background-color:#fff;
margin-top:4px;
}
.calweek {
clear:left;
height:22px;
}
.calweek a {
display:block;
float:left;
width:27px;
height:20px;
text-decoration:none;
font-size:11px;
margin-left:1px;
text-align:center;
line-height:20px;
color:#666;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.calweek a:hover, .calfocus {
background-color:#ddd;
}
a.calsun {
color:red;
}
a.caloff {
color:#ccc;
}
a.caloff:hover {
background-color:rgb(245, 245, 250);
}
a.caldisabled {
background-color:#efefef !important;
color:#ccc !important;
cursor:default;
}
#calcurrent {
background-color:#498CE2;
color:#fff;
}
#caltoday {
background-color:#333;
color:#fff;
}
body.stop_scrolling
{
position: fixed;
overflow-y: scroll;
width: 100%;
}
.clear {
line-height:0;
height: 0;
font-size: 1px;
clear: both;
margin: 0;
padding: 0;
float:none !important;
border: none; }
.niceTitleBox {
visibility: hidden;
transition: 300ms;
opacity: 0;
position: absolute;
padding: 10px;
bottom: 100%;
left: 0px;
min-width: 200px;
max-width: 500px;
max-height: 300px;
font-size: 15px;
color: ;
background-color: #d1cfc8;
z-index: 99;
word-wrap:break-word;
-moz-box-shadow: -2px 4px 6px #a29e90;
-webkit-box-shadow: -2px 4px 6px #a29e90;
box-shadow: -2px 4px 6px #a29e90;
-moz-border-radius: 6px 6px 0px 0px;
-webkit-border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px;
border: 1px solid #000000;
}
.donationinfo{padding-left: 100px; background:url(http://img.homepagemodules.de/ds/static/iconset/basic/64/basic2-163_money_coin_euro.png) 20px center no-repeat; margin-bottom:10px;background-size:contain;}
.donationbox{max-width:500px;}
.donation_options{width:100%;}
.donation_options.vertical{max-width:150px;}
.donation_options td{text-align:center; padding: 10px; border: 1px solid;}
.donation_options td:hover{
cursor:pointer;
-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
}
.donation_goal{text-align:center; font-weight:bold;}
.donation_progress{border:1px solid; padding: 10px;text-align:center;position:relative;max-width:500px;height:20px;}
.donation_progress .peuro{height:20px; position:absolute; display: block; width: 100%; z-index:2;}
.donation_progress .ppercent{
max-width:100%; height:20px;
background: #a9db80; /* Old browsers */
background: -moz-linear-gradient(top, #a9db80 0%, #96c56f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #a9db80 0%,#96c56f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a9db80 0%,#96c56f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=0 ); /* IE6-9 */
position:absolute; top:0px; left:0px; padding:10px 0; max-width:100% !important;}
.mfiles{max-width:45%;}
.hidden{display:none;}
.xquotecont{
font-size:smaller;
}
.email_confirm{display:none;}
img.xsmile[src$=".svg"], .xob_iconlist > .xob_icon_cont img[src$=".svg"] { max-height: 24px; }
#privacydiv h2{margin-top:12px;}
#privacydiv h3{margin-top:6px;}
#privacydiv h4{margin-top:6px;}
.fb_login_btn{float:right; margin: 0 0 0 0 !important;}
.google_login_btn{
width: 190px;
height: 45px;
float:right;
cursor:pointer;
background: url(//files.homepagemodules.de/b2001010/a_1756_953153e9.png) no-repeat white;
}
.google_login_btn:hover{
background: url(//files.homepagemodules.de/b2001010/a_1755_da2ccafa.png) no-repeat white;
}
.google_login_btn:active{
background: url(//files.homepagemodules.de/b2001010/a_1757_a059aae1.png) no-repeat white;
}
.postimage_cont{
display: inline-block;
width: auto;
text-align: center;
}
.postimage_cont span{
display: inline-block;
width: 100%;
margin:auto;
}
#input-group-cont{position:relative; }
#passwordunhider{position:absolute; right:4px; top:0px;}
#signup_form #input-group-cont, #login_form #input-group-cont{display:inline-block; }
#login_form #input-group-cont{width:100%; }
#signup_form #passwordunhider, #login_form #passwordunhider{top:8px;}
.boxcont #login_form #input-group-cont{display:inline; width:100%;}
.boxcont #login_form #passwordunhider{top:0px; right:5px;}
#passwordunhider .fa{display:inline-block; width:15px; height:15px;cursor:pointer;}
#passwordunhider .fa-eye{background: url(//files.homepagemodules.de/b2001010/a_1758_fd9e3d55.svg) no-repeat center center; }
#passwordunhider .fa-eye-slash{background: url(//files.homepagemodules.de/b2001010/a_1759_009f8ff4.svg) no-repeat center center; }
.blockpns p.text{
opacity: 0.6;
text-decoration: line-through;
}


::-webkit-scrollbar {  width: 5px;  height: 5px;}
::-webkit-scrollbar-button {  width: 20px;  height: 20px;}
::-webkit-scrollbar-thumb {  background: #cf9a43;  border: 0px none #ffffff;  border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {  background: #cf9a43;}
::-webkit-scrollbar-thumb:active {  background: #cf9a43;}
::-webkit-scrollbar-track {  background: #2c454c;  border: 0px none #ffffff;  border-radius: 0px;}
::-webkit-scrollbar-track:hover {  background: #2c454c;}
::-webkit-scrollbar-track:active {  background: #2c454c;}
::-webkit-scrollbar-corner {  background: transparent;} 

.title20 {     background-color:#25333c;     color:#d19a43;     font-family: 'Oswald', cursive;     font-weight: bold;     font-size:16px;     text-transform: uppercase;     text-shadow:1px 1px 1px #000000;     padding:1px 2px 6px 5px;     border-left:6px solid #d19a43; border-right:6px solid #d19a43;      width:99,5%;     height:20px; }  

.title21 {     background-color:#25333c;     color:#d19a43;     font-family: 'Oswald', cursive;     font-weight: bold;     font-size:22px;     text-transform: uppercase;     text-shadow:1px 1px 1px #000000;     padding:6px 2px 4px 5px;     border-left:10px solid #d19a43;     width:99,5%;     height:27px; margin-left: 10px;}  


.sub-title { border-left:6px solid #d19a43; border-bottom: 2px solid #25333c; border-right:6px solid #d19a43; padding-left: 5px; padding-bottom: 5px; padding-right: 5px; padding-top: 5px; margin-top: -5px; font-family: 'Lato'; font-size:12px; text-transform: uppercase;}  

/*****ICONBAR DROPDOWN****/  
.tab-links1 { width: 225px; background: #cf9943;  font-family: 'Kite One', sans-serif; font-size: 10px;  color: #131d20;  text-transform: none; padding: 2px 8px 1px 8px;  margin: 5px 5px 0px 5px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }    


/ / / HEADER - TEAMBILDER / / /  

.teambild { -webkit-transition: all 0.7s ease; transition: all 0.7s ease; border-radius: 100px; margin: 2px; }  

ul.img-list {   list-style-type: none;m   margin: 0;   padding: 0;   text-align: center;  }  
ul.img-list li {   display: inline-block;   height: 80px;   margin: 0 1em 1em 0;   position: relative;   width: 80px;   border-radius: 100px; margin: 2px; }  

span.text-content {   background: rgba(0,0,0,0.5);   color: white;   cursor: pointer;   display: table;   height: 80px;   left: 0;   position: absolute;   top: 0;   width: 80px;   border-radius: 100px; margin: 2px; }  span.text-content span {   display: table-cell;   text-align: center;   vertical-align: middle;   font-size: 11px;   font-weight: bold;   font-family: 'Tahoma';   border-radius: 100px; margin: 2px; }  
span.text-content {   background: rgba(0,0,0,0.5);   color: white;   cursor: pointer;   display: table;   height: 80px;   left: 0;   position: absolute;   top: 0;   width: 80px;   opacity: 0; }  

ul.img-list li:hover span.text-content {   opacity: 1; }  
span.text-content {   background: rgba(0,0,0,0.5);   color: white;   cursor: pointer;   display: table;   height: 80px;   left: 0;   position: absolute;   top: 0;   width: 80px;   opacity: 0;   -webkit-transition: opacity 500ms;   -moz-transition: opacity 500ms;   -o-transition: opacity 500ms;   transition: opacity 500ms; }

   /****************** TABELLE **********************/ /******************* GRUNDGERÜST *******************/  
.tab-headline { background: #355c68; border-bottom: 3px solid #fff; border-top: 3px solid #fff; padding: 5px 5px 5px 5px; text-align: center; font-family: 'Kite One', sans-serif; font-size: 18px; color: #a1abb5; font-weight: bold; text-transform: uppercase; -moz-box-shadow: 2px 2px 5px #1c1d36; -webkit-box-shadow: 2px 2px 5px #1c1d36; box-shadow: 2px 2px 5px #1c1d36; }  

.tab-body { height: 141px; overflow: auto; background-color: #90a4a3;  padding-top: 5px;     padding-right: 15px;     padding-bottom: 15px;     padding-left: 15px;   font-family: verdana;  font-size: 10px; color: #191919; text-align: justify; -moz-box-shadow: 2px 2px 5px #1c1d36; -webkit-box-shadow: 2px 2px 5px #1c1d36; box-shadow: 2px 2px 5px #1c1d36; }  

.tab-body b { color: #355c68; font-weight: bold; text-transform: uppercase; }  

/******************* FAKTEN & DROPDOWN *******************/  
.tab-facts { min-width: 90px; background: #355c68;  font-family: 'Kite One', sans-serif; font-size: 10px;  color: #ececec;  text-transform: uppercase; text-align: center;  padding: 4px 4px 3px 8px;  display: inline-block;  margin-top: 0px; margin-bottom: 2px; margin-left: 7px; margin-right: 7px; -moz-box-shadow: 2px 2px 3px #1c1d36; -webkit-box-shadow: 2px 2px 5px #1c1d36; box-shadow: 2px 2px 5px #1c1d36; }  

.tab-facts-l { min-width: 90px; background: #131d20;  font-family: 'Kite One', sans-serif; font-size: 12px;  color: #ececec;  text-transform: uppercase; text-align: center;  padding: 4px 8px 3px 8px;  display: inline-block;  margin: 5px 10px 0px 5px; float: left; -moz-box-shadow: 2px 2px 3px #1c1d36; -webkit-box-shadow: 2px 2px 5px #1c1d36; box-shadow: 2px 2px 5px #1c1d36; }  

.tab-facts-r { min-width: 90px; background: #131d20;  font-family: 'Kite One', sans-serif; font-size: 12px;  color: #ececec;  text-transform: uppercase; text-align: center;  padding: 4px 8px 3px 8px;  display: inline-block;  margin: 5px 5px 0px 10px; float: right; -moz-box-shadow: 2px 2px 3px #1c1d36; -webkit-box-shadow: 2px 2px 5px #1c1d36; box-shadow: 2px 2px 5px #1c1d36; }  

.tab-links { width: 250px; background: #cf9943;  font-family: 'Kite One', sans-serif; font-size: 10px;  color: #131d20;  text-transform: uppercase; padding: 2px 8px 1px 8px;  margin: 5px 5px 0px 5px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }   
       //////////////////////////////////////////////////////// /* Style The Dropdown Button */ 

.dropbtn {     background: none repeat scroll 0 0 #FFFFFF;     border: 1px solid #E5E5E5;     border-radius: 7px 7px 7px 7px;     box-shadow: 0 0 10px #E8E8E8 inset;     height: 22px;     margin: 0 0 0 0px;     padding: 2px;     width: 220px; }  

/* The container <div> - needed to position the dropdown content */ .dropdown {     position: center;     display: inline-block; } 

 /* Dropdown Content (Hidden by Default) */ .dropdown-content {     

display: none;     position: center;     background-color: #f9f9f9;     min-width: 180px;     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); }  

/* Links inside the dropdown */ .dropdown-content a {     color: black;     padding: 5px 5px;     text-decoration: none;     display: block; }  

/* Change color of dropdown links on hover */ 
.dropdown-content a:hover {background-color: #f1f1f1}  

/* Show the dropdown menu on hover */ .dropdown:hover 
.dropdown-content {     display: block; }  /* Change the background color of the dropdown button when the dropdown content is shown */ 

.dropdown:hover .dropbtn {     background-color: #70828a; }    

 h8 {  font-size:12pt; font-family: georgia; text-transform:none;  border-left: 12px solid #efefef; line-height:120%; padding:1px; color:#000000;  margin:1px; letter-spacing: 1px;  }  
h9 {  font-size:12pt; font-family: georgia; text-transform:none; border-left: 12px solid #355c68; line-height:120%; padding:1px; color:#000000;  margin:1px; letter-spacing: 1px;   }   

#leftImage             {                 width: 100px;                 height: 100px;                 border: 1px solid #ffffff;                 padding: 10px;                 margin-left: 43px;                 margin-top: 200px;                 float: left;             }  

#rightImage             {                 width: 100px;                 height: 100px;                 border: 1px solid #ffffff;                 padding: 10px;                 margin-left: 5px;                 margin-top: 200px;                 float: left;             }     

// WANTED-RAHMEN //   
.wanted  {  border:solid 5px #ffffff;   -webkit-border-radius: 90px;  -moz-border-radius: 90px;  border-radius: 90px; } 

     .hpm_spoiler{width:90% !important}   


// WIKI-ÜBERSCHRIFTEN //

.title1:first-letter { font-family: 'Great Vibes', cursive;   font-size:60px;  padding: 0px 3px 0px 0px; }   
.title1 {     background-color:#f3efe4;     color:#4a3ab3;     font-family: 'Special Elite', cursive;     font-weight: bold;     font-size:24px;     font-weight:normal;     text-transform: uppercase;     padding:10px 5px 0px 5px;     border-bottom:2px solid #4a3ab3;     width:99,5%;     height:30px; text-shadow:1px 1px 1px #000000; text-align:left;}    

.title2:first-letter { font-family: 'Great Vibes', cursive;   font-size:60px;  padding: 0px 3px 0px 0px; }    
.title2 {     background-color:#f3efe4;     color:#ba2c2c;     font-family: 'Special Elite', cursive;     font-weight: bold;     font-size:24px;     font-weight:normal;     text-transform: uppercase; text-align: left;     padding:10px 5px 0px 5px;     border-bottom:2px solid #ba2c2c;     width:99,5%;     height:30px; text-shadow:1px 1px 1px #000000; text-align:right; }    

.title3:first-letter { font-family: 'Great Vibes', cursive;   font-size:60px;  padding: 0px 3px 0px 0px; }    
.title3 {     background-color:#f3efe4;     color:#e6db00;     font-family: 'Special Elite', cursive;     font-weight: bold;     font-size:24px;     font-weight:normal;     text-transform: uppercase;     padding:10px 5px 0px 5px;     border-bottom:2px solid #e6db00;     width:99,5%;     height:30px; text-shadow:1px 1px 1px #000000; text-align:left;}    

.title4:first-letter { font-family: 'Great Vibes', cursive;   font-size:60px;  padding: 0px 3px 0px 0px; }  
.title4 {     background-color:#f3efe4;     color:#0474d6;     font-family: 'Special Elite', cursive;     font-weight: bold;     font-size:24px;     font-weight:normal;     text-transform: uppercase; text-align: left;     padding:10px 5px 0px 5px;     border-bottom:2px solid #0474d6;     width:99,5%;     height:30px; text-shadow:1px 1px 1px #000000; text-align:right;}    

.title5:first-letter { font-family: 'Great Vibes', cursive;   font-size:60px;  padding: 0px 3px 0px 0px; }  
.title5 {     background-color:#f3efe4;     color:#1c6161;     font-family: 'Special Elite', cursive;     font-weight: bold;     font-size:24px;     font-weight:normal;     text-transform: uppercase;     padding:10px 5px 0px 5px;     border-bottom:2px solid #1c6161;     width:99,5%;     height:30px; text-shadow:1px 1px 1px #000000; text-align:left;}       

/ / / / /

.title6:first-letter { font-family: 'Great Vibes', cursive;   font-size:30px;  padding: 0px 3px 0px 0px; }   
.title6 {     background-color:#f3efe4;     color:#000000;     font-family: 'Special Elite', cursive;     font-weight: bold;     font-size:14px;     font-weight:normal;     text-transform: uppercase;     padding:10px 5px 5px 5px;     border-bottom:2px solid #355c68;     width:99,5%;     height:30px; }    .title7:first-letter { font-family: 'Great Vibes', cursive;   font-size:30px;  padding: 0px 3px 0px 0px; }    .title7 {     background-color:#f3efe4;     color:#000000;     font-family: 'Special Elite', cursive;     font-weight: bold;     font-size:14px;     font-weight:normal;     text-transform: uppercase; text-align: left;     padding:10px 5px 5px 5px;     border-bottom:2px solid #ba2c2c;     width:99,5%;     height:30px; }    .title8:first-letter { font-family: 'Great Vibes', cursive;   font-size:30px;  padding: 0px 3px 0px 0px; }    .title8 {     background-color:#f3efe4;     color:#000000;     font-family: 'Special Elite', cursive;     font-weight: bold;     font-size:14px;     font-weight:normal;     text-transform: uppercase;     padding:10px 5px 5px 5px;     border-bottom:2px solid #e6db00;     width:99,5%;     height:30px; }    .title9:first-letter { font-family: 'Great Vibes', cursive;   font-size:30px;  padding: 0px 3px 0px 0px; }  .title9 {     background-color:#f3efe4;     color:#000000;     font-family: 'Special Elite', cursive;     font-weight: bold;     font-size:14px;     font-weight:normal;     text-transform: uppercase; text-align: left;     padding:10px 5px 5px 5px;     border-bottom:2px solid #0474d6;     width:99,5%;     height:30px; }    .title10:first-letter { font-family: 'Great Vibes', cursive;   font-size:30px;  padding: 0px 3px 0px 0px; }  .title10 {     background-color:#f3efe4;     color:#000000;     font-family: 'Special Elite', cursive;     font-weight: bold;     font-size:14px;     font-weight:normal;     text-transform: uppercase;     padding:10px 5px 5px 5px;     border-bottom:2px solid #1c6161;     width:99,5%;     height:30px; }  

.titel2 {               width: 100%;               background-color: #c5c3bd;   color: #25333c;            padding: 3px; font-size:11px;     font-weight:bold;          letter-spacing: 2px;               font-variant: small-caps;                       font-family: 'Oswald';              -webkit-border-radius: 8px;        -moz-border-radius: 8px;        -o-border-radius: 8px;        -ms-border-radius: 8px;        border-radius: 8px;        -webkit-border-radius: 8px;        -moz-border-radius: 8px;        -o-border-radius: 8px;        -ms-border-radius: 8px;        border-radius: 8px;          }    

.title14:first-letter { font-family: 'Great Vibes', cursive;   font-size:60px;  font-weight: bold;     padding: 0px 3px 0px 0px; }  
.title14 {     background-color:#25333c;     color:#cd9131;     font-family: 'Julius Sans One', cursive;     font-weight: bold;     font-size:20px;     font-weight:normal;     text-transform: uppercase;     text-shadow:1px 1px 1px #7b7b7b;     padding:12px 5px 5px 5px;     border-left:10px solid #cd9131;     width:99,5%;     height:25px; }        .title-head:first-letter { font-family: 'Great Vibes', cursive; font-size:36px; padding: 0px 0px 0px 0px; }  .title-head {   background-color:#cd9131;   color:#ffffff;  font-family: 'Special Elite', cursive; font-weight: bold; font-size:14px;  font-weight:normal; text-transform: uppercase; text-shadow:1px 1px 1px #000000; padding:0px 0px 5px 0px; border-left:5px solid #4d5d71; border-right:5px solid #4d5d71; width:99,5%; height:15px; }  .icon1 img {     float:left;     width:125px;     height:125px;     border-radius:90px;     border:6px solid #fff;     padding:0px;     margin:10px;     opacity:0.7; }  .icon2 img {     float:right;     width:125px;     height:125px;     border-radius:90px;     border:6px solid #fff;     padding:0px;     margin:10px;     opacity:0.7; }    #moheader { width="1000px" height="374px" }      .subtitle {     font-family: Raleway;     font-size: 13px;     letter-spacing: 2px;     text-align: left;     font-weight: 900;     width: 305px;     padding-bottom: 6px;     padding-left: 25px;     border-bottom: 1px solid #3d4b5f;     padding-top: 2px;     text-transform: uppercase;     color: #ccd1d5; }     .subcontent {     margin-bottom: 5px;     padding-left: 17px;     padding-right: 10px;     width: 300px;     font-size: 12px;     font-color: #FFFFFF; }    

/ / / IMG-RAHMEN / / /

.rahmen1 { padding: 1px; border:solid 2px #25333c;  -moz-border-radius-topleft: 40px;  -moz-border-radius-topright:40px;  -moz-border-radius-bottomleft:40px;  -moz-border-radius-bottomright:40px;  -webkit-border-top-left-radius:40px;  -webkit-border-top-right-radius:40px;  -webkit-border-bottom-left-radius:40px;  -webkit-border-bottom-right-radius:40px;  border-top-left-radius:40px;  border-top-right-radius:40px;  border-bottom-left-radius:40px;  border-bottom-right-radius:40px; }      

.rahmen2 { padding: 1px; border:solid 2px #25333c;  -moz-border-radius-topleft: 40px;  -moz-border-radius-topright:0px;  -moz-border-radius-bottomleft:0px;  -moz-border-radius-bottomright:0px;  -webkit-border-top-left-radius:40px;  -webkit-border-top-right-radius:0px;  -webkit-border-bottom-left-radius:0px;  -webkit-border-bottom-right-radius:0px;  border-top-left-radius:40px;  border-top-right-radius:0px;  border-bottom-left-radius:0px;  border-bottom-right-radius:0px;  }      

.rahmen3 {  padding: 1px; border:solid 2px #25333c;  -moz-border-radius-topleft: 0px;  -moz-border-radius-topright:40px;  -moz-border-radius-bottomleft:0px;  -moz-border-radius-bottomright:0px;  -webkit-border-top-left-radius:0px;  -webkit-border-top-right-radius:40px;  -webkit-border-bottom-left-radius:0px;  -webkit-border-bottom-right-radius:0px;  border-top-left-radius:0px;  border-top-right-radius:40px;  border-bottom-left-radius:0px; border-bottom-right-radius:0px; }      

.rahmen4 { padding: 1px; border:solid 2px #25333c; -moz-border-radius-topleft: 0px; -moz-border-radius-topright:0px; -moz-border-radius-bottomleft:40px; -moz-border-radius-bottomright:0px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-left-radius:40px; -webkit-border-bottom-right-radius:0px; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:40px; border-bottom-right-radius:0px;  }      

.rahmen5 { padding: 1px; border:solid 2px #25333c; -moz-border-radius-topleft: 0px; -moz-border-radius-topright:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:40px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:40px; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:40px; }      

.rahmen6 { padding: 1px; border:solid 2px #25333c; -moz-border-radius-topleft: 40px; -moz-border-radius-topright:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:40px; -webkit-border-top-left-radius:40px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:40px; border-top-left-radius:40px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:40px; }       

.rahmen7 { padding: 1px; border:solid 2px #25333c; -moz-border-radius-topleft: 0px; -moz-border-radius-topright:40px; -moz-border-radius-bottomleft:40px; -moz-border-radius-bottomright:0px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:40px; -webkit-border-bottom-left-radius:40px; -webkit-border-bottom-right-radius:0px; border-top-left-radius:0px; border-top-right-radius:40px; border-bottom-left-radius:40px; border-bottom-right-radius:0px; }      

.rahmen8 { border:solid 2px #25333c; -moz-border-radius-topleft: 0px; -moz-border-radius-topright:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; padding: 1px; }      

.rahmen9 {  padding: 1px; border:solid 2px #25333c; -moz-border-radius-topleft: 40px; -moz-border-radius-topright:0px; -moz-border-radius-bottomleft:40px; -moz-border-radius-bottomright:0px; -webkit-border-top-left-radius:40px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-left-radius:40px; -webkit-border-bottom-right-radius:0px; border-top-left-radius:40px; border-top-right-radius:0px; border-bottom-left-radius:40px; border-bottom-right-radius:0px; }      

.rahmen10 {  padding: 1px; border:solid 2px #25333c; -moz-border-radius-topleft: 0px; -moz-border-radius-topright:40px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:40px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:40px; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:40px; border-top-left-radius:0px; border-top-right-radius:40px; border-bottom-left-radius:0px; border-bottom-right-radius:40px; }      

.rahmen11 { padding: 1px; border:solid 2px #25333c; -moz-border-radius-topleft: 40px; -moz-border-radius-topright:40px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; -webkit-border-top-left-radius:40px; -webkit-border-top-right-radius:40px; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; border-top-left-radius:40px; border-top-right-radius:40px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; }      

.rahmen12 { padding: 1px; border:solid 2px #25333c; -moz-border-radius-topleft: 0px; -moz-border-radius-topright:0px; -moz-border-radius-bottomleft:40px; -moz-border-radius-bottomright:40px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-left-radius:40px; -webkit-border-bottom-right-radius:40px; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:40px; border-bottom-right-radius:40px; }    

.rahmen13 {  border:double 4px #25333c; }    

.rahmen1-1 {  padding: 1px; border:solid 2px #25333c; -moz-border-radius-topleft: 40px; -moz-border-radius-topright:40px; -moz-border-radius-bottomleft:40px; -moz-border-radius-bottomright:40px; -webkit-border-top-left-radius:40px; -webkit-border-top-right-radius:40px; -webkit-border-bottom-left-radius:40px; -webkit-border-bottom-right-radius:40px; border-top-left-radius:40px; border-top-right-radius:40px; border-bottom-left-radius:40px; border-bottom-right-radius:40px; -webkit-box-shadow: 0px 0px 15px 1px rgba(44,44,44,0.7);
-moz-box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7);
box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7);             }    

.rahmen2-1 {    padding: 1px; border:solid 2px #25333c; -moz-border-radius-topleft: 40px; -moz-border-radius-topright:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; -webkit-border-top-left-radius:40px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; border-top-left-radius:40px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px;        webkit-box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7);
-moz-box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7);
box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7);          }    

.rahmen3-1 { padding: 1px; border:solid 2px #25333c; -moz-border-radius-topleft: 0px; -moz-border-radius-topright:40px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:40px; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; border-top-left-radius:0px; border-top-right-radius:40px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; -webkit-box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7);
-moz-box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7);
box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7); }    

.rahmen4-1 { padding: 1px; border:solid 2px #25333c; -moz-border-radius-topleft: 0px; -moz-border-radius-topright:0px; -moz-border-radius-bottomleft:40px; -moz-border-radius-bottomright:0px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-left-radius:40px; -webkit-border-bottom-right-radius:0px; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:40px; border-bottom-right-radius:0px;  -webkit-box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7);
-moz-box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7);
box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7); }  

.rahmen5-1 {         padding: 1px; border:solid 2px #25333c; -moz-border-radius-topleft: 0px; -moz-border-radius-topright:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:40px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:40px; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:40px;  -webkit-box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7);
-moz-box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7);
box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7); }    

.rahmen6-1 {         padding: 1px; border:solid 2px #25333c; -moz-border-radius-topleft: 40px; -moz-border-radius-topright:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:40px; -webkit-border-top-left-radius:40px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:40px; border-top-left-radius:40px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:40px;  webkit-box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7);
-moz-box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7);
box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7); }    

.rahmen7-1 {         padding: 1px; border:solid 2px #25333c; -moz-border-radius-topleft: 0px; -moz-border-radius-topright:40px; -moz-border-radius-bottomleft:40px; -moz-border-radius-bottomright:0px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:40px; -webkit-border-bottom-left-radius:40px; -webkit-border-bottom-right-radius:0px; border-top-left-radius:0px; border-top-right-radius:40px; border-bottom-left-radius:40px; border-bottom-right-radius:0px;  webkit-box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7);
-moz-box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7);
box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7);           }    

.rahmen8-1 {         padding: 1px; border:solid 2px #25333c; -moz-border-radius-topleft: 0px; -moz-border-radius-topright:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px;  -webkit-box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7);
-moz-box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7);
box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7);                     }    

.rahmen9-1 {         padding: 1px; border:solid 2px #25333c; -moz-border-radius-topleft: 40px; -moz-border-radius-topright:0px; -moz-border-radius-bottomleft:40px; -moz-border-radius-bottomright:0px; -webkit-border-top-left-radius:40px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-left-radius:40px; -webkit-border-bottom-right-radius:0px; border-top-left-radius:40px; border-top-right-radius:0px; border-bottom-left-radius:40px; border-bottom-right-radius:0px;  webkit-box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7);
-moz-box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7);
box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7); }    

.rahmen10-1 {         padding: 1px; border:solid 2px #25333c; -moz-border-radius-topleft: 0px; -moz-border-radius-topright:40px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:40px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:40px; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:40px; border-top-left-radius:0px; border-top-right-radius:40px; border-bottom-left-radius:0px; border-bottom-right-radius:40px;  webkit-box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7);
-moz-box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7);
box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7);      }    

.rahmen11-1 {         padding: 1px; border:solid 2px #25333c; -moz-border-radius-topleft: 40px; -moz-border-radius-topright:40px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; -webkit-border-top-left-radius:40px; -webkit-border-top-right-radius:40px; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; border-top-left-radius:40px; border-top-right-radius:40px; border-bottom-left-radius:0px; border-bottom-right-radius:0px;  webkit-box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7);
-moz-box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7);
box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7); }      

.rahmen12-1 { padding: 1px; border:solid 2px #25333c; -moz-border-radius-topleft: 0px; -moz-border-radius-topright:0px; -moz-border-radius-bottomleft:40px; -moz-border-radius-bottomright:40px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-left-radius:40px; -webkit-border-bottom-right-radius:40px; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:40px; border-bottom-right-radius:40px; webkit-box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7);
-moz-box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7);
box-shadow: 0px 0px 4px 1px rgba(44,44,44,0.7);     }       

.hpm_spoiler_headinput{color:#25333c !important}          

pre {               width: 97%;               background-color: #25333c;   color: #ffffff;            padding: 1% 2% 1% 2%;               letter-spacing: 2px;                                      font-family: 'Oswald';       border-left: #355c68;       -webkit-border-radius: 8px;        -moz-border-radius: 8px;        -o-border-radius: 8px;        -ms-border-radius: 8px;        border-radius: 8px;  border-right: #355c68;       -webkit-border-radius: 8px;        -moz-border-radius: 8px;        -o-border-radius: 8px;        -ms-border-radius: 8px;        border-radius: 8px;          }   
pre:a { font-variant: small-caps; font-color: #25333c; font-family: EtharnigSC; }           

.descr {      line-height: 14px;      font-size: 12px;      text-align: left;      padding-left: 5px;      padding-right: 5px;          letter-spacing: 5px;      background-color: #e4e0dc;      border-left: 7px solid #25333c;      -webkit-border-radius: 8px;       -moz-border-radius: 8px;       -o-border-radius: 8px;       -ms-border-radius: 8px;       border-radius: 8px;  border-right: 7px solid #25333c;      -webkit-border-radius: 8px;       -moz-border-radius: 8px;       -o-border-radius: 8px;       -ms-border-radius: 8px;       border-radius: 8px;      text-align: justify;  }      

shadow {     text-shadow: 1px 1px 1px #000000;
 }                 

//TEAMSEITE//    body { font-size: 12px; /*edit the font size here*/ text-align: justify; color: #cccccc; /*edit the hex code to change the color of the text*/ }    a:link, a:active, a:visited { color: # /*edit the hex code to change the color of the general links text*/ text-decoration: underline; transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; }    a:hover { color: #1b2b2e; /*edit the hex code to change the color of the links when hovered*/ transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; }              iframe#tumblr_controls { margin-top: 75px; position: fixed !important; right:6px !important; opacity: 0; width: auto; border-radius: 10px; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; }   iframe#tumblr_controls:hover { -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; opacity: 0.2; border-radius: 5px; }   #container1 { position: absolute; width: 100%; margin-left: -10px; height: auto; text-align: center; margin-top: 10px; }       /*CUSTOMIZABLE CSS*/          /*NAVIGATION LINKS*/    .links { text-align: center; width: auto; margin-top: 12px; }    .links a { margin: 2px; border: 1px solid #e6e6e6; /*edit the hex code to change the color of the links border*/ padding: 3px; display: inline; text-transform: uppercase; text-decoration: underline; font-size: 12px; color: #cccccc; /*edit the hex code to change the color of the links*/ background-color: #fff; /*edit the hex code to change the color of links background*/ -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; }   .links a:hover { color: #99999; border: 1px solid #999999; /*edit the hex code to change the color of the links border when hovered*/ -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; }     #container2 { position: relative; width: 890px; text-align: center; margin: 20px auto; }       /*OUTER BOX*/   #boxes { width: 270px; height: 470px; border: 1px solid #cc9031; /*edit the hex code to change the color of the outer box border*/ margin-left: auto; display: inline-block; position: auto; }           /*CHARACTER'S PROFILE PICTURE*/   #images { margin-left: 10px; margin-top: 10px; width: 250px; height: 450px; position: absolute; }         /*NAME BANNER*/   #names { margin-left: 10px; margin-top: 80px; opacity: 0.5; text-transform: uppercase; font-family: calibri; font-size: 16px; font-weight:bold; background-color: #cc9031;  /*edit the hex code to change the color of character name's banner*/ color: #000; /*edit the hex code to change the color of the character name's text*/ padding: 5px; width: 240px; position: absolute; text-align: center; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition-delay: 0.6s; -moz-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; }    #boxes:hover #names { opacity: 0; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; }       /*DESCRIPTION BOX*/   #desc { position: absolute; background-color: #fff; /*edit the hex code to change the color of the description box background*/ color: #656464; /*edit the hex code to change the color of the description text*/ text-align: justify; height: 0px; overflow: hidden; opacity: 0; width: 230px; padding: 10px; margin-left: 10px; margin-top: 10px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; }   #boxes:hover #desc { opacity: 0.7; height: 390px; border-bottom: 5px solid #cccccc; overflow-x: hidden; overflow-y: auto; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition-delay: 0.6s; -moz-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; }   /*LINKS BOX*/   .nav { position: absolute; width: 230px; margin-top: 450px; height: 20px; margin-left: 10px; background-color: #fff; /*edit the hex code to change the color of the links box background*/ text-align: center; padding: 10px; opacity: 0; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; }   #boxes:hover .nav { opacity: 0.7; margin-top: 420px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition-delay: 0.6s; -moz-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; }   .nav a { padding: 5px; margin: 2px; text-transform: uppercase; font-family: calibri; /*edit the font type of the links*/ font-size: 10px; /*edit the font size of the links*/ text-align: center; display: inline; background-color: #656464; /*edit the hex code to change the color of the links background*/ color: #fff; /*edit the hex code to change the color of the links*/ border-radius: 4px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; }   .nav a:hover { background-color: #000; /*edit the hex code to change the color of the links background when hovered*/ color: #fff; /*edit the hex code to change the color of the links when hovered*/ -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; }     // WIKIPEDIA //  body { font-family: 'droid serif', serif; font-size: 11px; background-color: #ffffff; background-image: url('http://24.media.tumblr.com/tumblr_maznd6sHNe1rfymxfo1_400.png'); background-attachment: fixed; text-align: justify; }   a:link, a:active, a:visited { text-decoration: underline; transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; }   a:hover { color: #60727a; transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; }         iframe#tumblr_controls { margin-top: 75px; position: fixed !important; right:6px !important; opacity: 0; width: auto; border-radius: 10px; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; }  iframe#tumblr_controls:hover { -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; opacity: 0.2; border-radius: 5px; }  /*BANNER*/ #container1 { margin-top: -10px; margin-left: -10px; width: 1000%; background-image: url('http://24.media.tumblr.com/tumblr_mai5xkLw1i1rfymxfo1_400.png'); background-attachment: fixed; position: fixed; height: 70px; border-bottom: 2px solid #000; /*to change border color, change the hex code*/ opacity: 0.7; z-index: 9999; }  .title { position: fixed; float: left; color: #fff; font-family: 'berkshire swash', cursive; font-size: 36px; top: 10px; left: 40px; }  .links { position: fixed; height: 20px; width: auto; margin-top: 48px; right: 10px; }  .links:hover a { opacity: 0.3; background-color: #26afaf; /*to change the color when you hover over the links*/ }  .links a { padding: 2px 6px 2px 6px; font-size: 10px; letter-spacing: 0px; text-align: center; overflow: hidden; background-color: #fff; text-decoration: underline; margin-left: 3px; display: inline; text-transform: uppercase; border-radius: 3px; opacity: 0.6; transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; }  .links a:hover { opacity: 1; transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; }  #container2 { margin-top: 75px; position: absolute; width: 740px; margin-left: 160px; height: auto; }  /*OUTER BOX*/ .boxxxie { margin-top: 15px; margin-bottom: 15px; position: relative; width: 740px; height: 230px; }  .boxxxiez { width: 740px; height: 230px; position: relative; background-color: #111111; border: 1px solid #000; opacity: 0.4; z-index: 1; }  /*CHARACTER IMAGE*/ .pic { float: left; margin-top: 20px; margin-left: 20px; margin-right: 10px; width: 150px; height: 150px; border: 20px solid #000; opacity: 1; z-index: 2; position: absolute; overflow: hidden; }  /*BASIC INFORMATION*/ .main { float: left; margin-top: 20px; margin-left: 220px; background-color: #000; width: 500px; height: 190px; opacity: 1; position: absolute; }  .name { font-size: 20px; text-transform: uppercase; letter-spacing: 2px; text-align: center; margin-top: 50px; width: 420px; padding-bottom: 10px; margin-left: 40px; border-bottom: 1px solid #fff; color: #fff; }  .info { margin-top: 10px; font-size: 12px; letter-spacing: 1px; margin-left: 40px; margin-right: 40px; overflow: hidden; color: #fff; text-align: center; }   /*DESCRIPTION*/ .boxxxiezz { margin-top: 20px; margin-left: 220px; background-color: transparent; width: 500px; height: 190px; position: absolute; z-index: 10; }  .desc { position: absolute; margin: 20px; padding: 10px; width: 440px; height: 130px; background-color: #0e0e0e; color: #fff; text-align: justify; overflow: auto; opacity: 0; z-index: 11; transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; }  .boxxxiezz:hover .desc { opacity: 1; margin-top: 20px; transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; }  /*END OF CUSTOMIZABLE CSS*/  #credit { position: fixed; bottom: 5px; right: 6px; background-color: #000; color: #fff; opacity: 0.4; height: auto; width: auto; padding: 5px; font-size: 10px; border-radius: 3px; transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; }    #credit:hover { opacity: 1; transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; }    #credit a { text-decoration: underline; color: #fff; transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; }    #credit a:hover { text-decoration: underline; color: #fff; transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; }    

#textschatten { text-shadow: 0px 0px 6px rgba(38, 38, 38, 0.79);  }   #limg { float: left;   margin-right: 20px;   margin-bottom: 12px;   clear="all" }   #rimg { float: right;   padding: 3px;   margin-bottom: 3px;   margin-left: 3px;   clear="all" }      font-family: 'Patrick Hand SC', cursive;   font-family: 'Berkshire Swash', cursive;   font-family: 'Special Elite', cursive;   font-family: 'Trade Winds', cursive;   font-family: 'Keania One', cursive;   font-family: 'Rock Salt', cursive;   font-family: 'Just Another Hand', cursive;   font-family: 'Luckiest Guy', cursive;   font-family: 'IM Fell DW Pica SC', serif;  font-family: 'Julius Sans One', sans-serif;  font-family: 'Oregano', cursive;  font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif; font-family: 'Marcellus SC', serif; font-family: 'Amatic SC', cursive; font-family: 'Great Vibes', cursive; font-family: 'Bad Script', cursive; font-family: 'Neucha', cursive; font-family: 'Josefin Sans', sans-serif; font-family: 'Questrial', sans-serif; font-family: 'PT Sans Narrow', sans-serif; font-family: 'Quicksand', sans-serif; font-family: 'Homemade Apple', cursive; font-family: 'Engagement', cursive; font-family: 'Cookie', cursive; font-family: 'Oswald', sans-serif; font-family: 'Lato', sans-serif;