/***********/
/** 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(body-background.jpg) top left repeat-y;
}

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

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

#content {
	position:absolute;
	/*left:355px;
	top:435px;
	width:601px;*/
	left:200px;
	top:30px;
	width:717px;
	z-index:2;
}

	#content h1 {
		margin:13px 0 10px -80px;
		/* padding:0 0 8px 54px; */
		padding:0 0 8px 40px;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:20px;
		font-weight:normal;
		color:#001f65;
		border-bottom:1px solid #234798; 
	}

	#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:#294d9f;
		
	}

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

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

		#content ul li {
			margin-left:15px;
			list-style-image:url(/fileadmin/www.friesacher.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;
		background:transparent url(teasers-background.jpg) left top no-repeat;
	}

		#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;
	width:354px;
	height:377px;
	background:transparent url(left-background.jpg) left top no-repeat;
	z-index:1;
}

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

#teasers {
	position:absolute;
	left:0;
	/* top:407px; */
	top: 204px;
	width:354px;
	/* height:304px; */
	height: 515px;
	padding-top:30px;
	/* background:transparent url(teasers-background.jpg) left top no-repeat; */
	background:transparent url(left-background.jpg) left top no-repeat;
	z-index: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:#001441;
}



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

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

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

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

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

		#nav-global-left ul li.spacer {}

		#nav-global-left ul li.selected {}

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



#nav-global {
	position:absolute;
	right:0;
	top:0;
	/* width:956px; */
	width:656px; 
	height:30px;
}

	#nav-global ul {
		position:absolute;
		right:22px;
		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:#001441;
				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:120px;
		padding:2px;
		font:normal 12px Verdana,Arial,sans-serif;
	}



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

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

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

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

	#feedback .form_select {
		height:20px;
	}

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

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

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