/* ================ */
/* General stylings */
/* ================ */

  *{

    margin:0px;
    padding:0px;
    border:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

  }


  body {

    font-size: 16px;                        /* Schriftgröße, global */
    color:#5A5A5A;
    font-family: 'Open Sans', sans-serif;  /* Schriftart, global */
    
   
  }

  img{vertical-align:top;}

  .image a{display:block;}

  textarea:focus, input:focus, select:focus, option:focus{
    outline: 0;
  }

  *:focus {
    outline: 0;
  }

  .clear, .ClearBoth{
    clear:both;
  }

  .main{
    
    width:100%;
    max-width:985px;
    margin:0px auto auto;
    min-height:1px;
    padding:0px 20px;
    
  }

.align-justify, .text-justify {text-align: justify;}

.align-center, .text-center{text-align:center;}

.text-right, .align-right{text-align:right;}
  
  /* Space before */

  .frame-space-before-extra-small{margin-top:5px;}
  .frame-space-before-small{margin-top:10px;}
  .frame-space-before-medium{margin-top:15px;}
  .frame-space-before-large{margin-top:20px;}
  .frame-space-before-extra-large{margin-top:25px;}
  
/* Space after */

  .frame-space-after-extra-small{margin-bottom:5px;}
  .frame-space-after-small{margin-bottom:10px;}
  .frame-space-after-medium{margin-bottom:15px;}
  .frame-space-after-large{margin-bottom:20px;}
  .frame-space-after-extra-large{margin-bottom:25px;}
  
  

  
 /* HTML Trenner */

  hr {
    margin: 25px 0px 25px 0px;
    background-color: #0094E1;
    height: 1px;
  }


/* ============== */
/* Logo - Bereich */
/* ============== */

  #header{
    
    position:relative;
    width:100%;
    min-height:1px;
    
  }

  .top{
    
    width:100%;
    min-height:1px;
    position:relative;
    background:#ffffff;  /* Hintergrundfarbe */
    padding:10px 0px;  /* Abstand nach allen 4 Seiten */
    
  }

  .logo{
    
    width:auto;
    height:auto;
    display:block;
    float:left;
    
  }

  .logo img{
    
    vertical-align:top;
	width:100%;
	height:auto;
    
  }





/* =============== */
/* Hauptnavigation */
/* =============== */

  #menu{
    
    width:100%;
    background:#0094E1; /* Hintergrundfarbe */
    min-height:45px;  /* Minimale Höhe */
    position:relative;
  z-index:1000;
    
  }

  ul.menu{
    
    list-style-type:none;    
  }

  ul.menu > li{
    
    position:relative;
    display:inline-block;
    
  }

  /* Hauptnavigation Links */
  ul.menu > li > a{
    
    font-size:1em;      /* Schriftgröße */
    color:#fff;
    padding:15px 12px;    /* Abstand nach allen 4 Seiten */
    display:inline-block;
    text-decoration:none;  /* Unterstrich (none, underline) */
    line-height:1em;
    font-weight:400;    /* Schriftstärke (400, 600, 700) */
    background:transparent;  /* Hintergrundfarbe */
    
  } 

  /* Hauptnavigation Links Hover*/
  ul.menu > li.hover > a{
    color:#fff;      /* Schriftfarbe */
    font-weight:400;  /* Schriftstärke (400, 600, 700) */
    background:#092559;  /* Hintergrundfarbe Zelle */
    font-size:1em;
  }

  /* Hauptnavigation Links Aktiv*/
  ul.menu > li.active > a{
    color:#fff;      /* Schriftfarbe */
    font-weight:700;  /* Schriftstärke (400, 600, 700) */
    background:#092559;  /* Hintergrundfarbe Zelle */
    font-size:1em;
  }





/* ============= */
/* Subnavigation */
/* ============= */

  ul.menu > li > ul.submenu{
    
    width:320px;        /* Breite in Pixel */
    background:#0094E1;      /* Hintergrundfarbe */
    position:absolute;
    top:46px;
    left:-99999999px;
    list-style-type:none;
    overflow:hidden;
    padding-bottom:10px;    /* Abstand nach unten */
    z-index:10;
    
  }

  ul.menu > li:hover > ul.submenu{left:0px;}

  ul.menu > li > ul.submenu > li{
    
    display:block;
    width:100%;
    
  }

  /* Subnavigation Links */
  ul.menu > li > ul.submenu > li > a{  
    
    font-size:1em;      /* Schriftgröße */
    color:#fff;        /* Schriftfarbe */
    padding:10px 12px;    /* Abstände nach allen 4 Seiten*/
    display:block;
    text-decoration:none;
    line-height:1em;
    width:100%;
    font-weight:400;    /* Schriftstärke */
    background:transparent;
    
  } 

  /* Subnavigation Links Hover */
  ul.menu > li > ul.submenu > li:hover > a{
    
    background:#092559;    /* Hintergrundfarbe */
    color:#fff;        /* Schriftfarbe */
    font-weight:400;    /* Schriftstärke (400, 600, 700) */
    font-size:1em;      /* Schriftgröße */
    
  }

  /* Subnavigation Links Active */
  ul.menu > li > ul.submenu > li.active > a{
    
    background:#092559;   /* Hintergrundfarbe */
    color:#fff;        /* Schriftfarbe */
    font-weight:700;      /* Schriftstärke (400, 600, 700) */
    font-size:1em;      /* Schriftgröße */
    
  }

  ul.menu > li.first{
    margin-left:-12px;
  }

  .toggleMenu{

    display:none; 
    width:32px; 
    height:46px; 
    background:url(../images/menu/toggleMenu.png) no-repeat center center; 
    position:absolute; 
    left:20px; 
    top:0px;
    
  }




  
/* ====== */
/* Slider */
/* ====== */

  .slider{
    
    width:100%;
    min-height:1px;
    
  }

  /* Textbox in Slider */
  .caption-wrapper{

    position:absolute;
    bottom:50px;                /* Abstand unten */
    padding:20px;            /* Innerer Abstand unten */
    padding-bottom:20px;            /* Innerer Abstand unten */
    background-color:rgba(255, 255, 255, 0.7);  /* Hintergrundfarbe in RGB mit Alpha-Kanal */

  }

  /* Headline h2 */
  .caption-wrapper h2{

    font-size:1.875em;    /* Schriftgröße */
    color: #0094E1;
    font-weight:600;    /* Schriftstärke (400, 600, 700) */
    line-height:1em;    /* Zeilenabstand */
    padding-bottom:15px;  /* Abstand nach unten */
    
  }

  /* Text in Textbox */
  .caption-wrapper p{

    font-size:1em;      /* Schriftgröße */
    color: #444444;
    font-weight:400;    /* Schriftstärke (400, 600, 700) */

    
  }

  .flex-direction-nav a  {

    width: 35px; 
    height: 35px; 
    margin-top:-17px;
    
  }

  .flex-direction-nav .flex-prev { 

    left:20px; 
    background:url(../images/slider/prev.png);
    
  }

  .flex-direction-nav .flex-next { 

    right:20px;
    background:url(../images/slider/next.png);
    
  }

  .flex-control-nav {

    bottom:20px;
    
  }

  .flex-control-nav li {

    margin: 0 5px;
    
  }

  .flex-control-paging li a {

    width: 10px; 
    height: 10px; 
    background:url(../images/slider/bullet.png) no-repeat; 
    
  }

  .flex-control-paging li a:hover, .flex-control-paging li a.flex-active  { 
    
    background:url(../images/slider/bullet-active.png) no-repeat; 
    
  }





/* ============== */
/* Content Styles */
/* ============== */

  /*  Hintergrund links und rechts des Content */
  #wrapper{
    
    width:100%;
    min-height:1px;
    position:relative;
    background:#F6F6F6;   /* Hintergrundfarbe */
    
  }

  /* Content */
  #content{
    background:#fff;    /* Hintergrundfarbe */
  }

  /* Bilder */

  #content img {
    border: 0px solid #ffffff;        /* Rahmenstärke und -farbe */
  }


  /* Listen */
  #content ul{

    padding-left:20px;
    font-size:1em;
    color:#5A5A5A;         /* Schriftfarbe */

  }

  /* Links */
  #content a{

    text-decoration:underline;  /* Unterstrich (none, underline) */
    color:#0094E1;        /* Schriftfarbe */
    font-weight:400;    /* Schriftstärke (400, 600, 700) */

  }

  /* Content Links Hover & Visited*/
  #content a:hover, #content a:visited{

    text-decoration:none;  /* Unterstrich (none, underline) */
    color:#0094E1;        /* Schriftfarbe */
    font-weight:400;    /* Schriftstärke (400, 600, 700) */

  }

  /* Absätze (Copytext) */
  #content p{

    font-size:1em;      /* Schriftgröße */
    color:#5A5A5A;      /* Schriftfarbe */
    font-weight:400;    /* Schriftstärke (400, 600, 700) */
    line-height:1.3em;    /* Zeilenabstand */

  }

  /* Überschrift 1 */
  #content h1{

    font-size:2em;    /* Schriftgröße */
    color:#0094E1;      /* Schriftfarbe */
    font-weight:400;    /* Schriftstärke (400, 600, 700) */
    line-height:1.25em;    /* Zeilenabstand */
    padding-bottom:30px;  /* Abstand nach unten */

  }

  /* Überschrift 2 */
  #content h2{

    font-size:1.75em;    /* Schriftgröße */
    color:#0094E1;      /* Schriftfarbe */
    font-weight:400;    /* Schriftstärke (400, 600, 700) */
    line-height:1.2em;    /* Zeilenabstand */
    padding-bottom:20px;  /* Abstand nach unten */

  }

  /* Überschrift 3 */
  #content h3{

    font-size:1.5em;    /* Schriftgröße */
    color:#0094E1;      /* Schriftfarbe */
    font-weight:400;    /* Schriftstärke (400, 600, 700) */
    line-height:1.1em;    /* Zeilenabstand */
    padding-bottom:15px;  /* Abstand nach unten */

  }

  /* Bildunterschriften */
  .image-caption{
    font-size:1.25em;      /* Schriftgröße */
    color:#5A5A5A;      /* Schriftfarbe */
    padding-top: 5px;   /* Abstand nach oben */
    text-align: center; /* Schrift Ausrichtung (left, center, right) */
  }


  /* Tabellen */
  #content table, #content th, #content td {
    border: 1px solid #7d7d7d;
    border-collapse: collapse;
  }

  /* noborder */

  #content .frame-TableNoBorder table, #content .frame-TableNoBorder table th, #content .frame-TableNoBorder table td {
    border: 0px solid #7d7d7d;
  }

  /* Tabellenzellen */
  #content td {
    padding:5px;
  }

 #content .csc-textpic-intext-left .csc-textpic-imagewrap, #content .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap{margin-top:4px; margin-right:20px;}

  #content .csc-textpic-intext-right .csc-textpic-imagewrap, #content .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap{margin-top:4px; margin-left:20px;}

  #content .ce-center .ce-outer, #content .ce-center .ce-inner{ right: 0; width: 100%;}

  #content .frame-img100 img{width:100% !important; height:auto !important;}
  
  #content  .csc-textpic-center.csc-textpic-above .csc-textpic-image {margin-bottom:20px;}
  
  #content  .csc-textpic-center.csc-textpic-below .csc-textpic-image {margin-top:30px;}
  
  
  #content .normal-content{

    width:100%;
    min-height:1px;
    padding:20px 0px 10px 0px;
    
  }

  #content .right-content>div {
    clear:both;
  }


  #content.content25-75 .left-content{

    width:25%;
    min-height:1px;
    padding:30px 10px 30px 0px;
    float:left;
    
  }

  #content.content25-75 .right-content{

    width:75%;
    min-height:1px;
    padding:30px 0px 30px 10px;
    float:left;
    
  }

  #content.content75-25 .left-content{

    width:75%;
    min-height:1px;
    padding:30px 10px 30px 0px;
    float:left;
    
  }

  #content.content75-25 .right-content{

    width:25%;
    min-height:1px;
    padding:30px 0px 30px 10px;
    float:left;
    
  }

  .two-column{

    width:50%;
    min-height:1px;
    float:left;
    padding:0px 10px;

  }

  .two-column.column-first{

    padding-left:0px;

  }

  .two-column.column-last{

    padding-right:0px;

  }

  .three-column{

    width:33.333%;
    min-height:1px;
    float:left;
    padding:0px 10px;

  }

  .three-column.column-first{

    margin-left:-10px;

  }

  .three-column.column-last{

    padding-right:-10px;

  }

  .four-column{

    width:25%;
    min-height:1px;
    float:left;
    padding:0px 10px;

  }

  .four-column.column-first{


  }

  .four-column.column-last{


  }

  
  



/* ====================== */
/* Bildergalerie stylings */
/* ====================== */


  .frame-gallery .ce-row .ce-column{
    width:23.5%; margin-right:2%; margin-bottom:2%; float:left;
  }
  
  .frame-gallery .ce-row .ce-column:last-child{margin-right:0px;}

  #content .frame-gallery .ce-row .ce-column{
    margin-bottom:0 !important;
  }

  #content .frame-gallery .ce-row .ce-column img{width:100% !important; height:auto !important;}
  
  
    .frame-galleryFixHeight .ce-row{
    width:23.5%; margin-right:2%; margin-bottom:2%; float:left;
  }

  .frame-galleryFixHeight .ce-row:nth-child(4n) {margin-right:0%;}
    
  .frame-galleryFixHeight .ce-row:nth-child(8n) {margin-right:0%;}
      
  .frame-galleryFixHeight .ce-row:nth-child(12n) {margin-right:0%;}
  
  .frame-galleryFixHeight .ce-row:nth-child(16n) {margin-right:0%;}
  
  .frame-galleryFixHeight .ce-row:nth-child(20n) {margin-right:0%;}
  
  .frame-galleryFixHeight .ce-row:nth-child(24n) {margin-right:0%;}

  .frame-galleryFixHeight .ce-row .ce-column img{width:auto !important; height:245px !important;}
  
  .frame-galleryFixHeight .image{overflow:hidden;}



/* ====== */
/* Footer */
/* ====== */

  #footer{
    
    width:100%;
    min-height:1px;
    background:#092559;    /* Hintergrundfarbe */
    
  }

  .footer-main{
    
    padding-top:40px;    /* Innerer Abstand nach oben */
    padding-bottom:40px;  /* Innerer Abstand nach unten */

  }

  ul.footer-menu{
    
    width:50%;
    float:left;
    overflow:hidden;
    list-style-type:none;
    
  }

  ul.footer-menu li{
    
    float:left;
    
  }

  /* Links */
  ul.footer-menu > li > a{
    
    font-size:1em;      /* Schriftgröße */
    color:#fff;        /* Schriftfarbe */
    padding:0px 10px;    /* Abstand nach allen 4 Seiten */
    display:inline-block;
    text-decoration:none;  /* Unterstrich (none, underline) */
    line-height:1em;    /* Zeilenabstand */
    font-weight:400;    /* Schriftstärke (400, 600, 700) */
    background:transparent;
    
  } 
  
  /* Links Hover */
  ul.footer-menu > li:hover > a{
  
    color:#ffffff;        /* Schriftfarbe */      
    font-weight:400;    /* Schriftstärke (400, 600, 700) */
    font-size:1em;      /* Schriftgröße */
    background:transparent;  /* Hintergrundfarbe */
    text-decoration:underline;  /* Unterstrich (none, underline) */
  
  }
  
  /* Links Aktiv */
  ul.footer-menu > li.active > a{
  
    color:#fff;        /* Schriftfarbe */      
    font-weight:400;    /* Schriftstärke (400, 600, 700) */
    font-size:1em;      /* Schriftgröße */
    background:transparent;  /* Hintergrundfarbe */
    text-decoration:underline;  /* Unterstrich (none, underline) */
  
  }

  ul.footer-menu > li.first > a{
    
    padding-left:0px;
    
  }
  
  ul.footer-social{
    
    width:50%;
    float:left;
    overflow:hidden;
    list-style-type:none;
    
  }
  
  ul.footer-social li{float:right;}
  
  ul.footer-social li a{
  
    width:auto;
    height:22px;
    margin-left:10px;
    display:inline-block;
    cursor:pointer;
    
  }
  
  ul.footer-social li a img{width:auto !important; height:22px !important; vertical-align:top;}





/* ================== */
/* Powermail stylings */
/* ================== */

  .tx-powermail legend{display:none;}

  /* Formularfelder */
  .powermail_fieldwrap {

    width:100%;
    min-height:1px;
    float:left;
    margin-bottom:5px;            /* Abstand nach unten */

  }

  /* Formular-Klasse zum Verringern der breite*/
   .frame-formular{
    
    width:95%;                    /* Breite */
    clear:both;
    margin:0px auto auto;
  
  }

   /* Labels */
  label.powermail_label{

    width:20%;                 /* Breite in Prozent */
    float:left;

  }

  /* Formularfeld */
  .powermail_field{

    width:80%;                 /* Breite in Prozent */
    float:right;
    font-family: 'Open Sans', sans-serif;  /* Schriftart */
    font-size:1em;              /* Schriftgröße */

  }

  /* Eingabefelder */
  .powermail_field input.powermail_input{

    width:100%; 
    padding:0px 5px;             /* Abstand nach allen 4 Seiten */
    height:30px;               /* Höhe */
    border:1px solid #7d7d7d;        /* Rahmenbreite und -farbe */
    font-family: 'Open Sans', sans-serif;  /* Schriftart */
    font-size:1em;              /* Schriftgröße */
    
  }

  /* Select-Felder */
  .powermail_field select.powermail_select  {

    width:100%; 
    padding:0px 1px;             /* Abstand nach allen 4 Seiten */
    height:30px;               /* Höhe */
    border:1px solid #7d7d7d;        /* Rahmenbreite und -farbe */
    font-family: 'Open Sans', sans-serif;  /* Schriftart */
    font-size:1em;              /* Schriftgröße */
    
  }

  /* Text-Felder */
  .powermail_field textarea{

    width:100%; 
    padding:5px;               /* Abstand nach allen 4 Seiten */
    height:80px;               /* Höhe */
    border:1px solid #7d7d7d;        /* Rahmenbreite und -farbe */
    font-family: 'Open Sans', sans-serif;  /* Schriftart */
    font-size:1em;              /* Schriftgröße */
    
  }

  /* Submit-Button */
  .powermail_field input.powermail_submit{

    width:150px;              /* Breite */
    height:30px;              /* Höhe */
    text-align:center;            /* Textausrichtung (left, center, right) */
    color:#fff;                /* Schriftfarbe */
    background:#7d7d7d;            /* Hintegrundfarbe */
    float:right;
    font-family: 'Open Sans', sans-serif;  /* Schriftart */
    font-size:1em;              /* Schriftgröße */
    cursor:pointer;
    

  }

  /* Submit-Button Hover */
  .powermail_field input.powermail_submit:hover{

    color:#fff;                /* Schriftfarbe */
    font-weight:600;
    background:#0094E1;            /* Hintegrundfarbe */

  }

  ul.parsley-errors-list{

    list-style-type:none;
    padding-left:0px !important;
    font-size:0.8em !important;
    text-transform:uppercase;
    color:red !important;

  }

  .tx-powermail h3{
    display:none;
  }





/* ================ */
/* Sitemap stylings */
/* ================ */

.frame-type-menu_sitemap > ul {list-style-type:none; padding-left:0px !important;}

.frame-type-menu_sitemap > ul > li{padding-bottom:1em;}

.frame-type-menu_sitemap > ul > li > ul{list-style-type:disc !important; padding-left:30px !important; padding-top:0.5em;}

.frame-type-menu_sitemap > ul > li > ul > li{padding-bottom:0.5em;}

/* ======================= */
/* Cookie Meldung Stylings */
/* ======================= */

  /* Cookie Links */
  .cc_message a{
    color:#ffffff !important;               /* Schriftfarbe */
  }

  /* Cookie Links Hover */
  .cc_message a:hover {
    text-decoration: underline;             /* Unterstrich (none, underline) */
   }

   /* Akzeptieren Button */
  .cc_btn {
    background-color: #C02537 !important;   /* Hintegrundfarbe */
    font-weight:400;                        /* Schriftstärke */  
    color:#ffffff !important;               /* Schriftfarbe */
  }

  /* Akzeptieren Button Hover */
  .cc_btn:hover {
    background-color: #fbca18 !important;   /* Hintegrundfarbe */
    color: #686868 !important;              /* Schriftfarbe */
  }

  /* Container */
  .cc_container {
    background-color: #666666 !important;   /* Hintegrundfarbe */
    font-family: 'Arial', sans-serif !important;    /* Schriftart */
  }


.ce-image.ce-center .image{text-align:center;}

 .ce-textpic.ce-left.ce-intext .image{display:inline-block; float:left; margin-right:20px;}
 
 .ce-textpic.ce-right.ce-intext .image{display:inline-block; float:right; margin-left:20px;}

 .ce-center .image, .ce-headline-center{text-align:center;}
 
.normal-content > div.frame{width:100%; display:inline-block;}

.two-column-main,
.three-column-main,
.four-column-main{

  width:100%;
  min-height:1px;
  position:relative;
  display:inline-block;

}

#mapBellaGrees{width:100%; height:700px;}

.header-text{
	
	width:165px;
	min-height:1px;
	float:right;
	position:relative;
	display:inline-block;
	
}

.header-text ul{

	min-height:1px;
	position:relative;
	display:inline-block;
	list-style-type:none;
	float:right;
	margin-top:28px;
}

.header-text ul li{
	
	width:100%;
	float:left;
	margin-bottom:20px;
	
}

.header-text ul li img{width:22px; height:auto; float:left; margin-right:10px;}

.header-text ul li a{text-decoration:none; display:inline-block; float:left; color:#092559;}

#content ul li {padding:5px 0px;}
#content table {width:100%;}