/* set  to either % or px */

/*
#forum{
width: px;
} */
BODY {
font-family: ;
font-size: 10pt;
background-color: #FFFFFF;
;
color: #000000;
text-align: center
}
TD,TR {
font-family: ;
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 !important;
}
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;}


/* Added on 2011-09-14, Forum Update compatibility. */
.postbody h1,.postbody h2,.postbody h3{color:black}
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} 
/* END Added on 2011-09-14 */
 
/* Added on 2011-12-16, Forum Update compatibility. */
.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:#ededed; cursor:pointer; border:1px solid black; 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;}
/* END Added on 2011-12-16 */