/* --- CSS --- */

/* Allgemeines */
*, html, body {
	margin: 0;
	padding: 0;
}

body {
	background: url(bilder/higrund7.jpg);
	background-repeat: repeat-x;
	background-color: #482908;
	margin: 0;
	
}

div {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #000;
	font-style: normal;
}

h1 {
	font-family: Verdana, sans-serif;
	font-size: 17px;
	line-height: 19px;
	color: #000;
	font-style: normal;
}

div, h4, h5, h6, ul, form, input, table, tr, td {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #000;
	font-weight: normal;
	
	}
	
li {

	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;

	
	}
	
a {

	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #64430b;
	text-decoration: none;
	border: none;
	
	}
	
a:hover {

	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #bb8b2a;
	text-decoration: none;
	}
	
p, h2 {

	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #273328;
	font-weight: normal;

}
	

div {
	overflow: hidden;
}



/* ********************************************************************************************* */
/* ********************************************************************************************* */


#seite {
	position: relative;
	top: 0;
	left: 0px;
	width: 812px;
	height: 100%;
	margin: 0px auto;
}

#seite_ganzoben {
	position: relative;
	width: 712px;
	height: 58px;
	margin: 0px 0px 0px 50px;
	background-image: url(bilder/cafe-mori-hintergr-oben-fb.jpg);
	background-repeat:no-repeat;
	background-color: #322516;
}

#seite-oben-hauptmenue {
	position: relative;
	width: 712px;
	height: 80px;
	margin: 0px 0px 0px 50px;
	background-image: url(bilder/cafe-mori-oben-hauptmenue.jpg);
	background-repeat:no-repeat;
}

#cafe-mori-content {
	float:left;
	width: 712px;
	height: 100%;
	background-image: url(bilder/cafe-mori-higrund-content.jpg);
	background-repeat:repeat-y;
	background-color: #322516;
	margin: 0px 0px 0px 50px;
}

#cafe-mori-footer {
	
	position: relative;
	width: 712px;
	height: 114px;
	margin: 0px 0px 0px 50px;
	background-image: url(bilder/cafe-mori-footer.jpg);
	background-color: #322516;
	background-repeat:no-repeat;
}

/* *********** Menue im Head (Buttons) / Barrierefrei *************** */
/* ****************************************************************** */
/* ****************************************************************** */
/* ****************************************************************** */

#head-oben-cafe-mori {
	position: relative;
	float:left;
	width: 712px;
	height: 136px;
	background-color: #322516;
	margin: 0px 0px 0px 50px;
}

#head-oben-cafe-mori-button1 {
	
	float: left;
	width: 244px;
	height: 136px;
	background: url(bilder/cafe-mori-hintergrund-oben-logo-a.jpg);
	background-color: #322516;
	margin: 0px 0px 0px 0px;
	border: none;
}

#head-oben-cafe-mori-button2 {
	
	float: left;
	width: 142px;
	height: 136px;
	background: url(bilder/cafe-mori-hintergrund-oben-logo-b.jpg);
	background-color: #322516;
	margin: 0px 0px 0px 0px;
	border: none;
}

#head-oben-cafe-mori-button3 {
	
	float: left;
	width: 142px;
	height: 136px;
	background: url(bilder/cafe-mori-hintergrund-oben-logo-c.jpg);
	background-color: #322516;
	margin: 0px 0px 0px 0px;
	border: none;
}

#head-oben-cafe-mori-button4 {
	
	float: left;
	width: 184px;
	height: 136px;
	background: url(bilder/cafe-mori-hintergrund-oben-logo-d.jpg);
	background-color: #322516;
	margin: 0px 0px 0px 0px;
	border: none;
}

#head-oben-cafe-mori-button1 a span {

	display: block;
	height: 136px;
	width: 244px;
	position: absolute;
	top:0;
	left:0;
	background: url(bilder/cafe-mori-hintergrund-oben-logo-a.jpg) top left no-repeat;
	z-index:2;
}


#head-oben-cafe-mori-button2 a span {

	display: block;
	height: 136px;
	width: 142px;
	position: absolute;
	top:0;
	left:0;
	background: url(bilder/cafe-mori-hintergrund-oben-logo-b.jpg) top left no-repeat;
	z-index:2;
}

#head-oben-cafe-mori-button3 a span {

	display: block;
	height: 136px;
	width: 142px;
	position: absolute;
	top:0;
	left:0;
	background: url(bilder/cafe-mori-hintergrund-oben-logo-c.jpg) top left no-repeat;
	z-index:2;
}

#head-oben-cafe-mori-button4 a span {

	display: block;
	height: 136px;
	width: 184px;
	position: absolute;
	top:0;
	left:0;
	background: url(bilder/cafe-mori-hintergrund-oben-logo-d.jpg) top left no-repeat;
	z-index:2;
}

#head-oben-cafe-mori-button1 a {

	height: 136px;
	width: 244px;
}

#head-oben-cafe-mori-button2 a,
#head-oben-cafe-mori-button3 a {

	height: 136px;
	width: 142px;
}

#head-oben-cafe-mori-button4 a {

	height: 136px;
	width: 184px;
}

#head-oben-cafe-mori-button1 a,
#head-oben-cafe-mori-button2 a,
#head-oben-cafe-mori-button3 a,
#head-oben-cafe-mori-button4 a {

	position:relative;
	text-align:center;
	color:#000;
	text-decoration:none;
	white-space:nowrap;
	line-height:14px;
	overflow:hidden;
	cursor:pointer;
	margin:0;
	padding:0;

}

#head-oben-cafe-mori-button1 a:hover span,
#head-oben-cafe-mori-button2 a:hover span,
#head-oben-cafe-mori-button3 a:hover span,
#head-oben-cafe-mori-button4 a:hover span {

	background-position:top right;
}

#head-oben-cafe-mori-button1 a:hover,
#head-oben-cafe-mori-button2 a:hover,
#head-oben-cafe-mori-button3 a:hover,
#head-oben-cafe-mori-button4 a:hover {

	background: #330;
}

/* ****************************************************************** */
/* ****************************************************************** */
/* ****************************************************************** */

/* ************* Menues / unten, oben (facebook) ******************** */

#menue_top {

	with: 100%;
	display:inline;
	float:left;
	hight: 21px;
	border:none; 
	margin: 13px 0px 0px 420px
}

#menue_down {

	with: 100%;
	display:inline;
	float:left;
	hight: 21px;
	border:none; 
	margin: 81px 0px 0px 47px
}

ul.menue_oben li {
	with: 100%;
	display: inline;
	margin: 0px 0px 0px 0px;
	color: #64430b;
}

ul.menue_unten li {
	with: 100%;
	display: inline;
	margin: 0px 0px 0px 0px;
	color: #64430b;
}

/* ****************************************************************** */
/* ****************************************************************** */

/* **************** Inhalt / Texte ********************************** */

#cafe-mori-text {
	
	float:left;
	width: 552px;
	height: 100%;
	margin: 30px 0px 0px 140px;
}

/* ***** impressum ******** */

#cafe-mori-text-linke-spalte {
	
	float:left;
	width: 90px;
	height: 400px;
	margin: 0px 0px 0px 0px;
}

#cafe-mori-text-rechte-spalte {
	
	
	width: 385px;
	height: 100%;
	margin: 0px 0px 0px 0px;
}

/* ***** kontakt ******** */

#cafe-mori-formular {
	
	width: 495px;
	height: 100%;
	margin: 0px 0px 0px 0px;
}

/* ***** anfahrt ******** */

#cafe-mori-anfahrt {
	
	width: 450px;
	height: 350px;
	margin: 0px 0px 0px 0px;
}

/* ****************************************************************** */
/* ****************************************************************** */
/* **************** Extra / Startseite ****************************** */

#head-oben-cafe-mori-start {
	position: relative;
	float:left;
	width: 712px;
	height: 95px;
	background-image: url(bilder/cafe-mori-start-oben.jpg);
	background-color: #322516;
	margin: 0px 0px 0px 50px;
}

#start-mitte {
	width: 712px;
	height: 266px;
	background-image: url(bilder/cafe-mori-start-logo.jpg);
	background-repeat: no-repeat;
	background-color: #322516;
	margin: 0px 0px 0px 50px;
}


#start-mitte-unten {
	
	width: 712px;
	height: 109px;
	background-image: url(bilder/cafe-mori-start-mitte-unten.jpg);
	background-repeat:no-repeat;
	background-color: #322516;
	margin: 0px 0px 0px 50px;
	border: hidden;
}

#start-mitte-unten2 {
	
	width: 712px;
	height: 120px;
	background-image: url(bilder/cafe-mori-start-mitte-unten2.jpg);
	background-repeat:no-repeat;
	background-color: #322516;
	margin: 0px 0px 0px 50px;
	border: hidden;
}

#start-cafe-mori-footer {
	
	position: relative;
	width: 712px;
	height: 114px;
	margin: 0px 0px 0px 50px;
	background-image: url(bilder/cafe-mori-start-footer.jpg);
	background-repeat:no-repeat;
	background-color: #322516;
}

/* *********** Startseite (Buttons) / Barrierefrei *************** */

#start-mitte-button1 {
	
	float: left;
	width: 278px;
	height: 109px;
	background: url(bilder/cafe-mori-start-coffee-button.jpg);
	background-color: #322516;
	margin: 0px 0px 0px 0px;
	border: none;
}

#start-mitte-button2 {
	
	float: left;
	width: 157px;
	height: 109px;
	background: url(bilder/cafe-mori-start-food-button.jpg);
	background-color: #322516;
	margin: 0px 0px 0px 0px;
	border: none;
}

#start-mitte-button3 {
	
	float: left;
	width: 142px;
	height: 109px;
	background: url(bilder/cafe-mori-start-cakes-button.jpg);
	background-color: #322516;
	margin: 0px 0px 0px 0px;
	border: none;
}

#start-mitte-button1 a span {

	display: block;
	height: 109px;
	width: 278px;
	position: absolute;
	top:0;
	left:0;
	background: url(bilder/cafe-mori-start-coffee-button.jpg) top left no-repeat;
	z-index:2;
}


#start-mitte-button2 a span {

	display: block;
	height: 109px;
	width: 157px;
	position: absolute;
	top:0;
	left:0;
	background: url(bilder/cafe-mori-start-food-button.jpg) top left no-repeat;
	z-index:2;
}

#start-mitte-button3 a span {

	display: block;
	height: 109px;
	width: 278px;
	position: absolute;
	top:0;
	left:0;
	background: url(bilder/cafe-mori-start-cakes-button.jpg) top left no-repeat;
	z-index:2;
}

#start-mitte-button1,
#start-mitte-button3 a {

	height: 109px;
	width: 278px;
}

#start-mitte-button2 a {

	height: 109px;
	width: 157px;
}

#start-mitte-button1 a,
#start-mitte-button2 a,
#start-mitte-button3 a {

	position:relative;
	text-align:center;
	color:#000;
	text-decoration:none;
	white-space:nowrap;
	line-height:14px;
	overflow:hidden;
	cursor:pointer;
	margin:0;
	padding:0;

}

#start-mitte-button1 a:hover span,
#start-mitte-button2 a:hover span,
#start-mitte-button3 a:hover span {

	background-position:top right;
}

#start-mitte-button1 a:hover,
#start-mitte-button2 a:hover,
#start-mitte-button3 a:hover {

	background: #330;
}

/* ****************************************************************** */
/* ****************************************************************** */

/* ********************************************************************** */
/* ******************* Facebook ***************************************** */

#facebook_klein {

	with: 17px;
	hight: 16px;
	float:left;
	border:none;
	background-color: #2a1f0c;
	margin: 14px 0px 0px 26px;
}

.fb {
	background-color: #64430b;
	
	margin: 0px 0px 0px 0px;
	border: hidden;
}

.fb:hover {
	background-image: url(bilder/fb_icon.png);
	
	margin: 0px 0px 0px 0px;
	border: hidden;
}


#t4_selfmade {
	width: 55px;
	height: 26px;
	float:left;
	margin: 10px 0px 0px 8px;
	
	
}

/* *********** sonstiges  ************************************************** */
/* ************************************************************************* */

 
#menue_top a.aktuelleseite {
	color:#a56c09;
}

#menue_down a.aktuelleseite {
	color:#a56c09;
}

a img { 
	border: 0; 
	text-decoration: none;
}

/* ********************************************************************************************* */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	overflow: hidden; 
}