* {margin: 0px; padding:0px; font-family:Maven Pro;}
.messagetext img {vertical-align: middle; max-width: 1140px;}
.messagecont {padding: 0px 10px 0px 0px;}
.xembedded img,.xembedded video{max-width: 55%;}
body {
background-color: #7AC5CD;
text-align:left;
font-size: 16px !important;
color: #000000;
background-image: url(//files.homepagemodules.de/b780288/a_1_c1d496d7.jpg);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;

}
.content { padding: 0px 2px 0px 2px; width: 1180px; min-width: 600px; }
/*Code-Formatierung*/
.bbcode_code {padding: 10px; font-family: Courier !important; white-space:pre-wrap; color: #000000 !important; font-weight: normal !important; position: relative;}
.bbcode_code_line {float: left; font-weight: bold; border-right: 1px solid #ffffff; padding: 0px 10px 0px 10px; margin: 0px 10px 0px 0px; font-family: Courier !important; color: #000000;}
.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: #000000 !important; position: relative;}
blockquote a {text-decoration: none !important; padding-left: 15px !important;}
pre { font-family: Courier !important; padding: 10px; color: #000000 !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: #7AC5CD; }
/*Navigation*/
.underdiv {
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
right: -16px;
top: 20px;
position: absolute;
display: none;
background-color: #7AC5CD;
line-height: 20px;
z-index: 500;
-moz-opacity:0.95;
filter: alpha(opacity=95);
opacity: 0.95;
}
.navbar {
border-top: 1px solid #ffffff; background-color: #7AC5CD; 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: #7AC5CD !important;}
.navbar li {padding: 6px 15px 6px 15px; border-right: 1px solid #ffffff; border-right: 1px solid #ffffff; float: left;}
.navbar a, .undernav a, .undernav li a {text-decoration: none !important; font-size: 15px; color: #000000 !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: #7AC5CD; padding: 3px 10px 3px 0px; font-weight: bold;}
.grey {color: #000000; font-weight: normal;}
.contact {padding: 8px 0px 5px 0px; font-size: 14px; border-bottom: 1px solid #ffffff;}
.contact a {text-decoration: none;}
.int_content {padding: 15px 20px 15px 20px; background-color: #7AC5CD; margin: 5px 10px 5px 10px; font-size: 14px !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: #7AC5CD; 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: #7AC5CD !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 #ffffff; width: 200px; height: 195px;}
.cat_item_link {text-align: center; border-top: 1px solid #ffffff; 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 #ffffff; vertical-align:middle;padding: 0px 8px;text-align:center;}
.view_table .firsttd img{vertical-align:middle; text-align:center;}
table, tr, td {font-size: 16px !important;}
.error,a.abusemessage,strong.abusemessage {font-weight: normal; color: #a71111 !important;}
a {color: #000000 }
a:link { color: #000000 }
a:visited { color: #000000 }
a:hover { color: #000000 }
a:active { color: #000000 }
a img {border: none;}
.page /* Umgibt den Inhalt des Forums */
{
text-align:center;
margin: 0 auto;
color: #000000;
-moz-opacity: 1;
}
.page2 { background-color: #transp;  }
.inpage
/* Umschließt nur den änderbaren inhalt z.B. Kategorien, Foren, Threads */
{
text-align:left;
color: #000000;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_transp-color2_transp-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_transp-color2_transp-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 #FFFFFF; border-left: 1px solid #FFFFFF; background-color: #7AC5CD; 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_FFFFFF-color2_7AC5CD-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_FFFFFF-color2_7AC5CD-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_FFFFFF-color2_7AC5CD-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_FFFFFF-color2_7AC5CD-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: 16px;
color: #000000;
}
.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: 16px;
padding: 2px;
}
/* Überschriften */
h2, h2 a, a h2, h3, h3 a, a h3 {
font-size:18px;
color: #000000 !important;
font-weight: bold;
padding: 5px 0px 3px 0px;
font-family: Maven Pro !important;
padding-left: 0px !important;
}
h2 a, h2 a:link, h2 a:hover {
font-size:18px;
color: #000000 !important;
font-weight: bold;
text-decoration: none;
}
.headerlogo h2, .headerlogo h2 a, .headerlogo a h2, .headerlogo h3, .headerlogo h3 a, .headerlogo a h3{
color: #000000 !important;
}
small {
font-size: 14px;
}
dt {
float:left;
padding-right: 20px;
width:25%;
}
.option dd{float:left}
/* Trennstrich */
hr {
border-top: 1px solid #ffffff;
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: #000000 !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: #000000 !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: #ffffff;
background-color: transparent;
border: 1px solid #ffffff;
font-size: 16px;
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: #7AC5CD;
background-color: transparent;
border: 1px solid #7AC5CD;
font-size: 16px;
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:16px;
color: #000000;
}
.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: 16px;
background-color: #transp;
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: 14px;
background-color: #7AC5CD;
border: 1px solid #ffffff;
color: #000000 !important;
padding: 2px 8px; margin: 0px;
}
/* Inputfelder */
.inputbox {
font-size: 16px;
background-color: #7AC5CD;
border:1px solid #ffffff;
padding: 2px 5px 2px 5px;
margin: 3px 0px 3px 0px;
color: #000000 !important;
}
.button1, .widget_calendar_event input {
padding:5px 25px 5px 25px;
margin: 3px 5px 3px 0px;
background-color: #7AC5CD;
border: 1px solid #ffffff;
font-size: 16px;
font-weight: normal;
color: #000000;
}
.button1:hover {
background-color:#7AC5CD;
border-color:#7AC5CD;
}
/*Schnell-Login*/
.button_login{
padding:1px 3px 1px 3px;
margin-right: 5px;
background-color: #7AC5CD;
border: 1px solid #ffffff;
font-size: 14px;
font-weight: normal;
color: #000000;
}
.inputbox_small {padding: 1px 4px !important; margin-right: 3px; font-size: 14px;
background-color: #7AC5CD;
border:1px solid #ffffff;
color: #000000 !important;}
.button_small:hover {
background-color:#7AC5CD;
border-color:#7AC5CD;
}
/* 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: 14px !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_FFFFFF-color2_7AC5CD-color3_FFFFFF.png);
width:110px;
left: -10px;
z-index: 500;
}
.button_reply:hover {
background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_replybutton2-color1_FFFFFF-color2_7AC5CD-color3_FFFFFF.png);
}
.button_edit {
background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_editbutton2-color1_FFFFFF-color2_7AC5CD-color3_FFFFFF.png);
width:160px;
left: 108px;
z-index: 100;
}
.button_edit:hover {
background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_editbutton2-color1_FFFFFF-color2_7AC5CD-color3_FFFFFF.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: #7AC5CD; border-right: 1px solid #ffffff;}
.tabs #current { background-color: #7AC5CD; }
.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: #7AC5CD;
}
.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: #000000 !important;
}
.calendar_next_link{
text-decoration: none;
}
.calendar_days_header{
font-weight: bold;
background: #7AC5CD;
color: #000000
}
.calendar_days_body{
height:256px;
background:#DDDDDD;
vertical-align:top;
}
.calendar_H1 {
color:#000000;
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:#7AC5CD 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 #ffffff; display: none;}
.settingbox input, settingbox select {font-size: 14px !important; border: 1px solid #ffffff; padding: 1px 5px;}
.message .messagehead h3 {font-size: 16px; display: inline; color: #000000 !important; font-family: Maven Pro !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: 14px;}
.okay {color: green; font-size: 14px;}
/*Seitenanzeige*/
.pagesBg {height: 24px; -moz-border-radius: 7px; margin: 10px 0px 0px 0px; width: 1178px; background-image: url(http://img.homepagemodules.de/ds/cached/gradientplus-w_1-h_24-top_f9f9f9-bottom_e3e3e3-btop_f9f9f9.png);); border: 1px solid #FFFFFF;}
.pagesBg a {text-decoration: none; color: #626262; font-weight: bold; line-height: 24px; display: block; float: left; padding: 0px 10px; border-right: 1px solid #FFFFFF; height: 24px; font-size: 14px;}
.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 #FFFFFF; line-height: 24px; font-size: 14px; 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: 12px; border: 1px solid #000000; padding: 0px 4px; -moz-border-radius: 2px; border-radius: 2px;}
.thrPag {float: right; margin-right: 10px;}
.thrPag b {font-size: 12px; margin-right: 5px; float: left;}
.button_reply {margin-left:-1px;}
.onstat {font-size: 14px; white-space: nowrap; display: inline;}
.onstat span {text-transform: capitalize;}
.igmid {vertical-align: middle; margin-right: 3px; border: none;}
.row_h:hover {background-color: #7AC5CD !important; cursor: pointer !important;}
.row_h:hover a {text-decoration: underline !important;}
.jumpTo a {text-decoration: none; font-size: 14px; font-size: 14px; display: block; float: none; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; margin-top: -1px; padding: 5px 7px;}
.jumpTo a:hover {background-color: #7AC5CD !important; cursor: pointer;}
.jumpTo {width: 300px; max-height: 300px; overflow-y: scroll; overflow-x: hidden; border: 2px solid #ffffff; background-color: #7AC5CD; 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 #FFFFFF; height: 24px; font-size: 14px; 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 #7AC5CD;
display: none;
border-color:#ffffff;
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 #7AC5CD;
border:1px solid #ffffff;
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: #000000;
float:left;
margin: 0 5px;
font-size: 12px;
border-right: 1px solid #ffffff;
padding: 0;
text-align:center;
line-height: 20px;
background-color: #7AC5CD;
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: #7AC5CD;
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: #000000;
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: #000000; font-size: 14px; 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 #ffffff; padding: 5px; margin: 2px; text-align: left;}
.widget_calendar_date {font-size: 14px; float: right; width: 30%;}
.widget_calendar_name {font-weight: bold; float: left; width: 60%; border-right: 1px solid #ffffff;}
.widget_calendar_check {float: left; padding: 3px 10px 3px 5px;}
/*Kalender Widget Integration*/
.widget_calendar_integration {width: 200px; border: 1px solid #ffffff; padding: 5px; text-align: justify; font-size: 14px; margin-bottom: 10px;}
.widget_calendar_integration_empty {width: 200px; height: 100px; background-image: url(//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 #ffffff; 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: #7AC5CD;
border: 1px solid #ffffff;
font-size: 16px;
font-weight: normal;
color: #000000;
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: #7AC5CD;
border: 1px solid #ffffff;
margin-top: 20px;
}
#progressbar {
width: 0px;
height: 24px;
background: #7AC5CD bottom left repeat-x;
}
/*Upload Progress Bar end*/
/*Zitate*/
.savequot{padding-left:20px !important; background:url(//files.homepagemodules.de/b644860/a_55_56bb8e4b.png) no-repeat left center !important;}
.savequot.act{background:url(//files.homepagemodules.de/b644860/a_56_8ebe9a2f.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: 16px;
color: ;
background-color: #7AC5CD;
z-index: 99;
word-wrap:break-word;
-moz-box-shadow: -2px 4px 6px #3d99a3;
-webkit-box-shadow: -2px 4px 6px #3d99a3;
box-shadow: -2px 4px 6px #3d99a3;
-moz-border-radius: 6px 6px 0px 0px;
-webkit-border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px;
border: 1px solid #cccccc;
}
.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;
}
body {
background-attachment:fixed;
}

font-family: 'Maven Pro', sans-serif;
 
/******************* TEXTBOXEN *******************/
 
.nftextfeldlinks {
    background-color:#E1DEDE;
    font-family: Arial;
    font-size:12px;
    line-heigth: 12px;
    color:#1b1b1b;
    text-align:justify;
    padding:10px;
    text-align:center;
    border-box:box-sizing;
}
 
.nftextfeldbig {
    background-color:#E1DEDE;
    font-family:Arial;
    font-size:11px;
    line-height: 15px;
    color:#1b1b1b;
    text-align:justify;
    padding:10px;
    height:150px;
    overflow:auto;
    border-box:box-sizing;
}
 
.nftextfeldsmall {
    background-color:#E1DEDE;
    font-family:Arial;
    font-size:11px;
    line-height: 15px;
    color:#1b1b1b;
    text-align:justify;
    padding:10px;
    height:90px;
    overflow:auto;
    border-box:box-sizing;
}
 
.nfteamtext {
    float:left;
    width:170px;
    margin:0 20px;
}
 

/******************* SCROLLBAR *******************/
 
#newsflash ::-webkit-scrollbar {
    width:8px;
    background:#c1c1c1;
}
 
#newsflash ::-webkit-scrollbar-thumb {
    background:#c1c1c1;
    height:10px;
}
 
#newsflash ::-webkit-scrollbar-track {
    background-color:#E1DEDE;
    opacity:0.8;
}
 

/******************* LINKS *******************/
 
#newsflash a {
    font-family:'Exo 2',sans-serif;
    color:#3d8592;
    font-size: 12px;
    text-decoration: none;
    display:inline;
    text-transform:uppercase;
    font-weight:bold;
}
 
#newsflash a:hover {
    letter-spacing:1px;
}
 
.nftextfeldlinks a {
    padding:2px 10px;
}

/******************* ÜBERSCHRIFT *******************/
 
.nfheadline {
    font-family:'Exo 2',sans-serif;
    color:#3d8592;
    font-size:12px;
    font-weight:bold;
    background-color:#c1c1c1;
    padding:2px 6px;
    text-transform:uppercase;
    text-align:right;
    margin-bottom:8px;
}
 

/******************* BILDER *******************/
 
.nfweather {
    width:65px;
    float:left;
    margin-right:15px;
}
.nfteam {
    border:3px solid #c1c1c1;
    margin: 0 10px;
}
 
<center><table border="0" cellspacing="5" cellpadding="0" width="850px" id="newsflash">
<tr><td colspan="3"><div class="nftextfeldlinks"><a href="">» Storyline</a> <a href="">» Regeln</a> <a href="">» News</a> <a href="">» Hintergrundinfos</a> <a href="">» Avatarliste</a> <a href="">» Reservierungen</a> <a href="">» Weitere Listen</a></div></td></tr>
 
<tr><td width="33%" align="center">
<div class="nftextfeldbig"><div class="nfheadline">» Herzlich Willkommen!</div> 
Weit hinten, hinter den Wortbergen, leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen.</div></td>
 
<td width="33%" align="center">
<div class="nftextfeldbig"><div class="nfheadline">» Kalender & Events</div> 
Weit hinten, hinter den Wortbergen, leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen.</div></td>
 
<td width="33%" align="center">
<div class="nftextfeldbig"><div class="nfheadline">» Wetterbericht</div> 
<img src="https://gallery.wickedways.de/albums/userpics/10001/2/starkbewolkt-1265202__340.png" class="nfweather"> Weit hinten, hinter den Wortbergen, leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen.</div></td></tr>
 
<tr><td width="33%" align="center">
<div class="nftextfeldsmall"><div class="nfheadline">» News vom 25.05.2018</div> Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen.</div></td>
 
<td colspan="2" width="66%" align="center">
<div class="nftextfeldsmall" style="overflow: hidden;"><div class="nfheadline">» Team</div>
<div class="nfteamtext">Ihr braucht Hilfe? Dann seid ihr hier genau richtig. Meldet euch bei unserem <a href="">Team</a> oder schreibt direkt im <a href="">Support</a>.</div> 
<a href=""><img src="https://gallery.wickedways.de/albums/userpics/10001/2/erinfreund.png" class="nfteam" title="Teamie #01"></a>
<a href=""><img src="https://gallery.wickedways.de/albums/userpics/10001/2/erinbekannte.png" class="nfteam" title="Teamie #02"></a>
<a href=""><img src="https://gallery.wickedways.de/albums/userpics/10001/2/erinbeziehung.png" class="nfteam" title="Teamie #03"></a>
<a href=""><img src="https://gallery.wickedways.de/albums/userpics/10001/2/erinrivalin.png" class="nfteam" title="Teamie #04"></div></a>
</td></tr></table>
</center>