/*********************************************************************************/
/********************************************************* allgemeine styles *****/

body {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
	color: #FFF;
	background-color: #290605;
}

* {
	margin: 0;
	padding: 0;
}

a:link, 
a:visited {color:#FFF; text-decoration: underline;}
a:hover, 
a:active, 
a:focus {color:#FFF; text-decoration: underline;}

img {border: 0px;}

.alles {
	width: 100%;
}
.rahmen {
	position: relative;
	width: 980px;
	margin: 0 auto;
	min-height: 700px;
	background: #290605 url(../img/bg_body.png) no-repeat 0 0;
}


/*********************************************************************************/
/******************************************************************** header *****/

.header {
	float: left;
	width: 980px;
	height: 240px;
}
.header .logo {
	float: left;
	width: 540px;
	height: 140px;
}
.header .logo a {
	display: block;
	width: 540px;
	height: 140px;
	background: transparent url(../img/logo.png) no-repeat 0 35px;
}

/*********************************************************************************/
/********************************************************************** navi *****/

.navi {
	float: left;
	width: 980px;
	height: 100px;
}
.navi ul li {
	float: left;
	list-style: none;
	margin: 0 4px 0 0;
	border-top: 17px #FFF solid;
}
.navi ul li.home 	{border-color: #bd4932;}
.navi ul li.about 	{border-color: #fffad5;}
.navi ul li.contact {border-color: #a49a87;}
.navi ul li.foodtruck 	{border-color: #fffad5; margin: 0 4px 0 24px;}
.navi ul li.events 	{border-color: #79bd8f; margin: 0 28px 0 0;}
.navi ul li.catering{border-color: #dc9e36;}
.navi ul li.menue 	{border-color: #f77a52;}
.navi ul li.gallery {border-color: #bd4832; margin: 0 0 0 24px;}
.navi ul li.present	{border-color: #79bd8f; margin: 0 28px 0 24px;}

.navi ul li a {
	display: block;
	color: #FFF;
	float: left;
	text-decoration: none;
	line-height: 28px;
	padding: 0 5px 25px 5px;
	text-align: center;
}
.navi ul li.home a:hover, .navi ul li.home.akt a		{background-color: #863424;}
.navi ul li.about a:hover, .navi ul li.about.akt a		{background-color: #b4b096;}
.navi ul li.foodtruck a:hover, .navi ul li.foodtruck.akt a	{background-color: #b4b096;}
.navi ul li.contact a:hover, .navi ul li.contact.akt a	{background-color: #746d60;}
.navi ul li.events a:hover, .navi ul li.events.akt a	{background-color: #568665;}
.navi ul li.catering a:hover, .navi ul li.catering.akt a{background-color: #9d7027;}
.navi ul li.menue a:hover, .navi ul li.menue.akt a		{background-color: #b3583b;}
.navi ul li.gallery a:hover, .navi ul li.gallery.akt a	{background-color: #8e3424;}
.navi ul li.present a:hover, .navi ul li.present.akt a	{background-color: #568665;}

/*********************************************************************************/
/******************************************************************* content *****/

.content {
	float: left;
	width: 980px;
	min-height: 300px;
}
.content .bildleiste {
	float: left;
	width: 980px;
	background-color: #FFF;
}
.content .bildleiste img {
	float: left;
	margin: 0 0 7px 7px;
}
.content .col {
	float: left;
	margin: 0 100px 0 0;
}


.content h1 {
	margin: 0 0 10px 0;
}
.content h2 {
	margin: 20px 0 10px 0;
}
.content p {
	margin: 0 0 10px 0;
}
.content img.lft {
	float: left;
	margin: 0 10px 10px 0;
}

.gallery_line {
	float: left;
	width: 980px;
}
.gallery_line img {
	float: left;
	margin: 0 10px 0 0;
}

.flyer_table {
	float: right;
	width: 600px;
}
.flyer_table td {
	vertical-align: top;
	padding: 5px;
}
.flyer_table td strong {
	white-space: nowrap;
}
.flyer_table td h2 {
	margin: 0;
}
.flyer_table td h3 {
	margin: 20px 0 0 0;
}
.flyer_table td ul {
	margin: 0 0 0 15px;
}


.flyer_container {
	float: left;
	width: 380px;
}
.flyer_container a {
	display: block;
	float: left;
	clear: left;
	margin: 0 0 20px 0;
}

/*********************************************************************************/
/******************************************************************** footer *****/

.footer {
	float: left;
	width: 980px;
	height: 165px;
}
.footer .event {
	float: left;
	width: 330px;
	height: 165px;
	position: relative;
}
.footer .event .text {
	width: 210px;
	position: absolute;
	left: 0;
	bottom: 24px;
}
.footer .event .text h2 {
	text-transform: uppercase;
	display: inline;
	font-size: 13px;
}
.footer .event .text p {
	display: inline;
}
.footer .social {
	float: left;
	width: 330px;
	height: 165px;
	position: relative;
}
.footer .social a.fb {
	float: left;
	display: block;
	line-height: 16px;
	background: transparent url(../img/logo_fb.png) no-repeat 0 0;
	position: absolute;
	left: 0;
	bottom: 24px;
	padding: 0 0 0 20px;
}
.footer .tipp {
	float: left;
	width: 320px;
	height: 165px;
	position: relative;
}
.footer .tipp p {
	position: absolute;
	left: 0;
	bottom: 24px;
	padding: 0 0 0 20px;
}