html {
background-color:#981b20;
background-image:url(images/hg_html.jpg);
background-repeat:repeat-x;
text-align:center;
}

body {
background-image:url(images/hg_body.jpg);
background-repeat:no-repeat;
background-position:top center;
margin:0;
padding:0;
}

#pic-holder {
background-image:url(images/hg_picview.gif);
position:fixed;
top:0;
left:0;
visibility:hidden;
height:100%;
width:100%;
z-index:2;
}

#pic-holder img {
border:5px solid #FFFFFF;
}

img {
border:none;
}

.right {
text-align:right;
}

.preis {
background-color:#fef1cf;
padding:10px;
margin-bottom:10px;
}

a {
  color: #981b20;
}

#branding {
background-color:#FFFFFF;
position:relative;
margin: 0 auto;
width:720px;
text-align:left;
}

/* Menü-Buttons */
#navigation {
background-color:#FFFFFF;
	position:relative;
	height:1.5em;
	width:720px;
	margin: 0 auto;
}

#navigation a {
  color: #981b20;
	display:block;
	font-family:"Times New Roman", Times, serif;
	float:left;
	margin-left:10px;
	/*padding-top:-4px;*/
	padding-bottom:4px;
	background-color:#fef2cf;
	background-image:url(/images/hg_button.gif);
	background-repeat:repeat-x;
	font-size:1.4em;
	font-weight:normal;
	font-style:italic;
	width:132px;
	height:1.5em;
	text-align:center;
	text-decoration: none;
}

#navigation a:visited {
	text-decoration: none;
}
  
#navigation a:hover {
	color: #FFFFFF;
	background-color:#981b20;
	background-image:url(images/hg_button_on.gif);
	background-repeat:repeat-x;
	text-decoration: none;
}

#navigation a.active {
	color: #FFFFFF;
	background-color:#981b20;
	background-image:url(images/hg_button_on.gif);
	background-repeat:repeat-x;
	text-decoration: none;
}

#language {
background-color:#FFFFFF;
position:relative;
margin: 0 auto;
width:720px;
text-align:right;
padding:0;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
}

/*CONTENT*/

#content {
background-color:#FFFFFF;
text-align:left;
	position:relative;
	width:680px;
	margin: 0 auto;
	padding:20px;
}

#content p, li, span {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
}

h1 {
font-family:"Times New Roman", Times, serif;
font-weight:normal;
color:#981b20;
font-size:1.5em;
border-bottom:1px solid #981b20;
border-right:1px solid #981b20;
}

h2 {
font-family:"Times New Roman", Times, serif;
font-weight:normal;
color:#981b20;
font-size:1.3em;
}

#images {
float:right;
padding:0 0 20px 20px;
}

#content table {
width:100%;
}

#content th {
background-color:#981b20;
color:#FFFFFF;
text-align:left;
padding:2px 6px;
}

#content td {
background-color:#fef2cf;
padding:2px 6px;
}

#footer {
  position:relative;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:720px;
	margin: 0 auto;
	margin-top:5px;
	margin-bottom:5px;
	padding:3px 0;
}

/* Kalender */

#calendar{
float:right;
margin-left:20px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
text-align:center;
}

#calendar a{
text-decoration:none;
font-weight:bold;
}

#calendar #days{
width:217px;
border-top:1px solid #999999;
border-right:1px solid #999999;
font-size:0.6em;
}

#calendar #days div{
width:24px;
height:24px;
float:left;
border-bottom:1px solid #999999;
border-left:1px solid #999999;
padding:3px;
}

#calendar #days div.before, div.after{
background-color:#CCCCCC;
}

#calendar #days div.between{
background-color:#d2df97;
}

#calendar #days div.buchung{
background-color:#facfbb;
}

#calendar #days div.reservierung{
background-color:#fff8bb;
}

#calendar #days div.weekend{
background-color:#c2cf8e;
}

#calendar .clear{
clear:both;
}

/* Backend Terminübersicht */

form { margin:0; padding:0; }

input {
font-size:11px;
}

select.month {
width:72px;
}

.typ select {
width:85px;
}

.backend_head th {
background-color:#981b20;
color:#FFFFFF;
font-weight:bold;
padding:2px 6px;
margin-right:2px;
height:20px;
margin-bottom:2px;
}

.backend_head .name {
width:122px;
}

.backend_head .typ {
width:85px;
}

.backend_head .von, .bis {
width:177px;
}

.backend_row {
clear:left;
margin-bottom:2px;
}

.backend_row td {
background-color:#fef2cf;
padding:2px 6px;
margin-right:2px;
height:20px;
margin-bottom:2px;
}

.backend_row .name {
width:122px;
}

.backend_row .typ {
width:85px;
}

.backend_row .von, .bis {
width:177px;
}

.backend_row .no-padding {
	padding:0 !important; margin:0;
}

.backend_row table, .backend_row tr, .backend_row td {
	padding:0; margin:0;
}

/* Fehlerausgabe */

#error{
background-color:#facfbb;
padding:10px;
border:solid 2px #FF0000;
color:#FF0000;
font-weight:bold;
margin-bottom:10px;
}

#error span{
font-size:2em;
}