/* //created new css Mon, 13 Oct 2025 22:09:06 GMT*/
/* set 95% to either % or px */
{{global_page_width!$=%.start}}
{{global_page_width!$=px.start}}

{{global_page_width!$=px.end}}
{{global_page_width!$=%.end}}
/*
#forum{
width: 95%px;
} */
BODY {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
background-color: #FFFFFF;
;
color: #000000;
text-align: center
}
TD,TR {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
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 !important;
}
A {
color: #0730B0
}
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: #ababab;
color: #000000;
font-weight: bold;
}
.ntit a {
color: #0000CC;
}
.ntop {
/* Die zweite Überschriftszeile wie bei den Privaten Mails */
background-color: #EEEEEE;
color: #000000;
}
.ntop a {
color: #0000CC;
}
.ntop td {
/* same */
background-color: #EEEEEE;
color: #000000;
}
.nnor {
/* jeweils der mittlere Bereich bei der Suche, der FAQ, der Einstellungen u.s.w. */
background-color: #F9F9F9;
color: #000000;
}
.nnor a {
color: #0730B0;
}
.nnor td {
/* same */
background-color: #F9F9F9;
color: #000000;
}
.nnor input,select,textarea {
/* Form Elemente in diesem Bereich, auch Textfeld bei neuem Beitrag */
background-color: #F9F9F9;
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: #ababab;
color: #000000;
text-align: center;
vertical-align: bottom;
}
.icats {
/* Forum Übersicht -> Kategorie */
background-color: #EEEEEE;
font-size: 10pt;
font-weight: bold;
color: #000000;
}
.icats a {
/* Forum Übersicht -> Kategorie-Link */
text-decoration: none;
color: #0000CC;
}
.cent {
/* Forum Übersicht -> center */
text-align: center;
}
.ifo1 {
/* Forum Übersicht -> Forum style 1 */
background-color:#F9F9F9;
color: #000000;
/* text-align: center; */
}
.ifo1 A {
/* Forum Übersicht -> Forum style 1 - Link */
color:#0000CC;
color: #0730B0;
}
.ifo2 {
/* Forum Übersicht -> Forum style 2 */
background-color:#F9F9F9;
color: #000000;
/* text-align: center; */
}
.ifo2 A {
/* Forum Übersicht -> Forum style 2 - Link */
color: #0730B0;
}
.ifos {
/* Forum Übersicht -> kleine Schrift */
font-size:8pt;
}
.iau0 {
/* Forum Übersicht -> Aktive User zeile 1 */
background-color: #EEEEEE;
font-weight: bold;
color: #000000;
}
.iau0 A {
color: #0000CC;
}
.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:#F9F9F9;
color: #000000;
}
.ftop {
background-color: #ababab;
color: #000000;
font-weight: bold;
}
.ftop a {
color: #0000CC;
}
.fopt {
background-color: #EEEEEE;
font-size:9pt;
color: #000000;
}
.fopt a {
color: #0000CC;
}
.fwha {
background-color: #EEEEEE;
color: #000000;
font-weight:bold;
}
.fwha td {
background-color: #EEEEEE;
font-weight:bold;
color: #000000;
}
.fth1 {
background-color: #EEEEEE;
color: #000000;
}
.fth2 {
background-color: #F9F9F9;
color: #000000;
}
.fths {
font-size: 8pt;
}
.fbot {
background-color: #ababab;
color: #000000;
}
.fbot A,select {
background-color: #ababab;
color: #0000CC;
}
.fbot input {
background-color: #ababab;
font-size:9;
color: #000000;
/* border-width:1px */
}
.ttop {
background-color: #ababab;
color: #000000;
font-weight: bold;
}
.ttop a {
color: #0000CC;
}
.tnex {
background-color: #EEEEEE;
color: #000000;
}
.tbei {
background-color: #ababab;
color: #000000;
font-weight: bold;
}
.tms1 {
background-color: #EEEEEE;
color: #000000;
}
.tms1 a {
color: #0000CC;
}
.tms2 {
background-color: #F9F9F9;
color: #000000;
}
.tms2 a {
color: #0730B0;
}
.tms3 {
background-color: #EEEEEE;
color: #000000;
}
.tms3 a {
color: #0000CC;
}
.tms4 {
background-color: #F9F9F9;
color: #000000;
}
.tms4 a {
color: #0730B0;
}
.tbot {
background-color: #ababab;
color: #000000;
font-weight: bold;
/* border-width:1px */
}
.tbot a {
color: #0000CC;
}
.tbot input,select {
font-weight: normal
}
.tmss {
font-size: 8pt;
font-weight: normal
}
.tmst {
font-size:10pt;
text-align: center;
}
.tare {
color: #000000;
text-align: center;
vertical-align: bottom
}
.tarea {
color:#0000CC;
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:before {content:"Code-Abschnitt"; display: block; font-weight: bold; border-bottom: 1px solid ; padding: 0px 10px 10px 0px; margin: 0px 0px 10px 0px;}
.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 #EEEEEE;
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 #EEEEEE;
border:1px solid #FFFFFF;
height:20px;
margin:0;
padding:1px 0px;
width:100%;
}
/*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 */