* { }

/* Bildergalerie
---------------------------------------------------------------------------------------------- */

div.Bildergalerie {
	margin-top: 30px;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

img#slideImg {
    max-width: 100%;
    height: auto;
	transition: opacity 0.4s;
}
	div#imgContainer{
	display:flex;
	align-items: center;
	justify-content: space-between;
	position:relative;
}
	#nextBtn, #prevBtn{
	position:absolute;
	cursor: pointer;
}

#nextBtn{
	right: 0px;
}

#prevBtn{
	left: 0px;
}	

@media only screen and (orientation: landscape) {
	img#slideImg {
   	max-width: 141vh;
    max-height: 90vh;
}
	
/* body
---------------------------------------------------------------------------------------------- */

body { 
	background-color:#FFFFFF; 
	font-size: 14px; 
	color: #000000; 
	font-family:Verdana, Arial, sans-serif;  
}

/* div
---------------------------------------------------------------------------------------------- */

div.titel {
	position: fixed;
	border-style: none;
	border-width: 1px;
	border-color: #FFFFFF;
	background-color: #000000;
	color: #FFFFFF; 
	top: 0px;
	right:0px;
	left:0px;
 	height: 105px;
	z-index: 2;
}	

div.ferienhaus {
	border-style: none;
	border-width: 1px;
	border-color: #FFFFFF;
	text-align: left;	
 	float: left;
 	width: 48%;
	margin-left: 20px;

}

div.menue {
	border-style: none;
	border-width: 1px;
	border-color: #FFFFFF;
	text-align: right;	
 	float: left;
 	width: 48%;
}

div.punkt {
	border-style: none;
	border-width: 1px;
	border-color: #FFFFFF;
	padding:3px;
	margin-left: 0px;
}	

div.inhaltindex {
	position:absolute; top:0px; left:0px;
	border-style: none;
	border-width: 1px;
	border-color: #000000;
	text-align: center;
}	

div.inhalt {
	border-style: none;
	border-width: 1px;
	border-color: #000000;
	margin-top: 125px;
	text-align: center;
	margin-left: 60px;
	margin-right: 60px;
}

div.mehrinhalt {
	border-style: none;
	border-width: 1px;
	border-color: #000000;
	margin-top: 30px;
	text-align: center;
	margin-left: 60px;
	margin-right: 60px;
}

div.schlagworte {
	text-align: center;	
	margin-top: 10px;
}


/* img
---------------------------------------------------------------------------------------------- */


img.bild {
	border-style: none;
	border-width: 1px;
	border-color: black;
	margin-top: 30px;
	margin-bottom: 30px;
}

img.indexbild {						/* ----gro§es Bild im Index---- */
	border-style: none;
	border-width: 1px;
	border-color: black;
	max-width: 100%;
	max-height: 100%;
}


/* a
---------------------------------------------------------------------------------------------- */

a:link { text-decoration:none; color:#000000; }
a:visited { text-decoration:none; color:#000000; }
a:hover { text-decoration:underline; color:#000000; }
a:active { text-decoration:underline; color:#000000; }
a:focus { outline: none;}

a.menue:link { text-decoration:none; color:#C8C8C8; font-size: 24px; }											/* ---- Menuelink---- */
a.menue:visited { text-decoration:none; color:#C8C8C8; font-size: 24px; }
a.menue:hover { text-decoration:underline; color:#FFFFFF; font-size: 24px; }
a.menue:active { text-decoration:underline; color:#FFFFFF; font-size: 24px; }
a.menue:focus { outline: none;}

a.menueaktiv:link { text-decoration:underline; color:#FFFFFF; font-size: 24px; }								/* ----aktiver Menuelink---- */
a.menueaktiv:visited { text-decoration:underline; color:#FFFFFF; font-size: 24px; }
a.menueaktiv:hover { text-decoration:underline; color:#FFFFFF; font-size: 24px; }
a.menueaktiv:active { text-decoration:underline; color:#FFFFFF; font-size: 24px; }
a.menueaktiv:focus { outline: none;}

a.menueindex:link { text-decoration:none; color:#FFFFFF; }														/* ----Home Link---- */
a.menueindex:visited { text-decoration:none; color:#FFFFFF; }
a.menueindex:hover { text-decoration:none; color:#FFFFFF; }
a.menueindex:active { text-decoration:none; color:#FFFFFF; }
a.menueindex:focus { outline: none;}

a.unsicht1:link { text-decoration:none; color:#7A7A82; font-size: 12px; }										/* ----Schlagworte Link---- */
a.unsicht1:visited { text-decoration:none; color:#7A7A82; font-size: 12px; }
a.unsicht1:hover { text-decoration:none; color:#7A7A82; font-size: 12px; }
a.unsicht1:active { text-decoration:none; color:#7A7A82; font-size: 12px; }
a.unsicht1:focus { outline: none;}

a.unsicht2:link { text-decoration:none; color:#7A7A90; font-size: 18px; }										/* ----Schlagworte Link---- */
a.unsicht2:visited { text-decoration:none; color:#7A7A90; font-size: 18px; }
a.unsicht2:hover { text-decoration:none; color:#7A7A90; font-size: 18px; }
a.unsicht2:active { text-decoration:none; color:#7A7A90; font-size: 18px; }
a.unsicht2:focus { outline: none;}


/* span
---------------------------------------------------------------------------------------------- */

span.ferien1 { font-size:10px; line-height:22px; color:#7A7A82; font-style:normal; text-decoration:none;}		/* ----Schlagworte---- */
span.ferien2 { font-size:12px; line-height:22px; color:#7A8582; font-style:normal; text-decoration:none;}
span.ferien3 { font-size:14px; line-height:22px; color:#7A7A90; font-style:normal; text-decoration:none;}
span.ferien4 { font-size:16px; line-height:22px; color:#6F7A6F; font-style:normal; text-decoration:none;}
span.ferien5 { font-size:18px; line-height:22px; color:#7A6F6F; font-style:normal; text-decoration:none;}
span.ferien6 { font-size:19px; line-height:22px; color:#64646F; font-style:normal; text-decoration:none;}
span.ferien7 { font-size:20px; line-height:22px; color:#5A5A64; font-style:normal; text-decoration:none;}
span.ferien8 { font-size:22px; line-height:22px; color:#55555A; font-style:normal; text-decoration:none;}

/* h
----------------------------------------------- */

h1 {font-size:30px; color:#000000; font-weight:normal;}

h2 {font-size:20px; color:#000000; font-weight:normal;}

h1.menue {color:#FFFFFF; font-size:30px; font-weight:bold;}

h2.menue {font-size:20px; color:#FFFFFF; font-weight:normal; margin-top: -20px;}

h3.menue {font-size:16px; color:#FFFFFF; font-weight:normal; margin: 0px 0 -4px 0; }

h1.schlagworte {font-family: Verdana, Arial, sans-serif; font-weight:normal;}																		/* ----Schlagworte---- */


/* p
---------------------------------------------------------------------------------------------- */

p { font-size:12px; font-weight: normal; font-style:normal; text-decoration:none;}