/* Style Landhotel Zur Tanne by Reiner Falk, 23.01.2025  */
#wrapper  {
    max-width: 100%;
}
body  {
	font-size: 95%;
}
/* Stylen Topmenü  */
#topMenu {	
	margin: 0px 0px 0px;	
}
#topMenu ol  {	
    padding: 0px 0px 0px 0px;	
}
#topMenu ol li a {
	font-size: 95%;
    padding: 3px 7px 3px;	
}
#pageHeaderRight {	
    width: 320px;	
}

/* Stylen mainMenu  */
#mainMenu {
	display: none;	
}
#mainMenuMobile {
	display: block;
}
#mainMenuMobile {	
	    background-image: -ms-linear-gradient(left, #77934f 0%, #dce898 20%);	
	    background-image: -o-linear-gradient(left, #77934f 0%, #dce898 20%);
	    background-image: -moz-linear-gradient(left, #77934f 0%, #dce898 20%);               
        background-image: -webkit-gradient(
        linear, left top, right top, 	  
        color-stop(0%, #77934f),		
        color-stop(20%, #dce898)		
	    );  
        background-image: linear-gradient(left, #77934f 0%, #dce898 20%);	
}
#mainMenuMobile ul li a {
    padding: 24px 8px 8px;
	margin: 0px;
	min-height: 14px;
	font-size: 100%;
    border-left: 0px solid #f3f5dd;	
    border-right: 2px solid #f3f5dd;	
}
#mainMenuMobile ul li a.zweizeilig  {
    padding: 8px 8px 8px;
	min-height: 32px;
	line-height: 1.1em;	
}
#mainMenu  ul li a:hover, #mainMenuMobile  ul li a:hover {
	border-left: 0px solid #dce898;
    border-right: 2px solid #dce898;		
}
#mainMenu ul li a.aktiv, #mainMenuMobile ul li a.aktiv {
	border-left: 0px solid #dce898;
    border-right: 2px solid #dce898;
}
/* Stylen Inhalt  */
#inhalt {   	
	padding: 30px 10px 30px 10px;
	max-width: 100%;	
}
#inhalt h1 {
	margin: 0px 0px 4px;	
	font-size: 140%;	
}
#inhalt h1.abstand {
	width: 90%;		
}
#inhalt h1.abstand60 {
	width: 70%;		
}
#inhalt h2 {
	font-size: 105%;	
}
#inhalt p {
	margin: 0px 0px 10px;	
    padding: 0px;
}
#inhalt p.textHaupt1  {
	margin: 20px 0px 20px;
	font-size: 110%;
}

/* Stylen Bereich pageContentFooter  */
#contentFooter {
    font-size: 100%;	
}
#contentFooter h2 {	
	font-size: 125%;
	padding: 0px 0px 5px 0px;	
}
#contentFooterLeft {	
	max-width: 100%;
	min-width: 100%;
    padding: 10px 0px 10px;	
}
#contentFooterLeft div {
	margin: 0px 20px 0px 20px; 		
}
#contentFooterLeft div p {
	margin-top: 0px;
}
#contentFooterCenter {
	max-width: 100%;
	min-width: 100%;	
    padding: 10px 0px 10px;		
}
#contentFooterCenter div {
	margin: 0px 20px 0px 20px;	
}
#contentFooterRight {
	max-width: 100%;
	min-width: 100%;
    padding: 10px 0px 10px;		
}
#contentFooterRight div {
	margin: 0px 20px 0px 20px; 
	padding-bottom: 10px;		
}

/* Stylen Anpassung Galerie  */
#bild, #bild1, #bild2, #bild3, #bild4, #bild5, #bild6, #bild7, #bild8, #bild9, #bild10, #bild11, #bild12, #bild13, #bild14, #bild15, #bild16,
#foto, #foto1, #foto2, #foto3, #foto4, #foto5, #foto6, #foto7, #foto8, #foto9, #foto10, #foto11, #foto12 {	
    max-width: 99%; 	
}
#bildv, #bild1v, #bild2v, #bild3v, #bild4v, #bild5v, #bild6v, #bild7v, #bild8v, #bild9v, #bild10v, #bild11v, #bild12v, #bild13v, #bild14v, #bild15v, #bild16v,
#fotov, #foto1v, #foto2v, #foto3v, #foto4v, #foto5v, #foto6v, #foto7v, #foto8v, #foto9v, #foto10v, #foto11v, #foto12v {
    max-width: 80%;
}	
#gallery01 p.imagesKleinbild, #gallery02 p.imagesKleinbild, #gallery01 p.imagesKlein, #gallery02 p.imagesKlein, #gallery01 p.imagesKleinW, #gallery02 p.imagesKleinW, #gallery01 p.imagesMidi, #gallery02 p.imagesMidi {
    float: left;
	width: 108px;
	height: 72px;
	margin: 0px 10px 20px 0px;
	padding: 18px 0px;
}
#gallery01 p.imagesKleinbild, #gallery02 p.imagesKleinbild, #gallery01 p.imagesKlein, #gallery02 p.imagesKlein, #gallery01 p.imagesMidi, #gallery02 p.imagesMidi {
	padding: 18px 0px;
}
#gallery01 p.imagesKleinW, #gallery02 p.imagesKleinW {
	padding: 0px 0px;
}

.imagesKleinbild1, .imagesKlein1, .imagesMidi1 {
	width: 108px;
	height: 72px;
}
#gallery01 p.imagesKleinbildV, #gallery02 p.imagesKleinbildV, #gallery01 p.imagesKleinV, #gallery02 p.imagesKleinV, #gallery01 p.imagesMidiV, #gallery02 p.imagesMidiV {
    float: left;
	width: 81px;
	height: 108px;
	margin: 0px 10px 20px 0px;	
	padding: 0px 14px 0px 13px;	
}
.imagesKleinbildV1, .imagesKleinV1, .imagesMidiV1 {
	width: 81px;
	height: 108px;
}
/* Stylen Kontaktformular  */
label {
		text-align: left;
}
select {
		width: 90%;
		font-size: 85%;	
}
textarea {
		width: 90%;		
}
input[type="text"] {
        width: 90%;
}
input[type="email"] {
        width: 90%;
}
input[type="reset"]  {
		margin: 10px 10px 10px 20px;	
}		
input[type="submit"]  {
		margin: 10px 20px 10px 10px;		
}	
/* Stylen Textbutton und Bildbutton - button4 */

#bildbutton li {
	float: left;
    max-width: 100%;	
	min-width: 100%;
    text-align: center;	
}
#textButton li a {
    padding: 5px;
    min-height: 10px;
    margin: 0px 0px 5px;	
}
#bildbutton li h3 {	
    font-size: 110%;		
}
#bildbutton3 li, #bildbutton4 li {
    max-width: 50%;
	min-width: 50%;	
}
#bildbutton3 li a, #bildbutton li a, #bildbutton4 li a {
    margin: 10px 10px 10px 10px;
}	
#bildbutton3 a h3, #bildbutton4 a h3 {	
    font-size: 90%;		
}
/* Stylen Klassendefinitionen  */
.buttonContentFooter li a {		
	margin: 20px 80px 0px 80px; 	
}
.display1 {
	display: none;
}
.display2 {
	display: block;
}
.display {
	display: block;
}
.anfahrt {
	width: 240px;
}
.floatBildAktuell {
	width: 180px;
    float: left;	
}
.floatTextAktuell {
	max-width: 50%;
    float: left;	
}