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

/*  
Name: Büroservice Aemmer, Interlaken
Description: Der Treuhand- und Kopierbetrieb an der Aaremühlestrasse hilft bei allen Büroproblemen. Dienstleistungen in Interlaken von Buchhaltung, Steuern und Schreibarbeiten Kopien, Heliografien, Plots bis Ausrüsten.
Author: dieweberei.ch, Agentur für Webdesign und Multimedia, Kammistrasse 11, Postfach 414, 3800 Interlaken
Author URL: http://www.dieweberei.ch
*/

/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/
* {
	padding:			0;
	margin:				0;
}
.title	{
	font-size:			18px;
	color:				#666;
	letter-spacing:		5px;
	line-height:		40px;
}
td	{
	padding:			2px;
}
h1	{
	font-size:			12px;
	color:				#F0047F;
	letter-spacing:		2px;
	text-transform:		uppercase;
}
h2	{
	font-size:			12px;
	color:				#666;
	letter-spacing:		1px;
	line-height:		24px;
}
h3	{
	font-size:			11px;
	color:				#666;
	font-weight:		normal;
	letter-spacing:		1px;
}
.pink	{
	color:				#F0047F;
	line-height:		18px;
}
.line	{
	border-top:			1px solid #999;
}
.pic	{
	border-top:			none;
	padding:			5px;
}
p	{
	color:				#666;
	font-size:			12px;
	line-height:		18px;
}
a	{
	text-decoration: 	underline;
	color:				#666;
}
a:hover	{
	text-decoration: 	none;
	color:				#666;
}
.bullet {
	font-size: 			9px;
	vertical-align:	top;
}
/*-----------------------------------------------------------------------------------------------
  Layout
-----------------------------------------------------------------------------------------------*/
body{
	background:			#FFF;
	color:				#666;
	font-size:			12px;
	font-family:		"Lucida Grande", Arial, sans-serif;
}
#desk	{
	position: 			absolute;
	left: 				0;
	top: 				0;
	width: 				100%;
	height: 			100%;
	margin-left:		0px;
	margin-top:			0px;
}
/*-----------------------------------------------------------------------------------------------
  Main
-----------------------------------------------------------------------------------------------*/
#nav	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				180px;
	height: 			790px;
	background:			#A70268;
	float:				left;
}
#main	{
	position: 			relative;
	left: 				40px;
	top: 				0px;
	width: 				720px;
	height: 			790px;
	border-left:		#666 1px solid;
	float:				left;
}
/*-----------------------------------------------------------------------------------------------
  Navigation
-----------------------------------------------------------------------------------------------*/
#mainNav	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				180px;
	height: 			auto;
	border-top:			#FFF 1px solid;
	float:				left;
}
.menu1item	{
	width: 				180px;
	height:				auto;
   	color: 				#FFF;
   	font-weight:		normal;
	font-size:			12px;
  	letter-spacing: 	1px;
}
.menu1item a	{
  	display: 			block; 
  	text-decoration: 	none;
 	color: 				#FFF;
  	padding: 			10px 0px 10px 37px;
}
.menu1item a:hover	{
	display: 			block;
   	background: 		#F0047F;
   	color: 				#FFF;
}
.show	{
	background: 		#F0047F;
  	display: 			block; 
 	color: 				#FFF;
  	padding: 			10px 0px 10px 37px;
	width: 				143px;
  	letter-spacing: 	1px;
} 
#metaNav	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				180px;
	height: 			auto;
	float:				left;
}
.menu2item	{
	width: 				180px;
	height:				auto;
   	color: 				#FFF;
   	font-weight:		normal;
	font-size:			12px;
  	letter-spacing: 	1px;
}
.menu2item a	{
  	display: 			block; 
  	text-decoration: 	none;
 	color: 				#FFF;
  	padding: 			10px 0px 10px 37px;
}
.menu2item a:hover	{
	display: 			block;
   	background: 		#F0047F;
   	color: 				#FFF;
}
.show2	{
  	display: 			block; 
 	color: 				#FFF;
} 
#diewebe	{
	position: 			relative;
	left: 				0px;
	top: 				250px;
	width: 				180px;
	height: 			auto;
	float:				left;
}
.diewebe {
	position: 			relative;
	left:				0px; 	
	top:				0px;
}
.menu3item	{
	width: 				180px;
	height:				auto;
   	color: 				#FFF;
   	font-weight:		normal;
	font-size:			9px;
  	letter-spacing: 	1px;
}
.menu3item a	{
  	display: 			block; 
  	text-decoration: 	none;
 	color: 				#FFF;
  	padding: 			10px 0px 10px 37px;
}
.menu3item a:hover	{
	display: 			block;
	text-decoration: 	none;
   	color: 				#F0047F;
}
/*-----------------------------------------------------------------------------------------------
  Content
-----------------------------------------------------------------------------------------------*/
#header	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				680px;
	height: 			60px;
	padding-top:		90px;
	padding-left:		40px;
	float:				left;
}
#content	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				680px;
	height: 			600px;
	border-top:			#666 1px solid;
	padding-top:		40px;
	padding-left:		40px;
	float:				left;
}
#part0	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				680px;
	height: 			auto;
	padding-bottom:		40px;
	float:				left;
}
#part1	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				680px;
	height: 			auto;
	padding-bottom:		40px;
	float:				left;
}
#part2	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				680px;
	height: 			auto;
	padding-bottom:		40px;
	float:				left;
}
#part3	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				680px;
	height: 			auto;
	padding-bottom:		40px;
	float:				left;
}
#part4	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				680px;
	height: 			auto;
	padding-bottom:		40px;
	float:				left;
}
#lastPiece	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				680px;
	height: 			auto;
	float:				left;
}
#image	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				240px;
	height: 			auto;
	padding-right:		40px;
	float:				left;
}
#text	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				400px;
	height: 			auto;
	float:				left;
}
/*-----------------------------------------------------------------------------------------------
  Forms
-----------------------------------------------------------------------------------------------*/
.textfield	{
	height:				16px;
	width:				250px;
	padding:			2px;
	border:				1px solid #999;
	color:				#666;
	font-size:			12px;
	font-family:		"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
}
.messagefield	{
	height:				80px;
	width:				250px;
	padding:			2px;
	border:				1px solid #999;
	color:				#666;
	font-size:			12px;
	font-family:		"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
}
.button	{
	height: 			20px;
	width: 				auto;
	background-color:	#FFFFFF;
	border:				none;
	color: 				#666;
	cursor:			 	pointer;
	font-size:			12px;
	font-family:		"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
}