/* biogut-stichelsdorf.de css.css */
html, body {
margin:						0;
padding:					0;
font-family:				verdana, helvetica, sans-serif;
font-size:					100.01%;
color:						#303030;
background:					#A5D760 url(../img/bg_body.jpg) repeat-x;
text-align:					center;
align:						center;
}

#main {
background:					none;
background-color:			#FFF;
width:						600px;
height:						100%;
padding:					0;
margin:						0 auto;
text-align:					left;
}

#head {
font-family:				arial, verdana, helvetica;
font-size:					12px;
width:						600px;
height:						138px;
margin-top:					0;
margin-left:				0;
}

.heading h1 {
font-size:					15px;
padding:					0;
margin:						0;
}

.heading {
font-family:				helvetica, arial, verdana;
font-size:					20px;
color:						#303030;
position:					relative;
margin-top:					-30px;
padding-left:				30px;
float:						left;
}

.headerimage {
margin:						-60px 0 0 0;
border:						none;
float:						left;
hight:						177px;
}

.smallheading {
font-family:				verdana, arial, helvetica;
font-size:					9px;
font-weight:				bold;
color:						#A23F2A;
background-color:			#FFF;
text-align:					center;
position:					relative;
margin-top:					-185px;
margin-right:				10px; 
padding:					0 5px 2px 5px;
float:						right;
width:						180px;
border:						1px solid #BD6646;
}

#main > #head {
margin:						0;
}

#nav {
font-family:				verdana, arial, helvetica;
font-size:					12px;
width:						600px;
height:						70px;
padding:					0;
margin:						0;
}

#nav ul {
font-family:				verdana, arial, helvetica;
font-size:					12px;
margin:						0;
padding:					0;
list-style:					none;
}	

#nav ul li {
padding:					0;
float:						left;
width:						120px;
height:						70px;
}

#nav ul li a {
color:						#181818;
text-decoration:			none;
text-align:					center;
}

#nav ul a.current:link {
font-family:				verdana, arial, helvetica;
font-size:					12px;
height:						73px;
border-top:					5px #000 solid;
}

#nav ul a.current:visited {
height:						73px;
border-top:					5px #9D3F26 solid;
}	
		
#nav ul li.start a {
display:					block;
width:						120px;
height:						73px;
border-top:					5px #5F5A59 solid;
}
	
#nav ul li.start a:hover {
color:						#F00;
background-color:			#FFFC87;
border-top:					5px #D5190D solid;
}

#nav ul li.start span {
display:					block;
padding-top:				30px;
}

#nav ul li.flyer a {
display:					block;
width:						120px;
height:						73px;
border-top:					5px #9D3F26 solid;
}
	
#nav ul li.flyer a:hover {
color:						#F00;
background-color:			#FFFC87;
border-top:					5px #D5190D solid;
}
	
#nav ul li.flyer span {
display:					block;
padding-top:				30px;
}

#nav ul li.anfahrt a {
display:					block;
width:						120px;
height:						73px;
border-top:					5px #9D3F26 solid;
}
	
#nav ul li.anfahrt a:hover {
color:						#F00;
background-color:			#FFFC87;
border-top:					5px #D5190D solid;
}

#nav ul li.anfahrt span {
display:					block;
padding-top:				30px;
}
	
#nav ul li.kontakt a {
display:					block;
width:						120px;
height:						73px;
border-top:					5px #9D3F26 solid;
}

#nav ul li.kontakt a:hover {
color:						#F00;
background-color:			#FFFC87;
border-top:					5px #D5190D solid;
}
		
#nav ul li.kontakt span {
display:					block;
padding-top:				30px;
}

#nav ul li.impressum a {
display:					block;
width:						120px;
height:						73px;
border-top:					5px #9D3F26 solid;
}
	
#nav ul li.impressum a:hover {
color:						#F00;
background-color:			#FFFC87;
border-top:					5px solid #D5190D;
}

#nav ul li.impressum span {
display:					block;
padding-top:				30px;
}

#content {
font-size:					1.2em;
text-align:					left;
margin:						0;
padding:					0;
background:					#FFF url(../img/bg_words.jpg) top right no-repeat;
}

#content a {
color:						#2e2e2e;
font-family:				verdana, arial, helvetica;
font-size:					12px;
font-weight:				bold;
text-decoration:			none;
}

#content a:visited {
color:						#2e2e2e;
text-decoration:			none;
}

#content a:hover {
color:						#265720;
text-decoration:			underline;
/* background:					transparent url(../img/5px.gif) bottom repeat-x; */
}

#content a:active {
color:						#000;
}

#content p {
font-family:				verdana, arial, helvetica;
font-size:					12px;
text-align:					normal;
}

#content h1, h2, h5 {
font-family:				verdana, arial, helvetiva;
font-weight:				bold;
font-size:					15px;
color:						#A23F2A;
text-transform:				normal;
padding:					0 10px;
}

#content h3 {
font-family:				verdana, arial, helvetica;
font-weight:				bold;
font-size:					0.7em;
color:						#F00;
padding:					0px;
}

#content h6 {
font-family:				verdana, arial, helvetiva;
font-weight:				bold;
font-size:					13px;
color:						#A23F2A;
padding:					0px;
margin:						0px;
}

img, a img {
border:						0px;
}

.extern {
background:					transparent url(../img/link.png) bottom right no-repeat;
padding-right:				14px;
} 

.img {
border:						0px;
background:					#fff url(../img/loading.gif) center center no-repeat;
}

/* main text, ist "words" */
#words {
font-family:				verdana, arial, helvetica;	
font-size:					1.0em;
float:						right;
width:						370px;
padding:					11px;
margin-top:					0;
border-left:				1px #BD6646 solid;
}
	
#words ul {
font-family:				verdana, arial, helvetica;	
font-size:					0.7em;
}

#words ul li {
padding:					0 10px;
line-height:				1.5;
list-style-type:			none;
}

.bullet {
list-style-type:			none;
list-style-image:			url(../img/bullet.gif);
}

#words p {
font-size:					0.6em;
}

#words table {
font-size:					0.6em;
padding:					0 10px;
}

#words .red {
font-size:					0.6em;
color:						#F00;
padding:					0;
margin:						0;
}

#main .preis {
font-family:				verdana, arial, helvetica;	
font-size:					0.7em;
font-weight:				bold;
text-align:					right;
color:						#f00;
}

.imgspan {
border:						1px solid #999;
padding:					3px;
margin-left:				0 auto;
margin-right:				0 auto;
}

.gruen {
color:						#235740;
font-weight:				bold;
}

.trenn {
background:					transparent url(../img/stern.gif) center center no-repeat;
width:						14px;
height:						14px;
padding:					0px;
margin:						0px auto;
}

.ernte {
background:					transparent url(../img/bg_erntedank.gif) 0px 20px no-repeat;
}

#navleft {
font-family:				verdana, arial, helvetica;	
font-size:					0.9em;
float:						left;
width:						200px;
padding-top:				10px;
}

#navleft p {
font-family:				verdana, arial, helvetica;	
font-size:					0.6em;
text-align:					right;
}

#navleft ul {
font-family:				verdana, arial, helvetica;	
font-size:					12px;
/* text-indent:				-15px; */
}

#navleft ul li {
display:					list-item;
text-indent:				15px;
list-style:					none;
padding:					0;
padding-top:				0;			
padding-bottom:				0;
margin:						0;
margin-bottom:				0;
width:						100%;
}

#navleft a {
color:						#181818;
font-weight:				normal;
display:					block;
width:						100%;
padding:					0;
padding-top:				5px;
padding-bottom:				5px;
margin:						0;
margin-bottom:				0;
border-bottom:				1px solid #BD6646;
}

#navleft a:visited {
color:						#000;
width:						100%;
display:					block; 
padding:					0;
padding-top:				5px;
padding-bottom:				5px;
margin:						0;
margin-bottom:				0;
text-decoration:			none;
}

#navleft a:hover {
color:						#F00;
background:					#FFFC87 url(../img/bg_nav_left.gif) top repeat-x;
width:						100%;
display:					block; 
padding:					0;
padding-top:				5px;
padding-bottom:				5px;
margin:						0;
margin-bottom:				0;
text-decoration:			none;
}

#navleft a.select {
background-color:			#FBF9CA;
}

#navleft .slogan1 {
font-size:					0.6em;
color:						#009;
}

#navleft .slogan2 {
font-size:					0.6em;
color:						#090;
}

.insidelink {
float:						left;
}

.gut {
font-family:				georgia, serife;
font-style:					italic;
font-weight:				bold;
}

.insidelink ul {
font-family:				verdana, arial, helvetica;	
font-size:					0.9em;
text-indent:				-0.5em;
}

.insidelink ul li {
display:					list-item;
line-height:				1.7em;
text-indent:				1em;
list-style:					none;
}

select.select {
color:						#000;
background-color:			#FFF;
border:						1px solid #630;
width:						150px;
}

input.txt {
width:						150px;
color:						#000;
border:						1px solid #630;
}

input.plztxt {
width:						40px;
color:						#000;
border:						1px solid #630;
}

input.wohnorttxt {
width:						100px;
color:						#000;
border:						1px solid #630;
}

.textarea {
width:						150px;
height:						200px;
color:						#000;
background-color:			#FFF;
border:						1px solid #630;
}

.btn {
font-weight:				bold;
color:						#9D3F26;
background-color:			#A2E233;
border:						1px solid #900;
margin-top:					5px;
align:						center;
}

input.clear {
color:						#000;
background-color:			#CCC;
border:						1px solid #900;
margin-top:					5px;
margin-left:				10px;
}

form p {
clear:						left;
margin:						4px;
padding:					0;
padding-top:				5px;
}

form p label {
font-family:				arial, helvetica, verdana;
font-size:					12px;
float:						left;
width:						40%;
}

fieldset {
border:						1px solid #AA7042;
margin-top:					20px;
padding:					5px;
}

legend {
font-family:				arial, helvetica, sans-serif;
font-size:					12px;
font-weight:				bold;
color:						#9D3F26;
background-color:			#A2E233;
padding:					2px 5px 2px 5px;
border:						1px solid #AA7042;
}

.showmail {
font-family:				verdana, helvetica, sans-serif;
font-size:					12px;
text-align:					center;
}

.floatleft {
float:						left;
margin:						+4px 8px 0px 0px;
border:						3px solid #ACACAC;
padding:					2px;
}

.floatleft2 {
display:					block;
border:						5px solid #ACACAC; 
margin:						6px 50px 5px 70px;
float:						left;
}

a.floatleft2:hover {
border:						5px solid #8EC009; 
}

div.logounten {
background:					transparent url(../img/logo_bio_abcert.jpg) no-repeat;
text-align:					right;
margin:						auto;
width:						300px;
height:						85px;
}

#footer {
font-family:				verdana, arial, helvetica;
font-size:					0.6em;
color:						#FFF;
clear:						both;
border-top:					1px solid #BD6646;
background:					#7B2402 url(../img/footer.gif) repeat-x;
text-align:					center;
padding:					10px;
margin:						0;
}

#footer b {
font-weight:				normal;
}

