/*

height:80vh;
*/


@font-face { font-family: 'open-sans';
             src: local ('open-sans')
                  url('bilder/layout/open-sans.regular.ttf') format('truetype'); }



.clearer
{
clear:both;
}

#wrapper_center
{
width:100%;
}

.wrapper
{
margin-left:auto;
margin-right:auto;
width:100%;
max-width:1200px;
}


body
{
min-width:280px;
overflow-y: scroll;
}




#top
{
height:100px;
width:100%;
background-image: -webkit-linear-gradient(to right, #00aca8, #00664b);
background-image: -moz-linear-gradient(to right, #00aca8, #00664b);
background-image: -ms-linear-gradient(to right, #00aca8, #00664b);
background-image: -o-linear-gradient(to right, #00aca8, #00664b);
background-image: linear-gradient(to right, #00aca8, #00664b);
border-bottom:1px solid #FFFFFF;
z-index:99;
position:fixed;
}

    #logo
    {
      float:left;
      padding-top:9px;
      z-index:50
    }

    #logo A IMG
    {
    width:303px;
    }
    
    #menu
    {
    float:right;
    }
      #menu A
      {
      display:inline;
      }
      #menu A IMG
      {
      border-left:1px solid #FFFFFF;
      }

      #menu A IMG.active
      {
      background-color:#d4006d;
      }
      #menu A IMG:hover
      {
      background-color:#d4006d;
      }
      
      .last_menu
      {
      border-right:1px solid #FFFFFF;
      }



#banner_pic
{
width:100%;
margin-top:0px;
}

    .banner IMG
    {
    width:100%;
    border:0px solid #FFF;
    }


.div_bild_100
{
    margin-top:50px;
    width:100%;
}

.parallax
{
height: 350px; 
background-attachment: fixed;
min-height: 100%;
}

.div_text_100
{
    margin-top:50px;
    padding:20px;

    background-image: -webkit-linear-gradient(to right, #00aca8, #00664b);
    background-image: -moz-linear-gradient(to right, #00aca8, #00664b);
    background-image: -ms-linear-gradient(to right, #00aca8, #00664b);
    background-image: -o-linear-gradient(to right, #00aca8, #00664b);
    background-image: linear-gradient(to right, #00aca8, #00664b);

    width:calc(100% - 40px);
    color:#FFFFFF;
    font-size:14px;
    
    text-align:center
}
      .div_text_100 H1
      {
      color:#FFFFFF;
      font-size:35px;
      font-weight: normal;
      }
      .div_text_100 P
      {
      color:#FFFFFF;
      font-size:15px;
      }
      .div_text_100 A
      {
      color:#FFFFFF;
      font-size:15px;
      }

#content_block
{
width:100%;
overflow:hidden; /* fix fuer die bg_color */
margin-top:50px;
}
    .content_container
    {
    width:100%;
    position:relative;
    }
    .content_headline
    {
    padding:0;
    }
    .content_text
    {
    width:100%;
    float:left;
    }
    .content_image
    {
    width:0%;
    }
      .content_image A IMG
        {
        width:100%;
        max-width:600px;
        }
    
    .breite_100
    {
    width:100%;
    }    
    .breite_50
    {
    width:50%;
    }    
    
    .content_image_left
    {
    float:left;
    }
    .content_image_right
    {
    float:right;
    }
      .content_image IMG
      {
      max-width:100%;
      }

    .content_datum
    {
    width:100%;
    float:left;
    }
    




.bubble{
	width: 278px;
	height: 276px;
	float:left;
  overflow:hidden;
  margin-right:22px;
  margin-bottom:22px;
  
  background-image: url('bilder/layout/bubbles.png');
}

    .bubble:hover{background-image: url('bilder/layout/bubbles_aktiv.png');}
    .bubble_aktiv{background-image: url('bilder/layout/bubbles_aktiv.png');}
    
    .bubble_img
    {
      width:278px;
      height:276px;
      border:0px;
    }
    
    
    .bubble1{background-position: 0px 0px;}
    .bubble2{background-position: -308px 0px;}
    .bubble3{background-position: -615px 0px;}
    .bubble4{background-position: -922px 0px;}



.square{
	width: 261px;
	height: 210px;
	float:left;
  overflow:hidden;
  margin-right:20px;
  margin-bottom:20px;
  
  background-image: url('bilder/layout/square.png');
}

    .square:hover{background-image: url('bilder/layout/square_aktiv.png');}
    .square_aktiv{background-image: url('bilder/layout/square_aktiv.png');}
    
    .square_img
    {
      width:261px;
      height:210px;
      border:0px solid #0ff;
    }
    
    
    .square1{background-position: 0px 0px;}
    .square2{background-position: -314px 0px;}
    .square3{background-position: -626px 0px;}
    .square4{background-position: -940px 0px;}

    .square5{background-position: 0px 210px;}
    .square6{background-position: -314px 210px;}
    .square7{background-position: -626px 210px;}
    .square8{background-position: -940px 210px;}

.thumbnails{width:500px;}
.thumbnails:hover {filter:blur(5px);-webkit-filter: blur(5px); transform: scale(1.1);transition-duration: 500ms;-webkit-transition-duration:500ms;    cursor: -moz-zoom-in; 
    cursor: -webkit-zoom-in; 
    cursor: zoom-in;}
.thumbnails {filter:none;-webkit-filter: none; transform: scale(1.0); transition-duration: 500ms;-webkit-transition-duration:500ms}

.overview_item
{
    background-image: -webkit-linear-gradient(to right, #00aca8, #00664b);
    background-image: -moz-linear-gradient(to right, #00aca8, #00664b);
    background-image: -ms-linear-gradient(to right, #00aca8, #00664b);
    background-image: -o-linear-gradient(to right, #00aca8, #00664b);
    background-image: linear-gradient(to right, #00aca8, #00664b);
    
    border:0px;

    width:100%;
    height:40px;
    vertical-align:middle;
    text-align:left;
    margin-bottom:3px;

    line-height:40px;
    font-size:15px;
    text-decoration:none;
    color:#FFFFFF;
    display:block;
    
    transition: 0.5s;
    overflow: hidden;
}
        .overview_itemAktiv, .overview_item:hover 
        {
              background-image:none;
              background-color: #d4006d;
              font-weight: bold; 
              transition: 0.5s;
        }
        .overview_item:before {
            content: "+";
            float: left;
            width:15px;
            margin-left: 7px;
            margin-right: 7px;
            font-size: 18px;
            color: #FFFFFF; }
        
        .overview_itemAktiv:before {
            content: "-";
            float: left;
            width:15px;
            margin-right: 7px;
            margin-left: 7px;
            font-size: 18px;
            color: #FFFFFF; }
                           
        .overview_details
        {
            transition: max-height 0.5s linear;
            max-height: 0px;
            background-color: #ffffff;
            padding: 0px 12px;
            overflow: hidden;
        }






.carousel_item
{
  height:398px;
  width:198px;
  background:#f4f4ef;
  border:1px solid #cfcdc0;
  text-align:center;
  overflow:hidden;
  
  border-radius: 0px 0px 30px 0px;
  
  z-index:99;
}
      .carousel_item:hover
      {
      border: 1px solid #d4006d;
      background:#e4e4ef;
      }
         
      .carousel_item_text
      {
          text-decoration: none; 
          width:calc(100% - 20px);
          padding:10px;
          text-align:left;
      
        font-size:12px;
      }
      
      .carousel_item_bild
      {
      height:250px;
      }
      .carousel_item_text H1
      {
        margin:0;
        padding:0;
        color:#00654b;
        font-size:12px;
      
        font-weight:bold;  
      }
      
      .carousel_item_text H2
      {
        margin:0;
        padding:0;
        color:#00654b;
        font-size:12px;
        font-weight:normal;
      }




    
#main_menu
{
width:20%;
float:left;
padding:20px;
}

#main_menu UL
{
margin:0;
padding:0;
list-style-type:none;
width:100%;
}

#main_menu UL LI
{
width:100%;
list-style-type:none;
}

#main_menu UL LI A
{
display:block;
width:100%;
}

#main_content
{
width:66%;
float:left;
}

#newsticker
{
width:33%;
float:right;
}

#footer
{
  
  background-color:#00654b;
  width:100%;
  min-height:150px;
  text-align:center;
  color:#FFFFFF;
  padding-top:50px;
  font-weight:normal;
  font-size:15px;
}

  #footer A
  {
    color:#FFFFFF;
    font-size:15px;
    text-decoration: none;
  }
  #footer P
  {
    color:#FFFFFF;
    font-size:15px;
    text-decoration: none;
  }

  #footer H1
  {
    margin:0;
    padding:0;
    font-size:15px;
    color:#00aca8;
    font-weight:normal;
  }

    .footer_left
    {
    width:33%;float:left;text-align:left;
    }
    
    .footer_mid
    {
    width:33%;float:left;text-align:left;
    }
    
    .footer_right
    {
    width:33%;float:left;text-align:left;
    }



#menu_button
{
position:absolute;
right:20px;
top:40px;
z-index:100;
display:none;
}

#menu_button a.hidenavlist
{
display:none;
}


#icons_top
{
position:absolute;
right:20px;
top:10px;
display:none;
}
    #icons_top A I
    {
    padding-left:10px;
    color:#FFFFFF;
    }

@media screen and (max-width:1200px)
{
.wrapper{padding-left:10px;padding-right:10px;width:calc(100% - 20px);}

}

@media screen and (max-width:1000px)
{
#menu A IMG{width:80px;}
}

@media screen and (max-width:800px)
{
#menu A IMG{width:70px;}
}
@media screen and (max-width:700px)
{
#newsticker{display:none;}
#main_content{width:100%;}
#menu A IMG{width:60px;}
#logo A IMG{width:251px;}
#top{height:80px;}
}
@media screen and (max-width:600px)
{
#menu A IMG{width:50px;}
#logo A IMG{width:201px;}
#top{height:70px;}
#newsticker{width:100%;float:left;}
.content_text{width:100%}
.content_image{width:100%}
#main_content{width:100%;float:left;}
}

      
@media screen and (max-width:500px)
{
#icons_top{display:block;}

#top{height:120px;}
#logo{width:100%; text-align:center;padding-top:5px;}
#menu{width:100%; text-align:center;}

.cms_headline,.seitenausgabe_headline{font-size:30px;}


#footer{min-height:250px;}
.footer_left{width:100%;float:none;}
.footer_mid{width:100%;float:none;}
.footer_right{width:100%;float:none;}

/*
  #menu_button{display:block;}
  #main_menu{display:none;transition:0.25s}

  #showmenu:target div#main_menu{display:block;}
  #showmenu:target a.shownavlist{display:none;}
  #showmenu:target a.hidenavlist{display:block;}
*/
}