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

* {
	padding: 0px; margin: 0px; }

img {
	border: none; }

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

.clear {
	clear: both; height: 1px; font-size: 1px; line-height: 1px }


/* ################################	*/
/* hidden divs						*/

#printlogo, #printfooter {
	display: none; }


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

#header {
	text-align: left; margin: 15px auto 1px auto; height: 126px; width: 919px; }

#main {
	clear: both; text-align: left; margin: 1px auto 1px auto; height: auto; width: 919px; background-image: url(../images/content_bg.gif); background-repeat: repeat-y; }

#breadcrumb {
	text-align: left; margin: 1px auto 1px auto; min-height: 27px; width: 919px; background-color: #000000; }

#headersearch {
	float: right; width: 220px; }

#logo_st {
	float: left; margin: 1px 0px 0px 0px; height: 72px; width: 229px; }

#language {
	float: left; margin: 1px 0px 0px 0px; height: 72px; width: 410px; }

#search {
	float: left; margin: 1px 0px 0px 0px; height: 72px; width: 131px; }

#helpnavi {
	float: right; margin: 1px 0px 0px 0px; height: 25px; width: 229px; }

#logo_fg {
	float: right; margin: 0px 0px 0px 0px; height: 47px; width: 229px; }

#leftnavi {
	float: left; margin: 0px 0px 0px 0px; height: auto; width: 229px; background-color: #cccccc; }

#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; background-color: #cccccc; }

#footer {
	clear: both; width: 919px; height: 36px; background-image: url(../images/footer_bg.gif); }

/* ################################	*/
/* lanuage classes					*/

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

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

#headersearch .textbox {
	margin-left: 16px; border: 1px solid #ffffff; width: 130px; margin-right: 5px; font-size: 10px; font-family: Arial, Helvetica, sans-serif; height: 15px; }

#headersearch .searchbutton {
	margin-top: 5px; }

/* ################################	*/
/* 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 {
	float: left; padding: 4px 17px 4px 26px; font-size: 0.75em; color: #eeeeee; width: 650px; }

#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: #000000; 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.selected {
	font-weight: bold; }

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

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

div.mainnavi div.subsubentry a.selected {
	font-weight: bold; }

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

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

div.mainnavi div.subsubsubentry a.selected {
	font-weight: bold; }

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

/* ################################	*/
/* infobar classes					*/

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

div.infobar p {
	margin: 0px 0px 0px 0px; padding: 3px 0px 10px 25px; 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 {
	clear: both; margin: 7px 10px 3px 25px; padding: 0; }

div.infobar p.checkbox span.checkbox {
	display: block; float: left; width: 25px; }

div.infobar p.checkbox input {
	clear: both; width: 20px; float: left; margin: 0px 0px 0px 0px; }

div.infobar p.checkbox span {
	float: left; width: 168px; margin-top: 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; }

div.infobar h3 {
	margin: 0px 0px 1px 0px; height: 16px !important; height: 22px; background-image: url(../_images/bg_infobar_header.gif); background-color: #999999; padding: 3px 10px 3px 25px; border-bottom: 1px solid #999999; color: #ffffff; font-size: 0.8em; }

/* ################################	*/
/* 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; 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; 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 p.error {
	color: #FF0000; }

#content p.videobox {
	border: 1px solid #aaaaaa; background-color: #efefef; height: 110px; margin: 10px 15px 5px 12px; padding: 5px 5px 5px 5px; }

#content .CtextImage {
	margin: 10px; }

#content .fairlogo {
	margin: 0px 10px 0px 10px; }

#content table {
	margin: 10px 17px 10px 17px; border-collapse:separate;}

#content td {
	font-size: 0.75em; vertical-align: top; padding: 2px 4px 2px 4px; line-height: 1.3em; border-bottom: 1px solid #cccccc; }

#content table.withoutborder td {
	border: none; }

#content table.data {
	width: 360px; font-size: 0.75em; }

#content table.data td {
	font-size: 1em; vertical-align: top; padding: 2px 4px 2px 4px; line-height: 1.3em; }

#content table.data td.1stcol {
	width: 130px; }

#content table.data td p {
	font-size: 1em; vertical-align: top; padding: 0px; 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; }

#content span.desc {
	width: 100px; }

#content p.adressrow {
	margin: 0px 20px 0px 0px; font-size: 0.8em; border-bottom: 1px solid #999999; }

#content p.adressrow input {
	border: 1px solid #999999; width: 250px;  }

#content input.button {
	border: none; background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}

#content input.button:hover {
	text-decoration: underline; background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}

#content a.searchheader {
	text-decoration: none; font-weight: bold; }

#content div.cataloguelist h3 {
	margin-top: 10px; border-top: 1px solid #cccccc; }

#content div.cataloguelist h3.without {
	margin-top: 5px; border-top: none; }

#content div.cataloguelist p span {
	color: #555555; }


#content p.checkbox {
	clear: both; }


#content div.locationslist a {
	display: block; margin-top: 5px; }



/* accordeon */
div#accordion .ui-accordion-header { cursor: pointer; padding-left:35px; background-image:url(../images/arrowClose.png); background-repeat:no-repeat; background-position:20px 17px;; }
div#accordion .ui-accordion-li-fix { display: inline; }
div#accordion .ui-state-active { border-bottom: 0 !important; background-image:url(../images/arrowOpen.png); background-repeat:no-repeat; }
div#accordion .ui-accordion-header a { display: block;}
div#accordion .ui-accordion-header .ui-icon {  }
div#accordion .ui-accordion-content { border-top: 0;  overflow: hidden; display: none; padding-left:20px; height:auto; }