/* ===== General ===== */

* {	margin: 0; padding: 0; }

p {	padding-bottom: 10px; }

.clear { clear: both; }

.gapbefore { margin-top: 30px; }
.gapafter { margin-bottom: 30px; }

a img { border: none; }

/* ===== body ===== */

body { font-family: arial, helvetica, sans-serif; font-size: 67.5%; background-color: #e3f2da; }

/* ===== wrapper ===== */

#wrapper { background: transparent url(../img/bgMain.jpg) repeat-y; width: 960px; }

/* ===== navigation ===== */

#nav { 	float: left; min-height: 400px; width: 170px; padding-top: 240px; 
		background: transparent url(../img/bgTopLeft.jpg) no-repeat;  }

#nav ul { list-style: none; margin-bottom: 30px; }
	#nav ul li { 	width: 150px; text-align: right; font-size: 1.6em; font-weight: bold; line-height: 1.75em; 
					color: #84907c; }
		#nav ul li.current { color: #317023; }
	#nav a {	text-decoration: none; color: #84907c; }
	#nav a:hover {	text-decoration: none; color: #64705c; }

#nav img { margin-bottom: 15px; }

/* ===== content ===== */

#content { 	float: left; width: 790px;
 			background: transparent url(../img/bgTopRight.jpg) no-repeat top right; min-height: 400px; }

	#content a { text-decoration: none; color: #3333cc; }	
	#content a:hover { text-decoration: underline; }
	#content a:visited { color: #333399; }

/* ===== main ===== */

#content #main { float: left; width: 560px; }
	#content #main #header { 	height: 120px; background: transparent url(../img/bgHeader.jpg) repeat-x; 
								margin-bottom: 20px; }
		#content #main #header img#logo { margin: 3px 0 0 310px; }
		#content #main #header h1 { margin-left: 30px; padding-top: 35px; font-size: 2.4em; font-weight: bold; color: #317023; }


	#content #main p, #content #main h2, #content #main h3, #content #main ol { 	margin-left: 30px; margin-right: 30px;	}
	#content #main h2 {	font-size: 1.5em; padding-top: 25px; padding-bottom: 10px; color: #317023; }
	#content #main h3 {	font-size: 1.3em; padding-top: 16px; padding-bottom: 8px; color: #317023;  }
	#content #main p {	font-size: 1.1em; line-height: 1.4em; }
		#content #main p.big { font-size: 1.2em; line-height: 1.2em; }
		#content #main p.small { font-size: 1.0em; line-height: 1.2em; }
	
	#content #main img { margin-bottom: 10px; }
		#content #main img.left { float: left; margin-left: 30px; margin-right: 20px; }
		#content #main img.right { float: right; margin-left: 20px; margin-right: 30px; }

	#content #main li { margin-left: 30px; margin-bottom: 6px; }

/* ===== secondary ===== */	

#content #secondary { float: right; width: 230px; }
	#content #secondary #secheader { 	width: 220px; height: 120px; margin-bottom: 20px;
										background: transparent url(../img/bgSecHeader.jpg) repeat-x; }
		#content #secondary #secheader h2 { margin-left: 10px; padding-top: 85px; 
											font-size: 2em; font-weight: bold; color: #f9fcf7; }
	#content #secondary p,  #content #secondary h3, #content #secondary ul { margin-left: 10px; margin-right: 20px; }

	#content #secondary ul { list-style: none; }
		#content #secondary ul li { margin: 8px 0px 8px 0px; padding-left: 15px; 
									font-size: 1.1em; font-weight: bold; color: #464d43; 
									background: transparent url(../img/bulletSec.gif) no-repeat 0 50%; }
			#content #secondary ul li a { color: #464d43; }

	#content #secondary #shop {	margin: 30px 20px 20px 10px; background-color: #fffce5; }
		#content #secondary #shop h2 { 	padding: 5px; background-color: #bfb875; font-size: 1.8em; color: #fffce5; }
		#content #secondary #shop p { 	margin: 0; padding: 10px; font-size: 1em; font-weight: bold; color: #667061; }
		#content #secondary #shop img { border: none; padding: 5px 5px 10px 10px; }
	
/* ===== footer ===== */

#footer { 	clear: both; padding-bottom: 5px;
 			background: transparent url(../img/bgFooter.jpg) no-repeat bottom left; }
	#footer p.copyright { width: 150px; text-align: right; }

/* ===== sortiment ===== */

#sortiment #content h2 { padding-top: 5px; }

#sortiment #kategorien { margin: 0 0 20px 0; }
#sortiment #sorten { border-top: 1px solid #84907c; padding-top: 20px; }

#sortiment #content ul { list-style: none; margin-left: 30px; margin-right: 10px; }

	#sortiment #content li a { display: block; color: black; border: 1px solid #fffce5; }
		#sortiment #content li a:hover { text-decoration: none; border: 1px solid #c0cbae; }
	
	#sortiment #content .current { background-color: #e0ebce; }

	#sortiment #kategorien li { margin: 2px 0px 2px 0px; 
								padding-top: 0 !important; padding-bottom: 0 !important;}
	
	#sortiment #kategorien a { 	padding: 5px 5px 5px 18px; display: block; margin: 0px !important;
								font-size: 1.1em; font-weight: bold;
								background: transparent url(../img/bulletSec.gif) no-repeat 5px 7px; }
	
	#sortiment #sorten p { margin: 2px 0px 12px 40px; padding: 4px 10px 4px 0px; }
	#sortiment #sorten li { clear: both; height:12px; margin: 2px 10px 2px 0px; padding: 4px 10px 8px 10px; border-bottom: 1px solid #999999; }
		#sortiment #sorten li.heading { background-color: #e0ebce; }
		#sortiment #sorten li .botanisch { float: left; width: 300px; font-size: 1.1em; font-weight: bold; }
		#sortiment #sorten li .qualitaet { float: left; width: 190px; font-size: 1.1em; }
	

/* ===== map24 ===== */

#map24 { margin-left: 10px; }

/* ===== OLD STYLING ===== */

.innertube{	margin: 0 0 0 10px;  }

#maincontainer{	width: 710px; margin: 0 auto; margin-top: 20px; }

#topsection{ height: 120px; }

	#topsection h1{	margin: 0; padding-top: 15px; }


#start #leftcol { 	float: left;	width: 100%; padding: 0; margin: 0; height: 410px;
					background: transparent url(../img/startLeft.jpg) no-repeat; }
#start #middlecol {	float: left; width: 200px; margin-left: -555px; height: 410px;
					background: transparent url(../img/startMiddle.jpg) no-repeat; }
#start #rightcol {	float: left; width: 355px; margin-left: -355px; height: 410px;
						background: transparent url(../img/startRight.jpg) no-repeat; }

#intro #footer { clear: left; padding: 5px 0 0 10px; }

p.ajaxload { 	text-align: center; background:  #e3f2da url(../img/ajax-loader.gif) no-repeat 50% 33%;
				margin: 20px auto !important; width: 150px; border: 1px solid #84907c;
				padding: 60px 0 20px 0 !important; }