/* Website badtraum.de
Autor: Gerd H. Pfotzer
Version: 1.0 - 09.11.2016
Farben--
Logo: #
Überschriften: #825887
Schrift: #343434
bg: #ffffff
Navigation: #

Normale Styles. Mobile first, also für die kleinste Auflösung. Höhere Auflösungen und Retina in styles_mediaqueries.css.
*/
/* (de) Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
html { height:101%; margin-bottom:1px; }

* { padding:0; margin:0; list-style:none; }

form {
	margin:0;
	padding:0;
}

a { outline:none; }

body {
	font-family: Arial, Helvetica, Tahoma, "Sans Serif", sans-serif;
	font-size:1.3em;
	line-height:130%;
	color:#343434;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:20px;
	padding:0px;
	background-color:#f9f7f2;
	background-image:url(../images_templates/bg_ei_wolken.jpg);
	background-repeat:repeat;
	background-position:top center;
	background-attachment:scroll;
	width:100%;
	-moz-hyphens:auto;
	-o-hyphens:auto;
	-webkit-hyphens:auto;
	-ms-hyphens:auto;
	-hyphens:auto;
}

p { 
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}

td, th { vertical-align:top; }

h1 { font-size:180%; line-height:120%; font-weight:bold; color:#742918; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:8px; }
h2 { font-size:160%; line-height:120%; font-weight:bold; color:#742918; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:4px; }
h3 { font-size:110%; font-weight:bold; color:#825887; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:4px; }

a { 
	color:#a8101b;
	text-decoration:none;
	font-weight:normal;
}
a:link { color: #a8101b; text-decoration:none; }
a:visited { color: #a8101b; text-decoration:none; }
a:active { color: #9d0f19; text-decoration:underline; }
a:hover { color: #9d0f19; text-decoration:underline; }
a:focus { color: #9d0f19; text-decoration:underline; }

ul.liAnzeigen {
	padding-left:16px;
}
ul.liAnzeigen li {
	list-style:disc;
	list-style-position:outside;
	padding-bottom:10px;
}

img {
	max-width:100%;
	height:auto;
	border:0;
}

img.bildlinks {
	margin-top:3px;
	margin-right:15px;
	margin-bottom:10px;
	float:left;
	max-width:35%;
	height:auto;
}

.bildlinkscaption {
	margin-top:3px;
	margin-right:25px;
	margin-bottom:10px;
	max-width:35%;
	height:auto;
	float:left;
	color:#5a5a5a;
	color:#650a10;
	font-size:90%;
	line-height:130%;
}
.bildlinkscaption img {
	max-width:100%;
	height:auto;
	margin-bottom:5px;
}

.bildlinkscaption img.zoom:hover, img.zoom:hover {
	-webkit-box-shadow:  0px 0px 15px 0px rgba(100, 100, 100, 1); /* WebKit */
	-moz-box-shadow:  0px 0px 15px 0px rgba(100, 100, 100, 1); /* Firefox */
	box-shadow:  0px 0px 15px 0px rgba(100, 100, 100, 1); /* Standard */ 
}

.bildunterschrift {
	color:#650a10;
	font-size:90%;
	line-height:130%;
}

.clearleft { 
	clear:left;
}
.clearright { 
	clear:right;
}
.clearboth { 
	clear:both;
}

.margintop30 {
	margin-top:30px;
}
.margintop50 {
	margin-top:50px;
}
.marginbottom10 {
	margin-bottom:10px;
}
.marginbottom15 {
	margin-bottom:15px;
}

a.mail {
	padding-left:24px;
	background-image:url(../images_templates/bg_a_mail_link.gif); background-repeat:no-repeat; background-position:top left;
}
a.mail:hover {
	padding-left:24px;
	background-image:url(../images_templates/bg_a_mail_link_on.gif); background-repeat:no-repeat; background-position:top left;
}
/*a[href^="mailto"] {
	padding-left:24px;
	background-image:url(../images_templates/bg_a_mail_link.gif); background-repeat:no-repeat; background-position:left;
}
a[href^="mailto"]:hover {
	padding-left:24px;
	background-image:url(../images_templates/bg_a_mail_link_on.gif); background-repeat:no-repeat; background-position:left;
}*/

a.pdf {
	padding-left:33px;
	background-image:url(../images_templates/bg_a_pdf_link.gif); background-repeat:no-repeat; background-position:left;
}
a.pdf:hover {
	padding-left:33px;
	background-image:url(../images_templates/bg_a_pdf_link_on.gif); background-repeat:no-repeat; background-position:left;
}
a[href$="pdf"] {
	padding-left:33px;
	background-image:url(../images_templates/bg_a_pdf_link.gif); background-repeat:no-repeat; background-position:left;
}

a[href$="pdf"]:hover {
	padding-left:33px;
	background-image:url(../images_templates/bg_a_pdf_link_on.gif); background-repeat:no-repeat; background-position:left;
}

a.jpg {
	padding-left:33px;
	background-image:url(../images_templates/bg_a_jpg_link.gif); background-repeat:no-repeat; background-position:left;
}
a.jpg:hover {
	padding-left:33px;
	background-image:url(../images_templates/bg_a_jpg_link_on.gif); background-repeat:no-repeat; background-position:left;
}

a.extern {
	padding-left:0px;
	padding-right:15px;
	background-image:url(../images_templates/bg_a_extern_link.gif); background-repeat:no-repeat; background-position:right;
}
a.extern:hover {
	padding-left:0px;
	padding-right:15px;
	background-image:url(../images_templates/bg_a_extern_link_on.gif); background-repeat:no-repeat; background-position:right;
}
a[href^="http:"] {
	padding-right:15px;
	background-image:url(../images_templates/bg_a_externer_link.gif); background-repeat:no-repeat; background-position:right;
}
a[href^="http:"]:hover {
	padding-right:15px;
	background-image:url(../images_templates/bg_a_externer_link_on.gif); background-repeat:no-repeat; background-position:right;
}



a.mail {
	padding-left:20px;
	background-image:url(../images_templates/bg_a_mail_link.gif); background-repeat:no-repeat; background-position:top left;
}
a.mail:hover {
	padding-left:20px;
	background-image:url(../images_templates/bg_a_mail_link_on.gif); background-repeat:no-repeat; background-position:top left;
}
a.mail:active {
	padding-left:20px;
	background-image:url(../images_templates/bg_a_mail_link_on.gif); background-repeat:no-repeat; background-position:top left;
}

a.mehr {
	padding-right:10px;
	background-image:url(../images_templates/bg_a_mehr_link.gif); background-repeat:no-repeat; background-position:top right;
}
a.mehr:hover {
	padding-right:10px;
	background-image:url(../images_templates/bg_a_mehr_link_on.gif); background-repeat:no-repeat; background-position:top right;
}
a.mehr:active {
	padding-right:10px;
	background-image:url(../images_templates/bg_a_mehr_link_on.gif); background-repeat:no-repeat; background-position:top right;
}

a.movie {
	padding-left:22px;
	padding-bottom:2px;
	background-image:url(../images_templates/bg_a_movie_link.gif); background-repeat:no-repeat; background-position:top left;
}
a.movie:hover {
	padding-left:22px;
	padding-bottom:2px;
	background-image:url(../images_templates/bg_a_movie_link_on.gif); background-repeat:no-repeat; background-position:top left;
}
a.movie:active {
	padding-left:22px;
	padding-bottom:2px;
	background-image:url(../images_templates/bg_a_movie_link_on.gif); background-repeat:no-repeat; background-position:top left;
}
a.pdf {
	padding-left:29px;
	background-image:url(../images_templates/bg_a_pdf_link.gif); background-repeat:no-repeat; background-position:left;
}
a.pdf:hover {
	padding-left:29px;
	background-image:url(../images_templates/bg_a_pdf_link_on.gif); background-repeat:no-repeat; background-position:left;
}

a.keinbg {
	padding-left:0px;
	padding-right:0px;
	background-image:none;
}
a.keinbg:hover {
	padding-left:0px;
	padding-right:0px;
	background-image:none;
}




#Farbbalken { height:0px; background-color:#ffffff; }

#topofpageanker { height:5px; line-height:100%; }

#AbstandKopfbilder {
	padding:1em 0 1em 0;
}

#Kopfbilder { 
	background:#cccccc;
}

#Kopfbilder li {
}
#Kopfbilder li img {
	height:auto;
	width:100%;
}

.bxsliderKopfbilder {
	margin-bottom:0px;
	line-height:10%;
}
.bxsliderKopfbilderXXX {
	margin-bottom:0px;
	line-height:10%;
}

#Logo {
	position:fixed;
	top:2%;
	left:2.75%;
	z-index:1000001;
	transition:top 0.5s ease-in-out 0s;
}
#Logo.kopffixed {
	top:1%;
	transition:top 0.5s ease-in-out 0.2s;
}
#Logo img {
	width:100%;
	height:auto;
	transition:width 0.5s ease-in-out 0s;
}
#Logo img.kopffixed {
	width:60%;
	transition:width 0.5s ease-in-out 0.2s;

}

#Kopfbilder h2 { 
	position:absolute;
	bottom:4em;
	left:3em;
	color:#ffffff;
	font-family:"Times New Roman", Times, serif;
	text-shadow:1px 1px 2px rgba(15, 15, 15, 0.5);
	min-width:300px;
	width:50%;
	font-size:250%;
	line-height:120%;
	font-weight:bold;
	font-style:italic;
	-ms-hyphens:none;
	-hyphens:none;
}


#Welle {
	height:121px;
	background-image:url(../images_templates/bg_fuss.png);
	background-position:left top;
	background-repeat:repeat-x;
	margin:6em 0;
}

#Fuss {
	width:75%;
	margin:2% auto 0 auto;
	padding-bottom:4%;
	font-size:0.65em;
	text-align:center;
}
#Fuss a {
	color:#343434;
	text-decoration:none;
}
#Fuss a:hover {
	color:#9d0f19;
}


#TopOfPageButton {
	display:none;
}
#TopOfPageButton.fixed {
	display:block;
}
#TopOfPageButton a {
	display:block;
	width:31px;
	height:31px;
	position:fixed;
	bottom:10px;
	right:10px;
	opacity:0.75;
	background-image:url(../images_templates/topbutton.png);
	background-position:center;
	background-repeat:no-repeat;
}
#TopOfPageButton a:hover {
	text-decoration:none;
}




nav {  }

#Navigation {
	position:fixed;
	top:0px;
	left:0px;
	z-index:1000000;
	width:100%;
	background-color:#444444;
	margin-top:-20px;
	margin-top:0px;
	text-align:center;
	box-shadow:0px 0px 10px #535353;
}
#Navigation #AbstandLinksNav { display:inline-block; width:195px; }
#Navigation a {
	color:#ffffff;
	display:inline-block;
	padding:1em 2% 1em 2%;
	text-decoration:none;
	font-size:1em;
	transition:padding,font-size 0.15s ease-in-out 0s;
}

#Navigation a.kopffixed {
	padding:0.7em 2% 0.5em 2%;
	font-size:0.8em;
	transition:padding,font-size 0.5s ease-in-out 0.2s;
}

#Navigation a:hover { color:#ffffff; background-color:#5a2363; }
#Navigation a.keinHover:hover { color:#ffffff; background-color:#333333; }
#Navigation a.keinHover:hover #Logo {
	box-shadow:0px 0px 10px rgba(255, 255, 255, 0.95);
}

#Navigation a.primaryact { color:#fcd5a4; }
#Navigation a.primaryon { color:#fcd5a4; }


#MobileNavigation {
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	z-index:2000000;
	width:100%;
	margin-top:0px;
	text-align:left;
	box-shadow:0px 0px 10px #535353;
	overflow:hidden;
}
#MobileNavigation.geschlossen {
	max-height:2.1em;
	transition:max-height 0.5s ease-in-out 0.02s;
}
#MobileNavigation.offen {
	max-height:201em;
	transition:max-height 1.5s ease-in-out 0.02s;
}
#MobileNavigation a {
	color:#ffffff;
	display:block;
	padding:1em 2em 1em 2em;
	text-decoration:none;
	border-top:1px solid #555555;
	background-color:#444444;
}
#MobileNavigation a:hover { color:#ffffff; background-color:#5a2363; }
#MobileNavigation a.act { color:#fcd5a4; }

#MobileButton {
	text-align:right;
	font-size:0.8em;
	margin-top:-0.5em;
	padding-top:0em;
	padding-right:20px;
	padding-bottom:3em;
	background-color:#444444;
}
#MobileButton a:hover {
	background-color:#444444;
}
a#MenuButton {
	position:absolute;
	top:-1px;
	right:0px;
	width:45px;
	height:45px;
	padding:0;
	margin:0;
}
a#MenuButton.geschlossen {
	background-image:url(../images_templates/menubutton_on.png);
	background-repeat:no-repeat;
	background-position:center;
	transition:all 0.4s ease-in-out;
}
a#MenuButton.offen {
	background-image:url(../images_templates/menubutton_of.png);
	background-repeat:no-repeat;
	background-position:center;
	transform:rotate(45deg);
	transition:all 0.4s ease-in-out, transform 1s;
}

a#Francaise {
	text-indent:-99999px;
	background-image:url(../images_templates/flag-of-france.gif);
	background-repeat:no-repeat;
	background-position:center;
	width:auto;
}
a#Francaise:hover {
	background-image:url(../images_templates/flag-of-france-on.gif);
}

@media screen and (max-width:850px) {
	#Navigation {
		display:none;
	}
	#MobileNavigation {
		display:block;
	}
	#Logo {
		top:0.3em;
		left:0.35em;
		z-index:2000001;
	}
	#Logo img {
		width:4em;
	}
	#AbstandKopfbilder {
		height:2.1em;
		max-height:2.1em;
		padding:0;
	}
	#Logo.kopffixed {
		top:0.3em;
		left:0.35em;
		transition:top 0.5s ease-in-out 0.2s;
	}
	#Logo img.kopffixed {
		width:4em;
		transition:width 0.5s ease-in-out 0.2s;
	
	}
}



#content { 
	background-image:url(../images_templates/bg_nav_schatten.png);
	background-position:center top;
	background-repeat:no-repeat;
	min-height:400px;
	max-width:1800px;
	margin:0 auto 0 auto;
	font-size:0.75em;
	width:90%;
}

@media only screen and (min-width: 851px) {
	#content { 
		width:55%;
	}
}


.ClaimKasten {
	background-image:url(../images_templates/bg_kaasten_o_l.png),url(../images_templates/bg_kaasten_u_r.png); 
	background-position:top left,bottom right; 
	background-repeat:no-repeat,no-repeat;
	width:23%;
	padding:5% 6%;
	text-align:center;
	margin:8% 0 2% 10%;
	
	color:#fcd5a4;
	color:#e0bd92;
	font-family:"Times New Roman", Times, serif;
	/*text-shadow:1px 1px 2px rgba(115, 115, 115, 0.5);*/
	font-size:250%;
	line-height:120%;
	font-weight:bold;
	font-style:italic;
	-ms-hyphens:none;
	-hyphens:none;
	
	float:left;
	transition:color .35s ease-in-out 0.2s;
}
.ClaimKasten:hover {
	color:#825887;
	transition:color .35s ease-in-out 0.2s;
}

.ClaimKastenSchmaler {
	background-image:url(../images_templates/bg_kaasten_o_l_anfz.png),url(../images_templates/bg_kaasten_u_r_anfz.png); 
	width:18%;
	padding:2% 6%;
	margin:8% 0 2% 10%;
}

.ContentKasten {
	width:35%;
	margin:4% 0 2% 10%;
	float:left;
}

.ContentKastenZentriert {
	width:60%;
	margin:4% auto 2% auto;
}

.ContentKastenSchriftGross {
	font-size:1.3em;
}

.LogoAusweichen {
	padding-left:15%;
}

.ContentKastenSchmaler {
	width:30%;
	margin:4% 0 2% 15%;
}

ul { margin-top:0px; margin-bottom:7px; }
li { padding-bottom:5px; }

#content ul {
	list-style-type:none;
	padding-left:0px;
	margin-left:0px;
	margin-top:2px;
}

#content li {
	padding-left:18px;
	background-image:url(../images_templates/list_style_image.gif); background-repeat:no-repeat; background-position:top left;
}

#content ul.bildergalerie li {
	padding:0px;
	background-image:none;
	border:5px solid #ffffff;
	border-bottom:7px solid #ffffff;
}

#content .bildergalerie img {
	width:100%;
	height:auto;
}

#content img.border { 
	border:5px solid #ffffff;
}
#content img.marginbottom { 
	margin-bottom:5px;
}

#content a.lightbox { 
}

#content a.lightbox img { 
	border:0px solid #ffffff;
}

a.lightbox {
	/*display:inline-block;
	background-image:url(../images_templates/bg_lightbox_off.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	padding-bottom:14px;
	margin-bottom:7px;*/
}
a.lightbox:hover {
	/*display:inline-block;
	background-image:url(../images_templates/bg_lightbox_on.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	padding-bottom:14px;
	margin-bottom:7px;*/
}


.lightboxcontainer {
  width:100%;
  text-align:left;
}
.lightboxleft {
  width: 40%;
  float:left;
}
.lightboxright {
  width: 60%;
  float:left;
}
.lightboxright iframe {
  min-height: 390px;
}
.divtext {
  margin: 36px;
}
@media (max-width: 800px) {
  .lightboxleft {
    width: 100%;
  }
  .lightboxright {
    width: 100%;
  }
  .divtext {
    margin: 12px;
  }
}


.margintop10prozent {
	margin-top:10%;
}

.margintop15prozent {
	margin-top:15%;
}


.Kachel {
	position:relative;
	width:20%;
	width:14%;
	margin-left:4%;
	margin-left:5%;
	margin-right:0;
	margin-bottom:3.8%;
	float:left;
	height:auto;
	line-height:100%;
}

.Kachel p {
	line-height:100%;
	margin-bottom:0;
	padding-bottom:0;
}
.Kachel img {
	width:100%;
	height:auto;
	box-shadow:0px 0px 0px 0px rgba(180, 180, 180, 1);
	border-radius:10px;
	border:3px solid #ffffff;
	opacity:0.75;
}

.KachelCaption {
	position:absolute;
	bottom:10%;
	background-color:#CCCCCC;
	opacity:0.6;
	width:100%;
	height:20%;
	overflow:hidden;
	line-height:100%;
	margin-left:3px;
}

.KachelCaption p {
	line-height:100%;
	margin-bottom:0;
	padding-bottom:0;
	font-size:1.3em;
	padding:6% 6% 0 6%;
	text-align:right;
	opacity:1;
}

.Kachel .KachelCaption {
	height:20%;
	
	transition:height 0.3s ease-in 0.2s;
}

.Kachel:hover .KachelCaption {
	height:0px;
	opacity:0.6;
	
	transition:height 0.3s ease-in 0.4s;
}
.Kachel:hover .KachelCaption p {
	color:#ffffff;
	
	transition:color 0.2s ease-in 0.2s;
}

.Kachel:hover img {
	opacity:1;
	box-shadow:0px 0px 15px 0px rgba(180, 180, 180, 1);
	
	transition:box-shadow 0.2s ease-in 0.2s;
}