/* Grundeinstellungen ____________________________________________________ */

body 					{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #673b15; margin: 0px; background-color: #916443; }

img 					{ border-style: none; }
ul						{ list-style-image: url(/layout/icon-ok.png); }
hr						{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #916443;
	border-right-color: #916443;
	border-bottom-color: #916443;
	border-left-color: #916443;
}

h1 						{ font-family: "Times New Roman", Times, serif; font-size: 24px; line-height: 30px; color: #724621; font-weight: normal; }
h2 						{ font-family: "Times New Roman", Times, serif; font-size: 16px; color: #724621; font-weight: bold; font-weight: normal; }



/* Links _________________________________________________________________ */

a:link 					{ color: #724621; }
a:visited 				{ color: #724621; }
a:hover 				{ color: #333333; }
a:active 				{ color: #724621; }

.gelb_link 				{ }
a.gelb_link:link 		{ color: #f1d6ab; }
a.gelb_link:visited 	{ color: #f1d6ab; }
a.gelb_link:hover 		{ color: #f1d6ab; }
a.gelb_link:active 		{ color: #f1d6ab; }



/* Index _________________________________________________________________ */

.bilder-rahmen-index 	{ border: 1px solid #f8ddb2; }



/* Rahmen _________________________________________________________________ */

#rahmen-01 				{ border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0px; border-right-width: 0px; border-style: solid; border-color: #a97d5d; }
#rahmen-01-kontakt 		{ border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0px; border-right-width: 0px; border-style: solid; border-color: #a97d5d; padding-top: 5px; padding-bottom: 10px; }

#rahmen-02 				{ border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0px; border-right-width: 0px; border-style: solid; border-color: #bf9e78; background-color: #fbf2e2; }

.bilder-rahmen 			{ border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-top-color: #bf9e78; border-right-color: #bf9e78; border-bottom-color: #bf9e78; border-left-color: #bf9e78; background-color: #fbf2e2; }
.bilder-rahmen2 		{ padding: 2px; border: 1px solid #FFFFFF; }



/* Layout ________________________________________________________________ */

.ueberschrift 			{ font-family: "Times New Roman", Times, serif; font-size: 18px; color: #724621; font-weight: normal; }

#mairzuhof 				{ font-family: "Times New Roman", Times, serif; font-size: 25px; color: #724621; font-weight: normal; }
#mairzuhof-02 			{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; font-weight: bold; }

#hg-buchung				{ background-attachment: scroll; background-image: url(../layout/hg-buchung.jpg); background-repeat: no-repeat; background-position: top; }
#hg-buchung-it 			{ background-attachment: scroll; background-image: url(../layout/hg-buchung-it.jpg); background-repeat: no-repeat; background-position: top; }
#hg-buchung-en 			{ background-attachment: scroll; background-image: url(../layout/hg-buchung-en.jpg); background-repeat: no-repeat; background-position: top; }

#text-impressum 		{ font-size: 11px; color: #f1d6ab; }

#box_5px 				{ padding: 5px; }
#box_10px 				{ padding: 10px; }
#box_20px 				{ padding: 20px; line-height: 150%;}

#quickform-bg		 	{ position: relative; width:300px; height:275px; background-attachment: scroll; background-image: url(/layout/bg-anfrage.jpg); background-repeat: no-repeat; background-position: left top; }
#quickform				{ position: absolute; left: 24px; top: 108px; width: 254px; height: 125px; }
#quickform-text			{ position: absolute; left: 24px; top: 72px; width: 224px; height: 28px; font-family: "Times New Roman", Times, serif; font-size: 19px; line-height: 30px; color: #724621; font-weight: normal; }
#quickform-felder		{ font-size: 11px; color: #673b15; padding: 2px; margin: 2px; border: 2px solid #f8ddb2; padding-left: 3px;  padding-right: 3px; }
#quickform-felder-abstand		{ font-size: 11px; color: #673b15; padding: 2px; margin: 2px; margin-top: 5px; border: 2px solid #f8ddb2; padding-left: 6px;  padding-right: 3px; }
#quickform-absenden				{ color: #673b15; margin-left: 136px; margin-top: 5px; font-size: 12px; padding-bottom: 2px; }

/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
/*[START-QCC]*/.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:inline-block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none;}.qmmc li:hover>ul{left:auto;}/*[END-QCC]*//*[START-QCC0]*/#qm0 li, #qm0 a {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}/*[END-QCC0]*/


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		width:150px;
		background-color:#D3B693;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:5px 0px 5px 8px;
		margin:0px;
		background-color:#D3B693;
		color:#724621;
		font-family:Arial;
		font-size:12px;
		text-decoration:none;
		text-align:left;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		background-color:#F8DDB2;
		font-weight:bold;
	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 li:hover>a	
	{	
		background-color:#F8DDB2;
		font-weight:bold;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		background-color:#F8DDB2;
		font-weight:bold;
	}


	/*"""""""" (MAIN) Persistent State""""""""*/	
	body #qm0 .qmpersistent, body #qm0 .qmpersistent:hover	
	{	
		background-color:#F8DDB2;
		font-weight:bold;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		width:170px;
		padding:0px;
		margin:0px;
		background-color:#F8DDB2;
		background-image:url("/layout/verlauf-navi.jpg");
		background-repeat:repeat-y;
		background-position:left top;
		border-width:1px 0px 1px 1px;
		border-style:solid solid solid none;
		border-color:#A97D5D;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:5px 10px 4px;
		margin:0px;
		background-color:#F8DDB2;
		background-image:url("/layout/verlauf-navi.jpg");
		background-repeat:repeat-y;
		background-position:left top;
		font-size:12px;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		text-decoration:none;
		font-weight:bold;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		text-decoration:none;
		font-weight:bold;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		font-weight:bold;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		font-size:11px;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{
	border-top-width:5px;
    border-top-color: #caaa84;

	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul	
	{	
		width:90%;
	}


	/*[END-QS0]*/



/* Slider ________________________________________________________________ */

#slider {
	position:relative;
	background: url(/layout/loading.gif) no-repeat 50% 50%; 
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}


/*
 * jQuery Nivo Slider v2.0
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}


/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}


/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}


/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#f8ddb2;
	color:#673b15;
	opacity:0.3; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}


/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}


/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav {
	position:absolute;
	left:40%;
	bottom:-20px;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(/layout/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

.nivo-directionNav a {
	display:block;
	width:32px;
	height:34px;
	background:url(/layout/arrows-hover.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-32px 0;
	right:-2px;
}
a.nivo-prevNav {
	left:0px;
}

/* ---------- Anfrageformular ---------- */

#anfrageformular form fieldset            { width: 465px; border: 1px solid #bf9e78; padding-bottom: 10px; }
#anfrageformular form legend              { padding-left: 5px; padding-right: 5px; padding-bottom: 10px; padding-top: 10px; }
#anfrageformular form div                 { clear: both; overflow: hidden; margin-bottom: 3px; }
#anfrageformular form label               { float: left; margin-right: 5px; width: 70px; text-align: right; padding-top: 1px; }
#anfrageformular form input				  { float: left; margin-right: 5px; }
#anfrageformular form select  			  { float: left; margin-right: 5px; }
#anfrageformular form textarea            { float: left; margin-right: 5px; }

#anfrageformular form label#anfrage       { width: 160px; text-align: left; }
#anfrageformular form label#anfrage2      { width: 160px; text-align: left; padding-bottom: 15px; }
#anfrageformular form label#kinder        { width: 70px; }
#anfrageformular form label#alter         { width: 120px; }
#anfrageformular form label#sonstiges     { width: auto; text-align: left; font-size: 12px; line-height: 140%; }
#anfrageformular form label#spacer        { width: 20px; }
#anfrageformular form div#spacer          { height: 0px; }
#anfrageformular form #input              { width: 140px; }
#anfrageformular form #dropdown           { width: 45px; }


/* Wetter */
.wetter-content			{ }
.wetter-titel 			{ margin-bottom: 10px; font-size: 17px; }
.wetter-text 			{ }
.wetter-bild 			{ float: right; }
.wetter-clear 			{ clear: both; height: 25px; }
.bergwetter-bild 		{ margin-bottom: 50px; }
.entwicklung-tage 		{ margin-top: 20px;}
.entwicklung-tage td	{ width: 125px; }
.wetter-temp-plus		{ color: #CC0000; }
.wetter-temp-minus		{ color: #0066FF; }
.wetter-copyright		{ margin: 20px 0px 20px 0px; text-align: right; font-size: 11px; }
