/* ================ */
/* 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:205px;
	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%;}