/*Allgemeine Einstellungen*/

*{
 margin:0;
 padding:0;
}

body{
 font-family:arial, helvetica, sans-serif;
 background:#A5393C;
}

img{
 border: 0;
}

/*DIV's*/

#seite{
 clear:both;
 position:relative;
 left:50%;
 background:#FFFFFF url(hg.gif);
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px -420px;
 text-align:left;
 width:840px;
 overflow:hidden;
}


#top{
clear:both;

 position:relative;
 left:50%;
 background:#FFFFFF url(top.jpg);
 margin:0px 0px 0px -420px;
 padding:0px 0px 0px 0px;
 height:144px;
 width:839px;
}

#abschlussleiste{
	position:relative;
    left:420px;
	background:#FFFFFF url(hg_unten.gif);
	margin:0px 0px 0px -420px;
	padding:0px 0px 0px 0px;
	height:22px;
	width:840px;
	overflow:hidden;
	top: 3px;
}

#bildertop{
 margin:0px 0px 0px 10px;
 height:260px;
 width:821px;
}

#navigation{
 background:#FAD5A3;
 height:25px;
 width:819px;
 margin:0px 10px 0px 10px;
 padding:0px 0px 0px 0px;
}

#content{
 overflow:hidden;
 margin:0px 20px 10px 10px;
 padding:10px 10px 0px 10px;
 width:822px;
 height:auto;
}

.startseiteangeb{
 float:left;
 background: url(trenner.gif);
 background-repeat:repeat-y;
 padding:0px 5px 0px 10px;
 margin:10px 5px 0px 5px;
 height:300px;
 width:248px;
 text-align:left;
 font:12px arial, helvetica, sans-serif;
 color:#434343;
 line-height:17px;
}

.unten{
 clear:both;
 float:middle;
 background:#FAD5A3;
 background-repeat:repeat-y;
 padding:0px 5px 0px 10px;
 margin:10px 5px 0px 5px;
 height:75px;
 width:799px;
 text-align:left;
 font:12px arial, helvetica, sans-serif;
 color:#434343;
 line-height:17px;
}

.textseite{
 float:left;
 background: url(trenner.gif);
 background-repeat:repeat-y;
 width:380px;
 text-align:left;
 font:12px arial, helvetica, sans-serif;
 color:#000000;
 line-height:17px;
 padding:0px 5px 0px 10px;
 margin:10px 0 0 5px;
}

.anfahrt{
 float:left;
 background: url(trenner.gif);
 background-repeat:repeat-y;
 width:380px;
 height:300px;
 text-align:left;
 font:12px arial, helvetica, sans-serif;
 color:#000000;
 line-height:17px;
 padding:0px 5px 0px 5px;
}

#kontakt{
 background:#FAD5A3;
 margin:0px 0px 0px 10px;
 padding:5px 0px 0px 0px;
 height:35px;
 width:819px;
}

#speisebemerkung{
 clear:both;
 background:#D92710 url(bemerkung_speise.gif);
 margin:0px 0px 10px 0px;
 padding:0px 0px 0px 0px;
 height:40px;
 width:780px;
}



/*Navi-Einstellungen*/


#kontakt a{
 text-decoration:none;
  color:#4D4D4D;
}


#navigation ul{
}

#navigation ul li{
 display:inline;
 margin:0 17px 0px 0px 
}

#navigation ul li a{
 text-decoration:none;
 color:#666;
}



/*Typo-Einstellungen*/


#kontakt p{
 color:#4D4D4D;
 text-align:center;
 font:12px arial, helvetica, sans-serif;
 line-height:15px;
 margin:3px 21px 0px 21px;
}

#inhalt p{
 text-align:left;
 line-height:15px;
 margin:15px 100px 0px 119px;
}

td{
 text-align:left;
 vertical-align:top;
 font:12px arial, helvetica, sans-serif;
 color:#000;
 line-height:17px;
 margin:0px 0px 0px 0px;
}

.text {
	clear:both;
	font-size:14px;
	color:#434343;
	font-family: 'Arial';
	text-align:left;
	line-height: 120%;
	float: none;
	padding: 10px 15px 0 15px;
}

.fragment {
    z-index:1;
    position:absolute;
	font-size: 20px;
	height: 250px;
	width: 794px;
	color: #FFF;
	display: block;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;	text-decoration: none;
	border:15px solid #000;
	background:#A5393C;
}
.fragment img {
	float: left;
	padding: 10px 15px 0 0px;
}
.fragment h3 {
    text-align: center;
	clear:both;
	font-size:24px;
	line-height:120%;
	padding: 10px 15px 0 15px;
	margin: 0;
	color: #FFF;
}
.fragment h4 {
	padding:  0 15px 0 15px;
	margin: 0;
	color: #FFF;
}
#close {
	float:right;
	display:inline-block;
	padding:2px 5px;
	background:#FFFFFF;
}