.moldal-grid-container {
    display: inline-block;         /* display:inline-grid      display:grid    display:block  */
    width: 100%;
    vertical-align: top;
}

	.moldal-grid-tile {
		padding: 10px;
        display: inline-block;
        vertical-align: top;
	}

		.moldal-grid-tile-title {
        	padding: 5px;
			/* font-size: 18pt;  */
            text-align: center;
		}

		.moldal-grid-tile-content {
            vertical-align: top;
   		}

.moldal-search-text {
	color:#ff3333;
    font-weight:bold;                           
}
        
.moldal-no-border {
   	border: none;
	border-collapse: collapse;
}

.moldal-centered {
    text-align: center;
    align: center;
    vertical-align: middle;
}

.moldal-img-centered {
    /*  shall be used as class in IMG tag */
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.moldal-img-maxheight-companylist {
    /*  used on company page */
    max-height: 80px;
    width: auto;
}

.moldal-img-maxheight200 {
    /*  used in catalogue */
    max-height: 200px;
    width: auto;
}

.moldal-img-inline { 
    /*  shall be used as class in IMG tag */
    display: inline-block;
   	border: none;
}

.moldal-limited-maxwidth {
    max-width: 47%;
}

.moldal-limited-maxwidth60 {
    max-width: 60%;
}

.moldal-backgrounded {
    background-color: #b1d9d9; 
}

.moldal-low-line {
    margin-top: 0;
    margin-bottom: 0;    
    font-size: 1px;
    padding: 0px;
   	border: none;
	border-collapse: collapse;
}

.moldal-question-line {
    font-style:italic;
}

.moldal-separator-line {
	background-color:#DE8C0F;
	font-size: 2pt; 
    line-height: 2pt;
	height: 2pt;
    border-collapse: collapse;
    padding: 0 0 0 0;
	/* background-image: url("http://www.muszeroldal.hu/pic_frame/newsboxseparator.gif"); */ 
}

/* *********************************** data content */

.moldal-container {
  margin: auto;
  width: 90%;
  padding: 10px;
}

.moldal-error-text {
  color:#FF3333;
}

/* *********************************** before list items:  width: 100%;	height: 15px; */

.moldal-list-starter-img {
	background-image: url('http://www.muszeroldal.hu/pic/lister.gif');
	background-repeat: no-repeat;
}

ul.moldal-list-with-img {
    list-style-image: url('http://www.muszeroldal.hu/pic/lister2.jpg');
}


/* *********************************** this two style is used for showing-hiding long list elements  */
.moldal_show {
	display: inline;
}

.moldal_hide {
	display: none;
}

/* *********************************** handling of tight long tabless */
.moldal_tight_table {
	width: 100%;
    padding: 0px;
    border-spacing: 10px 0px;
   	border: none;
	border-collapse: collapse;
}

      .moldal_tight_first_td {
            width: 25%;
            vertical-align: top;
            padding: 0px;
            border: none;
	        border-collapse: collapse;
      }

      .moldal_tight_th {
            vertical-align: top;
            padding: 0px;
            border: none;
	        border-collapse: collapse;
            text-align: left;
            align: left;
      }

      .moldal_tight_td {
            vertical-align: top;
            padding: 0px;
            border: none;
	        border-collapse: collapse;
      }
      
.moldal_tight_div {
            padding: 0px;
            border: none;
      }      
      
      .moldal_company_name {
            font-weight:bold;                           
      }

      .moldal_label {
            font-weight:bold;                           
      }

/*   ****************************** shadow under something */
.moldal_shadowed {
	min-height: 45px; 
	position: relative;
	display: block;
    border-top: 0;
    margin-left: 10px;    
    margin-top: 0;
	border-bottom: 1px solid #dedede;
	-webkit-box-shadow: 0 17px 11px -21px rgba(0,0,0,0.75);
	-moz-box-shadow: 0 17px 11px -21px rgba(0,0,0,0.75);
	box-shadow: 0 17px 11px -21px rgba(0,0,0,0.75);
	background: #fff;
}
 
      
   
      
/* START - overwrite default theme style for online shop*/           
    
/* END - overwrite default theme style for online shop*/      

      
/* START - overwrite default plugin style for custom banner*/      
.banner_wrapper {
    line-height: 0;
    margin: 0 0 5px
}
/* END - overwrite default plugin style for custom banner*/      


      
/*
  grid view
  more info about grids: 
             https://premium.wpmudev.org/blog/css-grid-system/
             https://www.cssigniter.com/creating-simple-wordpress-blogging-layout-css-grid-flexbox/
    
    grid-template-rows:100px auto 100px;
    grid-template-colums:repeat(9, 100px);      

        background-color: #b1d9d9; 
    
   	border: none;
	border-collapse: collapse;
  
*/