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

/*  
Name: Südamerika Trekking
Description: 
Author: Martin Stettler, dieweberei.ch, Agentur für Webdesign &amp; Multimedia, Schweiz
Author URL: http://www.dieweberei.ch
*/

/*-----------------------------------------------------------------------------------------------
	  Global Styles
-----------------------------------------------------------------------------------------------*/
* {
	padding:			0;
	margin:				0;
}
td {
	padding:			3px;
}
.rowLeft	{
	width:				150px;
	text-align:			left;
}
.rowRight	{
	width:				350px;
	text-align:			left;
}
.gap	{
	height:				10px;
}
p {
	text-align:			left;
	line-height:		18px;
}
h1	{
	font-size:			16px;
	font-weight:		normal;
	color:				#323232;
	margin-bottom:		24px;
	line-height:		24px;
}
h2	{
	font-size:			12px;
	color:				#323232;
	letter-spacing:		1px;
	margin-bottom:		8px;
}
.small	{
	font-size:			10px;
}
.pic	{
	border:				0px;
}
a {
	color:				#323232;
	text-decoration:	none;
}
a:hover {
	color:				#7A7C7F;
	text-decoration:	none;
}
.footer a {
	color:				#7A7C7F;
	text-decoration:	none;
}
.footer a:hover {
	color:				#323232;
	text-decoration:	none;
}
.links a {
	color:				#323232;
	text-decoration:	none;
	border-bottom:		#323232 1px dashed;
}
.links a:hover {
	color:				#7A7C7F;
	text-decoration:	none;
}
/*-----------------------------------------------------------------------------------------------
  Layout
-----------------------------------------------------------------------------------------------*/
body{
	background:			#FFF;
	color:				#323232;
	font-size:			12px;
	font-family:		"Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}
#desk	{
	position: 			absolute;
	margin-top:			40px;
	left: 				50%;
	top: 				14px;
	width: 				940px;
	height: 			auto;
	margin-left:		-470px;
	border:				0px;
}
/*-----------------------------------------------------------------------------------------------
  Main
-----------------------------------------------------------------------------------------------*/
#header	{
	position: 			relative;
	margin-bottom:		20px;
	left: 				0px;
	top: 				0px;
	width: 				940px;
	height: 			102px;
	float:				left;
}
#subHeader	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				940px;
	height:				90px;
	background-image:	url(../graphics/home.jpg);
	background-repeat:	no-repeat;
	border:				0px;
	float:				left;
}
#logo	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				300px;
	height: 			102px;
	float:				left;
}
.logo {
	border:				0px;
}
#main	{
	position: 			relative;
	margin:				20px 0px 0px 0px;
	left: 				0px;
	top: 				0px;
	width: 				940px;
	height: 			auto;
	float:				left;
}
/* Metanavigation */
#meta	{
	position: 			relative;
	margin-top:			79px;
	margin-right:		20px;
	left: 				0px;
	top: 				0px;
	width: 				620px;
	height: 			23px;
	float:				left;
}
ul#metaNav li {
    position: 			relative;
    margin: 			0px; 
	padding: 			0px 5px;
	font-size:			11px;
	list-style: 		none;
	float: 				right;
}
ul#metaNav a, ul#metaNav span  {										
    display: 			block;
    width: 				auto;
	height: 			auto;
    text-decoration: 	none;
	color:				#323232; 
    padding: 			5px 3px;
}
ul#metaNav a:hover, ul#metaNav span {			
    width: 				auto;
	height: 			auto;
	padding: 			5px 3px;
	color:				#7A7C7F;
}
/* Navigation */
#nav	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				940px;
	height:				45px;
	background-image:	url(../graphics/bar.jpg);
	background-repeat:	no-repeat;
	float:				left;
}
ul#mainNav li {
    position: 			relative;
    margin: 			0px; 
	padding: 			10px 15px 10px 25px;
	font-size:			14px;
	font-weight:		bold;
	list-style: 		none;
	float: 				left;
}
ul#mainNav a, ul#mainNav span  {										
    display: 			block;
    width: 				auto;
	height: 			auto;
    text-decoration: 	none;
	color:				#FFF; 
    padding: 			5px 3px;
	letter-spacing:		1px;
}
ul#mainNav a:hover, ul#mainNav span {			
    width: 				auto;
	height: 			auto;
	padding: 			5px 3px;
	color:				#323232;
	letter-spacing:		1px;
}

/* UNDER CONSTRUCTION */
ul#navC li {
	position: 			relative;
    margin: 			0px; 
	padding: 			15px 15px 10px 25px;
	color:				#FFF;
	font-size:			14px;
	font-weight:		bold;
	list-style: 		none;
	letter-spacing:		1px;
	float: 				left;
}

/* Subnavigation */
#subnav	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	padding-left:		17px;
	width: 				921px;
	height:				25px;
	background:			#BBB7AD;
	border-top:			#FFF 1px solid;
	border-left:		#EBE6D4 1px solid;
	border-right:		#EBE6D4 1px solid;
	float:				left;
}
ul#subNav li {
    position: 			relative;
    margin: 			0px; 
	padding: 			3px 10px;
	font-size:			12px;
	list-style: 		none;
	float: 				left;
}
ul#subNav a, ul#subNav span  {										
    display: 			block;
    width: 				auto;
	height: 			auto;
    text-decoration: 	none;
	color:				#323232; 
    padding: 			3px 2px;
	letter-spacing:		1px;
}
ul#subNav a:hover, ul#subNav span {			
    width: 				auto;
	height: 			auto;
	padding: 			3px 2px;
	color:				#FFF;
	letter-spacing:		1px;
}
/*-----------------------------------------------------------------------------------------------
  Content
-----------------------------------------------------------------------------------------------*/
#content	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				878px;
	height:				auto;
	border-left:		#EBE6D4 1px solid;
	border-right:		#EBE6D4 1px solid;
	padding:		 	40px 30px;
	float:				left;
}
#title1 {
	color:				#FFF;
	font-size:			48px;
	padding:			18px 0px 0px 26px;
}
#c_l	{
	position: 			relative;
	margin-right:		48px;
	left: 				0px;
	top: 				0px;
	width: 				500px;
	height:				auto;
	float:				left;
}
#c_r	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				330px;
	height:				auto;
	float:				left;
}
#c_wide	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				878px;
	height:				auto;
	float:				left;
}
#box	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	margin:				30px 0px 30px 0px;
	width: 				328px;
	height:				auto;
	border:				#FDB813 1px solid;
	float:				left;
}
#boxTitle	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				318px;
	height:				17px;
	padding:			5px;
	background-image:	url(../graphics/boxTitle.jpg);
	float:				left;
}
#boxContent	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				318px;
	height:				auto;
	padding:			10px 5px;
	float:				left;
}
#subtitle	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				878px;
	height:				auto;
	padding:			20px 0px;
	float:				left;
}
#aconcagua	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				328px;
	height:				auto;
	border:				#FDB813 1px solid;
	float:				left;
}
#aconcaguaTitle	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				318px;
	height:				17px;
	padding:			5px;
	background-image:	url(../graphics/boxTitle.jpg);
	float:				left;
}
#aconcaguaContent	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				318px;
	height:				auto;
	padding:			10px 5px;
	float:				left;
}
#feedback	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	margin-top:			30px;
	width: 				328px;
	height:				auto;
	border:				#FDB813 1px solid;
	float:				left;
}
#feedbackTitle	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				318px;
	height:				17px;
	padding:			5px;
	background-image:	url(../graphics/boxTitle.jpg);
	float:				left;
}
#feedbackContent	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				318px;
	height:				auto;
	padding:			10px 5px;
	float:				left;
}
.imgShow {
	width: 				270px;
	height:				230px;
	margin:				0px 34px 10px 0px;
	text-align:			left;
	line-height:		18px;
	float:				left;
}
.imgShow_r {
	width: 				270px;
	height:				230px;
	margin-bottom:		10px;
	text-align:			left;
	line-height:		18px;
	float:				left;
}
.image {
	margin-bottom:		5px;
	border:				0px;
}
.flash {	
	font-size:			10px;
	border:				0px;
}
.noBorder {	
	border:				0px;
}
.imageFloat {	
	float:				left;
	margin:				0px 15px 10px 0px;
}
.calendar {
	font-size:			10px;
	font-weight:		bold;
}
.map a  {
	width:				318px;
	height:				213px;
	padding:			5px;
	border:				#EBE6D4 1px solid;
	margin-bottom:		5px;
	float:				left;
}
.map a:hover  {
	width:				318px;
	height:				213px;
	padding:			5px;
	border:				#FDB813 1px solid;
	margin-bottom:		5px;
	float:				left;
}
/*-----------------------------------------------------------------------------------------------
  Forms
-----------------------------------------------------------------------------------------------*/
.textfield	{
	height:				16px;
	width:				340px;
	padding:			3px;
	border:				#CCC 1px solid;
	font-family:		"Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}
.messagefield	{
	height:				100px;
	width:				340px;
	padding:			3px;
	border:				#CCC 1px solid;
	font-family:		"Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}
.button	{
	height: 			auto;
	width: 				auto;
	background-color:	#EEE;
	border:				#CCC 1px solid;
	color:				#333;
	padding:			3px 5px;
	margin-right:		20px;
	cursor:			 	pointer;
	font-family:		"Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-size:			12px;
}
/*-----------------------------------------------------------------------------------------------
  Footer
-----------------------------------------------------------------------------------------------*/
#footer	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	margin-bottom:		20px;
	width: 				880px;
	height: 			15px;
	padding:            5px 30px;
	color:				#7A7C7F;
	font-size:			10px;
	background-image:	url(../graphics/footer.gif);
	background-repeat:	no-repeat;
	border-top:			#EBE6D4 1px solid;
	float:				left;
}

