@charset "utf-8";
/* CSS Document */
html {
	font-size: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	background-image: url(images/bg-body.png);
	background-attachment: fixed;
	background-position: top;
	background-repeat: repeat-x;	
	background-color: #618e39;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
a { text-decoration: none; outline: 0 none; }
a:link { text-decoration: none; color:#333333; outline: 0 none; }
a:visited { color: #666666; text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { color: #666666; }

a img { border: none; }

h1, h2, h3, h4 {
	/*font-family: 'Monotype Corsiva', chancery, Arial, Helvetica, sans-serif;*/
	font-family:'Monotype Corsiva', 'Alex Brush', 'Apple Chancery', 'ITC Zapf Chancery', 'URW Chancery L', cursive;
	color: #28491c;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-weight: normal;
}

h1 { font-size: 2.500em; font-size: 2.750em; }
h2 { font-size: 1.875em; }

hr {
	border: none;
	height: 1px;
	border-bottom: 1px dashed #28491c;
	clear: both;
}

#container-top {
	width: 100%;
	height: 449px;
	padding-top: 1px;
	background-image: url(images/bg-holz.jpg);
	background-position: top center;
	background-repeat: repeat-x;
	position: relative;
	margin: 0px;
}
	#header {
		width: 1004px;
		margin: 0 auto;
		position: relative;
		padding-top: 1px;
	}
	
	#menue-top {
		position: absolute;
		right: 10px;
		top: 5px;
	}
	#menue-top ul {
		padding: 0px;
		margin: 0px;
		list-style: none;
		list-style-type: none;
		list-style-image: none;
	}
	#menue-top ul li {
		padding: 0px;
		margin: 0px;
		margin-left: 10px;
		margin-right: 10px;
		list-style: none;
		list-style-type: none;
		list-style-image: none;
		float: left;
	}
	#menue-top ul li a { color: #FFFFFF; font-size: 0.875em; }
	#menue-top ul li a:hover { text-shadow: 1px 1px 3px #FFFFFF; text-decoration: none; }
	#menue-top ul li a.active { text-shadow: 1px 1px 3px #000000; text-decoration: none; }
	
	#headerbilder {
		clear: both;
		background-image:url(images/bg-head-ani-3.png);
		background-repeat: no-repeat;
		padding: 12px 12px 0px 12px;
		margin-top: 18px;
		height: 380px;
		width: 980px;	
		position: relative;	
	}
		#headerbilder #logo {
			position: absolute;
			right: 30px;
			top: 30px;
			z-index: 100;
		}
		#headerbilder .block-rotating-banner {
			background-color: #FFFFFF;
			-webkit-border-radius: 15px 15px 0px 0px;
			border-radius: 15px 15px 0px 0px;
		}
		#headerbilder .block-rotating-banner .rotating-banner { width: 980px; }
		#headerbilder .block-rotating-banner .rotating-banner .rb-slides { height: 380px; }
		#headerbilder img {
			margin: 0px;
			padding: 0px;
			-webkit-border-radius: 15px 15px 0px 0px;
			border-radius: 15px 15px 0px 0px;
		}
		
		#headerbilder .block-rotating-banner .rb-textbox {
			color: #FFFFFF;
			font-family:'Monotype Corsiva', 'Alex Brush', 'Apple Chancery', 'ITC Zapf Chancery', 'URW Chancery L', cursive;
			font-size: 40px;
			font-weight: normal;
			text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
			text-shadow: 0px 0px 2px rgba(0, 0, 0, 1);
		}
	
	#mainmenue {
		background-image:url(images/bg-main-menue.png);
		background-repeat: repeat-x;
		height: 38px;
		width: 100%;
		padding: 4px 0px; 
		position: absolute;
		left: 0px;
		bottom: -4px;
		z-index: 100;
	}
	#mainmenue .region-mainmenu {
		width: 980px;
		padding: 0px 12px;
		margin: 0 auto;
	}
		#mainmenue .region-mainmenu ul {
			padding: 0px;
			margin: 0px;
			list-style: none;
			list-style-type: none;
			list-style-image: none;
			background-image: url(images/trenner-mainmenue.png);
			background-position: top left;
			background-repeat: no-repeat;
			padding-left: 2px;
			margin-left: 1px;
			height: 38px;
		}
		#mainmenue .region-mainmenu ul li {
			padding: 0px;
			margin: 0px;
			list-style: none;
			list-style-type: none;
			list-style-image: none;
			float: left;
			background-image: url(images/trenner-mainmenue.png);
			background-position: top right;
			background-repeat: no-repeat;
			padding-right: 2px;
			position: relative;
		}
		#mainmenue .region-mainmenu ul li a {
			padding: 0px 18px;
			padding: 0px 16px;
			line-height: 38px;
			display: block;
			color: #FFFFFF;
			/*background-image: url(images/bg-main-menue-active2.png);*/
			/*font-size: 0.938em;*/
		}
		#mainmenue .region-mainmenu ul li a:hover, #mainmenue .region-mainmenu ul li:hover a {
			text-decoration: none;
			text-shadow: 0px 0px 10px #FFFFFF;
		}
		#mainmenue .region-mainmenu ul li a.active, #mainmenue .region-mainmenu ul li a.active-trail {
			text-decoration: none;
			text-shadow: 0px 0px 10px #FFFFFF;
			background-image: url(images/bg-main-menue-active2.png);
		}
		
		/* 1. Unterebende */		
			#mainmenue .region-mainmenu ul li ul {
				display: none;
				position: absolute;
				top: 38px;
				left: 0px;
				background-image: url(images/bg-submenue.png);
				background-repeat: repeat;
				height: auto;
				min-width: 100%;
				padding: 0px;
				border-top: 1px solid #FFFFFF;
			}
			#mainmenue .region-mainmenu ul li:hover ul {
				display: block;
			}
			#mainmenue .region-mainmenu ul li ul li {
				float: none;
				background: none;
				padding: 0px;
				border-bottom: 1px solid #28491c;
				position: relative;
			}
			#mainmenue .region-mainmenu ul li ul li a {
				color: #28491c;
				font-size: 0.813em;
				height: auto;
				line-height: 28px;
				white-space:nowrap;
			}
			#mainmenue .region-mainmenu ul li ul li a:hover, #mainmenue .region-mainmenu ul li ul li:hover a {
				background-color: #dee7d0;
				text-shadow: 0px 0px 8px #28491c;
			}
			#mainmenue .region-mainmenu ul li ul li a.active, #mainmenue .region-mainmenu ul li ul li a.active-trail { background-image: none; }
			#mainmenue .region-mainmenu ul li ul li.active-trail {
				background-color: #dee7d0;
			}
			
			/* 2. Unterebende */
				#mainmenue .region-mainmenu ul li:hover ul li ul {
					display: none;
					position: absolute;
					top: 0px;
					left: 100%;
					background:none;
					height: auto;
					min-width: inherit;
					width: auto;
					padding: 0px;
					padding-left: 1px;
					padding-top: 0px;
					padding-bottom: 5px;
					border-top: none;
				}
				#mainmenue .region-mainmenu ul li:hover ul li:hover ul {
					display: block;
				}
				#mainmenue .region-mainmenu ul li ul li ul li {
					background-image: url(images/bg-submenue.png);
					background-repeat: repeat;
				}
				#mainmenue .region-mainmenu ul li ul li ul li a, #mainmenue .region-mainmenu ul li ul li:hover ul li a {
					line-height: 24px;
					font-size: 0.688em;
					background: none;
					text-shadow: none;
				}
				#mainmenue .region-mainmenu ul li ul li ul li a:hover, #mainmenue .region-mainmenu ul li ul li ul li a.active{
					background-color: #dee7d0;
					/*text-shadow: 0px 0px 8px #28491c;*/
				}
				
				
				#mainmenue .open { display: none; }
				
				input#responsive-nav,
				label.responsive-nav-label {
				  display: none;
				}
	
#container-bottom {
	width: 980px;
	padding: 0px 12px;
	padding-top: 0px;
	padding-bottom: 1px;
	margin: 0 auto;
	background-image: url(images/bg-content-2.png);
	background-repeat: repeat-y;
}
	#spalte-links {
		width: 230px;
		min-height: 430px;
		padding-right: 10px;
		padding-top: 10px;
		padding-left: 20px;
		width: 200px;	/*ohne padding*/
		
		background-image: url(images/bg-spalte-links.png);
		background-position: top right;
		background-repeat: no-repeat;
		float: left;
	}
	#spalte-links .content {
		font-size: 0.750em;
		line-height: 134%;
	}
		/*Submenü*/
		#spalte-links .block-submenutree ul.menu {
			padding: 0px;
			margin: 0px;
			margin-left: 2px;
			list-style: none;
			list-style-type: none;
			list-style-image: none;
		}
		#spalte-links .block-submenutree ul.menu li {
			padding: 0px;
			margin: 0px;
			list-style: none;
			list-style-type: none;
			list-style-image: none;
			margin-top: 10px;
		}
		#spalte-links .block-submenutree ul.menu li a {
			padding-left: 18px;
			background-image: url(images/submenue.png);
			background-repeat: no-repeat;
			background-position: left;
			line-height: 14px;
			font-size: 1.063em;
			color: #28491c;
		}	
		#spalte-links .block-submenutree ul.menu li a:hover, #spalte-links .block-submenutree ul.menu li a.active {
			background-image: url(images/submenue-hover.png);
			text-decoration: none;
			color: #000000;
		}	
		/*Sub-Submenue*/
			#spalte-links .block-submenutree ul.menu li ul { margin-left: 18px; }
			#spalte-links .block-submenutree ul.menu li ul li {
				padding: 0px;
				margin: 0px;
				margin-top: 6px;
			}
			#spalte-links .block-submenutree ul.menu li ul li a {
				padding-left: 16px;
				background-image: url(images/sub-submenue.png);
				background-repeat: no-repeat;
				background-position: left;
				line-height: 12px;
				font-size: 0.938em;
				color: #28491c;
			}
			#spalte-links .block-submenutree ul.menu li ul li a:hover, #spalte-links .block-submenutree ul.menu li ul li a.active {
				background-image: url(images/sub-submenue-hover.png);
			}
		
		/*Aktuelles*/
		.view-news-block, .view-news-block-reiten {
			padding-right: 15px;
		}
		.view-news-block .views-row, .view-news-block-reiten .views-row {
			margin-top: 10px;
			padding-bottom: 10px;
			border-bottom: 1px dashed #28491c;
		}
		.view-news-block .views-field-title a,
		.view-news-block-reiten .views-field-title a {
			color: #28491c;
			font-weight: bold;
		}
		.view-news-block .views-field-body, .view-news-block-reiten .views-field-body { margin-top: 5px; }
		
		.view-news-block .views-field-body a, 
		.view-news-block .view-footer a,
		.view-news-block-reiten .views-field-body a, 
		.view-news-block-reiten .view-footer a, { font-style: italic; color: #28491c; }
		
		.view-news-block .view-footer, .view-news-block-reiten .view-footer { text-align: right; margin-top: 4px; }
	
	
	#spalte-mitte {
		width: 530px;
		width: 490px;
		width: 480px; /*Rechts breiter*/
		padding: 20px;
		float: left;
	}
	#spalte-mitte.large { width: 750px; width: 710px; }
	
	#spalte-mitte .content {
		font-size: 0.875em;
		line-height: 134%;
	}
	#spalte-mitte .content h2 {
		margin-top: 6px;
		margin-bottom: -4px;
		font-size: 2.188em;
		line-height: 30px;
	}
	#spalte-mitte .content ul li { margin: 10px 0px; }
	
	/*Preistabelle*/
	#spalte-mitte .content .preise tr:nth-child(even) { }
	#spalte-mitte .content .preise tr:nth-child(odd) { background-color: #d1dcc0; }
	
	
	/*News Seite*/
	#spalte-mitte .node-article.node-teaser {
		border-bottom: 1px dashed #28491c;
		margin-top: 20px;
	}
	#spalte-mitte .node-article.node-teaser .content { min-height: 20px; }
	#spalte-mitte .node-article.node-teaser .links {
		margin-bottom: 20px;
		clear: both;
	}
	
	.field-name-field-tags { clear: both; font-size: 0.750em; color: #999999; }
	.field-name-field-tags a { color: #999999; }
	
	/* Bildergal rechts */
	.field-name-field-bilder-rechts {
		float: right;
		width: 220px;
		margin-left: 15px;
		margin-right: 1px;
	}
	.field-name-field-bilder-rechts .field-item {
		padding: 0px;
		margin-bottom: 15px;
		height: inherit;
		position: relative;
	}
	.field-name-field-bilder-rechts .field-item .image-caption { 
		/*Text unter*/
		/*
		text-align: right; 
		font-style: italic;
		color: #666666; 
		padding-right: 5px;
		*/
		
		/*Text in Bild*/
		text-align: right; 
		font-style: italic; 
		font-size: 1.125em;
		color: #666666; 
		color: #FFFFFF;
		padding: 0 5px;
		height: 20px;
		line-height: 20px;
		width: 210px;
		background-image: url(images/bg-caption.png);
		-webkit-border-radius: 0 0 9px 9px;
		border-radius: 0 0 9px 9px;
		z-index: 100;
		position: absolute;
		bottom: 4px;
		left: 1px;
		
		/*Text kürzen*/
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-moz-binding: url( 'bindings.xml#ellipsis' );
	}
	.field-name-field-bilder-rechts .field-item img {
		border: solid 1px #536d49;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		padding: 0px;
		margin: 0px;
	}
	
	/*Bildergal unten*/
	.field-name-field-bilder-unten {
		margin-left: -32px;
		clear:both;
	}
	.field-name-field-bilder-unten .field-item {
		float: left;
		margin-left: 34px;
		margin-bottom: 25px;
		padding: 0px;
		height: 142px;
		position: relative;
	}
	.field-name-field-bilder-unten .field-item .image-caption, #spalte-mitte.large .quick-links .image-caption { 
		text-align: right; 
		font-style: italic; 
		font-size: 1.125em;
		color: #666666; 
		color: #FFFFFF;
		padding: 0 10px;
		height: 20px;
		line-height: 20px;
		width: 200px;
		background-image: url(images/bg-caption.png);
		-webkit-border-radius: 0 0 9px 9px;
		border-radius: 0 0 9px 9px;
		z-index: 100;
		position: absolute;
		bottom: 1px;
		left: 1px;
		
		/*Text kürzen*/
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-moz-binding: url( 'bindings.xml#ellipsis' );
	}
		#spalte-mitte.large .quick-links .image-caption a {
			color: #FFFFFF;
			text-decoration: none;
			display: block;
			font-size: 0.938em;
		}
	.field-name-field-bilder-unten .field-item img, #spalte-mitte img.rund {
		border: solid 1px #536d49;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		padding: 0px;
		margin: 0px;
	}
	/*Bei ganzer Breite*/
	#spalte-mitte.large .field-name-field-bilder-unten, #spalte-mitte.large .quick-links {
		margin-left: -16px;
	}
	#spalte-mitte.large .field-name-field-bilder-unten .field-item, #spalte-mitte.large .quick-links .field-item {
		float: left;
		margin-left: 20px;
		margin-bottom: 20px;
		padding: 0px;
		height: 142px;
		position: relative;
	}
	#spalte-mitte.large .field-name-field-bilder-unten .field-item img, #spalte-mitte.large .quick-links .field-item img {
		border: solid 1px #536d49;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		padding: 0px;
		margin: 0px;
	}
	
	/*Bilder über Ckeditor mit class rund*/
	#spalte-mitte p img.rund:first-child {
		margin-left: 2px;
		margin-right: 34px;
	}
	#spalte-mitte img.rund.last { margin: 0px; margin-left: 34px; }
	#spalte-mitte p img.rund.last { margin: 0px; }
	
	
	
	#spalte-rechts {
		width: 230px;
		min-height: 430px;
		padding-left: 10px;
		padding-top: 10px;
		padding-left: 30px;
		width: 200px; /*Ohne padding*/
		
		background-image: url(images/bg-spalte-rechts.png);
		background-position: top left;
		background-repeat: no-repeat;
		float: left;
	}
		#spalte-rechts .content {
			font-size: 0.750em;
			line-height: 134%;
		}
		#spalte-rechts .block { margin-bottom: 40px; }
		#spalte-rechts h2 { margin-left: -2px; }
		#spalte-rechts .view-kontaktblock { margin-left: -8px; }
		#spalte-rechts .view-kontaktblock h3 { font-size: 2.500em; margin-top: 5px; }
		#spalte-rechts .view-kontaktblock address { margin-top: 5px; margin-left: 5px; }
		#spalte-rechts .view-kontaktblock p { 
			margin: 0px; 
			padding: 0px; 
		}
		
	
		.view-bildergalerie h2, .view-bildergalerie-2 h2 { font-size: 2.500em; margin-bottom: 10px; line-height: 100%; }
		
		.view-bildergalerie .image, .view-bildergalerie-2 .image {
			width: 177px;
			height: 114px;
			position: relative;
			/*z-index: 10;*/
			margin-left: 4px;
			margin-top: 5px;

		}
		.view-bildergalerie ul, .view-bildergalerie-2 ul { display: none; }
		
		.view-bildergalerie .cboxlink a, .view-bildergalerie-2 .cboxlink a {
			position: absolute;
			top: 1px;
			left: 1px;
			width: 175px;
			height: 112px;
			z-index: 100;
			display: block;
		}			
		.view-bildergalerie img, .view-bildergalerie-2 img {
			border: solid 1px #536d49;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			position: relative;
			position: absolute;
		}
		.view-bildergalerie .image-caption, .view-bildergalerie-2 .image-caption { 
			text-align: right; 
			font-style: italic; 
			font-size: 1.063em;
			color: #666666; 
			color: #FFFFFF;
			padding: 0 5px;
			height: 18px;
			line-height: 18px;
			width: 165px;
			background-image: url(images/bg-caption.png);
			-webkit-border-radius: 0 0 9px 9px;
			border-radius: 0 0 9px 9px;
			/*z-index: 100;*/
			position: absolute;
			bottom: 1px;
			left: 1px;
			
			/*Text kürzen*/
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			-o-text-overflow: ellipsis;
			-moz-binding: url( 'bindings.xml#ellipsis' );
			/*z-index: 90;*/
		}

#footer {
	width: 980px;
	padding: 0px 12px;
	padding-top: 22px;
	margin: 0 auto;
	background-image:url(images/abschluss-content-2.png);
	background-repeat: no-repeat;
	background-position: top left;
}

th, tbody { border: none; }

.clear {
	clear: both;
	height: 0px;
}

/*Wetter*/
#wetterinfo .wetter {
	width: 100%;
}
#wetterinfo .wetter th {
	border-bottom: none;
	text-align: center;
}
#wetterinfo .wetter td {
	padding: 2px;
}
#wetterinfo .wetter .breite100 { width: 100px; }
#wetterinfo .wetter .breite120 { width: 120px; }

/*Uebersichtsboxen*/
#wetterinfo .box {
	width: 180px;
	/* height: 180px; */
	background-color: #eeeded;
	float: left;
	margin-left: 6px;
	margin-right: 4px;
	margin-bottom: 15px;
	position: relative;
}	
#wetterinfo .box.halb {
	width: 275px;
}
#wetterinfo .box.doppelt {
	width: 370px;
}
#wetterinfo .box.voll {
	width: 480px;
}
#wetterinfo .box.he215 {
	height: 215px;
}
#wetterinfo .box .boxtitle {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 170px;
	height: 20px;
	background-image: url("images/bg-caption.png");
	color: #FFFFFF;
	text-align: left;
	font-size: 1.35em;
	font-style:italic;
	font-weight: bold;
	padding-left: 10px;
	z-index: 100;
}
#wetterinfo .box .boxtitle a {
	color: #FFFFFF;
}
#wetterinfo .box .boxtitle.rel {
	position: relative;
}
#wetterinfo .box .boxtitle.left {
	position: relative;
	float: left;
}
#wetterinfo .box .boxtitle.breit {
	width: 250px;
}
#wetterinfo .box .boxtitle.breitnews {
	width: 420px; /*300*/
	white-space:nowrap;
	text-align:left;
	padding-left: 10px;
	
	/*Text kürzen*/
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url( 'bindings.xml#ellipsis' );
}
#wetterinfo .box .boximg {
	text-align: center;
}
#wetterinfo .box .boxinfo {
	float: right;
	margin-right: 10px;
	margin-top: 4px;
	font-size: 0.85em;
}
#wetterinfo .box .boxtxt {
	padding: 5px;
	font-size: 0.9em;
	color: #593333;
	min-height: 40px;
}
#wetterinfo .box .boxtxt ol {
	margin-left: 0px;
	padding-left: 15px;
}
#wetterinfo .box .boxtxt ol li {
 margin-top: 3px;
 margin-bottom: 3px;
}
#wetterinfo .box .boxlink, #wetterinfo .box .boxlink a {
	font-size: 0.95em;
	color: #593333;
	text-align: right;
	padding-right: 2px;
	padding-bottom: 5px;
}
#wetterinfo .box .boxtxt .boxlink {
	font-size: 1.1em;
}
#wetterinfo .box .boxlink.akt {
	/* margin-top: -22px; */
	position: absolute;
	right: 2px;
	bottom: 0px;
}

/*Sonstiges*/
#simplemeta-meta-form .resizable-textarea .grippie, #simplemeta-meta-form #edit-spamicide { display: none; }