/* Alle Abstände global auf 0 setzen */
*
{
padding:	0;
margin:		0;
}

html, body {

	height: 100%}
	
body
{
	background: url(../pix/layout/bg.jpg) repeat #F5F3D1;
	text-align:		center;
	font-family:	Arial, Helvetica, sans-serif;
}

#wrapper
{
	background: url(../pix/layout/content-bg.jpg) repeat-y	#355975;
	width:			800px;
	margin:			0px auto;
	padding: 0px 8px;
	text-align:		left;
	min-height: 750px;
}


/* ::: Logo ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#header
{
	background: url(../pix/titel/gastraum.jpg) no-repeat #FFFFEA;
	border-bottom: #000000 solid 1px;
	height: 250px;
}


#header img
{
margin: 50px 30px 25px 25px;
border: 0;
}



/* ::: faux-colums ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#homer {
width:800px;
}


/* ::: Navigation ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#navibox
{
	float:			left;
	margin:			0;
	padding:		20px 0 20px 0;
	width:			200px;	
	font-family: Georgia, "Times New Roman", Times, serif;
}

#navibox ul
{
	list-style-type:	none;
}

#navibox ul li
{
	display:	block;
	float:		left;
}

#navibox ul li a
{
	color:				#fff;
	display:			block;
	padding:			0px 5px 0 40px;
	width:				140px;
	height:				1.8em;
	font-size:			1em;
	line-height:		1.8em;
	text-decoration:	none;

	voice-family:	"\"}\"";
	voice-family:	inherit;
	font-size:		1em;
}

html>#navibox ul li a
{
	font-size: .9em;
}

#navibox ul li a:hover
{
	color:		#343C87;
	background:	#fff;
}

body#home #navibox li#eins a,
body#hotel #navibox li#zwei a,
body#zimmerpreise #navibox li#drei a,
body#restaurant #navibox li#vier a,
body#karte #navibox li#fuenf a,
body#weihnachten #navibox li#sechs a,
body#sylvester #navibox li#sieben a,
body#anfahrt #navibox li#acht a,
body#kontakt #navibox li#neun a,
body#impressum #navibox li#zehn a,
body#veranstaltungen #navibox li#elf a
{
color:		#343C87;
background:	#fff;
}

#navibox p
{
margin: 120px 0 0 0;
font-family: "trebuchet ms", verdana, arial, sans-serif;
color: #FFFFFF;
font-size: .8em;
text-align: center;
}

#navibox p img
{
margin: 15px auto;
border: 0;
}



/* ::: Inhalt ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


#content
{
width: 590px;
float: left;
padding: 5px 5px 5px 5px;
min-height: 750px;
height:auto !important; 
height: 750px;
background: #FFFFEA;
}


#content h1
{
padding: 16px 0 0px 30px;
font-size: 1.4em;
font-weight: normal;
color: #355975;
font-family: Georgia, "Times New Roman", Times, serif;
}

#content h2
{
padding: 5px 0 0px 30px;
font-size: 1.2em;
font-weight: normal;
color: #355975;
}


#content hr
{
border: #355975 solid 1px;
margin: 0px 20px 20px 20px;
paddin: 0 0 20px 0;
border-width:  1px 0 0 0;
height: 1px;
}


#content p
{
padding: 0 30px 14px 30px;
font-size: 0.8em;
text-align: justify;
line-height: 18px;
color: #355975;
font-family: "trebuchet ms", verdana, arial, sans-serif;
}


#content img.text
{
	float:			left;
	padding:		5px 10px 20px 5px;
}

#content p.textcenter
{
clear: both;
text-align: center;
}


#content img.textleft
{
	float:			right;
	padding:		5px 5px 2px 10px;
}


#content a
{
text-decoration: underline;
color:#C68B0C;
}

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

#content a:active
{
text-decoration: none;
color:#355975;
}

#content table
{
margin: 5px 10px 10px 70px;
width: 430px;
background: #fff;
border: #000 1px solid;
border-collapse: collapse;
}

#content table td
{
border: #000 1px solid;
border-width: 1px;
font-size: .8em;
line-height: 17px;
padding: 2px 4px;
}

#content table td.head
{
font-size: .8em;
text-align: center;
background: #B8CEDF;
}

#content table td.right
{
text-align: right;
font-size: .8em;
}

#content table td.mitte
{
text-align: center;
font-size: .8em;
}

#content table td.headleft
{
font-size: .8em;
background: #B8CEDF;
}

#content table td.left
{
font-size: .8em;
}

/* ::: Menueboxen ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.menuebox
{
	margin:			10px 0 4px 70px;
	padding:		5px;
	background:		#FDF8D0;
	border: 		1px solid #C68B0C;
	border-width: 	1px 0;
	width:			430px;
}

.menuebox p
{
	padding:		0 5px !important;
	font-size:		12px;
	text-align:		center !important;
}

.menuebox p.small
{
	padding:		4px 5px !important;
	font-size:		11px !important;
	color:			#CC6600;
	text-align:		left;
}

.menuebox p.mitte
{
	padding:		15px 5px !important;
	font-size:		12px;
	text-align:		center !important;
}

.menuebox h2
{
	padding:		5px !important;
	color:#355975 !important;
	font-size:		16px;
	text-align:		center !important;
}



/* ::: Copyright ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#copyright
{
clear: both;
margin: 20px 0px 0px 10px;
border-top: #C68B0C solid 2px;
}

#copyright p
{
margin: 0px 0px 0px 190px;
padding: 10px;
background: #FFFFEA;
text-align: center;
font-size: .8em;
color: #355975;
}

#copyright a
{
text-decoration: underline;
color:#C68B0C;
}

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

#copyright img
{
float: right;
margin: 10px 24px 30px 6px;
}