/* 
	
	CSS definition by: haasquadrat Internetagentur
	Date: 06/21/2010

*/

body {
	margin:0 auto;
	padding:0;
	background-color:#791B12;
	font-family:arial, sans-serif;
	font-size:100.01%;
	color:#000;
	text-align:center;
}

#container {
	width:100%;
	height:600px;
	margin:0 auto;
	padding:0 0 50px 0;
	background-color:#fff;
	font-size:72%;
	text-align:left;
	float:left;
}

#intro {
	width:775px;
	margin:0 auto;
	padding:0;
}

#head {
	height:75px;
	padding:16px 0;
	background-color:#791B12;
	text-align:center;
}

#foot {
	height:75px;
	padding:16px 0;
	background-color:#791B12;
	font-size:72%;
}

.bar {
	width:775px;
	margin:0 auto;
}

.booking, .specials {
	width:350px;
	font-size:1em;
	color:#fff;
	line-height:150%;
	text-align:left;
	float:left;
}

.specials {
	margin:0 0 0 75px;
	text-align:right;
}

.booking a, .specials a {
	font-size:1em;
	font-weight:bold;
	color:#fff;
	text-decoration:underline;
}

.booking a:hover, .specials a:hover {
	text-decoration:none;
}

.booking h2, .specials h2 {
	margin:0;
	padding:0;
}

.booking h2 a, .specials h2 a {
	text-decoration:none;
}

#content {
	width:990px;
	margin:0 auto;
	padding:0;
}

#sidebar {
	width:175px;
	float:left;
}

#sidebar ul {
	margin:15px 0 0 0;
	padding:0;
}

#sidebar li {
	margin:15px 0 15px 0;
	padding:0 20px 0 0;
	list-style:none;
	font-size:1em;
	color:#791B12;
	line-height:125%;
}

#sidebar li.sub {
	margin:0 0 10px 0;
	padding:0 20px 0 10px;
	font-size:0.95em;
	color:#791B12;
	line-height:125%;
}

#sidebar li a {
	font-size:1em;
	color:#791B12;
	text-decoration:none;
}

#sidebar li a:hover {
	text-decoration:underline;
}

#sidebar li a.active {
	font-weight:bold;
	color:#791B12;
}

#contentMain {
	width:815px;
	margin:15px 0 0 0;
	float:left;
}

#contentLeft {
	width:450px;
	margin:0 50px 0 0;
	float:left;
}

#contentLeftSmall {
	width:230px;
	margin:0 50px 0 0;
	float:left;
}

#contentRight {
	width:315px;
	float:left;
}

#contentRightBig {
	width:485px;
	float:left;
}

#navigationMain {
	margin:0 0 10px 175px;
	padding:0;
}

#navigationMain li {
	list-style:none;
	margin:0 15px 0 0;
	font-size:1em;
	color:#791B12;
	line-height:35px;
	float:left;
}

#navigationMain li a {
	font-size:1em;
	color:#791B12;
	line-height:35px;
}

/* text elements */

h1 { font-size:1.1em; color:#000; }

p, address { font-size:1em; font-style:normal; color:#000; line-height:150%; }

span.imageTitle { font-size:0.95em; color:#000; line-height:125%; }

a { font-size:1em; color:#791B12; text-decoration:none; outline:0; }
a:hover { text-decoration:underline; }
a img { vertical-align:top; outline:0; }

/* images */

img { border:0; }

/* lists */

li { line-height:175%; }

/* table */

.tableNormal { width:100%; border:0; border-collapse:collapse; }
.tableNormal th, .tableNormal td { padding:0 0 5px 0; vertical-align:top; }
.tableNormal th { color:#791B12; }

/* misc */

.clear { clear:both; }

/* alignments */

.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }

.scrollbar { height:250px; margin:0; padding:0; overflow:auto; }

#slideshow { width:450px; height:280px; display:block; overflow:hidden; }

/* navigation slideshow */
#nav { margin:5px 0 0 0; }
#nav a { margin:0 5px 0 0; padding:0; text-decoration:none }
#nav a.activeSlide { font-weight:bold; }
#nav a:focus { outline:0; }
#caption { margin:5px 0 0 0; font-size:0.95em; color:#000; line-height:125%; }

/* popup */
#popupBackground { display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#000; z-index:10000; }
#popupTeaser { display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:500px; width:325px; padding:5px; background:#fff; text-align:left; z-index:10001; }
#popupTeaser h1 { margin:0; padding:5px 10px; background:#791B12; font-family:arial, serif; font-size:1.5em; font-weight:lighter; color:#fff; text-align:center; border-bottom:1px solid #fff; }
#popupTeaser p { padding:5px 10px; font-size:1.2em; color:#000; line-height:150%; text-align:center; }
#popupClose { position:absolute; bottom:5px; width:325px; margin:0 auto; padding:5px 0; background:#791B12; font-size:1.1em; font-weight:bold; color:#fff; text-decoration:none; text-align:center; }

/* booking bar */
#booking { width:940px; padding:10px 25px; margin:0 auto 25px auto; background:#fff; text-align:center; border-bottom:1px solid #ddd; }
#booking form, #booking fieldset { font-size:1em; margin:0 auto; padding:0; border:0; text-align:center; }
#booking label { margin:0 5px 0 0; padding:0; font-family:arial, sans-serif; font-size:1em; font-weight:bold; color:#000; line-height:23px; float:left; }
#booking input.field { width:75px; height:17px; margin:0 5px 0 0; padding:2px 4px; font-family:arial, sans-serif; font-size:1em; color:#666; border-left:1px solid #999; border-top:1px solid #999; border-right:1px solid #ddd; border-bottom:1px solid #ddd; float:left; }
#booking input.button { height:23px; margin:0 0 0 5px; padding:0 15px; background:#999; font-family:arial, sans-serif; font-size:1em; font-weight:bold; color:#fff; text-transform:uppercase; line-height:23px; border:0; cursor:pointer; float:left; }
#booking input.button:hover { background:#bbb; }
#booking select { width:50px; margin:0 15px 0 0; padding:3px 3px; font-family:arial, sans-serif; font-size:1em; color:#666; line-height:21px; border-left:1px solid #999; border-top:1px solid #999; border-right:1px solid #ddd; border-bottom:1px solid #ddd; float:left; }
#booking img { margin:3px 15px 0 0; float:left; }
#booking .clear { clear:both; }