/**
 * This file is part of Theme for 
 * pragmaMx - Web Content Management System.
 *
 * $template : tp_ecomax $
 * $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-12-10 14:24:45 $
 */ 

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

.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: #364044;*/
	font-weight: bold;
    
}

.info {
    background-color: #bbc5c9;
    border: 0.1em solid #0d0d0d;
	color:#0d0d0d;
	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: #e2e8ee;
    color: #364044;
	font-weight:bold;
    border: 0.1em solid #bbc5c9;
}

.siteservice {
	background: #f9fafb;
    border: 0.3em solid #FFC237;
    color: #364044;
    padding: 1em;
	margin:0.3em;
}
.siteservice a {

    color: #364044 !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: #bbc5c9;
    border: 0.12em solid #bbc5c9;
	color:#0d0d0d;
}

.note{
    background-color: #b6bfc9;
    border: 0.12em solid #b6bfc9;
	color:#2b430e;
}

 .error {
 	color: #1c1c1c;
	background: #e2341d;
	padding:1em;
 }
 
 
 .box {
	color: #363636;
	background: #e9f7d9;
 }

#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: #e2e8ee;
    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: #363636;
}


.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: #e2e8ee;
 }
 
 .bgcolor2, .bgcol2 {
	background: #e9f7d9;
 }
 
 .bgcolor3, .bgcol3 {
	background: #bbc5c9;
 }
 
 .bgcolor4, .bgcol4 {
	background: #b6bfc9;
 }
 
 .textcolor1 {
	 color #363636;
 }
 .textcolor2 {
	 color #2b430e;
 } 
 .textcolor3 {
	 color #0d0d0d;
 } 
 .textcolor4 {
	 color #ffffff;
 }
 .blockheader h2 {
		color:#0d0d0d;
 }

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

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

 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: #191d1f ;
	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: #191d1f ;
	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: #191d1f !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: #363636;
	background: #e2e8ee;
}

#mxbout .mxb-header {
	color: #363636;
	background: #e2e8ee;
}
#mxbout .pmxnavtd, #mxbout .pmxnavtd a:link, #mxbout .pmxnavtd a:visited, #mxbout .pmxnavtd a:active, #mxbout .pmxnavtd a:hover {
	color: #2b430e;
	background: #e9f7d9;
}

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

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


/* 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: #363636;
	background: #e2e8ee;  
}

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

.blockheader, .blockcontent {
	overflow:hidden;
}

/* SMF */

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

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

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

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

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


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


.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: #e2e8ee !important;
    color: #363636;
}

/* 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; */
	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;
}


.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;
   margin: 1em;
   padding: 0.2em;
}

.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: #e9f7d9;
   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: auto !important;
}

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