/*html, body
------------------------------------------------------------*/

html, body {
	background-image:  url(../layout/bi_hg.jpg);
	background-repeat: repeat;
	font-size: 11px;
	width: 100%;
	margin:0;
	padding:0;
}

#wrapper {
	position: absolute;
	top: 0px;
	width:100%;
	height:100%;
	background-image: url(../layout/hg_top.jpg);
	background-repeat: no-repeat;
}


#container {
	position: absolute;
	top: 0px;
	left: 365px;
	z-index: 2;
	width: 63%;
	text-align:center;
}


#content {
	width: 486px;
	margin: 25px auto 0px;
	text-align: justify;
	z-index: 3;
}

#Feiern #content {
	background-image: url(../feiern/bi_rosen_hg.jpg);
	background-repeat: no-repeat;
}

#col {
	width: 360px;
	left: 0px;
	top: 0px;
}

#col img {float:left;}

#colprint {
	display:none;
	width: 100%;
	left: 0px;
	top: 0px;
	}

/* Schriften
-----------------------------------------------------------------*/

p {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #663300;
	line-height: 19px;
	text-decoration: none;
}

.klein {font-size: 10px;line-height: 15px;}

a:hover {text-decoration: none; color: #C7A29C;}
a {text-decoration: none; color: #663300;}

.boxtext {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #464334;
	margin: 9px 0px 0px 10px;
	line-height: 20px;
	text-decoration: none;
}

.ke_text {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	margin: 0px 0px 10px 30px;
	line-height: 20px;
}

* html .ke_text {
	margin: 0px 0px 10px 30px;

}

* html .boxtext {
	margin: 0 0 0 11px;
	line-height: 21px;
	font-size: 11px;
}





/* Überschriften H1
-----------------------------------------------------------------*/
h1 {
	height:65px;
	background-repeat:no-repeat;
	width:500px;
	margin: 30px auto 0px;

}

h1 span {display:none;}

#Start h1 {background-image:url(../start/bi_h1_start.jpg);}
#Neuigkeiten h1 {background-image:url(../start/bi_h1_neuigkeiten.jpg);}

#CafeVetter h1 {background-image:url(../cafe_vetter/bi_h1_historie.jpg);}
#Historie h1 {background-image:url(../cafe_vetter/bi_h1_historie.jpg);}
#UnserTeam h1 {background-image:url(../cafe_vetter/bi_h1_unserteam.jpg);}

#KulturEvents h1 {background-image:url(../start/bi_h1_neuigkeiten.jpg);}

#Feiern h1 {background-image:url(../feiern/bu_h1_hochzeit.jpg);}
#Geburtstage h1 {background-image:url(../feiern/bu_h1_gebu.jpg);}

#Service h1 {background-image:url(../service/bi_h1_rezepte.jpg);}
#Meinung h1 {background-image:url(../service/bi_h1_meinung.jpg);}

#CafeShop h1 {background-image:url(../shop/bi_h1_shop.gif);}

#Kontakt h1 {background-image:url(../kontakt/bi_h1_adresse.jpg);}
#Adresse h1 {background-image:url(../kontakt/bi_h1_adresse.jpg);}
#Standort h1 {background-image:url(../kontakt/bi_h1_standort.jpg);}

#Impressum h1 {background-image:url(../impressum/bi_h1_impressum.jpg);}

#newsbox a:hover {text-decoration: none; color: #ADA892;}

#newsbox a {text-decoration: none; color: #464334;}



h2 {
	background-image: url(../layout/bi_hg_h2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #D21A29;
	padding-top: 20px;
	padding-left: 30px;
	font-weight: normal;

}




/*Navigation
------------------------------------------------------------*/
#navi {
	height:20px;
	width: 550px;
	z-index:2;
	margin: 35px auto 0px;
}


#navi span {display:none;}

#navi ul,#navi1 li {
  display:block;
  clear:left;
  margin:0;
  padding:0;
  list-style-type:none;
}  


li#naviStart a {
	background: url(../navi/bu_start.jpg) no-repeat left top;
	width: 48px;
	height: 17px;
	float: left;
}

li#naviStart {
	background: url(../navi/bu_start.jpg) no-repeat 0 -17px;
	width: 48px;
	height: 17px;
	float: left;
}

li#naviCafeVetter a {
	background: url(../navi/bu_cafe_vetter.jpg) no-repeat left top;
	width: 94px;
	height: 17px;
	float: left;
}

li#naviCafeVetter {
	background: url(../navi/bu_cafe_vetter.jpg) no-repeat 0 -17px;
	width: 94px;
	height: 17px;
	float: left;
}

li#naviKulturEvents a {
	background: url(../navi/bu_kultur_und_events.jpg) no-repeat left top;
	width: 129px;
	height: 17px;
	float: left;
}

li#naviKulturEvents {
	background: url(../navi/bu_kultur_und_events.jpg) no-repeat 0 -17px;
	width: 129px;
	height: 17px;
	float: left;
}

li#naviFeiern a {
	background: url(../navi/bu_feiern.jpg) no-repeat left top;
	width: 60px;
	height: 17px;
	float: left;
}

li#naviFeiern {
	background: url(../navi/bu_feiern.jpg) no-repeat 0 -17px;
	width: 60px;
	height: 17px;
	float: left;
}

li#naviService a {
	background: url(../navi/bu_service.jpg) no-repeat left top;
	width: 69px;
	height: 17px;
	float: left;
}

li#naviService  {
	background: url(../navi/bu_service.jpg) no-repeat 0 -17px;
	width: 69px;
	height: 17px;
	float: left;
}

li#naviCafeShop a {
	background: url(../navi/bu_cafe_shop.jpg) no-repeat left top;
	width: 86px;
	height: 20px;
	float: left;
}

li#naviCafeShop  {
	background: url(../navi/bu_cafe_shop.jpg) no-repeat 0 -20px;
	width: 86px;
	height: 20px;
	float: left;
}

li#naviKontakt a {
	background: url(../navi/bu_kontakt.jpg) no-repeat left top;
	width: 64px;
	height: 17px;
	float: left;
}


li#naviKontakt {
	background: url(../navi/bu_kontakt.jpg) no-repeat 0 -17px;
	width: 64px;
	height: 17px;
	float: left;
}


#Start li#naviStart a, #CafeVetter li#naviCafeVetter a, #UnserTeam li#naviCafeVetter a, #KulturEvents li#naviKulturEvents a, 
#Feiern li#naviFeiern a, #Geburtstage li#naviFeiern a, #Service li#naviService a, #Meinung li#naviService a,
#CafeShop li#naviCafeShop a, #Kontakt li#naviKontakt a, #Standort li#naviKontakt a {background:none;}
 
li#naviStart a:hover, li#naviCafeVetter a:hover, li#naviKulturEvents a:hover, li#naviFeiern a:hover, li#naviService a:hover, 
li#naviKontakt a:hover, li#naviCafeShop a:hover {background:none;}




/*Linke Navigation
------------------------------------------------------------*/
#navi_links {
	position:static;
	height:50px;
	width: 358px;
	margin: 0px 0 5px 0px;
}


#navi_links ul, #navi_links li {
  display:block;
  margin: 10px 0 0 0px;
  padding:0;
  list-style-type:none;
  float:left;
}  


li#navi_linksTT a {
	background: url(../navi/bu_tortentaxi.gif) no-repeat left top;
	width: 358px;
	height: 93px;
	float: left;
}

li#navi_linksTT {
	background: url(../navi/bu_tortentaxi.gif) no-repeat 0 -93px;
	width: 358px;
	height: 93px;
	float: left;
}

li#navi_linksFF a {
	background: url(../navi/bu_fingerfood.gif) no-repeat left top;
	width: 167px;
	height: 180px;
	float: left;
	margin-left:0px;
}

li#navi_linksFF {
	background: url(../navi/bu_fingerfood.gif) no-repeat 0 -180px;
	width: 167px;
	height:180px;
	float: left;
	margin-left:90px;
}

* html li#navi_linksFF {

	margin-left:48px;
} 
li#navi_linksTT a:hover, li#navi_linksFF a:hover {background:none;}






/*Unternavigation
------------------------------------------------------------*/
#unternavi {
	width: 550px;
	height: 22px;
	margin: 22px auto 0px;

}

#unternavi span {display:none;}


#unternavi ul, #unternavi li {
	display:block;
	list-style-type:none;

}



#unternaviLinie2 {
	background: url(../unternavi/bu_kurve.jpg) no-repeat left top;
	width: 95px;
	height: 22px;
	float: left;
}


/* unter-navigation für Start
-----------------------------------------------------------------*/
#unternaviLinieStart {
	background: url(../unternavi/bu_kurve.jpg) no-repeat left top;
	width: 95px;
	height: 22px;
	float: left;
	margin-left: 30px;
}


li#unternaviTreffpunkt {
	background: url(../unternavi/bu_treffpunkt.jpg) no-repeat left top;
	width: 200px;
	height: 22px;
	float: left;
}



/* unter-navigation für Cafe Vetter
-----------------------------------------------------------------*/
#unternaviLinieCafeVetter {
	background: url(../unternavi/bu_kurve.jpg) no-repeat left top;
	width: 95px;
	height: 22px;
	float: left;
	margin-left: 32px;
}

li#unternaviCafeVetter a {
	background: url(../unternavi/bu_historie.jpg) no-repeat left top;
	width: 63px;
	height: 22px;
	float: left;
}

li#unternaviCafeVetter  {
	background: url(../unternavi/bu_historie.jpg) no-repeat 0 -21px;
	width: 63px;
	height: 22px;
	float: left;
}

li#unternaviUnserTeam a {
	background: url(../unternavi/bu_unser_team.jpg) no-repeat left top;
	width: 89px;
	height: 22px;
	float: left;
}

li#unternaviUnserTeam {
	background: url(../unternavi/bu_unser_team.jpg) no-repeat 0 -21px;
	width: 89px;
	height: 22px;
	float: left;
}


#CafeVetter li#unternaviCafeVetter a, #UnserTeam li#unternaviUnserTeam a {background:none;}
li#unternaviCafeVetter a:hover, li#unternaviUnserTeam a:hover  {background:none;}


/* unter-navigation für Kultur und Events
-----------------------------------------------------------------*/
#unternaviLinieKulturEvents {
	background: url(../unternavi/bu_kurve.jpg) no-repeat left top;
	width: 95px;
	height: 22px;
	float: left;
	margin-left: 40px;
}

li#unternaviVeranstaltungskalender {
	background: url(../unternavi/bu_veranstaltungskalender.jpg) no-repeat left top;
	width: 153px;
	height: 22px;
	float: left;
}


/* unter-navigation für Feiern
-----------------------------------------------------------------*/
#unternaviLinieFeiern {
	background: url(../unternavi/bu_kurve.jpg) no-repeat left top;
	width: 95px;
	height: 22px;
	float: left;
	margin-left: 1px;
}

li#unternaviFeiern a {
	background: url(../unternavi/bu_hochzeiten.jpg) no-repeat left top;
	width: 85px;
	height: 22px;
	float: left;
}

li#unternaviFeiern {
	background: url(../unternavi/bu_hochzeiten.jpg) no-repeat 0 -22px;
	width: 85px;
	height: 22px;
	float: left;
}

li#unternaviGeburtstage a {
	background: url(../unternavi/bu_gebu_kltreffen.jpg) no-repeat left top;
	width: 120px;
	height: 20px;
	float: left;
}

li#unternaviGeburtstage {
	background: url(../unternavi/bu_gebu_kltreffen.jpg) no-repeat 0 -20px;
	width: 120px;
	height: 20px;
	float: left;
}

#Geburtstage li#unternaviGeburtstage a, #Feiern li#unternaviFeiern a {background:none;}
li#unternaviGeburtstage a:hover, li#unternaviFeiern a:hover {background:none;}



/* unter-navigation für Service
-----------------------------------------------------------------*/
#unternaviLinieService {
	background: url(../unternavi/bu_kurve.jpg) no-repeat left top;
	width: 95px;
	height: 22px;
	float: left;
	margin-left: 16px;
}


li#unternaviService a {
	background: url(../unternavi/bu_rezepte.jpg) no-repeat left top;
	width: 64px;
	height: 20px;
	float: left;
}

li#unternaviService {
	background: url(../unternavi/bu_rezepte.jpg) no-repeat 0 -22px;
	width: 64px;
	height: 20px;
	float: left;
}

li#unternaviMeinung a {
	background: url(../unternavi/bu_ihre_meinung.jpg) no-repeat left top;
	width: 143px;
	height: 22px;
	float: left;
}

li#unternaviMeinung {
	background: url(../unternavi/bu_ihre_meinung.jpg) no-repeat 0 -22px;
	width: 143px;
	height: 22px;
	float: left;
}

#Service li#unternaviService a, #Meinung li#unternaviMeinung a {background:none;}
li#unternaviRezepte a:hover, li#unternaviMeinung a:hover {background:none;}


/* unter-navigation für Café Shop
-----------------------------------------------------------------*/
#unternaviLinieCafeShop {
	background: url(../unternavi/bu_kurve.jpg) no-repeat left top;
	width: 95px;
	height: 22px;
	float: left;
	margin-left: 15px;
}

li#unternaviCafeShop {
	background: url(../unternavi/bu_spezialitaeten.jpg) no-repeat left top;
	width: 209px;
	height: 22px;
	float: left;
}



/* unter-navigation für Kontakt
-----------------------------------------------------------------*/
#unternaviLinieKontakt {
	background: url(../unternavi/bu_kurve.jpg) no-repeat left top;
	width: 95px;
	height: 22px;
	float: left;
	margin-left: 10px;
}

li#unternaviKontakt a {
	background: url(../unternavi/bu_adresse_anfahrt.jpg) no-repeat left top;
	width: 133px;
	height: 22px;
	float: left;
}

li#unternaviKontakt{
	background: url(../unternavi/bu_adresse_anfahrt.jpg) no-repeat 0 -22px;
	width: 133px;
	height: 22px;
	float: left;
}


li#unternaviStandort a {
	background: url(../unternavi/bu_standort.jpg) no-repeat left top;
	width: 124px;
	height: 22px;
	float: left;
}

li#unternaviStandort{
	background: url(../unternavi/bu_standort.jpg) no-repeat 0 -22px;
	width: 124px;
	height: 22px;
	float: left;
}

#Kontakt li#unternaviKontakt a, #Standort li#unternaviStandort a, #Impressum li#unternaviImpressum a {background:none;}
li#unternaviKontakt a:hover, li#unternaviStandort a:hover, li#unternaviImpressum a:hover {background:none;}




#unternaviLinieImpressum {
	background: url(../unternavi/bu_kurve.jpg) no-repeat left top;
	width: 95px;
	height: 22px;
	float: left;
	margin-left: 50px;
}


li#unternaviImpressum {
	background: url(../impressum/bu_impressum.jpg) no-repeat left top;
	width: 74px;
	height: 22px;
	float: left;
}

/* Historie
-----------------------------------------------------------------*/

.deko {	margin: 10px 0 10px 200px;}

.imageright { margin: 0px 0px 10px 20px; float:right;}
.imageleft { margin: 0px 10px 10px 0px; float:left;}


/* Kultur & Events Bilder
-----------------------------------------------------------------*/
.link {margin:0 0 0 0; color: #D21A29;}

.newswrap {
	margin: 0 0 35px 30px;
	float:left;
	width:480px;

}

.newsimg {float:left; margin:0 10px 10px 0;}


* html .newswrap {
	margin: 0 0 20px 14px;
	float:left;
	width:480px;
}

* html .newsimg {float:left; margin:0 10px 10px 0;}





/* Formular
-----------------------------------------------------------------*/
#links  {
	font-size: 12px;
	float: left;
	position: relative;
	width: 200px;
	margin-left: 0px;
}

#rechts  {
	font-size: 12px;
	position: relative;
	width: 200px;
	float: left;
			
}

#col2unten {
	position: relative;
	width: 440px;
	float: left;
}		
			   
.menge {
	background-color: #F9F3DD;
	border: 1px solid #DFD1B2;
	height: 16px;
	width: 20px;
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	font-weight: normal;
	color: #86603B;
}

.feld {
	background-color: #F9F3DD;
	border: 1px solid #DFD1B2;
	height: 16px;
	width: 160px;
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	font-weight: normal;
	color: #86603B;
}

input:focus {background-color: #F7EDCC;}

.mitteilungen {
	background-color: #F9F3DD;
	border: 1px solid #DFD1B2;
	width: 360px;
	height: 60px;
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	font-weight: normal;
	color: #86603B;
}

.mitteilungen_meinung {
	background-color: #F9F3DD;
	border: 1px solid #DFD1B2;
	width: 360px;
	height: 300px;
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	font-weight: normal;
	color: #86603B;
}

.feld_senden {
	background-color: #F0DCB3;
	border: 1px solid #DFD1B2;
	height: 20px;
	width: 160px;
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	font-weight: normal;
	margin-right: 35px;
	color: #60452B;
}


.footer {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #FFFFFF;
	margin:0;
	padding: 10px 0 10px 30px;

	}

.footer a:hover {text-decoration: none; color: #C7A29C;}

.footer a {text-decoration: none; color: #FFFFFF;}