@charset "UTF-8";
/* CSS Document */

/*  
Name: Yeti's romantische Hütten & spannende Geschichten
Description: Yeti's Alphütten, Hüttenzauber, Ruhe & Erholung in intakter Natur. Im Winter stehen die romantischen Hütten neben der Piste, im Sommer in Blumenwiesen.
Author: Martin Stettler, dieweberei.ch, Agentur für Webdesign & Grafik, Schweiz
Author URL: http://www.dieweberei.ch
*/

/*-----------------------------------------------------------------------------------------------
	  Global Styles 
-----------------------------------------------------------------------------------------------*/
* {
	padding:			0;
	margin:				0;
}
p {
	text-align:			left;
	line-height:		20px;
}
.tiny {
	text-align:			left;
	line-height:		20px;
	font-size:			11px;
}
h1	{
	font-size:			18px;
	color:				#000;
	letter-spacing:		1px;
	font-weight:		normal;
	line-height:		35px;
}
h2	{
	font-size:			16px;
	color:				#000;
	font-weight:		normal;
	letter-spacing:		1px;
	line-height:		25px;
}
h3	{
	font-size:			18px;
	color:				#FFF;
	font-weight:		normal;
	line-height:		35px;
}
h4	{
	font-size:			13px;
	color:				#000;
	font-weight:		normal;
	font-style:			italic;
}
h5	{
	font-size:			15px;
	color:				#FFF;
	font-weight:		normal;
	line-height:		25px;
}
img {
	border:				0px;
}
a	{
	color:				#004B8F;
	font-style:			italic;
	text-decoration:	underline;
}
a:hover	{
	text-decoration:	none;
}
.blue	{
	color:				#004B8F;
	font-style:			italic;
	line-height:		20px;
}
.white	{
	color:				#FFF;
	font-style:			italic;
	line-height:		20px;
}
.white2	{
	color:				#FFF;
	font-style:			italic;
	line-height:		20px;
	font-size:15px;
}
.black	{
	font-style:			italic;
	line-height:		20px;
}
.img_left	{
	padding-right:		20px;
	padding-bottom:		10px;
	float:				left;
}
.img_right	{
	padding-left:		20px;
	padding-bottom:		10px;
	float:				right;
}
.img_high	{
	padding-left:		160px;
}
.gap	{
	padding-bottom:		10px;
}

/*-----------------------------------------------------------------------------------------------
  Layout
-----------------------------------------------------------------------------------------------*/
body	{
	font-family:		"Franklin Condensed ITC Pro", Georgia, Helvetica, Arial;
	font-size: 			13px;
	font-weight: 		normal;
	color: 				#000000;
	background-color:	#6CAE32;
	background-image:	url(graphics/bg.jpg);
}
#desk	{
	position: 			absolute;
	left: 				50%;
	top: 				20px;
	width: 				980px;
	height: 			auto;
	margin-left:		-490px;
}
/*-----------------------------------------------------------------------------------------------
  Main
-----------------------------------------------------------------------------------------------*/
#header	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				980px;
	height: 			auto;
	padding-bottom:		10px;
	float:				left;
}
#claim	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				780px;
	height: 			40px;
	padding-top:		44px;
	font-size:			24px;
	color:				#FFF;
	letter-spacing:		1px;
	float:				left;
}
#logo	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				200px;
	height: 			84px;
	float:				left;
}
#main	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				980px;
	height: 			auto;
	background-color:	#7BC636;
	float:				left;
}
#footer	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				970px;
	height: 			auto;
	text-align:			right;
	padding:			5px 5px 20px 5px;
	font-size:			11px;
	color:				#4C7200;
	float:				left;
}
/*-----------------------------------------------------------------------------------------------
  Content
-----------------------------------------------------------------------------------------------*/
#navigation	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				910px;
	height: 			auto;
	border-bottom:		#70B735 1px solid;
	background-color:	#99CC00;
	float:				left;
}
#navFacebook	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				70px;
	height: 			auto;
	border-bottom:		#70B735 1px solid;
	background-color:	#3B5998;
	text-align:			center;
	padding: 			4px 0px 3px 0px;
	float:				left;
}
#subnavigation	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				980px;
	height: 			auto;
	border-bottom:		#70B735 1px solid;
	background-color:	#89E040;
	float:				left;
}
#c_all_img	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				980px;
	height: 			auto;
	float:				left;
}
#film	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				980px;
	height: 			51px;
	background-image:	url(images/papageno.jpg);
	background-repeat:	no-repeat;
	text-align:			center;
	padding-top:		500px;
	float:				left;
}
.filmStart a	{
	color:				#FFF;
	font-size:			16px;
	text-decoration:	none;
}
.filmStart a:hover	{
	color:				#FFF;
	font-size:			16px;
	text-decoration:	underline;
}
#c_all_text	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				948px;
	height: 			auto;
	border-left:		#70B735 1px solid;
	border-right:		#70B735 1px solid;
	border-bottom:		#70B735 1px solid;
	padding:			15px;
	float:				left;
}
#c_gallery	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				963px;
	height: 			auto;
	border-left:		#70B735 1px solid;
	border-right:		#70B735 1px solid;
	border-bottom:		#70B735 1px solid;
	padding:			15px 0px 0px 15px;
	float:				left;
}
#c_2_3	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				553px;
	height: 			auto;
	padding: 			10px 25px 0px 0px;
	float:				left;
}
#c_1_3	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				370px;
	height: 			auto;
	padding-top: 		45px;
	float:				left;
}
#c_1_3 li	{
	margin-left:		20px;
	line-height:		20px;
}
#c_2_3_2	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				553px;
	height: 			auto;
	padding: 			20px 25px 0px 0px;
	float:				left;
}
#c_1_3_2	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				370px;
	height: 			auto;
	padding-top: 		8px;
	float:				left;
}
#calender	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				948px;
	height: 			auto;
	padding: 			25px 0px;
	float:				left;
}
.img_huette 	{
	width: 				222px;
	height:				auto;
	padding-right:		20px;
	font-size:			13px;
	color:				#000;
	font-weight:		normal;
	font-style:			italic;
	float:				left;
}
.img_huette2 	{
	width: 				222px;
	height:				auto;
	float:				left;
}
ul#portfolio li {
	list-style: 		none;
}
.diewebe a	{
	text-decoration:	none;
	font-size:			11px;
	color:				#4C7200;
	font-style:			normal;
}
.diewebe a:hover	{
	text-decoration:	underline;
}
.claim	{
	font-style:			italic;
	font-size:			16px;
	color:				#FFF;
}
.gal a	{
	width: 				230px;
	height:				143px;
	padding:			0px 10px 20px 0px;
	float:				left;
}
.gal2 a	{
	width: 				150px;
	height:				215px;
	padding:			0px 10px 20px 0px;
	float:				left;
}
.img_c_1_3	{
	padding:			50px 0px 5px 0px;
}
/* Navigation */
.menu a 	{
	width:				auto;
	height:				auto;
	text-decoration:	none;
	font-size:			13px;
	color:				#4C7200;
	text-align:			center;
	padding: 			4px 10px 3px 10px;
	background-color:	#99CC00;
	border-right:		#70B735 1px solid;
	font-style:			normal;
	float:				left;
}
.menu a:hover	{
	width:				auto;
	height:				auto;
	text-decoration:	none;
	font-size:			13px;
	color:				#FFF;
	text-align:			center;
	padding: 			4px 10px 3px 10px;
	background-color:	#4D7F24;
	border-right:		#70B735 1px solid;
	font-style:			normal;
	float:				left;
}
.menuFacebook a 	{
	width:				auto;
	height:				auto;
	text-decoration:	none;
	font-size:			13px;
	color:				#FFF;
	text-align:			center;
	background-color:	#3B5998;
	font-style:			normal;
}
.menuFacebook a:hover	{
	width:				auto;
	height:				auto;
	text-decoration:	none;
	font-size:			13px;
	color:				#D7D7D7;
	text-align:			center;
	background-color:	#3B5998;
	font-style:			normal;
}
.act a	{
	width:				auto;
	height:				auto;
	text-decoration:	none;
	font-size:			13px;
	color:				#FFF;
	text-align:			center;
	padding: 			4px 10px 3px 10px;
	background-color:	#4D7F24;
	border-right:		#70B735 1px solid;
	font-style:			normal;
	float:				left;
}
.show_main	{
	width:				auto;
	height:				auto;
	text-decoration:	none;
	font-size:			13px;
	color:				#FFF;
	text-align:			center;
	padding: 			4px 10px 3px 10px;
	background-color:	#4D7F24;
	border-right:		#70B735 1px solid;
	font-style:			normal;
	float:				left;
}
.sub_menu a 	{
	width:				auto;
	height:				auto;
	text-decoration:	none;
	font-size:			13px;
	color:				#FFF;
	text-align:			center;
	padding: 			4px 10px 3px 10px;
	background-color:	#85DA3E;
	border-right:		#70B735 1px solid;
	font-style:			normal;
	float:				left;
}
.sub_menu a:hover	{
	width:				auto;
	height:				auto;
	text-decoration:	none;
	font-size:			13px;
	color:				#FFF;
	text-align:			center;
	padding: 			4px 10px 3px 10px;
	background-color:	#669900;
	border-right:		#70B735 1px solid;
	font-style:			normal;
	float:				left;
}
.show_sub	{
	width:				auto;
	height:				auto;
	text-decoration:	none;
	font-size:			13px;
	color:				#FFF;
	text-align:			center;
	padding: 			4px 10px 3px 10px;
	background-color:	#669900;
	border-right:		#70B735 1px solid;
	font-style:			normal;
	float:				left;
}
/*-----------------------------------------------------------------------------------------------
  Forms
-----------------------------------------------------------------------------------------------*/
td 	{
	padding:			1px 0px 2px 0px;
	font-size:			11px;
	text-align:			center;
}
.cal {
	color:				#FFF;
}
.month {
	background-color:	#4D7F24;
	border:				#3F691E 1px solid;
	width:				153px;
	height:				15px;
	text-align:			center;
	font-size:			12px;
}
.day {
	width:				11px;
	height:				20px;
	text-align:			center;
	color:				#000;
}
.leer	{
	width:				11px;
	height:				16px;
	background-color:	#65A32F;
	color:				#65A32F;
	border:				#6CAE32 1px solid;
	text-align:			center;
}
.frei	{
	width:				11px;
	height:				16px;
	background-color:	#99CC00;
	color:				#000;
	border:				#6CAE32 1px solid;
	text-align:			center;
}
.besetzt	{
	width:				11px;
	height:				16px;
	background-color:	#00549F;
	border:				#6CAE32 1px solid;
	text-align:			center;
}
.info {
	width:				150px;
	height:				16px;
	width:				auto;
	text-align:			left;
	font-size:			13px;
}
.description	{
	width:				150px;
	padding:			2px;
	font-family:		"Franklin Condensed ITC Pro", Georgia, Helvetica, Arial;
	font-size:			13px;
	text-align:			left;
	vertical-align:top;
}
.input	{
	width:				300px;
	padding:			2px;
	font-family:		"Franklin Condensed ITC Pro", Georgia, Helvetica, Arial;
	font-size:			13px;
	text-align:			left;
}
.textfield	{
	width:				300px;
	padding:			2px;
	border:				#4D7F24 1px solid;
	font-family:		"Franklin Condensed ITC Pro", Georgia, Helvetica, Arial;
	font-size:			13px;
	background-color:	#669900;
	color:				#FFF;
}
.messagefield	{
	height:				100px;
	width:				300px;
	padding:			2px;
	border:				#4D7F24 1px solid;
	font-family:		"Franklin Condensed ITC Pro", Georgia, Helvetica, Arial;
	font-size:			13px;
	background-color:	#669900;
	color:				#FFF;
}
.button	{
	padding:			2px;
	cursor:			 	pointer;
	font-family:		"Franklin Condensed ITC Pro", Georgia, Helvetica, Arial;
}