* {margin: 0px; padding:0px; font-family:Arial, Verdana, sans-serif;}
.messagetext img {vertical-align: middle; max-width: px;}
.messagecont {padding: 0px 10px 0px 0px;}
.xembedded img,.xembedded video{max-width: 55%;}
body {
background-color: #F5f5f5;
text-align:left;
font-size: 12px !important;
color: #4E4E4E;
background-image: url(http://img.homepagemodules.de/ds/cached/gradientplus-w_1-h_600-top_B7B7B7-bottom_F5f5f5-btop_B7B7B7.png);
background-repeat: repeat-x;
background-position: top;

}
.content { padding: 0px 2px 0px 2px; width: 95%; min-width: 600px; }
/*Code-Formatierung*/
.bbcode_code {padding: 10px; font-family: Courier !important; white-space:pre-wrap; color: #4E4E4E !important; font-weight: normal !important; position: relative;}
.bbcode_code_line {float: left; font-weight: bold; border-right: 1px solid #CCCCCC; padding: 0px 10px 0px 10px; margin: 0px 10px 0px 0px; font-family: Courier !important; color: #3579a1;}
.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: #999999 !important; position: relative;}
blockquote a {text-decoration: none !important; padding-left: 15px !important;}
pre { font-family: Courier !important; padding: 10px; color: #4E4E4E !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: #e3e3e3; }
/*Navigation*/
.underdiv {
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
right: -16px;
top: 20px;
position: absolute;
display: none;
background-color: #FFFFFF;
line-height: 20px;
z-index: 500;
-moz-opacity:0.95;
filter: alpha(opacity=95);
opacity: 0.95;
}
.navbar {
border-top: 1px solid #CCCCCC; background-color: #FFFFFF; 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: #fff !important;}
.navbar li {padding: 6px 15px 6px 15px; border-right: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; float: left;}
.navbar a, .undernav a, .undernav li a {text-decoration: none !important; font-size: 12px; color: #3579a1 !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: #FFFFFF; padding: 3px 10px 3px 0px; font-weight: bold;}
.grey {color: #999999; font-weight: normal;}
.contact {padding: 8px 0px 5px 0px; font-size: 11px; border-bottom: 1px solid #CCCCCC;}
.contact a {text-decoration: none;}
.int_content {padding: 15px 20px 15px 20px; background-color: #f7f7f7; margin: 5px 10px 5px 10px; font-size: 11px !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: #FFFFFF; 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: #f7f7f7 !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 #CCCCCC; width: 200px; height: 195px;}
.cat_item_link {text-align: center; border-top: 1px solid #CCCCCC; 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 #CCCCCC; vertical-align:middle;padding: 0px 8px;text-align:center;}
.view_table .firsttd img{vertical-align:middle; text-align:center;}
table, tr, td {font-size: 12px !important;}
.error,a.abusemessage,strong.abusemessage {font-weight: normal; color: #a71111 !important;}
a {color: #4E4E4E }
a:link { color: #3579a1 }
a:visited { color: #555555 }
a:hover { color: #18384a }
a:active { color: #3579a1 }
a img {border: none;}
.page /* Umgibt den Inhalt des Forums */
{
text-align:center;
margin: 0 auto;
color: #4E4E4E;
-moz-opacity: 1;
}
.page2 { background-color: #transp;  }
.inpage
/* Umschließt nur den änderbaren inhalt z.B. Kategorien, Foren, Threads */
{
text-align:left;
color: #4E4E4E;padding-top: 8px;
}
.table_bg {background-color: transparent !important;}
/* Forum Übersicht */
/*Runde Ecken des Headers*/
.c_r_top1_head {
background-size:100% 100%;
background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_forumheaderleft-color1_FFFFFF-color2_FFFFFF-color3_FFF.png); height: 10px; background-position: left; background-repeat: no-repeat; margin-right: 11px !important;
}
.c_r_top1_head div {
background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_forumheaderright-color1_FFFFFF-color2_FFFFFF-color3_FFF.png); height: 10px; width:11px; background-position: right; background-repeat: no-repeat; float: right; position: relative; right: -11px !important;

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

{border-right: 1pt solid #B7B7B7; border-left: 1px solid #B7B7B7; background-color: #FFFFFF; padding: 5px 10px 5px 10px; margin-top: -1px; margin-bottom: -1px;}

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

{ background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_forumheaderright-color1_B7B7B7-color2_FFFFFF-color3_FFF.png); height: 10px; width:11px; background-position: right; background-repeat: no-repeat; float: right; position: relative; right: -11px !important;}

.c_r_top1, .c_r_top2, .c_r_top3, .a_r_content2

{ background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_forumheaderleft-color1_B7B7B7-color2_FFFFFF-color3_FFF.png); height: 10px; background-position: left; background-repeat: no-repeat; margin-right: 11px !important;background-size: cover;}

.c_r_bottom1, .c_r_bottom2, .c_r_bottom3, .a_r_content2

{ background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_forumfooterleft-color1_B7B7B7-color2_FFFFFF-color3_FFF.png); height: 10px; background-position: left; background-repeat: no-repeat; margin-right: 11px !important; background-size: cover;}

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

{ background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_forumfooterright-color1_B7B7B7-color2_FFFFFF-color3_FFF.png); height: 10px; width:11px; background-position: right; background-repeat: no-repeat; float: right; position: relative; right: -11px !important;}

.c_r_cont2, .c_r_cont1, .c_r_cont3 {z-index: 9 !important;}
/* Foren Ansicht */
.subforums2
{
margin: 0px auto;
font-weight: bold;
font-size: 12px;
color: #4E4E4E;
}
.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: 12px;
padding: 2px;
}
/* Überschriften */
h2, h2 a, a h2, h3, h3 a, a h3 {
font-size:16px;
color: #4E4E4E !important;
font-weight: bold;
padding: 5px 0px 3px 0px;
font-family: Arial, Verdana, sans-serif !important;
padding-left: 0px !important;
}
h2 a, h2 a:link, h2 a:hover {
font-size:16px;
color: #4E4E4E !important;
font-weight: bold;
text-decoration: none;
}
.headerlogo h2, .headerlogo h2 a, .headerlogo a h2, .headerlogo h3, .headerlogo h3 a, .headerlogo a h3{
color: #4E4E4E !important;
}
small {
font-size: 11px;
}
dt {
float:left;
padding-right: 20px;
width:25%;
}
.option dd{float:left}
/* Trennstrich */
hr {
border-top: 1px solid #CCCCCC;
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: #999999 !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: #999999 !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: #EAEAEA;
background-color: transparent;
border: 1px solid #EAEAEA;
font-size: 12px;
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: #666666;
background-color: transparent;
border: 1px solid #666666;
font-size: 12px;
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:12px;
color: #4E4E4E;
}
.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: 12px;
background-color: #FFFFFF;
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: 11px;
background-color: #f7f7f7;
border: 1px solid #9C9C9C;
color: #272727 !important;
padding: 2px 8px; margin: 0px;
}
/* Inputfelder */
.inputbox {
font-size: 12px;
background-color: #f7f7f7;
border:1px solid #9C9C9C;
padding: 2px 5px 2px 5px;
margin: 3px 0px 3px 0px;
color: #272727 !important;
}
.button1, .widget_calendar_event input {
padding:5px 25px 5px 25px;
margin: 3px 5px 3px 0px;
background-color: #FFFFFF;
border: 1px solid #9C9C9C;
font-size: 12px;
font-weight: normal;
color: #282828;
}
.button1:hover {
background-color:#f0f0f0;
border-color:#666666;
}
/*Schnell-Login*/
.button_login{
padding:1px 3px 1px 3px;
margin-right: 5px;
background-color: #FFFFFF;
border: 1px solid #EAEAEA;
font-size: 11px;
font-weight: normal;
color: #282828;
}
.inputbox_small {padding: 1px 4px !important; margin-right: 3px; font-size: 11px;
background-color: #f7f7f7;
border:1px solid #9C9C9C;
color: #272727 !important;}
.button_small:hover {
background-color:#f0f0f0;
border-color:#666666;
}
/* 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: 11px !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_B7B7B7-color2_FFFFFF-color3_B7B7B7.png);
width:110px;
left: -10px;
z-index: 500;
}
.button_reply:hover {
background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_replybutton2-color1_B7B7B7-color2_f0f0f0-color3_B7B7B7.png);
}
.button_edit {
background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_editbutton2-color1_B7B7B7-color2_FFFFFF-color3_B7B7B7.png);
width:160px;
left: 108px;
z-index: 100;
}
.button_edit:hover {
background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_editbutton2-color1_B7B7B7-color2_f0f0f0-color3_B7B7B7.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: #f0f0f0; border-right: 1px solid #CCCCCC;}
.tabs #current { background-color: #e3e3e3; }
.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: #f0f0f0;
}
.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: #4E4E4E !important;
}
.calendar_next_link{
text-decoration: none;
}
.calendar_days_header{
font-weight: bold;
background: #f0f0f0;
color: #282828
}
.calendar_days_body{
height:256px;
background:#ebebeb;
vertical-align:top;
}
.calendar_H1 {
color:#4E4E4E;
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:#f0f0f0 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 #CCCCCC; display: none;}
.settingbox input, settingbox select {font-size: 11px !important; border: 1px solid #9C9C9C; padding: 1px 5px;}
.message .messagehead h3 {font-size: 12px; display: inline; color: #4E4E4E !important; font-family: Arial, Verdana, sans-serif !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: 11px;}
.okay {color: green; font-size: 11px;}
/*Seitenanzeige*/
.pagesBg {height: 24px; -moz-border-radius: 7px; margin: 10px 0px 0px 0px; width: px; 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: 11px;}
.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: 11px; 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: 9px; border: 1px solid #3579a1; padding: 0px 4px; -moz-border-radius: 2px; border-radius: 2px;}
.thrPag {float: right; margin-right: 10px;}
.thrPag b {font-size: 9px; margin-right: 5px; float: left;}
.button_reply {margin-left:-1px;}
.onstat {font-size: 11px; white-space: nowrap; display: inline;}
.onstat span {text-transform: capitalize;}
.igmid {vertical-align: middle; margin-right: 3px; border: none;}
.row_h:hover {background-color: #f7f7f7 !important; cursor: pointer !important;}
.row_h:hover a {text-decoration: underline !important;}
.jumpTo a {text-decoration: none; font-size: 11px; font-size: 11px; display: block; float: none; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; margin-top: -1px; padding: 5px 7px;}
.jumpTo a:hover {background-color: #f7f7f7 !important; cursor: pointer;}
.jumpTo {width: 300px; max-height: 300px; overflow-y: scroll; overflow-x: hidden; border: 2px solid #CCCCCC; background-color: #FFFFFF; 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: 11px; 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 #f7f7f7;
display: none;
border-color:#CCCCCC;
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 #f7f7f7;
border:1px solid #CCCCCC;
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: #4E4E4E;
float:left;
margin: 0 5px;
font-size: 12px;
border-right: 1px solid #CCCCCC;
padding: 0;
text-align:center;
line-height: 20px;
background-color: #FFFFFF;
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: #FFFFFF;
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: #4E4E4E;
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: #3579a1; font-size: 11px; 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 #CCCCCC; padding: 5px; margin: 2px; text-align: left;}
.widget_calendar_date {font-size: 11px; float: right; width: 30%;}
.widget_calendar_name {font-weight: bold; float: left; width: 60%; border-right: 1px solid #CCCCCC;}
.widget_calendar_check {float: left; padding: 3px 10px 3px 5px;}
/*Kalender Widget Integration*/
.widget_calendar_integration {width: 200px; border: 1px solid #CCCCCC; padding: 5px; text-align: justify; font-size: 11px; margin-bottom: 10px;}
.widget_calendar_integration_empty {width: 200px; height: 100px; background-image: url(http://files.homepagemodules.de/b2001010/a_43.png) !important; 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 #CCCCCC; position: relative; float: left; margin: 5px;}
.widget_picture_info {width: px; height:px; 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: #FFFFFF;
border: 1px solid #9C9C9C;
font-size: 12px;
font-weight: normal;
color: #282828;
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: #FFFFFF;
border: 1px solid #CCCCCC;
margin-top: 20px;
}
#progressbar {
width: 0px;
height: 24px;
background: #f7f7f7 bottom left repeat-x;
}
/*Upload Progress Bar end*/
/*Zitate*/
.savequot{padding-left:20px !important; background:url(http://files.homepagemodules.de/b2001010/a_277.png) no-repeat left center !important;}
.savequot.act{background:url(http://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: 12px;
color: ;
background-color: #F5f5f5;
z-index: 99;
word-wrap:break-word;
-moz-box-shadow: -2px 4px 6px #c2c2c2;
-webkit-box-shadow: -2px 4px 6px #c2c2c2;
box-shadow: -2px 4px 6px #c2c2c2;
-moz-border-radius: 6px 6px 0px 0px;
-webkit-border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px;
border: 1px solid #999999;
}
.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;
}
<center>
<table style="border-collapse: collapse;" width="100%" class="login">
<tbody><tr>

</tr>
</tbody></table>
</form>

<div class="content">
<div class="page" id="pagewidth">
<div style="padding-top: 5px;">

<div class="c_r_cont1_head" style="width: 100%; float: right; text-align: center;">
	<div class="c_r_top1_head">
		<div></div>
	</div>
</div>

<table width="100%" style="!important; background-color:#171412; border-collapse: collapse; margin-top: 0px;">
<tbody><tr style="min-height: 120px !important;"><td>
<div class="usercontent"><link href="http://fonts.googleapis.com/css?family=Electrolize" rel="stylesheet" type="text/css">  <style type="text/css">#headerimg { width: 1132px; height: 642px; background-image: url('https://abload.de/img/screenshot2023-07-250uxibu.jpg'); } /*
 
*/ #headerimg #headertab { width: 1100px; height: 520px; background: #171515; padding-top: 30px; opacity: 0; transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; -webkit-transition: 0.8s all ease-in-out; -ms-transition: 0.8s all ease-in-out; -o-transition: 0.8s all ease-in-out; } /*
 
*/ #headerimg:hover #headertab { opacity: 0.9; transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; -webkit-transition: 0.8s all ease-in-out; -ms-transition: 0.8s all ease-in-out; -o-transition: 0.8s all ease-in-out;} /*
 
*/ .headerbox { height: 290px; width: 330px; background: #202D36;} .headernews { height: 50px; background: #54544f; } /*
 
*/ .headerboxtitel { width: 200px; height: 20px; padding: 5px; text-align: center; background: #45192A; font-family: 'Electrolize'; color: #ffffff; font-size: 15px; letter-spacing: 2px; } /*
 
*/ .headerboxtext { height: 220px; padding: 10px; width: 290px; background: #e6e6e6; margin-top: 14px; font-family: 'Calibri'; font-size: 11px; color: #000000; line-height: 1.1em; text-align: justify; overflow: auto; } /*
 
*/ .headernewstitel { height: 20px; width: 200px; background: #45192A; font-family: 'Electrolize'; color: #ffffff; font-size: 15px; letter-spacing: 2px; text-align: center; padding: 10px; } /*
 
*/ .headernewstext { height: 50px; padding: 3px; width: 790px; background: #202D36; font-family: 'Calibri'; font-size: 11px; color: #000000; line-height: 1.1em; text-align: justify; margin-top: -5px;} /*
 
*/ .teambild { border-radius: 0px; margin: 2px; }</style>
 
<center><div id="headerimg">
<div id="headertab">
<table cellspacing="10">
<tbody><tr>
<td class="headerbox" valign="top" align="center">
  <div class="headerboxtitel">Our Place to be</div>
    <div class="headerboxtext"><center><img src="https://s4.gifyu.com/images/xlrop8ln.gif" width="270">
(since) 2018<br>

Egal ob Tag- oder Nachtschwärmer, hier findet jeder seinen Platz.<br>

Was uns so besonders macht? Warum du gerade hier bleiben solltest?<br>

Weil du hier ein Zuhause haben wirst!<br>

Hast du dir schon einmal gewünscht, einem alten Serienhelden wieder Leben einzuhauchen oder einem bekannten Charakter ein anderes Wesen zu verleihen? Genau das kannst du hier tun. Denn hier ist Freiraum für die Kreativität deiner Charakter-Schmiede. Das Gesicht des Soapstars gefiel dir, aber seine Rolle nicht? Dann kreiere ihn neu, sofern niemand ihn vermisst und sucht. Du hast eine abgefahrene Idee für einen Plotchar? Wirf ihn in das Leben des ‚CarpeNoctem‘.<br>

Unser Mystery / Fantasy-Forum vereint harmonisch die Geschichten einiger Serien und so finden auch viele erfundene Charaktere ihren Platz und spielen in gelungenen Crossovers oder schreiben die Geschichte der Serien weiter – oder neu.<br>

Die Story beginnt, wann ihr sie beginnen lassen möchtet. Das bedeutet, IHR könnt entscheiden, wie und ab wann es weiter geht! Sollten schon andere Seriencharas da sein, könnt ihr in den Ministories herausfinden, wo wir gerade stehen. Ansonsten sprecht uns einfach an.<br>

Unsere Wesenskunde ist noch lange nicht fertig gestellt! Solltest du also jemand sein, den unsere Welt noch nicht gesehen hat, dann lass es uns wissen. Und wenn du mit deiner stimmigen Idee hier her passt, dann machen wir dich zu einem Bestandteil unseres Wissens<br>

Also, meldet euch an und lasst uns zusammen etwas Neues erschaffen!</center></div>
</td>

<td class="headerbox" valign="top" align="center">
  <div class="headerboxtitel">Our Team</div>
   <div class="headerboxtext" style="text-align: center;">
    <img src="https://s4.gifyu.com/images/p2kpsrt2.gif" width="270" class="teambild">
    <img src="https://abload.de/img/oie_animationprcmy.gif" width="270" class="teambild">
   </div>
</td>

<td class="headerbox" valign="top" align="center">
  <div class="headerboxtitel">Helping Hands</div>
   <div class="headerboxtext" style="text-align: center;">
     <div class="box-content scroll-custom" style=" margin-bottom: 4px; padding-bottom: 3px;">
                                <a href="http://thecn-carpenoctem.xobor.de/u23_Allie-McNamara.html"></a>
                                <ul class="header-list" style=" padding-top: 13px;">
                                <a href="http://thecn-carpenoctem.xobor.de/u23_Allie-McNamara.html"></a>
                                <li style="font-size:15px; width: 220px; margin: auto;">
                                <a href="http://thecn-carpenoctem.xobor.de/u23_Allie-McNamara.html"></a>
                                <a style="padding: 5px 0px;" href="http://thecn-carpenoctem.xobor.de/t924f4-To-tell-the-story.html">Unsere Story</a>
                                </li><br>
				<li style="font-size:15px; width: 220px; margin: auto;"><a style="padding: 5px 0px;" href="http://thecn-carpenoctem.xobor.de/f74-Memberwanteds.html">Unsere Gesuche</a></li><br>
                                <li style="font-size:15px; width: 220px; margin: auto;"><a style="padding: 5px 0px;" href="http://thecn-carpenoctem.xobor.de/f11-Listen.html">Unsere Listen</a></li><br>
                                <li style="font-size:15px; width: 220px; margin: auto;"><a style="padding: 5px 0px;" href="http://thecn-carpenoctem.xobor.de/t943f12-Deine-Bewerbung.html">Deine Bewerbung</a></li><br>                        
 			</ul>	

      </div>
   </div>
</td>

</tr>

<tr>
<td colspan="3" class="headernews"><table><tbody><tr><td class="headernewstitel">Text</td><td class="headernewstext">TextTextTextTextTextTextTextTextTextText</td></tr></tbody></table></td>
</tr>
<tr>
<td colspan="3" class="headernews"><table><tbody><tr><td class="headernewstitel">Text</td><td class="headernewstext">TextTextTextTextTextTextTextTextText</td></tr></tbody></table></td>
</tr> 
</tbody></table>
</div>
</div></center>