* {
margin:0;
padding:0;
list-style:none;
list-style-image:none;
}

html, body {
height:100%;
}


div#load, div#load img {
position:absolute;
display:none;
}


body {
background:url(img/bodybg.jpg) repeat-x left center #520910;
font-family:Arial, Helvetica, sans-serif;
font-size:7.5pt;
font-weight:normal;
line-height:14pt;
color:#FFF;
min-height:550px;
}

#vertcenter {
	float:left;
	width:100%;
	height:50%;
	margin-top:-276px; /* halbe Höhe + 1, wegen BG-Versatz */
	
		
}


#wrap {
	width:960px;
	height:550px;
	margin:0 auto;
	background:url(img/wrap.jpg) no-repeat left top;
	overflow:hidden;
	clear:both;
}


a:link, a:visited {
color:#FFF;
text-decoration:none;
outline:none;
}

a:hover, a:active, a.active {

color:#da4d34;
}

div.logo {
width:154px;
height:47px;
display:inline;
text-indent:-999em;
margin:0 72px 0 104px;
float:left;
overflow:hidden;
}


h1#logo {
background:url(img/delicate_logo.gif) no-repeat left top;
width:154px;
height:30px;
}


h1#bar {
background:url(img/delicate_bar.gif) no-repeat 0px 0px;
width:154px;
height:17px;
}


ul#nav {
height:47px;
width:520px;
float:left;
}

ul#nav li {
float:left;
display:block;
height:34px;
text-transform:uppercase;
}


ul#nav li a {
text-align:center;
float:left;
padding:10px 15px 0 15px;
margin-right:7px;
height:34px;
display:block;
font-weight:bold;
}

ul#nav li a:hover, ul#nav li a.active {
background:url(img/navbg.jpg) repeat-x top left;
color:#da4d34;
height:34px;
padding:10px 15px 0 15px;
}


#contentwrap {
clear:both;
width:818px;
height:468px;
margin-left:30px;
margin-right:30px;
border:1px solid #FFF;
background:url(img/graustreifen.gif) no-repeat 819px -1px;
padding-right:80px;
overflow:hidden;
}


#mask {
width:820px;
height:469px;
overflow:hidden;
}

#scroll {
width:8080px;
height:2000px;
background:url(img/contentbg.png) repeat left top;
}


.page {
float:left;
width:821px;
height:469px;
}


.content {

width:821px;
height:269px;
overflow:hidden;
background:url(img/leftbg.gif) repeat-y 50% top;
background-attachment:fixed;

}

.left {
width:300px;
height:268px;
float:left;
background:#6a0915;
}

.subnav {
padding:80px 50px;
}



.subnav li {
border-bottom:1px dotted #b9a6a6;
line-height:14pt;
}


.submask {
height:269px;
overflow:hidden;
width:520px;
}


.subscroll {

height:1000px;
}


.subpage {
overflow:hidden;
height:269px;
width:520px;

}

.morescroll {
width:15000px;
}


.morepage{
float:left;
overflow:hidden;
width:520px;
}


/* Typo & Elements */
.page h1 {
margin-left:300px;
margin-top:93px;
font-style:italic;
font-size:14pt;
font-weight:bold;
margin-bottom:38px;
height:27px;
color:#FFFFFF;
background-position:bottom left;
background-repeat:no-repeat;
}

.page h1#headwillkommen {
background-image:url(img/headlines/willkommen.png);
text-indent:-999em;
}

.page h1#headueber {
background-image:url(img/headlines/ueber.png);
text-indent:-999em;
}

.page h1#headspeisen {
background-image:url(img/headlines/speisen.png);
text-indent:-999em;
}

.page h1#headempfehlungen {
background-image:url(img/headlines/empfehlungen.png);
text-indent:-999em;
}

.page h1#headcatering {
background-image:url(img/headlines/catering.png);
text-indent:-999em;
}

.page h1#headkontakt {
background-image:url(img/headlines/kontakt.png);
text-indent:-999em;
}

.page h1#headimpressum {
background-image:url(img/headlines/impressum.png);
text-indent:-999em;
}

*html .page h1, *html .page h1#headueber, *html .page h1#headwillkommen, *html .page h1#headspeisen, *html .page h1#headempfehlungen, *html .page h1#headcatering, *html .page h1#headkontakt, *html .page h1#headimpressum {
background-image:none;
text-indent:0;
}

h2 {
color:#da4d34;
font-size:11pt;
height:bold;
margin:50px 40px 10px 35px;
}

h3 {
margin:10px 0 5px 35px;
font-size:8pt;
color:#f2c0aa;
font-weight:normal;
width:268px;
border-bottom:1px dotted #CCC;
}

.content p {
padding:0px 25px 0px 35px;
text-align:left;
height:190px;
overflow:hidden;
float:left;
word-spacing:2px;
}

.content p.mitbild {
width:268px;
padding-right:8px;
}

.content strong {
color:#f2c0aa;
font-weight:normal;
}

.content p.ohneh2 {
margin-top:50px;
}


.content p a, .content p a:link {
color:#f2c0aa;
}

.content p a:hover {
color:#fff;
}







#news .left {
width:300px;
height:268px;
float:left;
background:url(img/leftbg2.gif) no-repeat left top;
}



.left p, .left h2 {
margin:0;
padding:0;
padding-left:80px;
}


#news .left p, #news .left h2,  #news .left h3 {
	padding-left:20px;
	padding-right:60px;
	width:auto;
}

 #news .left h3 {
	 padding:5px 0;
	 line-height:1.6em;
	 margin:0;
	 margin-left:20px;
	 width:200px;
	 font-size:1.4em;
 }
 
 
 #news .left h2 {
	 margin-top:30px;
 }

.left h2 {
margin-top:50px;
margin-bottom:10px;
}

.square {
float:right;
margin-left:0px;
margin-top:0px;
margin-right:23px;
background-color: ;
background:url(img/squarebg.gif) repeat-y 50% top fixed #6a0915;
height:219px;
width:172px;
padding-top:50px;
overflow:hidden;
display:inline;
}


.square img {
border:1px solid #FFF;
}

.paging, .squarepaging, .gallpaging {
float:right;
background:url(img/paging.png) no-repeat top right;
width:172px;
height:20px;
padding:0px 5px;
margin-right:25px;
}

*html .paging {
margin-right:12px;
}

.squarepaging {
margin-right:0;
height:20px;
margin-top:20px;
}

a.next {
float:right;
margin-right:20px;
}

a.prev {
float:left;
margin-left:20px;
}


.gallimg {
margin-left:23px;
margin-top:30px;
margin-bottom:0px;
border:1px solid #FFF;
background:#520910;
padding:10px;
float:right;
margin-right:15px;

}

.gallpaging {
float:right;
background:url(img/paging.png) repeat top right #520910;
width:272px;
height:20px;
margin-top: 14px;
padding:0px 5px;
margin-right:15px;
}

.gallpaging p {
padding:0;
float:right;
text-align:center;
width:216px;
margin:0;
}


*html .morepage, *html .subpage, *html .submask {
width:518px;
}

*html ul#nav li a {
margin-right:3px;
}


#footer {
text-align:right;
margin-top:10px;
padding-right:30px;
}

#footer p {
color:#a13543;
}


form, p.messages {
padding-left:30px;
margin-top:170px;
}

.leftform, .reservierung {
float:left;
width:180px;
}

label {
padding:0px;
width:150px;
display:block;
float:left;
}

input, textarea {
border:0;
padding:3px;
font-size:7pt;
width:140px;
}

input.radio {
width:20px;
margin-top:5px;
}

.clear {
clear:both;
display:block;
width:220px
}

textarea {
height:70px;
font-family:Arial, Helvetica, sans-serif;

}

#spam {
width:70px;
float:left;
}

#submit {
width:70px;
color:#FFF;
background:#FF0000;
margin-left:3px;
}