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

/*Kernser-Edelpilze GmbH
________________________________________________________

URL:				http://www.kernser-edelpilze.ch

Autor: 				Kernser Edelpilze GmbH, Fabian Haecki
________________________________________________________

*/

/*
Farben:

Header: 
Navigation: 
Subnavigation: 
Content: 
Footer: 

*/

/* Reset
-----------------------*/
* {
	margin: 0;
	padding: 0;
	border: 0;
}

/* Globals und Typo
-----------------------*/

body {
	background: #ffffff;
	font-size: 1em;
	font-family: Arial;
	text-align: center;
}

/*Für Internet Explorer */
html {
	font-size: 75%;
	background: #ffffff;
	text-align: center;
	font-family: Arial;
}

/*Für Standardkonforme Browser*/
html>body {
	font-size: 12px;
}

a:link {
	color: #ca3737;
	text-decoration: none;
}

a:visited {
	color: #ca3737;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	font-weight: bold;
}

/* Macht die gepunktete Linie um geklickte Links unsichtbar
------------------------*/
a:focus {
	outline: none;
}

/* Schriften*/

h1 {
	font-family: Arial;
	font-size: 17px;
	font-weight: bold;
	margin-top: 60px;
	margin-left: 30px;
	margin-right: 15px;
	margin-bottom: 20px;
}

h2 {
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	color: #ca3737;
	margin-top: 60px;
	margin-bottom: 15px;
	margin-left: 5px;
	margin-right: 5px;
	line-height: 1.4em;
}

pilz {
	margin-top: 60px;
	margin-bottom: 15px;
	margin-left: 5px;
	margin-right: 5px;
}

p {
	font-family: Arial;
	color: #000000;
	font-size: 15px;
	line-height: 1.5em;
	margin-top: 15px;
	margin-left: 30px;
	margin-bottom: 15px;
	margin-right: 15px;
}

galerie {
	margin-top: 15px;
	margin-left: 30px;
	margin-bottom: 15px;
	margin-right: 15px;
}

a:link {
	color: #ca3737;
}

a:visited {
	color: #ca3737;
}

/* Layoutelemente
overflow: und hidden; um nötige Floats aufzulösen.
-------------------------*/

#wrapper {
	background: #FFFFFF;
	width: 80em;
	margin: 0 auto;
}
/*----------- Header --------- */

#headerhome {
	background: url(Layoutelemente/Header/Header%20Home.gif) no-repeat left bottom;
	font: Arial;
	width: 80em;
	float: left;
	height: 225px;
	margin-bottom: 15px;
}

#headerueberuns {
	background: url(Layoutelemente/Header/Header%20Ueber%20Uns.jpg) no-repeat left bottom;
	font: Arial;
	width: 80em;
	float: left;
	height: 225px;
	margin-bottom: 15px;
}

#headerunserepilze {
	background: url(Layoutelemente/Header/Header%20Unsere%20Pilze.gif) no-repeat left bottom;
	font: Arial;
	width: 80em;
	float: left;
	height: 225px;
	margin-bottom: 15px;
}

#headershiitake {
	background: url(Layoutelemente/Header/Header%20Shiitake.gif) no-repeat left bottom;
	font: Arial;
	width: 80em;
	float: left;
	height: 225px;
	margin-bottom: 15px;
}

#headershimeij {
	background: url(Layoutelemente/Header/Header%20Shimeji.gif) no-repeat left bottom;
	font: Arial;
	width: 80em;
	float: left;
	height: 225px;
	margin-bottom: 15px;
}

#headergrifola {
	background: url(Layoutelemente/Header/Header%20Grifola.gif) no-repeat left bottom;
	font: Arial;
	width: 80em;
	float: left;
	height: 225px;
	margin-bottom: 15px;
}

#headerkraeuterseitling {
	background: url(Layoutelemente/Header/Header%20Kraeuterseitling.gif) no-repeat left bottom;
	font: Arial;
	width: 80em;
	float: left;
	height: 225px;
	margin-bottom: 15px;
}

#headerteam {
	background: url(Layoutelemente/Header/Header%20Team.gif) no-repeat left bottom;
	font: Arial;
	width: 80em;
	float: left;
	height: 225px;
	margin-bottom: 15px;
}

#headerbilder {
	background: url(Layoutelemente/Header/Header%20Bilder.gif) no-repeat left bottom;
	font: Arial;
	width: 80em;
	float: left;
	height: 225px;
	margin-bottom: 15px;
}

#headerrezepte {
	background: url(Layoutelemente/Header/Header%20Rezepte.gif) no-repeat left bottom;
	font: Arial;
	width: 80em;
	float: left;
	height: 225px;
	margin-bottom: 15px;
}

#headerbesichtigung {
	background: url(Layoutelemente/Header/Header%20Besichtigung.gif) no-repeat left bottom;
	font: Arial;
	width: 80em;
	float: left;
	height: 225px;
	margin-bottom: 15px;
}

#headerkontakt {
	background: url(Layoutelemente/Header/Header%20Kontakt.gif) no-repeat left bottom;
	font: Arial;
	width: 80em;
	float: left;
	height: 225px;
	margin-bottom: 15px;
}

/*-----------Navigation--------------*/

#navigation {
	background: #ffffff no-repeat left bottom;
	font: Arial;
	font-size: 1.436em;
	line-height: 1em;
	line-height: normal;
	width: 100%;
	clear: both;
	height: 1.5em;
	text-align: left;
	font-weight: normal;
	float: left;
}
#navigation ul {
	list-style: none;
	position: absolute;
	display: inline;
	/*border-right: 2px solid #d11e1e;
	border-left: 2px solid #d11e1e;*/
}
#navigation li {
	color: #d11e1e;
	background: transparent no-repeat top left bottom;
	/*border-left: 1px solid #d11e1e;
	border-right: 1px solid #cf6c6c;*/
	float: left;
	padding-top: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	display: inline;
	list-style-type: none;
}

#navigation li a {
	background: transparent no-repeat top left bottom;
	color: #d11e1e;
	float: left;
	font-size: 1em;
	line-height: 1.5em;
}	

#navigation li a:hover {
	background: transparent no-repeat top left bottom;
	color: #573c35;
	font-size: 1em;
}

#navigation li a.active {
	background: transparent no-repeat top left bottom;
	text-decoration: underline;
	color: #74412c;
	font-size: 1em;
	font-weight: bold;
}

/*#navigation li.start {
	border-left: 0;
}

#navigation li.ende {
	border-right: 0;
}*/

/*-----Subnavigation-----*/

#subnavigation {
	background: #ffffff no-repeat left bottom;
	font: Arial;
	font-size: 1.436em;
	line-height: 1em;
	line-height: normal;
	clear: both;
	height: 1.5em;
	text-align: left;
	font-weight: normal;
}
#subnavigation ul {
	list-style: none;
	position: absolute;
	display: inline;
}
#subnavigation li {
	color: #d84343;
	background: transparent no-repeat top left bottom;
	/*border-left: 1px solid #d11e1e;
	border-right: 1px solid #cf6c6c;*/
	float: left;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 10px;
}

#subnavigation li a {
	background: transparent no-repeat top left bottom;
	color: #d84343;
	float: left;
	font-size: 1em;
	line-height: 1.5em;
}	

#subnavigation li a:hover {
	background: transparent no-repeat top left bottom;
	color: #573c35;
	font-size: 1em;
}

#subnavigation li a.active {
	background: transparent no-repeat top left bottom;
	color: #74412c;
	font-size: 1em;
	font-weight: bold;
	
}

/*#subnavigation li.start {
	border-left: 0;
}

#subnavigation li.ende {
	border-right: 0;
}*/

/*-----Inhalt-----*/

#content {
	background: #FFFFFF;
	width: 735px;
	float: left;
	text-align: left;
}

#notitzen {
	background: #ffffff;
	width: 195px;
	float: right;
	text-align: left;
}

#notitzenshiitake {
	background: url(Pilze/Shiitake.jpg) no-repeat left bottom;
	font: Arial;
	width: 185px;
	float: right;
	height: 180px;
	margin-top: 60px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 15px;
}

#notitzenshimeji {
	background: url(Pilze/Shimeji.jpg) no-repeat left bottom;
	font: Arial;
	width: 185px;
	float: right;
	height: 180px;
	margin-top: 60px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 15px;
}

#notitzenkraeuterseitling {
	background: url(Pilze/Kraeuterseitling.jpg) no-repeat left bottom;
	font: Arial;
	width: 185px;
	float: right;
	height: 180px;
	margin-top: 60px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 15px;
}

#notitzengrifola {
	background: url(Pilze/Grifola.jpg) no-repeat left bottom;
	font: Arial;
	width: 185px;
	float: right;
	height: 180px;
	margin-top: 60px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 15px;
}

/* ------- Footer ----------- */

#footerhome {
	background: url(Layoutelemente/Footer/Footer%20Home.jpg) no-repeat left bottom;
	float: left;
	width: 80em;
	height: 225px;
}

#footerueberuns {
	background: url(Layoutelemente/Footer/Footer%20Ueber%20Uns.jpg) no-repeat left bottom;
	float: left;
	width: 80em;
	height: 225px;
}

#footerunserepilze {
	background: url(Layoutelemente/Footer/Footer%20Unsere%20Pilze.jpg) no-repeat left bottom;
	float: left;
	width: 80em;
	height: 225px;
}

#footershiitake {
	background: url(Layoutelemente/Footer/Footer%20Shiitake.jpg) no-repeat left bottom;
	float: left;
	width: 80em;
	height: 225px;
}

#footershimeij {
	background: url(Layoutelemente/Footer/Footer%20Shimeji.jpg) no-repeat left bottom;
	float: left;
	width: 80em;
	height: 225px;
}

#footergrifola {
	background: url(Layoutelemente/Footer/Footer%20Grifola.jpg) no-repeat left bottom;
	float: left;
	width: 80em;
	height: 225px;
}

#footerkraeuterseitling {
	background: url(Layoutelemente/Footer/Footer%20Kraeuterseitling.jpg) no-repeat left bottom;
	float: left;
	width: 80em;
	height: 225px;
}

#footerteam{
	background: url(Layoutelemente/Footer/Footer%20Team.jpg) no-repeat left bottom;
	float: left;
	width: 80em;
	height: 225px;
}

#footerbilder {
	background: url(Layoutelemente/Footer/Footer%20Bilder.jpg) no-repeat left bottom;
	float: left;
	width: 80em;
	height: 225px;
}

#footerrezepte {
	background: url(Layoutelemente/Footer/Footer%20Rezepte.jpg) no-repeat left bottom;
	float: left;
	width: 80em;
	height: 225px;
}

#footerbesichtigung {
	background: url(Layoutelemente/Footer/Footer%20Besichtigung.jpg) no-repeat left bottom;
	float: left;
	width: 80em;
	height: 225px;
}

#footerkontakt {
	background: url(Layoutelemente/Footer/Footer%20Kontakt.jpg) no-repeat left bottom;
	float: left;
	width: 80em;
	height: 225px;
}
/* hide hack from Mac-IE5 \*/
* html .mybuggyelement { height: 1%; }
/* end hiding */