html, body {margin: 0px; padding: 0px; height: 100%; font-family: verdana; font-size: 11pt;}
body {background-color: #EDCD80; background-image:url(../../l/x/bg.gif); background-repeat: repeat-y; background-position: center}

form {display: block; position: relative; width: 100%}

img {display: block; border: none}

#outbox {z-index: 1; width: 780px; position: relative; margin: auto; height: 100%; }
#header {z-index: 2; position: fixed; left: 0px; top: 0px; width: 100%; background-image:url(../../l/x/headbg.jpg); background-repeat: no-repeat; background-position: top center}
#header img {width: 780px; margin: auto;}
#footer {z-index: 2; position: fixed;  left: 0px; 
	bottom: 0px; height: 23px; 
	background-color: #EDCD80; width: 100%; line-height: 23px; 
	font-size: 11px;}
#footer div {position:relative; width: 720px; margin: auto; padding-left: 30px; padding-right: 30px}
#footer a {color: black; font-weight: bold; font-size: 10px; text-decoration: none; float: right;}


#head {	background-color: #E2001A; padding-bottom: 21px}

#nav li {float: left;
	border-right: 1px solid #E2001A;
	border-left: 1px solid #E2001A; 
	position: relative; 
	color: white; 
	font-weight: bold; 
	text-decoration: none; 
	font-size: 10px; 
	line-height: 20px;
	padding-left: 12px; 
	padding-right: 12px;
	background-color:  #E2001A;
}
#nav {
	height: 20px;
	position: relative; 
	list-style: none; 
	margin: auto;
	padding: 0px; 
	border-top: 1px solid #EDCD80;
	width: 780px;
	margin-top: -21px
	}
	
	
#nav li ul {display: none; 
	list-style: none; margin: 0px -13px 0px -13px; padding: 0px; border-top: 2px solid #EDCD80;}
	
#nav li ul li {float: none; display: block; padding: 0px 0px 0px 3px;
	background-color: #E2001A;  margin: 0px 0px 0px 0px; border-bottom: solid 1px #EDCD80;}

#nav li ul li.selected {color: yellow; border-left:none; border-right: none;}

#nav li.selected {border-right: 1px solid #EDCD80; border-left: 1px solid #EDCD80;}
#nav li.selected ul {display: block}

#nav a {color: white; text-decoration: none}


#spacer {position: relative; height: 184px; width: 100%}

h1 {color: #E2001A; font-size: 16px; font-weight: 700; margin: 0px; padding: 0px; margin-bottom: 10px}

h3 { color: black; font-size: 12px; font-weight: 700; margin: 0px; padding: 0px; }

h4 { margin: 3px; padding: 0px; padding-left: 20px; color: black; font-size: 11px; font-weight: bold; line-height: 14px; }

p { margin: 3px; padding: 0px; padding-left: 20px; color: black; font-size: 11px; font-weight: normal; line-height: 14px; }

#content { padding: 50px 25px 20px 30px  }

img.imgright { float: right; margin-left: 10px; margin-bottom: 10px }

img.imgleft { float: left; margin-right: 10px; margin-bottom: 10px }

table tr td { color: black; font-size: 11px; font-weight: normal; line-height: 14px; text-align: right }

table.preise { margin: 3px; padding: 0px; padding-left: 20px; }

table.preise tr td:first-child { font-weight: bold; border-left: none}

table tr.head td {font-weight: bold;}

table.preise tr.head {background-color: #EDCD80;}
table.preise tr.head td  {border-top: none; border-bottom: 1px dashed black; margin-bottom: 2px; vertical-align: top;  color: black; border-left: none}
table.preise tr td {border-bottom: 1px dashed gray; padding-left: 10px; padding-right: 10px; border-left: 1px dashed gray; }


a {color: #E2001A;}
a:hover {text-decoration: none}

div.reservierung > table {border-top: 1px solid #E2001A; margin-bottom: 20px; width: 100%}
div.reservierung > table > tbody > tr
{
	background-color: #ECDAAE;
}
div.reservierung > table > tbody > tr > td {border: none; text-align: left;  vertical-align: top; padding: 5px; padding-left: 15px}
div.reservierung > table > tbody > tr > td:first-child {text-align: right; font-weight: bold; padding-right: 10px; width: 220px}
div.reservierung > table > tbody > tr > td:first-child span {display: block; font-weight: normal}
div.reservierung h1 {margin-bottom: 0px;}

div.reservierung > table > tbody > tr > td:first-child span.validation {display:inline}

.calendar div {z-index: 5}