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

/*  
Name: Vertical Sport, Interlaken
Description: Bergsportfachgeschäft, Verkauf und Vermietung, pat. Bergführer, Kletterhalle Interlaken, aktuelle Topos
Author: dieweberei.ch, Agentur für Webdesign & Multimedia, Kammistrasse 11, Postfach 414, 3800 Interlaken
Author URL: http://www.dieweberei.ch
*/

/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/
* {
	padding:			0;
	margin:				0;
}
td	{
	padding:			3px 0px;
	letter-spacing:		1px;
}
h1	{
	font-size:			18px;
	color:				#0D6CAB;
	letter-spacing:		2px;
	line-height:		24px;
	font-weight:		normal;
}
h2	{
	font-size:			11px;
	color:				#3F3F3F;
	letter-spacing:		1px;
	font-weight:		bold;
}
p	{
	color:				#3F3F3F;
	font-size:			12px;
	line-height:		18px;
	font-weight:		normal;
	letter-spacing:		1px;
}
a	{
	text-decoration: 	underline;
	color:				#0D6CAB;
	letter-spacing:		1px;
}
a:hover	{
	text-decoration: 	none;
	color:				#0D6CAB;
	letter-spacing:		1px;
}
.blue 	{
	color:				#0D6CAB;
	font-weight:		bold;
	letter-spacing:		1px;
}
.blue1 	{
	color:				#0D6CAB;
	letter-spacing:		1px;
}
/*-----------------------------------------------------------------------------------------------
  Layout
-----------------------------------------------------------------------------------------------*/
body	{
	background:			#FFF;
	color:				#3F3F3F;
	font-size:			12px;
	font-family:		"Helvetica Neue", Arial, sans-serif;
	background-image:	url(images/bgImage.jpg);
	background-repeat:	no-repeat;
}
#desk	{
	position: 			absolute;
	left: 				0px;
	top: 				200px;
	width: 				100%;
	height: 			200px;
	margin-left:		0px;
	margin-top:			0px;
	background-image:	url(graphics/bg.jpg);
	background-repeat:	no-repeat;
}
#all	{
	position: 			relative;
	left: 				50%;
	top: 				0px;
	width: 				800px;
	height: 			auto;
	margin-left:		-400px;
	margin-top:			0px;
}
/*-----------------------------------------------------------------------------------------------
  Navigation
-----------------------------------------------------------------------------------------------*/
#metaNav	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				800px;
	height: 			20px;
	margin-left:		0px;
	margin-top:			0px;
	text-align:			right;
	color:				#FFF;
	float:				left;
}
.metaNav a	{
	padding:			4px 10px 2px 10px;
	font-size: 			12px;
	letter-spacing:		1px;
	text-decoration: 	none;
	color:				#FFF;
	float: 				right;
}
.metaNav a:hover 	{
	display:			block;
	padding:			4px 10px 2px 10px
	font-size: 			12px;
	letter-spacing:		1px;
	text-decoration: 	none;
	color:				#EDD66B;
}
#mainNav	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				800px;
	height: 			22px;
	margin-left:		0px;
	margin-top:			0px;
	border:				#B9B9B9 1px solid;
	border-top:			none;
	background:			#DADADA;	
	float:				left;
}
ul#main {
    margin: 			0px; 
	padding: 		 	0px;
    text-align: 		center;
}
ul#main li {
    list-style: 		none;
    float: 				left;
    position: 			relative;
    margin: 			0px; 
}
ul#main a, ul#main span {										
    display: 			block;
	letter-spacing:		1px;
    width: 				auto;
	height: 			auto;
	text-align:			center;
    text-decoration: 	none;
	color:				#3F3F3F; 
    padding: 			4px 20px;
	border-right:		#B9B9B9 1px solid;
}
ul#main a:hover, ul#main span, li a#aktuell:hover {				
    width: 				auto;
	letter-spacing:		1px;
	height: 			auto;
	padding: 			4px 20px;
	color:				#3F3F3F;
	background-image:	url(graphics/bgMainNav.jpg);
	border-right:		#B9B9B9 1px solid;
}
/*-----------------------------------------------------------------------------------------------
  Main
-----------------------------------------------------------------------------------------------*/
#content	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				800px;
	height: 			auto;
	float:				left;
}
#footer	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				800px;
	height: 			auto;
	border-top:			#B9B9B9 1px solid;
	padding:			5px 0px 10px 0px; 
	float:				left;
}
/*-----------------------------------------------------------------------------------------------
  Content
-----------------------------------------------------------------------------------------------*/
#c_l	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				450px;
	height: 			auto;
	padding:			40px 0px 40px 0px;
	float:				left;
}
#c_r	{
	position: 			relative;
	left: 				50px;
	top: 				0px;
	width: 				300px;
	height: 			auto;
	padding:			40px 0px 40px 0px;
	float:				left;
}
#box0	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	margin-bottom:		20px;
	width: 				450px;
	height: 			auto;
	border:				#DFDFDF 1px solid;
	background-color:	#F8F8F8;
	float:				left;
}
#box01	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				442px;
	height: 			auto;
	padding:			4px;
	border-bottom:		#DFDFDF 1px solid;
	background-image:	url(graphics/bgMainNav.jpg);
	color:				#0D6CAB;
	float:				left;
}
#box02	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				440px;
	height: 			auto;
	background-color:	#F8F8F8;
	padding:			5px;
	float:				left;
}
#box1	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	margin-bottom:		20px;
	width: 				260px;
	height: 			auto;
	padding:			20px;
	border:				#DFDFDF 1px solid;
	background-color:	#F8F8F8;
	float:				left;
}
#box2	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				260px;
	height: 			auto;
	padding:			20px;
	border:				#DFDFDF 1px solid;
	margin-bottom:		20px;
	float:				left;
}
#box21	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				260px;
	height: 			auto;
	padding:			20px;
	border:				#DFDFDF 1px solid;
	margin-bottom:		20px;
	float:				left;
}
#box3	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	margin-bottom:		20px;
	width: 				450px;
	height: 			auto;
	float:				left;
}
.imageFloat	{
	padding-right:		20px;
	padding-bottom:		20px;
	float:				left;
}
.zitat	{
	color:				#0D6CAB;
	font-style:			italic;
}
.image	{
	padding-bottom:		40px;
}
.green a	{
	text-decoration: 	none;
	color:				#87A800;
	padding-right:		8px;
}
.green a:hover	{
	text-decoration: 	underline;
	color:				#87A800;
	padding-right:		8px;
}
.orange a	{
	text-decoration: 	none;
	color:				#FF8900;
	padding-right:		8px;
}
.orange a:hover	{
	text-decoration: 	underline;
	color:				#FF8900;
	padding-right:		8px;
}
.red	{
	color:				#DE2159;
	padding-right:		8px;
}
.red a	{
	text-decoration: 	none;
	color:				#DE2159;
	padding-right:		8px;
}
.red a:hover	{
	text-decoration: 	underline;
	color:				#DE2159;
	padding-right:		8px;
}
.blue a	{
	text-decoration: 	none;
	color:				#039FAF;
	padding-right:		8px;
}
.blue a:hover	{
	text-decoration: 	underline;
	color:				#039FAF;
	padding-right:		8px;
}
.size1 {
	font-size: 			12px;
	font-weight:		bold;
	line-height:		20px;
}
.size2 {
	font-size: 			14px;
	font-weight:		bold;
	line-height:		20px;
}
.size3 {
	font-size: 			18px;
	font-weight:		bold;
	line-height:		20px;
}
.footer {
	font-size:			11px;
}
/*-----------------------------------------------------------------------------------------------
  Forms
-----------------------------------------------------------------------------------------------*/
.textfield	{
	height:				16px;
	width:				400px;
	padding:			2px;
	border:				1px solid #999;
	color:				#3F3F3F;
	font-size:			12px;
	font-family:		"Helvetica Neue", Arial, sans-serif;
}
.messagefield	{
	height:				80px;
	width:				400px;
	padding:			2px;
	border:				1px solid #999;
	color:				#3F3F3F;
	font-size:			12px;
	font-family:		"Helvetica Neue", Arial, sans-serif;
}
.button	{
	height: 			20px;
	width: 				auto;
	background-color:	#FFFFFF;
	border:				none;
	color: 				#3F3F3F;
	cursor:			 	pointer;
	font-size:			12px;
	font-family:		"Helvetica Neue", Arial, sans-serif;
}