body {
	background: url(../images/background/body.gif) #c1c2c6 repeat-x; font-family: Georgia, "Times New Roman", Times, serif; color: #555; font-size: 10pt; margin: 0; padding: 0 0 20px; text-align: center; }
body#reservierung
	{ background-color: #fff; background-image: none; }

img
	{ border: 0; }

#page {
	width: 725px;
	background-color: #fff;
	color: #555;
	margin: auto;
	padding: 0;}

#header {	
	height: 232px;
	margin: 0;
	padding: 0;}
	
.home #header
	{ background: url(../images/header_start.jpg); }
.kueche #header
	{ background: url(../images/header/header_kueche.jpg); }
.team #header
	{ background: url(../images/header/header_team2010.jpg); }
.partner #header
	{ }
.catering #header
	{ background: url(../images/header_catering.jpg); }
.mehr1550 #header
	{ background: url(../images/header_mehr1550.jpg); }
.speisekarte #header
	{ background: url(../images/header_speisekarte.jpg); }
.aktionskarte #header
	{ background: url(../images/header_aktionskarte.jpg); }
.getraenkekarte #header
	{ background: url(../images/header_getraenkekarte.jpg); }
.galerie #header
	{ background: url(../images/header/header_galerie.jpg); }
.geoeffnet #header
	{ background: url(../images/header_geoeffnet.jpg); }
.anschrift #header
	{ background: url(../images/header_anfahrt.jpg); }
.reservierung #header
	{ background: url(../images/header_resrviert.jpg); }
.anfahrt #header
	{ background: url(../images/header_anfahrt.jpg); }
.impressum #header,
.datenschutz #header
	{ background: url(../images/header_anfahrt.jpg); }

#logo
	{ background: url(../images/background/header.gif); height: 100px; padding-left: 40px; text-align: left; width: 725px; }

#nav li { list-style: none; margin:0; }

#nav {
	width: 725px;
	margin: 0;
	padding: 0;
	width: 725px;
	height: 33px;
	background: url(../images/background/bg_nav.jpg) repeat-x;
	color: #E4C49B;	
	font-style:italic;
	font-size: 0.939em;	}

#nav li{ display: inline; list-style: none; }

#nav a {
	 border-right: 1px solid #E4C49B;
	color: #E4C49B;
	display: block;
	float: left;
	padding-left:11px;
	padding-right:11px;
	padding-bottom: 1.5px;
	margin-top: 7px;
	text-decoration: none; }

#nav .last a { border-right: none; }

#nav a:hover, #nav a.active {
	color: #fff;
	text-decoration: none; }

#nav li { list-style: none; margin:0; }

#nav {
	width: 725px;
	margin: 0;
	padding: 0;
	width: 725px;
	height: 33px;
	background: url(../images/background/bg_nav.jpg) repeat-x;
	color: #E4C49B;	
	font-style: italic;
	font-size: 0.939em;	}

#sub_nav
	{ background: url(../images/background/nav_bg.gif) repeat-x 0 100%; display: inline; float: left; height: 77px; margin: -20px 0 25px -40px; padding: 0 0 0 35px; width: 690px; }
#sub_nav li
	{ display: inline; list-style: none; margin: 0; padding: 0; position: relative; }
#sub_nav a
	{ display: block; float: left;  font-size: 1px ;margin: 0; padding: 0; position: relative; text-decoration: none; text-indent: -9999px; width: 720px; }
.kueche #sub_nav a,
.team #sub_nav a,
.partner #sub_nav a
	{ background-image: url(../images/subnav/restaurant.gif); }
.speisekarte #sub_nav a,
.aktionskarte #sub_nav a,
.getraenkekarte #sub_nav a
	{ background-image: url(../images/subnav/karten.gif); }
.geoeffnet #sub_nav a,
.anschrift #sub_nav a
	{ background-image: url(../images/subnav/kontakt.gif); }
#sub_nav #n1 a,
#sub_nav #n2 a,
#sub_nav #n3 a
	{height: 77px; width: 180px; }
#sub_nav #n1 a
	{ background-position: 0 0; }
#sub_nav #n2 a
	{ background-position: -180px 0; }
#sub_nav #n3 a
	{ background-position: -360px 0; }
#sub_nav #n1 a:hover,
#sub_nav #n1 a:focus,
#sub_nav #n1 a:active,
#sub_nav #n1 a.active,
#sub_nav #n1 a.active:hover,
#sub_nav #n1 a.active:focus,
#sub_nav #n1 a.active:active
	{ background-position: 0 -77px; }
#sub_nav #n2 a:hover,
#sub_nav #n2 a:focus,
#sub_nav #n2 a:active,
#sub_nav #n2 a.active,
#sub_nav #n2 a.active:hover,
#sub_nav #n2 a.active:focus,
#sub_nav #n2 a.active:active
	{ background-position: -180px -77px; }
#sub_nav #n3 a:hover,
#sub_nav #n3 a:focus,
#sub_nav #n3 a:active,
#sub_nav #n3 a.active,
#sub_nav #n3 a.active:hover,
#sub_nav #n3 a.active:focus,
#sub_nav #n3 a.active:active
	{ background-position: -360px -77px; }
	
#mainarea {
	width: 725px;
	clear: both;
	color: #555;
	text-align: left;
	background: #fff;}


#contentarea,
.contentarea
	{ background: #fff; color: #333; float: left; font-size: 1em; line-height: 1.7em; padding: 20px 0 20px 40px; width: 335px; }

#contentarea img,
.contentarea img
	{border: 5px solid #fff; }
	
.anfahrt #contentarea,
.datenschutz #contentarea,
.speisekarte #contentarea,
.getraenkekarte #contentarea
	{ width: 650px;}
.home #contentarea,
.mehr1550 #contentarea,
.zukunft #contentarea
	{ width: 310px; }

#galerie { border-bottom: 15px solid #fff; }
#galerie p { margin: 0 0 -6px; }
#galerie_subline { clear: both; }
#galerie_subline .serviceteam,
#galerie_subline .kuechenteam { display: inline; float: left; margin-left: 45px; text-align: center; }
#galerie_subline .serviceteam { width: 320px; }
#galerie_subline .kuechenteam { width: 300px; }
#galerie_subline .serviceteam p,
#galerie_subline .kuechenteam p { margin: 5px 0 25px; }

#map { height: 300px; margin-bottom: 5px; width: 650px;}

table { clear: both; width: 645px; border: none; text-align: left; line-height: 1.1em}
.centre { border-bottom: 1px solid #ddd; font-size: 1.3em; margin-bottom: 10px;}
td.preise {text-align: right; width: 60px;}
td.inhalt {text-align: right; width: 65px;}
td.sorte {text-align: right; width: 110px;}

/* Kontaktform */
#contentarea fieldset { border: 0; border-top: 1px solid #ddd; clear: both; }
#contentarea fieldset legend { color: #555; font-weight: bold; }
#contentarea form label.label { clear: left; display: block; float: left; margin: .4em 0 .8em; width: 150px; }
#contentarea form input.input { display: block; float: left; margin: .6em 0; width: 140px; }
#contentarea form textarea { margin-bottom: .6em; width: 290px; }
#contentarea .required,
#contentarea .warning { font-weight: bold; color: #AB110A; }

#sidebar,
.sidebar
	{ float: right; padding: 50px 0 0 0; text-align: left; width: 325px; }
.geoeffnet #sidebar,
.anschrift #sidebar
	{ padding-top: 100px; }

.home #sidebar {padding-top: 100px; width: 350px;}
.mehr1550 #sidebar,
.zukunft #sidebar {padding-top: 100px; width: 350px;}
.galerie #sidebar {padding-top: 90px; }
.team #sidebar {padding-top: 95px; text-align:center; }

/* Imgrow */
.imgrow { clear: both; margin-left: 1px; }
.imgrow img { border-bottom: 25px solid #fff; float: left; margin-left: 37px; }


#footer {
	width: 725px;
	padding: 5px 0 3px 0;
	clear: both;
	text-align: right;
	font-size: 0.9em;
	background-color: #C1C2C6;
	color: #444;
	}

#footer a { color:#444; padding-right: 5px; text-decoration: none;  line-height: 2.0; }
#footer a:hover, #footer a.active { text-decoration: none; color: #AB110A}
#footer a.fb { background: url(../images/background/f.gif) no-repeat 0 1px; padding-left: 15px; }

h1, h1 a {
	font-size: 1.5em;
	color: #444;
	padding-top: 3px;
	clear: both;}

h2 {
	font-size: 1em;
	color: #444;
	padding: 0;
	margin: 1.5em 0 0 0;
	clear: both;}

h3 { font-size: 1em; color: #444; padding: 0; margin: 0;}


a {	color: #AB110A;
	text-decoration: underline;}
small
	{ font-size: .8em; }

.fett{ font-weight: bold;}
.mark {font-size: 0.75em; color:#AB110A;}
.subtitle { color: #666; font-size: .75em; text-align: center; width: 325px; }
.leftalign
	{ float: left; margin: 0 10px 5px 0; }
.rightalign
	{ float: right; margin: 0 0 5px 10px; }

.centr { text-align:center; width: 645px; }
.kursiv { font-style:italic; font-weight: bold; text-align: center;}

h2.table
	{ border-bottom: 1px solid #ddd; font-size: 1.3em; margin-bottom: 10px; width: 645px; }
table h3
	{ font-style: italic; font-weight: bold; text-align: center; }

/* Klassen */
.price
	{ text-align: right; vertical-align: bottom; width: 60px; }
.highlighted
	{ color: #444; font-size: 1.25em; }
.rot
	{ color: #0c0; } /* ;-) */
.header,
.footer,
.special,
.special h2,
.special td,
table td.special,
table span.special
	{ clear: both; color: #ab110a; }

/* Aktionskarten */
.aktion
	{ text-align: center; width: 645px; }
.aktion h2
	{ color: #ab110a; font-size: 1.25em; }

/* Infobox */
#infobox
	{ background: #961913; clear: both; color: #e4c49b; margin: 0 25px 20px 40px; padding: .3em 0; }
#infobox h2,
#infobox p
	{ margin-left: 20px; }
#infobox li
	{ margin-bottom: .6em; }
#infobox h2,
#infobox p,
#infobox li
	{ color: #e4c49b; }
