/** 
 * Egotec-Seitentyp Uebersichtsseite
 *
 * (de) zur Anordnung verschiedener Boxen, die auf nachfolgende Seiten verlinken
 *
 * @copyright       Copyright 2013, Werner Liebscher
 * @version         v0.0.2
 * @lastmodified    $Date: 2013-07-05 
 * @created on      $Date: 01.07.2013, 11:14:34 
 * @author          Werner Liebscher
*/

#content {
   padding: 0;
   border: none;
}
#maincontent {
   border: none;
   overflow-x: hidden; 
}
#page-title {
   display: none;
}
h2#boxpage-title  { 
   font-family:'InfoTextWeb-Bold','Lucida Grande','Lucida Sans Unicode','Lucida Sans',sans-serif;
   font-size: 1.5rem;
	width:100%;
	height:auto; 
   background: transparent;
   letter-spacing: 0.03rem;      
   line-height: 1.65rem;
   color:#7a003f;
   margin: 0 0 1.5rem 0;
   float: left;
   clear: both;
/*   margin-top: 1.25rem;
   padding-left: 0.95rem;*/
}
.inhalt_container {
   width: 100%;
   margin-bottom: 15px;
   padding: 1.25rem 0.95rem 0.75rem 0.95rem;
}
.bordered {
   border: 1px #ccc solid;
   border-radius: 0.2rem;
}

.mbox_container {
   /*width: 100%;*/
   display: flex;
   flex-wrap: wrap;
   margin-right: -20px;
   overflow-x: hidden; 
}

/* 
   Box allgemein definieren - mit Abständen beim Floaten
*/
.mbox {
   display: flex;
   flex-direction: column;
   /*float: left;*/
   /*margin-bottom: 2.73972%;*/
   border: 1px #ccc solid;
   border-radius: 0.2rem;
   background-color: #e0e2e3;
   margin: 0 20px 20px 0;
}   
.mbox:hover {
   border: 1px #7A003F solid;
   background-color: #7A003F !important;
   color: white !important;
}   
.mbox > div {
   flex: 1 1 auto;
}
a.mbox {
   font-weight: bold;
}
.mbox:hover > a.mbox_head {
   color: white !important;
}   

/* Verlinkung im Kopfbereich der Box mit Hintergrundbild und Hover-Effekt */
.mbox_head_link {
   display: table-cell;
   height: 2.75rem;
   vertical-align: middle;
   color: inherit;
}
a.mbox_head {
   display: block;
   height: 2.75rem;
   padding-left: 0.675rem;
   padding-right: 0.675rem;
   text-decoration: none;
   border-bottom: none;
   font-weight: bold;
   border-top-left-radius: 0.2rem;
   border-top-right-radius: 0.2rem;
}

.mbox_kurzinfo  {
   display: table-cell;
   margin-bottom: 0.5rem;
   color: black;
   min-height: 100%;
}

/* Linklock der Box und Verlinkungen darin - mit Hover-Effekt */
.mbox_linkblock {
   /*display: table-cell;*/
   /*min-height: 100%;*/
   padding: 0.5rem 0.7rem;
   line-height: 1.0rem;
   height: available;
   background-color: white !important;
   border-bottom-left-radius: 0.15rem;
   border-bottom-right-radius: 0.15rem;
}
.mbox_linkblock a {
   /*font-size: 0.75rem;*/
   /*line-height: 1rem;*/
   color: black;
   text-decoration: none;
}
.mbox_linkblock a:focus, 
.mbox_linkblock a:hover, 
.mbox_linkblock a:active 
{
   border-bottom: dotted 1px #7a003f;
}

.mbox_bildblock {
   padding: 0;
   overflow: hidden;
   height: available;
/*   border-bottom-left-radius: 0.2rem;
   border-bottom-right-radius: 0.2rem;*/
}

/* Definition verschiedener Boxenbreiten - basierend auf Spaltenraster */
.mbox_width1 { 
   /*width: 31.5%;*/ 
   flex: 1 1 30%;
}
.mbox_width2 { 
   /*width: 65.7%;*/ 
   flex: 2 1 63%
}
.mbox_width3 { 
   /*width: 100%;*/ 
   flex: 3 1 100%;
}


.mbox_news {
   /*display: table-cell;*/
   /*width: 100%;*/
   font-size: 0.8rem;
   line-height: 1rem;
    margin: 0.1rem  0 0.2rem 0;
    padding: 0;
    /*float: left;*/
}
.mbox_news b a {
   color: #7A003F;
   border: none;
   line-height: 1.1rem;
   padding: 0;
   margin: 0;
}
.mbox_news b a:before {
   content: "";
   padding: 0;
   margin: 0;
}
.mbox_news b a:hover {
   background-color: white;
   /*border: none;*/
}

.mbox_news p {
    margin: 0 0 0.2rem 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    padding: 0;
}