/**
 * This file is part of Theme for 
 * pragmaMx - Web Content Management System.
 *
 * $template : yakchat2021_02 $
 * $Revision: 1.0 $
 * 
 * Theme for pragmaMx Content Management System Platform <br /> - HTML5 ready <br /> - Multi Language Menu <br /> - PHP7 ready <br /> 
 * 
 * $Author: TECMU $
 * $Date: 2021-11-03 19:46:16 $
 */ 

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

.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;
}

.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: #4b5e21;
	font-weight: bold;
    
}

.info {
    background-color: #c3e1f3;
    border: 0.1em solid #1d1402;
	color:#1d1402;
	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: #FF;
    color: #4b5e21;
	font-weight:bold;
    border: 0.1em solid #c3e1f3;
}

.siteservice {
	background: #ffffff;
    border: 0.3em solid #FFC237;
    color: #4b5e21;
    padding: 1em;
	margin:0.3em;
}
.siteservice a {

    color: #4b5e21 !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: #c3e1f3;
    border: 0.12em solid #c3e1f3;
	color:#1d1402;
}

.note{
    background-color: #linear;
    border: 0.12em solid #linear;
	color:#071822;
}

 .error {
 	color: #1c1c1c;
	background: #e2341d;
	padding:1em;
 }
 
 
 .box {
	color: #D56A00;
	background: #3F5670;
 }

#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: #f0f6e5;
    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: #2a3513;
}


.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: #3F5670
 }
 
 .bgcolor2, .bgcol2 {
	background: #5C88C8;
 }
 
 .bgcolor3, .bgcol3 {
	background: #57789D;
 }
 
 .bgcolor4, .bgcol4 {
	background: #linear;
 }
 
 .textcolor1 {
	 color #2a3513;
 }
 .textcolor2 {
	 color #2d3914;
 } 
 .textcolor3 {
	 color #1d1402;
 } 
 .textcolor4 {
	 color #071822;
 }
 .blockheader h2 {
		color:#1d1402;
 }

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

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

 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: #242d10 ;
	background:#linear ;
   
}

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: #242d10 ;
	background:#linear ;
 }

  #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;
}

/* SMF End */
 
 a.story-footer-readmore {
		margin: 5px;
		color: #242d10 !important;
		background:#linear;
 }


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: #2a3513;
	background: #f0f6e5;
}

#mxbout .mxb-header {
	color: #2a3513;
	background: #f0f6e5;
}
#mxbout .pmxnavtd, #mxbout .pmxnavtd a:link, #mxbout .pmxnavtd a:visited, #mxbout .pmxnavtd a:active, #mxbout .pmxnavtd a:hover {
	color: #2d3914;
	background: #c3e1f3;
}

#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: #2a3513;
	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:#2a3513;
}

td.bgcolor3 {
   background-color: #0166B4;
   color: #2a3513;
}


/* 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: #2a3513;
	background: #131A22; 
/* Original background Value = #f0f6e5, geändert auf #131A22 für PMX Slider Hintergrund */ 
}

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

.blockheader, .blockcontent {
	overflow:hidden;
}

/* SMF */

#smfoutput .catbg, .titlebg , .windowbg, .windowbg1, .catbg2, .catbg3 {
 	color: #2a3513;
	background: #f0f6e5;
	padding: 10px;
}

#smfoutput .catbg a{
	color: #2a3513;
}

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

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

/* editor */
.spaw2liteeditor {
	color: #2a3513;
	background: #f0f6e5; 
}


textarea {
    background: #f0f6e5;
    border-style: solid;
    border-width: 1px;
    color: #2a3513;
}


.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: #f0f6e5 !important;
    color: #2a3513;
}

/* 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-bottom:2em;
	background: none;
      -ms-flex-align: start;
    align-items: flex-start;    
}

.blocks_left  {
	flex: 1 auto;
	/*display: flex;*/
	min-width: 29%;
	
  flex-grow: 1;
  flex-shrink: 1;	
  margin:5px;
}

.blocks_right  {
	flex: 1 auto;
	/*display: flex;*/
	min-width: 29%;
	
   flex-grow: 1;
   flex-shrink: 1;	
   margin:5px;

}


.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: 200px;
	padding: 10px;
  flex-grow: 1;
  flex-shrink: 1;	
  margin:10px;
}

.block {
	padding:0;
	margin:0
}

.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;
}


.blocks_left_container, .blocks_right_container {
	margin:0;
	padding:0.5em;
}

ul.vmenu > li.active,
ul.vmenu > li.active:hover
 {
	background: none;
    padding: 0 1em;

}


.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;
}

.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: #c3e1f3;
   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-left: 0.1em !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%;*/
   
}
.center_top .blockheader, .center_down .blockheader
{
   background:  url('images/img-bloc-centre.png') repeat-x scroll;
   padding:5px 7px;
   margin:0 auto 7px;
}

.footer .layout-item-0 {
    padding: 20px;
    text-align: left;
   
}

p.footer-page {
  
}