/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : ofenhorn-winter.ch
Author : AB/WEBDESIGN / Abhijit M. Bossotto
Copyright: (C) by AB/WEBDESIGN | www.abwebdesign.ch
URL : http://www.ofenhorn-winter.ch/

Description : Stylesheet for http://www.ofenhorn-winter.ch/

Created : 20/08/2006
Modified : 20/08/2006

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

html, body{
	background-color				:				#fff;
	color							:				#000;
	font-size						:				11px;
	font-family						:				Arial, Verdana, Helvetica, sans-serif;
	text-decoration					:				none;
	text-align						:				justify;}

img{
	border							:				0px;}

textarea, input, select {
	background-color				:				#BFB9AB;
	border							:				1px solid #fff;
	padding							:				1px 3px;
	font-family						:				Arial, Verdana, Helvetica, sans-serif;
	font-size						:				11px;
	font-weight						:				normal;
	color							:				#000;
	vertical-align					:				middle;}
	
input{
	color							:				#000;}	
	
select:focus, input:focus, textarea:focus{
	background						:				#BFB9AB;
	border							:				1px solid #000;}

textarea {
	font-family						:				Arial, Verdana, Helvetica, sans-serif;
	margin							:				3px 0 5px 0;}
	
li{
	list-style						:				square;}	
	
#container{
	left							:				50%;
	top								:				50%;
	margin-top						:				-260px;
	margin-left						:				-372px;
	width							:				700px;
	height							:				530px;
	position						:				absolute;}

#wrapper{
	border							:				2px solid #000;
	background-color				:				#BFB9AB;
	width							:				795px;
	height							:				520px;}

#header{
	clear							:				both;
	background-color				:				#752530;
	width							:				795px;
	height							:				20px;}
	
#navi{
	clear							:				both;
	float							:				left;
	width							:				150px;
	height							:				405px;}

#navi ul li{
	display							:				block;
	list-style						:				none;
	vertical-align					:				bottom;}
	
#navi li{
	display							:				block;
	padding							:				10px;
	font-size						:				12px;
	font-weight						:				800;}
	
#navi a{
	line-height						:				25px;
	border-bottom					:				2px solid #000;
	width							:				80px;
	color							:				#752530;
	text-decoration					:				none;
	display							:				block;}	

#navi a:hover{
	color							:				#000;
	display							:				block;
	text-indent						:				10px;
	border-bottom					:				2px solid #fff;}	
	
.home .home,.hotel .hotel,.links .links,.binn_kultur .binn_kultur,.kontakt .kontakt{
	color							:				#000;
	display							:				block;
	text-indent						:				10px;
	border-bottom					:				2px solid #fff;}	

#content{
	height							:				465px;
	width							:				635px;}	
	
#spacer{
	float							:				right;
	width							:				20px;
	height							:				405px;}	
	
#iframe{
	overflow						:				auto;
	height							:				445px;
	width							:				615px;
	padding							:				10px;
	
	line-height						:				18px;
	font-family						:				Verdana, Arial, Helvetica, sans-serif;
	font-size						:				11px;
	color							:				#000;
	
	text-align						:				justify;
	
	scrollbar-face-color			:				#BFB9AB;
	scrollbar-highlight-color		:				#BFB9AB;
	scrollbar-3dlight-color			:				#BFB9AB;
	scrollbar-darkshadow-color		:				#BFB9AB;
	scrollbar-shadow-color			:				#BFB9AB;
	scrollbar-arrow-color			:				#000;
	scrollbar-track-color			:				#BFB9AB;}	

#iframe a{
	text-decoration					:				none;
	color							:				#752A34;}
	
.title{
	padding							:				5px;
	line-height						:				20px;
	font-size						:				25px;
	font-weight						:				900;
	font-family						:				"Times New Roman", Times, serif;}

#footer{
	clear							:				both;
	padding							:				1px;
	background-color				:				#752530;
	width							:				795px;
	height							:				20px;
	font-size						:				10px;
	color							:				#ccc;}
	
#footer a{
	color							:				#ccc;
	text-decoration					:				none;}