/* Clearing */
.clearing:after{ content:"clear";  clear:both;  display:block;  height:0;  overflow:hidden;  visibility:hidden;  } 
.clearer { display: none;}

/* Hack IE 5 Mac */
*>html .clearer { display:block; height:0; font-size:0; clear:both; }

/* Seitendefinitionen */
body {margin: 0px; padding: 0px;background-color: #b4b4b4;}
#page { width: 760px; background-color: #fff; }
#head_print { background-color: #E3E5E6; background: url(../bilder/hg-kopf-sub-weiss.gif) 0 0 no-repeat; border-bottom: 2px solid #b4b4b4; height: 80px;}

/* Formatierung des Inhaltsbereichs */
#content { font-family: verdana, arial, sans-serif; font-size: 76%; padding: 0; }
#content p, #content h1, #content h2, #content h3 { margin-top: 0px; }
#content .col1 { width: 619px; padding: 20px 10px 20px 100px; position:relative;  }
#content .col1 p { line-height: 1.6em; }
#content .col1 h1 { font-size: 1.3em; margin: 2em 0 1em 0; line-height: 1.6em;}
#content .col1 h2 { font-size: 1.0em; margin: 1em 0 0.6em 0; line-height: 1.6em;}
#content .col1 h3 { font-size: 1em; margin: 1em 0 0 0; line-height: 1.6em; color: #666}
#content .col1 h1.csc-firstHeader { margin: 1em 0 1em 0; }
#content .col1 img.b-links {border: 1px solid #666;}
#content .col1 a { color: #276f91; }
#content .col1 a:hover { color: #8daebe; }
#content .col1 h1 a, #content .col1 h2 a, #content .col1 h3 a { text-decoration: none }
#content .col1 ul { margin: 0 0 1em 0; padding: 0 0 0 1.2em; line-height: 1.6em;}
#content .col1 td p { margin: 0;padding: 0; }
#content .col1 td { padding-right: 10px; vertical-align: top;}


/* Fussbereich */

#fuss {clear: both; border-top: 2px solid #b4b4b4; background-color: #dadada; padding: 5px 100px; }

#fuss p{ margin: 0; padding: 0; }


/* Kunden */
#firmenlogo { position: absolute; top: 10px; left: 564px;}
.bilderzeile img { width: 170px; }
.bilderzeile .schatten { margin-right: 25px; }
.bilderzeile { margin: 2em 0 2em 0; }


/* Rohstofflexikon - eventuell nur laden, wenn das Lexikon benötigt wird. */
/* Innenteil */
#lexikon-head { margin: 1em 0; padding: 1px; height: 158px; background-color: #363535;}
#lexikon-head #titel { margin: 70px 0 0 10px;font-size: 1.5em;font-weight: bold;line-height: 1.5em;color: #fff;}


/* Adressen */
#content .col1 table.address {
	margin-bottom: 2em;
}

#content .col1 .address .image {
	width:  130px;
	padding-top: 0.4em;
}
#content .col1 .address .image div {
	background-image: url(../bilder/schatten2.gif); background-position: bottom right; padding: 0 8px 8px 0;
	width: 120px;
}

#content .col1 .address .image img {
	border: 1px solid #000;
}

	
#content .col1 .address p {
	margin: 0;
	padding: 0;
	line-height: 1.2em;
}
#content .col1 .address p.name {
	margin: 5px 0;
	font-size: 1.2em;
	font-weight: bold;
}

#content .col1 .address dl.telefon {
	margin: 5px 0 0 0;
	padding: 0;
}
#content .col1 .address .telefon dt {
	width: 4em;
	float:  left;
}
#content .col1 .address .telefon dd {
	padding: 0 0 0 4em;

}