body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-image: url("/images/bg_pattern.png");
}

a {
	text-decoration: none;
}
		

/* Main container 
*/

.container {
	margin-top: 20px;
	background-image: url("/images/schatten_kante_seitlich.png");
	background-repeat: repeat-y;
}
/* MENU 
*/

#head h1, 
#head h2 {
		display: none;
}

/* MENU 
*/


#menu .content {
	background-image: url("/images/head.png");
	background-repeat: no-repeat;
	height: 214px;
}

#menu .content h1 {	/* hidde main headline */
	display: none;
}

#menu .content ul {
	padding-top: 84px;
	color: #FFFFFF;
	list-style-type: none;
}

#menu .content ul li { 
	display: inline; 
}

#menu .content ul a {
	background-repeat: no-repeat;
	font-weight: bold;
	color: #fff;
	padding-left: 8px;
	padding-right: 8px;
	background-image: url("/images/buttons.gif");
	background-position: 0px 0px;
	height: 40px;
	line-height: 28px;
	float: left;
}

#menu .content ul a:hover {
	background-position: 0px -120px;
	/* font-style: italic; */
}

#menu .content ul a:active {
	background-position: 0px -80px;
	/* font-style: italic; */
}

#menu .content ul a.selected {
	background-position: 0px -40px;
	/* font-style: italic; */
}

/* MAIN
*/

#main {
	background-image: url("/images/schatten_kante_seitlich.png");
	
}

#main .content {
	background-image: url("/images/inhalt_bg.png"); 
}

#main #main-content {
	background-image: url("/images/wasserzeichen.png");
	background-position: 0 bottom;
	background-repeat: no-repeat;
	padding: 20px;
	height: 100%;
}

#main p {
	line-height: 18px;
}

#main h2 {
	font-size: 26px;
	line-height: 34px;
}

#main h3 {
	font-size: 24px;
	line-height: 30px;
}

#main h4 {
	font-size: 18px;
	line-height: 24px;
}

/* Fooder
*/

#fooder {
	background-image: url("/images/schatten_kante_seitlich.png");
	
}

#fooder .content {
	height: 36px;
	background-image: url("/images/footer.png");
}

#fooder .content ul {
	color: #FFFFFF;
	list-style-type: none;
}

#fooder .content ul li { 
	display: inline; 
}

#fooder .content ul a {
	background-repeat: no-repeat;
	font-weight: bold;
	color: #fff;
	padding-left: 8px;
	padding-right: 8px;
	background-position: 0px 0px;
	height: 36px;
	line-height: 35px;
	float: left;
}

#fooder .content ul a:hover {
	font-style: italic;
}

/* Gallery */

#gallery-thumbs {
	float: left;
}

#gallery-thumbs {
	width: 760px;
}
#gallery-thumbs img {
	padding: 2px;
}

a#gallery-next,
a#gallery-prev {
	display: block;
	width: 28px;
	height: 30px;
	background-repeat: no-repeat;
	border: 0;
	text-decoration: none;
	float: left;
}
a#gallery-next { background-image: url("/images/pfeile_right.gif"); }
a#gallery-prev { background-image: url("/images/pfeile_left.gif"); }

a#gallery-next { background-position: 0px 0px; }
a#gallery-next:hover { 	background-position: 0px -80px; }
a#gallery-next:active { 	background-position: 0px -40px; }

a#gallery-prev { background-position: 0px 0px; }
a#gallery-prev:hover { 	background-position: 0px -80px; }
a#gallery-prev:active { 	background-position: 0px -40px; }


/* Boxes */

.warning-box {
	padding : 12px;
	border-width: 1px;
	border-style: solid;
	margin-bottom: 10px;
	margin-top: 10px;
}

.warning-box {
	color: #000000;
	background-color: #f6e5e5;
	border-color: #f8c2c2;	
}
.warning-box h3 {
	color: #dc143c;
	padding-bottom: 10px;
}

tr.error td , 
.error {
	background-color: #f6e5e5;
}

.info-box {
	padding : 12px;
	border-width: 1px;
	border-style: solid;	
	margin-top: 10px;
}

.info-box {
	color: #000000;
	background-color: #d8e2f8;
	border-color: #8eb3fd;	
}
.info-box h3 {
	color: #6699ff;
	padding-bottom: 10px;
}

/* Reservation */
#contact {
	margin-top: 30px;
	margin-bottom: 30px;

}

#contact p,
#reservation p {
	padding-top: 6px;
	padding-bottom: 4px;
}

#reservation h4 {
	padding-top: 12px;
	padding-bottom: 4px;
}

#contact h4 {
	padding: 0px;
	font-size: 15px;
}

#reservation table td {
	padding-top: 3px;	
} 

#contact input,
#contact textarea,
#contact select,
#reservation input,
#reservation textarea,
#reservation select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; 
	border-style: solid;
	border-width: 1px;
	border-color: #FAF1D0;
	border-bottom-color: #666666;

}

#reservation label {
	width: 140px;
	display: block;
	float: left;
}

/* Reservation button */
a.button {
	border:thin solid #999999;
	padding: 4px;
	background-color: #FAF1D0;
	color: #222;
	font-weight: bold;
	
}

a.button:hover {
	border:thin solid #bbb;
	padding: 4px;
	background-color: #999999;
	color: #FAF1D0;
	
}