/* ------------------------ */
/* Restaurant Napoleonwald	*/
/* ------------------------ */
/*	styleguide				*/
/*							*/
/*	farben: gelb 	#ffffcc (fensterhintergrund)				*/
/*			ocker	#FFCC33 (fensterrahmen, linien)				*/
/*			karamel	#CA9300 (seitenhintergrund, headertext )	*/
/*			grün	#339933	(schrift, logos, Pfeile )			*/
/*							*/

body {
		background:url(img/hintergrund.jpg) repeat-x #CA9300;
		font-size:1em;
		margin-top:30px;
		margin-bottom:30px;
}

h1 {
		font-weight:bold;
		font-size:1.2em;
		line-height:2em;
		color:#393;
		margin-top:1em;
}

h2 {
		font-size:1em;
		font-weight:bold;
		line-height:2em;
		color:#393;
		margin-top:1em;
}

h3 {
		font-size:0.9em;
		font-weight:bold;
		line-height:2em;
		color:#393;
		margin-top:1em;
}

p, td {
		margin:1em 0em;
		font-size:0.9em;
		color:#393;
}


td {
		vertical-align:top;
		padding-right:20px;
		padding-top:5px;
}

hr {
		color: #fc3;
		height:2px;
		clear:left;
}

strong, strong a {
		color:#CA9300;
		font-weight:bold;
		text-decoration:none
}

a {
		color:#393;
		text-decoration:none;
}

a:hover, a:focus {
		text-decoration:underline;
		color:#393;		
}

/* für ie, sonst wird Rahmen um Bilder mit Links blau #0000ff angezeigt */
a img { 
		border-color:#339933;
}
/* positionierungen */

#content {
		background-color:#ffffcc;
}

#inhalt {
		margin:30px;
		margin-left:180px;
		width:570px;
}

.logo {
		position:absolute;
		left:60px;
		top:60px;
		z-index:1000;
		width:109px;
		height:96px;
}

#lorbeer_l {
		position:absolute;
		left:20px;
		top:384px;
		z-index:1001;
		width:39px;
		height:51px;
}

#lorbeer_r {
		position:absolute;
		left:180px;
		top:384px;
		z-index:1001;
		width:39px;
		height:51px;
}

#header  { 
		font-size:0.7em;
		line-height:1em;
		font-weight:bold;
		color: #ca9300;
		border-bottom:3px solid #FFCC33;
		padding-bottom:20px;
}

/* navigation */
/*            */

#navigation {
/* fixed would be nice, but not in ie -> reposition with js-funciton */
		position:absolute;
		left:30px;
		top:180px;
		z-index:1000;
		width:180px;
}

#navigation ul {
		font-size:0.9em;
		line-height:1.1em;
		margin: 0; 
		color:#339933;
}

#navigation li {
		list-style: none;
		padding: 0;
}

#navigation a {
		color: #393;
		text-decoration: none; font-weight: bold;
}


#navigation a:hover, #navigation span { /* aktiver Menüpunkt */
		color: #fc3;
		font-weight:bold;
}

.sub { 
		padding-left:20px;
}

.restaurant {
		font-size:0.9em;
		color:#393;
		padding-left:20px;
		padding-bottom:0.5em;
}

.preis, .menge {
		font-size:0.9em;
		color:#393;
		text-align:right;
		padding-left:20px;
		padding-bottom:0.5em;
}

.preis {
		padding:0;
		margin:0:
}

/* definitionen für tabellen in speise- und getraenkekarte*/
.getraenkekarte {
		width:100%;
}


.subnav {
		font-size:0.7em;
		color:#393; 
/*		color: #fc3; */
		font-weight:bold;
		text-decoration:none;
}

.subnav#hover {
		color:blue;
		text-decoration:underline;
}


/* Galerie */
.vorschau {
		margin:10px;
		width:160px;
		font-size:0.8em;
		color:#393;
}


.detail {
		padding:0px;
		margin-left:10px;
		width:320px;
		height:320px;
		text-align:center;
		vertical-align:middle;
}

.galerienavigation {
		padding:0px;
		margin-left:10px;
		width:320px;
		font-size:0.8em;
		color:#393;
		text-align:center;
		vertical-align:middle;
}

.galerienavigation a {
		font-weight:bold;
}

.galerienavigation a:hover {
		text-decoration:none;
		color: #fc3;
}

.galeriebild {
		border:1px solid #393;
}

.galerienav {
		width:320px;
		margin:0px;
		text-align:justify;
}


/* helpers */

.gelb 	{color:#ffffcc;}
.ocker	{color:#FFCC33;}
.karamel{color:#CA9300;}
.gruen	{color:#339933;}

.border {1px dotted blue;}