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

/*  
Name: swissadventures.ch 
Description: Spécialiste sport aventure dans l`oberland bernoise. Programmes pour familles, écoles et entreprises.
Author: Martin Stettler, dieweberei.ch, Agentur für Webdesign & Multimedia, Schweiz
Author URL: http://www.dieweberei.ch

/*	MAIN	************************************************** 		MAIN */ 	
/* 
	Blautöne:	
	dunkelblau: #00389A	
	hellblau: #7E9ACC

*/
body	{
	font-family: 		"Verdana", Arial, Helvetica, sans-serif;
	font-size: 			11px;
	font-weight: 		normal;
	color:				#000000;
	background-image:	url(../graphics/bg.gif);
}
* {
	margin: 0;
	padding: 0;
}
#logo_main {
	position: 			absolute;
	left: 				656px;
	top: 				46px;
	height: 			42px;
	width: 				199px;
}
h1	{
	font-size: 			12px;
	font-weight: 		bold;
	color:				#FFFFFF;
}
h2	{
	font-size: 			12px;
	font-weight: 		bold;
	color:				#FFFFFF;
}
h3	{
	font-size: 			12px;
	font-weight: 		bold;
	color:				#FFFFFF;
	background-color:	#00389A;
	padding-left:		3px;
	letter-spacing:		1px;
}
.title	{
	color:				#FFFFFF;
}
.title2	{
	font-size:			12px;
	font-weight: 		bold;
	color:				#00389A;
}
p	{
	text-align:			justify;
	line-height:		16px;
}
a 	{
	color:				#FFFFFF;
	text-decoration:	underline;
}
a:hover	{
	color:				#FFFFFF;
	text-decoration:	none;
}
/*	NAVIGATION	************************************************** 		NAVIGATION */ 
#navigation {
	position: 			relative;
	margin-left: 		20px;
	margin-top: 		135px;
	width: 				170px;
	height: 			25px;
}	
#navigation a {
	float: 					left;
	display: 				inline;
	height: 				25px;
	background-position: 	top left;
}	
#navigation a:hover {
	background-position: 	bottom left;
}
#navigation #winter {
	background-image: 		url(../buttons/fr/winter.gif);
	width: 					66px;
}
#navigation #summer {
	background-image: 		url(../buttons/fr/summer.gif);
	width: 					49px;
}
span.stop {
	clear: 					both;
}
.btn_down	{
	background-position: 	bottom left;
}	
/*	NAVIGATION 2	************************************************** 		NAVIGATION 2 */ 
#navigation2	{
	position: 			absolute;
	left: 				557px;
	top: 				138px;
	height: 			22px;
	width: 				302px;	
}
#navigation2 a {
	float: 					left;
	display: 				inline;
	height: 				22px;
	background-position: 	top left;
}	
#navigation2 a:hover {
	background-position: 	bottom left;
}
#navigation2 #shop {
	background-image: 		url(../buttons/fr/shop.gif);
	width: 					48px;
}
#navigation2 #about {
	background-image: 		url(../buttons/fr/about.gif);
	width: 					133px;
}
#navigation2 #links {
	background-image: 		url(../buttons/fr/links.gif);
	width: 					51px;
}
#navigation2 #contact {
	background-image: 		url(../buttons/fr/contact.gif);
	width: 					69px;
}
/*	NAVIGATION SUMMER	************************************************** 		NAVIGATION SUMMER	 */ 
#navSummer	{
	position: 			absolute;
	left: 				20px;
	top: 				170px;
	height: 			22px;
	width: 				840px;
}
#navSummer a {
	float: 					left;
	display: 				inline;
	height: 				22px;
	background-position: 	top left;
}	
#navSummer a:hover {
	background-position: 	bottom left;
}
#navSummer #rafting {
	background-image: 		url(../buttons/fr/water.gif);
	width: 					133px;
}
#navSummer #glacier {
	background-image: 		url(../buttons/fr/glacier.gif);
	width: 					65px;
}
#navSummer #water {
	background-image: 		url(../buttons/fr/water.gif);
	width: 					133px;
}
#navSummer #rope {
	background-image: 		url(../buttons/fr/rope.gif);
	width: 					122px;
}
#navSummer #ropePark {
	background-image: 		url(../buttons/fr/ropePark.gif);
	width: 					129px;
}
#navSummer #climbing {
	background-image: 		url(../buttons/fr/climbing.gif);
	width: 					117px;
}
#navSummer #team {
	background-image: 		url(../buttons/fr/team.gif);
	width: 					129px;
}
/*	NAVIGATION WINTER	************************************************** 		NAVIGATION WINTER	 */ 
#navWinter	{
	position: 			absolute;
	left: 				20px;
	top: 				170px;
	height: 			22px;
	width: 				840px;
}
#navWinter a {
	float: 					left;
	display: 				inline;
	height: 				22px;
	background-position: 	top left;
}	
#navWinter a:hover {
	background-position: 	bottom left;
}
#navWinter #igloo {
	background-image: 		url(../buttons/fr/igloo.gif);
	width: 					118px;}

#navWinter #snowshoe {
	background-image: 		url(../buttons/fr/snowshoe.gif);
	width: 					122px;
}
#navWinter #ski {
	background-image: 		url(../buttons/fr/ski.gif);
	width: 					123px;
}
#navWinter #sledge {
	background-image: 		url(../buttons/fr/sledge.gif);
	width: 					47px;
}
#navWinter #team {
	background-image: 		url(../buttons/fr/team.gif);
	width: 					129px;
}
/*	NAVIGATION ABOUT	************************************************** 		NAVIGATION ABOUT	 */ 
#navAbout	{
	position: 			absolute;
	left: 				20px;
	top: 				170px;
	height: 			22px;
	width: 				840px;
}
#navAbout a {
	float: 					left;
	display: 				inline;
	height: 				22px;
	background-position: 	top left;
}

#navAbout a:hover {
	background-position: 	bottom left;
}
#navAbout #convention {
	background-image: 		url(../buttons/fr/convention.gif);
	width: 					80px;
}
#navAbout #conditions {
	background-image: 		url(../buttons/fr/conditions.gif);
	width: 					89px;
}
#navAbout #aboutTeam {
	background-image: 		url(../buttons/fr/aboutTeam.gif);
	width: 					63px;
}
#navAbout #safety {
	background-image: 		url(../buttons/fr/safety.gif);
	width: 					73px;
}
#navAbout #company {
	background-image: 		url(../buttons/fr/company.gif);
	width: 					88px;
}
#navAbout #jobs {
	background-image: 		url(../buttons/fr/jobs.gif);
	width: 					45px;
}
/*	NAVIGATION SHOP	************************************************** 		NAVIGATION SHOP	 */ 
#navShop	{
	position: 			absolute;
	left: 				20px;
	top: 				170px;
	height: 			22px;
	width: 				840px;
}
#navShop a {
	float: 					left;
	display: 				inline;
	height: 				22px;
	background-position: 	top left;
}	
#navShop a:hover {
	background-position: 	bottom left;
}
#navShop #buy {
	background-image: 		url(../buttons/fr/buy.gif);
	width: 					55px;
}
#navShop #rent {
	background-image: 		url(../buttons/fr/rent.gif);
	width: 					188px;
}
#navShop #tents {
	background-image: 		url(../buttons/fr/tents.gif);
	width: 					61px;
}
#navShop #voucher {
	background-image: 		url(../buttons/fr/voucher.gif);
	width: 					40px;
}
/*	CONTENT	ROWS ************************************************** CONTENT ROWS */ 
#home_left	{
	position: 			relative;
	left:				0px;
	top:				0px;
	width:				300px;
	height:				200px;
	float:				left;
}
#home_right	{
	position: 			absolute;
	left:				370px;
	top:				44px;
	width:				400px;
	height:				200px;
	float:				left;
	line-height:		16px;
	text-align:			center;	
}
.language	{
	margin:				10px;
	font-weight:		bold;
}
#row1	{
	position: 			relative;
	left:				0px;
	top:				0px;
	width:				835px;
	height:				auto;
	float:				left;
}
#row_left	{
	position: 			relative;
	left:				0px;
	top:				0px;
	width:				200px;
	height:				auto;
	float:				left;
}
#row_right	{
	position: 			relative;
	left:				35px;
	top:				0px;
	width:				600px;
	height:				auto;
	float:				left;
	line-height:		16px;
	float:				left;
}
#row2_left	{
	position: 			relative;
	left:				0px;
	top:				0px;
	width:				200px;
	height:				auto;
	float:				left;
}
#row2_right	{
	position: 			relative;
	left:				35px;
	top:				0px;
	width:				600px;
	height:				auto;
	float:				left;
	line-height:		16px;
	float:				left;
}
#row3_left	{
	position: 			relative;
	left:				0px;
	top:				20px;
	width:				200px;
	height:				auto;
	float:				left;
}
#row3_right	{
	position: 			relative;
	left:				35px;
	top:				20px;
	width:				600px;
	height:				auto;
	line-height:		16px;
	float:				left;
}
#row4_left	{
	position: 			relative;
	left:				0px;
	top:				20px;
	width:				200px;
	height:				auto;
	float:				left;
}
#row4_right	{
	position: 			relative;
	left:				35px;
	top:				20px;
	width:				600px;
	height:				auto;
	line-height:		16px;
	float:				left;
}
/*	CONTENT	************************************************** CONTENT */ 
#content_all {
	position: 			absolute;
	left: 				20px;
	top: 				290px;
	height: 			auto;
	width: 				835px;
}
#pic_title {
	position: 			absolute;
	left: 				20px;
	top: 				220px;
	height: 			50px;
	width: 				835px;
	border-top:			1px solid #FFFFFF;
	border-bottom:		1px solid #FFFFFF;
}
#logos	{
	position: 			relative;
	left: 				0px;
	top: 				20px;
	height: 			96px;
	width: 				130px;
	float:				left;
}	
#booking {
	position: 			relative;
	left: 				0px;
	top: 				20px;
	height: 			19px;
	width: 				200px;
	border-top:			1px solid #FFFFFF;
	border-bottom:		1px solid #FFFFFF;
	text-align:			center;
}
.booking	{
	font-size:			16px;	
	color:				#FFFFFF;
	letter-spacing:		3px;
}
.booking a {
	text-decoration:	none;
	display:			block;
	background-color:	#7E9ACC;
}
.booking  a:hover	{
	text-decoration: 	none;
	background-color:	#4D74B8;
}
#box	{
	position: 			relative;
	left: 				0px;
	top: 				20px;
	height: 			100px;
	width: 				550px;
	line-height:		16px;
}
#box1	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	height: 			100px;
	width: 				130px;
	color:				#FFFFFF;
	float:				left;
}
#box2	{
	position: 			absolute;
	left: 				130px;
	top: 				0px;
	height: 			100px;
	width: 				400px;
	float:				left;
}
.ropeTable	{
	color:				#000;
	padding:	  		2px 0px;
	font-family: 		"Verdana", Arial, Helvetica, sans-serif;
	font-size: 			11px;
	font-weight: 		normal;
}
.ropepark	{
	padding:	  		5px;
}
.ropepark2	{
	padding:	  		2px;
}
.gap	{
	padding:	  		20px 0px;
}
/*	CONTACT	************************************************** CONTACT */ 
.buttons {
	font-family: 		"Verdana", Arial, Helvetica, sans-serif;
	font-size:			11px;
	height: 			18px;
	width: 				60px;
	background-color: 	#93B5F2;
	cursor:			 	pointer;
}
.formText {
	font-family: 		"Verdana", Arial, Helvetica, sans-serif;
	font-size: 			11px;
	font-weight: 		normal;
	color:				#000000;
}
.formTitle {
	font-family: 		"Verdana", Arial, Helvetica, sans-serif;
	font-size: 			11px;
	font-weight: 		normal;
	color:				#FFFFFF;
	padding:			3px;
	background-color:	#00389A;
	
}
.textfields {
	font-family: 		"Verdana", Arial, Helvetica, sans-serif;
	font-size: 			11px;
	color: 				#000000;
	background-color: 	#93B5F2;
	text-align: 		left;
	padding: 			2px;
	height: 			16px;
	width: 				250px;
	border:				1px solid #FFFFFF;
}
.messagefield {
	font-family: 		"Verdana", Arial, Helvetica, sans-serif;
	font-size: 			11px;
	color: 				#000000;
	background-color: 	#93B5F2;
	text-align: 		left;
	padding: 			2px;
	height: 			50px;
	width: 				250px;
	border:				1px solid #FFFFFF;
}
.chf {
	font-family: 		"Verdana", Arial, Helvetica, sans-serif;
	font-size: 			11px;
	color: 				#000000;
	background-color: 	#93B5F2;
	text-align: 		left;
	padding: 			2px;
	height: 			14px;
	width: 				30px;
	border:				1px solid #FFFFFF;
}