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

/*  
Name: seilpark-gantrisch.ch 
Description: Der sympatische Seilpark im Gantrischgebiet bietet ein eindrückliches Naturspektake, viel Action, Spass und Abenteuer. Ideal für Familien, Gruppen, Schulen und Vereine.
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;
}
td 	{
	padding:			2px 0px;
}
h1	{
	font-size:			18px;
	color:				#FFDE07;
	letter-spacing:		3px;
	font-weight:		normal;
	line-height:		35px;
	text-transform:		uppercase;
}
.title	{
	font-size:			16px;
	color:				#FFF;
	letter-spacing:		1px;
	font-weight:		normal;
	line-height:		40px;
}
.title2	{
	font-size:			16px;
	color:				#FFDE07;
	letter-spacing:		1px;
	font-weight:		normal;
	line-height:		25px;
}
.yellow	{
	color:				#FFDE07;
	line-height:		20px;
}
a {
	color:				#FFF;
	text-decoration:	underline;
}
a:hover {
	color:				#FFF;
	text-decoration:	none;
}
.blue1 	{
	color:				#003D79;
	font-size:			12px;
}
.blue1 a	{
	color:				#003D79;
	font-size:			12px;
}
.blue2 	{
	color:				#003D79;
	font-size:			14px;
}
/*-----------------------------------------------------------------------------------------------
  Layout
-----------------------------------------------------------------------------------------------*/
body	{
	background:			#BED600;
	color:				#FFF;
	font-size:			14px;
	font-family:		"Trebuchet MS", Lucida Sans, Lucida, Arial, Geneva, sans-serif;
	background-image:	url(graphics/bg.jpg);
	background-repeat:	repeat-x;
}
#desk	{
	position: 			absolute;
	left: 				50%;
	top: 				0px;
	width: 				980px;
	height: 			auto;
	margin-left:		-490px;
}
/*-----------------------------------------------------------------------------------------------
  Main
-----------------------------------------------------------------------------------------------*/
#header	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				980px;
	height: 			240px;
	float: 	            left;
}
#main	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				980px;
	height: 			auto;
	float: 	            left;
	overflow:			hidden;
}
#end	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				980px;
	height: 			auto;
	float: 	            left;
}
/*-----------------------------------------------------------------------------------------------
  Content
-----------------------------------------------------------------------------------------------*/
#logo	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				202px;
	height: 			210px;
	padding-top:		43px;
	float: 	            left;
}
#title	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				778px;
	height: 			240px;
	background-image:	url(graphics/tyrolienne.gif);
	background-repeat:	no-repeat;
	float: 	            left;
}
#title_en	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				778px;
	height: 			240px;
	background-image:	url(graphics/tyrolienne_en.gif);
	background-repeat:	no-repeat;
	float: 	            left;
}
#title_fr	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				778px;
	height: 			240px;
	background-image:	url(graphics/tyrolienne_fr.gif);
	background-repeat:	no-repeat;
	float: 	            left;
}
#claim	{
	position: 			relative;
	left: 				0px;
	top: 				210px;
	width: 				758px;
	height: 			auto;
	text-align:			right;
	padding-right:		20px;
	float: 	            left;
}
#nav	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				202px;
	height: 			auto;
	float: 	            left;
}
#nav_top	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				202px;
	height: 			auto;
	background-image:	url(graphics/bg_nav_large.jpg);
	background-repeat:	no-repeat;
	padding-top:		30px;
	float: 	            left;
}
#nav_bottom	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				182px;
	height: 			30px;
	background-image:	url(graphics/bg_nav_bottom.gif);
	background-repeat:	no-repeat;
	padding-left:		20px;
	float: 	            left;
}
#content	{
	position: 			relative;
	left: 				18px;
	top: 				0px;
	width: 				760px;
	height: 			auto;
	background-image:	url(graphics/bg_content_XL.jpg);
	background-repeat:	no-repeat;
	float: 	            left;
}
#c_text ul	{
	margin-left:		20px;
	line-height:		20px;
}
#c_b	{
	position: 			relative;
	left: 				18px;
	top: 				0px;
	width: 				760px;
	height: 			30px;
	background-image:	url(graphics/bg_content_bottom.gif);
	background-repeat:	no-repeat;
	float: 	            left;
}
#c_text	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				410px;
	height: 			auto;
	padding:			30px 0px 0px 20px;
	float: 	            left;
}
#c_image	{
	position: 			relative;
	left: 				30px;
	top: 				0px;
	width: 				280px;
	height: 			auto;
	padding:			30px 20px 0px 0px;
	float: 	            left;
}
#c_gallery	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				741px;
	height: 			auto;
	padding:			30px 0px 0px 19px;
	float: 	            left;
}
#c_plan	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				720px;
	height: 			auto;
	padding:			30px 20px 0px 20px;
	float: 	            left;
}
#footer	{
	position: 			relative;
	left: 				220px;
	top: 				0px;
	width: 				740px;
	height: 			auto;
	padding:			5px 0px 20px 20px;
	float: 	            left;
}
.pic 	{
	border:				0px;
}
.pic2 	{
	width: 				280px;
	height: 			auto;				
	margin-top:			10px;
	padding-bottom:		20px;
	float: 	            left;
}
.text 	{
	width: 				280px;
	height: 			auto;				
	margin-top:			45px;
	float: 	            left;
}
.parcours 	{
	margin-top:			10px;
	float: 	            left;
}
.gal 	{
	width: 				225px;
	height:				auto;
	margin:				5px 22px 5px 0px;
	border:				0px;
	float:				left;
}
.gal a	{
	width: 				225px;
	height:				auto;
	margin:				5px 22px 5px 0px;
	border:				0px;
	float:				left;
}
.gal a:hover	{
	width: 				225px;
	height:				auto;
	margin:				5px 22px 5px 0px;
	border:				0px;
	float:				left;
}
.gal1	{
	width: 				120px;
	height:				auto;
	margin:				0px 25px 20px 0px;
	border:				0px;
	float:				left;
}
.gal2	{
	width: 				120px;
	height:				auto;
	margin:				0px 0px 20px 0px;
	border:				0px;
	float:				left;
}
.gal3	{
	width: 				410px;
	height:				auto;
	margin-top:			20px;
	float:				left;
}
.spalte	{
	float:				left;
	width:				33%;
	padding-bottom:		16000px;
	margin-bottom:		-16000px;
}
.imageFloat	{
	padding:			10px 10px 10px 0px;
	float:				left;
}
/* Navigation */
.menu1item	{
	width: 				200px;
	height:				auto;
   	color: 				#FFF;
   	font-weight:		normal;
	font-size:			14px;
  	letter-spacing: 	1px;
}
.menu1item a	{
  	display: 			block; 
  	text-decoration: 	none;
 	color: 				#FFF;
  	padding: 			5px 10px 5px 20px;
}
.menu1item a:hover	{
	display: 			block;
   	color: 				#FFDE07;
} 
.show	{
	width:				170px;
   	color: 				#FFDE07;
	display: 			block; 
	padding: 			5px 10px 5px 20px;
}
/* Subnavigation a */
.menu2item	{
	width: 				200px;
	height:				auto;
   	color: 				#FFDE07;
   	font-weight:		normal;
	font-size:			14px;
  	letter-spacing: 	1px;
}
.menu2item a	{
  	display: 			block; 
  	text-decoration: 	none;
 	color: 				#FFDE07;
  	padding: 			3px 10px 3px 40px;
}
.menu2item a:hover	{
	display: 			block;
   	color: 				#FFDE07;
	text-decoration: 	underline;
}
.show2	{
	width:				160px;
   	color: 				#FFDE07;
	display: 			block; 
  	text-decoration: 	underline;
	padding: 			3px 10px 3px 40px;
}
/* Sprachnavigation a */
.menu3item	{
	width: 				160px;
	height:				auto;
	padding:			10px 20px;
}
.menu3item a	{
	color: 				#FFDE07;
  	text-decoration: 	underline;
}
.menu3item a:hover	{
	text-decoration: 	none;
}
/*-----------------------------------------------------------------------------------------------
  Forms
-----------------------------------------------------------------------------------------------*/
.formular	{
	height:				auto;
	width:				410px;
	color:				#FFDE07;
}
.col1	{
	height:				20px;
	width:				300px;
}
.col1a	{
	height:				20px;
	width:				300px;
	color:				#FFDE07;
}
.col1a a {
	height:				20px;
	width:				300px;
	color:				#FFDE07;
}
.col2	{
	height:				20px;
	width:				110px;
	text-align:			right;
}
.col3	{
	height:				20px;
	width:				230px;
}
.col3a	{
	height:				auto;
	width:				230px;
	vertical-align:		top;
}
.col4	{
	height:				20px;
	width:				180px;
	vertical-align:		top;
}
.col5	{
	height:				10px;
	width:				410px;
}
.anzahl	{
	height:				20px;
	width:				20px;
	margin-right:		5px;
}
.textfield	{
	width:				176px;
	padding:			2px;
	border:				#FFF 1px solid;
	font-family:		"Trebuchet MS", Lucida Sans, Lucida, Arial, Geneva, sans-serif;
	font-size:			12px;
}
.messagefield	{
	height:				100px;
	width:				176px;
	padding:			2px;
	border:				#CCC 1px solid;
	font-family:		"Trebuchet MS", Lucida Sans, Lucida, Arial, Geneva, sans-serif;
	font-size:			12px;
}
.button	{
	padding:			2px;
	cursor:			 	pointer;
	font-family:		"Trebuchet MS", Lucida Sans, Lucida, Arial, Geneva, sans-serif;
}