@charset 'utf-8';
@import url(reset.css);
@import url(defaults.css);

/*

	Projekt: Gästehaus Arnold Bettingen
	Datei: style.css
	Author: Carolin Schwank

*/


/* ----------------------------------------------------- Page layout */

/* Basics */
body {
	background: url(../img/bgPage.png) left top #E6E6DB;
	font: 100.01% normal  Helvetica, "Helvetica neue", Arial, Geneva, "sans serif";
	text-align: center;
	margin: 50px 0 0 0;
}

a { text-decoration: none; }
	a:link { color: #474642 }
	a:visited { color: #474642  }
	a:hover { color: #B00; }
	a:active { color: #B00 }
strong { font-weight: bold; color: #666; }
em {  }

/* Layout */

#wrapper {
	background-color: #f4f4ed;
	font-size: 0.8em;
	margin: 0 auto;
	padding: 6px;
	text-align: left;
	width: 822px;
}

#footer {
	font-size: 0.6em;
	margin: 0 auto;
	padding: 5px;
	text-align: right;
	text-transform: uppercase;
	width: 822px;
}

#header {
	/*background: url(../img/bgHeader.png) no-repeat right top #b2bb1d;*/
	border-bottom: 6px solid #F4F4ED;
	height: 180px;
}

#logo {
	float: left;
	width: 235px;
}

#picDeko {
	background: url(../img/restaurantTerrasse.jpg) no-repeat 0 0 #B2BB1D;
	float: right;
	height: 180px;
	width: 581px;
}

#content {
	background: url(../img/bgContent.png) repeat-y 0 0 #FFF;
}

#navBar {
	float: left;
}

#mainContent {
	float: right;
	margin: 0;
	padding: 30px 30px 50px 0;
	width: 520px;
}

/* Textgestaltung */
.s {font-size: 0.8em;}
p {line-height: 1.5em;margin: 0 0 0.5em 0;}

h1 {display: none;}
h2 {color: #939088;font: 1.8em Georgia, Times, serif;margin: 0 0 0.6em 0;}
h3 {color: #474642;font-size: 1.2em;font-weight: bold;margin: 0.5em 0 0.3em 0;}
h4 {color: #474642;font-size: 0.8em;font-weight: bold;margin: 0 0 0.3em 0;}

#navBar ul {
	background: url(../img/trenner.png) repeat-x 0 0 transparent;
	margin: 37px 0 0 20px;
	width: 190px;
}

#navBar li {
	background: url(../img/trenner.png) repeat-x left bottom transparent;
	padding: 6px 0 6px 0;
}

#navBar li a.current {
	color: #B00;
	font-weight: bold;
}

#navBar a {
	background: url(../img/arrow.png) no-repeat 0 4px transparent;
	display: block;
	font-weight: bold;
	padding: 0 0 0 13px;
}

#navBar ul ul{
	background: none;
	font-size: 85%;
	margin: 5px 0 0 0;
}

#navBar ul ul li {
	background: none;
	padding: 0 0 5px 0;
}

#navBar ul ul a {
	background: none;
	display: block;
	font-weight: normal;
	padding: 0 0 0 13px;
}

/* Spezielle Klassen */

.imgBorder img {
	background-color: #F4F4ED;
	border: 1px solid #E2DFD5;
	float: left;
	margin: 5px 10px 10px 0;
	padding: 3px;
}

#gemueseGerichte .foto, #rindfleischGerichte .foto, #gefluegelGerichte .foto, #fischGerichte .foto, #dessert .foto, #kebap .foto {
	float: left;
	width: 90px;
	margin: 0 15px 0 0;
}

#gemueseGerichte .foto img, #rindfleischGerichte .foto img, #gefluegelGerichte .foto img, #fischGerichte .foto img, #dessert .foto img, #kebap .foto img {
	background-color: #F4F4ED;
	border: 1px solid #E2DFD5;
	margin: 5px 0 0 0;
	padding: 3px;
}

#gemueseGerichte ul, #rindfleischGerichte ul, #gefluegelGerichte ul, #fischGerichte ul, #dessert ul {
	margin: 0 0 0 110px;
}

#lammGerichte .foto {
	margin: 10px 0;
}

#lammGerichte .foto img {
	background-color: #F4F4ED;
	border: 1px solid #E2DFD5;
	margin: 0 10px 0 0;
	padding: 3px;
}

ul.speisekarte li {
	background: url(../img/arrow.png) no-repeat 0 7px transparent;
	line-height: 20px;
	padding-left: 12px;
}

.lupe {
	background: url(../img/lupe.gif) no-repeat 0 7px transparent;
	font-size: 80%;
	margin: -10px 0 15px 0;
	padding: 8px 0 4px 20px;
	text-align: left;
}


/* Allgemeine Klassen */

.trenner {
	background: url(../img/trenner.png) repeat-x 0 5px transparent;
	height: 5px;
	padding-top: 5px;
	margin: 5px 0 5px 0;
}