div { background: transparent; }
* { padding: 0px;
margin: 0px; }
img{vertical-align:middle;}
body { font-family: Arial, Tahoma,Calibri,Verdana,Geneva,sans-serif;
background: #767877 ; }
table a, table td a { font-family: Arial, Tahoma,Calibri,Verdana,Geneva,sans-serif; font-size: 13px; color: #fafafa; }
table, table td { font-size: 13px; }
.wrap { margin: 0px auto; text-align: center;}
span img, a img, li img, strong img, small img {
border: none;
vertical-align: middle;
margin-right: 5px;
}
/* News Box */
#news small { padding-right: 20px; }
/*News Box end*/
.inactive{opacity:0.7}
td.fnew { vertical-align: middle;
text-align: center;
width: 9%; .
}

td.fdesc { width: 69%;border-right: 1px solid #3c4442; }
td.fdetail {width: 59%;}
td.fposts {border-right: 1px solid #3c4442;text-align:center; width: 10%; }
td.fstat { width: 17%;
padding: 0px 5px 0px 15px;
text-align:center;
vertical-align:middle;
font-size: 11px; }
td.fstat a{font-size: 11px; }
.fstat img,.fstat small,.fstat a small{vertical-align:middle;margin:0px;}
.nocontent .fdesc img{padding:10px;}
.nocontent .fdesc{text-align:center;}
.boxheader .fposts,.boxheader .fdesc{border:none;}
.hidden{display:none;}
.clear {
line-height:0;
height: 0;
font-size: 1px;
clear: both;
margin: 0;
padding: 0;
float:none !important;
border: none; }
.spacer5 { padding: 5px; }
.spacer10 { padding: 10px; }
.spacer20 { padding: 20px; }
.borderbottom { border-bottom: 1px solid #3c4442; }
td.main{vertical-align:top;}
.container{
width: 95%;
margin: 0px auto;
}
.content { text-align: left;
font-size: 13px;
color: #fafafa;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
background: #56706b;
margin: 10px auto; }
.content table { color: #fafafa; }
.content a,#hpm_pagebody a { color: #e0cf92;
text-decoration: none; }
.content a:hover { text-decoration: underline !important; }
.content small { font-size: 11px !important; }
.content h2, td h2, .content h2 a, td h2 a { font-size: 17px !important;
color: #fafafa;
display: block;
margin-bottom: 5px; }
.usercontent td h2{color:#ffffff;}
.box { margin-bottom: 20px;
-moz-box-shadow: -2px 4px 6px #293633;
-webkit-box-shadow: -2px 4px 6px #293633;
box-shadow: -2px 4px 6px #293633;
-moz-border-radius: 6px 6px 0px 0px;
-webkit-border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px;
border: 1px solid #3c4442;
z-index: 1; }
.box .boxheader table {
color: #ffffff !important;
}
.box .boxheader { color: #ffffff !important;
padding: 4px 10px 10px 10px;
z-index: 4;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
position: relative;
background: #6d7a77 bottom left repeat-x;
background-image: -moz-linear-gradient(15% 90% 90deg,#545f5c, #6d7a77, #6d7a77 100%);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6d7a77), to(#545f5c));
background-image:-ms-linear-gradient(90deg,#545f5c,#6d7a77);
}
.dheader {
padding: 10px;
font-weight: bold;
}
.dcontent {
padding: 10px;
font-size: 13px;
}
.box .boxheader small { font-size: 11px !important; }
.box .boxheader a { color: #ffffff;
font-weight: bold; }
.box .boxheader a.cat:hover { cursor: normal;
text-decoration: none !important; }
.box .boxcontent,.boxcontent { background: #697573;
width: 100%;
z-index: 1; }
.photolistitem{position:relative}
.photolistitem .movediv{display:none; position:absolute; top:0px; left:0px; width:100%; height:100%;background: url(http://files.homepagemodules.de/b2001010/a_1183_456ad086.png) no-repeat center center transparent}
.gpictures li.selected .movediv{display:block !important;}
ul.noimage { list-style: none; }
ul.legend { margin: 10px; }
#legend{display:none;}
.legend{padding:5px;}
.legend td{width:280px;}
.legendhead td{font-weight:bold;}
.legend img{vertical-align:middle}
ul.legend img { max-width: 20px; }
table { border-collapse: collapse;
width: 100%;
border: none; }
td { vertical-align: middle; }
div.sumo { margin: 4px 0px; }
div.sumo a { font-size: 11px; }
span img { vertical-align: middle;
margin-right: 3px; }
#breadcrumbs { margin-bottom: 15px;float:left; }
#breadcrumbs, #breadcrumbs a, #legend_link a, .threadnp, .threadnp a {color: #fafafa!important;}
#XoborAdObenBreadcrumb{clear:both;}
ul.forum li { border-bottom: 1px solid #3c4442;
position: relative;
padding: 0px;
display: block;
width: 100%;
background-image: -moz-linear-gradient(15% 90% 90deg,#646f6d, #697573, #697573 100%);
background-image:-webkit-gradient(linear, 15% 90%, 15% 20%, from(#646f6d), to( #697573), color-stop(1,#697573));
background-image:-ms-linear-gradient(90deg,#646f6d,#697573);}
ul.forum li td{padding:4px 0px;}
ul.forum li:last-child { border: none; }

ul.scnd li:nth-child(2n+1),#activities li:nth-child(2n+1) { background-image: -moz-linear-gradient(5% 98% 90deg,#5c6765, #5c6765, #697573 100%);
background-image:-webkit-gradient(linear, 15% 90%, 15% 20%, from(#5c6765), to(#697573), color-stop(1,#697573));
background-image:-ms-linear-gradient(90deg,#5c6765,#697573);
}
ul.canhov li:hover { background-image: -moz-linear-gradient(5% 98% 90deg,#555f5d, #555f5d, #697573 100%);
background-image:-webkit-gradient(linear, 15% 90%, 15% 20%, from(#555f5d), to(#697573), color-stop(1,#697573));
background-image:-ms-linear-gradient(90deg,#555f5d,#697573);}
table.scnd tr:nth-child(2n+1), #activities tr:nth-child(2n+1) {
background-image: -moz-linear-gradient(5% 98% 90deg, #5c6765, #5c6765, #697573 200%);
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(top, #5c6765 0%, #697573 200%);
/* Opera */
background-image: -o-linear-gradient(top, #5c6765 0%, #697573 200%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5c6765), color-stop(2, #697573));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, #5c6765 0%, #697573 200%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to bottom, #5c6765 0%, #697573 200%);
border-collapse: separate !important;
}
table.forum tr {
border-bottom: 1px solid #3c4442;
border-collapse: separate !important;
padding: 0;
width: 100%;
}
table.forum tr:hover {
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(top, #555f5d 0%, #697573 200%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(top, #555f5d 0%, #697573 200%);
/* Opera */
background-image: -o-linear-gradient(top, #555f5d 0%, #697573 200%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555f5d), color-stop(2, #697573));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, #555f5d 0%, #697573 200%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to bottom, #555f5d 0%, #697573 200%);
}
a.button { display: inline-block;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background: #6d7a77 bottom left repeat-x;
box-shadow: 0px 0px 6px #383f3e;
background-image: -moz-linear-gradient(15% 90% 90deg,#606c69, #6d7a77);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6d7a77), to(#606c69));
border: 1px solid #545f5c;
color: #ffffff;
padding: 5px 20px;
font-size: 13px;
font-weight: bold;
margin-bottom: 20px;
margin: 10px 0px; }
a.button:hover {
text-decoration: none !important;
background-image: -moz-linear-gradient(15% 90% 90deg,#596461, #687471);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#687471), to(#596461));
cursor: pointer;
}
li.attention,li.topic_sel{ background: #96887e !important;
background-image: -moz-linear-gradient(15% 90% 90deg,#8a7b70, #96887e, #96887e 100%) !important; }
.nnew,.nnew a,a.abusemessage,a strong.abusemessage{color:#a51111}
.mreply { float: right; margin-right: 20px; }
a.smallbutton, a.smallbuttonedit {padding: 3px 15px; display: inline-block; }
a.smallbutton:hover {text-decoration: none !important;}
a.smallbuttonedit:hover {text-decoration: none !important;}
a.smallbutton img { margin-right: 3px; }
a.smallbuttonedit { color: #fafafa; }
.footer { margin: 15px 0px; text-align: right !important;
width: 95%;
padding: 5px 0px; }
.footer ul { list-style: none; display: inline-block; margin-right: 20px; }
.footer li { display: inline-block; padding: 3px 10px; *display: inline; zoom: 1; }
.footer a { color: #ffffff;
text-decoration: none;
font-size: 13px; }
#uacttable td{text-align:center}
.options { background: #5c6765;
border: 1px solid #444c4b;
margin: 10px 0px;
height: 20px;
position: relative;
z-index: 50; }
.foptions, .foptions1, .foptions2, .foptions3, .foptions4, .foptions5 {
float:right;
position:relative;
z-index: 5;
width: 190px;
border-left: 1px solid #444c4b;
padding: 2px 5px;
height: 15px;
line-height: 14px;
}
.foptions1{border-left:none;}
.foptions_link { width: auto; }
.foptions_list, .foptions_list_flist { border-top: 1px solid #505a58;
width: 190px;
border-bottom: 1px solid #444c4b;
border-left: 1px solid #444c4b;
border-right: 1px solid #444c4b;
padding: 3px 5px;
z-index: 50;
display: none;
position: absolute;
top: 20px;
left: -1px;
background: #5c6765; }
.showsocial{float:right; margin-right: 5px;}
.showsocial td{vertical-align:top; white-space:nowrap;zoom:1;}
.filterTopics , .filterTopics option {
background-color: #F2F2F2;
border: none;
font-family: Tahoma,Calibri,Verdana,Geneva,sans-serif;
font-size: 11px;
}
.nextprev{float:right; margin-right:5px;font-size:smaller;}
.nextprev a{font-size:smaller}
.fpages a, .fpages .crtp, .fpages .crtp_strip { display: block;
height: 16px;
float: left;
padding: 2px 10px;
background: #646f6d;
border-right: 1px solid #444c4b;
border-left: 1px solid #444c4b;
margin-left: -1px; }
.fpages .crtp { font-weight: bold;
background: #505a58; }
.fpages .crtp.deac { color: #383f3e;
font-weight: normal;
background: #5c6765; }
.fpages .pstat { float: left;
display: block;
padding: 2px 10px;
font-weight: bold; }
div.foptions:hover, div.foptions1:hover, div.foptions2:hover, div.foptions3:hover{ cursor: pointer; }
.foptions_list a { display: block;
padding: 3px 20px;
border-bottom: 1px solid #444c4b; }
.foptions_list a:last-child { border: none; }
.minfo_head{font-weight:bold; width:100px;}
.messageinformation, .messageinformation a,.messageinformation td {font-size:smaller}
.messageinformation td,.messageinformation{padding:3px;}
.sidebarcontent .messageinformation{display:none;}
.messageinformation{border-radius: 6px 6px 0 0;border: 1px solid #4c5453;background: #697573; -moz-box-shadow: 0px 0px 6px #4c5453;
-webkit-box-shadow: 0px 0px 6px #4c5453;
box-shadow: 0px 0px 6px #4c5453;}
.messageinformation_toggler{cursor:pointer;text-align:center;font-size:smaller;}
.messageAvatar { background: #697573;
padding: 5px; margin-top: 5px;
text-align: center;
overflow:hidden;
border: 1px solid #4c5453;
-moz-box-shadow: 0px 0px 6px #4c5453;
-webkit-box-shadow: 0px 0px 6px #4c5453;
box-shadow: 0px 0px 6px #4c5453;
border-radius: 6px 6px 0 0;
}
.messageAvatar img{margin: 0px;}

.messageUser{line-height: 20px;}
.eventImage{ background: #697573;
padding: 5px; margin: 5px 15px;
font-size:smaller;
border: 1px solid #4c5453;
-moz-box-shadow: 0px 0px 6px #4c5453;
-webkit-box-shadow: 0px 0px 6px #4c5453;
box-shadow: 0px 0px 6px #4c5453;
text-align:left;
}
#userAttend{display:inline-block;width:200px;}
#userAttending{display:inline-block}
#edit_content td{vertical-align:top}
.mposttime { position: absolute; right: 40px; }
td.sidebar{ width: 240px; background: #5c6765;vertical-align:top;}
.sidebar .usertitle{text-align:center;margin:10px 0px;}
.sidebar td{vertical-align:top;}
td.reply { background: #5c6765; padding: 5px 0px; }
.mtextwrap { background: #697573;
z-index: 2;
}
.mtextcell{position:relative;
}
.goto_top_link{position:absolute; bottom:10px; right:10px;}
.mtext { z-index: 1; }
.mtext p{margin:12px 0px;}
.mfiles, .mimages { margin-top: 20px;
padding: 10px 0px 5px 0px;
border-top: 1px solid #5c6765; }
.xoborAdMessage .tms1{padding:5px !important}
.mimages strong { display: block; margin-bottom: 10px; }
.mimages strong a strong { display: inline !important; margin: 0px;}
.mfiles li { padding: 8px 10px;
float: left; }
.mimagewrap { position: relative;
text-align: center;
line-height: 100px;
vertical-align: middle;
margin: 0px 5px 5px 0px;
width: auto;
height: auto;
overflow: hidden;
border: 1px solid #505a58;
display: inline-block; }
.mimagewrap div { text-align: center;
border-top: 1px solid #505a58;
line-height: 25px;
position: absolute;
height: 25px;
width: 100%;
left: 0px;
bottom: 0px;
background-color: #697573;
}
.msignature { padding: 10px 0px;
margin-top: 20px;
border-top: 1px solid #5c6765; }
.mimage_noread{border:0px !important; display: inline: block; width: 150px !important; height: 100px !important;top:0px !important; background: url(//files.homepagemodules.de/b2001010/a_1075_b8a60268.png) center center no-repeat;}
.foptions_list_flist { right: 10px;
max-height: 350px;
overflow-y: auto;
overflow-x: hidden;
z-index: 50px; }
.foptions_list_flist a, .foptions_list_flist strong { display: block;
padding: 3px 20px;
background: #646f6d;
border: 1px solid #505a58;
border-top: none; }
.foptions_list_flist strong.lnull { background: #505a58;
font-weight: bold;
padding: 3px 10px;
margin-top: 10px; }
.foptions_list_flist strong.lnull:first-child { margin-top: 0px; }
.threadnp { padding: 10px 0px; }
.threadnp .next { float: right; }
.threadnp .prev { float: left; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: none; border: 1px solid #242928; background: #96887e; }
textarea, input { line-height: 120%;
border: 1px solid #6d7a77;
box-shadow: 0px 0px 6px #383f3e;
-moz-border-radius: 4px;
-webkit-border-radius:4px;
width: 95%;
border-radius: 4px;
padding: 4px 8px;
font-family: Arial, Tahoma,Calibri,Verdana,Geneva,sans-serif;
color: #fafafa;
font-size: 13px;
background-color: #9ca7a5;}
input.checkbox, input[type="radio"] { width: auto !important;
vertical-align: middle !important;
border: none !important;
background: transparent !important; }
textarea.error, input.error { border: 1px solid #a51111; }
input[type="button"],input[type="image"]{width: auto;}
div.error { border: 1px solid #a51111;
margin-bottom: 10px; }
div.error li { color: #a51111;
margin-left: 20px;
font-size: 11px;
font-weight: bold;
list-style: none; }
small.error { color: #a51111;
font-weight: bold;
display: none; }
strong.error { color: #a51111;
font-weight: bold; }
#error_wrap{clear:left;}
textarea { height: 130px; }
input.button { padding: 5px 20px;
width: auto !important;
margin-top: 15px;
margin-right: 15px;
border: 1px solid #545f5c;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background: #6d7a77 bottom left repeat-x;
background-image: -moz-linear-gradient(15% 90% 90deg,#606c69, #6d7a77);
color: #ffffff;
font-weight: bold;
}
input.buttond { padding: 3px 20px;
width: auto;
margin-top: 10px;
border: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #383f3e;
background: #697573 bottom left repeat-x;
background-image: -moz-linear-gradient(15% 90% 90deg,#505a58, #697573, #697573 100%);
color: #fafafa;
margin-left: 20px; }
input.buttond:hover { cursor: pointer;
background-image: -moz-linear-gradient(15% 90% 90deg,#444c4b, #697573, #697573 100%); }
input.button:hover { cursor: pointer;
background-image: -moz-linear-gradient(15% 90% 90deg,#596461, #687471);
cursor: pointer; }
span.threadpages { float: right;
margin-right: 30px; }
span.threadpages a { padding: 0px 2px; }
div.attention,ul.attention { background: #96887e;
padding: 5px 10px;
font-size: 13px;
list-style:none;
}
div.success{ background: #d4e4b8;
border: 1px solid #749639;
padding: 7px 10px;
text-align: center;
font-size: 13px;
color: #020201; }
td.success{
background: #d4e4b8;
color: #020201;
}
td.success .mtextwrap{background:transparent;}
div.iconbar { float: right;
margin-right: 5%; }
.iconbarcontent {min-height: 20px;}
div.iconbar .integrations, div.iconbar .iconbarcontent { float: right;
position: relative; }
.intdiv {display:inline-block;margin:3px;text-align:center;min-width:80px;border-radius: 6px 6px 6px 6px; box-shadow: 0pt 0pt 6px rgb(219, 219, 219); padding: 20px 5px;border:1px solid #3c4442;vertical-align: top;}
.integrations { width: 150px; }
.integrations #integrationlist { position: absolute;
z-index: 40;
background: #697573;
-moz-box-shadow: 0px 4px 4px #080909;
-webkit-box-shadow: 0px 4px 4px #080909;
box-shadow: 0px 4px 4px #080909; }
.integrations #integrationlist a { display: block;
padding: 3px 10px; }
div.iconbar .integrations { margin-right: 20px; }
#PicMainCont{position:relative;}
.picture_integrations{text-align:right; position:relative;}
.picture_integrations .int_sub{display: none; position: absolute; right: 0pt; background-color: #697573;}
.catdiv,.picdiv{float: left; padding:2px;margin: 0px 5px 5px 0px; border: 1px solid #3c4442; width: 160px !important; height: 130px;cursor:pointer;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0;}
.catdiv:hover,.picdiv:hover{border:3px solid #2c6385;padding: 0px}
#loader{display:none}
.articleoptions { float: right;
margin-right: 5%;
padding-top: 10px; }
.articleoptions div { display: inline;
padding-right: 20px; }
ul.modad { width: 100%; }
ul.modad li { padding: 8px 0px 8px 20px;
border-top: 1px solid #5c6765;
border-bottom: 1px solid #5c6765;
margin-top: -1px; }
ul.modad li:hover { background: #646f6d;
cursor: pointer; }
ul.modad li:first-child { border-top: none; }
ul.modad li.active { background: #646f6d;
font-weight: bold; }
.greybox { background: #5c6765; }
table.alias tr:nth-child(2n+1) { background: #5c6765; }
table.alias td { vertical-align: middle; }
table.alias input, table.alias select { vertical-align: middle; }
input[type=file] { width: auto; }
ul.pmlist li { padding: 4px 20px;
border-top: 1px solid #505a58;
border-bottom: 1px solid #505a58;
margin-top: -1px; }
ul.pmlist li:first-child { margin-top: 0px; }
ul.pmlist li:nth-child(2n+2) { background: #646f6d; }
ul.pmlist li.new { background: #96887e; }
#pm_filter{display: inline-block; margin-left: 30px; margin-bottom:10px}
#pm_filter .selected a{font-weight:bold;}
.pm_mark{display:inline-block; margin-left: 30px;font-style:italic;font-size:smaller}
#marker_selector {border:1px solid#555f5d; padding:5px; margin:10px 0px;}
display: block; border:1px solid; padding:5px; margin:10px 0px
#dellink, #readlink { margin-left: 30px; }
input.optionbutton { background: #5c6765;
color: #fafafa;
border: 1px solid #555f5d;
padding: 2px 15px;
width: auto;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none; }
.checkbox_wrap, .checkbox_wrap2 { text-align: center;
width: 60px;
height: 30px;
float: left;
margin-left: -20px; }
.mfurther { float: right; }
.mfurther_wrap { float: right;
width: 360px;
text-align: right; }
.mfurhter_wrap img { padding: 0px;
margin: 0px;
display: inline; }
.mmain { display: block;
float:left;
width: 600px; }
.pmlistwrap li,.mfurther, .mmain,.mfurther_wrap{line-height:30px; vertical-align:middle; height:30px;}
.checkbox_wrap input,.checkbox_wrap2 input{margin-top:9px;}
img.pmstat { margin-right: 10px; }
#pmoptions_in, #pmoptions_out { padding-left: 25px; }
.usr { margin-right: 20px;
float: left;
padding: 6px 18px;
border: 1px solid #3c4442;
background-image: -moz-linear-gradient(15% 90% 90deg,#555f5d, #646f6d, #505a58 100%);
-moz-border-radius: 4px;
position: relative; }
.usr img { margin-right: 6px; }
.usr a { position: absolute;
right: 2px;
top: -2px;
font-weight: normal; }
#recsecond { display: block;
margin-bottom: 5px; }
ul#recvorlist li { padding: 6px 8px;
border-bottom: 1px solid #4c5453; }
ul#recvorlist li:last-child { border: none; }
ul#recvorlist li.nohov, ul#recvorlist li.nohov:hover { background: #697573 !important;
cursor: auto !important; }
ul#recvorlist li:hover { background: #555f5d !important;
cursor: pointer; }
ul#recvorlist li:nth-child(2n+2) { background: #616c6b; }
.box .boxcontent.message { background: #5c6765; }
.umavatar { background: #697573;
padding: 5px 0px; }
.umtext { background: #697573;
margin-top: 5px;
position: relative;
padding-bottom: 30px; }
.usrreclist_wrap { position: absolute;
top: -1px;
padding: 6px;
display: none;
-moz-border-radius: 0px 0px 6px 6px;
-webkit-border-radius: 0px 0px 6px 6px;
border-radius: 0px 0px 6px 6px;
border: 1px solid #3c4442;
background: #697573;
-moz-box-shadow: 0px 0px 8px #2c3130;
-webkit-box-shadow: 0px 0px 8px #2c3130;
box-shadow: 0px 0px 8px #2c3130;
z-index: 50; }
small.options:hover, small.options { cursor: pointer;
border: none !important;
background: none !important; }
.optext { background: #697573;
-moz-box-shadow: 0px 4px 4px #080909;
-webkit-box-shadow: 0px 4px 4px #080909;
box-shadow: 0px 4px 4px #080909; }
.frules div { height: 100px;
border: 1px solid #505a58;
overflow-y: scroll;
overflow-x: hidden;
margin: 10px 0px 5px 0px;
padding: 10px; }
.frules { padding: 5px 0px 20px 0px;
width: 95%; }
.captcha { border: 1px solid #505a58;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin-top: 10px;
border-radius: 6px;
padding: 5px;
width: 95%; }
.captcha strong { display: block; }
.captcha img { display: inline; vertical-align: middle; border: 1px solid #6d7a77; padding: 6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-right: 20px; }
.captcha input { width: 120px; padding: 9px 15px !important; vertical-align: middle;
display: inline; }
.captcha div { border-top: 1px solid #505a58; margin-top: 5px; padding-top: 5px; line-height: 70px; vertical-align: middle;}
table.line tr:nth-child(2n+1) { background: #586260; }
table.line tr:nth-child(2n+1) td:first-child { font-weight: bold; }
table.line td { padding: 7px 10px; }
#vote_closed{line-height:18px;}
#vote_closed img{vertical-align:middle; margin-right:5px;}
.profile{min-width:880px;}
.mavatar img{width:100%}
.psidebar, .proright { border: 1px solid #505a58;
padding: 5px 10px;
background-color: #646f6d;
-moz-box-shadow: -1px 0px 8px #444c4b;
-moz-border-radius: 6px;
width: 15%;
float: left; }
.psidebar { line-height: 160%; }
.proright { width: 100%;
-moz-border-radius: 0px 6px 6px 6px;
border-top: none; }
.proright_wrap { width: 79%;
margin-left: 30px;
float: left; }
.uname { border-bottom: 1px solid #505a58;
padding-bottom: 7px;
margin-bottom: 7px;
text-align:center;
}
.uadd, .uactions { border-top: 1px solid #505a58;
padding-top: 7px;
margin-top: 7px; }
.pronav { padding-bottom: 2px;
margin: 4px 0 0 0; }
.pronav ul li { border-bottom: 1px solid #505a58;
-moz-border-radius: 6px 6px 0px 0px;
padding: 4px 20px 2px 20px;
margin-right: 5px;
border: 1px solid #505a58;
display:inline;
color: #ffffff;
background: #6d7a77;
background-image: -moz-linear-gradient(15% 90% 90deg,#3c4442, #6d7a77, #6d7a77 100%); }
.pronav ul li a { color: #ffffff;
outline: none; }
.pronav ul li.act { border-bottom: none !important;
background: #646f6d; }
.pronav ul li.act a { color: #e0cf92;
font-weight: bold; }
.pronav ul li.act a:hover { cursor: normal; }
.prinf td { padding: 7px 10px 7px 5px; }
.prinf tr:nth-child(2n+1) { background: #586260; }
ul.comments li { padding: 20px 0px; }
.commSig { border-top: 1px solid #505a58;
padding-top: 7px;
margin-top: 7px; }
.commhead { background: #5c6765;
padding: 3px 10px;
border-top: 1px solid #505a58;
margin-bottom: 5px; }
.commcont { text-align: justify;
padding: 0px 10px; }
.pblog strong { display: block;
margin-top: 10px;
padding: 5px 0px;
border-top: 1px solid #505a58; }
ul.ublog li { padding: 15px 0px;
margin-bottom: 5px;
border-bottom: 1px solid #505a58; }
ul.ublog li:last-child { border: none; }
.blog-article-body img, .ublog img{max-width:800px;}
.blog-article-body, .ublog {overflow:hidden}
.blog-article-title {margin-right:65px;}
div.ppages { margin-top: 10px;
border: 1px solid #505a58;
background: #697573;
-moz-border-radius: 6px; }
div.ppages span:first-child { border-left: none;
-moz-border-radius: 6px 0px 0px 6px; }
div.ppages a, div.ppages span { padding: 3px 12px;
margin-left: -1px;
float: left;
border-left: 1px solid #505a58;
border-right: 1px solid #505a58; }
div.ppages span.deac { color: #383f3e;
font-weight: normal !important;
background: #5c6765 !important; }
div.ppages span.ac { font-weight: bold;
background: #505a58; }
.search { position: absolute; right: 20px; top: 40px; }
.search input { width: 180px;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
background-image: url(http://files.homepagemodules.de/b2001010/a_856_0d888959.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 28px;
}
.search #headerSearchSubmit { border: none; background: transparent url(http://files.homepagemodules.de/b2001010/a_853_ae5368b6.png) center center no-repeat; width: 20px;}
.italic { font-style: italic; }
.footer_usercontent { margin: 20px 0px; }
hr { width: 100%;
display: block;
margin: 5px 0px;
border: none;
color: #505a58;
background-color: #505a58;
height: 1px; }
table.calendar td { border: 1px solid #383f3e;
height: 150px;
width: 14%;
background-image: -moz-linear-gradient(0% 54% 90deg,#646f6d, #697573 100%);
vertical-align:top;
}
table.calendar div.day_header { background: #616c6b; padding: 3px 0px; border-bottom: 1px solid #444c4b; margin-bottom: 5px;}
table.calendar td ul { margin-left: 10px; }
table.calendar td:hover { cursor: pointer;
background-image: -moz-linear-gradient(0% 54% 90deg,#555f5d, #646f6d 100%) !important; }
table.calendar .no_event:hover { cursor: auto !important; }
table.calendar td:hover a.addevent { display: inline; }
table.calendar td a.calendar_link,
table.calendar td .calendar_nolink { font-weight: bold; font-size: 17px; padding: 5px 0px 0px 5px; color: #fafafa;}
table.calendar tr.calendar_header td {height: 30px; line-height: 30px; vertical-align: middle; text-align: center; font-weight: bold; background: #555f5d;}
table.calendar td.calendar_today div.day_header { background: #636f6c; border-bottom: 1px solid #a1aba9; }
table.calendar td.calendar_today div.day_header a { color: #ffffff; }
table.calendar td.calendar_notcurrentmonth { background: #646f6d;
background-image: -moz-linear-gradient(30% 54% 90deg,#5a6463, #697573 100%);
vertical-align:top;
}
a.addevent { display: none; font-size: 11px; float: right; padding: 4px 10px 0px 0px; font-weight: bold;}
ul.calendar_day li { padding: 10px 0px; }
#cal_newevents{border: 1px solid #383f3e}
#cal_newevents_span{position: relative; margin-right: 30px; float: right; z-index:100; background-color:#697573; }
ul.comments li {padding: 10px 20px; border-bottom: 1px solid #555f5d; position: relative; text-align: justify;}
ul.comments li:nth-child(2n+2) {background: #646f6d;}
img.gallpic {padding: 5px; border: 2px solid #555f5d;}
img.gallpic.loader {background: url(http://files.homepagemodules.de/b2001010/a_795_53b381f1.gif) center center no-repeat;}
ul.comments li.selComment {background: red;}
a.delete_comment {position: absolute; right: 10px; top: 5px; display: none;}
ul.comments li:hover a.delete_comment {display: inline;}
ul.comments li:hover {background: #5c6765;}
label.formfield, div.formfield { display: block; padding: 8px 0px; position: relative; width: 95%;}
label.formfield textarea, label.formfield input, div.formfield textarea, div.formfield input {width: 100%;}
div.formfield .iconbar_wrapper { float:right }
div.formfield strong.caption, label.formfield strong.caption { display: block; margin-bottom: 5px; }
div.formfield strong.caption a, label.formfield strong.caption a {font-weight: normal;}
div.formfield strong.caption span.error, label.formfield strong.caption span.error { display: none; font-weight: normal; font-size: 10px; }
form label.formfield:last-child { border: none; }
form label.formfield:first-child { padding-top: 0px; }
.memberlist td{width:15%; text-align:center;}
.memberlist td:first-child{text-align:left;}
.memberlist tr:first-child td strong{padding: 0px 3px;}
#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;
}
.submenu_button {
font-size: 11px;
padding: 4px;
width: 120px;
margin-top: 5px;
}
.submenu_input {
width: 170px;
padding: 3px 5px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-top: 6px;
}
.hov_cursor:hover {cursor: pointer;}
.round6 { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
ul.error {list-style: none; border: 1px solid #a51111; background: #fcebeb; padding: 5px; margin: 20px 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 6px;}
ul.error li {background: url(http://files.homepagemodules.de/b2001010/a_888_11b86ef2.png) 5px center no-repeat; color: #a51111; font-size: 12px; padding: 6px 0px 6px 25px; border-bottom: 1px solid #ee6060;}
ul.error li:nth-child(2n+1) { background-color: #fad3d3; }
ul.error li:first-child {-moz-border-radius: 6px 6px 0px 0px;}
ul.error li:last-child {border-bottom: none; -moz-border-radius: 0px 0px 6px 6px;}
a.blocklink { display: block; padding: 0px 0px 3px 0px; }
.header {
min-height: 100px;
height:auto !important;
height:80px;
}
.footer { -moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px; }
ul.navigation { border-bottom: 1px solid #34635a;
background: #468578;z-index: 300; }
ul.navigation, .navigation_wrap { z-index: 200;
width: 100%;
background: #468578;
background-image: -moz-linear-gradient(30% 90% 90deg,#3d7469, #468578 100%);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3d7469), to(#468578));
background-image: -ms-linear-gradient(top left, #3d7469 0%, #468578 100%);
}
ul.navigation { white-space: nowrap;
display: block; }
ul.navigation li { display: block;
float: left;
position: relative;
z-index: 200;
line-height: 21px;
vertical-align: middle;
border-right: 1px solid #34635a;
border-left: 1px solid #34635a;
padding: 0px 6px;
margin-left: -1px; }
ul.navigation li img { vertical-align: middle; max-height:18px;}
ul.navigation li:hover, ul.navigation li.currentpage{ background: #3d7469;
background-image: -moz-linear-gradient(30% 90% 90deg,#2b534b, #3d7469 100%);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2b534b), to(#3d7469));
background-image: -ms-linear-gradient(top, #2b534b 0%, #3d7469 100%);
}
ul.navigation li img.dwn { position: absolute; right: -2px; top: 10px; }
ul.navigation li a { font-size: 13px; color: #ffffff; text-decoration: none; vertical-align: middle; display: block; padding: 3px 7px;}
ul.submenu { background: #468578;
background-image: -moz-linear-gradient(30% 90% 90deg,#468578, #4d9284 100%);
display: none;
position: absolute;
z-index: 500;
left: 0px;
top: 20px; }
ul.submenu li { border-bottom: 1px solid #3d7469;
display: block;
padding: 3px 10px;
clear: both;
float: none;
z-index: 500; }
.login_box, #global-news-box-wrap { z-index: 800;
margin: -1px 0px 20px 50px;
border: 1px solid #48514f;
border-top: none;
background: #687471;
padding: 10px;
position: absolute;
top:0px;
right:20px;
-moz-border-radius: 0px 0px 6px 6px;
-webkit-border-radius: 0px 0px 6px 6px;
border-radius: 0px 0px 6px 6px;
width: 300px;
margin-right: 20px;
color: #ffffff;}
.login_box table, .login_box td { color: #ffffff; }
.login_box a, .search_box a { color: #ffffff; border-bottom: 1px dotted white; text-decoration: none; }
.login_box input, .search_box input {width: auto !important; padding: 0px; border: none; -moz-box-shadow: none;}
a.header_login { display: block; padding: 6px 40px 6px 10px; background: #545f5c; -moz-border-radius: 6px; font-size: 13px; text-decoration: none; border: none;}
.header, .footer { background: #6d7a77;

background-image: url(//img.homepagemodules.de/bh/files/big/e7ct-6.png);

background-repeat: repeat-x;
background-size: 100% 100% ;
color: #ffffff;
margin: 0px auto;
overflow: visible;
position: relative;
text-align: left; }
.footer { background-image: none; }
div.usercontent { color: #ffffff;
font-size: 13px; }
#obere_leiste .usercontent { min-height:80px; }
.header h1 { color: #ffffff;
font-size: 17px; }
.topnavigation_wrap { z-index: 800;
background: #6d7a77;
background-image: -moz-linear-gradient(30% 90% 90deg,#545f5c, #606c69 100%);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#545f5c), to(#606c69));
background-image: -ms-linear-gradient(top left, #545f5c 0%,#606c69 100%);
border-bottom: 1px solid #48514f;
position: relative;
text-align: right;
}
.topnavigation_wrap ul { }
.topnavigation_wrap li { display: inline-block; padding: 4px 10px; vertical-align: middle; position: relative; zoom: 1; *display:inline; }
#global-news-li { border: 1px solid transparent; border-top: none; border-bottom: none; }
#global-news-li:hover { border-color: #48514f; }
.topnavigation_wrap li:hover { background: #687471; cursor: pointer; }
.topnavigation_wrap a { color: #ffffff; font-size: 11px; text-decoration: none; }
li.searchli { float: right !important; margin-right: 20px; padding-right: 20px; border: none !important; }
li.searchli:hover { background: none !important; }
li.searchli input { padding: 0px; border-radius: 0px; box-shadow: none; -moz-box-shadow_ none; -webkit-box-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; margin-top: 2px; padding: 3px 4px; font-size: 11px; font-style: italic; width: 180px !important;}
#headerSearchSubmit { width: 22px !important; height: 22px !important; float: none; display: inline; background: #4f9688 url(http://files.homepagemodules.de/b2001010/a_927_320b66d7.png) center center no-repeat; }
.user_box a { border: none !important; }
.box .boxheader, .dheader, .box { z-index: 2; }
#global-newsbox span { display: block; border-top: 1px solid #a1aba9; padding: 4px 0px; }
.global-news-link { position: relative; }
#global-news-box-wrap { position: absolute; right: -1px; top: 27px; width: 340px; margin-right: 0px; }
#global-news-box-wrap span { display: block; text-align: left !important; font-size: 11px !important; margin-top: -1px; padding: 7px 10px; border-bottom: 1px solid #596461; }
#global-news-box-wrap span:hover { background: #606c69; cursor: pointer; }
#global-news-box-wrap span:last-child { border-bottom: none; margin-bottom: 0px;}
#news-headline, #news-headline:hover { background: #57615f; }
li.news { border-color: #48514f !important; background: #687471; }
#blog-article-wrap { width: 75%; border-right: 1px solid #505a58; display: inline-block; vertical-align: top; }
#blog-sidebar { width: 24%; display: inline-block; vertical-align: top; }
#blog-sidebar ul { display: block; list-style: none; margin-bottom: 30px; background: #646f6d;}
#blog-sidebar li { display: block; padding: 10px; border-bottom: 1px solid #505a58; }
#blog-sidebar strong.caption { display: block; border-top: 3px solid #505a58; background: #5c6765; padding: 6px 10px; }
.blog-article-text { text-align: justify; margin-bottom: 20px;}
.blog-article-header { position: relative; background: #5c6765; background-image: -moz-linear-gradient(19% 75% 90deg,#586260, #646f6d); border-bottom: 1px solid #505a58; border-top: 3px solid #505a58;}
.first-article { border-top:0 !important; }
a.blog-edit-link { position: absolute; top: 10px; right: 10px; }
td.avatar { width: 80px; padding-right: 20px; }
td.avatar img { max-width: 80px; }
.blog-username-extend-link { position: relative; }
.username-extend-wrap { padding: 10px; background: #697573; position: absolute; right: 0px; top: 10px;}
.comments-ul li { display: block; }
div.comment-text { }
.commSig { border-top: 1px solid #505a58;
padding-top: 7px;
margin-top: 7px; }
.comments-header { position: relative; border-top: 3px solid #505a58; }
#lastactions div.comments-header { margin-top: 15px !important; }
#lastactions div.comments-header:first-child { margin-top: 0px !important; }
#activities .comments-header{background: none !important;padding:5px 5px 5px 10px;}
#activities .cmhsp{padding:0px !important;}
.commhead { background: #5c6765;
padding: 3px 10px;
border-top: 1px solid #505a58;
margin-bottom: 5px; }
.commcont { text-align: justify;
padding: 0px 10px; }
.ltit { font-size: 11px;
-moz-border-radius: 6px 6px 0px 0px;
color: #ffffff;
margin: 20px 0px 0px 0px;
background-image: -moz-linear-gradient(15% 90% 90deg,#3c4442, #6d7a77, #6d7a77 100%);
border: 1px solid #545f5c;
border-bottom: none;
padding: 6px 5px;
display: block; }
.ltit a { color: #ffffff;
text-decoration: underline; }
div.lcont { background-image: -moz-linear-gradient(19% 96% 90deg,#555f5d, #616c6b, #616c6b 100%);
border: 1px solid #505a58;
padding: 10px 5px;
margin-bottom: 20px; }
.ltit small { float: right;
font-weight: normal; }
div.cmhsp { padding: 5px 10px; }
img.avatar-max-size-comment { max-width: 50px; }
a.delete-comment-link { position: absolute; right: 20px; top: 25px; font-size: 11px; }
.np-blog-wrap { border-top: 1px solid #505a58; padding-top: 20px; margin-top: 20px; }
/* Code-Block */
.codeblock{border:0px solid black;padding:0 5px 0px 5px; }
.codeheader{margin-left:0px; text-transform:capitalize; font: 100% courier,monospace;}
.codelines{
color: ;
float:left;
margin: 0 5px;
font-size: 12px;
border-right: 1px solid ;
padding: 0;
text-align:center;
line-height: 20px;
background-color: ;
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: ;
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: ;
margin: 0 0 0 15px;
padding: 0;
display: block;}
/*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 ;
display: none;
border-color:#3c4442;
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%;
box-shadow:none !important;
moz-box-shadow:none !important;
webkit-box-shadow:none !important;
}
.hpm_spoiler {
margin:6px;
width:60%;
}
.hpm_spoiler_headdiv {
background:none repeat scroll 0 0 ;
border:1px solid #3c4442;
height:20px;
margin:0;
padding:1px 0px;
width:100%;
}
#hpm_pagebody {
background-color: #697573;
color: #fafafa;
}
blockquote {margin: 10px 20px; font-style: italic; }
#signup_message {
margin:10px 0;
}
/*Wiki*/
#wiki_page #delete_page,
#wiki_page #undelete_page,
#wiki_page #permdelete_page,
#wiki_page #lock_page {
float:right;
margin:5px;
}
#wiki_page .button {
margin:5px;
}
#wiki_page #buttons {
margin-top:10px;
}
#wiki_rev #revision_error {
margin-top: 10px;
line-height:10px;
display: none;
background-color: #697573;
padding:5px;
width:400px;
}
#wiki_rev #revision_error small,
#wiki_rev #revision_error img {
vertical-align:middle;
}
#wiki_rev .compare_button {
margin-bottom:15px;
}
#wiki_rev #rev_table{}
#wiki_rev #rev_table td{padding:3px;border:1px solid #ededed;}
#wiki_rev #rev_table td label{padding: 5px 30px;}
#wiki_rev #rev_table td label, #rev_table td input {cursor:pointer;}
#wiki_rev .rev_id{display:inline-block; min-width:100px; text-align:right;font-weight:bold;}
#wiki_rev .tplcodepre { padding:0px; color: black;width:auto;overflow-x: visible;overflow-y: visible;}
/*----*/
.blog-create-right { display: inline-block; width: 24%; vertical-align: top; }
.blog-create-left { display: inline-block; width: 75%; vertical-align: top; }
strong.lcaption { position: relative; display: block; border-top: 3px solid #505a58; background: #5c6765; padding: 6px 10px; }
strong.lcaption a { font-weight: normal; position: absolute; right: 10px; top: 6px; }
div.lcaption-body { margin-bottom: 30px; background: #646f6d; }
label.blog-catlist { display: block; padding: 4px 0px; }
div.blog-catlist-wrap { margin: 10px; background: #758280; }
.blog-catlist-caption { display: block; border-top: 3px solid #505a58; background: #5c6765; padding: 6px 10px; }
/*Integrations*/
.widget_calendar_event {cursor:pointer;border-bottom: 1px solid #3c4442; padding: 5px;text-align: left;}
.widget_calendar_event:hover{background-color: #505a58}
.widget_calendar_date {font-size: 11px; float: right; width: 30%;}
.widget_calendar_name {font-weight: bold; float: left; width: 60%; border-right: 1px solid #3c4442;}
.widget_calendar_check {float: left; padding: 3px 10px 3px 5px;}
/*Kalender Widget Integration*/
.widget_calendar_integration {text-align: justify; font-size: 11px;}
.widget_calendar_integration_empty {width:150px; height:100px; background-image: url(http://files.homepagemodules.de/b2001010/a_127.png) !important; background-repeat: no-repeat; background-position: center;margin:0px auto;}
.widget_calendar_integration_name, .widget_calendar_integration_description{text-align:center;}
.widget_calendar_integration a {text-decoration: none; margin-bottom: 5px;}
.integration_cont img{max-height:150px;}
/*Code-Formatierung*/
.bbcode_code {padding: 10px; font-family: Courier !important; white-space:pre-wrap; color:  !important; font-weight: normal !important; position: relative;}
.bbcode_code_line {float: left; font-weight: bold; border-right: 1px solid #3c4442; padding: 0px 10px 0px 10px; margin: 0px 10px 0px 0px; font-family: Courier !important; color: ;}
.bbcode_code_code {font-family: Courier !important; overflow: auto; position: relative;}
.bbcode_code pre {overflow: auto; padding: 0px !important; position: relative;}
blockquote .bbcode_code, blockquote .bbcode_code_code, blockquote .bbcode_code pre {font-style: normal !important; color:  !important; position: relative;}
blockquote a {text-decoration: none !important; padding-left: 15px !important;}
pre { font-family: Courier !important; padding: 10px; color:  !important; width: 700px; overflow: auto; position: relative;}
/*Index Formatierung*/
.postbody h1,.postbody h2,.postbody h3{color:#fafafa}
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}
iframe.help-iframe { width: 1400px; height: 800px; border: 2px solid red; background: white url(http://files.homepagemodules.de/b2001010/a_1032_7fa999dd.gif) center center no-repeat; display: block; }
.help-iframe-wrap { position: absolute; top: 30px; right: 10px; border: 5px solid green; z-index: 5000; background: white; }
a#close-help { display: block; }
.activity_settings{float:right; margin-right:0px;}
/*Ratings.start*/
.xratings{text-align:left;mergin-right:10px;}
.r_type, .c_type,.c_id,.i_id,.xor_id{display:none;}
.ratingbutton{padding: 5px 12px;
width: auto !important;
display:inline-block;
margin-top: 15px;
margin-right: 15px;
border: 1px solid #545f5c;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background: #6d7a77 bottom left repeat-x;
color: #ffffff;
font-weight: bold;
cursor:pointer;
}
.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;}
#information .ratingbutton{margin-top:0px;}
.blogpostratings{margin-top:50px;}
.blogcommentratings .ratingbutton,.wikiratings .ratingbutton{margin-top:0px;}
.blogcommentratings,.wikiratings{padding: 10px}
.rating_remove{margin-left:8px;}
/*Ratings.end*/
/*Upload Progress Bar start*/
#do_upload{cursor:pointer;}
#progress {
width:300px;
text-align:left;
background: #5c6765;
border: 1px solid #3c4442;
margin-top: 20px;
}
#progressbar {
width: 0px;
height: 24px;
background: #6d7a77 bottom left repeat-x;
background-image: -moz-linear-gradient(15% 90% 90deg,#545f5c, #6d7a77, #6d7a77 100%);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6d7a77), to(#545f5c));
}
/*Upload Progress Bar end*/
/*Zitate*/
.savequot{padding-left:20px !important; background:url(//files.homepagemodules.de/b2001010/a_277.png) no-repeat left center;}
.savequot.act{background:url(//files.homepagemodules.de/b2001010/a_276.png) no-repeat left center;}
.nopad{margin: 0px !important; padding:0px !important;}

#subscription_table tr{cursor:pointer}
#subscription_table td.icon{width:30px; background: url(http://files.homepagemodules.de/b2001010/a_333.png) no-repeat center center ;}
#subscription_table tr.act td.icon{background: url(http://files.homepagemodules.de/b2001010/a_331.png) no-repeat center center;}
.closexDialog{float:right; margin-right:5px;cursor:pointer;}
#xOverlay{width:100%; height:100%; position:absolute; background-color:black;opacity: 0.4;}
#xDialog{min-width:200px;}
/*Layout*/
.leftcol, .rightcol, .main{vertical-align:top;}
body.stop_scrolling
{
position: fixed;
overflow-y: scroll;
width: 100%;
}
/* Listen im Beitragstext */
.xli,.mtext li,#signup_message li,.frules li {
margin-left: 20px;
}
.threadEntry {
position: relative;
}
.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: 13px;
color: #fafafa;
background-color: #56706b;
z-index: 99;
word-wrap:break-word;
-moz-box-shadow: -2px 4px 6px #293633;
-webkit-box-shadow: -2px 4px 6px #293633;
box-shadow: -2px 4px 6px #293633;
-moz-border-radius: 6px 6px 0px 0px;
-webkit-border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px;
border: 1px solid #3c4442;
}
.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;}
body {overflow-x: hidden;}
.header {width: 100%; border: 1px solid #3c4442; box-shadow: -2px 4px 6px #293633; border-radius: 6px;}
.topnavigation_wrap {background: none; border: none;}

li.searchli {display: none !important;}
#forumlogo {padding: 25px;}

.logotext h2 {text-shadow: 2px 1px 1px black, 6px 3px 6px white; letter-spacing: 2px;}
.page_index .box .boxheader h1,.page_pages .box .boxheader h1  {font-size: 18px; letter-spacing: 2px; 
text-shadow: 2px 2px 2px black,
0 0 5px green, 
0 0 20px white, 
0 0 25px green, 
0 0 28px green, 
0 0 30px black; 
}

.content {box-shadow: -2px 4px 6px #293633; border-radius: 6px;}
 
a:hover {color: #FDF6DA;}

/* Bleistiftcursor für Textareale */
.mtext, textarea, input {cursor:url(https://files.homepagemodules.de/b624252/a_252_f4979940.png), pointer;} 
/* Ende Bleistift */

ul.navigation {
display: flex;
align-items: center;
justify-content: center;
background: none;
border: none;
}
.navigation_wrap {background: none;}

#login_wrap.box {width: 55% !important; 
    margin-left: 0%;}
#login_wrap.box .boxheader::before {content: 'Herzlich Willkommen zum ';}
.fb_login_btn {position: relative; margin-left: 120% !important; margin-top: -6% !important;}
.page_login {background: url("//files.homepagemodules.de/b624252/f65t1497p6704n114_LDwglmoh.png") no-repeat; 
    background-position: right 12% top 46%; background-size: 20%;}

#login_submit {float: right; margin-right: -45%;}
#pwforget_link {float: right; margin-right: -45%; margin-top: -10%;}

#pwforget_wrap {width: 50%; top: 25%;} /* Box für vergessenes Passwort */

.page_anmeldung .box {width: 55%; margin-left: 0%;}
.page_anmeldung {background: url("//files.homepagemodules.de/b624252/f65t1497p6704n26_FJdNATuE.png") no-repeat; 
    background-position: right 10% top 44%; background-size: 25%;}
.page_login #breadcrumbs, .page_anmeldung #breadcrumbs {display: none;}
.page_anmeldung .boxheader::before {content: 'Herzlich Willkommen zur ';}

.page_index .lastactions {max-height: 347px !important;}
.page_index #breadcrumbs {display: none;}
.page_index .boxheader:hover {background: #6d7a77;}
.box.xFeedContainer, .box.cat {width: 75%; margin-left: auto; margin-right: auto;}
.lastactions li .cmhsp:hover {background: #6d7a77;}
.box.grey.stats {width: 88%; margin-left: auto; margin-right: auto;}
.box.grey.stats .boxheader {text-align: center;}
#xoborAdSeiteEl {display: none;}
#breadcrumbs > span > img, #breadcrumbs > span > a > img {display: none;}

#usercont_bottom div.content {background: none; box-shadow: none;}
.footer {display: none;}

#pfeile img {
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
         -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
            filter: grayscale(100%); 
}
#pfeile img:hover {filter: grayscale(40%);}

.af_link:hover:after {content:'Zur Einsicht der Usernamen und -profile ist eine registrierte Mitgliedschaft erforderlich. MfG, Admin';
    position: absolute;
    margin-left: 0.5%;
    width: 160px;
    padding: 10px;
    color: #ffffff;
    font-size: 11px;
    background: #56706b;
    border: 1px solid #565656;
    border-radius: 5%;
    z-index: 800;}

img.toggle_img.contract {width: 10px; filter: grayscale(100%);}
img.toggle_img.contract:hover {filter: grayscale(40%);}
img.toggle_img.expand {width: 10px; filter: grayscale(100%);}
img.toggle_img.expand:hover {filter: grayscale(40%);}

.hpm_spoiler_closed {
background:url(//files.homepagemodules.de/b624252/resize/12x12/a_112_a63c7f76.gif)no-repeat left center;
height:26px!important; filter: grayscale(100%);
}

.hpm_spoiler_open {
background:url(//files.homepagemodules.de/b624252/resize/12x12/a_111_d2beeaf9.gif)no-repeat left center;
height:26px!important;
}
.hpm_spoiler_open {background-color: green !important;}
.hpm_spoiler_headdiv {width: 20%; border-radius: 3px; background: #56706b;}
.hpm_spoiler_headdiv [value] {padding-left: 8%; margin-top: -1%;}
.hpm_spoiler_body {width: 90% !important; border: none;}
.hpm_spoiler_body .bbcode_code {width: 150% !important; background: white; color: black;} /* Anzeifeld für codes */

.xob_iconlist {margin-top: -1%;}
.xob_subiconlist {margin-top: 9px !important; margin-left: 85px !important; padding: 10px !important;}
.xob_subiconlist img {padding: 5px;}

#xob_sub_275714 {margin-top: 3px !important;}

td.sidebar {width: 12%;}

.messageinformation, .messageinformation td, .messageinformation_toggler {display: none;}
.messageinformation {text-align: right;}

/* Schalter für Info Anzeige */
.info_open, .info_close {color: white; background: #56706b;}

div#guestbook.profilerow.active div.profilecell.fullcell div#comments div#foptions_bar.options {width: 50%;}


@media screen and (max-width: 1024px) {

.logotext {width: 50% !important; margin: auto;}
#logo_2 {margin-left: 76.5% !important;}
.page_topic #breadcrumbs {margin-top: -2% !important;}
.page_user {max-width: 100% !important; margin-left: -6.5%;}
.profilecell.rightcell {max-width: 80% !important;}
.profilecell.rightcell ul.noimage.lastactions {max-width: 88% !important;}
.profilecell.rightcell ul.noimage.lastactions div.bbcode_code div.codeblock div.code pre {max-width: 80% !important;}
.profilecell.rightcell ul.noimage.lastactions div.bbcode_code {max-width: 80% !important;}
#merkzettel, #was_geht_firestone, #fire_stat, .u_online {top: 31% !important;}
#merkzettel input#eingabe {width: 200% !important;}
#was_geht_firestone .box.xFeedContainer {max-width: 98% !important;}
.options {background: none; border: none;}
.options .fpages {width: 98%; margin-left: 26%; margin-top: -1.5%;}
}

@media screen and (max-width: 768px) {
#inhalt {width: 42% !important;}
#logo_1 span, #logo_2 span {width: 15%;}
#logo_2 {margin-left: 82% !important;}
#navigation {max-width: 98%; margin-left: auto; margin-right: auto;}
#online {display: none;}
#was_geht_firestone .box.xFeedContainer {max-width: 98% !important;}
#fire_stat {max-width: 64% !important;}
#foverview_stat3 > span > input {margin-top: 10% !important;}
.page_forum #breadcrumbs {width: 10%; margin-left: -5% !important;}
.page_new #breadcrumbs {width: 10%; margin-left: -5% !important;}
.page_topic #breadcrumbs {width: 10%; margin-left: -5% !important;}
.page_topic .options {max-width: 80% !important;}
.page_topic .foptions {display: none;}
#foptions {max-width: 100%;}
.foptions1, .mposttime {display: none;}
.options {background: none; border: none;}
.options .fpages {width: 98%; margin-left: 25%; margin-top: -6%;}
#merkzettel input#eingabe {width: 180% !important;}
}

@media screen and (max-width: 667px) {
#merk_open, #online, .o5 {display: none;}
#domobile, .footer {width: 60%; margin-left: auto; margin-right: auto;}
#domobile a {color: yellow;}
#breadcrumbs {position: absolute !important; overflow: hidden;}
#fire_schalter_1 {top: 40% !important; margin-left: -1.6% !important;}
#was_geht_firestone, #fire_stat, .u_online {top: 41% !important;}
#fire_stat {left: 20% !important;}
}

@media screen and (max-width: 375px) {
#breadcrumbs, #fire_schalter_1, .messageinformation {display: none !important;}
.page_topic {width: 100% !important; margin-left: -8% !important; margin-right: auto;}
#messagewrap {width: 114% !important; margin-left: -7% !important;}
.mtext, .mtext img {max-width: 100%;}
.showsocial {margin-top: -5% !important;}
.fpages {margin-top: 1% !important; width: 100% !important;}
}

@media screen and (max-width: 640px) {
#fire_schalter_1, .messageinformation {display: none !important;}
.hpm_spoiler {width: 40% !important;}
.bbcode_code {width: 34% !important;}
.code pre {width: 85% !important;}
}

@media screen and (max-width: 360px) {
#breadcrumbs, #fire_schalter_1, .messageinformation {display: none !important;}
#messagewrap {width: 110% !important;}
.hpm_spoiler {width: 40% !important;}
.bbcode_code {width: 34% !important;}
.code pre {width: 85% !important;}
}

#foptions_extend > a:nth-child(3) {display: none;} /* Druckoption für Beiträge */


@keyframes orbit { 
  from { 
    transform:rotate(0deg) 
  } 
  to { 
    transform:rotate(360deg) 
  } 
}

.test_1 {animation: orbit 6s 3; background: none; border: none;}
.rot_right {animation: orbit 6s 3; background: none; border: none;}

@-webkit-keyframes testmove {
    0%   {top: 0px; left: 0px; background: red;}
    25%  {top: 0px; left: 100px; background: blue;}
    50%  {top: 50px; left: 0px; background: green;}
    75%  {top: 50px; left: 100px; background: yellow; color: black}
    100% {top: 0px; left: 0px; background: red;}
}
@keyframes testmove {
    0%   {top: 0px; left: 0px; background: red;}
    25%  {top: 0px; left: 100px; background: blue; border-radius: 50%; transform: rotate(20deg);}
    50%  {top: 50px; left: 0px; background: green; transform: rotate(-20deg);}
    75%  {top: 50px; left: 100px; background: yellow; color: black; border-radius: 0 20% 20% 20%;
          transform: rotate(20deg);}
    100% {top: 0px; left: 0px; background: red;}
}

.bewegen {
    width: 10%;
    padding: 6px;
    text-align: center;
    background: red;
    position: relative;
    -webkit-animation: testmove 5s infinite;
    animation: testmove 5s infinite;
    animation-timing-function:ease-in-out;
}
@keyframes testmove_1 {
    from {top: 0px; left: 0px; padding: 4px; border-radius: 50%; background: red; transform: rotate(0deg);}
   
    to {top: 120%; left: 55%; padding: 4px; background: green; transform: rotate(360deg);}
}
.bewegen_1 {
    width: 10%;
    padding: 6px;
    text-align: center;
    background: red;
    position: relative;
    -webkit-animation: testmove_1 10s infinite;
    animation: testmove_1 10s infinite;
    animation-timing-function:ease-in-out;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}
.tippen {
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: auto; /* Gives that scrolling effect as the typing happens */
  animation: typing 10s steps(40) 1s 1 normal both;    
}

@keyframes einblenden {
from {opacity: 0;} 
to {opacity: 1.0;}
}
@keyframes ausblenden {
from {opacity: 1.0;} 
to {opacity: 0;}
}

/* 3D Rotation */
.dreh_3D {animation: perspect 10s 4s linear; animation-timing-function: ease-in;}
@keyframes perspect {
   from {transform:perspective(500px) rotateY(0deg)}
  
   to {transform:perspective(500px) rotateY(90deg)}  
}
.dreh_3D1 {animation: perspect1 10s 4s linear; animation-timing-function: ease-in;}
@keyframes perspect1 {
   from {transform:perspective(500px) rotateY(0deg)}
 
   to {transform:perspective(500px) rotateY(-90deg)}  
}


@keyframes testmove_a {
    from {top: 29.5%; left: 43%; transform: rotate(0deg);}
   
    to {top: 75%; left: 15%; transform: rotate(320deg);}
}
@keyframes testmove_b {
    from {top: 39%; left: 35%; transform: rotate(0deg);}
   
    to {top: 80%; left: 25%; transform: rotate(360deg);}
}
@keyframes testmove_c {
    from {top: 49%; left: 28%; transform: rotate(0deg);}
   
    to {top: 76%; left: 45%; transform: rotate(360deg);}
}

/* TVBox */
#myTVBox {position: relative;
width: 300px;
height: 200px;
margin-bottom: 2%;
display: inline-block;
text-align: center;
font-size: 20px;
font-family: comic sans ms;
font-weight: bold;
color: green;
background: yellow;
border-style: groove;
    border-width: 10px;
    border-color: green;
    border-radius: 4px; 
}
#myTVBox img {position:relative; 
width: 97%;
height: 97%;
padding: 1.5%;
border-radius: 3px; 
}
/* Ende TVBox */

.surp {position: absolute;
 top: 40%; 
 left: 70%; 
 width: 40px !important; 
 padding: 0px; 
 background: yellow;
}
#surprice {display: none; position: absolute; 
top: 40%; 
left: 30%; 
width: 32%; 
height: auto; 
padding: 50px; 
font-size: 20px; 
text-align: center; 
background: #56706b; 
border: 1px solid #191919; 
border-radius: 50%; 
box-shadow: -2px 4px 6px #293633; 
animation: orbit 6s; 
z-index: 3000;
}

/* Inhalte integrieren + addPics in der Iconbar ausblenden */
.iconbar #integrationswrap, .iconbar .xob_iconlist .xob_iconlist  {display:none;}

@keyframes boy {
    from {top: -4%; left: 30%; opacity: 0.6;}
   
    to {top: 68%; left: 63%; opacity: 1.0;}
}
@keyframes girl {
    from {top: 0%; left: 26%; opacity: 0.6;}
   
    to {top: 67%; left: 52%; opacity: 1.0;}
}


#icon_46 {margin-top: -6%;}
#xob_icon_280676 {width: 60px;}
#xob_sub_280676 {margin-top: 78%;}

.page_anmeldung form label.formfield:hover:after {content: url(https://img.homepagemodules.de/idee.gif) 'Bitte in den systemrelevanten Pflichtfeldern keine Sonderzeichen und/oder Umlaute verwenden! Vielen Dank.';
    position: absolute;
    left: 95%;
    top: 0%;
    width: 65%;
    text-align: left;
    color: #fafafa;
    font-size: 12px;
    line-height: 120%;     
    padding: 12px; 
    background: #56706b;
    border: 1px solid black;
    border-radius: 6px;
    box-shadow: -2px 4px 6px #293633;
    z-index: 600;
  }

/* Style für Testplayer basierend auf Audio Tag */
#MyTestPlayer {display: none; position: fixed; top: 35%; left: 62%; width: 20%; text-align: center;  padding: 8px; background-image: linear-gradient(#2e0478, #69a0c7); z-index: 1000;}
#MyTestPlayer span {color: black; margin: 3%; cursor: pointer;}
#MyTestPlayer span img {width: 20px; height: 20px;}
#MyTestPlayer .myButton {font-size: 10px; padding: 2px; border: 1px solid black; background: #cadbe8;}

/* eingefärbte Browserscrollbalken für Chrome, Safari, nicht FiFo */

::-webkit-scrollbar {
background: #6d7a77;
width: 10px;
-webkit-box-shadow: inset 0px 1px 5px #8b8b8b;
}
::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #56706b;
border: 1px solid black;
-webkit-box-shadow: inset 0px 1px 5px #8b8b8b;
}

/*FireFox Scrollbalken*/
body,html{
scrollbar-color: #56706b #6d7a77 !important;
/*IE Scrollbalken*/
-ms-scrollbar-track-color: #56706b;
-ms-scrollbar-base-color: #6d7a77;
}
/* Ende eingefärbte Browserscrollbalken */

#messagewrap > div:nth-child(31) > a:nth-child(3) > img:nth-child(1) {display: none;}