/*  GROBSTRUKTUR DER WEBSITE
   
=========================================================   
     div main
        |__div header
        |__div submenu
        |__div mainmenu_content
               |__div mainmenu
               |__div content
               
==========================================================

*/

/*================================================================================================
Hier werden Elemente der Grundstruktur definiert      */




body
{
     background-color:#cabad6;
     background-repeat:no-repeat;
     font-family:Arial, sans-serif;
     background-position:0px 0px;
     background-image: url(../images/general/bg.jpg);
     background-size: 100%;
     height:100%;
}
html
{
     overflow: -moz-scrollbars-vertical;
     height:100%;
}
div#header
{
     background-repeat:no-repeat;
     height:100px;
     width:100%;
     display:block;
     background-image: url(../images/general/logo.png);
}
div#linie_oben
{
     height:11px;
     width:100%;
     background-repeat:repeat;
     display:block;
     background-image:url(../images/general/linie_oben.png);
     float:left;
     
}


div#main
{
     margin-left:auto;
     margin-right:auto;
     width:90%;
     max-width: 840px;
     margin-top:20px;
     display:block;
     min-height:624px ;
     height:624px;
     padding-right: 0px;
}
div#content
{
     width:100%;
     margin-top:10px;
     padding:0px;
     margin-left:0px;
     height:auto;
     min-height:426px;
     float:left;    
}




div.content_mitte
{
    
     float:left;
     height:auto;
     
     margin-left: 0px;
     margin-bottom: 10px;
     background-color: rgba(228,217,236,0.4);
     border-radius:6px;
     padding:6%;
     padding-right:10%;
     
     display:block;
     border-width: 1px 0px 0px 0px ;
     border-style: solid;
     border-color:#F1E7F8;

     background-repeat: no-repeat;

     box-sizing: border-box;
     
      width:100%; 
          margin-right:0px;
}
div#content_rechts
{
 
     float:left;
     display:block;
     margin-left: 0px;

    
     width:100%;
     -webkit-column-count: 2; 
     -moz-column-count: 2; 
     column-count: 2;
     
     -webkit-column-gap: 8px; 
    -moz-column-gap: 8px; 
    column-gap: 8px;
   
   
}
div.teaser
{
     
     
  
     min-height: 146px ;
     background-color: rgba(228,217,236,0.4);
     border-radius:6px;
     border-width: 1px 0px 8px 0px ;
     
     border-style: solid;
     border-color:#F1E7F8;
         -webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
    border-bottom-color: #cabad6;
     
}
div.teaser:first-of-type {
   
    /*margin-top: 8px;*/
}
div.teaser_content
{
     margin:10px;
     margin-bottom: 20px;
     margin-left:20px;
     margin-right:20px;
     display:  inline-block;
     border-width: 1px 0px 1px 0px  ;    
}
div#linie_unten
{
     height:11px;
     width:100%;
     background-repeat:repeat;
     display:block;
     background-image:url(../images/general/linie_unten.png);
     float:left;
     margin-top:40px;
     margin-bottom:0px;
    
}
div#impressum
{
     height:11px;
     width:100%;
     color:white;
     text-align:center;
     display:block;
    
     float:left;
     margin-top:6px;
     margin-bottom:40px;
     height:20px;
     padding-top:6px;
     margin-right:10px;
}
/*=====================================================================================================
Hier werden Navigations-elemente  definiert        */

div#submenu
{
     display:block;
     margin-right:84px;
     text-align:right;
     float:right;
     min-height:54px;
}
div#mainmenu
{
     float:left;
     display:block;
     width:100%;
     margin-top:8px;
     margin-left:0px;
     padding-left:20px;
     margin-right: 0px;
     padding-top:8px;
     box-sizing: border-box;
     background-color: rgba(228,217,236,0.4);
     border-radius:6px;
}
a.nav
{
     background-image: url(../images/arrow.png);
     background-repeat: no-repeat;
     padding-left: 14px;
     font-weight: bold;  
}
div.mainmenuitem
{
     float:left;
     display:block;
}
div#mainmenu div a.menuitem_selected
{
     color:#ffffff;
     
}

/*  Formatierung mainmenu Buttons */
div#mainmenu div a
{
     display:block;
     font-size:16px;
     font-weight:  bolder;
     text-decoration:none;
     text-align:left;
     margin-bottom:10px;
     font-family:Century Gothic,arial;
     background-repeat:no-repeat;
     color:#BE9D2E;
     
}
div#mainmenu div a:hover
{
     color:#ffffff;
     transition:color 0.5s;
     -moz-transition:color 0.5s; 
     -webkit-transition:color 0.5s; 
     -o-transition:color 0.5s;
}
div.submenu
{
     display:block;
     float:left;
     margin-left:6px; 
}
a.submenu
{
     text-decoration:none;
     color:#C6AA7E;
     font-size:11px;
     font-weight:bold;
     margin-top:28px;
     padding:4px;
     padding-top:6px;
     padding-left:10px;
     padding-right:10px;
     padding-bottom:6px;
     display:block;
     letter-spacing:0px;	
}
a.submenu_selected
{
     text-decoration:none;
     font-size:11px;
     font-family:Arial ;
     font-weight:bold;
     margin-top:28px;
     padding:4px;
     padding-top:6px;
     padding-left:10px;
     padding-right:10px;
     padding-bottom:6px;
     display:block;
     background-color:#3b4d46;
     letter-spacing:0px;       
}
a.submenu:hover
{
     color:#ffffff;
     background-color:#3b4d46;
}
div.sitemap
{
     visibility: hidden;
     width:80%;
     padding:16px;
     height:auto;
     display:block;
     position:absolute;
     top:140px;
      background-color:rgba(228,217,236,0.8);
      border-radius: 14px;
      border:1px  solid #ffffff;
      box-shadow:  6px 6px 6px #9889AC ;
}
div.sitemap_bereich
{
     float:left;
     margin:2px;
     padding:18px;
     background-color:#F7F2FA;
     width:234px;
     height:500px;
     min-height:377px;
   background-color:rgba(255,255,255,0.7);
     border-radius: 0px;
     display: block;
}
a.link-sitemap
{
     font-size:13px;
   
     
}
div.sitemap_bereich li:hover
{
    
     list-style-type:circle;
     
}


div#infolayer
{
   position:absolute;
    visibility:hidden;
    background-color:#EBDECB;
    top:0px;
    left:0px;
    font-family:Arial ;
    color:#071C1B;
    font-size:12px;
    width:40%;
    border-style:none;
    border-width:0px;
    border-color:#91aa9f;
    padding:10px;
    line-height:16px;
    min-height:200px;
   
}
div.languageChooser
{
     display:block;
     float:right;
     margin-top:68px;
     position: relative; 
     padding-top:4px;
     
     
}
div.languageChooser a
{
      font-size:11px;
      letter-spacing: 1px;
      font-family:tahoma;
   
}
img.flag
{
     vertical-align:top;
     margin-right:5px;
}
@media screen and (min-width:520px)
{
  
    div#content_rechts
    {
          -webkit-column-count: 2; /* Chrome, Safari, Opera */
          -moz-column-count: 2; /* Firefox */
          column-count:  2;
    }
   
  
}
@media screen and (max-width:520px)
{
  
    div#content_rechts
    {
          -webkit-column-count: 1; /* Chrome, Safari, Opera */
          -moz-column-count: 1; /* Firefox */
          column-count:  1;
    }
    .content_mitte
    {
      padding-right:6%;
    }
    div.mainmenuitem
     {
          width:100%;
     }
}