/* ----- BASICS ELEMENTS -------------------------------------------------------------------- */

body {
font-family: Arial, Verdana;
background-image:url(../img/background.gif);
background-repeat:repeat-y;
overflow:auto;
margin: 0;
padding: 0;
}

img, div { behavior: url(iepngfix.htc) }

p { 
  padding-top: 0px }

.showcase {
  margin: 1px;
  padding: 1px;
  border: 1px #2B5175 solid;
  }

a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	color: #2B5175;
	text-decoration: none;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	color: #402013;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	color: #402013;
	text-decoration: underline;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	color: #2B5175;
	text-decoration: none;
}

/* ----- DiV ELEMENTS -------------------------------------------------------------------- */

#main {
position:relative;
width:724px;
height:auto;
margin-left:auto;
margin-right:auto;
padding:50px;
}

#header
        {
position: relative;
right: -17px;
width: 724px;
height: 50px; 
font-size: 12px;
letter-spacing: 1px;
        }


#karte {
float:center;
background-image:url(../img/karte.gif);
background-repeat:no-repeat;
background-attachment:scroll;
width:724px;
height:612px;
padding:0;
}

/* ----- Textinhalt -------------------------------------------------------------------- */


#text {
float:right;
position: relative;
top: 40px;
right: 12px;
width:325px;
height:520px;
color:#402013;
background:#FFF;
font-size:12px;
}

#text h2 {
font-family:verdana, arial, helvetica, tahoma, sans-serif;
letter-spacing:-1px;
font-size:150%;
width:95%;
margin:0;
padding:0 0 10px;
}

/* ----- Bilder -------------------------------------------------------------------- */

<--- #bild01 {
background:url(../img/bild01.jpg);
background-repeat:no-repeat;
position:absolute;
top:180px;
width:316px;
height:150px;
}


#gabel {
position:absolute;
top:-140px;
left:-220px;
}

#messer {
position:absolute;
top:-140px;
right:-560px;

}


/* ----- LAYOUT - Menu 1 -------------------------------------------------------------------- */

.spacer {
margin-left:-1px;
margin-right:-1px;
}


#navlist ul         {
position: relative;
right: 20px;
margin: auto;
float: right;
width: 770px;
        }


#navlist ul li {
display:inline;
}

#navlist ul li a {
color:#FFF;
text-decoration:none;
float:right;
padding:5px 10px;
}

#navlist ul li a:hover {
background-color:#2B5175;
color:#FFF;
}

/* ----- LAYOUT - Menu 2 -------------------------------------------------------------------- */

#navcontainer2 {
position:absolute;
margin-top:200px;
margin-left:105px;
}

#navlist2 {
background-position:center;
height:210px;
width:170px;
background:url(../img/menug.gif) no-repeat;
margin:0;
padding:10px 0 0 -5px;
}

#navlist2 a {
display:block;
width:170px;
height:30px;
border:none;
float:left;
margin-right:-3px;
}

#navlist2 a#restaurant:hover {
background:url(../img/menug01.gif) no-repeat;
}

#navlist2 a#uns:hover {
background:url(../img/menug02.gif) no-repeat;
}

#navlist2 a#speisekarte:hover {
background:url(../img/menug03.gif) no-repeat;
}

#navlist2 a#galerie:hover {
background:url(../img/menug04.gif) no-repeat;
}

#navlist2 a#veranstaltungen:hover {
background:url(../img/menug05.gif) no-repeat;
}

#navlist2 a#kontakt:hover {
background:url(../img/menug06.gif) no-repeat;
}

#navlist2 a#impressum:hover {
background:url(../img/menug07.gif) no-repeat;
}

#navlist2 span {
display:none;
}




.clearleft{
	clear: left;
}

#mitte , .mitte {
    width: 320px;
    float: left;
}

label{
    position: relative;
	width: 105px;
	display: block;
	float: left;
	margin-bottom: 3px;
	text-align: right;
	margin-right: 10px;
}

.impressum label {
    width: 120px;
    text-align: left;
}