/* Style Landhotel Zur Tanne by Reiner Falk, 23.01.2025  */
p, ul, ol  {
    margin-top: 0px;
    margin-bottom: 10px;	
}
#pageContent ol li {
	line-height: 1.15em;
    margin-bottom: 5px;	
}
#pageContent ul li  {
    margin-top: 0px;
    margin-bottom: 0px;	
}
body  {
	min-height: 500px;
    margin: 0px;
	padding: 0px;	
	font-family: Arial,Helvetica,sans-serif;  
	font-size: 105%;
	background-color: #fcfcfc;
	color: #333333;	
}
#wrapper  {
	position: relative;	
	margin: 0px auto 0px;	
    max-width: 1200px;
	min-height: 500px;
	background-color: #fcfcfc;	
}
/* Stylen TopMenu   */
#topMenu {	
    min-width: 100%;
	margin: 10px 0px 0px;
	padding: 0px;
	
}
#topMenu ol {
    list-style: none;		
	margin: 0px;	
    padding: 0px 0px 0px 0px;
    min-height: 30px;	
}
#mainMenu ol li {		
	padding: 0px;		
}
#topMenu ol li a {
	float: right;
    display: block;		
    padding: 5px 10px 5px;
	margin: 0px 0px 0px;
    border-right: 2px solid #f3f5dd;		
	background-color: #dce898;	
	color: #188134;		
	text-decoration: none;
	font-size: 90%;
    font-weight: normal;	
}
#topMenu ol li a:visited, #navigation  ol li a:focus {
	color: #188134;
    font-weight: normal;	
}
#topMenu ol li a:hover {	
	color: #fcfcfc;
	background-color: orange;	
    font-weight: normal;		
}
#topMenu ol li a:active {
	color: #188134;
}
#topMenu ol li a.aktiv {
    background-color: #77934f;
	color: #fcfcfc;	
}

#pageHeader  {		
	margin: 0px;
	padding: 0px;	
    width: 100%;
	min-height: 110px;
	background-color: #f3f5dd;	
}
#pageHeaderLeft {
	float: left; 
	max-width: 60px; 
	margin: 5px 0px 0px; 
	padding: 0px;
}
#pageHeaderLeft p {
	width: 270px; 
	margin: 0px 0px 0px; 
	padding: 5px 10px 0px 10px;
}
.logo  {
    width: 100%;
}
#pageHeaderRight {
	float: right; 
    margin: 10px 0px 0px;	
	padding: 0px;	
    width: 370px;	
}

 
/* Stylen mainMenu  */
#mainMenu {
	display: block;	
}
#mainMenuMobile {
	display: none;
}
#mainMenu, #mainMenuMobile {	
    width: 100%;
	margin: -15px 0px 0px;
	padding: 0px;
	min-height: 42px; 	
    background-color: #dce898;
	    background-image: -ms-linear-gradient(left, #77934f 0%, #dce898 40%);	
	    background-image: -o-linear-gradient(left, #77934f 0%, #dce898 40%);
	    background-image: -moz-linear-gradient(left, #77934f 0%, #dce898 40%);               
        background-image: -webkit-gradient(
        linear, left top, right top, 	  
        color-stop(0%, #77934f),		
        color-stop(40%, #dce898)		
	    );  
        background-image: linear-gradient(left, #77934f 0%, #dce898 40%);	
}
#mainMenu ul, #mainMenuMobile ul  {
    list-style: none;	
	padding: 0px;	
	margin: 0px;
}
#mainMenu ul li a, #mainMenuMobile ul li a {
    display: block;
	float: right;
    border-left: 2px solid #f3f5dd;			
    padding: 18px 10px 8px;
	margin: 0px;
	height: 16px;	
	color: #188134;
    background-color: #dce898;	
	text-decoration: none;
	font-size: 105%;
    font-weight: normal;	
}
#mainMenuMobile ul li a.zweizeilig  {
    padding: 10px 10px 8px;
	height: 29px;
	line-height: 1.1em;	
}
#mainMenu  ul li a:visited, #mainMenuMobile  ul li a:visited,
#mainMenu  ul li a:focus, #mainMenuMobile  ul li a:focus {
	color: #188134;
}
#mainMenu  ul li a:hover, #mainMenuMobile  ul li a:hover {
	    color: #188134;
		background-color: #f3f5dd;
		border-left: 2px solid #dce898;			
}
#mainMenu  ul li a:active, #mainMenuMobile  ul li a:active {
	color: #188134;
}
#mainMenu ul li a.aktiv, #mainMenuMobile ul li a.aktiv {
    color: #f98107;	
    background-color: #f3f5dd;
    border-left: 2px solid #dce898;	
}

#pageContent  {		
    margin: 0px;
	padding: 0px;
	width: 100%; 
	min-height: 400px;
	background-color: #f3f5dd;	
	text-align: left;	
}
#inhalt {
	position: relative;	
	margin: 0px auto 0px;   	
	padding: 50px 0px 30px;
	max-width: 70%;
    text-align: left;
	font-size: 100%;	
}
#inhalt h1 {
	margin: 0px 0px 8px;	
    padding: 0px;
	font-size: 160%;	
	font-weight: bold;
	line-height: 1.05em; 
    color: #f98107;
	text-align: left;
}
#inhalt h1.abstand {
	width: 80%;
	float: right;	
}
#inhalt h1.abstand60 {
	width: 60%;
	float: right;	
}
#inhalt h2 {
	margin: 40px 0px 10px;	
    padding: 5px 10px;
	font-size: 110%;	
	font-weight: normal;
	line-height: 1.05em; 
	text-align: left;	
    color: #ffffff;
	background-color: #dce898;	
	    background-image: -ms-linear-gradient(left, #77934f 20%, #dce898 100%);	
	    background-image: -o-linear-gradient(left, #77934f 20%, #dce898 100%);
	    background-image: -moz-linear-gradient(left, #77934f 20%, #dce898 100%);               
        background-image: -webkit-gradient(
        linear, left top, right top, 	  
        color-stop(20%, #77934f),		
        color-stop(100%, #dce898)		
	    );  
        background-image: linear-gradient(left, #77934f 20%, #dce898 100%);	
}
#inhalt h3 {
	margin: 20px 0px 5px;	
    padding: 0px;
	font-size: 105%;	
	font-weight: bold;
	line-height: 1.05em; 
	text-align: left;	
    color: #666666;	
}
#inhalt h4 {
	margin: 10px 0px 5px;	
    padding: 0px;
	font-size: 100%;	
	font-weight: bold;
	line-height: 1.05em; 
	text-align: left;	
    color: #333333;	
}
#inhalt p {
	margin: 0px 0px 10px;	
    padding: 0px;
}
#inhalt p.textHaupt1  {
	margin: 20px 0px 20px;
	color: #666666;  
	text-align: left; 
	line-height: 1.15em;
	font-size: 110%;
}
#inhalt a {
        color: #188134;
		text-decoration: none;
		font-weight: normal;		
}
#inhalt a:visited,
#inhalt a:focus  {
        color: #18813;
}
#inhalt a:hover {
		color: #f98107;	
		text-decoration: underline;		
}
#inhalt a:active {
        color: #18813;
}
/* Stylen Bereich pageContentFooter  */
#contentFooter {
    margin: 0px 0px 0px;
	padding: 0px 0px 0px;
    color: #FFFFFF;
	width: 100%;
    min-height: 100px;	
    font-size: 95%;	
	background-color: #77934f;
/*	background-image: -ms-linear-gradient(right, #56673e 0%, #77934f 50%, #56673e 100%);	
	    background-image: -o-linear-gradient(right, #56673e 0%, #77934f 50%, #56673e 100%);
	    background-image: -moz-linear-gradient(right, #56673e 0%, #77934f 50%, #56673e 100%);               
        background-image: -webkit-gradient(
        linear, right top, left top, 	  
        color-stop(0%, #56673e),		
        color-stop(50%, #77934f),
		color-stop(100%, #56673e)		
	    );  
        background-image: linear-gradient(right, #56673e 0%, #77934f 50%, #56673e 100%);   	*/
}
#contentFooter h2 {
    margin: 0px 0px 15px 0px;	
	padding: 0px 0px 5px 0px;
	font-size: 120%;	
	font-weight: normal;
	line-height: 1.1em;
    color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	text-align: center;	
}
#contentFooterLeft {
    float: left;
    padding: 15px 0px 20px;
    margin: 0px;	
	max-width: 33%;
	min-width: 33%;	
    color: #FFFFFF;
	text-align: center;
	
}
#contentFooterLeft div {
	margin: 0px 15px 0px 30px; 
	text-align: center;
}
#contentFooterLeft p {
	margin: 0px 0px 7px 0px; 
}
#contentFooterLeft a {
        color: #ffffff;
		text-decoration: none;
		font-weight: normal;		
}
#contentFooterLeft a:visited,
#contentFooterLeft a:focus  {
        color: #ffffff;
}
#contentFooterLeft a:hover {
		color: #ffffff;	
		text-decoration: underline;		
}
#contentFooterLeft a:active {
        color: #ffffff;
}
#contentFooterCenter {
    float: left;
    padding: 15px 0px 20px;	
	max-width: 28%;	
	min-width: 28%;	
    color: #FFFFFF;
	text-align: center;
	line-height: 1.3em;	
}
#contentFooterCenter div {
	margin: 0px 15px 0px 15px; 
	text-align: center;
}
#contentFooterRight {
    float: right;
    padding: 15px 0px 20px;	
	max-width: 39%;
	min-width: 39%;	
    color: #FFFFFF;
	text-align: center;
	line-height: 1.2em;	
}
#contentFooterRight div {
	margin: 0px 30px 0px 15px; 
	text-align: center;
}
#contentFooterRight p {
	margin: 0px 0px 5px 0px; 
}
#contentFooterLeft p, #contentFooterRight p {
	width: 100%;	
}
.buttonCenter {
	margin: 0px 20px;  	
	text-align: center;	
}
.buttonContentFooter {
    list-style: none;
    padding: 0px;	
	text-align: center;		
}
.buttonContentFooter li {
	font-size: 100%;	
	text-align: center;		
}
.buttonContentFooter li a {
    display: block;					
    text-decoration: none;	
    padding: 5px 5px;	
	margin: 25px 10px 0px 10px; 
    min-height: 10px;
	color: #188134;
	background-color: #ffffff;	
}
.buttonContentFooter li a:visited, .buttonContentFooter li a:focus {
	background-color: #ffffff;
	color: #188134;
}	
.buttonContentFooter li a:hover {
  	background-color: #f89939;
    color: #ffffff;	
}
.buttonContentFooter li a:active {
	color: #188134;	
	background-color: #ffffff;	
}


/* Stylen des pageFooter-Bereichs  */
#pageFooter  {
    clear: both;
    margin: 0px;
	padding: 0px 0px;
    width: 100%;
	min-height: 19px;
    background-color: #2d4928;
	color: #fcfcfc;
    font-size: 80%;	
}
#leftFooter  {
    float: left;
    margin: 0px;
	padding: 10px 10px;	
	min-height: 10px;
    max-width: 50%;
    text-align: left;	
}
#rightFooter {
    float: right;
    margin: 0px;
	padding: 10px 10px;		
	min-height: 10px;
    max-width: 40%;
    text-align: right;		
}	
#karte {
    margin: 20px 0px 30px;
	padding: 0px;			
}
/* Stylen Textbutton für Listen */
#textButton {
    list-style: none;
    padding: 0px;
	margin: 30px 0px;
}
#textButton li li {
    max-width: 99%;
	min-width: 99%;
    font-size: 99%;
    text-align: left;	
}
#textButton li a {
    display: block;					
    text-decoration: none;	
    padding: 5px 10px;	
    margin: 0px 0px 15px;
    min-height: 10px;
	background-color: #f5f8fe;
    color: #188134;	
	-moz-box-shadow: 3px 3px 3px #666;
	-webkit-box-shadow: 3px 3px 3px #666;
	box-shadow: 3px 3px 3px #666;
}
#textButton li a:visited, #textButton li a:focus {
	background-color: #f5f8fe;
    color: #188134;
}	
#textButton li a:hover {
  	background-color: #f5f8fe;
    color: #f98107;
    text-decoration: none;	
}
#textButton li a:active {
  	background-color: #f5f8fe;
    color: #188134;		
}
/* Stylen Bildbutton  */
#bildbutton  {
    list-style: none;
    padding: 0px;	
    max-width: 100%;
    margin: 20px 0px 20px;	
}
#bildbutton li {
	float: left;
    max-width: 33%;	
	min-width: 33%;
    text-align: center;	
}
#bildbutton li a {
    display: block;
    margin: 10px 10px 10px 10px;
    padding: 7px;	
    min-height: 100px;	
    color: #188134;
	background-color: #dce898;	
    text-decoration: none;
	border: 1px solid #CCCCCC;
}
#bildbutton li a:visited, #bildbutton3 li a:focus {	
    color: #188134;
}
#bildbutton li a:hover {
	border: 1px solid #CCCCCC;
	background-color: #EEF2CF;
    text-decoration: none;	
}
#bildbutton3 li a:active {	
    color: #188134;
}
#bildbutton a h3 {
	border-top: 1px solid #CCCCCC;
    border-bottom: none;
    margin-top: 10px;
    padding-top: 5px;	
    padding-bottom: 0px;
    margin-bottom: 0px;
    max-width: 100%;
    text-align: center;	
    font-size: 100%;	
	font-weight: normal;
    color: #188134;	
}
#bildbutton a:hover h3 {
    color: #f98107;	
}
/* Stylen Bildbutton3  */
#bildbutton3  {
    list-style: none;
    padding: 0px;	
    max-width: 100%;
    margin: 20px 0px 20px;	
}
#bildbutton3 li {
	float: left;
    max-width: 33%;	
	min-width: 33%;
    text-align: center;	
}
#bildbutton3 li a {
    display: block;
    margin: 10px 10px 10px 10px;
    padding: 7px;	
    min-height: 100px;	
    color: #188134;
	background-color: #dce898;	
    text-decoration: none;
	border: 1px solid #CCCCCC;
}
#bildbutton3 li a:visited, #bildbutton3 li a:focus {	
    color: #188134;
}
#bildbutton3 li a:hover {
	border: 1px solid #CCCCCC;
	background-color: #EEF2CF;
    text-decoration: none;	
}
#bildbutton3 li a:active {	
    color: #188134;
}
#bildbutton3 a h3 {
	border-top: 1px solid #CCCCCC;
    border-bottom: none;
    margin-top: 10px;
    padding-top: 5px;	
    padding-bottom: 0px;
    margin-bottom: 0px;
    max-width: 100%;
    text-align: center;	
    font-size: 85%;	
	font-weight: normal;
    color: #188134;	
}
#bildbutton3 a:hover h3 {
    color: #f98107;	
}
/* Stylen Bildbutton4  */
#bildbutton4  {
    list-style: none;
    padding: 0px;	
    max-width: 100%;
    margin: 20px 0px 20px;	
}
#bildbutton4 li {
	float: left;
    max-width: 25%;	
	min-width: 25%;
    text-align: center;	
}
#bildbutton4 li a {
    display: block;
    margin: 10px 10px 10px 10px;
    padding: 7px;	
    min-height: 100px;	
    color: #188134;
	background-color: #dce898;	
    text-decoration: none;
	border: 1px solid #CCCCCC;
}
#bildbutton4 li a:visited, #bildbutton4 li a:focus {	
    color: #188134;
}
#bildbutton4 li a:hover {
	border: 1px solid #CCCCCC;
	background-color: #EEF2CF;
    text-decoration: none;	
}
#bildbutton4 li a:active {	
    color: #188134;
}
#bildbutton4 a h3 {
	border-top: 1px solid #CCCCCC;
    border-bottom: none;
    margin-top: 10px;
    padding-top: 5px;	
    padding-bottom: 0px;
    margin-bottom: 0px;
    max-width: 100%;
    text-align: center;	
    font-size: 85%;	
	font-weight: normal;
    color: #188134;	
}
#bildbutton4 a:hover h3 {
    color: #f98107;	
}
.display1 {
	display: block;
}
.display2 {
	display: none;
}
.display {
	display: none;
}
.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}
.both {
    clear: both;
	margin: 0px;
    padding: 0px;
}
.picture {
	width: 100%;
	height: auto;
}
.pictureAktuell {
	width: 90%;
	height: auto;
	-moz-box-shadow: 3px 3px 3px #666;
	-webkit-box-shadow: 3px 3px 3px #666;
	box-shadow: 3px 3px 3px #666;	
}
.anfahrt {
	width: 120px;
}
.textKlein {
	font-size: 80%;
}
.textRight {
	text-align: right;
}
.marginTop10 {
	margin-top: 10px;
}
.floatBildAktuell {
	width: 240px;
    float: left;	
}
.floatTextAktuell {
	max-width: 50%;
    float: left;	
}
.image1 {
	margin-bottom: 5px;
	-moz-box-shadow: 5px 5px 5px #666;
	-webkit-box-shadow: 5px 5px 5px #666;
	box-shadow: 5px 5px 5px #666;	
}
.image2 {
	-moz-box-shadow: 3px 3px 3px #666;
	-webkit-box-shadow: 3px 3px 3px #666;
	box-shadow: 3px 3px 3px #666;		
}

#termin h3 {
	margin-bottom: 10px;	
}
.pfeilOben  {	
    margin: 0px; 
    padding: 0px 30px 20px 0px;	
	text-align: right;
}