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

/*  
Name: Wittwer Blockhausbau - Innenausbau
Description: Kanada-Blockhaus plant und realisiert kanadische Blockhäuser die genau Ihren Bedürfnissen angepasst und ausgeführt werden. Zusammen mit unserem Partner Brian-Moore-Loghomes, mit über 250 gebauten Blockhäusern, verfügen wir über eine langjährige Erfahrung und dem nötigen Know-how. Die Blockhäuser werden mit erstklassiger Rotzeder oder Douglasie gebaut.
Author: Martin Stettler, dieweberei.ch, Agentur für Webdesign & Multimedia, Interlaken, Schweiz
Author URL: http://www.dieweberei.ch
*/

/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/
* {
	padding:			0;
	margin:				0;
}
h1	{
	font-size:			12px;
	letter-spacing: 	2px;
	text-align:			left;
	font-weight:		bold;
}
h2	{
	font-size:			12px;
	font-weight:		bold;
	text-align:			left;
}
p	{
	color:				#000;
	line-height:		18px;
	text-align:			left;
}
a	{
	text-decoration: 	underline;
	color:				#000;
}
a:hover	{
	text-decoration: 	none;
	color:				#000;
}
.imageFloat	{
	padding:		5px 20px 10px 0px;
	float:				left;
}
.small {
	font-size:			10px;
}
/*-----------------------------------------------------------------------------------------------
  Layout
-----------------------------------------------------------------------------------------------*/
body{
	background:			#E3E3E3;
	background-image:	url(graphics/bg.gif);
	color:				#333333;
	font-size:			12px;
	font-family:		"Arial", Verdana, sans-serif;
	text-align:			center;
	line-height:		20px;
}
#desk	{
	position: 			absolute;
	left: 				50%;
	top: 				0px;
	width: 				780px;
	height: 			auto;
	margin-left:		-390px;
	margin-top:			0px;
	background-color:	#FFFFFF;
}
/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/
#header	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				780px;
	height: 			160px;
	background-image:	url(images/bg_header.jpg);
	float:				left;
}
#logo	{
	position: 			relative;
	left: 				558px;
	top: 				13px;
	width: 				205px;
	height: 			113;
	float:				left;
}
/* Main Navigation */
div.navi {
	position: 			relative;
	top:				24px;
	opacity: 			0.8;
	-moz-opacity: 		0.8;
	background: 		transparent;
	filter: 			alpha(opacity: 85);
}
div.navi div.item {
	float: 				left;
}
div.navi a.menu {
	color: 				#000;
	background: 		#FFCC00;
	font-weight:		bold;
	text-align: 		center;
	letter-spacing: 	1px;
	text-transform: 	uppercase;
}
div.navi a:hover.menu {
	background: 		#FFEF5E;
	color: 				#000;
	text-decoration: 	none;
}

/* LEVEL 2 */
div.sub {
	clear:  			both;
	height: 			24px;
	background: 		#FFCC00;
}
div.sub div.item {
	height: 			24px;
	width:  			auto;
}
div.sub a.menu {
	height: 			24px;
	font-size: 			11px;
	line-height: 		24px;
	padding:			6px 20px;
	text-decoration: 	none;
}
body div.down a.path {
  background: 			#FFEF5E;
}
/* nav2 */
#nav2	{
	padding:			0px;
	border-bottom: 		#FF0000 1px solid;
	text-align:			left;
}

.nav2_item	{
	padding:			0px 20px 0px 0px;
}
.nav2_item2	{
	padding:			0px 15px;
	color:				#FF0000;
}
/*-----------------------------------------------------------------------------------------------
  Content
-----------------------------------------------------------------------------------------------*/
#content	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				780px;
	height: 			auto;
	float:				left;
}
#gallery	{
	position: 			relative;
	left: 				0px;
	top: 				20px;
	width: 				760px;
	height: 			auto;
	padding:			10px;
	float:				left;
	margin-bottom:		15px;
}
.galleryPic	{
	padding:			5px;
}
/* Image */
#title	{
	position: 			relative;
	left: 				0px;
	top: 				20px;
	width: 				740px;
	height: 			auto;
	border-bottom:		#000 solid 1px;
	padding:			0px 20px;
	float:				left;
}
#image	{
	position: 			relative;
	left: 				0px;
	top: 				20px;
	width: 				280px;
	height: 			auto;
	padding:			20px;
	float:				left;
}
.image	{
	padding-bottom:		20px;
}
#description	{
	position: 			relative;
	left: 				0px;
	top: 				20px;
	width: 				420px;
	height: 			auto;
	padding:			20px;
	float:				left;
}
/*-----------------------------------------------------------------------------------------------
  Forms
-----------------------------------------------------------------------------------------------*/
.textfields	{
	height:				16px;
	width:				265px;
	padding:			2px;
	border:				1px solid #666666;
	font-size:			12px;
	font-family:		"Arial", Verdana, sans-serif;
}
.messagefield	{
	height:				80px;
	width:				265px;
	padding:			2px;
	border:				1px solid #666666;
	font-size:			12px;
	font-family:		"Arial", Verdana, sans-serif;
}
.button	{
	height: 			20px;
	width: 				auto;
	background-color:	#FFFFFF;
	border:				none;
	color: 				#666666;
	cursor:			 	pointer;
	font-size:			12px;
	font-family:		"Arial", Verdana, sans-serif;
}
/*-----------------------------------------------------------------------------------------------
  Footer
-----------------------------------------------------------------------------------------------*/
#footer	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				740px;
	height: 			19px;
	float:				left;
	padding:			2px 20px;
	font-size:			11px;
	color:				#000;
	border-top:			#000 solid 1px;
	background-image:	url(graphics/bg_footer.gif);
	background-position:bottom;
	text-align:			left;
}
#footer	a	{
	color:				#000;	
}#diewebe 	{
	position:			absolute;
	bottom:				5px;
	right:				10px;
	font-family:		"Arial", Verdana, sans-serif;
	font-size: 			10px;
	font-weight: 		normal;
	color: 				#666;
}
#diewebe a	{
	font-family:		"Arial", Verdana, sans-serif;
	font-size: 			10px;
	font-weight: 		normal;
	color: 				#666;
	text-decoration:	none;
}
#diewebe a:hover	{
	font-family:		"Arial", Verdana, sans-serif;
	font-size: 			10px;
	font-weight: 		normal;
	color: 				#666;
	text-decoration:	underline;
}