body
{
	background-color: #FBE673;
	margin: 0;
	font-family: Myriad, "Myriad MS", Arial, sans-serif;
	font-size: 14px;
	color: #000;
}

div.body {
	background-image: url(../images/css/bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 680px;
	padding-left: 24px;
}

body.site { border:0; padding: 0; }

img { border: 0; }

p
{
	margin: 0px 0px 14px 0px;
}

a { color: #f44c3b; }

a:hover { color: #802820; }

h1
{
	font-size: 26px;
	color: #000;
	font-weight: normal;
	margin: 0 0 20px 0;
}

h2
{
	font-size: 16px;
	color: #000;
	font-weight: bold;
	margin: 0 0 18px 0;
}

.body .container {
	background-color: transparent;
	border: 0;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	padding: 0;
}

.header { min-height: 110px; }

ul.image-row {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}

ul.image-row li {
	display: inline;
	padding-right: 20px;
}

ul.image-row li:last-child {
	padding-right: 0;
}

ul.image-row.two-images img { width: 48%; }
ul.image-row.three-images img { width: 30%; }

@media (max-width: 460px) {
	ul.image-row li {
		display: block;
		padding-right: 0;
		padding-bottom: 20px;
	}
	ul.image-row.two-images img,
	ul.image-row.three-images img { width: 100%; }
}

.item-page-home
{
	z-index: 100;
	position: absolute;
	top: 119px;
	margin-left: 415px;
  margin-bottom: 24px;
	width: 260px;
	height: 300px;
	overflow: auto;
	padding: 35px 15px 15px 30px;
	background-image: url(../images/css/bg-content.png);
	background-repeat: repeat;
}

.item-page-home ul, .item-page-home li { margin-left: 0; padding-left: 0; }
.item-page li,
.item-page-home li { line-height: 1.2em; }

.item-page
{
	z-index: 100;
	position: absolute;
	top: 168px;
	margin-left: 165px;
	width: 662px;
	min-height: 318px;
	padding: 35px 30px 15px 30px;
	background-image: url(../images/css/bg-content.png);
	background-repeat: repeat;
}

.item-page table { width: 100%; border: 0; border-collapse: collapse; margin-bottom: 24px; }
.item-page table th, .item-page table td { border: 1px solid #fff; padding: 2px;  }

#beschreibung
{
	position: absolute;
	top: 112px;
	margin-left: 15px;
	width: auto;
	height: auto;
	background-color: transparent;
	color: white;
}

#weinflasche
{
	position: absolute;
	top: 135px;
	margin-left: 334px;
}

#weinflasche a
{
	display: block;
	width: 37px;
	height: 155px;
}

#weinflasche a:hover
{
	background-image: url(../images/css/weinflasche-2.png);
	background-repeat: no-repeat;
}

#osaft
{
	position: absolute;
	top: 207px;
	margin-left: 264px;
}

#osaft a
{
	display: block;
	width: 29px;
	height: 78px;
}

#osaft a:hover
{
	background-image: url(../images/css/o-saft-2.png);
	background-repeat: no-repeat;
}

#tasse
{
	position: absolute;
	top: 207px;
	margin-left: 210px;
}

#tasse a
{
	display: block;
	height: 114px;
}

#tasse a:hover
{
	background-image: url(../images/css/tasse-2.png);
	background-repeat: no-repeat;
}

#willibecher
{
	position: absolute;
	top: 170px;
	margin-left: 170px;
}

#willibecher a
{
	display: block;
	width: 31px;
	height: 114px;
}

#willibecher a:hover
{
	background-image: url(../images/css/willibecher-2.png);
	background-repeat: no-repeat;
}

#kettl
{
	position: absolute;
	top: 172px;
	margin-left: 765px;
	background-color: black;
}

#kettl a
{
	display: block;
	width: 122px;
	height: 164px;
}

#kettl a:hover
{
	background-color: #ffd337;
}

#kettl p
{
	margin: 0;
}

#besteck
{
	position: absolute;
	top: 357px;
	margin-left: 732px;
}

#besteck a
{
	display: block;
	width: 63px;
	height: 106px;
}

#besteck a:hover
{
	background-image: url(../images/css/besteck-2.png);
	background-repeat: no-repeat;
}

#teller
{
	position: absolute;
	top: 368px;
	margin-left: 802px;
}

#teller a
{
	display: block;
	width: 131px;
	height: 100px;
}

#teller a:hover
{
	background-image: url(../images/css/essen-2.png);
	background-repeat: no-repeat;
}

#navi, nav.navigation
{
	position: absolute;
	top: 236px;
	margin-left: 15px;
	padding: 80px 0 0 5px;
	border: 0;
	width: 132px;
	height: 234px;
	background-color: #45414C;
	background-image: url(../images/css/bg-menu.png);
	background-repeat: no-repeat;
}

#navi ul, 
nav.navigation ul
{
	list-style-type: none;
	padding: 0;
}

#navi ul li, 
nav.navigation ul li
{
	margin: 0;
	padding: 0;
}

#navi a, 
nav.navigation a
{
	font-family: 'Indie Flower', cursive;
	font-size: 20px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	display: block;
	width: auto;
	height: 40px;
}

#navi a:hover, 
nav.navigation a:hover
{
	color: #FBE673;
	background: none;
}
  #navi li.item-104,
  nav.navigation li.item-104
  {
  	padding-left: 14px;
  }

  #navi li.item-105,
  nav.navigation li.item-105
  {
  	padding-left: 36px;
  }

  #navi li.item-106,
  nav.navigation li.item-106
  {
  	padding-left: 2px;
  }

  #navi li.item-107,
  nav.navigation li.item-107
  {
  	padding-left: 2px;
  }

  #navi li.item-108,
  nav.navigation li.item-108
  {
  	padding-left: 20px;
  }

  #navi li.item-109,
  nav.navigation li.item-109
  {
  	padding-left: 28px;
  }

/* evtl nicht mehr notwendig */
/*
  #navi li.item-104,
  nav.navigation li.item-104
  {
    height: 32px;
    background-image: url(../images/css/menu/essen.png);
    background-repeat: no-repeat;
  }
  
  #navi li.item-104:hover, #navi li.current a.essen,
  nav.navigation li.item-104:hover, nav.navigation li.current a.essen
  {
    background-image: url(../images/css/menu/essen-2.png);
    background-repeat: no-repeat;
  }

  #navi li.item-105,
  nav.navigation li.item-105
  {
  	height: 34px;
  	background-image: url(../images/css/menu/trinken.png);
  	background-repeat: no-repeat;
  }
  
  #navi li.item-105:hover, #navi li.current a.trinken,
  nav.navigation li.item-105:hover, nav.navigation li.current a.trinken
  {
    background-image: url(../images/css/menu/trinken-2.png);
    background-repeat: no-repeat;
  }

  #navi li.item-106,
  nav.navigation li.item-106
  {
  	height: 49px;
  	background-image: url(../images/css/menu/party-kultur.png);
  	background-repeat: no-repeat;
  }
  
  #navi li.item-106:hover, #navi li.current a.party,
  nav.navigation li.item-106:hover, nav.navigation li.current a.party
  {
    background-image: url(../images/css/menu/party-kultur-2.png);
    background-repeat: no-repeat;
  }

  #navi li.item-107,
  nav.navigation li.item-107
  {
  	height: 46px;
  	background-image: url(../images/css/menu/biergarten.png);
  	background-repeat: no-repeat;
  }
  
  #navi li.item-107:hover, #navi li.current a.biergarten,
  nav.navigation li.item-107:hover, nav.navigation li.current a.biergarten
  {
    background-image: url(../images/css/menu/biergarten-2.png);
    background-repeat: no-repeat;
  }

  #navi li.item-108,
  nav.navigation li.item-108
  {
  	height: 45px;
  	background-image: url(../images/css/menu/etcetera.png);
  	background-repeat: no-repeat;
  }
  
  #navi li.item-108:hover, #navi li.current a.etcetera,
  nav.navigation li.item-108:hover, nav.navigation li.current a.etcetera
  {
    background-image: url(../images/css/menu/etcetera-2.png);
    background-repeat: no-repeat;
  }

  #navi li.item-109,
  nav.navigation li.item-109
  {
  	height: 41px;
  	background-image: url(../images/css/menu/kontakt.png);
  	background-repeat: no-repeat;
  }
  
  #navi li.item-109:hover, #navi li.current a.kontakt,
  nav.navigation li.item-109:hover, nav.navigation li.current a.kontakt
  {
    background-image: url(../images/css/menu/kontakt-2.png);
    background-repeat: no-repeat;
  }
*/
/* Ende evtl nicht mehr notwendig */

#impressum
{
	position: absolute;
	top: 555px;
	margin-left: 20px;
	width: auto;
	height: auto;
	background-color: transparent;
	color: #f44c3b;
}

#logout
{
	position: absolute;
	top: 595px;
	margin-left: 20px;
	width: auto;
	height: auto;
	background-color: transparent;
	color: #F44C3B;
	font-weight: bold;
}



/* Preload via CSS */

div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}


@media (max-width: 930px) {
	body { font-size: 1.4em; line-height: 1.2em; }
	body.site { background-color: #F44C3B !important; }
	div.body { 
		background-image: url(../images/css/bg-mobile.gif);
		background-repeat: repeat-x;
		padding: 0 24px;
	}
	#weinflasche { display: none; }
	#osaft { display: none; }
	#tasse { display: none; }
	#willibecher { display: none; }
	#kettl { display: none; }
	#besteck { display: none; }
	#teller { display: none; }
	
	#navi, nav.navigation,
	#beschreibung,
	#impressum,
	.item-page,
	.item-page-home {
		position: relative;
		top: 0;
		width: auto;
		height: auto;
	}
	#impressum,
	#impressum a,
	#impressum a:hover { color: white; }
	#navi, nav.navigation {
		margin-left: 15px;
		padding: 0;
		border: 0;
		width: auto;
		height: auto;
		background-color: transparent;
		background-image: none;
	}
	nav.navigation ul { background-color: rgba(0, 0, 0, 0.7); }
	nav.navigation a { color: white !important; }
	nav.navigation a:hover { color: white !important; background-color: black !important; }
	
  nav.navigation li.item-104,
  nav.navigation li.item-105,
  nav.navigation li.item-106,
  nav.navigation li.item-107,
  nav.navigation li.item-108,
  nav.navigation li.item-109
  {
  	padding-left: 0;
  }
	
	
	.item-page,
	.item-page-home { margin: 0 auto; }
	#impressum { margin-top: 30px; }
}

.login, .logout { position: absolute; z-index:1000; }