/***********/
/** clear **/
/***********/

body,h1,h2,h3,h4,h5,p,ul,ol,li,form,input,textarea,div,span {
	margin:0px;
	padding:0px;
}

body, p ,td {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:17px;
}

p,ul,ol {
	margin-bottom:12px;
}

ul {
	list-style-type:none;
}

/******************/
/** Seitenrahmen **/
/******************/

body {
	background:white url(/fileadmin/www.friesacher-einkehr.com/template/main/img/body-background.jpg) top left repeat-y;
}

#wrap {
	position:relative;
	width:978px;
}

/*********************/
/** Content Bereich **/
/*********************/

#content {
	position:absolute;
	left:355px;
	top:435px;
	width:601px;
}

	#content h1 {
		margin:13px 0 10px 0;
		padding:0 0 8px 54px;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:20px;
		font-weight:normal;
		color:#502000;
		border-bottom:1px solid #d4a2a2;
	}

	#content h2 {
		margin:0;
		padding:0 0 15px 66px;
		font:bold 12px Verdana,Arial,Helvetica,sans-serif;
	}

	#content h3 {
		margin:0 0 8px 0;
		border-bottom:1px solid #efefef;
		padding:8px 0 8px 0;
		font:bold 12px Verdana,Arial,Helvetica,sans-serif;
		color:#333333;
	}

	#content strong {
		color:#555555;
	}

	#content a {
		color:#692a00;
		
	}

	#content a:hover {
		color:#000000;
	}

	#content ul {
		list-style-type:none;
	}

		#content ul li {
			margin-left:15px;
			list-style-image:url(/fileadmin/www.friesacher-einkehr.com/template/main/img/content-list-style-image.gif);
		}

	#content ol {}

	#content ol li {
		margin-left:25px;
	}
	

	/*******************/
	/** Footerbereich **/
	/*******************/

	#footer {
		margin:20px 0 0 0;
		border-top:1px solid #e8e8e8;
		padding:15px 0 20px 0;
		font-size:11px;
		color:#626262;
	}

		#footer h2 {
			display:inline;
			margin:0;
			padding:0;
			font-size:11px;
			font-weight:normal;
		}

		#footer a {
			color:#626262;
		}

		#footer a:hover {
			color:black;
		}

/*****************/
/** Logobereich **/
/*****************/

#friesacher {
	position:absolute;
	left:0;
	top:30px;
}

	#friesacher #page {
		position:absolute;
		left:0;
		top:40px;
		width:354px;
		text-align:center;
	}

		#friesacher #page h1 {
			font-size:14px;
			font-weight:normal;
			color:#fff;
		}

			#friesacher #page h1 a {
				display:block;
				padding:51px 0 0 0;
				width:354px;
				color:#fff8e8;
				text-decoration:none;
				position:relative;
			}

			#IE #friesacher #page h1 a {
				background-image:url(/fileadmin/www.friesacher-einkehr.com/template/main/img/empty.gif);
			}

	#friesacher #nav-small {
		position:absolute;
		left:0;
		top:120px;
		width:354px;
		text-align:center;
		color:#fff;
	}

		#friesacher #nav-small a {
			color:#fff;
		}

		#friesacher #nav-small a:hover {
			color:#f8d9a2;
		}

		#friesacher #nav-small a.language {
			color:#f8d9a2;
		}

		#friesacher #nav-small a.language:hover {
			color:#fff;
		}

/*************/
/** Teasers **/
/*************/

#teasers {
	position:absolute;
	left:0;
	top:407px;
	width:354px;
	height:304px;
	padding-top:30px;
	background:transparent url(/fileadmin/www.friesacher-einkehr.com/template/main/img/teasers-background.jpg) left top no-repeat;
}

	#teasers a.teaser {
		display:block;
		width:300px;
		height:80px;
		position:relative;
		margin:0px 25px 20px 25px;
		font-size:11px;
		line-height:14px;
		text-decoration:none;
		color:#818181;
	}

		#teasers a.teaser img {
			opacity:0.7;
		}

		#IE #teasers a.teaser img {
			filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
			zoom:1;
		}

		#teasers a.teaser span.text {
			display:block;
			position:absolute;
			top:0;
			left:135px;
			width:150px;
			font-size:11px;
			line-height:14px;
		}

	#teasers a.teaser:hover {
		color:black;
		background-color:#fffddc;
		cursor:pointer;
	}

		#teasers a.teaser:hover img {
			opacity:1;
		}

		#IE #teasers a.teaser:hover img {
			filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99);
			zoom:1;
		}

/************/
/** Images **/
/************/

#images {
	position:absolute;
	left:355px;
	top:30px;
	width:601px;
}

	#images li {
		position:absolute;
		left:0;
		top:0;
	}
	
.hidden { display:none }	


/***********************************/
/** Globale Friesacher Navigation **/
/***********************************/

#nav-local {
	position:absolute;
	left:355px;
	top:381px;
	width:601px;
	height:26px;
	background-color:#552200;
}

#nav-global {
	position:absolute;
	left:0;
	top:0;
	width:956px;
	height:30px;
}

	#nav-global ul {
		position:absolute;
		right:-4px;
		top:6px;
	}

		#nav-global ul li {
			float:left;
			list-style-type:none;
			margin:0 2px;
			color:#b0b0b0;
		}

			#nav-global ul li a {
				color:black;
			}

			#nav-global ul li a:hover {
				color:#b0b0b0;
			}

		#nav-global ul li.spacer {}

		#nav-global ul li.selected {}

			#nav-global li.selected a {
				background-color:#552200;
				color:white;
				text-decoration:none;
				padding:0 8px 0 8px;
			}

/*****************/
/** META Styles **/
/*****************/

.clear { clear:both; }

/***********/
/** FORMS **/
/***********/

.missing { color:red; }
.ok { color:green; }
.disclaimer {
	font:normal 11px/14px Verdana,Arial,sans-serif;
	color:gray;
}

#reservation {
	margin:10px 0 0 0;
	width:580px;
}

	#reservation th {
		width:120px;
		font:normal 12px Verdana,Arial,sans-serif;
		text-align:right;
		vertical-align:top;
		padding:8px 10px 0 0;
	}

	#reservation .form_label_radio {
		margin-left:6px;
		cursor:pointer;
	}

	#IE #reservation .form_label_radio {
		margin-left:2px;
	}

	#reservation .form_select {
		height:20px;
	}

		#reservation .form_personen {
			width:260px;
		}

		#reservation .form_day {
			width:50px;
		}

		#reservation .form_month {
			margin-left:5px;
			width:100px;
		}

		#reservation .form_time {
			margin-left:5px;
			width:100px;
		}

	#reservation .form_input_text {
		width:252px;
		height:16px;
		padding:2px;
	}

		#reservation .form_contact {
			margin-bottom:5px;
		}

	#reservation .form_textarea {
		width:252px;
		height:60px;
		padding:2px;
		font:normal 12px Verdana,Arial,sans-serif;
	}