*
	{
	margin:0;
	padding:0;
	}
br.clear
	{
	clear:both;
	}
img
	{
	border:0px;
	}
ul
	{
	
	}
html
	{
	height: 100%;
	margin-bottom: 1px;
	}
body
	{
	font-size:100.01%;
	height: 100%;
	background: url(../images/layout/pattern.jpg) fixed repeat;
	}
	
/* IDs */
#wrapper
	{
	z-index:6;
	margin:0px auto 20px auto;
	width:909px;
	height:100%;
	}
#header
	{
	overflow:hidden;
	display:block;
	width:909px;
	height:137px;
	text-indent:-9999px;
	background:url(../images/layout/header.png);
	}

#content
	{
	background:url(../images/layout/rahmen.png) repeat-y;
	width:909px;
	line-height:130%;
	padding-left:16px;
	}
#navi
	{
	list-style-type: none;
	width:900px;
	display:inline;
	}
#naviRight
	{
	float:right;
	margin-right:32px;
	height:48px;
	width:294px;
	background: url(../images/layout/navi.jpg) -583px 0;
	}
#home,#galerie,#chronik,#kontakt,#cafe
	{
	float:left;
	height:48px;
	text-indent:-9999px;
	overflow:hidden;
	}
#cafeactive
	{
	width:90px;
	float:left;
	height:48px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(../images/layout/navi.jpg) 0 -96px;
	}
#homeactive
	{
	width:100px;
	float:left;
	height:48px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(../images/layout/navi.jpg) 0 -96px;
	}
#galerieactive
	{
	width:120px;
	float:left;
	height:48px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(../images/layout/navi.jpg) -190px -96px;
	}
#chronikactive
	{
	width:138px;
	float:left;
	height:48px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(../images/layout/navi.jpg) -310px -96px;
	}
#kontaktactive
	{
	width:135px;
	float:left;
	height:48px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(../images/layout/navi.jpg) -448px -96px;
	}
#home:hover
	{
	background: url(../images/layout/navi.jpg) 0 -48px;
	}
#home:active
	{
	background: url(../images/layout/navi.jpg) 0 -96px;
	}
#home
	{
	width:100px;
	background: url(../images/layout/navi.jpg) 0 0;
	}
#cafe:hover
	{
	background: url(../images/layout/navi.jpg) -100px -48px;
	}
#cafe:active
	{
	background: url(../images/layout/navi.jpg) -100px -96px;
	}
#cafe
	{
	width:90px;
	background: url(../images/layout/navi.jpg) -100px 0;
	}
#galerie:hover
	{
	background: url(../images/layout/navi.jpg) -190px -48px;
	}
#galerie:active
	{
	background: url(../images/layout/navi.jpg) -190px -96px;
	}
#galerie
	{
	width:120px;
	background: url(../images/layout/navi.jpg) -190px 0;
	}
#chronik:hover
	{
	background: url(../images/layout/navi.jpg) -310px -48px;
	}
#chronik:active
	{
	background: url(../images/layout/navi.jpg) -310px -96px;
	}
#chronik
	{
	width:138px;
	background: url(../images/layout/navi.jpg) -310px 0;
	}
#kontakt:hover
	{
	background: url(../images/layout/navi.jpg) -448px -48px;
	}
#kontakt:active
	{
	background: url(../images/layout/navi.jpg) -448px -96px;
	}
#kontakt
	{
	width:135px;
	background: url(../images/layout/navi.jpg) -448px 0;
	}

#headerStartseite
	{
	width:877px;
	height:256px;
	text-indent:-9999px;
	background: url(../images/content/startseite/header_startseite_3.jpg);
	}
#teaserStartseite
	{
	padding-left:21px;
	padding-top:18px;
	width:856px; /* -21 */
	height:174px; /* -18 */
	background: url(../images/layout/pattern_content.jpg);
	}
#kuchenkaroussell
	{
	width:877px;
	height:193px;
	background: url(../images/content/galerie/hg-karoussell.png);;
	}
#karoussellNavRight
	{
	float:left;
	display:block;
	width:38px;
	height:193px;
	background: url(../images/content/startseite/navKaroussell.jpg) -114px 0px;
	}
#karoussellNavRight:hover
	{
	background: url(../images/content/startseite/navKaroussell.jpg) -152px 0px;
	}
#karoussellNavRight:active
	{
	background: url(../images/content/startseite/navKaroussell.jpg) -190px 0px;
	}
#karoussellNavLeft
	{
	float:left;
	display:block;
	width:38px;
	height:193px;
	background: url(../images/content/startseite/navKaroussell.jpg) 0px 0px;
	}
#karoussellNavLeft:hover
	{
	background: url(../images/content/startseite/navKaroussell.jpg) -38px 0px;
	}
#karoussellNavLeft:active
	{
	background: url(../images/content/startseite/navKaroussell.jpg) -76px 0px;
	}

/* Startseite Slide */

.hidden
	{
	display:none;
	}
#slide
	{
	position: relative;
	overflow: hidden;
	float:left;
	width:801px;
	height:193px;
	}
#slide li
	{
	float:left;
	position: relative;
	display: inline-block;
	width: 200px;
	}
#slide li.trenner
	{
	width:30px;
	margin-top:90px;
	margin-right:16px;
	margin-left:16px;
	}
/* Startseite Slide ENDE */

div.divideBar
	{
	width:877px;
	height:7px;
	background:url(../images/layout/divideBar.jpg);
	}

div.startseiteTeaserBox
	{
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	margin-right:16px;
	float:left;
	width:238px; /* - 2 * 15 */
	height:140px;  /* - 15 */
	background: url(../images/content/startseite/teaserBox.png);
	}
div.startseiteTeaserBox h3
	{
	font-size:16px;
	color:#812121;
	margin-bottom:10px;
	font-style:italic;
	}
div.startseiteTeaserBox img
	{
	border:3px #fff solid;
	margin-right:5px;
	float:left;
	margin-right:11px;
	overflow:hidden;
	}
div.startseiteTeaserBox p
	{
	color:#333;
	font-size:15px;
	}
div.startseiteTeaserBox a
	{
	color:#812121;
	text-decoration:underline;
	font-size:15px;
	}
div.startseiteTeaserBox a:hover
	{
	text-decoration:none;
	}
#footer
	{
	width:909px;
	height:70px;
	background:url(../images/layout/footer.png) no-repeat;
	text-align:center;
	padding-top:25px;
	}
#footer a
	{
	margin-left:17px;
	margin-right:17px;
	color:#e0c76f;
	font-size:15px;
	}
#BG
	{
	width:861px;
	padding: 24px 0px 16px 16px;
	background: url(../images/layout/pattern_content.jpg);
	}
#BG h2
	{
	font-style:italic;
	font-size:22px;
	color:#812121;
	margin-bottom:17px;
	line-height:130%;
	}
#galerieText
	{
	float:left;
	width:265px;
	height:600px;
	}
#galerieText span
	{
	display:block;
	width:130px;
	float:left;
	}
#galerieDetailTeaser
	{
	width:877px;
	height:309px;
	background: url(../images/content/galerie/hg.png);
	}
div.galerieTeaserBox
	{
	float:left;
	width:243px;
	height:219px;
	padding:15px;
	margin: 0px 0px 18px 18px;
	background: url(../images/content/galerie/galerieTeaser.png);
	}
div.galerieTeaserBoxImage
	{
	margin-left:2px;
	width:229px;
	height:179px;
	border:3px #fff solid;
	text-align:center;
	}
div.galerieTeaserBox h3
	{
	font-size:18px;
	color:#812121;
	margin-bottom:10px;
	font-style:italic;
	}
#kontaktMap
	{
	background: url(../images/content/kontakt/kontaktMap.png);
	margin-left:18px;
	float:left;
	padding:18px 0px 0px 18px;
	width:545px;
	height:345px;
	}
#kontaktText
	{
	float:left;
	width:265px;
	height:400px;
	}
#kontaktMapCafe
	{
	background: url(../images/content/kontakt/kontaktMapCafe.png);
	margin-left:18px;
	margin-bottom:18px;
	float:left;
	padding:18px 0px 0px 18px;
	width:545px;
	height:345px;
	}
#chronikBG
	{
	width:877px;
	background: url(../images/layout/pattern_content.jpg);
	}
#chronikKaroussellFrame
	{
	float:left;
	width:877px;
	height:429px;
	}
#chronikKaroussell
	{
	float:left;
	width:801px;
	height:429px;
	}
#cafeKaroussellFrame
	{
	float:left;
	width:877px;
	height:395px;
	}
#cafeKaroussell
	{
	float:left;
	width:801px;
	height:395px;
	}
#chronikKaroussell a,
#cafeKaroussell a
	{
	text-decoration:none;
	}
#chronikKaroussell a.active,
#cafeKaroussell a.active
	{
	font-size:23px;
	}
#chronikNavRight
	{
	float:left;
	display:block;
	width:38px;
	height:429px;
	background: url(../images/content/chronik/chronik_arrows.jpg) -114px 0px;
	}
#chronikNavRight:hover
	{
	background: url(../images/content/chronik/chronik_arrows.jpg) -152px 0px;
	}
#chronikNavRight:active
	{
	background: url(../images/content/chronik/chronik_arrows.jpg) -190px 0px;
	}
#chronikNavLeft
	{
	float:left;
	display:block;
	width:38px;
	height:429px;
	background: url(../images/content/chronik/chronik_arrows.jpg) -76px 0px;
	}
#chronikNavLeft:hover
	{
	background: url(../images/content/chronik/chronik_arrows.jpg) -38px 0px;
	}
#chronikNavLeft:active
	{
	background: url(../images/content/chronik/chronik_arrows.jpg) 0px 0px;
	}
#cafeNavLeft
	{
	float:left;
	display:block;
	width:38px;
	height:395px;
	background: url(../images/content/chronik/chronik_arrows.jpg) -76px 0px;
	}
#cafeNavLeft:hover
	{
	background: url(../images/content/chronik/chronik_arrows.jpg) -38px 0px;
	}
#cafeNavLeft:active
	{
	background: url(../images/content/chronik/chronik_arrows.jpg) 0px 0px;
	}
#cafeNavRight
	{
	float:left;
	display:block;
	width:38px;
	height:395px;
	background: url(../images/content/chronik/chronik_arrows.jpg) -114px 0px;
	}
#cafeNavRight:hover
	{
	background: url(../images/content/chronik/chronik_arrows.jpg) -152px 0px;
	}
#cafeNavRight:active
	{
	background: url(../images/content/chronik/chronik_arrows.jpg) -190px 0px;
	}
/* Klassen */

li.navi
	{
	display:inline;
	}
a,p,h1,h2,h3
	{
	font-family:Cambria,'Times New Roman',Georgia,serif;
	color:#4a4a4a;
	font-size:15px;
	}
a:hover
	{
	text-decoration:none;
	}