/* general styles ---------------------------*/
.noScreen
{
	display: none;
}

body
{
	line-height: 1.3846em; /* 18px */
	*line-height: 1.35em;
}

#doc4
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans;
}

h1
{
	font-weight: bold;
	font-size: 123.08%; /* 16px */
	line-height: 1.25em; /* 20px */
	*line-height: 1.22em;
	margin: 2.5em 0 1.0625em; /* 40px 0 17px@16px */
	*margin: 2.44em 0 1.04em;
}

h2
{
	font-weight: bold;
	font-size: 107.69%; /* 14px */
	line-height: 1.2857em; /* 18px@14px */
	*line-height: 1.25em;
	margin: 0;
}

a:link,
a:visited,
a:active
{
	color: #b80d15;
	text-decoration: none;
}

a:hover
{
	color: #b80d15;
	text-decoration: underline;
}

ul li
{
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 1.6154em; /* 21px */
	*margin-left: 1.73em; /* 23px */
}

ol li
{
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 1.6154em; /* 21px */
	*margin-left: 1.73em; /* 23px */
}

div.clearing
{
	clear: both;
	width: 100%;
	height: 0;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}

div.spacer
{
	clear: both;
	width: 100%;
	height: 1.3846em;
	*height: 1.35em;
	margin: 0;
	padding: 0;
}

.error
{
	color: #b80d15;
}

/* header -----------------------------------*/
#boxHeaderScreen
{
	position: relative;
	width: 100%;
	height: 12.4615em; /* 162px*/
	*height: 12.16em;
}

/* logo with link to /home --------------*/
#aHome
{
	position: absolute;
	top: 0;
	right: 0;
}

#aHome #imgLogo
{
	width: 24.9231em; /* 324px */
	*width: 24.32em;
	height: 6.1538em; /* 80px */
	*height: 6.01em;
}

/* language navigation ------------------*/
#boxLanguageNavi
{
	font-size: 92.31%; /* 12px */
	color: #797979;
	text-transform: lowercase;
	padding: 2.25em 0 0 .25em; /* 27px 0 0 3px@12px */
	*padding: 2.20em 0 0 .24em;
}

#boxLanguageNavi a:link,
#boxLanguageNavi a:visited,
#boxLanguageNavi a:active,
#boxLanguageNavi a:hover
{
	color: #797979;
}

#boxLanguageNavi #spanLanguageCurrent
{
	color: #d0d0d0;
}

/* navigation ---------------------------*/
#boxNavi
{
	position: absolute;
	left: 0;
	bottom: .8333em; /* 10px@12px */
	*bottom: .81em;
	font-size: 92.31%; /* 12px */
	line-height: 1.5em; /* 18px@12px */
	*line-height: 1.46em;
}

#boxNavi .liNavi
{
	display: block;
	float: left;
	list-style-type: none;
	padding: 0 1.25em; /* 0 15px@12px */
	*padding: 0 1.22em;
	margin: 0;
}

#boxNavi .liNaviHome
{
	background-image: url(/_images/naviHome.gif);
	background-position: 0 50%;
	background-repeat: no-repeat;
}

#boxNavi .liNaviSelected
{
	background-image: url(/_images/naviSelected.gif);
	background-position: 0 50%;
	background-repeat: no-repeat;
}

#boxNavi a:link,
#boxNavi a:visited,
#boxNavi a:active
{
	color: #797979;
	text-decoration: none;
}

#boxNavi a:hover
{
	color: #797979;
	text-decoration: underline;
}

/* body -------------------------------------*/
.containerContent
{
	position: relative;
	height: 37.4615em; /* 487px */
	*height: 36.56em;
	color: #000000;
	background-color: #e0d7ce;
	background-image: url(/_images/crest.gif);
	background-position: 2.7692em 100%; /* 36px 100% */
	*background-position: 2.70em 100%;
	background-repeat: no-repeat;
	overflow: hidden;
}

.containerContentHome
{
	background-color: #a41d23;
	background-image: none;
}

.containerContentNews
{
	background-image: url(/_images/crestNews.gif);
	background-position: 50% 1.0769em; /* 50% 14px */
	*background-position: 50% 1.05em;
	background-repeat: no-repeat;
}

.containerContentContact,
.containerContentDetail
{
	background-image: none;
}

.containerLeft
{
	float: left;
	width: 33.3077em; /* 433px */
	*width: 32.50em;
	padding: 0 0 0 2.7692em; /* 0 0 0 36px */
	*padding: 0 0 0 2.70em;
}

.containerRight
{
	float: right;
	width: 37.4615em; /* 487px */
	*width: 36.56em;
	overflow: hidden;
}

/* sub navigation -----------------------*/
#boxSubNavi
{
	position: absolute;
	top: .75em; /* 9px@12px */
	*top: .73em;
	font-size: 92.31%; /* 12px */
	line-height: 1.5em; /* 18px@12px */
	*line-height: 1.46em;
	padding-left: 3em; /* 36px@12px */
	*padding-left: 2.93em;
	z-index: 1;
}

/* footer -----------------------------------*/
#boxFooter
{
	font-size: 84.62%; /* 11px */
	line-height: 1.6364em; /* 18px@11px */
	*line-height: 1.60em;
	color: #000000;
	margin: 1.0909em 0 2.2727em; /* 12px 0 25@11px */
	*margin: 1.06em 0 2.22em;
}

#boxFooter a:link,
#boxFooter a:visited,
#boxFooter a:active
{
	color: #000000;
	text-decoration: none;
}

#boxFooter a:hover
{
	color: #000000;
	text-decoration: underline;
}

/* search engine/super navigation -------*/
#boxSearchEngineNavi,
#boxSuperNavi
{
	display: inline;
	color: #797979;
}

#boxSearchEngineNavi a:link,
#boxSearchEngineNavi a:visited,
#boxSearchEngineNavi a:active,
#boxSuperNavi a:link,
#boxSuperNavi a:visited,
#boxSuperNavi a:active
{
	color: #797979;
	text-decoration: none;
}

#boxSearchEngineNavi a:hover,
#boxSuperNavi a:hover
{
	color: #797979;
	text-decoration: underline;
}

/* special content --------------------------*/
/* home ---------------------------------*/
#containerLeftHome
{
	text-align: center;
	width: 31.9231em; /* 415px */
	*width: 31.15em;
	min-width: 415px;
	margin: 5.8462em 0 0 1.3846em; /* 76px 0 0 18px */
	*margin: 5.71em 0 0 1.35em;
	padding: 0;
}

#containerLeftHome #imgCrestHome
{
	width: 17.8462em; /* 232px */
	*width: 17.42em;
	height: 25.8462em; /* 336px */
	*height: 25.22em;
	min-width: 232px;
	min-height: 336px;
}

/* opening times ------------------------*/
.indexcms
{
	position: relative;
	*position: static;
}

.boxOpening
{
	position: absolute;
	left: 12.3333em; /* 148px@12px */
	*left: 12.04em;
	bottom: 1.8333em; /* 22px@12px */
	*bottom: 1.79em;
	font-size: 92.31%; /* 12px */
	line-height: 1.3333em; /* 16px@12px */
	*line-height: 1.30em;
	width: 27.0833em; /* 325px@12px */
	*width: 26.43em;
}

/* news ---------------------------------*/
/* general --------------------------*/
.containerContentNews
{
	height: 37.4615em; /* 487px */
	*height: 36.56em;
	overflow: hidden;
}

.containerContentNews .indexcms
{
	float: left;
	width: 36.0769em; /* 469px */
	*width: 35.21em;
}

.containerContentNews .navigate
{
	display: none;
}

/* teasers --------------------------*/
.boxTeaser
{
	font-size: 92.31%; /* 12px */
	margin: 0 0 1.5em; /* 0 0 18px@12px */
	*margin: 0 0 1.46em;
}

.boxTeaserText
{
	margin: 0;
	padding: 0;
}

.boxTeaserText h1
{
	font-size: 116.67%; /* 14px@12px */
	line-height: 1.2857em; /* 18px@14px */
	*line-height: 1.25em;
	margin: 0 0 .6429em; /* 0 0 9px@14px */
	*margin: 0 0 .63em;
}

/* details --------------------------*/
#boxNewsDetail
{
	width: 37.4615em; /* 487px */
	*width: 36.56em;
	height: 38.6923em; /* 503px */
	*height: 37.76em;
	color: #000000;
	background-color: #ad9e89;
	overflow: scroll;
}

#boxNewsDetail img.picpopRightNews,
#boxNewdDetail a.picpopRightNews img
{
	width: 37.4615em; /* 487px */
	*width: 36.56em;
	height: auto;
	min-width: 487px;
}

#boxNewsDetail .containerLeft
{
	width: 32.2308em; /* 419px */
	*width: 31.45em;
}

#boxNewsDetail h1
{
	margin: 1.3846em 0; /* 18px 0 */
	*margin: 1.35em 0;
}

/* Google Map ---------------------------*/
#map
{
	width: 37.4615em; /* 487px*/
	*width: 36.56em;
	height: 37.4615em; /* 487px */
	*height: 36.56em;
	min-width: 487px;
	min-height: 487px;
}

/* some general styles for forms ------------*/
label,
div.label
{
	display: block;
	float: left;
	padding-top: .0777em; /* 1px */
	*padding-top: .15em; /* 2px */
}

.required
{
	color: #b80d15;
}

input.button,
input.reset,
input.submit
{
	border: solid 1px #bdbdbd;
	vertical-align: middle;
	font-size: 84.62%; /* 11px */
}

input.text,
input.password,
textarea
{
	font-size: 99%;
	line-height: 1.3986em; /* 18px@99% */
	*line-height: 1.36em;
	color: #000000;
	padding: 0 .3108em; /* 0 4px@99% */
	*padding: 0 .30em;
	border: 1px solid #bdbdbd;
}

input.text,
input.password
{

	margin-bottom: .1554em; /* 2px */
	*margin-bottom: 0;
}

input.radio
{
	vertical-align: -40%;
	*vertical-align: -25%;
	margin-bottom: .3077em; /* 4px */
	*margin-bottom: 0;
}

span.radio
{
	display: block;
	float: left;
	margin-right: 1em; /* 13px */
	*margin-right: .98em;
	padding-top: .0777em; /* 1px */
	*padding-top: .08em;
}

span.checkbox
{
	/* add your styles here, if required */
}

select
{
	font-size: 99%;
	color: #000000;
	border: solid 1px #c0c0c0;
}

/* more general styles: rows of buttons -----*/
div.boxButtons
{
	clear: both;
	width: 33.1538em; /* 431px */
	*width: 32.35em;
	text-align: right;
	margin: .3077em 0 .6923em; /* 4px 0 9px */
	*margin: .15em 0 .68em; /* 2px 0 9px */
	/* IE6 only: prevent cut-off buttons */
	_padding-bottom: 1px;
}

/* contact form -----------------------------*/
#formContact label
{
	display: block;
	float: left;
	width: 11.3077em; /* 147px */
	*width: 11.04em;
	_width: 10.81em; /* 144px */
}

#formContact .text,
#formContact select,
#formContact textarea
{
	width: 21.2898em; /* 274px@99% */
	*width: 20.78em;
	margin-bottom: .1554em; /* 2px@99% */
	*margin-bottom: 0;
}

#formContact select
{
	width: 22.0668em; /* 284px@99% */
	/* select boxes will be rendered
	 * differently in Internet Explorer */
	*width: 21.61em; /* 285px@99% */
}

#formContact #textareaMessage
{
	width: 21.6006em; /* 278px@99% */
	*width: 21.08em;
	height: 8.3916em; /* 108px@99% */
	*height: 8.19em;
	padding-right: 0;
}

/* menu card --------------------------------*/
.menu {
	height: 400px;
	width:	450px;
	overflow: auto;
}

.menuLeft {
	width: 350px;
}

.menuRight {
	width: 150px;
}

/* Speisekarte unter News */

#boxNewsDetail .containerRight .boxRightImage img.picpopRight
{
	display: none;
}

#boxNewsDetail .containerLeft H1
{
	margin-top:40px;
}

#boxNewsDetail .containerLeft .menu
{
	z-index: 0;
	width: 436px;
}

#telContainer {
	position: absolute;
	top: 130px;
	right: 0;
	color: #797979;
}

