/*
*******************************************************************************************************************
Mobile Version
*******************************************************************************************************************
*/
@media screen and (max-width: 960px) {
body {
padding: 0px;
margin: 0px;
font-size:100%;
}

.headmenubg, .logo, .steuerung, .menu, .meubg, .modul_standardbild_desktop, .version_nur_desktop { display: none; }


#img_wrap_vita {
position: relative; 
width:100%;	
background-color: #4aa0a8;
}
#img_wrap_blau {
position: relative; 
width:100%;	
background-color: #003f75;
}
#img_wrap_weiss {
position: relative; 
width:100%;	
background-color: #ffffff;
}
.img_standardbild {
margin-top: 45px;
margin-bottom: 45px;	
width: 15%;
}


.content {
position: relative;
float:left;
overflow: auto;
top:0px;
width: 100%;	
background-color: #fff;
border-top: 0px solid #fff;
border-left: 0px solid #fff;
border-right: 0px solid #fff;
border-bottom: 0px solid #000;
text-align: center;
}

.mehrspaltig_rahmen {
width: 90%;
padding-top: 0px;
padding-left: 5%;
padding-right: 5%;
padding-bottom: 0px;	
}

.einspaltig {	
float:left;
width: 100%;
background-color: #fff;
vertical-align: top;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
/*padding: 5%;*/
padding-top: 0px;
padding-left: 0%;
padding-right: 0%;
padding-bottom: 0px;
min-height: 30px;
/*font-family: 'Noto Sans', 'Droid Sans', 'Roboto', Verdana, Arial, Helvetica, sans-serif; font-size:18px; line-height: 1.8;*/
}

.zweispaltig {
float:left;
width: 50%;
background-color: #fff;
vertical-align: top;
margin-top: 0px;
margin-left: 0px;
padding: 0px;
/*font-family: 'Noto Sans', 'Droid Sans', 'Roboto', Verdana, Arial, Helvetica, sans-serif; font-size:16px; line-height: 1.8;*/
}

.dreispaltig {
float:left;
width: 23.3%;
background-color: #fff;
vertical-align: top;
margin-top: 0%;
margin-left: 5%;
margin-right: 5%;
padding: 0px;
/*font-family: 'Noto Sans', 'Droid Sans', 'Roboto', Verdana, Arial, Helvetica, sans-serif; font-size:16px; line-height: 1.8;*/
}

.vierspaltig {
float:left;
width: 25%;
background-color: #fff;
vertical-align: top;
margin-top: 0px;
margin-left: 0px;
padding: 0px;
/*font-family: 'Noto Sans', 'Droid Sans', 'Roboto', Verdana, Arial, Helvetica, sans-serif; font-size:16px; line-height: 1.8;*/
}

.fuenfspaltig {
float:left;
width: 20%;
background-color: #fff;
vertical-align: top;
margin-top: 0px;
margin-left: 0px;
padding: 0px;
/*font-family: 'Noto Sans', 'Droid Sans', 'Roboto', Verdana, Arial, Helvetica, sans-serif; font-size:16px; line-height: 1.8;*/
}	
	
	
.mobilnav {
position: fixed;	
z-index: 9999;
width: 100%;	
}	
	
.topnav {	
  overflow: hidden;
  background-color: #4aa0a8}

.topnav a {

  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 3.33% 3.33%;
  text-decoration: none;
  font-family: 'Noto Sans', 'Droid Sans', 'Roboto', Verdana, Arial, Helvetica, sans-serif; font-size:1.5em; line-height: 1;
  border-bottom: 2px solid #fff;

}

.topnav a:hover {
  background-color: #4aa0a8  color: #000;
}

.active {
  color: #fff;
}

img.topnav {
z-index: 999999;
height: 40px;	
padding: 1.23% 1.23%;
}

.topnav .icon {
  display: none;
}


  .topnav a {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
	height: 2%;
	font-size:1.5em;
	text-decoration: none;
    border-bottom: 0px solid #fff;
  }

  .topnav.responsive {position: relative;}
  /*hierr*/
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
	height: 6%;
	font-size:1.0em;
	text-decoration: none;
    border-bottom: 0px solid #fff;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

.m_logo {
  background-color: #fff;
padding-top: 80px;

}  


/*
----------------------------------------------------------------------------------------------------------
*/
.welle {
position: relative;
float:left;
width: 100%;
background-image: url("../img/welle-vitalisarium.jpg");	
height: 300px;	
}
.welle_einspaltig {
float:left;
width: 90%;
/*background-color: #fff;*/
vertical-align: top;
margin-top: 60px;
margin-left: 0px;
margin-bottom: 0px;
/*padding: 5%;*/
padding-top: 0px;
padding-left: 5%;
padding-right: 0%;
padding-bottom: 0px;
text-align: left;
/*font-family: 'Noto Sans', 'Droid Sans', 'Roboto', Verdana, Arial, Helvetica, sans-serif; font-size:18px; line-height: 1.8;*/
}
.impressum_einspaltig {
float:left;
width: 90%;
/*background-color: #fff;*/
vertical-align: top;
margin-top: 45px;
margin-left: 0px;
margin-bottom: 0px;
/*padding: 5%;*/
padding-top: 0px;
padding-left: 5%;
padding-right: 5%;
padding-bottom: 0px;

font-family: 'Noto Sans', 'Droid Sans', 'Roboto', Verdana, Arial, Helvetica, sans-serif; font-size:18px; line-height: 1.8;
}
/*Welle*/

.welletext {
float:left;
padding-top: 80px;
padding-left: 100px;	
}

p.wellehead {font-family: 'Rambla', Verdana, Arial,Helvetica, sans-serif; font-size:1em; letter-spacing: 1px; color: #fff; border: 0px; text-decoration: none;}
p.welle2    {font-family:   'Rambla',Verdana, Arial,Helvetica, sans-serif; font-size:1em; letter-spacing: 1px;color: #fff; border: 0px; text-decoration: none;}
p.welle3    {font-family:   'Rambla',Verdana, Arial,Helvetica, sans-serif; font-size:1em; letter-spacing: 1px;font-weight:bold; color: #fff; border: 0px; text-decoration: none;}

a.kontaktwelle       {font-family:   'Rambla',Verdana, Arial,Helvetica, sans-serif; letter-spacing: 1px;font-weight:normal; color: #fff; border: 0px; text-decoration: none;}
a.kontaktwelle:hover {font-family:   'Rambla',Verdana, Arial,Helvetica, sans-serif; letter-spacing: 1px;font-weight:normal; color: #fff; border: 0px; text-decoration: none;}

/*Sitemap*/


.sitemap_dreispaltig {
float:left;
width: 100%;
background-color: #fff;
/*vertical-align: top;*/
margin-top: 50px;
font-family: 'Noto Sans', 'Droid Sans', 'Roboto', Verdana, Arial, Helvetica, sans-serif; font-size:1.5em; line-height: 1.8;
}
.sitemap_dreispaltig {display: none;}

p.sitemap {font-family: 'Noto Sans', 'Droid Sans', 'Roboto', Verdana, Arial, Helvetica, sans-serif; font-size:1.5em; line-height: 1.8;}
b.sitemap {font-family: 'Noto Sans', 'Droid Sans', 'Roboto', Verdana, Arial, Helvetica, sans-serif; font-size:1.5em; line-height: 1.8;font-weight:bold;}
a.sitemap {font-family: 'Noto Sans', 'Droid Sans', 'Roboto',  Verdana, Helvetica, sans-serif; font-size:1.5em; color: #000; border: 0px; text-decoration: none;line-height: 1.8;}
a.sitemap:hover {font-family: 'Noto Sans', 'Droid Sans', 'Roboto',  Arial, Verdana, Helvetica, sans-serif; font-size:1.5em; color: #000; border: 0px; text-decoration: none;line-height: 1.8;}

p  {font-family: 'Noto Sans', 'Droid Sans', 'Roboto', Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; line-height: 1.5;}
h1 {font-family: 'Cardo', Roboto, Arial, Verdana, Helvetica, sans-serif; font-size:3.0em; color: #4aa0a8; line-height: 1.25; border: 0px; font-weight:bold;}
h2 {font-family: 'Rambla', Roboto, Arial, Verdana, Helvetica, sans-serif; font-size:1.5em; color: #4aa0a8; line-height: 1.5; letter-spacing: 1px; border: 0px; font-weight:normal;}
h3 {font-family: 'Cardo', Roboto, Arial, Verdana, Helvetica, sans-serif; font-size:1.5em; color: #4aa0a8; line-height: 1.5; border: 0px; font-weight:normal;font-style:italic;}
h4 {font-family: 'Rambla', Roboto, Arial, Verdana, Helvetica, sans-serif; font-size:25px; color: #4aa0a8; line-height: 1.5; border: 0px; font-weight:normal;}
h5 {font-family: Roboto, Arial, Verdana, Helvetica, sans-serif; font-size:12px; color: #4aa0a8; line-height: 1.5; border: 0px; font-weight:normal;}
h6 {font-family: Roboto, Arial, Verdana, Helvetica, sans-serif; font-size:10px; color: #4aa0a8; line-height: 1.5; border: 0px; font-weight:normal;}	


}

/*
*******************************************************************************************************************
tablet Version
*******************************************************************************************************************
*/
@media screen and (min-width: 960px) and (max-width: 1240px) {

.topnav { display: none; }
.topnav a { display: none; }
.topnav a:hover { display: none; }
.active { display: none; }
.topnav .icon { display: none; }
/*.m_logo { display: none; }*/
.logo { display: none; }
.m_textmodul { display: none; }
.modul_standardbild_mobil { display: none; }
.version_nur_mobil { display: none; }

.m_logo {
background-color: #fff;
padding-top: 25px;

} 


/* Standardbilder Desktop*/
#img_wrap {
position: relative; 
width: 100%;	
/*height: 300px;*/
background-color: #ccc;
}
.img_standardbild {
margin-top: 100px;
margin-bottom: 100px;	
width: 7%;
}
/* Standardbilder Desktop ENDE*/
body, html {
background-color: #4aa0a8;
background-image: ;
background-repeat:repeat-x;
background-attachment:fixed;
padding: 0px;
margin: 0px;
/*
min-height:101%;
*/
}

img {border: none;}

div.center {
width: 90%;	
max-width:1230px;
margin:0px auto;
}

div.headmenubg {
	
z-index: 9999; 
position: fixed;	
/*position: relative;
width: 100%;*/
width: 90%;
max-width:1230px;
margin:0px auto;
height: 30px;
top:0px;
border-top: 0px solid #fff;
border-bottom: 0px solid #fff;
border-left: 0px solid #fff;
border-right: 0px solid #fff;
background-color: #bcbdc3;
font-family: Verdana, Helvetica, sans-serif;
font-size:12px;
text-align: center;
}


div.headmenubg div{  display:block;  float:left;  width:18%;  height:30px;  text-align:center;  font-size:10px;}div.headmenubg div:nth-child(5){  width:28%;}a.headnavigation{display:block;color:#fff;font-weight:bold;	margin-top:7px;text-decoration:none;}
/* 
a.headnavigation{
color:#fff;
font-weight:bold;	
padding:0px 30px;
text-decoration:none;
line-height:30px;	
}
 */


div.head {
position: relative;
top:0px;
width: 100%;	
max-width:1230px; 
height: 580px;
background-color: #fff;
border-top: 0px solid #fff;
border-left: 0px solid #fff;
border-right: 0px solid #fff;
border-bottom: 0px solid #fff;
}

div.headimg {
position: absolut;
top:0px;
width: 100%;	
max-width:1230px; 
/*height: 600px;*/
background-color: #fff;
border-top: 0px solid #fff;
border-left: 0px solid #fff;
border-right: 0px solid #fff;
border-bottom: 0px solid #fff;
 z-index: 2;
}



div.steuerung {
position: relative;
top:0px;
width: 100%;	
/*max-width:1230px;*/ 

background-color: #ccc;
border-top: 0px solid #fff;
border-left: 0px solid #fff;
border-right: 0px solid #fff;
border-bottom: 0px solid #fff;
text-align: center;
}

.menubg { /*width: 100%;*/
         height: 55px;
         padding-left: 40px;
        border-top: 0px solid #fff;
        border-bottom: 20px solid #fff;
        border-left: 0px solid #fff;
        border-right: 10px solid #fff;
        background-color: #fff;
}
.menu{
        width: 100%;
        margin:0px;
        border-top: 0px solid #fff;
        border-bottom: 0px solid #fff;
        font-family: 'Noto Sans', 'Droid Sans', 'Roboto', Verdana, Helvetica, sans-serif;
        font-size:16px;

        }
.menu ul{
        background:#fff;
        height:35px;
        list-style:none;
        margin:0;
        padding:0;
        }
        .menu li{
                float:left;
                padding:0px;
                border-bottom: 0px solid #000;
                }
        .menuaktiv a {                
                padding:0px;
                border-bottom: 2px solid #4aa0a8;
                }				
				
				
        .menu li a{
                background:#fff;
                color: #4aa0a8;
                display:block;
                font-weight:bold;
                line-height:35px;
                margin:0px;
                padding:0px 20px;
                text-align:center;
                text-decoration:none;

                }
                .menu li a:hover, .menu ul li:hover a {
                        background: #fff;
                        color: #4aa0a8;
                        border-bottom: 0px solid #333;
                        text-decoration:none;
                        }


        .menu li ul{
                background:#fff;
                display:none;
                height:auto;
                
                margin:0px;
                border:0px;
                position:absolute;
                width:auto;
                z-index:200;
                }
        .menu li:hover ul{
                display:block;
                }
        .menu li li {
                display:block;
                float:none;
                margin:0px;
                padding:0px;
                width:auto;
                }
        .menu li:hover li a{
                background:none;
				color:#000;
				font-family: 'Noto Sans', 'Droid Sans', 'Roboto', Verdana, Helvetica, sans-serif;
                font-size:13px;
				border-bottom: 1px solid #333;

                }
        .menu li ul a{
                display:block;
                height:35px;
                font-size:14px;
                font-style:normal;
                margin: 0px;
                padding:0px 20px 0px 20px; /*links rechts sub*/
                text-align:left;
                }
                .menu li ul a:hover, .menu a{
                        background:#fff;
                      
                        color:#4aa0a8;
                        text-decoration:none;
                        }
        .menu p{
                clear:left;
                }



/*neu*/
.content {
position: relative;
float:left;
overflow: auto;
top:0px;
width: 100%;	
/*max-width:1230px; 
height: 330px;*/
background-color: #fff;
border-top: 0px solid #fff;
border-left: 0px solid #fff;
border-right: 0px solid #fff;
border-bottom: 0px solid #000;
text-align: center;
}

.mehrspaltig_rahmen {
width: 70%;
padding-top: 0px;
padding-left: 15%;
padding-right: 15%;
padding-bottom: 0px;	
}

.einspaltig {	
float:left;
width: 90%;
background-color: #fff;
vertical-align: top;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
/*padding: 5%;*/
padding-top: 0px;
padding-left: 5%;
padding-right: 5%;
padding-bottom: 0px;
min-height: 30px;
font-family: 'Noto Sans', 'Droid Sans', 'Roboto', Verdana, Arial, Helvetica, sans-serif; font-size:18px; line-height: 1.8;
}

.zweispaltig {
float:left;
width: 50%;
background-color: #fff;
vertical-align: top;
margin-top: 0px;
margin-left: 0px;
padding: 0px;
font-family: 'Noto Sans', 'Droid Sans', 'Roboto', Verdana, Arial, Helvetica, sans-serif; font-size:16px; line-height: 1.8;
}

.dreispaltig {
float:left;
width: 23.3%;
background-color: #fff;
vertical-align: top;
margin-top: 0%;
margin-left: 5%;
margin-right: 5%;
padding: 0px;
font-family: 'Noto Sans', 'Droid Sans', 'Roboto', Verdana, Arial, Helvetica, sans-serif; font-size:16px; line-height: 1.8;
}

.vierspaltig {
float:left;
width: 25%;
background-color: #fff;
vertical-align: top;
margin-top: 0px;
margin-left: 0px;
padding: 0px;
font-family: 'Noto Sans', 'Droid Sans', 'Roboto', Verdana, Arial, Helvetica, sans-serif; font-size:16px; line-height: 1.8;
}

.fuenfspaltig {
float:left;
width: 20%;
background-color: #fff;
vertical-align: top;
margin-top: 0px;
margin-left: 0px;
padding: 0px;
font-family: 'Noto Sans', 'Droid Sans', 'Roboto', Verdana, Arial, Helvetica, sans-serif; font-size:16px; line-height: 1.8;
}
/*
----------------------------------------------------------------------------------------------------------
*/
.sitemap_dreispaltig {
float:left;
width: 23.3%;
background-color: #fff;
vertical-align: top;
margin-top: 0%;
margin-left: 5%;
margin-right: 5%;
padding: 0px;
font-family: 'Noto Sans', 'Droid Sans', 'Roboto', Verdana, Arial, Helvetica, sans-serif; font-size:16px; line-height: 1.8;
text-align: left;
}

a.sitemap {font-family: 'Noto Sans', 'Droid Sans', 'Roboto',  Verdana, Helvetica, sans-serif; font-size:14px; color: #000; border: 0px; text-decoration: none;}
a.sitemap:hover {font-family: 'Noto Sans', 'Droid Sans', 'Roboto',  Arial, Verdana, Helvetica, sans-serif; font-size:14px; color: #000; border: 0px; text-decoration: none;}
/*
----------------------------------------------------------------------------------------------------------
*/
.welle {
position: relative;
float:left;
width: 100%;
background-image: url("../img/welle-vitalisarium.jpg");	
height: 300px;	
}
.welle_einspaltig {
float:left;
width: 90%;
/*background-color: #fff;*/
vertical-align: top;
margin-top: 60px;
margin-left: 0px;
margin-bottom: 0px;
/*padding: 5%;*/
padding-top: 0px;
padding-left: 5%;
padding-right: 5%;
padding-bottom: 0px;

font-family: 'Noto Sans', 'Droid Sans', 'Roboto', Verdana, Arial, Helvetica, sans-serif; font-size:18px; line-height: 1.8;
}
.impressum_einspaltig {
float:left;
width: 90%;
/*background-color: #fff;*/
vertical-align: top;
margin-top: 45px;
margin-left: 0px;
margin-bottom: 0px;
/*padding: 5%;*/
padding-top: 0px;
padding-left: 5%;
padding-right: 5%;
padding-bottom: 0px;

font-family: 'Noto Sans', 'Droid Sans', 'Roboto', Verdana, Arial, Helvetica, sans-serif; font-size:18px; line-height: 1.8;
}

.welletext {
float:left;
padding-top: 80px;
padding-left: 200px;	
}

p.wellehead {font-family: 'Rambla',  Verdana, Arial,Helvetica, sans-serif; font-size:35px; letter-spacing: 1px; color: #fff; border: 0px; text-decoration: none;}
p.welle2 {font-family:   'Rambla',Verdana, Arial,Helvetica, sans-serif; font-size:26px; letter-spacing: 1px;color: #fff; border: 0px; text-decoration: none;}
p.welle3 {font-family:   'Rambla',Verdana, Arial,Helvetica, sans-serif; font-size:30px; letter-spacing: 1px;font-weight:bold; color: #fff; border: 0px; text-decoration: none;}

a.kontaktwelle       {font-family:   'Rambla',Verdana, Arial,Helvetica, sans-serif; font-size:26px; font-weight:normal;letter-spacing: 1px; color: #fff; border: 0px; text-decoration: none;}
a.kontaktwelle:hover {font-family:   'Rambla',Verdana, Arial,Helvetica, sans-serif; font-size:26px; font-weight:normal;letter-spacing: 1px; color: #fff; border: 0px; text-decoration: none;}



p.kalender {
color: #646567;	
}
b.kalender {
color: #4aa0a8;
}

/*
----------------------------------------------------------------------------------------------------------
*/
.weisserbalken{
position: relative;
float:left;
width: 100%;
height: 100px;
background-color: #fff;		
}
.weisserbalkentext {
float:left;
padding-top: 50px;
padding-left: 200px;	
}

.balken_unten {
position: relative;
float:left;
width: 100%;
background-image: url("../img/balken_unten.jpg");	
height: 100px;	
}
p  {font-family: 'Noto Sans', 'Droid Sans', 'Roboto', Verdana, Arial, Helvetica, sans-serif; font-size:1.5em; line-height: 1.8;}
h1 {font-family: 'Cardo', Roboto, Arial, Verdana, Helvetica, sans-serif; font-size:3.0em; color: #4aa0a8; line-height: 1.25; border: 0px; font-weight:bold;}
h2 {font-family: 'Rambla', Roboto, Arial, Verdana, Helvetica, sans-serif; font-size:1.7em; color: #4aa0a8; line-height: 1.6; letter-spacing: 1px; border: 0px; font-weight:normal;}
h3 {font-family: 'Cardo', Roboto, Arial, Verdana, Helvetica, sans-serif; font-size:1.7em; color: #4aa0a8; line-height: 1.5; border: 0px; font-weight:normal;font-style:italic;}
h4 {font-family: 'Rambla', Roboto, Arial, Verdana, Helvetica, sans-serif; font-size:25px; color: #4aa0a8; line-height: 1.5; border: 0px; font-weight:normal;}
h5 {font-family: Roboto, Arial, Verdana, Helvetica, sans-serif; font-size:12px; color: #4aa0a8; line-height: 1.5; border: 0px; font-weight:normal;}
h6 {font-family: Roboto, Arial, Verdana, Helvetica, sans-serif; font-size:10px; color: #4aa0a8; line-height: 1.5; border: 0px; font-weight:normal;}	
	

}

/*
*******************************************************************************************************************
Desktop Version
*******************************************************************************************************************
*/
@media screen and (min-width: 1240px) {

.topnav { display: none; }
.topnav a { display: none; }
.topnav a:hover { display: none; }
.active { display: none; }
.topnav .icon { display: none; }
.m_logo { display: none; }
.m_textmodul { display: none; }
.modul_standardbild_mobil { display: none; }
.version_nur_mobil { display: none; }


/* Standardbilder Desktop*/
#img_wrap {
position: relative; 
width: 100%;	
/*height: 300px;*/
background-color: #ccc;
}
.img_standardbild {
margin-top: 100px;
margin-bottom: 100px;	
width: 7%;
}
/* Standardbilder Desktop ENDE*/
body, html {
background-color: #4aa0a8;
background-image: ;
background-repeat:repeat-x;
background-attachment:fixed;
padding: 0px;
margin: 0px;
/*
min-height:101%;
*/
}

img {border: none;}

div.center {
width: 90%;	
max-width:1230px;
margin:0px auto;
}

div.headmenubg {
	
z-index: 9999; 
position: fixed;	
/*position: relative;
width: 100%;*/
width: 90%;
max-width:1230px;
margin:0px auto;
height: 30px;
top:0px;
border-top: 0px solid #fff;
border-bottom: 0px solid #fff;
border-left: 0px solid #fff;
border-right: 0px solid #fff;
background-color: #bcbdc3;
font-family: Verdana, Helvetica, sans-serif;
font-size:12px;
text-align: center;
}
div.headmenubg div{  display:block;  float:left;  width:18%;  height:30px;  text-align:center;}div.headmenubg div:nth-child(5){  width:28%;}a.headnavigation{display:block;color:#fff;font-weight:bold;	margin-top:5px;text-decoration:none;}
div.head {
position: relative;
top:0px;
width: 100%;	
max-width:1230px; 
height: 680px;
background-color: #fff;
border-top: 0px solid #fff;
border-left: 0px solid #fff;
border-right: 0px solid #fff;
border-bottom: 0px solid #fff;
}

div.headimg {
position: absolut;
top:0px;
width: 100%;	
max-width:1230px; 
/*height: 600px;*/
background-color: #fff;
border-top: 0px solid #fff;
border-left: 0px solid #fff;
border-right: 0px solid #fff;
border-bottom: 0px solid #fff;
 z-index: 2;
}

div.logo{
position: absolute;
top: 500px;
width: 100%;	
max-width:1230px; 
/*height: 527px;*/
border-top: 0px solid #fff;
border-left: 0px solid #fff;
border-right: 0px solid #fff;
border-bottom: 0px solid #fff;
 z-index: 1;
}


div.steuerung {
position: relative;
top:0px;
width: 100%;	
/*max-width:1230px;*/ 

background-color: #ccc;
border-top: 0px solid #fff;
border-left: 0px solid #fff;
border-right: 0px solid #fff;
border-bottom: 0px solid #fff;
text-align: center;
}




.menubg { /*width: 100%;*/
         height: 55px;
         padding-left: 40px;
        border-top: 0px solid #fff;
        border-bottom: 20px solid #fff;
        border-left: 0px solid #fff;
        border-right: 10px solid #fff;
        background-color: #fff;
}
.menu{
        width: 100%;
        margin:0px;
        border-top: 0px solid #fff;
        border-bottom: 0px solid #fff;
        font-family: 'Noto Sans', 'Droid Sans', 'Roboto', Verdana, Helvetica, sans-serif;
        font-size:16px;

        }
.menu ul{
        background:#fff;
        height:35px;
        list-style:none;
        margin:0;
        padding:0;
        }
        .menu li{
                float:left;
                padding:0px;
                border-bottom: 0px solid #000;
                }
        .menuaktiv a {                
                padding:0px;
                border-bottom: 2px solid #4aa0a8;
                }				
				
				
        .menu li a{
                background:#fff;
                color: #4aa0a8;
                display:block;
                font-weight:bold;
                line-height:35px;
                margin:0px;
                padding:0px 20px;
                text-align:center;
                text-decoration:none;

                }
                .menu li a:hover, .menu ul li:hover a {
                        background: #fff;
                        color: #4aa0a8;
                        border-bottom: 0px solid #333;
                        text-decoration:none;
                        }


        .menu li ul{
                background:#fff;
                display:none;
                height:auto;
                
                margin:0px;
                border:0px;
                position:absolute;
                width:auto;
                z-index:200;
                }
        .menu li:hover ul{
                display:block;
                }
        .menu li li {
                display:block;
                float:none;
                margin:0px;
                padding:0px;
                width:auto;
                }
        .menu li:hover li a{
                background:none;
				color:#000;
				font-family: 'Noto Sans', 'Droid Sans', 'Roboto', Verdana, Helvetica, sans-serif;
                font-size:13px;
				border-bottom: 1px solid #333;

                }
        .menu li ul a{
                display:block;
                height:35px;
                font-size:14px;
                font-style:normal;
                margin: 0px;
                padding:0px 20px 0px 20px; /*links rechts sub*/
                text-align:left;
                }
                .menu li ul a:hover, .menu a{
                        background:#fff;
                      
                        color:#4aa0a8;
                        text-decoration:none;
                        }
        .menu p{
                clear:left;
                }



/*neu*/
.content {
position: relative;
float:left;
overflow: auto;
top:0px;
width: 100%;	
/*max-width:1230px; 
height: 330px;*/
background-color: #fff;
border-top: 0px solid #fff;
border-left: 0px solid #fff;
border-right: 0px solid #fff;
border-bottom: 0px solid #000;
text-align: center;
}

.mehrspaltig_rahmen {
width: 70%;
padding-top: 0px;
padding-left: 15%;
padding-right: 15%;
padding-bottom: 0px;	
}

.einspaltig {	
float:left;
width: 90%;
background-color: #fff;
vertical-align: top;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
/*padding: 5%;*/
padding-top: 0px;
padding-left: 5%;
padding-right: 5%;
padding-bottom: 0px;
min-height: 30px;
font-family: 'Noto Sans', 'Droid Sans', 'Roboto', Verdana, Arial, Helvetica, sans-serif; font-size:18px; line-height: 1.8;
}

.zweispaltig {
float:left;
width: 50%;
background-color: #fff;
vertical-align: top;
margin-top: 0px;
margin-left: 0px;
padding: 0px;
font-family: 'Noto Sans', 'Droid Sans', 'Roboto', Verdana, Arial, Helvetica, sans-serif; font-size:16px; line-height: 1.8;
}

.dreispaltig {
float:left;
width: 23.3%;
background-color: #fff;
vertical-align: top;
margin-top: 0%;
margin-left: 5%;
margin-right: 5%;
padding: 0px;
font-family: 'Noto Sans', 'Droid Sans', 'Roboto', Verdana, Arial, Helvetica, sans-serif; font-size:16px; line-height: 1.8;
}

.vierspaltig {
float:left;
width: 25%;
background-color: #fff;
vertical-align: top;
margin-top: 0px;
margin-left: 0px;
padding: 0px;
font-family: 'Noto Sans', 'Droid Sans', 'Roboto', Verdana, Arial, Helvetica, sans-serif; font-size:16px; line-height: 1.8;
}

.fuenfspaltig {
float:left;
width: 20%;
background-color: #fff;
vertical-align: top;
margin-top: 0px;
margin-left: 0px;
padding: 0px;
font-family: 'Noto Sans', 'Droid Sans', 'Roboto', Verdana, Arial, Helvetica, sans-serif; font-size:16px; line-height: 1.8;
}
/*
----------------------------------------------------------------------------------------------------------
*/
.sitemap_dreispaltig {
float:left;
width: 23.3%;
background-color: #fff;
vertical-align: top;
margin-top: 0%;
margin-left: 5%;
margin-right: 5%;
padding: 0px;
font-family: 'Noto Sans', 'Droid Sans', 'Roboto', Verdana, Arial, Helvetica, sans-serif; font-size:16px; line-height: 1.8;
text-align: left;
}

a.sitemap {font-family: 'Noto Sans', 'Droid Sans', 'Roboto',  Verdana, Helvetica, sans-serif; font-size:14px; color: #000; border: 0px; text-decoration: none;}
a.sitemap:hover {font-family: 'Noto Sans', 'Droid Sans', 'Roboto',  Arial, Verdana, Helvetica, sans-serif; font-size:14px; color: #000; border: 0px; text-decoration: none;}
/*
----------------------------------------------------------------------------------------------------------
*/
.welle {
position: relative;
float:left;
width: 100%;
background-image: url("../img/welle-vitalisarium.jpg");	
height: 300px;	
}
.welle_einspaltig {
float:left;
width: 90%;
/*background-color: #fff;*/
vertical-align: top;
margin-top: 60px;
margin-left: 0px;
margin-bottom: 0px;
/*padding: 5%;*/
padding-top: 0px;
padding-left: 5%;
padding-right: 5%;
padding-bottom: 0px;

font-family: 'Noto Sans', 'Droid Sans', 'Roboto', Verdana, Arial, Helvetica, sans-serif; font-size:18px; line-height: 1.8;
}
.impressum_einspaltig {
float:left;
width: 90%;
/*background-color: #fff;*/
vertical-align: top;
margin-top: 45px;
margin-left: 0px;
margin-bottom: 0px;
/*padding: 5%;*/
padding-top: 0px;
padding-left: 5%;
padding-right: 5%;
padding-bottom: 0px;

font-family: 'Noto Sans', 'Droid Sans', 'Roboto', Verdana, Arial, Helvetica, sans-serif; font-size:18px; line-height: 1.8;
}

.welletext {
float:left;
padding-top: 80px;
padding-left: 200px;	
}

p.wellehead {font-family: 'Rambla',  Verdana, Arial,Helvetica, sans-serif; font-size:35px; letter-spacing: 1px; color: #fff; border: 0px; text-decoration: none;}
p.welle2 {font-family:   'Rambla',Verdana, Arial,Helvetica, sans-serif; font-size:26px; letter-spacing: 1px;color: #fff; border: 0px; text-decoration: none;}
p.welle3 {font-family:   'Rambla',Verdana, Arial,Helvetica, sans-serif; font-size:30px; letter-spacing: 1px;font-weight:bold; color: #fff; border: 0px; text-decoration: none;}

a.kontaktwelle       {font-family:   'Rambla',Verdana, Arial,Helvetica, sans-serif; font-size:26px; font-weight:normal;letter-spacing: 1px; color: #fff; border: 0px; text-decoration: none;}
a.kontaktwelle:hover {font-family:   'Rambla',Verdana, Arial,Helvetica, sans-serif; font-size:26px; font-weight:normal;letter-spacing: 1px; color: #fff; border: 0px; text-decoration: none;}



p.kalender {
color: #646567;	
}
b.kalender {
color: #4aa0a8;
}

/*
----------------------------------------------------------------------------------------------------------
*/
.weisserbalken{
position: relative;
float:left;
width: 100%;
height: 100px;
background-color: #fff;		
}
.weisserbalkentext {
float:left;
padding-top: 50px;
padding-left: 200px;	
}

.balken_unten {
position: relative;
float:left;
width: 100%;
background-image: url("../img/balken_unten.jpg");	
height: 100px;	
}



			
















.contentblock{
position: absolute;
width:940px;
top: 510px;
left: 50%;
margin-left: -490px;
width:940px;
min-height: 300px;
background-color: #fff;
//background-image: url("../img/bg3.jpg");
border-top: 0px solid #fff;
border-left: 20px solid #fff;
border-right: 20px solid #fff;
border-bottom: 20px solid #fff;
/*min-height: 600px;*/
box-shadow: 1px 2px 4px rgba(0,0,0, .2);
}
/*Zeispaltiges Layout*/

.zwei_spaltig_links {
float:left;
width: 580px; min-height: 530px;
background-color: #eee;
text-align: left; vertical-align: top;
margin-top: 0px;
margin-left: 0px;
padding: 20px;
font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif; font-size:14px; line-height: 1.8;
border-top: 0px solid #fff;
border-left: 0px solid #fff;
border-bottom: 0px solid #fff;
border-right: 20px solid #fff;
}
.zwei_spaltig_rechts {
float:left;
width: 260px; min-height: 530px;
background-color: #eee;
text-align: left; vertical-align: top;
margin-top: 0px;
margin-left:0px;
margin-right:0px;
padding: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height: 1.8;
border-top: 0px solid #fff;
border-left: 0px solid #fff;
border-bottom: 0px solid #fff;
}

/*Dreispaltiges Layout*/
/*300-20-300-20-300*/
.drei_spaltig_links {
float:left;
width: 257px; min-height: 530px;
background-color: #eee;
text-align: left; vertical-align: top;
margin-top: 0px;
margin-left: 0px;
margin-right: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;
border-top: 0px solid #fff;
border-left: 0px solid #fff;
border-bottom: 0px solid #fff;
border-right: 20px solid #fff;

background: #eee;
border: 1px solid #DDD;
background: -moz-linear-gradient(top, #EEE, #FFF);    
background: -webkit-linear-gradient(top, #eee, #fff);
background: -ms-linear-gradient(top, #eee, #fff);
background: -o-linear-gradient(top, #eee, #fff);
box-shadow: 1px 2px 4px rgba(0,0,0, .2);
}
.drei_spaltig_mitte {
float:left;
width: 257px; min-height: 530px;
background-color: #eee;
text-align: left; vertical-align: top;
margin-top: 0px;
margin-left: 0px;
margin-right: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;
border-top: 0px solid #fff;
border-left: 0px solid #fff;
border-bottom: 0px solid #fff;
border-right: 20px solid #fff;

background: #eee;
border: 1px solid #DDD;
background: -moz-linear-gradient(top, #EEE, #FFF);    
background: -webkit-linear-gradient(top, #eee, #fff);
background: -ms-linear-gradient(top, #eee, #fff);
background: -o-linear-gradient(top, #eee, #fff);
box-shadow: 1px 2px 4px rgba(0,0,0, .2);
}
.drei_spaltig_rechts {
float:left;
width: 257px; min-height: 530px;
background-color: #eee;
text-align: left; vertical-align: top;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;
border-top: 0px solid #fff;
border-left: 0px solid #fff;
border-bottom: 0px solid #fff;

background: #eee;
border: 1px solid #DDD;
background: -moz-linear-gradient(top, #EEE, #FFF);    
background: -webkit-linear-gradient(top, #eee, #fff);
background: -ms-linear-gradient(top, #eee, #fff);
background: -o-linear-gradient(top, #eee, #fff);
box-shadow: 1px 2px 4px rgba(0,0,0, .2);
}
div.fuss{
float:left;
margin-top: 20px;
border-top: 0px solid #fff;
border-right: 0px solid #069;
width: 940px;
background-color: #069;
font-family: Verdana, Helvetica, sans-serif; color: #fff; font-size:12px;
}

div.fuss_links{
float:left;
border-top: 0px solid #fff;
border-right: 20px solid #069;
padding: 20px;
width: 560px;
background-color: #069;
font-family: Verdana, Helvetica, sans-serif; color: #fff; font-size:12px;
}
div.fuss_mitte{
float:left;
border-top: 0px solid #fff;
border-right: 20px solid #069;
padding: 20px;
width: 260px;
background-color: #069;
font-family: Verdana, Helvetica, sans-serif; color: #fff; font-size:12px;
}
div.fuss_rechts{
float:left;
border-top: 0px solid #fff;
border-right: 0px solid #069;
padding: 20px;
width: 260px;
background-color: #069;
font-family: Verdana, Helvetica, sans-serif; color: #fff; font-size:12px;
}


/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Schriften
*/

h1 {font-family: 'Cardo', Roboto, Arial, Verdana, Helvetica, sans-serif; font-size:70px; color: #4aa0a8; line-height: 1.25; border: 0px; font-weight:normal;}
h2 {font-family: 'Rambla', Roboto, Arial, Verdana, Helvetica, sans-serif; font-size:26px; color: #4aa0a8; letter-spacing: 1px; border: 0px; font-weight:normal;}
h3 {font-family: 'Cardo', Roboto, Arial, Verdana, Helvetica, sans-serif; font-size:26px; color: #4aa0a8; line-height: 1.5; border: 0px; font-weight:normal;font-style:italic;}
h4 {font-family: 'Rambla', Roboto, Arial, Verdana, Helvetica, sans-serif; font-size:18px; color: #4aa0a8; line-height: 1.5; border: 0px; font-weight:normal;}
h5 {font-family: Roboto, Arial, Verdana, Helvetica, sans-serif; font-size:14px; color: #4aa0a8; line-height: 1.5; border: 0px; font-weight:normal;}
h6 {font-family: Roboto, Arial, Verdana, Helvetica, sans-serif; font-size:12px; color: #4aa0a8; line-height: 1.5; border: 0px; font-weight:normal;}



a.impressum {font-family: Roboto, Arial, Verdana, Helvetica, sans-serif; font-size:14px; color: #000; border: 0px; text-decoration: none;}
a.impressum:hover {font-family: Roboto, Arial, Verdana, Helvetica, sans-serif; font-size:14px; color: #000; border: 0px; text-decoration: none;}



p.normal1 {
font-family: Verdana, Helvetica, sans-serif; color: #333; border: 0px; font-size:12px;
}

hr.aktuell {
border: 0;
color: #ccc;
background-color: #ccc;
height: 5px;
}


/*
Schriften Ende
==============================================================================================================================
*/


/*
==============================================================================================================================
Buttons
*/

.button1 {
  cursor:pointer;	
  /*
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  border-radius: 12px;
  */
  font-family: Verdana;
  color: #ffffff;
  font-size: 14px;
  background: #006699;
  padding: 10px 30px 10px 30px;
  text-decoration: none;
  border: 0px;
}

.button1:hover {
  background: #003366;
  text-decoration: none;
}

input.a {
  font-size: 14px;
  font-family: Verdana;  
}

textarea.a {
  font-size: 16px;
  font-family: Verdana;  	
}





a.normal {
font-family: Verdana, Helvetica, sans-serif; color: #333; border: 0px; font-size:12px;
}
a.normal:hover {
font-family: Verdana, Helvetica, sans-serif; color: #069; border: 0px; font-size:12px;
}

a.metanav {
font-family: Verdana, Helvetica, sans-serif; color: #ccc; border: 0px; font-size:10px; text-decoration: none;
}
a.metanav:hover {
font-family: Verdana, Helvetica, sans-serif; color: #fff; border: 0px; font-size:10px; text-decoration: none;
}

a.fuss {
text-decoration: none;
font-family: Verdana, Helvetica, sans-serif; color: #ccc; border: 0px; font-size:12px;
}
a.fuss:hover {
font-family: Verdana, Helvetica, sans-serif; color: #fff; border: 0px; font-size:12px;
text-decoration: none;
}
/* slider */
/* jssor slider bullet navigator skin 05 css */
        /*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
        .jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('/img/b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /* jssor slider arrow navigator skin 12 css */
        /*
        .jssora12l                  (normal)
        .jssora12r                  (normal)
        .jssora12l:hover            (normal mouseover)
        .jssora12r:hover            (normal mouseover)
        .jssora12l.jssora12ldn      (mousedown)
        .jssora12r.jssora12rdn      (mousedown)
        */
        .jssora12l, .jssora12r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 30px;
            height: 46px;
            cursor: pointer;
            background: url('/img/a12.png') no-repeat;
            overflow: hidden;
        }
        .jssora12l { background-position: -16px -37px; }
        .jssora12r { background-position: -75px -37px; }
        .jssora12l:hover { background-position: -136px -37px; }
        .jssora12r:hover { background-position: -195px -37px; }
        .jssora12l.jssora12ldn { background-position: -256px -37px; }
        .jssora12r.jssora12rdn { background-position: -315px -37px; }
		
		
.btn {
  background: #cccccc;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  padding: 10px 10px 10px 10px;
  text-decoration: none;
}

.btn:hover {
  background: #dddddd;
  text-decoration: none;
}

}