/* styles for www.stemmann.de		*/
/* 									*/
/* media:	screen					*/
/* use:		on every page			*/
/*									*/

* { 
	padding: 0px; margin: 0px; font-size: 101%; }

body {
	text-align: center; background-color: #CCCCCC; font-family: Arial, Helvetica, sans-serif; width: 100%; height: 100%; }
	
	
/* ################################	*/
/* hidden divs						*/

#printlogo, #printfooter {
	display: none; }


/* ################################	*/
/* main divs						*/

#header {
	text-align: left; margin: 15px auto 1px auto; height: 126px; width: 919px; }
	
#main {
	text-align: left; margin: 1px auto 1px auto; height: auto; width: 919px; background-image: url(../_images/hg_main.gif); background-repeat: repeat-x; }
	
#breadcrumb {
	text-align: left; margin: 1px auto 1px auto; height: auto; width: 919px; background-color: #000000; }
	
#logo_st {
	float: left; margin: 1px 0px 0px 0px; height: 72px; width: 229px; }
	
#language {
	float: left; margin: 1px 0px 0px 0px; height: 72px; width: 180px; }
	
#search {
	float: left; margin: 1px 0px 0px 0px; height: 72px; width: 281px; }
	
#helpnavi {
	float: left; margin: 1px 0px 0px 0px; height: 25px; width: 229px; }
	
#logo_fg {
	float: left; margin: 0px 0px 0px 0px; height: 47px; width: 229px; }
	
#leftnavi {
	float: left; margin: 0px 0px 0px 0px; height: auto; width: 229px; }
	
#content {
	float: left; margin: 8px 8px 0px 8px; padding-bottom: 15px; height: auto; width: 445px; background-color: #fbfbfb; }
	
#rightnavi {
	float: left; margin: 0px 0px 0px 0px; height: auto; width: 229px; }
	
#footer {
	clear: both; border-bottom: 8px solid #CCCCCC; }
	
/* ################################	*/
/* lanuage classes					*/

#language p {
	padding: 0px 0px 0px 18px; text-align: left; }

/* ################################	*/
/* search classes					*/

#search p {
	padding: 5px 10px 0px 0px; text-align: right; color: #ffffff; font-size: 11px; }

/* ################################	*/
/* helpnavi classes					*/

#helpnavi p {
	padding: 5px 0px 0px 10px; color: #ffffff; font-size: 11px; }
	
#helpnavi a {
	color: #eeeeee; font-weight: bold; text-decoration: none; }
	
#breadcrumb a:hover {
	text-decoration: underline; }


/* ################################	*/
/* breadcrumb classes				*/

#breadcrumb p {
	padding: 4px 17px 4px 26px; font-size: 0.75em; color: #eeeeee; }		
	
#breadcrumb a {
	color: #eeeeee; font-weight: bold; text-decoration: none; }
	
#breadcrumb a:hover {
	color: #ffffff;  }

/* ################################	*/
/* mainnavi classes					*/

div.mainnavi {
	margin: 0px 0px 3px 0px; border-bottom: 1px solid #000000; }

div.mainnavi div.mainentry a {
	margin: 1px 0px 0px 0px; padding: 3px 10px 3px 25px; display: block; text-decoration: none; background-color: #e5e5e5; color: #000000; font-size: 0.8em; }

div.mainnavi div.mainentry a:hover {
	background-color: #999999; color: #ffffff; }

div.mainnavi div.product a {
	margin: 1px 0px 0px 5px; padding: 3px 10px 3px 20px; display: block; text-decoration: none; background-color: #e5e5e5; color: #000000; font-size: 0.8em; }

div.mainnavi div.product a:hover {
	background-color: transparent; color: #ffffff; }

div.mainnavi a.header {
	padding: 4px 10px 4px 25px; display: block; text-decoration: none; background-color: #777777; color: #ffffff; font-size: 0.85em; font-weight: bold; }

div.mainnavi a.header:hover {
	background-color: #999999; color: #ffffff; }
	
div.mainnavi div.group a {
	margin: 1px 0px 0px 0px; padding: 3px 10px 3px 25px; display: block; text-decoration: none; background-color: transparent; color: #ffffff; font-size: 0.8em; }

div.mainnavi div.group a:hover {
	background-color: #999999; color: #ffffff; }
	
div.mainnavi div.subgroup {
	margin: 1px 0px 0px 0px; padding: 3px 10px 3px 30px; font-weight: bold; background-color: #e5e5e5; color: #000000; font-size: 0.8em; }

div.mainnavi div.subnavi a {
	margin: 1px 0px 0px 0px; padding: 3px 10px 3px 30px; display: block; font-weight: bold; text-decoration: none; background-color: #e5e5e5; color: #000000; font-size: 0.8em; }

div.mainnavi div.subnavi a:hover {
	background-color: #999999; color: #ffffff; }
	
div.mainnavi div.subentry a {
	margin: 0px 0px 0px 0px; padding: 3px 10px 3px 35px; display: block; text-decoration: none; background-color: #e5e5e5; color: #000000; font-size: 0.8em; }

div.mainnavi div.subentry a:hover {
	background-color: #999999; color: #ffffff; }
	
/* ################################	*/
/* infobar classes					*/

div.infobar {
	margin: 0px 0px 3px 0px; border-bottom: 1px solid #000000; }

div.infobar h3 {
	margin: 0px 0px 1px 0px; padding: 3px 10px 3px 25px; background-color: #999999; color: #ffffff; font-size: 0.8em; }
	
div.infobar p {
	margin: 0px 0px 0px 0px; padding: 3px 10px 10px 25px; background-color: #e5e5e5; color: #000000; font-size: 0.7em; }
	
div.infobar p.name {
	padding: 10px 10px 5px 25px; font-weight: bold; }
	
div.infobar p.teaser {
	padding: 10px 10px 5px 25px; }
	
div.infobar p.checkbox {
	padding: 7px 10px 3px 25px; }
	
div.infobar p.checkbox input {
	clear: both; float: left; margin: -2px 3px 0px 3px; }
	
div.infobar p.send {
	clear: both; padding: 5px 10px 10px 43px; }
	
div.infobar p.send input {
	width: 120px; height: 23px; background-color: #cccccc; border: 1px solid #000000; border-top: 1px solid #eeeeee; border-left: 1px solid #eeeeee; }
	
div.infobar a {
	color: #555555; text-decoration: none; }
	
div.infobar a:hover {
	color: #000000; text-decoration: underline; }
	
	
/* ################################	*/
/* content classes (text)			*/

#content a {
	color: #333333; text-decoration: underline; }
	
#content h1 a, #content h2 a, #content h3 a, #content .Cheader1 a, #content .Cheader2 a, #content .Cheader3 a {
	text-decoration: none; }

#content h1 a:hover, #content h2 a:hover, #content h3 a:hover, #content .Cheader1 a:hover, #content .Cheader2 a:hover, #content .Cheader3 a:hover {
	text-decoration: underline; }
	
#content h1, #content .Cheader1 {
	clear: both; padding: 11px 17px 0px 17px; font-size: 1.1em; color: #333333; font-weight: bold; line-height: 1.3em; }
	
#content h2, #content .Cheader2 {
	clear: both; padding: 11px 17px 0px 17px; font-size: 0.9em; color: #333333; font-weight: bold; line-height: 1.3em; }
	
#content h3, #content .Cheader3 {
	clear: both; padding: 11px 17px 0px 17px; font-size: 0.8em; color: #333333; font-weight: bold; line-height: 1.3em; }
	
#content p, #content blockquote {
	padding: 4px 20px 5px 17px; font-size: 0.8em; color: #000000; line-height: 1.3em; }
	
#content p.newsblock {
	border-bottom: 1px solid #aaaaaa; padding-bottom: 10px; margin-bottom: 5px; }
	
#content .CtextImage {
	margin: 10px; }
	
#content table {
	margin: 10px 17px 10px 17px; }
	
#content td {
	font-size: 0.75em; vertical-align: top; padding: 2px 4px 2px 4px; line-height: 1.3em; }	
		
#content blockquote {
	padding-left: 35px; }
	
#content ul {
	color: #000000; font-size: 0.8em; padding: 3px 20px 3px 40px; line-height: 1.5em; list-style-type: square; }

#content li {
	margin-bottom: 5px; }
	
#content li.sitemap {
	margin-bottom: 5px; font-weight: bold; }
	
#content ul ul {
	font-weight: normal; font-size: 1.0em; color: #000000; padding: 3px 20px 3px 30px; list-style-type: none; }

#content input.Sbutton {
	height: 23px; background-color: #cccccc; border: 1px solid #000000; border-top: 1px solid #eeeeee; border-left: 1px solid #eeeeee; }
	
#content ul.sitemap {
	background-image: none; color: #000000; font-size: 0.8em; padding: 3px 20px 3px 17px; line-height: 1.5em; list-style-type: none; }
	
#content ul.sitemap a {
	text-decoration: none; background-image: url(../_images/tree_2.gif); background-repeat: no-repeat; padding-left: 7px; }
	
#content ul.sitemap a:hover {
	text-decoration: underline; }
	
#content ul.sitemap ul {
	margin-top: 3px; font-size: 0.9em; background-image: url(../_images/tree_1.gif); background-repeat: repeat-y; }

#content ul.sitemap ul ul {
	font-size: 1.0em; border-bottom: 1px solid #cccccc; }

#content ul.sitemap ul ul ul {
	font-size: 1.0em; border-bottom: none; }