/* CSS Document */

@import "clearfix.css" all;
@import "iehacks.css" all;


html, body, form, h1, h2, h3, h4, ul, li {
	padding: 0;
	margin: 0;
}

html, body {
	height: 100%;
}

body {
	background: url(../tmpl/imgs/site_bg_green.jpg) repeat;
}


a img { border: 0; }

/*	Layout-Container */
#container { width: 848px; margin: 0 auto; background: url(../tmpl/imgs/site_bg.jpg) repeat-y; border-left: 4px solid #cdb049; }


/*	Navigations-Bereich ********************************************** */

#navi {
	width: 230px;
	float: left;
	margin-bottom: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}

	#logo {
	
	}

	.StandLogoLinks {
		padding-top: 20px;
	}
	
	/*	Navigationsliste */
	
	#navi ul {
		margin-left: 20px;
		padding-bottom: 10px;
	}
	
	#navi li {
		list-style-type: none;
		padding-bottom: 10px;
	}
	
	/*	Erste Ebene */
	
	#navi ul li a {
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
	}
	
	#navi ul li a:hover {
		color: #E8BA08;
	}	
	
	#navi ul li.aktiv a {
		color: #E8BA08;
		text-decoration: none;
	}
	
	/*	Zweite Ebene */
	
	#navi ul ul {
		padding-top: 10px;
	}
	#navi[id] ul ul {
		padding-top: 0px;
	}	
	
	#navi ul ul li {
		list-style-type: square;
	}
	
	#navi ul ul li a {
		color: #ffffff;
		text-decoration: none;
		font-weight: normal;
	}
	
	#navi ul ul li a:hover {
		text-decoration: underline;
	}	
	
	#navi ul ul li.aktiv a {
		color: #E8BA08;
		text-decoration: none;
	}
	
	#navi ul ul li.inaktiv a {
		color: #ffffff;
		text-decoration: none;
		font-weight: normal;
	}
	
	/*	Dritte Ebene */
	
	#navi ul ul ul {
		padding-top: 10px;
	}
	#navi[id] ul ul ul {
		padding-top: 0px;
	}	
	
	#navi ul ul ul li {
		list-style-type: square;
	}
	
	#navi ul ul ul li a {
		color: #ffffff;
		text-decoration: none;
		font-weight: normal;
	}
	
	#navi ul ul ul li a:hover {
		text-decoration: underline;
	}	
	
	#navi ul ul ul li.aktiv a {
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
	}
	
	#navi ul ul ul li.inaktiv a {
		color: #ffffff;
		text-decoration: none;
		font-weight: normal;
	}		
	
	
	
	#navi h1 {
		display: none;
	}


/*	Content-Bereich ********************************************** */		

#content {
	margin-left: 230px;
	width: 514px;
	padding: 50px;
	background: url(../tmpl/imgs/content_bg.jpg) right top no-repeat;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 18px;
}
#content[id] {
	width: 518px;
}

	/*	Headlines */
	
	#content h2 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 22px;
		line-height: 24px;
		font-weight: normal;
		color: #E8BA08;
		padding-bottom: 25px;
	}
	
	#content h3 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: normal;
		color: #E8BA08;
		padding-bottom: 15px;
		padding-top: 20px;
	}
	
	#content h4 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: normal;
		color: #ffffff;
		padding-bottom: 15px;
		padding-top: 20px;
	}
	
	/*	Links */
	
	#content a {
		color: #E8BA08;
		font-style: italic;
		font-weight: bold;
	}
	
	#content a:hover {
		color: #ffffff;
	}
	
	#content h3 a {
		font-style: normal;
		font-weight: normal;
		text-decoration: none;
	}
	
	/*	Listen */
	
	#content ul {
		margin-left: 20px;
	}
	
	#content li {
		padding-bottom: 10px;
		list-style-type: square;
	}
	
	
	/*	Tabellen */
	
	#content table {
		border-collapse: collapse;
	}
	
	#content th {
		border-bottom: 1px solid #fff;
		color: #E8BA08;
		padding: 0;
	}
	
	#content #bestellform tr:hover {
		background-color: #333;
	}
	
	table.produkte { border-collapse: collapse; width: 100%; }
	table.produkte td { padding-bottom: 20px; vertical-align: top; }
	table.produkte p { margin-bottom: 15px; }
	
	
	/*	Bilder */
	
	img .links {
		float: left;
		padding-right: 20px;
		padding-bottom: 15px;
	}
	
	#content img a {
		border: 0;
	}
	
	/*	Sonstige Auszeichnungen */
	
	.goldRand {
		padding: 5px;
		border: 3px solid #E8BA08;
	}
	
	/*	Fusszeile */
	
	#content .footer {
		padding-top: 50px;
		padding-bottom: 30px;
	}
	
	#content .oben {
		text-align: right;
	}
	
	#content .oben a {
		color: #fff;
	}