
* {margin: 0px; padding:0px; font-family:Arial;}
.messagetext img {vertical-align: middle; max-width: 860px;}
.messagecont {padding: 0px 10px 0px 0px;}
.xembedded img,.xembedded video{max-width: 55%;}
body {
background-color: #252525;
text-align:left;
font-size: 15px !important;
color: #656365;
background-image: url(http://i49.tinypic.com/n5hfh2.jpg);
background-position: top;
background-repeat: repeat;
background-attachment: scroll;

}
.content { padding: 0px 2px 0px 2px; width: 900px; min-width: 600px; }
/*Code-Formatierung*/
.bbcode_code {padding: 10px; font-family: Courier !important; white-space:pre-wrap; color: #656365 !important; font-weight: normal !important; position: relative;}
.bbcode_code_line {float: left; font-weight: bold; border-right: 1px solid #000000; padding: 0px 10px 0px 10px; margin: 0px 10px 0px 0px; font-family: Courier !important; color: #656365;}
.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: #804364 !important; position: relative;}
blockquote a {text-decoration: none !important; padding-left: 15px !important;}
pre { font-family: Courier !important; padding: 10px; color: #656365 !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: #A9A9A9; }
/*Navigation*/
.underdiv {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
right: -16px;
top: 20px;
position: absolute;
display: none;
background-color: #252525;
line-height: 20px;
z-index: 500;
-moz-opacity:0.95;
filter: alpha(opacity=95);
opacity: 0.95;
}
.navbar {
 background-color: #252525; 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: #252525 !important;}
.navbar li {padding: 6px 15px 6px 15px;  float: left;}
.navbar a, .undernav a, .undernav li a {text-decoration: none !important; font-size: 12px; color: #ffffff !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: #252525; padding: 3px 10px 3px 0px; font-weight: bold;}
.grey {color: #804364; font-weight: normal;}
.contact {padding: 8px 0px 5px 0px; font-size: 14px; border-bottom: 1px solid #000000;}
.contact a {text-decoration: none;}
.int_content {padding: 15px 20px 15px 20px; background-color: #252525; 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: #252525; 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: #252525 !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 #000000; width: 200px; height: 195px;}
.cat_item_link {text-align: center; border-top: 1px solid #000000; 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 #000000; vertical-align:middle;padding: 0px 8px;text-align:center;}
.view_table .firsttd img{vertical-align:middle; text-align:center;}
table, tr, td {font-size: 15px !important;}
.error,a.abusemessage,strong.abusemessage {font-weight: normal; color: #a71111 !important;}
a {color: #656365 }
a:link { color: #656365 }
a:visited { color: #656365 }
a:hover { color: #656365 }
a:active { color: #656365 }
a img {border: none;}
.page /* Umgibt den Inhalt des Forums */
{
text-align:center;
margin: 0 auto;
color: #656365;
-moz-opacity: 1;
}
.page2 { }
.inpage
/* Umschließt nur den änderbaren inhalt z.B. Kategorien, Foren, Threads */
{
text-align:left;
color: #656365;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_-color2_-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_-color2_-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 #000000; border-left: 1px solid #000000; background-color: #252525; 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_000000-color2_252525-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_000000-color2_252525-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_000000-color2_252525-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_000000-color2_252525-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: 15px;
color: #656365;
}
.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: 15px;
padding: 2px;
}
/* Überschriften */
h2, h2 a, a h2, h3, h3 a, a h3 {
font-size:18px;
color: #b88585 !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:18px;
color: #b88585 !important;
font-weight: bold;
text-decoration: none;
}
.headerlogo h2, .headerlogo h2 a, .headerlogo a h2, .headerlogo h3, .headerlogo h3 a, .headerlogo a h3{
color: #656365 !important;
}
small {
font-size: 14px;
}
dt {
float:left;
padding-right: 20px;
width:25%;
}
.option dd{float:left}
/* Trennstrich */
hr {
border-top: 1px solid #000000;
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: #804364 !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: #804364 !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: #000000;
background-color: transparent;
border: 1px solid #000000;
font-size: 15px;
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: #000000;
background-color: transparent;
border: 1px solid #000000;
font-size: 15px;
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:15px;
color: #656365;
}
.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: 15px;
background-color: ;
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: #252525;
border: 1px solid #000000;
color: #b88585 !important;
padding: 2px 8px; margin: 0px;
}
/* Inputfelder */
.inputbox {
font-size: 15px;
background-color: #252525;
border:1px solid #000000;
padding: 2px 5px 2px 5px;
margin: 3px 0px 3px 0px;
color: #b88585 !important;
}
.button1, .widget_calendar_event input {
padding:5px 25px 5px 25px;
margin: 3px 5px 3px 0px;
background-color: #252525;
border: 1px solid #000000;
font-size: 15px;
font-weight: normal;
color: #804364;
}
.button1:hover {
background-color:#252525;
border-color:#000000;
}
/*Schnell-Login*/
.button_login{
padding:1px 3px 1px 3px;
margin-right: 5px;
background-color: #252525;
border: 1px solid #000000;
font-size: 14px;
font-weight: normal;
color: #804364;
}
.inputbox_small {padding: 1px 4px !important; margin-right: 3px; font-size: 14px;
background-color: #252525;
border:1px solid #000000;
color: #b88585 !important;}
.button_small:hover {
background-color:#252525;
border-color:#000000;
}
/* 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_000000-color2_252525-color3_000000.png);
width:110px;
left: -10px;
z-index: 500;
}
.button_reply:hover {
background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_replybutton2-color1_000000-color2_252525-color3_000000.png);
}
.button_edit {
background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_editbutton2-color1_000000-color2_252525-color3_000000.png);
width:160px;
left: 108px;
z-index: 100;
}
.button_edit:hover {
background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_editbutton2-color1_000000-color2_252525-color3_000000.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: #D0D0D0; border-right: 1px solid #000000;}
.tabs #current { background-color: #A9A9A9; }
.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: #D0D0D0;
}
.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: #656365 !important;
}
.calendar_next_link{
text-decoration: none;
}
.calendar_days_header{
font-weight: bold;
background: #D0D0D0;
color: #804364
}
.calendar_days_body{
height:256px;
background:#4E4E4E;
vertical-align:top;
}
.calendar_H1 {
color:#b88585;
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:#D0D0D0 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 #000000; display: none;}
.settingbox input, settingbox select {font-size: 14px !important; border: 1px solid #000000; padding: 1px 5px;}
.message .messagehead h3 {font-size: 15px; display: inline; color: #656365 !important; font-family: Arial !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: 898px; 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: 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 #c2c2c2; 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 #656365; 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: #252525 !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 #000000; border-bottom: 1px solid #000000; margin-top: -1px; padding: 5px 7px;}
.jumpTo a:hover {background-color: #252525 !important; cursor: pointer;}
.jumpTo {width: 300px; max-height: 300px; overflow-y: scroll; overflow-x: hidden; border: 2px solid #000000; background-color: #252525; 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: 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 #252525;
display: none;
border-color:#000000;
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 #252525;
border:1px solid #000000;
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: #656365;
float:left;
margin: 0 5px;
font-size: 12px;
border-right: 1px solid #000000;
padding: 0;
text-align:center;
line-height: 20px;
background-color: #252525;
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: #252525;
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: #656365;
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: #656365; 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 #000000; 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 #000000;}
.widget_calendar_check {float: left; padding: 3px 10px 3px 5px;}
/*Kalender Widget Integration*/
.widget_calendar_integration {width: 200px; border: 1px solid #000000; padding: 5px; text-align: justify; font-size: 14px; 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 #000000; 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: #252525;
border: 1px solid #000000;
font-size: 15px;
font-weight: normal;
color: #804364;
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: #252525;
border: 1px solid #000000;
margin-top: 20px;
}
#progressbar {
width: 0px;
height: 24px;
background: #252525 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: 15px;
color: ;
background-color: #252525;
z-index: 99;
word-wrap:break-word;
-moz-box-shadow: -2px 4px 6px #000000;
-webkit-box-shadow: -2px 4px 6px #000000;
box-shadow: -2px 4px 6px #000000;
-moz-border-radius: 6px 6px 0px 0px;
-webkit-border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px;
border: 1px solid #000000;
}
.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;
}
<style>
body, font, td, p, .medText {
	font: 12pt arial;
	color: #9e9e9e;
	cursor: default;
}
h1 {
	color: #e0dddc;
	font: 12pt georgia;
        font-style: italic;
	letter-spacing: 2px;
	margin-top: 0px;
	margin-bottom: -1px;
	padding: 1px;
	text-align: center;
        text-transform: lowercase;
}
b {
	color: #afa387;
	font: 10pt arial;
	font-weight: bold;
}
i {
	color: #ff7061;
	font: 10pt arial;
	font-style: italic;
	text-transform: lowercase;
}

a:link, a:active, a:visited {
	color: #b88585;
	font: 10pt arial;
	text-decoration: none;
	letter-spacing: 1px;
	cursor: default;
}
a:hover {
	color: #c0c4c5;
	text-decoration: none;
	cursor: default;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.nav:link, .nav:active, .nav:visited {
	color: #919191;
	font: 10pt arial;
        font-style: italic;
	background-color: #0c0c0c;
	height: 15px;
	letter-spacing: 1px;
	text-align: center;
        display:block;
	text-transform: lowercase;
	cursor: default;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.nav:hover {
	color: #c2c2c2;
	background-color: #333333;
	height: 15px;
	cursor: crosshair;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
a.aff:link, a.smile:visited, a.smile:active { 
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
opacity: 0.4;filter: alpha(opacity=40);
} 
a.aff:hover { 
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
opacity: 1.0;filter: alpha(opacity=100);
}
img {
borders: 0px;
margin: 3px;
}
#img {
	top: 0px;
	left: 0px;
}

#img2 {
	top: 0px;
	left: 0px;
}
#side {
	top: 10px;
	left: 820px;
	width: 191px;
	overflow: auto;
}#main {
	top: 440px;
	left: 140px;
	width: 605px;
	overflow: auto;
}

#bg {
	background: #151515;
	border-bottom: 10px solid #1f1f1f;
	margin-bottom: 10px;
	padding: 10px;
}

</style>

<HEAD>
<title>BFMV ;;</title>
</HEAD>


<div id="img" style="position: absolute;">
<img src="http://feylife.in/IMAGES/layouts/1bulletimg.jpg">
</div>


<div id="side" style="position: absolute;">
<div id="bg">
<h1>Nav</h1>
<a href="/link" class="nav">Link</a>
<a href="/link" class="nav">Link</a>
<a href="/link" class="nav">Link</a>
<a href="/link" class="nav">Link</a>
<a href="/link" class="nav">Link</a>
</div>

<div id="bg">
<h1>Frans</h1>
<center>
<a href="/affs" class="aff"><img src="http://feylife.in/IMAGES/layouts/1bulletaddaff.jpg" border="0"></a>
<a href="/affs" class="aff"><img src="http://feylife.in/IMAGES/layouts/1bulletaddaff.jpg" border="0"></a>
<a href="/affs" class="aff"><img src="http://feylife.in/IMAGES/layouts/1bulletaddaff.jpg" border="0"></a>
<a href="/affs" class="aff"><img src="http://feylife.in/IMAGES/layouts/1bulletaddaff.jpg" border="0"></a>
<a href="/affs" class="aff"><img src="http://feylife.in/IMAGES/layouts/1bulletaddaff.jpg" border="0"></a>
<a href="/affs" class="aff"><img src="http://feylife.in/IMAGES/layouts/1bulletaddaff.jpg" border="0"></a>
<a href="/affs" class="aff"><img src="http://feylife.in/IMAGES/layouts/1bulletaddaff.jpg" border="0"></a>
<a href="/affs" class="aff"><img src="http://feylife.in/IMAGES/layouts/1bulletaddaff.jpg" border="0"></a>
</center>
</div>

<div id="bg">
<h1>Link Back</h1>
<center>
<img src="http://feylife.in/IMAGES/layouts/1bulletbutton.jpg"></a><br>
Edit your site name onto the button as needed.
</center>
</div>

<div id="bg">
<h1>Info</h1>
Site Creator: <b>You</b><br>
Opened: <i>Month Year</i><br>
Version: #<br>
Viewing: <b><!-- Start FastOnlineUsers.com -->
<script type="text/javascript" src="http://fastonlineusers.com/on3.php?d=http://yoursite.com"></script>
<!-- End FastOnlineUsers.com --></b><br>
Hits: <!-- Start FastWebCounter.com  -->
<script src="http://fastwebcounter.com/secure.php?s=http://yoursite.com"></script>
<!-- End FastWebCounter.com  --></i><br>
Layout Credit: <a href="http://www.feylife.in/" target="_blank">Feylife</a>


</div></div>

<div id="main" style="position: absolute;">
<div id="bg">
<h1>bullet !</h1>
Hey there rocker, feel free to edit this section as much as you'd like. You can also use <b>bold,</b> <i>italics,</i> <u>underline,</u> and <strike>strike</strike> to add emphasis to your page.

</div>

<div id="bg">
<h1>filler title</h1>
filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. 

</div>

<div id="bg">
<h1>filler title</h1>
filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. filler text. 

</div>
