@charset "utf-8";
/* CSS Document */

/*==================================*/
/* Website feinkost-jaki.de			*/
/* Datum: Januar 2009				*/
/* Autor: graugans-design			*/
/*==================================*/

/*==============================*/
/* Inhalt:						*/
/* I.	allgemeine Format.		*/
/* II.	wrapper					*/
/* III.	header					*/
/* IV. 	navi					*/
/* Va.	content					*/
/* Vb. 	spalte_links			*/
/* Vc. 	spalte_rechts			*/
/* VI.	footer					*/
/* VII.	sonstiges				*/
/*==============================*/

/*==============================*/
/* Farben:						*/
/* hg 				#b8b8b8		*/
/* hg content		#424141		*/
/* text				#fefef2		*/
/* hg navi, header	#c51356		*/
/*==============================*/

/*==============================*/
/* Teil I. 						*/
/* allg. Format.				*/
/*==============================*/

* {
	margin:0;
	padding:0;
}

html {
	height:101%
}

body {
	background-color:#b8b8b8;
	font-family:Verdana, Geneva, sans-serif;
}

p, a {
	font-size:medium;
}

h1, h2, h3, h4, h5, a, p {
	color:#fefef2;
}

/*==============================*/
/* Teil II. 					*/
/* wrapper						*/
/*==============================*/

#wrapper {
	position:relative;
	margin:0 auto 0 auto;
	width:900px;
	height:689px;
}

/*==============================*/
/* Teil III. 					*/
/* header						*/
/*==============================*/

#header {
	height:250px;
	background-color:#c51356;
	background-image:url(_img/logo.gif);
	background-position:right;
	background-repeat:no-repeat;
}

#slogan {
	background-image:url(_img/slogan.gif);
	position:absolute;
	top:20px;
	left:30px;
	width:270px;
	height:33px;
}

h1, h2 {
	text-indent:-9999px;
}

h3 {
	font-size:medium;
	font-weight:normal;
}

/*==============================*/
/* Teil IV. 					*/
/* navi							*/
/*==============================*/

#navi {
	position:absolute;
	top:210px;
	width:741px;
	height:40px;
}
	
#navi ul {
	margin-left:30px;
	line-height:40px;
}

#navi li {
	display:inline;
	list-style-type:none;
	padding-right:25px;
}

#navi a {
	text-decoration:none;
}

#navi a:hover,
#navi a:focus, 
#navi a:active {
	color:#424141;
	outline:0;
}

#index li.index a,
#mensch li.mensch a,
#handmade li.handmade a,
#feine_kost li.feine_kost a,
#cafe li.cafe a,
#messen li.messen a,
#kontakt span.kontakt a,
#impressum span.impressum a {
	color:#424141;
}	/*aktive Seite link grau */

/*==============================*/
/* Teil V. 						*/
/* content						*/
/*==============================*/

#content {
	background-color:#424141;
	overflow:hidden;
	position:relative;
}

#content img {
	float:left;
	margin-top:40px;
	margin-bottom:40px;
}

#content_text {
	width:403px;
	margin-left:337px;
	margin-bottom:40px;
}

#content_text h3 {
	margin-top:70px;
}

#content_text p {
	margin-top:30px;
	margin-left:32px;
	line-height:1.4em;
}

.gewicht, .zutaten {
	font-size:small;
	line-height:1.4em;
	display:block;
	padding-left:1.5em;
}

.abstand {
	margin-left:20px;
}

.abstand_oben {
	margin-top:20px;
}

#content .block {
	display:block;
	clear:left;
	margin-top:0;
} 

/*biofach logo abstand links */
#biofach {
	margin-left:18px;
}

#bioland {
	position:absolute;
	width:117px;
	height:71px;
	bottom:10px;
	right:-40px;
}

/*==============================*/
/* Teil VI. 					*/
/* footer						*/
/*==============================*/

#footer {
	background-color:#c51356;
	height:40px;
	width:900px;
	line-height:40px;
	text-align:center;
}

#footer li {
	list-style-type:none;
	color:#fefef2;
}

#footer li a {
	text-decoration:none;
	font-size:smaller;
}

#footer li a:hover,
#footer li a:focus {
	text-decoration:underline;
}