/**
 * This file is part of Theme for 
 * pragmaMx - Web Content Management System.
 *
 * $template : yakchat2026_1 $
 * $Revision: 1.0 $
 *  * 
 * $Author: TECMU $
 * $Date: 2026-01-05 11:52:29 $
 */ 

/* Fonts einbinden */

 
 a , a:active {
	color: #ec1363;
 } 
/*
a:hover {
	color: ;
 } 
 
 a:visited {
	color: ;
 } 
 */
#pmx-content , .content, .openclosetable, .story, .openclosetable2, .openclosetableal{
	margin: 5px !important;
	color:#e8e8e8;
	/*background:#363636;*/
}

.tiny{
	font-size:0.8em;
}

ul.sidemenu  a {
	margin-left:0px;
}

.treeview ul li>bevore {
    content: ".";
}

div.expandable-hitarea {
	background:url("images/NavigatorNext.png") no-repeat !important; 
	background-position: 17px 5px;
}
div.collapsable-hitarea{
	background:url("images/NavigatorPrev.png") no-repeat !important; 
	background-position: 17px 5px;
}

.treeview ul li.expandable  {
	background:url("images/NavigatorNext.png") no-repeat; background-position: -17px 5px;background-color:none !important;
	margin-left: -17px;
	padding-bottom: 2px;
}
.treeview ul li.collapsable  {
	background:url("images/NavigatorPrev.png") no-repeat; background-position: -17px 5px; background-color:none !important;
	margin-left: -17px;
	padding-bottom: 2px;
	
}

.hitarea{
margin-right: 0px !important;
}

/* ausgeblendete Spalten */


	.hideboth >.sidebar1 , .hideboth .sidebar2 {
		width:0;
		display:none;
	}

	.rightonly > .sidebar1 {
		width:0;
		display:none;
	}

	.leftonly > .sidebar2 {
		width:0;
		display:none;
	}
	

/* Begin Additional CSS Styles */

.highlight {
    /*background: transparent !important;
    color: #ec1363;*/
	font-weight: bold;
    
}

.info {
    background-color: #363636 url('images/postquote.png') no-repeat scroll;
    border: 0.1em solid #b5b5b5;
	color:#b5b5b5;
	font-weight: bold;
}

.info:before
{
   content:url('images/info_rhombus.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
   margin-left: 14px;
}

.important {
    background: #21030e;
    color: #949494;
	font-weight:bold;
    border: 0.1em solid #7b0a33;
}

.siteservice {
	background: [BGERROR];
    border: 0.3em solid #FFC237;
    color: #ec1363;
    padding: 1em;
	margin:0.3em;
}
.siteservice a {

    color: #ec1363 !important;
	text-decoration:underline !important;
    
}
.error:before
{
   content:url('images/cross.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
   margin-left: 14px;
}

.warning:before
{
   content:url('images/warning_32.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
   margin-left: 14px;
}

.warning {
    background-color: #ffeaa8;
    border: 0.12em solid #ffc237;
	color:#000000;
}
.warning a { 
    color: #333333 !important;
	text-decoration:underline !important;    
}
.success:before
{
   content:url('images/check_box.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
   margin-left: 14px;
}
.success {
    background-color: #7b0a33;
    border: 0.12em solid #7b0a33;
	color:#ffffff;
}

.note{
    background-color: #949494;
    border: 0.12em solid #949494;
	color:#21030e;
}

 .error {
 	color: #1c1c1c;
	background: #e2341d;
	padding:1em;
 }
 
 
 .box {
	color: #a8a8a8;
	background: #2C2C2C;
 }

#rating img {
	margin:0 !important;
	border:none !important;
	padding:0 !important;
}

/* End Additional CSS Styles */

input[type="text"], input[type="password"], input[type="email"], input[type="url"] {

    width: auto !important;
}

.mx-menu li div.hover, .mx-menu li div:hover {
    /*background-color: #cad2d4;*/
    color: inherit;
}

.mx-menu li div.current {
    background-color: #363636;
    color: inherit;
    font-weight: bold;
}
.mx-menu ul > li:before {
    bottom: 2px;
    content: none !important;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    margin-left: -11px;
    margin-right: 6px;
    position: relative;
    vertical-align: middle;
	border:none;
}
.mx-menu *, .mx-menu ul, .mx-menu li {
    border: medium none;
    font-size: 1em;
    list-style-image: none;
    list-style-type: none;
    /*margin: 0 5px;*/
    padding: 0;
    text-align: left;
    text-decoration: none;
}
.mx-menu li div {
    height: 1.6em;
    line-height: 1.6em;
}

.mx-menu li li {
	border: none;
}

.mx-menu ul li a{
 /* line-height:100% !important;*/
}

div#navigation_Documents.treeview ul > li:before {
    
    /*content: url("images/vmenuitemicon.png");   */
    
}
div#navigation_Documents.treeview ul > li.expandable:before {
    
    content: none !important; 
    
}
div#navigation_Documents.treeview ul > li.collapsable:before {
   content: none !important;  
    
}

ul.mainpage > li:before {
   content: none !important;  
    
}

ul.tabs-nav > li:before {
   content: none !important;  
    
}

.block ul > li {
   /* padding-left: 1px !important;*/
}

ul.list {
    list-style-image: none;
}

ul.list li, ol.list li {
    margin-left: 1em;
}

ul.mainpage {
	margin: 0 !important;
}

li.mainpage {
	/*border-top:1px solid;*/
}

li.active {
	font-weight: bigger;
	
}

ul.vmenu > li:before {
	content: "" !important;
}

ul li,
ol li,
ul.list li,
ol.list li {
  list-style-position: outside;
  margin: 0 0 0 1em;
  
}



.blockcontent ul.list li, .blockcontent ol.list li {
    margin-left: 2em;
}

.chartscontainer ul  {
	padding: 0.1em !important;
}


.chatsbar {
    color: #e8e8e8;
}


.button, form button, button, form input[type="submit"], form input[type="reset"], input[type="button"], .formbutton {
  height: auto !important;
  float: none !important;
 }
 /* */

 
 .bgcolor1, .bgcol1 {
	background: #363636;
 }
 
 .bgcolor2, .bgcol2 {
	background: #595959;
 }
 
 .bgcolor3, .bgcol3 {
	background: #7b0a33;
 }
 
 .bgcolor4, .bgcol4 {
	background: #949494;
 }
 
 .textcolor1 {
	 color #e8e8e8;
 }
 .textcolor2 {
	 color #a8a8a8;
 } 
 .textcolor3 {
	 color #ffffff;
 } 
 .textcolor4 {
	 color #21030e;
 }
 .blockheader h2 {
		color:#ffffff;
 }

#CURRENTDATE, #CURRENTIME, #USERONLINE {
	color:;
}

form input, form input[type="text"], form input[type="file"], form input[type="password"], form textarea, form select {
   background-color: #363636;
}

 form button, button, form input[type="submit"], form input[type="reset"], input[type="button"], 
 .button, .formbutton , a.button, 
 .button:active, .button:focus, a.button:focus {
    color: #ffffff ;
	background:linear-gradient(to bottom, #737373 0, #3d3d3d 100%) no-repeat ;
   
}

form.search input[type="submit"], input.search-button, a.search-button {
    position: absolute;
    /*left: 180%;*/
}

 /* für CPG Button */
 #cpg-output .admin_menu a {
    color: #ffffff ;
	background:linear-gradient(to bottom, #737373 0, #3d3d3d 100%) no-repeat ;
 }

  #cpg-output .imageborder{
	margin: auto;
 }

 .socialb ul > li:before {
	content:"" !important;
 }
 .socialb ul li a {
	margin: 1px;
	padding: 0;
 }
 
 /* SMF */
 
 #smfoutput .post, #smfoutput .personalmessage {
    width: auto !important;
}

.post {
	clear;both;
}

.postmetadatafooter {
	clear:both;
}


/* SMF End */
 
 a.story-footer-readmore {
		margin: 5px;
		color: #ffffff !important;
		background:linear-gradient(to bottom, #737373 0, #3d3d3d 100%) no-repeat;
 }


h1, h2, h3, h4, h5, h6, p, a, ul, ol, li {
    margin: 2px;
    
}

.c5 a, .c6 a, .c7 a, .c8 a {
    margin-left: 30px;
}


.blogstory{
	padding:5px;
}

/* eboard **/

/* bei dunklen Themes gibts Probleme mit den Überschriften ... */


#mxbout .f15pix {
    color: #e8e8e8;
	background: #363636;
}

#mxbout .mxb-header {
	color: #e8e8e8;
	background: #363636;
}
#mxbout .pmxnavtd, #mxbout .pmxnavtd a:link, #mxbout .pmxnavtd a:visited, #mxbout .pmxnavtd a:active, #mxbout .pmxnavtd a:hover {
	color: #a8a8a8;
	background: #595959;
}

#mxbout .pmxnavinthread, #mxbout .pmxnavinthread a:link, #mxbout .pmxnavinthread a:visited, #mxbout .pmxnavinthread a:active, #mxbout .pmxnavinthread a:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #e8e8e8;
	font-size:1em;
}		

#mxbout .f11pix a,#mxbout .f11pix a:hover,#mxbout .f11pix a:link,
#mxbout .f12pix a,#mxbout .f12pix a:hover,#mxbout .f12pix a:link
{
    color:#e8e8e8;
}

td.bgcolor3 {
   background-color: #363636;
   color: #e8e8e8;
}


/* adminform */
.adminForm  ul > li:before  {
    content: none !important;
	
}
		
li.collapsable, li.expandable {
content: none important;
}

.theme_admin {
	position:absolut;
	top:10px;
	left:20px;
}

.reponsive {
	font-size:200% !important;
}

.perex {
 	color: #e8e8e8;
	background: #363636;  
}

.perex .blockheader {
                margin:0;
                padding:0;
                display:none;
}

.blockheader, .blockcontent {
	overflow:hidden;
}

/* SMF */

#smfoutput .catbg, .titlebg , .windowbg, .windowbg1, .catbg2, .catbg3 {
 	color: #e8e8e8;
	background: #363636;
	padding: 10px;
}

#smfoutput .catbg a{
	color: #e8e8e8;
}

#smfoutput .maintab_back {
	padding: 0 5px 0 5px;
}

#smfoutput .tborder{
	border:1px solid #595959;
}

/* editor */
.spaw2liteeditor {
	color: #e8e8e8;
	background: #363636; 
}


textarea {
   /* background: #363636;*/
    border-style: solid;
    border-width: 1px;
   /* color: #e8e8e8;*/
}


.cke_contents_ltr, .cke_wysiwyg_div, .cke_wysiwyg_frame, .cke_wysiwyg_div 
{
	font-size: 1em;

    /* Fix for missing scrollbars with RTL texts. (#10488) */
	word-wrap: break-word;
    background-color: #363636 !important;
    color: #e8e8e8;
}

/* tabellen */




.left_sideblocks,
.right_sideblocks,
.blocks_left_container,
.blocks_right_container {

	display: flex;
	flex-flow: row wrap;
    flex-direction: row;
	align-items: stretch;
	flex-wrap: wrap;
	margin:0;
	margin-bottom:2em;
	background: none;
      -ms-flex-align: start;
    /*align-items: flex-start;  */  
}

.blocks_left  {
	
	/*display: flex;*/
	min-width: 150px;

	flex-grow: 1;
	flex-shrink: 1;	
	flex-basis:80%;
	/*margin:5px;*/
}

.blocks_right  {
	
	/*display: flex;*/
	min-width: 150px;

	flex-grow: 1;
	flex-shrink: 1;	
	flex-basis:80%;
	

}


.flex-container {
	margin: 0 !important;
	padding: 0 !important;
	display: flex;
	flex-flow: row wrap;
    flex-direction: row;
	align-items: stretch;
	flex-wrap: wrap;
	margin-bottom:2em;
	background: none;
}

.flex-box {
	flex: 1 auto;
	display: inline-block;
	min-width: 150px;
	padding: 10px;
  flex-grow: 1;
  flex-shrink: 1;	
  margin:10px;
}

.block {
	/*padding:0;
	margin:0; */
	width:auto !important;
}

.responsive.responsive-tablet .vmenublock,
.responsive.responsive-tablet .block {
	width: 100% !important;
}

table.list img, table.form img {
   margin:0 5px 5px 0 !important; 
}

table.form button {
 line-height:1em;
}


.hmenu span.icon {
    display: inline-block;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 5px;

    position:relative;
    margin-left: 5px;

}


.hmenu span.down {
    display: inline-block;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align:bottom;
    position:relative;
    margin-left: 5px;
    bottom:0.6em;
}


ul.vmenu > li.active,
ul.vmenu > li.active:hover
 {
	/*background: none;*/
    padding: 0;

}


.block ul > li {
    padding: 0 1em;
}
li.active >a , li.active:hover {
	/*background: #3E81A8;*/
}

#CURRENTDATE , #HEADERTEXT {
	font-size: .8em;
}

.mehrspaltig {
  columns: 2 20em;  
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; 
 margin: 1em; 
}

.footer, .footer li{
  /*    */
}

.footertext p{
  /*columns: 2 15em;  
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; 
  margin: 10px; 
  text-align:justify;*/
   
}

.footertext {
  /* */
  
}
.footmessage {
  
  /*hyphens: auto; 
  margin: 10px; */
}
.footmessage p, .footmessage a
{
 /*font-size: 0.7em;
 text-align:center;*/
}

.footer a, .footer a:link {
	
}

.footerbanner {
   margin: 2em 0 0 0;
}

.responsive .perex {
display:none;
}

.breadcrump {
   font-size:0.8em;
   /*margin: 1em;*/
   padding: 0.6em;
}

.breadcrump img {
   margin: 0 0.5em 0 0.5em;
   
}

.goback {
  font-size:0.8em;
}


.spalten-2 {
    columns: 2 15em;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    margin: 1em 0;
}

.spalten-3 {
columns: 3 12em;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    margin: 1em 0;
}

.foottext {
   background-color: #595959;
   margin 0;
   padding: 1em;
}

.foottext p {
  line-height:150%;
  text-align: justify;
}

.footmessage {
   margin: 1em 0 ;
   
}

.footmessage p {
   font-size:0.8em;
}

h1.headline, h2.slogan{
z-index:9999;
}

footer ul.vmenu {
    columns: 2 5em;
}


.postbuttons * img, .postbuttons img {
    margin: 0.2em !important;
}

.postbuttons {
margin-right: 1em;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1em;
}

div.content div.align-center a.button {
    margin: 0 5px 5px 0 !important;
}


.headtext {
    margin: 0 auto;
    position: relative;
    cursor: auto;
   /*width: 80%;*/
   
}

#HEADERTEXT {
	z-index:auto;
	padding:10px;
}


.post ul.tabs-nav > li, .textblock ul > li {
    padding-left: 5px;
}

.default-responsive .header {
	top:-20px;
}

h1.headline, h2.slogan {
    z-index: 100	!important;
}

#myHomeBtn {
	display: none;
	position: fixed;
	bottom: 1.5em;
	right: 2em;
	z-index: 999;
	cursor: pointer;
	font-size: 1em;
}

.article th, .article td {
    border: none;

}
.pagination a, .pagination span, .pagination a.disabled:hover {
  background: #949494;
  border: ;
  
}

#LOGINFORM {
text-align: right;
}

#LOGINFORM ul {
text-align: right;
}

#LOGINFORM li {
text-align: right;
margin: 3px;
padding: 3px 0;
}

#LOGINFORM button {

   margin-bottom: 3px;
}