/* raleway-300 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('../_fonts/raleway-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Raleway Light'), local('Raleway-Light'),
       url('../_fonts/raleway-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../_fonts/raleway-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../_fonts/raleway-v12-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../_fonts/raleway-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../_fonts/raleway-v12-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../_fonts/raleway-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Raleway'), local('Raleway-Regular'),
       url('../_fonts/raleway-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../_fonts/raleway-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../_fonts/raleway-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../_fonts/raleway-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../_fonts/raleway-v12-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('../_fonts/raleway-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Raleway Bold'), local('Raleway-Bold'),
       url('../_fonts/raleway-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../_fonts/raleway-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../_fonts/raleway-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../_fonts/raleway-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../_fonts/raleway-v12-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}


#aquafit_responsive, #geistalbad_responsive, #therme_responsive { display: none; }


#dreierblock_start { display: block; width: 100%; }
.dreier_outer {  width:100%; }

#aquafit_links {  display: table-cell; width: 54%; background-color: #FABA32; background-image: url('../../../../img/aquafit_klein_header.png'); background-position: left 30px top; background-repeat: no-repeat; }
#aquafit_rechts { display: table-cell; width: 46%; background-color: #FABA32; background-image: url('../../../../img/aquafit-startseite.jpg'); background-position: top right; background-repeat: no-repeat; background-size: cover; }

#geistalbad_links { display: table-cell; width: 46%; background-color: #97C00E; background-image: url('../../../../img/geistalbad-startseite.jpg'); background-position: top left; background-repeat: no-repeat; background-size: cover; }
#geistalbad_rechts {display: table-cell; width: 54%; background-color: #97C00E; background-image: url('../../../../img/geistalbad_klein_header.png'); background-position: left 30px top; background-repeat: no-repeat; }

#therme_links { display: table-cell; width: 54%; background-color: #00A0BC; background-image: url('../../../../img/kurbad_therme_klein_header.png'); background-position: left 30px top; background-repeat: no-repeat; }
#therme_rechts { display: table-cell; width: 46%; background-color: #00A0BC; background-image: url('../../../../img/therme_startseite.jpg'); background-position: top center; background-repeat: no-repeat; background-size: cover; }

.content_dreier { position: relative; display: block; padding: 35px; box-sizing: border-box; height: 100%; margin-top: 85px; color: #FFF; font-size: 19px; line-height: 28px; }
.content_dreier H1 { color: #FFF; line-height: 50px; }
.content_dreier A { border: 1px solid white; text-transform: lowercase; display: inline-block; padding-left: 15px; padding-right: 15px; color: #000; background-color: white; border-radius: 8px; font-size: 14px; font-weight: 700; }

#aquafit_links .content_dreier A { color: #FABA32; }
#geistalbad_rechts .content_dreier A { color: #97C00E; }
#therme_links .content_dreier A { color: #00A0BC; }

#aquafit_links .content_dreier A:hover, #geistalbad_rechts .content_dreier A:hover, #therme_links .content_dreier A:hover { color: #000; }

.fett { font-weight: 700; }
.rechts { text-align: right; }


.header_bild { margin: 10px auto; display: block; }

table { width: 100%; }
td { min-width: 25%; vertical-align: top; }


#blockrandom { width: 100%; height: 400px; border: 0; overflow: hidden; }







#click_home { display: inline-block; background-image: url('../../img/start.gif'); background-position: top 13px left 7px; background-repeat: no-repeat; padding-left: 42px; }
#click_home:hover { background-color: #00528E; color: #FFF; }

.open H2 { background-color: #00528C; color: #FFF; display: block; background-image : url('../../img/drop_down_pfeil.png'); background-repeat: no-repeat; background-position: right 11px center; display: block; padding: 6px; cursor: pointer; padding-right: 30px; }

.close H2 { background-color: #0299DE; color: #FFF; display: block; background-image : url('../../img/drop_down_pfeil2.png'); background-repeat: no-repeat; background-position: right 11px center; display: block; padding: 6px; cursor: pointer; padding-right: 30px; }

.open P, .open h3, .open h4, .open hr { display: block; }
.close P, .close h3, .close h4, .close hr { display: none; }



.fett, b, strong { font-weight: 700; }


.rubrik_20 { background-color: #FABA32; text-align: center; font-weight: 700; }
.rubrik_20 A:hover { color: #FABA32; background-color: #FFF; }

.rubrik_30 { background-color: #97BF0D; text-align: center; font-weight: 700; }
.rubrik_30 A:hover { color: #97BF0D; background-color: #FFF; }

.rubrik_35 { background-color: #00A0BC; text-align: center; font-weight: 700; }
.rubrik_35 A:hover { color: #00A0BC; background-color: #FFF; }


html {
  width: 100%;
}


#click_menu { display: none; }
#menu_master { display: block; }


.gmaps { position: relative; width: 100%; height: 300px; }

#map_a, #map_g, #map_t { display: block; height: 300px; background: url("../../../img/maps_back.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; cursor: pointer; box-sizing: border-box; }
.maps_inner { display: block; padding: 30px 40px; color: #000; line-height: 24px; }

iframe { display: block; border: none; height: 300px; width: 100%; }

.trenner { display: inline-block; width: 100%; max-width: 350px; vertical-align: top; padding: 25px; padding-left: 40px; padding-right: 40px; font-size: 14px; }
#content_1007 .trenner { text-align: left; vertical-align: middle; width: auto;  }


.trenner2 { vertical-align: middle; display: inline-block; width: 2px; height: 200px; border-left: 1px solid #00538D; }

.icon_telefon { display: block; background-image: url('../../img/icon_telefon.png'); background-position: left center; background-repeat: no-repeat; height: 40px; padding-left: 45px; line-height: 40px; color: #FFF; }

.icon_mail { display: block; background-image: url('../../img/icon_mail.png'); background-position: left center; background-repeat: no-repeat; height: 40px; padding-left: 45px; line-height: 40px; color: #FFF; }


#content_1017, #content_1007, #content_1042 { background-color: #F0F0F0; color: #009AE2; padding-top: 40px; padding-bottom: 40px; }

#content_1018, #content_1014, #content_1049 { background-color: #333333; color: #FFF; position: relative; }
#content_1018 h2, #content_1014 h2, #content_1049 h2 { color: #FFF; text-transform: uppercase; }


#auswahl_welcome { display: inline-block; vertical-align: top; font-size: 24px; text-align: left; padding: 20px; width: 48%; box-sizing: border-box; }

#auswahl_signets { display: inline-block; vertical-align: top; width: 48%; box-sizing: border-box; text-align: right; }

#click_aquafit { display: inline-block; width: 160px; height: 100px; background-image: url('../../img/aquafit_klein_header.png'); background-position: center; background-repeat: no-repeat; cursor: pointer; }
#click_geistalbad { display: inline-block; width: 160px; height: 100px; background-image: url('../../img/geistalbad_klein_header.png'); background-position: center; background-repeat: no-repeat; cursor: pointer; }
#click_therme { display: inline-block; width: 160px; height: 100px; background-image: url('../../img/kurbad_therme_klein_header.png'); background-position: center; background-repeat: no-repeat; cursor: pointer; }



#menu_oben { display: block; background-color: #787878; min-height: 40px; text-align: right; padding-right: 20px; }
#menu_oben A { display: inline-block; color: #fff; line-height: 40px; padding-right: 20px; padding-left: 20px; font-size: 14px; height: 40px; vertical-align: top; }
#click_fb { display: inline-block; width: 40px; height: 40px; line-height: 40px; background-image: url('../../img/fb_button.png'); background-position: center; background-repeat: no-repeat; background-size: 22px 22px; cursor: pointer;  }


#menu_footer { display: block; background-color: #ADBBC3; min-height: 40px; text-align: center; }
#menu_footer A { display: inline-block; color: #006699; font-weight: 700; line-height: 40px; padding-left: 40px; padding-right: 40px; font-size: 14px; }

#auswahl { display: block; background-color: #FFF; text-align: center; min-height: 135px; }

#main_content { display: block; background-color: #fff; text-align: center; }
.content_inner { max-width: 1100px; margin: 0 auto; text-align: left; padding: 40px; box-sizing: border-box; }

.content_inner UL  {  display: block; max-width: 450px; }
.content_inner UL LI { text-align: left;  }



#menu_unten { display: block; background-color: #F2F2F2; text-align: center; margin: 0 auto; }
.menu_unten_inner { margin: 0 auto; display: inline-block; vertical-align: top; text-align: left; padding: 40px; padding-left: 100px; padding-right: 100px;   }

.menu_unten_inner A { display: block; font-weight: 300; color: #4B4539; line-height: 26px; }







#header_menu { background-color: #FABA32; }


.div_menu {
font-family : "Raleway", Verdana, Tahoma, Arial, Helvetica, sans-serif;
display: inline-block;
vertical-align: top;
color: #FFF;
text-decoration: none;
font-size: 16px;
font-weight: 300;
line-height: 50px;
text-align: center;
text-decoration: none;
color: #B8B8B8;
}



.div_menu_aktiv {
font-family : "Raleway", Verdana, Tahoma, Arial, Helvetica, sans-serif;
display: inline-block;
vertical-align: top;
color: #FFF;
text-decoration: none;
font-size: 16px;
font-weight: 300;
line-height: 50px;
text-align: center;
text-decoration: none;
color: #B8B8B8;
}


A.menu, A.menu_aktiv { display: inline-block; text-decoration: none; color: #FFF; line-height: 50px; padding-left: 17px; padding-right: 17px; font-weight: 700; }



.submenu {
font-family : "Raleway", Verdana, Tahoma, Arial, Helvetica, sans-serif;
display: block;
color: #3C3C3C;
text-decoration: none;
font-size: 14px;
font-weight: 400;
background-color: #FFF;
text-align: left;
padding-left: 17px;
padding-right: 17px;
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
text-transform: none;
}




.div_submenu { z-index: 9999999; position: absolute;  display: none; padding: 0; text-align: left; margin-top: 0px; min-width: 170px; }






BODY  {
margin: 0px;
background-color: #F9F9F9;
font-family : "Raleway", Arial, Tahoma, Verdana, Helvetica, sans-serif;
font-weight: 300;
color: #666;
}





#wrapper { width: 100%; max-width: 1920px; margin: 0 auto; background-color: #FFF; }






hr {
color: #FFF;
border-top: 1px solid #FFF;
border-bottom: 1px solid #16479F;
width: 100%;
margin-top: 25px;
margin-bottom: 25px;
}







.clearer {
	clear:both;
}








h1 {
color: #00538D;
font-size: 36px;
line-height: 46px;
font-weight: 400;
text-transform: uppercase;
margin: 0;
padding: 0;
}



h2 {
color: #009AE2;
font-size: 26px;
line-height: 36px;
font-weight: 400;
}


h3 {
color: #4B4539;
font-size: 20px;
font-weight: 700;

}


h4 {
color: #4B4539;
font-size: 16px;
font-weight: 700;

}

.h4 {
color: #00538D;
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
padding-top: 15px;
}






input[type="text"], input[type="input"], textarea, select {
font-size: 14px;
height: 24px;
color: #666;
width: 97%;
padding: 4px;
margin-bottom: 15px;
border: 1px solid white;
background-color: #F2F2F2;
font-weight: 300;
font-family : "Open Sans", Arial, Tahoma, Verdana, Helvetica, sans-serif;
}



textarea { height: 100px; width: 97%; color: #666; font-family : "Open Sans", Arial, Tahoma, Verdana, Helvetica, sans-serif;   }




input[type="submit"], input[type="button"] {
color: #FFF;
font-size: 16px;
font-weight: 700;
background-color: #006699;
height: 40px;
text-transform: uppercase;
border: none;
padding: 0;
margin: 0;
margin-top: 30px;
padding-left: 20px;
padding-right: 20px;
text-align: center;
display: block;
font-family : "Raleway", Arial, Tahoma, Verdana, Helvetica, sans-serif;
border-radius: 6px;
}



.button {
color: #FFF;
font-size: 16px;
font-weight: 700;
background-color: #006699;
height:40px;
line-height: 40px;
text-transform: uppercase;
border: none;
padding:  0 20px;
margin: 0;
text-align: center;
display: inline-block;
font-family : "Raleway", Arial, Tahoma, Verdana, Helvetica, sans-serif;
border-radius: 6px;
}








A {
color: #16479F;
text-decoration: none;

}