* {margin: 0px; padding:0px; font-family:Arial;}
.messagetext img {vertical-align: middle; max-width: 1160px;}
.messagecont {padding: 0px 10px 0px 0px;}
.xembedded img,.xembedded video{max-width: 55%;}
body {
background-color: transparent;
text-align:left;
font-size: 12px !important;
color: #0e4d13;
background-image: url(http://img.homepagemodules.de/ds/cached/gradientplus-w_1-h_600-top_transparent-bottom_transparent-btop_transparent.png);
background-repeat: repeat-x;
background-position: top;

}
.content { padding: 0px 2px 0px 2px; width: 1200px; min-width: 600px; }
/*Code-Formatierung*/
.bbcode_code {padding: 10px; font-family: Courier !important; white-space:pre-wrap; color: #0e4d13 !important; font-weight: normal !important; position: relative;}
.bbcode_code_line {float: left; font-weight: bold; border-right: 1px solid transparent; padding: 0px 10px 0px 10px; margin: 0px 10px 0px 0px; font-family: Courier !important; color: #030203;}
.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: #000000 !important; position: relative;}
blockquote a {text-decoration: none !important; padding-left: 15px !important;}
pre { font-family: Courier !important; padding: 10px; color: #0e4d13 !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 transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
right: -16px;
top: 20px;
position: absolute;
display: none;
background-color: transparent;
line-height: 20px;
z-index: 500;
-moz-opacity:0.95;
filter: alpha(opacity=95);
opacity: 0.95;
}
.navbar {
border-top: 1px solid transparent; background-color: transparent; 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: transparent !important;}
.navbar li {padding: 6px 15px 6px 15px; border-right: 1px solid transparent; border-right: 1px solid transparent; float: left;}
.navbar a, .undernav a, .undernav li a {text-decoration: none !important; font-size: 12px; color: #DDDDDD !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: transparent; padding: 3px 10px 3px 0px; font-weight: bold;}
.grey {color: #000000; font-weight: normal;}
.contact {padding: 8px 0px 5px 0px; font-size: 11px; border-bottom: 1px solid transparent;}
.contact a {text-decoration: none;}
.int_content {padding: 15px 20px 15px 20px; background-color: transparent; margin: 5px 10px 5px 10px; font-size: 11px !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: transparent; 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: transparent !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 transparent; width: 200px; height: 195px;}
.cat_item_link {text-align: center; border-top: 1px solid transparent; 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 transparent; vertical-align:middle;padding: 0px 8px;text-align:center;}
.view_table .firsttd img{vertical-align:middle; text-align:center;}
table, tr, td {font-size: 12px !important;}
.error,a.abusemessage,strong.abusemessage {font-weight: normal; color: #a71111 !important;}
a {color: #0e4d13 }
a:link { color: #030203 }
a:visited { color: #228a91 }
a:hover { color: transparent }
a:active { color: #030203 }
a img {border: none;}
.page /* Umgibt den Inhalt des Forums */
{
text-align:center;
margin: 0 auto;
color: #0e4d13;
-moz-opacity: 1;
}
.page2 { }
.inpage
/* Umschließt nur den änderbaren inhalt z.B. Kategorien, Foren, Threads */
{
text-align:left;
color: #0e4d13;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_transparent-color2_transparent-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_transparent-color2_transparent-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 transparent; border-left: 1px solid transparent; background-color: transparent; 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_transparent-color2_transparent-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_transparent-color2_transparent-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_transparent-color2_transparent-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_transparent-color2_transparent-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: 12px;
color: #0e4d13;
}
.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: 12px;
padding: 2px;
}
/* Überschriften */
h2, h2 a, a h2, h3, h3 a, a h3 {
font-size:18px;
color: transparent !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: transparent !important;
font-weight: bold;
text-decoration: none;
}
.headerlogo h2, .headerlogo h2 a, .headerlogo a h2, .headerlogo h3, .headerlogo h3 a, .headerlogo a h3{
color: #0e4d13 !important;
}
small {
font-size: 11px;
}
dt {
float:left;
padding-right: 20px;
width:25%;
}
.option dd{float:left}
/* Trennstrich */
hr {
border-top: 1px solid transparent;
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: #000000 !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: #000000 !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: 12px;
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: transparent;
background-color: transparent;
border: 1px solid transparent;
font-size: 12px;
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:12px;
color: #0e4d13;
}
.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: 12px;
background-color: transparent;
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: 11px;
background-color: #767676;
border: 1px solid #000000;
color: #000000 !important;
padding: 2px 8px; margin: 0px;
}
/* Inputfelder */
.inputbox {
font-size: 12px;
background-color: #767676;
border:1px solid #000000;
padding: 2px 5px 2px 5px;
margin: 3px 0px 3px 0px;
color: #000000 !important;
}
.button1, .widget_calendar_event input {
padding:5px 25px 5px 25px;
margin: 3px 5px 3px 0px;
background-color: transparent;
border: 1px solid #000000;
font-size: 12px;
font-weight: normal;
color: #ebe3df;
}
.button1:hover {
background-color:transparent;
border-color:transparent;
}
/*Schnell-Login*/
.button_login{
padding:1px 3px 1px 3px;
margin-right: 5px;
background-color: transparent;
border: 1px solid #000000;
font-size: 11px;
font-weight: normal;
color: #ebe3df;
}
.inputbox_small {padding: 1px 4px !important; margin-right: 3px; font-size: 11px;
background-color: #767676;
border:1px solid #000000;
color: #000000 !important;}
.button_small:hover {
background-color:transparent;
border-color:transparent;
}
/* 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: 11px !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_transparent-color2_transparent-color3_transparent.png);
width:110px;
left: -10px;
z-index: 500;
}
.button_reply:hover {
background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_replybutton2-color1_transparent-color2_transparent-color3_transparent.png);
}
.button_edit {
background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_editbutton2-color1_transparent-color2_transparent-color3_transparent.png);
width:160px;
left: 108px;
z-index: 100;
}
.button_edit:hover {
background-image: url(http://img.homepagemodules.de/ds/cached/svg-object_editbutton2-color1_transparent-color2_transparent-color3_transparent.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 transparent;}
.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: #0e4d13 !important;
}
.calendar_next_link{
text-decoration: none;
}
.calendar_days_header{
font-weight: bold;
background: #D0D0D0;
color: #ebe3df
}
.calendar_days_body{
height:256px;
background:#4E4E4E;
vertical-align:top;
}
.calendar_H1 {
color:transparent;
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 transparent; display: none;}
.settingbox input, settingbox select {font-size: 11px !important; border: 1px solid #000000; padding: 1px 5px;}
.message .messagehead h3 {font-size: 12px; display: inline; color: #0e4d13 !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: 11px;}
.okay {color: green; font-size: 11px;}
/*Seitenanzeige*/
.pagesBg {height: 24px; -moz-border-radius: 7px; margin: 10px 0px 0px 0px; width: 1198px; 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: 11px;}
.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: 11px; 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: 9px; border: 1px solid #030203; padding: 0px 4px; -moz-border-radius: 2px; border-radius: 2px;}
.thrPag {float: right; margin-right: 10px;}
.thrPag b {font-size: 9px; margin-right: 5px; float: left;}
.button_reply {margin-left:-1px;}
.onstat {font-size: 11px; white-space: nowrap; display: inline;}
.onstat span {text-transform: capitalize;}
.igmid {vertical-align: middle; margin-right: 3px; border: none;}
.row_h:hover {background-color: transparent !important; cursor: pointer !important;}
.row_h:hover a {text-decoration: underline !important;}
.jumpTo a {text-decoration: none; font-size: 11px; font-size: 11px; display: block; float: none; border-top: 1px solid transparent; border-bottom: 1px solid transparent; margin-top: -1px; padding: 5px 7px;}
.jumpTo a:hover {background-color: transparent !important; cursor: pointer;}
.jumpTo {width: 300px; max-height: 300px; overflow-y: scroll; overflow-x: hidden; border: 2px solid transparent; background-color: transparent; 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: 11px; 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 transparent;
display: none;
border-color:transparent;
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 transparent;
border:1px solid transparent;
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: #0e4d13;
float:left;
margin: 0 5px;
font-size: 12px;
border-right: 1px solid transparent;
padding: 0;
text-align:center;
line-height: 20px;
background-color: transparent;
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: transparent;
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: #0e4d13;
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: #030203; font-size: 11px; 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 transparent; padding: 5px; margin: 2px; text-align: left;}
.widget_calendar_date {font-size: 11px; float: right; width: 30%;}
.widget_calendar_name {font-weight: bold; float: left; width: 60%; border-right: 1px solid transparent;}
.widget_calendar_check {float: left; padding: 3px 10px 3px 5px;}
/*Kalender Widget Integration*/
.widget_calendar_integration {width: 200px; border: 1px solid transparent; padding: 5px; text-align: justify; font-size: 11px; 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 transparent; 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: transparent;
border: 1px solid #000000;
font-size: 12px;
font-weight: normal;
color: #ebe3df;
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: transparent;
border: 1px solid transparent;
margin-top: 20px;
}
#progressbar {
width: 0px;
height: 24px;
background: #767676 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: 12px;
color: ;
background-color: transparent;
z-index: 99;
word-wrap:break-word;
-moz-box-shadow: -2px 4px 6px transparent;
-webkit-box-shadow: -2px 4px 6px transparent;
box-shadow: -2px 4px 6px transparent;
-moz-border-radius: 6px 6px 0px 0px;
-webkit-border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px;
border: 1px solid transparent;
}
.donationinfo{padding-left: 100px; background:url(http://img.homepagemodules.de/ds/static/iconset/basic/64/basic2-163_money_coin_euro.png) 20px center no-repeat; margin-bottom:10px;background-size:contain;}
.donationbox{max-width:500px;}
.donation_options{width:100%;}
.donation_options.vertical{max-width:150px;}
.donation_options td{text-align:center; padding: 10px; border: 1px solid;}
.donation_options td:hover{
cursor:pointer;
-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
}
.donation_goal{text-align:center; font-weight:bold;}
.donation_progress{border:1px solid; padding: 10px;text-align:center;position:relative;max-width:500px;height:20px;}
.donation_progress .peuro{height:20px; position:absolute; display: block; width: 100%; z-index:2;}
.donation_progress .ppercent{
max-width:100%; height:20px;
background: #a9db80; /* Old browsers */
background: -moz-linear-gradient(top, #a9db80 0%, #96c56f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #a9db80 0%,#96c56f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a9db80 0%,#96c56f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=0 ); /* IE6-9 */
position:absolute; top:0px; left:0px; padding:10px 0; max-width:100% !important;}
.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;
}
.content {    background-color: #ebe3df; none repeat scroll 0 0;    border-radius: -20px;       box-shadow: 10px 0 10px #000000, -10px 0 10px #000000 !important;     color: #000000;     font-size: 16,5px;} 

a:link{ text-decoration: none !important; -moz-transform: all !important; -o-transform: all !important; -htm-transform: all !important; -webkit-transform: all !important; transition: 1s !important; -moz-transition: 1s !important; -o-transition: 1s !important; -htm-transition: 1s !important; -webkit-transition: 1s !important; -webkit-transition: 180ms linear 0s; -moz-transition: 180ms linear 0s; -o-transition: 180ms linear 0s; transition: 180ms linear 0s; }

a:link:hover, a:link:focus {text-shadow: -1px 1px 10px #ffffff  , 1px -1px 10px #8B0000   } a:hover {text-decoration: none !important;}

a.forumtitle {
-moz-transition-duration:1000ms;
color: #ffffff !important;
font-size:1.0em;

}

a.forumtitle:hover {
-moz-transition-duration:1000ms;
color:#ffffff  !important;
font-size:1.0em;
text-decoration: none !important;
}

a:hover, a.gensmall:hover {
color:#ffffff ;
text-shadow: 2px 2px 4px #ffffff  ;
text-transform: uppercase;
text-decoration: none;
}


.shadow1 {
background-image: linear-gradient(#cfc8c2, #e7e3e0);
background-image: -webkit-linear-gradient(#cfc8c2, #e7e3e0);
}

.shadow2  {
  box-shadow: 15px #000000;
  background-image: linear-gradient(to top, #bac7b7, #bac7b7, #fff5ee);
  width: 100%;
}

.shadow3 {
background-image: linear-gradient(#a52a2a, #ffffff);
background-image: -webkit-linear-gradient(#a52a2a, #ffffff);
}

.shadow4 {
background-image: linear-gradient(#256d7b, #778386);
background-image: -webkit-linear-gradient(#ffffff, #256d7b);
}

.shadow5 {
background-image: linear-gradient(#cfd3cd , #c0c0c0);
background-image: -webkit-linear-gradient(#cfd3cd , #c0c0c0);
}

.shadow6  {
border-top: 2px solid #000000;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
background-image: linear-gradient(to right, #908f88, #908f88, #908f88, #dcdcd9); width:80%;
border-bottom: 2px solid #000000;

}

.shadow7  {
border-top: 0.5px solid #e7e7e7;
background-image: linear-gradient(to right, #e1e0d4, #e7e7e7, #e7e7e7, #e1e0d4); width:100%;
border-bottom: 0.5px solid #e7e7e7;
}

.shadow8  {
border-top: 0.5px solid #dbd7ca;
background-image: linear-gradient(to right, #e1e0d4, #dbd7ca, #dbd7ca, #e1e0d4); width:100%;
border-bottom: 0.5px solid #dbd7ca;
}

.shadow9  {
border-top: 0.5px solid #9a9887;
background-image: linear-gradient(to right, #e1e0d4, #9a9887, #9a9887, #e1e0d4); width:100%;
border-bottom: 0.5px solid #9a9887;
}

.shadow10  {
border-top: 0.5px solid #e8e5d9;
background-image: linear-gradient(to right, #e1e0d4, #e8e5d9, #e8e5d9, #e1e0d4); width:100%;
border-bottom: 0.5px solid #e8e5d9;
}

.shadow11  {
border-top: 0.5px solid #e8deb1;
background-image: linear-gradient(to bottom, #e8deb1, #e8deb1, #e8deb1, #ffffff); width:100%;
}

.shadow12  {
border-top: 0.5px solid #e7e7e7;
background-image: linear-gradient(to bottom, #e7e7e7, #e7e7e7, #e7e7e7, #ffffff); width:100%;
}

.lastactions li {
border-bottom: 0px !important;
min-height: 13px !important;
}
 
#xActivityFeed {
/* Tabellenhintergrundfarbe */
background:#ebe3df!important;

/* Schriftfarbe */
color:#000000 !important;

/* Schriftgröße */
font-size: 11px !important;

/* Schriftart */
font-family:lucida handwriting !important;
}

#xActivityFeed a {
/* Link-Farbe */
color:#000000 !important;

/* Link-Schriftgröße */
font-size: 11px !important;
}

#xActivityFeed a:hover {
/* Mouseover: Link-Farbe */
color:#000000 !important;

/* Mouseover: Schräge Schrift */
font-style: oblique !important;
}


#xActivityFeed a {
/* Hintergrundfarbe Link*/
background: #ece3de !important;

/* Abgerundete Ecken */
border-radius:6px;

/* Schlagschatten */
box-shadow:0px 0px 9px #000000;

/* Rahmen */
border:1px solid #000000;

/* Notwendig Einstellung für Linkformatierung */
padding:3px;
line-height:20px !important;
}


:root {
  --header-bg: #A3B1F0; /* farbiger Balken oben beim Handy */
  --person-2-bg: 81, 96, 165; /* HG Text für Person 2 in RGB-Zahlen */
  --person-2-font-color: #fff; /* Schriftfarbe für Person 2, falls Hintergrund andersfarbig wird */
}

.bubble
{
position: center;
width: 200px;
height: 85px;
padding: 13px;
background: #A5A68F;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 30px 60px;
border: #000000 solid 2px;
}



.bubble1
{
position: relative;
width: 200px;
height: 80px;
padding: 8px;
background: #d4c2d4;
-webkit-border-radius: 37px;
-moz-border-radius: 37px;
border-radius: 37px;
border: #000000 solid 6px;
}

.page_blog_entry .g-recaptcha{display:none;}

.xob_iconlist > .xob_icon_cont img{max-height: 2rem !important; }

* { box-sizing: border-box;}

html {
  font-size: 100%;
}
body {
  padding: 1rem;
  font-familiy: Verdana, Geneva, sans-serif;
}
/* The Container */
.box-grid {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: 1.5rem;
  justify-items: center;
  padding: 0;
}

/* Styles for the caption overlays */
/* Standard Box: Top Center */
.box-flex {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: center;
  padding: .5rem;
  text-align: center;
  font-size: 1.2rem;
  background-color: #333333;
  color: #d9d9d9;
}

/* Box: Center Center */
.box-flex-center {
  align-items: center;
}

/* Box: Bottom Center */
.box-flex-bottom {
  align-items: flex-end;
}

/* Box: Top Right */
.box-flex-top-right {
  justify-content: flex-end;
}

/* Box: Center Left */
.box-flex-center-left {
  align-items: center;
  justify-content: flex-start;
}

/* Box: Bottom Right */
.box-flex-bottom-right {
  align-items: flex-end;
  justify-content: flex-end;
}

.box-img {
  transition: -webkit-transform .5s ease-in-out;
  transition: transform .5s ease-in-out;
}

.box-img:hover {
  -webkit-transform: scale(1.07);
  transform: scale(1.07);
}

.box-caption {
  position: absolute;
  max-width: 200px;
  margin: 0;
  padding: .5rem;
  word-break: break-word;
  font-size: 1.25rem;
  background-color: rgba(0,0,0,.3);
  color: #f2f2f2;
}

.box-caption:hover {
  background-color: rgba(0,0,0,.5);
  color: #e6e6e6;
  transition: all ease .5s;
}

/* Styles for multiple caption overlays */

/* align-self: flex-start */
.align-start {
  align-self: flex-start;
}

/* align-self: center */
.align-center {
  -ms-grid-row-align: center;
  align-self: center;
}

/* align-self: flex-end */
.align-end {
  align-self: flex-end;
}

/* Standard: Top Center */
.box-flex {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  padding: .5rem;
  text-align: center;
  font-size: 1.2rem;
  word-break: break-word;
  background-color: #333333;
  color: #000000;
}

/* Box: Center Center */
.box-flex-center {
  align-items: center;
}

/* Box: Bottom Center */
.box-flex-bottom {
  align-items: flex-end;
}

/* Box: Top Right */
.box-flex-top-right {
  justify-content: flex-end;
}

/* Box: Center Left */
.box-flex-center-left {
  align-items: center;
  justify-content: flex-start;
}

/* Box: Bottom Right */
.box-flex-bottom-right {
  align-items: flex-end;
  justify-content: flex-end;
}



.box-caption {
  position: absolute;
  max-width: 200px;
  word-break: break-word;
}

.box-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px,1fr));
  grid-gap: 1.5rem;
  justify-items: center;
  margin: 0;
  padding: 0;
}


/* Spoiler-Design + Pre + Code */
.hpm_spoiler  {display:inline-block; width:auto;max-width:98%;}
.hpm_spoiler, .hpm_spoiler_headinput {outline:none; color:#ffffff;}
 
.hpm_spoiler_body {width:auto; background-color:#fafafa; color:#000000; border-color:#383838; border-style:double; border-width:0 5px 5px 5px; border-radius:0 0 5px 5px; margin-left:5px;}
 
.hpm_spoiler_headdiv {background:#cccccc; border:2px solid #777777; border-radius:5px;}
.hpm_spoiler_headdiv input {position:relative;color:#383838;width:98%}
.hpm_spoiler_headdiv:hover {background:#dddddd;}
 
.hpm_spoiler_closebutton {background-color:#cccccc; font:normal 11px Verdana,Arial,sans-serif; font-style:italic; border-top:1px solid #383838; padding:2px 10px;}
.hpm_spoiler_closebutton a {display:block; width:100%; text-decoration:none; color:#383838 !important; }
.hpm_spoiler_closebutton:hover {background-color:#dddddd;}
 
 pre {background-color:#fdfdfd; width:auto; max-width: 65vw; min-width:10vw; box-shadow: 0.1rem 0.1rem 6px rgba(0, 0, 0, 0.4)}
.codelines {background-color:#aaaaaa; color:#ffffff;}
.bbcode_code {color:#eeeeee;}
.code {display:inline-block; max-width:90%;}
.code pre {color:#000000; width:inherit;}
 pre code {background:transparent !important; padding:inherit !important; font-weight:bold; font-size:14px; overflow-x:auto;width:auto;max-width:100vw; margin-right: 15px;}
 


.Card {
background: #CDC1C5  url("https://purepng.com/public/uploads/large/purepng.com-roseflowers-rose-red-rose-961524681143wwswy.png") no-repeat scroll center bottom;
border-radius: 25px;
color: #000000;
font-family: Allura;
font-size: 30px;
font-weight: bold;
max-width: 30%;
min-height: 250px;
padding: 3px 3px 3px 3px;
text-align: center;
text-shadow: 0 0 25px RosyBrown4;
position: relative;
center: 200px;
margin-bottom: 100px;
}

/*COOKIE EINSTELLUNGEN*/ 
/** Hintergrundfarbe und Rahmenfarbe - Fenster Cookie-Hinweis **/
.klaro .cookie-modal .cm-modal.cm-klaro {
   background: #cbb2a4 !important;
   border: 1px solid #000000 !important;
}

.klaro .cookie-modal .cm-modal.cm-klaro {
background: #ece3de !important;
border: 1px solid #000000 !important;
width:500px !important;
font-size:85% !important;
}
 
/** Schriftfarbe - Fenster Cookie-Hinweis **/
.klaro .cookie-modal .cm-modal.cm-klaro span{
   color:#000000 !important;
}
 
/** Linkfarbe **/
.klaro .cookie-modal a {
   color:#ebe3df !important;
}
 
/** Schriftfarbe Button **/
.klaro .cookie-modal  .cm-btn-accept, 
.klaro .cookie-modal  .cm-btn-accept-all {
   color:#000000 !important;
}
 
/** Hintergrundfarbe und Rahmenfarbe - Auswahl-Button **/
.klaro .cookie-modal .cm-list-input.required:checked+.cm-list-label .slider, 
.klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider,
.klaro .cookie-modal .cm-list-input.only-required+.cm-list-label .slider,
.klaro .context-notice .cm-list-input.required:checked+.cm-list-label .slider, 
.klaro .context-notice .cm-list-input:checked+.cm-list-label .slider,
.klaro .context-notice .cm-list-input.only-required+.cm-list-label .slider, 
.klaro .cookie-notice .cm-list-input.required:checked+.cm-list-label .slider,
.klaro .cookie-notice .cm-list-input:checked+.cm-list-label .slider,
.klaro .cookie-notice .cm-btn.cm-btn-success {
   background:#cbb2a4 !important;
   border:1px solid #000000 !important; 
}
 
/** Hintergrundfarbe und Rahmenfarbe - Allen zustimmen-Button **/
.klaro .cookie-modal  .cm-btn-accept-all {
   background:#cbb2a4 !important;
   border:1px solid #000000 !important; 
}


.messagecont div div center a img{
border-style: ridge; border-width: 5px; border-color: #4A708B ;
}


.sbox {max-height: 200px; overflow-y:scroll;}

.sbox1 {
padding: 10px;
max-height: 400px; 
max-width: 550px; 
overflow-y:scroll;
border: 1px solid #cc0000;
text-align: left;
}

.sbox2 {
padding: 10px;
max-height: 400px; 
max-width: 550px; 
overflow-y:scroll;
border: 4px double #90bba8;
text-align: left;
}

.sbox3 {
padding: 10px;
max-height: 400px; 
max-width: 550px; 
overflow-y:scroll;
border: 4px dotted #6f4457;
text-align: left;
}

.sbox4 {
padding: 10px;
max-height: 400px; 
max-width: 550px; 
overflow-y:scroll;
border: 4px dashed #c35831;
text-align: left;
}

.sbox5 {
padding: 10px;
max-height: 400px; 
max-width: 550px; 
overflow-y:scroll;
border: 6px groove #f3e03b;
text-align: left;
}

.sbox6 {
padding: 10px;
max-height: 400px; 
max-width: 550px; 
overflow-y:scroll;
border: 6px outset #ffffff;
text-align: left;
}

.bbcode_code .codeblock .codelines {
color: #000000;
background-color: #8B8386  ;
}

/* Nummerierung: Schrift + Hintergrund */
.bbcode_code .codeblock .codelines {
color: #000000;
background-color: #939393 ;
}
 
/* Codeliste: Hintergrund */
.bbcode_code .codeblock pre {background-color: #c8c8c6  !important;}

h3 {
height: 15px;
background: linear-gradient(to bottom, #CDAF95 50%, #BEBEBE  50%);
text-align: left;
color: #d8877b;
font-family: 'Poppins';
font-size: 14px;
text-transform: uppercase;
letter-spacing: 3px;
line-height: 1.8em;
border-right-style: solid;
border-right-width: 3em;
border-color: #ad9392;
}


/******************* BOXES *******************/

.fakenewsbox {
  background-color: #c4b0a7;
  font-family: open sans;
  font-size: 11px;
  line-height: 15px;
  color: #000000;
  text-align: justify;
  padding: 10px;
  height: 130px;
  overflow: auto;
}


.fakenewssmallbox {
  background-color: #c4b0a7;
  font-family: calibri, open sans;
  font-size: 11px;
  line-height: 15px;
  color: #1b1b1b;
  text-align: justify;
  padding: 10px;
  height: 100px;
  overflow: auto;
}


.fakenewslinkbox {
  background-color: #c4b0a7;
  font-family: open sans;
  font-size: 11px;
  line-height: 15px;
  color: #1b1b1b;
  text-align: justify;
  padding: 10px;
  height: 130px;
  overflow: auto;
}


/******************* NEWSPAPER *******************/

.fakenewspaper {
  background-color: #c4b0a7;
  font-family: times;
  font-size: 11px;
  line-height: 15px;
  color: #1b1b1b;
  text-align: justify;
  padding: 10px;
  height: 250px;
  overflow: hidden;
}

.fakenewspaperi {
  background-color: #c4b0a7 ;
  font-family: open sans;
  padding: 10px;
  height: 230px;
  overflow: auto;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 1px 1px 1px #999;
}

.fakenewspaperbody {
  background-color: #c4b0a7 ;
  font-family: open sans;
  font-size: 10px;
  line-height: 15px;
  width: 100%;
  color: #1b1b1b;
  text-align: justify;
}

.fakenewspaperhead {
  font-family: vidaloka;
  font-size: 38px;
  border-bottom: double;
  border-top: double;
  line-height: 45px;
  text-transform: uppercase;
  text-align: center,
}

.fakenewspapersub {
  font-family: vidaloka;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
font-weight:bold;
  text-align: center;
  width: 300px;
  padding-top: 3px;
  padding-bottom: 5px;
}

.fakenewspapersl {
  font-family: vidaloka;
  font-size: 9px;
  text-transform: uppercase;
  margin-bottom: -10px;
  letter-spacing: 2px;
  text-align: left;
}

.fakenewspapersr {
  font-family: vidaloka;
  font-size: 9px;
  margin-bottom: -10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: right;
}

/******************* TEAM IMAGES *******************/

.spin img {
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
  border-radius: 100%;
  margin: 5px;
  border: 2px solid #fff;
}

.spin img:hover {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  border-radius: 100%;
  margin: 5px;
  border: 2px solid #fff;
}

/******************* SCROLLBARS *******************/

#fakenews ::-webkit-scrollbar {
  width: 4px;
  background: #d6c0b6 ;
  border-radius: 5px;
}

#fakenews ::-webkit-scrollbar-thumb {
  background: #d6c0b6 ;
  height: 4px;
  border-radius: 5px;
}

#fakenews ::-webkit-scrollbar-track {
  background-color: #ddd;
  opacity: 0.8;
  border-radius: 5px;
}

/******************* LINKS *******************/

.fakenewssmallbox a {
  color: #f16d6d;
  text-decoration: none;
  display: inline;
  font-weight: bold;
}

.fakenewssmallbox a:hover {
  color: #f16d6d;
  text-decoration: none;
  display: inline;
  font-weight: bold;
}

.fakenewsbox a {
  color: #f16d6d;
  text-decoration: none;
  display: inline;
  font-weight: bold;
}

.fakenewsbox a:hover {
  color: #f16d6d;
  text-decoration: none;
  display: inline;
  font-weight: bold;
}




.fakenewslinklist {
  font-family: 'Roboto Condensed', serif;
  border-left: 5px solid #87685a;
  margin-top: 2px;
  padding: 1px;
  color: #2c2c2c;
  width: 120px;
  background-color: #d6c0b6 ;
  text-decoration: none;
  font-style: normal;
  padding: 4px;
  text-align: left;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 1.5;
}

.fakenewslinklist a:link {
  text-decoration: none;
  color: #666;
}

.fakenewslinklist a:visited {
  text-decoration: none;
  color: #666;
}

.fakenewslinklist a:hover {
  text-decoration: none;
  color: #f16d6d;
}

.fakenewslinklist a:active {
  text-decoration: none;
  color: #666;
}

/******************* HEADERS & ACCENT COLOR *******************/

.fakenewsheadline {
  font-family: 'abril fatface', sans-serif;
  color: #000000 ;
  border-right: 5px solid #87685a;
  font-size: 24px;
  font-weight: normal;
  background-color: #d6c0b6;
  padding: 5px;
  text-transform: uppercase;
  text-align: left;
}

.accent {
  color: #f16d6d;
}

.fakenewsheadline a:link {
  font-family: 'Abril Fatface', sans-serif;
  color: #f16d6d;
  font-size: 24px;
  font-weight: normal;
  background-color: #c1c1c1;
  padding: 5px;
  text-transform: uppercase;
  text-align: right;
  border-radius: 5px;
}

/*##################################*/
/* javascript disabled (not loaded) */
/*##################################*/

/*TABS*/
/* whole tabbed menu wrapper */
.tabmenu {

}

/* wraps a set of tab (title and content) */
.tab {

}

/* wraps the tab title */
.tabtitle { 
}

/* wraps the tab content */
.tabcontent_top {
background: #c8c8c6;
margin-left: -25px;
margin-top: -5px;
margin-right: -25px;
margin-bottom: 15px;
height: 9px;
border-bottom: 1px solid #939393;
border-left: 0px;
border-right: 0px;
border-top: 0px;
}
.tabcontent {

}

/*###########################*/
/* javascript enabled (live) */
/*###########################*/

/* tabbed menu wrapper (.tabmenu is now changed to .tabmenu_live)*/
.tabmenu_live {

}

.tabcontent_top {
background: #c8c8c6;
margin: -5px -25px 15px -25px;
height: 9px;
border-bottom: 3px solid #939393 ;
}

.tabcontent {
height: 300px; width: auto;overflow:auto;
}

/* unordered list <ul> with tab titles */
.tabmenu_ul {
padding: 10px 0 18px 10px;
margin-bottom:3px;
}

/* list item for the unordered list <ul> */
.tabmenu_ul li {
display:inline;
margin-right:10px;
}

/* clickable tab titles */
.tabmenu_ul li a, .tabmenu_ul li a:link {
background: #f2f2f2;background: #c8c8c6;
padding:7px 9px;
margin-left: -9px;
height: 27px;
border:3px solid #939393 ;
box-shadow: 1px 1px 1px #000000, -1px 1px 1px #000000, 1px -1px 1px #000000, -1px -1px 1px #000000;
-moz-box-shadow: 0px 1px 0px #000000, 0px 1px 1px #000000, 0px -0px 0px, -0px -0px 0px;
color:#555555;
font-size:14px;
font-weight:bold;
letter-spacing: 2px; 
text-decoration: none;
}

.tabmenu_ul li a:hover {
padding:7px 
padding-left:9px;
padding-right:9px;
margin-left: -29px;
height: 27px;
border:3px solid #b939393 ;
box-shadow: 1px 1px 1px #000000, -1px 1px 1px #000000, 1px -1px 1px #4797df, -1px -1px 1px #000000;
-moz-box-shadow: 0px 1px 0px #000000, 0px 1px 1px #000000, 0px -0px 0px, -0px -0px 0px;
background: #f2f2f2;
font-size:11px;
color:#555555;
font-size:14px;
font-weight:bold;
letter-spacing: 2px;
text-decoration: none;
}

/* current selected tab titles */
.tabmenu_ul li a.current {
background: #c8c8c6;
color:#555555;
border:3px solid #939393 ;
border-bottom: 1px solid #000000;
box-shadow: 1px 1px 1px #000000, -1px 1px 1px #000000, 1px -1px 1px #000000, -1px -1px 1px #000000;
-moz-box-shadow: 0px 1px 0px #000000, 0px 1px 1px #000000, 0px -0px 0px, -0px -0px 0px;
text-decoration: none;
}


/* wraps all tab content (after <ul>) */
.tabcontent_wrapper {
background: #c8c8c6;
border:3px solid #939393 ;
box-shadow: 1px 1px 1px #f2f2f2, -1px 1px 1px #f2f2f2, 1px -1px 1px #f2f2f2, -1px -1px 1px #f2f2f2;
-moz-box-shadow: 0px 1px 0px #8f2f2f2, 0px 1px 1px #f2f2f2, 0px -0px 0px, -0px -0px 0px;
margin-top: -14px;
margin-right: 1px;
margin-right: 400px;
}

/* wraps a single tab content (inside .tabcontent_wrapper) */
.tabmenu_live .tabcontent {
line-height:17px;
padding-left: 25px;
padding-right: 25px;
padding-top: 5px;
padding-bottom: 15px;
}

/*##################################*/
/*              other               */
/*##################################*/

h4 {
	color: #fff;
}

div blockquote{
color:#d6c0b6 !important;
background-color:#d6c0b6;
font-family:sans-serif;
font-size:14px;font-weight:400;
}
blockquote{
margin-left: 30px;
border-color:#d6c0b6;
border-radius:15px 15px 15px 15px;
border-style:solid;
border-width:2px;
box-shadow:0 0 9px;
-moz-box-shadow:0 0 9px;
-o-box-shadow:0 0 9px;
-webkit-box-shadow:0 0 9px;
-khtml-box-shadow:0 0 9px;
padding:25px;
width:auto;
max-width:45em;
}
blockquote img {
max-width: 75% !important
}
blockquote hr {
border-top: 1px solid #d6c0b6;
}

/* Zitat im Beitrag*/
div blockquote{background-color:#d6c0b6 ;color:#000000 !important;}
div blockquote pre{width:90% !important;}
blockquote{border:2px solid #383838 !important;border-radius:15px 15px 15px 15px;box-shadow: 0.5rem 0.5rem 6px rgba(0, 0, 0, 0.6) !important;padding:25px;width:auto;max-width:45em;margin-left:30px;color:#000000;border:1px solid #383838;}
blockquote hr {border-top: 1px solid #dddddd;}
 
/* erweiterte Zitatfunktion */
#selectionNotifier {background:#d6c0b6  !important;color:#000000 !important;border:2px solid #000000;box-shadow: 0.5rem 0.5rem 6px rgba(0, 0, 0, 0.6) !important;}
#xQuotesInsertDiv {background:#d6c0b6  ;border-radius:5px;}
#qcount_container {background:#d6c0b6 ; color: #000000 !important; border-radius:4px 4px 0 0;border-bottom:1px solid #aaaaaa;padding:2px 4px;}
#quoteToggler {background:#d6c0b6  ; color:#111111 !important;border: 1px solid #383838 !important;width:250px !important;border-radius:50px;margin:0 0 4px 5px;padding:2px 5px !important;font-weight:bold !important;}
 
.xquote cite {background:#d6c0b6;border:1px solid #aaaaaa;padding:0 6px 0 5px;margin-top:2px;border-radius: 4px;}
.xquote cite a {color:#111111 !important;}
.xquote {background:#d6c0b6 ;padding-top:30px !important;}
.xquote.undefined blockquote p {margin:0 !important;}
.xquote.undefined blockquote {background-color:#d6c0b6 !important;margin-left:15px !important;padding:5px 10px !important;background: url(https://files.homepagemodules.de/b2001010/a_1361_84afe072.gif) top left no-repeat;}
 
.xQuotesHead {background:#d6c0b6  !important; border-bottom:1px solid #aaaaaa;border-radius:0 5px 0 0 !important;padding-bottom:5px;}
.xQuotesHead div{color:#111111 !important;}
.xQuotesNews img {cursor:default !important;}
.xQuotesNews {cursor:default !important;margin:5px !important;}
.xQuotesMain {background:#d6c0b6  !important;overflow:auto !important;}
.xQuotes {border-radius:0 5px 0 0 !important;}
.xQuotesBottom a {background:#d6c0b6   !important; color:#111111 !important; line-height:30px !important;border:1px solid #aaaaaa;border-radius:5px;padding:5px;font-size:12px !important;}
.xQuotesBottom {background-color:#d6c0b6  !important;padding:10px !important;border-top:1px solid #aaaaaa;}
 
 
/* TEAMSEITE */
/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
  background-color: transparent;
  width: 435px;
  height: 352px;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  color: black;
}

/* Style the back side */
.flip-card-back {
  background-color: #d1d0c6;
  color: white;
  transform: rotateY(180deg);
}

/* Teambilder Tabelle */
.container {
  position: relative;
display: block;
  width: 70px;
padding: 2px;
}

.image {
  display: block;
  width: 70px;
  height: 70px;
padding: 2px;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 1.5s ease;
padding: 2px;
}

.container:hover .overlay {
  opacity: 1;
}

<link href="https://fonts.googleapis.com/css?family=Exo+2" rel="stylesheet">
/******************* TEXTBOXEN *******************/

.nftextfeldlinks {
    background-color:#....;
    font-family: Arial;
    font-size:12px;
    line-heigth: 12px;
    color:#000000;
    text-align:justify;
    padding:10px;
    text-align:center;
    border-box:box-sizing;
}

.nftextfeldbig {
    background-color:#....;
    font-family:Arial;
    font-size:11px;
    line-height: 15px;
    color:#000000;
    text-align:justify;
    padding:10px;
    height:150px;
    overflow:auto;
    border-box:box-sizing;
}

.nftextfeldsmall {
    background-color:#...;
    font-family:Arial;
    font-size:11px;
    line-height: 15px;
    color:#1b1b1b;
    text-align:justify;
    padding:10px;
    height:220px;
    overflow:auto;
    border-box:box-sizing;
}

.nfteamtext {
    float:left;
    width:170px;
    margin:0 20px;
}


/******************* SCROLLBAR *******************/

#newsflash ::-webkit-scrollbar {
    width:8px;
    background:#918a7a;
}

#newsflash ::-webkit-scrollbar-thumb {
    background:#918a7a;
    height:10px;
}

#newsflash ::-webkit-scrollbar-track {
    background-color:#...;
    opacity:0.8;
}


/******************* LINKS *******************/

#newsflash a {
    font-family:'Exo 2',sans-serif;
    color:#000000;
    font-size: 12px;
    text-decoration: none;
    display:inline;
    text-transform:uppercase;
    font-weight:bold;
}

#newsflash a:hover {
    letter-spacing:1px;
}

.nftextfeldlinks a {
    padding:2px 10px;
}

/******************* ÜBERSCHRIFT *******************/

.nfheadline {
    font-family:'Exo 2',sans-serif;
    color:#000000;
    font-size:12px;
    font-weight:bold;
    background-color:#918a7a;
    padding:2px 6px;
    text-transform:uppercase;
    text-align:right;
    margin-bottom:8px;
}


/******************* BILDER *******************/

.nfweather {
    width:65px;
    float:left;
    margin-right:15px;
}
.nfteam {
    border:3px solid #c1c1c1;
    margin: 0 10px;
}


/* Umrandumg im Header ausblenden */
.c_r_top1_head{display:none}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"><link href="https://fonts.googleapis.com/css?family=Seaweed+Script|Cantarell" rel="stylesheet">
<style type="text/css">/* RONJA CHARAVORSTELLUNG - Code 22
Hintergrund - Bildlink! 500x500
*/ #ronja22body { background: url("http://via.placeholder.com/500x500"); width: 500px; height: 500px; box-sizing: border-box; } /*
ueberlagernde Farbe
*/ #ronja22hg { background: rgba(0,0,0,0.6); padding: 5px; height: 500px; box-sizing: border-box; } /*
Rahmen - hier Abstände fürs Kästchen etc. zum Rand anpassen
*/ #ronja22hr { padding: 40px 0px 0px 170px; border: solid 1px rgba(215,226,232,0.2); height: 490px; box-sizing: border-box; } /*
Schreibschrift
*/ #ronja22h1 { font-family: 'Seaweed Script', cursive; font-size: 85px; color: rgba(255,255,255,0.9); margin: 0px 0px -36px 0px; transform: rotate(-1.5deg); } /*
Textfeld
*/ #ronja22article { background: rgba(254,254,254,0.85); width: 600px; padding: 1px; height: 230px; box-sizing: border-box; } /*
*/ #ronja22articlehr { border: solid 11px rgba(143,144,145,0.9); height: 228px; box-sizing: border-box; overflow: hidden; } /*
eigentlicher Text
*/ .ronja22p { padding-right: 5px; text-align: justify; font-family: verdana, sans-serif; font-size: 11px; line-height: 13px; color: #000000; height: 186px; overflow: auto; } /*
*/ .ronja22border { padding: 10px 5px 10px 10px; } /*
Scrollbalken
*/ .ronja22p::-webkit-scrollbar { width: 5px; box-sizing: border-box; } /*
*/ .ronja22p::-webkit-scrollbar-track { background: #efefef;  border: solid 2px #e1e1e1; } /*
*/ .ronja22p::-webkit-scrollbar-thumb { background: #bcc7d2; } /*
Untertitel
*/ #ronja22h2 { margin: 0px 0px 5px 0px; width: 250px; text-align: right; font-family: 'Cantarell', sans-serif; font-size: 13px; font-weight: bold; color: #bcc7d2; letter-spacing: 1px; text-transform: uppercase; } /*
Kuller 1 und 3
*/ .ronja22menue { display: inline-block; background: rgba(254,254,254,0.85); width: 40px; height: 40px; border-radius: 100%; padding: 9px 0px 0px 0px; font-size: 15px; font-family: verdana; border: solid 3px rgba(143,144,145,0.9); box-sizing: border-box; } /*
Kuller 2
*/ #ronja22menu { margin: 0px 5px; display: inline-block; background: rgba(254,254,254,0.85); width: 40px; height: 40px; border-radius: 100%; padding: 9px 0px 0px 0px; font-size: 15px; font-family: verdana; border: solid 3px rgba(143,144,145,0.9); box-sizing: border-box; }</style>





/******************* GRUNDGERÜST *******************/

.tab-headline {
background: #afaa9f;
border-bottom: 3px solid #afaa9f;
padding: 10px;
text-align: center;
font-family: 'Kite One', sans-serif;
font-size: 20px;
color: #000000;
font-weight: bold;
text-transform: uppercase;
}

.tab-body {
height: 160px;
overflow: auto;
background-color: #....;
padding: 15px;  
font-family: verdana;
font-size: 10px;
color: #000000;
text-align: justify;
}

.tab-body b {
color: #2d3236;
font-weight: bold;
text-transform: uppercase;
}

/******************* FAKTEN & DROPDOWN *******************/

.tab-facts {
min-width: 90px;
background: #afaa9f;
font-family: 'Kite One', sans-serif;
font-size: 9px;
color: #000000;
text-transform: uppercase;
text-align: center;
padding: 4px 8px 3px 8px;
display: inline-block;
margin: 5px 5px 0px 5px;
}

.tab-facts-l {
min-width: 90px;
background: #afaa9f;
font-family: 'Kite One', sans-serif;
font-size: 9px;
color: #000000;
text-transform: uppercase;
text-align: center;
padding: 4px 8px 3px 8px;
display: inline-block;
margin: 5px 10px 0px 5px;
float: left;
}

.tab-facts-r {
min-width: 90px;
background: #afaa9f;
font-family: 'Kite One', sans-serif;
font-size: 9px;
color: #000000;
text-transform: uppercase;
text-align: center;
padding: 4px 8px 3px 8px;
display: inline-block;
margin: 5px 5px 0px 10px;
float: right;
}

.tab-links {
width: 140px;
background: #afaa9f;
font-family: 'Kite One', sans-serif;
font-size: 9px;
color: #000000;
text-transform: uppercase;
padding: 2px 8px 1px 8px;
margin: 5px 5px 0px 5px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}


/******************* TABS BEI 'INPLAY' *******************/

.tabs input[type=radio] {
position: absolute;
display: none;
}

.tabs {
width: 240px;
height: 160px;
float: none;
list-style: none;
position: relative;
padding: 0;
margin: auto;
}

.tabs li{
text-align: center;
display: inline;
}

/* Schrift-Icons für versch. Tabs */
.tabs label {
display: inline;
color: #2d3236;
font-size: 35px;
font-weight: bold;
border: 3px solid #2d3236;
padding: 3px 7px;
margin: 5px;
position: relative;
top: 0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

  
/* Ausgewählter Tab */
[type=radio]:checked ~ label {
color: #a1abb5;
border: 3px solid #a1abb5;
top: 0;
}
      
[type=radio]:checked ~ label ~ .tab-content {
display: block;
}

    
/* Tab-Inhalt */
.tab-content{
width: 100%;
height: 90px;
overflow: auto;
background: #ececec;
font-family: verdana;
font-size: 10px;
color: #191919;
text-align: justify;
padding-right: 5px;
z-index: 2;
display: none;
position: absolute;
top: 70px;
left: 0;
box-sizing: border-box;
-webkit-animation-duration: 0.5s;
-o-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
animation-duration: 0.5s;
}


/******************* SCROLLBARS *******************/

.tab-scroll::-webkit-scrollbar {
width:6px;
}

.tab-scroll::-webkit-scrollbar-track-piece {
background-color:#dbdbdb;
}

.tab-scroll::-webkit-scrollbar-thumb:vertical {
height:10px;
background-color:#2d3236;
}

<link href="https://fonts.googleapis.com/css?family=Francois+One|Cairo" rel="stylesheet">

.nncamt {
    box-sizing: border-box;
    width: 500px;
    margin: 0 auto;
}

.nncamt_header {
    background: #918a7a;
    padding: 50px 17px 17px 17px;
    color: #ADADAD;
    font-family: 'Cinzel Decorative', sans-serif;
    font-size: 20px;
    letter-spacing: 0.19em;
    line-height: 140%;
    text-align: right;
    text-transform: uppercase;
}
.nncamt_header span {
    color: #F7F7C6;
    font-size: 30px;
    letter-spacing: 0.1em;
}

.nncamt_content {
    background: #918a7a;
    padding: 15px;
}

.nncamt_text,
.nncamt_table {
    background: #....;
    padding: 25px;
    color: #000000;
    font-family: Calibri;
    font-size: 16px;
    line-height: 14px;
    text-align: justify;
}
.nncamt_text b,
.nncamt_text u,
.nncamt_text i {
    color: #000000;
    letter-spacing: 0.05em;
}
.nncamt_text b {
    padding: 0 4px;
    background: #ADADAD;
}
.nncamt_text u {
    border-bottom: 1px solid #F7F7C6;
}
info.ang {
    padding: 0 15px;
    font-size: 14px;
    letter-spacing: 0.1em;
}

.nncamt_cat {
    display: block;
    background: #c8c8bf;
    padding: 0 0 15px 0;
    color: #ADADAD;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.nncamt_cat.bottom {
    padding: 15px 0 0 0;
    text-align: right;
}
.nncamt_cat info,
.nncamt_cat.bottom info {
    display: inline-block;
    background: #ADADAD;
    padding: 0 20px 0 0;
}
.nncamt_cat.bottom info {
    padding: 0 0 0 20px;
}
.nncamt_line {
    display: block;
    height: 1px;
    margin: -7px 0 7px 0;
    box-shadow: 0px 2px 0 #c8c8bf;
    background: #ADADAD;
}

.nncamt_table {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.nncamt_tablehead {
    padding: 3px 10px;
    background: #c8c8bf;
    color: #000000;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    letter-spacing: 0.19em;
    text-align: right;
    text-transform: uppercase;
}

body {
    background-color: #ddd;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev{
    display:block;
}


html { overflow-y: scroll; } 


/* Top Navi andere Farbe */
.topnavigation_wrap {
  background-image: unset;
  border-bottom: unset;
  background-color: #3f444a;
}

.nav_n {border-bottom: 3px solid {{global_nav_line}};}
.nav_n {border-left: 3px solid {{global_nav_line}};}
.nav_n {border-right: 3px solid {{global_nav_line}};}

.lastactions li .cmhsp a {
color:#ebe3df;
}

#adTagMainContainer .adTagul li{
color:#000000;
}


p {
  text-align: justify;
}


.footer {
    background: none;
}

.hpm_spoiler
{
width:60%;
color:#f5f5dc;
}

.c_r_top1, .c_r_top1 div,.c_r_bottom1,.c_r_bottom1 div,.c_r_top3, .c_r_top3 div,.c_r_top1_head,.c_r_top1_head div,.c_r_top2, .c_r_top2 div,.c_r_bottom2,.c_r_bottom2 div,.c_r_bottom3, .c_r_bottom3 div { 
background-image:none !important;
}

.c_r_content1,.c_r_content2,.c_r_content3 {
padding:20px !important;border: 2px solid #ebe3df;
}

.sbox {max-height: 200px; overflow-y:scroll;}

forumtable td,.c_r_content2 td,.row_h td {
text-align:center !important;
}

<div style="text-align:left">


.page_blog_entry .g-recaptcha{display:none;}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"><style type="text/css">/* Gesuch Ronja 23
HINTERGRUNDBILD 500x500 hier einfügen
*/ #ronjag23hg { background: url("https://zimngoma.com/index.php/chartcategory/ibiza-summer/"); width: 500px; height: 500px; box-sizing: border-box; overflow: auto; } /*
Hovereffekt insgesamt
*/ .ronjag23inhalt { opacity: 0; -webkit-transition: 1.5s; transition: 1.5s; margin: 20px; } /*
*/ #ronjag23hg:hover .ronjag23inhalt { opacity: 1; } /*
Hovereffekt IDs
*/ .ronjag23menue { background: rgba(40,40,40,0.9); color: #D84A05; } /*
*/ .ronjag23menue:hover { background: rgba(255,119,51,0.8); color: #282828; } /*
Scrollleiste
*/ .ronjag23text::-webkit-scrollbar { width: 5px; background: #222222; } .ronjag23text::-webkit-scrollbar-thumb { background: #FF7733; } .ronjag23text::-webkit-scrollbar-track-piece { background: #222222; } /*
Menüleiste mit IDs
*/ #ronjag23rechts { float: right; width: 75px; box-sizing: border-box; height: 460px; overflow: hidden; } /*
*/ .ronjag23ids { width: 75px; height: 115px; box-sizing: border-box; padding-top: 47px; font-size: 25px; border-left: solid 1px #222222; border-bottom: solid 1px #222222; } /*
*/ #ronja23ids { width: 75px; height: 115px; box-sizing: border-box; padding-top: 47px; font-size: 25px; border-left: solid 1px #222222; } /*
Bereich für Gesuchstext etc.
*/ #ronjag23links { background: rgba(40,40,40,0.9); float: right; width: 385px; box-sizing: border-box; height: 460px; overflow: hidden; } /*
*/ .ronjag23p { padding: 20px 10px 0px 10px; height: 460px; overflow: hidden; box-sizing: border-box; } /*
*/ .ronjag23titeltext { color: #D84A05; font-style: italic; font-family: Calibri, sans-serif; font-size: 25px; font-weight: bold; } /*
*/ .ronjag23h2  { text-shadow: 1px 1px 0px #FF7733; } /*
*/ .ronjag23h3 { color: #8C8C8C; text-transform: uppercase; font-size: 10px; letter-spacing: 2px; font-weight: normal; font-style: normal; margin-top: -8px; } /*
*/ .ronjag23h4 { color: #8C8C8C; text-transform: uppercase; font-family: calibri, sans-serif; font-size: 10px; letter-spacing: 2px; font-weight: normal; font-style: normal; } /*
*/ .ronjag23text { font-family: verdana; font-size: 11px; color: #B7B7B7; text-align: justify; line-height: 150%; height: 360px; overflow: auto; padding: 0px 5px 0px 10px; box-sizing: border-box; margin-top: 20px; } </style>

#mybox {
background: rgba(255, 255, 255, 0.7);
border-radius: 20px;
border: 2px solid #ffffff;
box-shadow: 10px 10px 10px 0px #000000;
padding: 20px;
margin-top: -150px;
}

.wr_progressbar3 {
  width: 300px;
  height: 20px;
  background: #..;
  margin-bottom: 20px;
}

.wr_progressbar-bar3 {
  height: 100%;
  background: repeating-linear-gradient(
  90deg,
  #2e3234,
  #2e3234 7px,
  rgba(185,185,168) 7px,
  rgba(150,150,134) 10px
);
}

@import url("https://fonts.googleapis.com/css?family=Fjalla+One");
.headertabelle1 {
    width: 1200px;
    display: flex;
    margin-left: 20px;
    margin-top: 10px;
    font-size: 9px;
    font-family: calibri;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.headertabelle2{
    display: inline-block;
    width: 23%;
}

.headertabelle3 {
    width: 100%;
    padding-right: 3px;
    text-align: justify;
    padding-left: 3px;
    height: 170px;
    overflow: auto;
    font-size: 9px;
    font-family: calibri;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.headertabelle4 {
    width: 33%;
    display: inline-block;
    text-align: justify;
    padding-left: 20px;
    height: 170px;
    overflow: auto;
    padding-right: 3px;
}

.headertabelle5{
    display: inline-block;
    width: 100%;
}

.headertabelle6{
    padding-right: 3px;
    text-align: justify;
    padding-left: 3px;
    overflow: auto;
    height: 60px;
}

.headertabelle7{
    display: inline-block;
    width: 100%;
}

.headertabelle8 {
    height:90px;
    overflow: auto;
    font-size: 9px;
    font-family: calibri;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: justify;
}

.headertabelle9 {
    text-transform: uppercase;
    font-size: 15px;
    border-bottom: 2px #333 solid;
    text-align: center;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 3px;
    font-family: 'Fjalla One', sans-serif;
}

.headertabelle10 {
    width: 21%;
    display: inline-block;
    padding-right: 6px;
}

.spalte {
	-webkit-column-count: 2;
	column-count: 2;
	padding: 1em;
}

.spalte1 {
	-webkit-column-count: 3;
	column-count: 3;
	padding: 1em;
}

.spalte2{
  -webkit-columns: 2 400px;
     -moz-columns: 2 400px;
          columns: 2 400px;
  -webkit-column-rule: 1px solid black;
     -moz-column-rule: 1px solid black;
          column-rule: 1px solid black;
}

.spalte3 {
  -webkit-columns: 3 400px;
     -moz-columns: 3 400px;
          columns: 3 400px;
  -webkit-column-rule: 1px dotted black;
     -moz-column-rule: 1px dotted black;
          column-rule: 1px dotted black;
}

.spalte4 {
  -webkit-columns: 3 400px;
     -moz-columns: 3 400px;
          columns: 3 400px;
  -webkit-column-rule: 2px double #cd853f;
     -moz-column-rule: 2px double #cd853f;
          column-rule: 2px double #cd853f;
}


.sbox {max-height: 200px; overflow-y:scroll;}

.texter
{
padding:1.618em;
margin-bottom:1.618em;
color:##3a3a3a;
border-style: solid;
border-color:##3a3a3a;
border-width: 4px; 
background-image: url("http://static2.insales.ru/images/products/1/3861/10710805/46524_1.jpg");
background-position: right top;
background-repeat: repeat-x, y;
  -webkit-box-shadow:
        2px 2px   #3a3a3a,
        3px 3px   #000000 ,
        4px 4px   #3a3a3a ,
        5px 5px   #000000 ,  
        7px 7px   #3a3a3a ,
        9px 9px   #000000 ,  
        10px 10px #3a3a3a ;
  -moz-box-shadow:  
        2px 2px    #3a3a3a,
        3px 3px   #000000,
        4px 4px   #3a3a3a,
        5px 5px   #000000,  
        7px 7px   #3a3a3a,
        9px 9px    #000000,  
        10px 10px #3a3a3a;
  box-shadow:  
        2px 2px   #3a3a3a,
        3px 3px   #000000,
        4px 4px   #3a3a3a,
        5px 5px   #000000,  
        7px 7px  #3a3a3a,
        9px 9px   #000000,  
        10px 10px #3a3a3a;
margin:0 auto;
margin-left:50px;
width:50%;
}

.c_r_top1, .c_r_top1 div,.c_r_bottom1,.c_r_bottom1 div,.c_r_top3, .c_r_top3 div,.c_r_top1_head,.c_r_top1_head div,.c_r_top2, .c_r_top2 div,.c_r_bottom2,.c_r_bottom2 div,.c_r_bottom3, .c_r_bottom3 div { 
background-image:none !important;
}

.c_r_content1,.c_r_content2,.c_r_content3 {
padding:20px !important;border: 2px solid #ebe3df;
 }

font-family: 'Cinzel', sans-serif;
font-family: 'Great Vibes', serif;
font-family: 'Voltaire', serif;
font-family: 'Rokkitt', cursive;
font-family: 'Indie Flower', cursive;
font-family: 'Handlee', sans-serif;
font-family: 'Allura', serif;
font-family: 'Calligraffitti', sans-serif;
font-family: 'Short Stack', sans-serif;
font-family: 'Cinzel Decorative', serif;
font-family: 'Raleway', cursive;
font-family: 'Clicker Script', sans-serif;
font-family: 'Architects Daughter', cursive;
font-family: 'Butterfly Kids', serif;
font-family: 'Grand Hotel', cursive;
font-family: 'Herr Von Muellerhoff', serif;
font-family: 'Italiana', cursive;
font-family: 'Shadows Into Light Two', sans-serif;
font-family: 'Sue Ellen Francisco', serif;
font-family: 'The Girl Next Door', cursive;
font-family: 'Condiment' , cursive;
font-family: 'Damion' , cursive;
font-family: 'Great Vibes' , serif;
font-family: 'Clicker Script' , cursive;
font-family: 'Bad+Script' , serif;
font-family: 'Arima+Madurai' , cursive;
font-family: 'IM Fell English SC' , serif;
font-family: 'Graduate' , serif;
font-family: 'Oswald', sans-serif;
font-family: 'Teko', sans-serif;



.rahmen1 {
box-shadow: 4px 4px 4px #2d2f36;
border-radius: 0px 0px 0px 0px;
padding: 0px;
max-width: 500px;
border: 5px white; 
border-style: inset;
}

.rahmen2 {
        background-color:#203e48; 
        padding:4px;
        -moz-border-radius: 10px;
        -moz-box-shadow: 2px 2px 5px #fff; 
        -webkit-border-radius: 0px;
        -webkit-box-shadow: 0px 0px 0px #ffffff;
        -khtml-border-radius: 10px;
        border-radius: 0px;
        box-shadow: 0px 0px 13px #090909; 
        border: 0px solid gray; 
        
}


.rahmen3 {
box-shadow: 3px 3px 3px #000000;
border-radius: 0px 0px 0px 0px;
padding: 0px;
max-width: 500px;
border: 5px white; 
border-style: outset;
}


.rahmen4{
        background-color: #FFFFFF;
        -moz-border-radius: 1px;
        -moz-box-shadow: 5px 5px 5px #FFFFFF; 
        -webkit-border-radius: 2px;
        -webkit-box-shadow: 5px 5px 5px #2E2E2E;
        -khtml-border-radius: 5x;
        border-width:1px 2px;
        border-radius: px;
        box-shadow: 4px 4px 4px #2E2E2E; 
        border-style: outset;      
}

.rahmen5 {
        background-color:#ffffff; 
        padding:2px;
        -moz-border-radius: 15px;
        -moz-box-shadow: 10px 10px 15px #000; 
        -webkit-border-radius: 15px;
        -webkit-box-shadow: 10px 10px 15px #000;
        -khtml-border-radius: 15px;
        border-radius: 15px;
        box-shadow: 10px 10px 15px #000; 
        border: 3px solid gray;
}

.rahmen6 {
        background-color:#BDBDBD; 
        padding:5px;
        -moz-border-radius: 0px;
        -moz-box-shadow: 2px 2px 5px #fff; 
        -webkit-border-radius: 0px;
        -webkit-box-shadow: 0px 0px 0px #fff;
        -khtml-border-radius: 0px;
        border-radius: 0px;
        box-shadow: 0px 0px 10px #2E2E2E; 
        border: 0px solid gray;         
}

.rahmen7 {
        background-color: #008B8B
       -moz-border-radius: 0px;
        -moz-box-shadow: 10px 10px 10px #000; 
        -webkit-border-radius: 10px;
        -webkit-box-shadow: 10px 10px 10px #000;
        -khtml-border-radius: 10px;
        border-radius: 0px;
        box-shadow: 4px 4px 4px #2E2E2E; 
        border: 0px solid gray;         
}

.rahmen8 {
        background-color:#7F6666; 
        padding:5px;
                   
        -moz-border-radius: 10px;
        -moz-box-shadow: 2px 2px 5px #fff; 
        -webkit-border-radius: 0px;
        -webkit-box-shadow: 0px 0px 0px #ffffff;
        -khtml-border-radius: 10px;
        border-radius: 0px;
        box-shadow: 0px 0px 10px #807F76; 
        border: 0px solid gray;         
}

.rahmen9 {
        background-color:#8B008B; 
        padding:5px;
        -moz-border-radius: 0px;
        -moz-box-shadow: 2px 2px 5px #fff; 
        -webkit-border-radius: 0px;
        -webkit-box-shadow: 0px 0px 0px #fff;
        -khtml-border-radius: 0px;
        border-radius: 0px;
        box-shadow: 0px 0px 5px #8B008B; 
        border: 0px solid gray;         
}

.rahmen10 {
        background-color:#3B0B17; 
        padding:5px;
                   
        -moz-border-radius: 10px;
        -moz-box-shadow: 2px 2px 5px #fff; 
        -webkit-border-radius: 0px;
        -webkit-box-shadow: 0px 0px 0px #ffffff;
        -khtml-border-radius: 10px;
        border-radius: 0px;
        box-shadow: 0px 0px 20px #3B0B17; 

}

.rahmen11 {
background-color: #ffffff;
padding: 2px;
-moz-border-radius: 0px;
-moz-box-shadow: 0px 0px 0px #000;
-webkit-border-radius: 0px;
-webkit-box-shadow: 0px 0px 0px #000;
-khtml-border-radius: 0px;
border-radius: 0px;
box-shadow: 0px 0px 0px #000;
border: 1px solid black;

}


.rahmen12 {
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
box-shadow: 5px 5px 5px #000000;
border-radius: 6px 6px 6px 6px;
border: 0px solid #191919;
padding: 0px;
max-width: 500px;
}

.rahmen13 {
       background-color:#47635f; 
        padding:5px;
        -moz-border-radius: 5px;
        -moz-box-shadow: 0px 0px 5px #000000; 
        -webkit-border-radius: 10px;
        -webkit-box-shadow: 10px 10px 10px #000000;
        -khtml-border-radius: 10px;
        border-top-left-radius: 150px;
        border-top-right-radius: 150px;
        border-bottom-left-radius: 150px;
        border-bottom-right-radius: 150px;
        box-shadow: 0px 0px 5px #47635f; 
        border: 0px black;;       
}

.rahmen14 {
border-color: #4f666a;
border-width: 7px;
border-style: double;
box-shadow: 4px 4px 5px #3b4c4f;
}

.rahmen15 {
border-color: #baa7a9;
border-width: 7px;
border-style: double;
box-shadow: 3px 3px 3px #baa7a9;
}

.rahmen16 {
        background-color:#ffffff; 
        padding:2px;
        -moz-border-radius: 15px;
        -moz-box-shadow: 10px 10px 15px #000; 
        -webkit-border-radius: 15px;
        -webkit-box-shadow: 10px 10px 15px #000;
        -khtml-border-radius: 15px;
        border-radius: 15px;
        box-shadow: 10px 10px 15px #000; 
        border: 3px solid gray;
}


.rahmen17 {
        background-color: #ffcff1;
        -moz-border-radius: 4px;
        -moz-box-shadow: 5px 5px 5px #ffcff1; 
        -webkit-border-radius: 2px;
        -webkit-box-shadow: 5px 5px 5px #000000;
        -khtml-border-radius: 5x;
        border-width:1px 2px;
        border-radius: px;
        box-shadow: 8px 8px 8px #000000; 
        border-style: outset;      
}

.rahmen18  {
        -moz-border-radius: 0px;
        -moz-box-shadow: 5px 5px 6px black;
        -webkit-border-radius: 6px;
        -webkit-box-shadow: 6px 6px 6px black;
        -khtml-border-radius: 6px;
        border-radius: 6px;
        border-width: 6px;
        border-style: inset;
        box-shadow: 5px 5px 5px black;

}

.rahmen19 {
padding:1px;
-moz-border-radius: 60px;
-moz-box-shadow: 4px 4px 4px #6e6d6e; 
-webkit-border-radius: 6px;
-webkit-box-shadow: 6px 6px 6px #6e6d6e;
-khtml-border-radius: 6px;
border-radius: 60px;
box-shadow: 8px 8px 8px #8f7d71;  
border: 4px white; 
border-style: inset;
box-shadow: 1px 1px 5px #ffffff;
}

.rahmen20 {
padding:2px;
-moz-border-radius-topleft: 60px;
-moz-box-shadow: 4px 4px 4px #6e6d6e; 
-webkit-border-radius: 6px;
-webkit-box-shadow: 6px 6px 6px #6e6d6e;
-khtml-border-radius: 10px;
border-top-left-radius: 60px;
box-shadow: 8px 8px 8px #8f7d71; 
border: 4px white; 
border-style: inset;
box-shadow: 1px 1px 5px #ffffff;
}

.rahmen21 { 
padding:2px;
-moz-border-radius-topright: 60px;
-moz-box-shadow: 4px 4px 4px #6e6d6e; 
-webkit-border-radius: 10px;
-webkit-box-shadow: 6px 6px 6px #6e6d6e;
-khtml-border-radius: 6px;
border-top-right-radius: 60px;
box-shadow: 8px 8px 8px #8f7d71; 
border: 4px white; 
border-style: inset;
box-shadow: 1px 1px 5px #ffffff;
}

.rahmen22 {
padding:2px;
-moz-border-radius-bottomleft:60px;
-moz-box-shadow: 4px 4px 4px #6e6d6e; 
-webkit-border-radius: 10px;
-webkit-box-shadow: 6px 6px 6px #6e6d6e;
-khtml-border-radius: 6px;
border-bottom-left-radius: 60px;
box-shadow: 8px 8px 8px #8f7d71; 
border: 4px white; 
border-style: inset;
box-shadow: 1px 1px 5px #ffffff;
}

.rahmen23 {
padding:2px;
-moz-border-radius-bottomright: 60px;
-moz-box-shadow: 4px 4px 4px #6e6d6e; 
-webkit-border-radius: 10px;
-webkit-box-shadow: 6px 6px 6px #6e6d6e;
-khtml-border-radius: 6px;
border-bottom-right-radius: 60px;
box-shadow: 8px 8px 8px #8f7d71; 
border: 4px white; 
border-style: inset;
box-shadow: 1px 1px 5px #ffffff;
}

.rahmen24 { 
padding:2px;
-moz-box-shadow: 4px 4px 4px #6e6d6e; 
-webkit-border-radius: 6px;
-webkit-box-shadow: 6px 6px 6px #6e6d6e;
-khtml-border-radius: 60px;
box-shadow: 8px 8px 8px #8f7d71; 
border: 4px white; 
border-style: inset;
box-shadow: 1px 1px 5px #ffffff;
}

.rahmen25 { 
padding:2px;
-moz-box-shadow: 4px 4px 4px #6e6d6e; 
-webkit-border-radius: 6px;
-webkit-box-shadow: 6px 6px 6px #6e6d6e;
-khtml-border-radius: 60px;
box-shadow: 8px 8px 8px #8f7d71; 
border: 4px white; 
border-style: inset;
box-shadow: 1px 1px 5px #ffffff;
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}

.nav_n {border-bottom: 3px solid {{global_nav_line}};}
.nav_n {border-left: 3px solid {{global_nav_line}};}
.nav_n {border-right: 3px solid {{global_nav_line}};}

#header {
width: 1100px;
background: #d8cec9;
color: #000000;
border: none;
}

.htitel {
background: linear-gradient(to bottom, #d8cec9, #d8cec9);
font-family: Rokkitt;
font-size: 18px;
text-transform: uppercase;
text-align: center;
color: #000000;
}

.hzelle {
padding-bottom: 20px;
padding-top: 5px;
}

.htext {
height: 130px;
padding: 3px;
font-family: Calibri;
font-size: 12px;
text-align: justify;
overflow: auto;
}

#news {
height: 50px;
padding-bottom: 20px;
font-family: Calibri;
font-size: 10px;
text-align: justify;
}

.link {
width: 110px;
margin: auto;
margin-bottom: -8px;
padding: 2px;
background:linear-gradient(to bottom, #d8cec9, #ebf4f5);
text-align: center;
display: block;
border-left: 3px solid #ffffff;
border-right: 3px solid #ffffff;
}

.alink1 a {
color: #000000;
text-decoration: none;
text-transform: uppercase;
transition-duration: 0.5s;
transition-property: all;
transition-timing-function: ease;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
}

.alink1 a:hover {
opacity: 0.6;
}

.htext::-webkit-scrollbar {
width: 3px; background: #d8cec9;
}

.htext::-webkit-scrollbar-thumb {
background: #9ab3b8;
}
.htext::-webkit-scrollbar-corner {
background: #9ab3b8;
}

.headernewstitel { height: 20px; width: 100px; background: #a49889; font-family: 'Electrolize'; color: #a49889; font-size: 15px; letter-spacing: 2px; text-align: center; padding: 10px; } .headernewstext { height: 20px; padding: 3px; background:#a49889; width: 500px; font-family: 'Arial'; font-size: 11px; color: #000000; line-height: 1.1em; text-align: justify; margin-top: -5px;}

forumtable td,.c_r_content2 td,.row_h td {
text-align:center !important;
}

<div style="text-align:left">