* {
	margin:0;
	padding:0;
	border:none;
}
body {
	text-align:center;
	background: #5A1C00 url(img/bg-body1.jpg) top center no-repeat;
}
body#lounge {
	text-align: center;
	background: #5a1c00 url(img/lounge-bg-body-1.jpg) top center no-repeat;
}
html {
	font-size: 75%;
	overflow-y: scroll;
}
html>body {
	font-size:12px;
}
a:focus {
	outline:none;
}
li {
	list-style-type: none;
}
/* IE PNG fix ------------------*/
img, div { behavior: url(iepngfix.htc) }
/* ----------------------------------- divs ------------------------------------*/
#wrapper {
	width: 860px;
	background:#feedc5 url(img/bg-wrapper1.jpg) top center repeat-y;
	margin: 0 auto;
	text-align:left;
}
#content { 
	width:690px;
	float: right;
}
#header {
	position: relative;
	width:860px;
	height: 355px;
	background:url(img/bg-header3.jpg) top center no-repeat;
}
#headerFader {
	position: relative;
	width:860px;
	height: 355px;
	background:url(img/bg-header-fader.jpg) top center no-repeat;
}
#headerKonf {
	position: relative;
	width:860px;
	height: 355px;
	background:url(img/bg-headerkonf.jpg) top center no-repeat;
}
#headerZim {
	position: relative;
	width:860px;
	height: 355px;
	background:url(img/bg-headerzimmer3.jpg) top center no-repeat;
}
#headerWuw {
	position:relative;
	width:860px;
	height: 355px;
	background:url(img/bg-header-wuw.jpg) top center no-repeat;
}
#headerZim_alt {
	position: relative;
	width:860px;
	height: 355px;
	background:url(img/bg-headerzimmer2.jpg) top center no-repeat;
}
#headerZimeng {
	position: relative;
	width:860px;
	height: 355px;
	background: url(img/bg-headerzimmer_eng.jpg) top center no-repeat;
}
#primaryContent{
	float:left;
	width: 500px;
}
#secondaryContent{
	float: right;
	width: 160px;
}
#navigation {
	float:left;
	width:170px;
}
#footer {
	width: 860px;
	height: 36px;
	clear:both;
	background:#5A1C00 url(img/bg-footer1.jpg) top left no-repeat;
}
/* ------------- typography ----------------------------------------------------------*/
#header h1, #headerKonf h1, #headerWuw h1, #headerZim h1, #headerFader h1 {
	text-indent: -9999em;
}

#secondaryContent p {
	color: #FEE0A9;
	font: 100%/1.5 Arial, Tahoma, Verdana, sans-serif;
	margin-bottom: 1em;
}
#primaryContent p {
	color: #401400;
	font: 100%/1.5 Trebuchet, Tahoma, Verdana, sans-serif;
	padding: 10px 20px;
}
#primaryContent p.sub {
	font: 80%/1 Trebuchet, Tahoma, Verdana, sans-serif;
}
#primaryContent p a {
	color: #401400;
	font: bold 100%/1.5 Trebuchet, Tahoma, Verdana, sans-serif;
	text-decoration: none;
}
#primaryContent p a:hover {
	text-decoration: underline;
}
#primaryContent p a.linkint {
	clear:both;
	display:block;
	margin:0 0 0 10px;
}
#primaryContent h2 {
	color: #401400;
	font: bold 130%/50px Trebuchet, Tahoma, Verdana, sans-serif;
	width: 100%;
	background:url(img/bg-h2.jpg) left center no-repeat;
	padding-left: 20px;
}
#primaryContent h3 {
	color: #401400;
	font: bold 100%/36px Trebuchet, Tahoma, Verdana, sans-serif;
	background:url(img/bgleft-h3.jpg) left center no-repeat;
	margin-top: 5px;
}
#primaryContent h3 span {
	background:url(img/bgright-h3.jpg) right center no-repeat;
	color: #002D42;
	padding: 1em 2em 1em 1em;
	margin: 0 0 0 10px;
}
#footer p {
	text-align: center;
	font: normal 90%/2em Arial, Helvetica, sans-serif;
	padding: 20px 0 0 0;
	color: #A17D57;
}
#footer a {
	color: #666;
	text-decoration:none;
}
p#wuw {
	position:absolute;
	top: 287px;
	left: 195px;
	font: normal 100%/1.7 Arial, Tahoma, Verdana, sans-serif;
	color:#FEE0A9;
}
/* --------------- navigation vertikal ---------------------------------------------------------*/

ul#leftnav {
	padding: 0 0 0 20px;
}
ul#leftnav li {
	width: 100%;
}
ul#leftnav li a{
	text-decoration:none;
	display:block;
	font: bold 100%/1.7 Arial, Tahoma, Verdana, sans-serif;
	color:#FEE0A9;
	padding: 0 0 0 15px;
	background:url(img/zypressekl.gif) top left no-repeat;
}
ul#leftnav li a:hover{
	color: #A17D57;
}
ul#leftnav li a.aktuell{
	color: #A17D57;
}
ul#leftnav li span {
	color:#9F7C58;
	display:block;
	margin-bottom: 10px;
	padding: 0 0 7px 0;
	font: normal 90%/1 Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	background: transparent url(img/nav_rule.jpg) bottom left no-repeat;
}
ul#leftnav li a#lounge {
	margin: 0 0 20px 0;
	text-indent: -9999em;
	width: 123px;
	height: 62px;
	background: url(img/bg-a-lounge.jpg) top left no-repeat;
}
ul#leftnav li a#lounge:hover {
	background-position: -138px 0;
}
/* --------------- navigation horizontal ---------------------------------------------------------*/

ul#topnav {
	position: absolute;
	left: 179px;
	bottom: 1px;
	z-index: 10;
}
ul#topnav li{
	float:left;
	margin: 0 0 0 1px;
}
ul#topnav li a{
	float: left;
	text-decoration:none;
	font: bold 100%/1 Arial, Helvetica, sans-serif;
	background:url(img/bg-nav-l.png) top left no-repeat;
	padding: 0 0 0 10px;
	color: #A17D57;
}
ul#topnav li a span {
	float: left;
	background:url(img/bg-nav-r.png) top right no-repeat;
	padding: 10px 20px 7px 10px;
}
ul#topnav li a:hover{
	color:#beae5e;
	background-position: 0 -91px;
}
ul#topnav li a:hover span{
	color: #581c00;
	background-position: 100% -91px;
	cursor: pointer;
}
ul#topnav li a.aktuell{
	color: #beae5e;
	background-position: 0 -91px;
}
ul#topnav li a.aktuell span{
	color:#beae5e;
	background-position: 100% -91px;
}
/* ------------------------ rule -----------------------------------------------------*/
.rule {
	padding: 10px 0 10px 150px;
}
/* ------------------------ pics Galerie ---------------------------------------------------- */
.bild {
	position:relative;
	left: 635px;
	top: 230px;
	z-index: 999;
}
ul#galerie {
	width: 500px;
	padding: 10px 0 0 20px;
}
ul#galerie li {
	vertical-align:middle;
	float: left;
	width: 160px;
	padding: 4px 0;
}
ul#galerie li img {
	background: #FFF;
	padding: 5px;
	margin: 0 10px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
}	
.galeriepic {
	background: #FFF;
	padding: 5px;
	margin: 10px 5px 10px 30px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
}
.ironmanpic {
	float: left;
	margin-right: 10px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
}
.triathlonpic {
	float: right;
	margin-left: 10px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
}
#secondaryContent img {
	margin: 10px 15px 10px 0;
}	
/* ------------------------- links --------------------------------------------------- */
.linkext {
	padding-right: 10px;
	background: url(img/bulletext.gif) top right no-repeat;
}
/* -------------------- Kontaktformular ---------------------------------------------- */
form {
	padding: 0 0 10px 0;
	font: normal 70% Verdana, Arial, Helvetica, sans-serif;
	color: #401400;
	font-weight:bold;
	line-height:1.3;
}
fieldset {
	margin: 10px 0 0 20px;
	border: 1px solid #c19960;
	padding: 5px 10px;
}
legend {
	font: normal 120% Verdana, Arial, Helvetica, sans-serif;
	color:#5A1C00;
	padding:0 10px;
}
label {
	display:block;
	font-weight:normal;
	font-size:10px;
	padding-top: 5px;
}
textarea {
	height: 100px;
	width: 300px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #C19960;
}
input {
	border: 1px solid #c19960;
	background-color:#fff;
	color: #401400;
}
.forminput {
	margin: 2px 0 5px 0;
	padding: 2px 5px;
}
form .button{
	cursor: pointer;
	padding: 4px 10px;
	margin: 0 10px 0 0;
	border: 1px solid #C19960;
	color: #401400;
	background: transparent url(img/bg-input.jpg) center top no-repeat;
}
form p {
	font: normal 200% Verdana, Arial, Helvetica, sans-serif;
}
	
/* ------------------------------ Buchungsformular ----------------------------------*/
#anreiseMonatLabel, #anreiseJahrLabel, #abreiseMonatLabel, #abreiseJahrLabel {
	text-indent: -9999em;
	width: 0;
	float:left;
}
input#anreiseTag, input#abreiseTag, input#anreiseMonat, #abreiseMonat {
	width: 1.5em;
	padding: 0.1em 0.2em;
	margin: 0.2em 0.5em 0 0;
	text-align:center;
}
input#anreiseJahr, input#abreiseJahr{
	width: 3em;
	padding: 0.1em 0.2em;
	text-align:center;
}
select#anreiseMonat, select#abreiseMonat {
	margin-right: 0.5em;
	width: 7em;
}
select#kategorie {
	width: 7em;
	margin: 0.5em 0;
	border: 1px solid #c19960;
}
input#anzZimmer {
	width: 2em;
	margin: 0.2em 0 0 0;
	padding: 0.1em 0.2em;
	text-align: right;
}
/* ------------------------------ Tabelle für Zimmerpreise ------------------------------- */
table{
	margin: 10px 0 10px 20px;
	color: #401400;
	font: 100%/1.5 Trebuchet, Tahoma, Verdana, sans-serif;
	padding: 10px 20px;
}
.messe {
	line-height: 2.5;
	font-weight: bold;
	color: #002D42;
}
/*				Liste Aufzählung Ironman
------------------------------------------------------------------------------------------- */
ol#ironman {
	font: 100%/1.5 Trebuchet, Tahoma, Verdana, sans-serif;
	padding: 0 20px 10px 20px;
}
ol#ironman li {
	margin: 5px 0 0 0;
	padding-left: 15px;
	background: url(img/arrow1.gif) top left no-repeat;
	background-position: 0 6px;
}
/*				Anker Verlinkung Parking
------------------------------------------------------------------------------------------- */
#parking {
	/* leere id als Sprungmarke */
}
/*			Fading jQuery
--------------------------------------------------------------------------------------------------- */
#fadingPics {
	height: 333px;
	width: 500px;
	position: absolute;
	top: 20px;
	left: 180px;
}

#fadingPics img {
	top:0;
	left:0;
	height: 333px;
	width: 500px;
}