@charset "utf-8";


/******************************************************************
 *Author: Emanuel Rinne
 *Created: 2009					
 *Copyright: Euroweb Internet GmbH 
/******************************************************************


/* --------------------------------------------------------------------------- */
/* ############################# GLOBAL ###################################### */
/* --------------------------------------------------------------------------- */


* { margin: 0;	
	padding: 0; 
	list-style-type: none; 
	text-decoration: none;
	border: none;
	outline: none;
}

body {
	background: #7f0626 url(../images/bg-body.jpg) repeat-x center 0px;
	font-family:Verdana, Arial;
	text-decoration: none;
	list-style-type: none;
	color: #666;
	font-size: 11px;
}

html[xmlns^="http"] { overflow-y: scroll;}


/*
KLASSEN + ANDERE STANDARDS
==================================================*/

.clear { clear: both;}

.floatLeft { float: left;}

.floatRight { float: right;}

hr { 
	color: #41100C; 
	height: 1px; 
	border-top: solid 1px #E1E1DF;
	border-bottom: transparent;
	clear: both;
	margin-bottom: 10px;
}

.highlight,
.highlight-oeffnungszeiten,
.highlight-adresse,
.highlight-kontakt {
	font-weight:bold;
	padding:0 0 5px 0;
	color:#890C2C;
	font-size:12px;
}

.highlight-oeffnungszeiten,
.highlight-adresse,
.highlight-kontakt {
	margin: 3px 0 5px 0!important;
}

.image {
	border:none;
}

.boxShort {
	width:50px;
   float:left;
}

.padding { padding:0 0 20px 0; }
 
.highlightBox { background:#f6f3dd; padding:20px; border:1px solid #D8D7D6; }

ul.list {
	margin:0 0 20px 0;
	position:relative;
	padding:5px 0 0 0;
}

ul.list li {
	background:url(../images/li-arrow.gif) top left no-repeat;
	background-position: 0 4px;
	margin:0 0 10px 0;
	padding:0 0 0 16px;
	position:relative;
}

/* --------------------------------------------------------------------------- */
/* ############################# LAYOUT ###################################### */
/* --------------------------------------------------------------------------- */


/*
CONTAINER
==================================================*/

div#container {
	width:840px;
	margin: 0 auto;
}


/*
HEADER
==================================================*/

div#header {
	width:840px;
	height:235px;
	background: url(../images/bg-header.jpg) top left no-repeat;
	position:relative;
}


/*
BRANDING
==================================================*/

h1.branding{
	left:35px;
	top:41px;
	position:relative;
	width:200px;
	height:150px;

}

div.branding-bio {
	width:110px;
	height:100px;
	position:absolute;
	top:80px;
	left:470px;
	text-indent:-9999px;
}

div.branding-fleischer {
	width:90px;
	height:100px;
	position:absolute;
	top:80px;
	left:580px;
	text-indent:-9999px;
}

div.branding-landjuwel {
	width:130px;
	height:110px;
	position:absolute;
	top:80px;
	left:675px;
	text-indent:-9999px;
}


/*
SLIDESHOW
==================================================*/

div#no-slide {
	position: absolute;
	width: 100px;
	height: ;
	background: ;
	color: #fff;
	padding: 5px;
	top: 0;
	left: 0;
	line-height: 16px;
	font-size: 12px;
}

div#slideshow {
	width:400px;
	height:300px;
	position:relative;
 }


/*
CONTENT
==================================================*/


div#content-container { 
	float: left;
	width:840px;
	background:url(../images/bg-container.jpg) repeat-y 0px 0px;
	position:relative;
}

div#content-main-container {
	width:840px;
	float:left;
	background:url(../images/bg-main.jpg) top left no-repeat;
}

div#content-sidebar { 
	width: 200px;
	float:left;
	padding:0 0 0 36px;
}


div.content-sidebar-add { 
	width: 180px
}


div#content-main { 
	width:450px;
	float:left;
	padding:2px 0 0 104px;
	_padding:2px 0 0 66px;
	overflow:hidden;
}



/*
FOOTER
==================================================*/


div#footer {
	background:url(../images/bg-footer.jpg) top left no-repeat;
	height:140px;
	float:left;
	width:840px;
}

div#footer-content1 {
	float:left;
	width:150px;
	margin:0 0 0 10px;
}

div#footer-content2 {
	float:left;
	width:150px;
	margin: 0 0 0 10px;
}

div#footer-content3 {
	float:left;
	width:150px;
	margin: 0 0 0 10px;
}


/* --------------------------------------------------------------------------- */
/* ########################### NAVIGATION #################################### */
/* --------------------------------------------------------------------------- */


ul#navi.naviactive,
ul#navi {
	float:left;
	position:relative;
	width:220px;
	height:332px;
	display: block;
	top:16px;
	left:0;
}

ul#navi li {
	position: relative;
	float:left;
	background:
}

ul#navi a {
	display:block; 
	text-decoration:none;
	color:#484735;
	height:19px;
	padding:4px 0 0 16px;
	display:block;
	width:220px;
	font-size:11px;
	background:url(../images/navi_bg01.gif) 0 bottom no-repeat;
}

/*
ACTIVES MENUE 
==================================================*/


ul#navi.naviactive01 li a.n01,
ul#navi.naviactive02 li a.n02,
ul#navi.naviactive03 li a.n03,
ul#navi.naviactive04 li a.n04,
ul#navi.naviactive05 li a.n05,
ul#navi.naviactive06 li a.n06,
ul#navi.naviactive07 li a.n07,
ul#navi.naviactive08 li a.n08,
ul#navi.naviactive09 li a.n09,
ul#navi.naviactive10 li a.n10,
ul#navi.naviactive11 li a.n11,
ul#navi.naviactive12 li a.n12,
ul#navi.naviactive13 li a.n13,
ul#navi li a.n01:hover,
ul#navi li a.n02:hover,
ul#navi li a.n03:hover,
ul#navi li a.n04:hover,
ul#navi li a.n05:hover,
ul#navi li a.n06:hover,
ul#navi li a.n07:hover,
ul#navi li a.n08:hover,
ul#navi li a.n09:hover,
ul#navi li a.n10:hover,
ul#navi li a.n11:hover,
ul#navi li a.n12:hover,
ul#navi li a.n13:hover {
	background:url(../images/navi_bg02.gif) 0 bottom no-repeat;
	color:#8c1433;
	font-weight:bold;
}


/* --------------------------------------------------------------------------- */
/* ######################## ADDITIONIAL NAVI ################################# */
/* --------------------------------------------------------------------------- */


ul#navi-add.naviactive,
ul#navi-add {
	position:absolute;
	width:330px;
	height:20px;
	display: block;
	top:32px;
	left:379px;
	color:#8c1433;
}

ul#navi-add li {
	position: relative;
	float:left;
}

ul#navi-add a {
	color:#8c1433;
	margin:0 5px 0 5px;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	display:block;
	float:left;
}
	
#navi01 li a:hover {color:#484735;}


ul#navi-add.naviactive01 li a.na01,
ul#navi-add.naviactive02 li a.na02,
ul#navi-add.naviactive03 li a.na03,
ul#navi-add.naviactive04 li a.na04,
ul#navi-add li a.na01:hover,
ul#navi-add li a.na02:hover, 
ul#navi-add li a.na03:hover,
ul#navi-add li a.na03:hover {
	text-decoration:underline;
}


/* --------------------------------------------------------------------------- */
/* ############################# LINKS ####################################### */
/* --------------------------------------------------------------------------- */


div#content-main a,
.escape span {
	text-decoration: underline;
	color: #666;
	outline: none;
}

div#content-main a:hover,
.escape:hover span {
	text-decoration: none;
	color: #333;
}

div.content-sidebar-add a.escape,
div.content-sidebar-add a.escape span {
	text-decoration:none;
	color:#890C2C;
}

div.content-sidebar-add a.escape:hover,
div.content-sidebar-add a.escape:hover span {
	text-decoration:underline;
	color:#890C2C;
}


/* --------------------------------------------------------------------------- */
/* ############################ CONTENT ###################################### */
/* --------------------------------------------------------------------------- */


div.content-column01 {
	width:200px;
	float:left;
	padding:0 0 0 0;
}

div.content-column02 {
	width:200px;
	float:left;
	padding:0 0 10px 0;
}

div.cms-column01 {
	width:300px;
	float:left;
	padding:0 15px 10px 0;
}

div.cms-column02 {
	width:120px;
	float:left;
	font-weight:bold;
	color:#8C1433;
	text-align:right;
}

div.cms-teaser-container {
	width:260px;
	float:left;
	padding:10px 15px 10px 0;
}

div.cms-teaser01 {
	width:200px;
	float:left;
	padding:0 10px 10px 0;
}

div.cms-teaser02 {
	width:50px;
	float:left;
	font-weight:bold;
	color:#8C1433;
}

div.cms-teaser03 {
	width:175px;
	float:left;
}

div.content-img-ueberuns {
	width:160px;
	float:left;
	padding:0 0 0 0;
}

div.content-txt-ueberuns {
	width:260px;
	float:left;
	padding:0 0 10px 0;
}

/* --------------------------------------------------------------------------- */
/* ######################## GLOBAL HEADLINES ################################# */
/* --------------------------------------------------------------------------- */


h1 {
	font-size: 25px;
	color: #ccc;
	font-weight:lighter;
	font-family:Verdana, Arial;
	padding: 0 0 28px 0;
}

h2 {
	font-size: 20px;
	color: #333;
	font-weight:lighter;
	font-family:Verdana, Arial;
	width:500px;
	height:67px;
	margin:0 0 0 69px; 
	text-indent:-9999px;
}

h3 {
	font-size: 15px;
	color: #890C2C;
	font-weight:bold;
	font-family:Verdana, Arial;
	padding: 0 0 10px 0;
}

h4 {
	font-size: 11px;
	color: #525456;
	font-weight:bold;
	font-family:Verdana, Arial;
	padding: 0 0 15px 0;
}

h4.impressum {
	font-size: 11px;
	color: #525456;
	font-weight:bold;
	font-family:Verdana, Arial;
	padding: 0 0 5px 0;
}


/*
H1 - HEADLINE
==================================================*/

h1.welcome {
	background:url(../images/index/h1-welcome.jpg) top left no-repeat;
	width:500px;
	height:200px;
	text-indent:-9999px;
}


/*
H2 - HEADLINES
==================================================*/

h2.startseite 		{ background:url(../images/h2/h2-home.gif) top left no-repeat; }	
h2.beste 			{ background:url(../images/h2/h2-nurdasbeste.gif) top left no-repeat; }	
h2.spezialitaeten { background:url(../images/h2/h2-hausspez.gif) top left no-repeat; }	
h2.canapes 			{ background:url(../images/h2/h2-canapes.gif) top left no-repeat; }	
h2.platten 			{ background:url(../images/h2/h2-platten.gif) top left no-repeat; }	
h2.salate 			{ background:url(../images/h2/h2-salate.gif) top left no-repeat; }	
h2.desserts 		{ background:url(../images/h2/h2-desserts.gif) top left no-repeat; }	
h2.mittagstisch	{ background:url(../images/h2/h2-mittagstisch.gif) top left no-repeat; }	
h2.weine 			{ background:url(../images/h2/h2-weine-feinkost.gif) top left no-repeat; }	
h2.grillservice 	{ background:url(../images/h2/h2-grillservice.gif) top left no-repeat; }	
h2.ueberuns 		{ background:url(../images/h2/h2-ueberuns.gif) top left no-repeat; }	
h2.historie 		{ background:url(../images/h2/h2-historie.gif) top left no-repeat; }	
h2.besonderes 		{ background:url(../images/h2/h2-besonderes.gif) top left no-repeat; }	
h2.gbook 			{ background:url(../images/h2/h2-gaestebuch.gif) top left no-repeat; }	
h2.kontakt 			{ background:url(../images/h2/h2-kontakt.gif) top left no-repeat; }	
h2.danke 			{ background:url(../images/h2/h2-danke.gif) top left no-repeat; }	
h2.anfahrt 			{ background:url(../images/h2/h2-anfahrt.gif) top left no-repeat; }	
h2.impressum 		{ background:url(../images/h2/h2-impressum.gif) top left no-repeat; }	
h2.fehler 			{ background:url(../images/h2/h2-fehler.gif) top left no-repeat; }	



/* --------------------------------------------------------------------------- */
/* ########################### *** P *** ##################################### */
/* --------------------------------------------------------------------------- */


div#content-main p { margin: 0 0 20px 0; line-height: 18px;}

div#datenschutzhinweis p { font-size: 12px;}

div.content-sidebar-add p { margin:0 0 10px 0; line-height: 18px;}


	
/*
IMAGEBORDER
==================================================*/

.imgborder {
	background:#fff url(../images/bg-border.jpg) no-repeat;
	outline: none;
	display: block;
	padding: 11px 10px 10px 10px;
	margin-bottom: 10px;
	float:left;
}

.imgborder:hover{
	background:#fff url(../images/bg-border.jpg) no-repeat;
	outline: none;
	display: block;
	padding: 11px 10px 10px 10pxt;
	margin-bottom: 10px;
}


/* --------------------------------------------------------------------------- */
/* #################### KONTAKT | ANFAHRT | IMPRESSUM ######################## */
/* --------------------------------------------------------------------------- */


/*
KONTAKT
==================================================*/

div#personalien { float: left; width: 390px!important;}
div#nachrichtenfeld { float: left; width: 390px;}


/*
ANFAHRT
==================================================*/

.imgbordernohover-anfahrt {
	border: 1px solid #D5D5D5;
	padding: 5px;
	background:#fff;
	width:430px;
}


/*
IMPRESSUM
==================================================*/

div#adressdaten { float: left; width: 300px;}
div#geschaeftsdaten { float: left; width: 300px;}