/* //created new css Wed, 23 Jul 2025 16:23:41 GMT*/
/* set 95% to either % or px */

/*
#forum{
width: 95%;
} */
BODY {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
background-color: #FFFFFF;
;
color: #000000;
text-align: center
}
TD,TR {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #000000
}
INPUT,SELECT,TEXTAREA, .hpm_pagebody_inp INPUT, .hpm_pagebody_inp SELECT, .hpm_pagebody_inp TEXTAREA {
/* border-width:1px; */
color: #000000 !important;
background-color: transparent;
}
A {
color: #006699
}
HR {
margin-top: 5px;
margin-bottom: 5px;
}
BLOCKQUOTE {
margin-right: 0px;
margin-bottom: 0px;
margin-left: 30px;
}
.ntit {
/* z.b. bei der Suche die Überschrift */
background-color: #006699;
color: #FFA34F;
font-weight: bold;
}
.ntit a {
color: #FFA34F;
}
.ntop {
/* Die zweite Überschriftszeile wie bei den Privaten Mails */
background-color: #CED6DC;
color: #FFA34F;
}
.ntop a {
color: #FFA34F;
}
.ntop td {
/* same */
background-color: #CED6DC;
color: #FFA34F;
}
.nnor {
/* jeweils der mittlere Bereich bei der Suche, der FAQ, der Einstellungen u.s.w. */
background-color: #EFEFEF;
color: #000000;
}
.nnor a {
color: #006699;
}
.nnor td {
/* same */
background-color: #EFEFEF;
color: #000000;
}
.nnor input,select,textarea {
/* Form Elemente in diesem Bereich, auch Textfeld bei neuem Beitrag */
background-color: #EFEFEF;
color: #000000;
}
.nnos {
/* kleiner Text im mittlerem Bereich */
font-size: 9pt
}
.itop {
/* Forum Übersicht -> Überschrift sei: Forum, Themen, Beiträge, letze Nachricht, Moderator */
background-color: #006699;
color: #FFA34F;
text-align: center;
vertical-align: bottom;
}
.icats {
/* Forum Übersicht -> Kategorie */
background-color: #CED6DC;
font-size: 11pt;
font-weight: bold;
color: #FFA34F;
}
.icats a {
/* Forum Übersicht -> Kategorie-Link */
text-decoration: none;
color: #FFA34F;
}
.cent {
/* Forum Übersicht -> center */
text-align: center;
}
.ifo1 {
/* Forum Übersicht -> Forum style 1 */
background-color:#EFEFEF;
color: #000000;
/* text-align: center; */
}
.ifo1 A {
/* Forum Übersicht -> Forum style 1 - Link */
color:#006699;
color: #006699;
}
.ifo2 {
/* Forum Übersicht -> Forum style 2 */
background-color:#EFEFEF;
color: #000000;
/* text-align: center; */
}
.ifo2 A {
/* Forum Übersicht -> Forum style 2 - Link */
color: #006699;
}
.ifos {
/* Forum Übersicht -> kleine Schrift */
font-size:8pt;
}
.iau0 {
/* Forum Übersicht -> Aktive User zeile 1 */
background-color: #CED6DC;
font-weight: bold;
color: #FFA34F;
}
.iau0 A {
color: #FFA34F;
}
.iaus {
/* Forum Übersicht -> Aktive User Satz: 10 Mitglieder, 5 Gäste Online */
font-size: 9pt;
font-weight: normal;
}
.iau1 {
/* Forum Übersicht -> Aktive User zeile 2 mit Liste der aktiven User */
background-color:#EFEFEF;
color: #000000;
}
.ftop {
background-color: #006699;
color: #FFA34F;
font-weight: bold;
}
.ftop a {
color: #FFA34F;
}
.fopt {
background-color: #CED6DC;
font-size:9pt;
color: #FFA34F;
}
.fopt a {
color: #FFA34F;
}
.fwha {
background-color: #CED6DC;
color: #FFA34F;
font-weight:bold;
}
.fwha td {
background-color: #CED6DC;
font-weight:bold;
color: #FFA34F;
}
.fth1 {
background-color: #CED6DC;
color: #FFA34F;
}
.fth2 {
background-color: #EFEFEF;
color: #000000;
}
.fths {
font-size: 8pt;
}
.fbot {
background-color: #006699;
color: #FFA34F;
}
.fbot A,select {
background-color: #006699;
color: #FFA34F;
}
.fbot input {
background-color: #006699;
font-size:10;
color: #FFA34F;
/* border-width:1px */
}
.ttop {
background-color: #006699;
color: #FFA34F;
font-weight: bold;
}
.ttop a {
color: #FFA34F;
}
.tnex {
background-color: #CED6DC;
color: #FFA34F;
}
.tbei {
background-color: #006699;
color: #FFA34F;
font-weight: bold;
}
.tms1 {
background-color: #CED6DC;
color: #FFA34F;
}
.tms1 a {
color: #FFA34F;
}
.tms2 {
background-color: #EFEFEF;
color: #000000;
}
.tms2 a {
color: #006699;
}
.tms3 {
background-color: #CED6DC;
color: #FFA34F;
}
.tms3 a {
color: #FFA34F;
}
.tms4 {
background-color: #EFEFEF;
color: #000000;
}
.tms4 a {
color: #006699;
}
.tbot {
background-color: #006699;
color: #FFA34F;
font-weight: bold;
/* border-width:1px */
}
.tbot a {
color: #FFA34F;
}
.tbot input,select {
font-weight: normal
}
.tmss {
font-size: 8pt;
font-weight: normal
}
.tmst {
font-size:11pt;
text-align: center;
}
.tare {
color: #000000;
text-align: center;
vertical-align: bottom
}
.tarea {
white-space: nowrap;
color:#006699;
font-weight: bold
}
.thin {
color:#000000;
/* vertical-align: bottom */
}
.tbhi {
color: #000000;
text-align: center;
vertical-align: bottom
}
.tsmt {
color: #000000;
font-size: 8pt
}
/** CSS fÃŒr verlinkungen[+] **/
.fn-container {
position: relative;
}
.fn-container img {
border-width: 0;
}
.fn-area
{
position: absolute;
border:none;
border: 0px solid #D4D82D;
margin:1px;
text-align:center;
}
.fn-area-blackborder
{
border: 1px solid #000;
}
.fn-area-whiteborder
{
border: 1px solid #FFF;
}
.fn-area-inner
{
border: 1px solid #000000;
background-color:#FFF;
filter:alpha(opacity=0);
-moz-opacity:0;
cursor: pointer;
}
.fn-note
{
position: absolute;
max-width: 300px;
padding: 5px;
display:none;
cursor:default;
z-index:5000;
}
.fn-note-text
{
background-color: #FFEECC;
border: 1px solid #000000;
padding: 5px;
-moz-border-radius: 7px; /* Non-standard */
text-align:left;
}
.fn-note-edit-text
{
background-color: #FFEECC;
border: 1px solid #000000;
padding: 5px;
-moz-border-radius: 7px; /* Non-standard */
text-align:left;
float:left;
}
#UserList {
text-align:left;
/*border: 1px solid #990004;*/
max-height:300px;
max-width:200px;
overflow:auto;
}
.fn-note-edit
{
display:none;
}
.fn-note-edit TEXTAREA
{
background-color:#FFEECC;
border:0;
overflow:visible;
margin-bottom:10px;
padding:0;
width:180px;
font-size: 10pt;
margin:0;
}
.Butt
{
font: bold 12px Arial, Helvetica, sans-serif;
color: #FFFFFF;
background: #0063DC;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #7CBAFF;
border-right-color: #2854A7;
border-bottom-color: #2854A7;
border-left-color: #7CBAFF;
margin-right:4px;
margin-top:5px;
}
.CancelButt
{
color: #000000;
background: #d9d9d5;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #fff;
border-right-color: #b6aeb3;
border-bottom-color: #b6aeb3;
border-left-color: #fff;
font: 12px Arial, Helvetica, sans-serif;
margin-right:4px;
}
.DeleteButt { color: #000000; background: #DCE0E6; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #F5F6F7; border-right-color: #BFB7BC; border-bottom-color: #BFB7BC; border-left-color: #F5F6F7; font: 12px Arial, Helvetica, sans-serif; }
/* Note drag/resize UI */
.dragresize {
position: absolute;
width: 5px;
height: 5px;
font-size: 1px;
background: white;
border: 1px solid black;
}
.dragresize-tl {
top: -8px;
left: -8px;
cursor: nw-resize;
}
.dragresize-tm {
top: -8px;
left: 50%;
margin-left: -4px;
cursor: n-resize;
}
.dragresize-tr {
top: -8px;
right: -8px;
cursor: ne-resize;
}
.dragresize-ml {
top: 50%;
margin-top: -4px;
left: -8px;
cursor: w-resize;
}
.dragresize-mr {
top: 50%;
margin-top: -4px;
right: -8px;
cursor: e-resize;
}
.dragresize-bl {
bottom: -8px;
left: -8px;
cursor: sw-resize;
}
.dragresize-bm {
bottom: -8px;
left: 50%;
margin-left: -4px;
cursor: s-resize;
}
.dragresize-br {
bottom: -8px;
right: -8px;
cursor: se-resize;
}
/*Code-Formatierung*/
.bbcode_code {padding: 10px; font-family: Courier !important;white-space:pre-wrap !important; width:700px; }
.bbcode_code_line {float: left; font-weight: bold; border-right: 1px solid ; padding: 0px 10px 0px 10px; margin: 0px 10px 0px 0px; font-family: Courier !important; color: ;}
.bbcode_code_code { width:650px;overflow: auto; font-family: Courier !important; }
.bbcode_code_code pre { margin:0;padding:0; }
.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: ; font-size: px; 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 ; padding: 5px; margin: 2px; text-align: left;}
.widget_calendar_date {font-size: px; float: right; width: 30%;}
.widget_calendar_name {font-weight: bold; float: left; width: 60%; border-right: 1px solid ;}
.widget_calendar_check {float: left; padding: 3px 10px 3px 5px;}
/*Kalender Widget Integration*/
.widget_calendar_integration {width: 200px; border: 1px solid ; padding: 5px; text-align: justify; font-size: px; 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 ; 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;}
/*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 #CED6DC;
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:90%;
}
.hpm_spoiler_headdiv {
background:none repeat scroll 0 0 #CED6DC;
border:1px solid #FFFFFF;
height:20px;
margin:0;
padding:1px 0px;
width:100%;
}
/*BBCode Code*/
.codeblock{border:0px solid black;width: 640px;padding:0 5px 0px 5px; }
.codeheader{margin-left:0px; text-transform:capitalize; font: 100% courier,monospace;}
.codelines{
float:left;
color: #000000;
margin: 0 5px;
font-size: 12px;
border-right: 1px solid #FFFFFF;
padding: 0;
text-align:center;
line-height: 20px;
background-color: #EFEFEF;
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: #EFEFEF;
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;}
/*BBCode Code end*/
.letterpage{padding:0px 5px;}
.photolistitem div {overflow:hidden;}
.statimg{vertical-align:middle;}
.postbody h1,.postbody h2,.postbody h3{color:}
ul.postindex{margin-left:20px; list-style:none;}
ul.postindex li{float:none !important}
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;mergin-right:10px;}
.r_type, .c_type,.c_id,.i_id,.xor_id{display:none;}
.ratingbutton{padding:2px 5px; font-weight:bold; background-color:#EFEFEF;color:#000000; cursor:pointer; border:1px solid #000000; margin:5px; display:inline-block;vertical-align: middle;}
.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: #EFEFEF;
border: 1px solid #000000;
margin-top: 20px;
}
#progressbar {
width: 0px;
height: 24px;
background: #006699 bottom left repeat-x;
}
/*Upload Progress Bar end*/
.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;}
/*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: px;
color: ;
background-color: #FFFFFF;
z-index: 99;
word-wrap:break-word;
-moz-box-shadow: -2px 4px 6px #cccccc;
-webkit-box-shadow: -2px 4px 6px #cccccc;
box-shadow: -2px 4px 6px #cccccc;
-moz-border-radius: 6px 6px 0px 0px;
-webkit-border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px;
border: 1px solid transparent;
}
.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;}
.hidden{
display:none;
}
.xquotecont{
font-size:smaller;
}
video.xembeddedvid {
max-width: 800px;
}
.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;}
.google_login_btn{
width: 190px;
height: 45px;
cursor:pointer;
background: url(//files.homepagemodules.de/b2001010/a_1756_953153e9.png) no-repeat transparent;
}
.google_login_btn:hover{
background: url(//files.homepagemodules.de/b2001010/a_1755_da2ccafa.png) no-repeat transparent;
}
.google_login_btn:active{
background: url(//files.homepagemodules.de/b2001010/a_1757_a059aae1.png) no-repeat transparent;
}
.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; display:inline;}
#passwordunhider{position:absolute; right:5px; top:0px;}
#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;
}
/*Insert custom CSS here*/ 
/* CSS entered here will be added to your forum's CSS-file*/ 

/*Fügen Sie hier direkt eigenen CSS-Code ein */
/* Dieser Code wird der vorgebenen CSS-Datei angehängt */