* {
	list-style:none;
	margin:0px;
	padding:0px;
}
body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	background-image: url(../layoutbilder/site_bg.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	background-color: #f0e4cc;
}
#news li, #content li {
	list-style:none;
	background-image:url(../layoutbilder/Listenpunkt_bg.jpg);
	background-repeat: no-repeat;
	padding-left:25px;
	margin:5px;
}
#content ul {margin-bottom:10px;}
a:link {
	color:#000;
}
a:visited {
	color:#000;
}
a:hover {
	color:#000;
}
a:focus {
	color:#000;
}
a:active {
	color:#000;
}
#content p {
	padding-bottom: 10px;
	line-height: 18px;
	font-size:85%;
}
hr {
	color:#962e2e;
	height:1px;
}
img {
	border:none;
}
h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, sans-serif;
	color: #368eeb;
}
h1 {
	font-size:130%;
	margin-bottom:15px;
	padding-top:0;
	border-bottom:1px solid #368eeb;
}
h2 {
	font-size:120%;
	background: transparent;
	padding-bottom:1px;
	padding-top:25px;
	margin-bottom:15px;
}
h3, h4 {
	font-size:110%;
	background: transparent;
	padding-bottom:15px;
	padding-top:5px;
}
h4 {
	font-size:100%;
	font-style: italic;
	padding-bottom:15px;
	padding-top:5px;
	
}
h5, h6 {
	font-size: 90%;
	padding-bottom:15px;
	padding-top:5px;
}
h6 {
	font-size: 80%;
	font-style: italic;
	padding-bottom:15px;
	padding-top:5px;
}
hr {
	margin: 0 0 10px 0;
	color:#368eeb;
}
.layout #container {
	position:relative;
	width: 994px;
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	background-image: url(../../bilder/bg_01_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;

}

#photo1 {
	position:absolute;
	padding: 0;
	width:276px;
	height:148px;
	top:82px;
	left:0;
}
#logo1 {
	position:absolute;
	left:0px;
	top:0px;
	width:276px;
	height:79px;
	z-index:12;
}
#logo2 {
	position:absolute;
	left:842px;
	top:-2px;
	width:151px;
	height:79px;
	z-index:11;
}
#content {
	position:absolute;
	left:276px;
	top:263px;
	width:483px;
	height:578px;
	z-index:1;
	padding-left:10px;
	padding-right:10px;

}
.aromen #content {
	background-image:none;
}
.rezepturen #content {
	background-image:none;
}
.diaeteis #content {
	background-image:none;
}
.jahreszeit #content {
	background-image:none;
}
.zutaten #content {
	background-image:url(../../user_upload/inhaltsbilder/mitte/bg_zutaten_03.jpg);
	background-repeat: no-repeat;
	background-position: right 150px;
}
.softeispulver #inhalt {
	background-image:url(../../user_upload/inhaltsbilder/mitte/softeis_bg_03.jpg);
	background-repeat: no-repeat;
	background-position: right 370px;

}
.kraeuter #content {
	background-image:none;
}
.cafe #content  {
	background-image:url(../layoutbilder/hintergruende/schneebesen_03.jpg);
	background-repeat: no-repeat;
	background-position: right 200px;
}
.home #content {
	background-image:url(../layoutbilder/hintergruende/Bilder/start_03.jpg);
	background-repeat: no-repeat;
}

#bild_2 {
	position:absolute;
	left:662px;
	top:117px;
	width:316px;
	height:77px;
	z-index:3;
}
#klickpfad {
	position:absolute;
	left:279px;
	top:232px;
	width:700px;
	height:20px;
	z-index:1;
	font-size:70%;
	padding:5px;
	color:#C9A74E;
}
#navlinks {
	position:absolute;
	left:0px;
	top:233px;
	width:276px;
	height:auto;
	z-index:1;
}
#menu4 {
	font-size:85%;
	width: 276px;
	padding-bottom:12px;
}
#menu4 li a {
	display: block;
	text-decoration: none;
	text-transform:uppercase;
	width: 276px;
	background-image: url(../layoutbilder/bg_nav_n.jpg);
	background-repeat: no-repeat;
	height:24px;

}
#menu4 li a:link {
	display: block;
	padding: 5px 0 3px 25px;
	width: 276px;
}
#menu4 li a:visited {
	display: block;
	padding: 5px 0 3px 25px;
	width: 276px;
}
#menu4 li a:hover {
	display: block;
	color: #000;
	padding: 5px 0 3px 25px;
	width: 276px;
	background-image: url(../layoutbilder/bg_nav_aktiv_1.jpg);
}
a:focus#current1 {
	color: #000;
	padding: 3px 0 3px 25px;
	display:block;
	background-image: url(../layoutbilder/bg_nav_aktiv_1.jpg);
}
#menu4 a#current1 {
	color: #000;
	padding: 5px 0 3px 25px;
	font-weight:bold;
	background-image: url(../layoutbilder/bg_nav_aktiv_1.jpg);
}

#menu4 a#current {
	color: #000;
	padding: 5px 0 3px 25px;
	font-weight:bold;
	background-image: url(../layoutbilder/bg_nav_aktiv_1.jpg);
}

#menu5 {
	font-size:90%;
	width: 276px;
	margin-left: 10px;
	margin-top:0px;
	margin-bottom:10px;
	

}

#menu5 li a {
	display: block;
	text-decoration: none;
	text-transform:none;
	width: 251px;
	background-image:none;
	height:12px;

}
#menu5 li a:link {
	display: block;
	padding: 3px 0 3px 20px;
	width: 251px;
	
}
#menu5 li a:visited {
	display: block;
	padding: 3px 0 3px 20px;
	width: 251px;
}
#menu5 li a:hover {
	display: block;
	color: #000;
	padding: 3px 0 3px 20px;
	width: 251px;
	background-image: url(../layoutbilder/bg_nav_aktiv_2.jpg);
	background-repeat: no-repeat;

}
a:focus#current2 {
	color: #000;
	padding: 3px 0 3px 20px;
	display:block;
	background-image: url(../layoutbilder/bg_nav_aktiv_2.jpg);
	background-repeat: no-repeat;

}

#menu5 a#current2 {
	color: #000;
	padding: 3px 0 3px 20px;
	font-weight:bold;
	background-image: url(../layoutbilder/bg_nav_aktiv_2.jpg);
	background-repeat: no-repeat;

}

#news {
	position:absolute;
	right:-1px;
	top:285px;
	width:215px;
	height:305px;
	z-index:10;

}


#footer {

	text-align:center;
	width:100%;
	margin-top:10px;
	line-height:35px;


}
#content a.top {margin-bottom:30px; padding-bottom:20px;line-height:30px;}




/*********************************************************
* Styles Formular
**********************************************************/
#kontaktform {
	background-image: url(../../bilder/bg_formular.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.form-css {
	width:90%;
	border: 1px dotted #368eeb;
	padding: 20px;
	height:auto;
}
label {
	width:90%;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	display:block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #368eeb;
}
#kontakt[id] label {
	height:1.2em;
}
.felder {
	width:360px;
	height:1.6em;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #FFFFFF;
}
#kontakt[id] .felder {
	height:1.6em;
}
textarea {
	height:100px;
	width:360px;
	border: 1px solid #368eeb;
	font: 90% Verdana, Arial, Helvetica, sans-serif;
}
textarea:focus {
	color: #000;
	background: #ffd776;
	border: 1px solid #368eeb;
}
.form-button {
	height:1.6em;
	width:360px;
	border: 1px solid #368eeb;
}
.form-button:focus, .form-button:hover {
	color: #000;
	font-weight:bold;
}
legend {
	border:none;
	padding-bottom:20px;
	color:black;
}
input:focus, textarea:focus {
	color: #000;
	background: #ffd776;
	border: 2px solid #368eeb;
}
.CLASS_ERROR ul {
	font-weight:bold;
	font-size:100%;
	color:red;
	list-style: none;
}
/*********************************************************
* Styles Formular ende
**********************************************************/

/*********************************************************
* spezielle Formatierungen nach BODY-ID ende
**********************************************************/
table.contenttable-0 {
width:100%;

}
table.contenttable-0 td {
background-color:none;
padding:5px;
border: 1px solid #ffd264;}
tr.tr-0 { font-weight:bold;}
td.td-0 {font-weight:bold; width:35%;}