/*<![CDATA[*/
@import url(content-structure.css);
@import url(content-elements.css);
@import url(navigation.css);

/* Allgemeine Definitionen */

body
{
	background: white;
	margin: 0;
	padding: 0;
	color: black;
	background: white url(../images/seitenHintergrund.gif) repeat-y;
	font-family: verdana, sans-serif;
	font-size: 11px;
}

img
{
	border: none;
}

/* Allgemeine Definitionen: Trennlinien */

div.hrDotted
{
	clear: both;
	margin: 8px 0 8px 0;
	height: 1px;
	/* Alle au�er IE Mac \*/
	overflow: hidden;
    /**/
	background: url(../images/dotted.gif);
	color: white;
	font-size: 1px;
	line-height: 1px;
}

div.hrLine
{
	clear: both;
	margin: 8px 0 8px 0;
	height: 1px;
	/* Alle au�er IE Mac \*/
	overflow: hidden;
    /**/
	border-bottom: 1px solid #8C8C8C;
	color: white;
	font-size: 1px;
	line-height: 1px;
}


/* Allgemeine Definitionen: Formulare */

form, input, textarea
{
	margin: 0;
}

input.text, textarea
{
	border: 1px solid #8C8C8C;
	font-family: verdana, sans-serif;
	font-size: 11px;
	padding-bottom: 2px;
}

input.textPflichtfeld
{
	border: 1px solid #8C8C8C;
	font-family: verdana, sans-serif;
	font-size: 11px;
	padding-bottom: 2px;	
	background: #F6F3F3;
}

/* Allgemeine Definitionen: Links */

a
{
	text-decoration: none;
	color: black;
}

a:hover
{
	color: red;
}

/* Allgemeine Definitionen: Button-Links */

div.buttonLink,
div.buttonLinkRight
{
	width: auto !important;
	float: left;
	background: url(../images/inhaltButtonLink_a.gif) no-repeat center left;
}

div.buttonLinkRight {
	float: right;
	margin-top: 5px !important;
}

div.buttonLink a,
div.buttonLinkRight a
{
	height: 1.8em;
	display: block;
	padding: 1px 0 0 6px;
	white-space: nowrap;
	line-height: 16px;
	font-weight: bold;
	color: #8C8C8C;
	background: url(../images/inhaltButtonLink_b.gif) no-repeat center right;
	padding-right: 30px;
}

* html div.buttonLinkRight a 
{
	width: 10px !important;
}

div.buttonLink a:hover,
div.buttonLinkRight a:hover
{
	color: red;
}

div.buttonLinkLeftGrey
{
	background: url(../images/inhaltButtonLinkLeft_a.gif) no-repeat center right;
	width: auto !important;
	display: block;
	float: left;
	margin-top: 10px;
}

div.buttonLinkLeftGrey a
{
	width: auto !important;
	display: block;
	padding: 0.3em 4px 0.3em 30px;
	margin-right: 2px;
	white-space: nowrap;
	line-height: 18px;
	font-weight: bold;
	color: #8C8C8C;
	background: url(../images/inhaltButtonLinkLeftGrey_b.gif) no-repeat center left;
}

div.buttonLinkLeftGrey a:hover {
	background: url(../images/inhaltButtonLinkLeftGrey1_b.gif) no-repeat center left;
	color: red;
}

/* Allgemeine Definitionen: Button-Submit */

div.buttonSubmit,
div.buttonReset,
div.submit
{
	margin: 0;
	padding: 0;
	background: url(../images/inhaltButtonLink_a.gif) no-repeat center left;
}

div.buttonSubmit input,
div.buttonReset input,
div.submit input
{
	border: none;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	color: #8C8C8C;
	white-space: nowrap;
	margin: 0;
	padding: 0.3em 28px 0.3em 0.6em;
	background: url(../images/inhaltButtonLink_b.gif) no-repeat center right;
}

div.buttonSubmitGreyContent
{
	background: url(../images/inhaltButtonGrey_a.gif) no-repeat center left;
}

div.buttonSubmitGreyContent input
{	
	background: url(../images/inhaltButtonGrey_b.gif) no-repeat center right;
	/* IE@Mac scheint Probleme mit dem Padding zu haben, also wird es
		ihm per Hack vorenthalten */
	padding: 0px 0px 2px 0px;
	/* Alle ausser IE Mac \*/
	padding: 0px 28px 2px 6px;
    /**/
}

div.buttonSubmitLeftGrey
{
	background: url(../images/inhaltButtonLinkLeft_a.gif) no-repeat top right;
}

div.buttonSubmitLeftGrey input
{	
	width: 100%;
	height: 20px;
	border: none;
	padding: 0px 6px 2px 20px;
	font-size: 11px;
	line-height: 18px;
	white-space: nowrap;
	font-weight: bold;
	color: #8C8C8C;
	background: url(../images/inhaltButtonLinkLeftGrey_b.gif) no-repeat;
}

/* Allgemeine Definitionen: Text */

p.small
{
	font-size: 10px;
	line-height: 12px;
}


/* Kopfbereich */

div.kopf
{
	width: 1000px;
	height: 80px;
	border-bottom: 1px solid red;
	line-height: 16px;
	background: white;
}

/* Kopfbereich: Logo */
div.kopf div#logo
{
	width: 208px;
	height: 78px;
}

.ganter-ganter-elesa 
{
	background: #ffffff url(../images/logo-gge.gif) no-repeat;
}

.ganter-ganter 
{
	background: #ffffff url(../images/logo-gg.gif) no-repeat;
}

.ganter-elesa 
{
	background: #ffffff url(../images/logo-ge.gif) no-repeat;
}

div.kopf div#logo h1 
{
	display: none;
}

div.kopf #qualifikationen
{
	position: absolute;
	left: 224px;
	top: 0px;
	height: 78px;
	width: 277px;
	margin: 0;
	padding: 0;	
}

div.kopf #qualifikationen img.qualifikation
{
	margin-right: 10px;
	margin-top: 39px;
}

/* Kopfbereich: Metanavigation */

div.kopf ul
{
	position: absolute;
	left: 501px;
	top: 60px;
	width: 315px;
	margin: 0;
	padding: 0;
	text-align: right;
	list-style-type: none;
}

div.kopf ul li
{
	display: inline;
	margin: 0;
	padding-left: 10px;
	font-weight: bold;
}

div.kopf ul li a.active
{
	color: red;
}

/* Kopfbereich: Login-Info */

div.kopf div.loginInfo
{
	position: absolute;
	left: 832px;
	top: 60px;
	width: 168px;
	color: #8C8C8C;
}

div.kopf div.loginInfo a
{
	font-weight: bold;
	color: #8C8C8C;
}

div.kopf div.loginInfo a:hover
{
	font-weight: bold;
	color: red;
}

/* Main-Container zur relativen Positionierung */

div.main
{
	position: absolute;
	left: 208px;
	top: 80px;
	width: 792px;
}

/* Breadcrumb-Navigation */

ul.breadcrumbs
{
	display: block;
	margin: 0;
	padding: 3px 8px 3px 16px;
	line-height: 15px;
	border-bottom: 1px solid #8C8C8C;
	list-style: none;
}

*html ul.breadcrumbs 
{	/* IE erzeugt oberhalb dieser ul einen 1px Abstand. */  
	padding-top: 2px;
}

/* für leere Breadcrumb-Navigation */
div.breadcrumbs {
	margin: 0;
	padding: 3px 8px 3px 16px;
	line-height: 15px;
	border-bottom: 1px solid #8C8C8C;
}

*html div.breadcrumbs 
{	/* IE erzeugt oberhalb dieser ul einen 1px Abstand. */  
	padding-top: 2px;
}

ul.breadcrumbs li
{
	margin: 0px;
	padding: 0;
	line-height: 15px;
	display: inline;
	white-space: nowrap;
	font-weight: bold;
	color: red;
}

ul.breadcrumbs li a
{
	font-weight: normal;
}

/* Inhalt */

div.inhalt
{
	float: left;
	display: inline;
	margin: 0 16px 0 16px;
	padding-bottom: 16px;
	width: 592px;
	line-height: 16px;
}

/* Inhalt: Absatzformate */

div.inhalt h1
{
	font-size: 16px;
	margin: 12px 0 18px 0;
	color: #8C8C8C;
}

div.inhalt h2
{
	font-size: 13px;
	margin: 12px 0 0 0;
	color: #8C8C8C;
}

div.inhalt h3
{
	font-size: 11px;
	margin: 12px 0 2px 0;
	color: #8C8C8C;
}

div.inhalt p
{
	margin: 0 0 11px 0;
}

div.inhalt p.grey
{
	color: #8C8C8C;
}

/* Inhalt: Links */

div.inhalt a.text,
div.inhalt a.intern,
div.inhalt a.extern,
div.inhalt a.email
{
	color: #8C8C8C;
	font-weight: bold;
}

div.inhalt a.intern img,
div.inhalt a.extern img,
div.inhalt a.email img
{
	margin-right: 4px;
	vertical-align: middle;
}

div.inhalt a.text:hover,
div.inhalt a.intern:hover,
div.inhalt a.extern:hover,
div.inhalt a.email:hover
{
	color: red;
}

div.inhalt a.active
{
	color: red;
	font-weight: bold;
}

div.inhalt a.text img
{
	margin: 0 2px 1px 4px;
}

/* Inhalt: Einfache Listen */

div.inhalt ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.inhalt ul li
{
	padding: 0 0 2px 0;
	margin: 0;
	width: 100%;
}

/* Inhalt: Spalten */

div.inhalt div.spalte
{
	float: left;
	display: inline;
	width: 192px;
	margin-right: 8px;
}

div.inhalt div#spalteRechts, div.inhalt div.spalteRechts
{
	margin: 0;
}

/* Inhalt: Produktneuheiten und Produktuebersicht */

div.inhalt div.produktNeuheiten
{
	float: right;
	position: relative;
	margin: 3px 0 0 4px; 
	width: 192px;
}

*html div.inhalt div.produktNeuheiten
{
      margin-top:1px;
}

div.inhalt div.produktNeuheiten h1,
div.inhalt div.highlight-container h1
{
	height: 25px;
	margin: 0 0 8px 0;
	padding: 0 8px 0 8px;
	line-height: 23px;
	font-size: 11px;
	color: white;
	background: #8C8C8C url(../images/produktNeuheitenEcken.gif) no-repeat;
}

div.inhalt div.produktNeuheiten a.eintrag,
div.inhalt div.produktUebersichtKlein a
{
	display: block;
	position: relative;
	height: 78px;
	overflow: hidden;
	padding: 0 4px 0 0;
	font-weight: bold;
	color: #8C8C8C;
	background: none;
	border: 1px solid #8C8C8C;
	line-height: 14px;
	margin:0; /* damit IE Mac gluecklich ist */
}

div.inhalt div.produktNeuheiten a.eintrag:hover,
div.inhalt div.produktUebersichtKlein a:hover
{
	color: red;
	border: 1px solid red;
}

div.inhalt div.produktNeuheiten a.eintrag span.neu,
div.inhalt div.produktUebersichtKlein a span.neu
{
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 3px 1px 3px;
	font-weight: normal;
	color: white;
	background: red;
}

div.inhalt div.produktNeuheiten a.eintrag img,
div.inhalt div.produktUebersichtKlein a img
{
	float: left;
	display: inline;
	margin-right: 6px;
	border-right: 1px solid #8C8C8C;
}

div.inhalt div.produktNeuheiten a.eintrag span.artikelnummer,
div.inhalt div.produktUebersichtKlein a span.artikelnummer
{
	display: block;
	padding-top: 4px;
	color: black;
}

div.inhalt div.produktNeuheiten a.eintrag span.beschreibung,
div.inhalt div.produktUebersichtKlein a span.beschreibung
{
	display: block;
}

div.inhalt div.produktNeuheiten a.eintrag span.material,
div.inhalt div.produktUebersichtKlein a span.material
{
	display: block;
	color: black;
	font-weight: normal;
}

/* Inhalt: Produktübersicht mit kleinen Bildern */

div.inhalt div.produktUebersichtKlein a
{
	float: left;
	width: 186px;
	margin: 0 8px 16px 0;
}

div.inhalt div.produktUebersichtKlein a.right
{
	margin-right: 0;
}

/* Inhalt: Produktübersicht mit großen Bildern */

div.inhalt div.produktUebersichtGross a
{
	float: left;
	display: inline;
	position: relative;
	width: 192px;
	margin: 0 8px 16px 0;
	font-weight: bold;
	line-height: 13px;
}

div.inhalt div.produktUebersichtGross a.right
{
	margin-right: 0;
}

div.inhalt div.produktUebersichtGross a span
{
	position: absolute;
	width: 31px;
	height: 31px;
	left: 1px;
	top: 1px;
	text-align: center;
	line-height: 30px;
	color: white;
	margin: 0;
	background: red;
}

div.inhalt div.produktUebersichtGross a img
{
	border: 1px solid #8C8C8C;
	display: block;
	margin-bottom: 2px;
}

div.inhalt div.produktUebersichtGross a:hover img
{
	border: 1px solid red;
}

/* Inhalt: Produktbild */

div.inhalt div.produktBild
{
	width: 389px;
}

div.inhalt div.produktBild img
{
	display: block;
	border: 1px solid #8C8C8C;
}

div.inhalt div.produktBild span
{
	float: right;
	font-size: 10px;
	text-transform: uppercase;
}

div.inhalt div.produktBild div.buttonLinkLeftGrey
{
	clear: both;
	margin-top: 6px;
}

/**********************************************
 * Produkt-Highlight (13.08.2009 fatr) 
 **********************************************/

div.inhalt div.highlight-container{
	margin:30px 0 0;
}
div.inhalt div.highlight-container h1{
	width:176px;
	margin:0;
}
html* div.inhalt div.highlight-container h1{ /* HACK für IE7 */
	width:192px;
	margin:0;
}
div.inhalt div.highlight-container div.highlight{
	border-top:1px solid #8C8C8C;
	width:390px;
}
div.inhalt div.highlight-container div.highlight div.highlight-image{
	margin:15px 0 0;
	float:left;
}
div.inhalt div.highlight-container div.highlight div.highlight-image img{
	border:1px solid #8C8C8C;
}
div.inhalt div.highlight-container div.highlight div.highlight-description{
	float:right;
	width:185px;
}


/**********************************************/

/* Inhalt: Artikel definieren */

/* kommentiert auf Bitte von NovaSoftware */
/*div.artikelDefinieren img
{
	float: left;
}*/

/* kommentiert auf Bitte von NovaSoftware */
/*div.artikelDefinieren form
{
	padding-left: 200px;
}*/


div.inhalt h3.artikelSubTitle {
	margin: 0.5em 0 0 0;
	font-weight: normal;
}

div.inhalt h1.artikelTitle {
	margin: 0.3em 0 0.3em 0;
	font-weight: bold;
}

div.inhalt h1.artikelTitleOhneSubTitle {
	margin: 1.65em 0 0.3em 0;
}

* html div.inhalt h1.artikelTitleOhneSubTitle {
	padding-bottom: 1px;
}

div.inhalt div.artikelTrennlinie {
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	background-color: red;
	margin: 0 0 10px 0;
	padding: 0;
}

div.artikelDefinieren form h3 {
	float: left;
	width: 25%;
	margin: 0;
	padding: 0;
}

div.artikelDefinieren form div.line1 {
	margin-bottom: 7px;
}

div.artikelDefinieren form div.line1 input.artikelnummer
{
	width: 30%;
	margin: 0 1% 0 0;
	padding: 0.2em 0.2em 0.1em 0.2em;
	float: left;
	font-family: verdana, sans-serif;
	font-size: 11px;
}
div.artikelDefinieren form p.small
{
	background: url(../images/bg_artikelauswahl_hinweis.gif) no-repeat 0 0.5em;
	padding-left: 30px;
}

div.artikelDefinieren form div.line1 div.submit {
	margin: 0;
	padding: 0;	
	float: left;
	background: url(../images/inhaltButtonLink_a.gif) no-repeat center left;
}

div.artikelDefinieren form div.line1 div.submit input {
	background: url(../images/inhaltButtonLink_b.gif) no-repeat center right;
	border: none;
	padding: 0.3em 28px 0.3em 0.6em;
	margin: 0;
	font-size: 11px;
	line-height: 18px;
	white-space: nowrap;
	font-weight: bold;
	color: #8C8C8C;
}

*html div.artikelDefinieren form div.line1 div.submit input {
	padding-top: 0;
	padding-bottom: 0;
}

div.noticeNeutral form div.submit {
	float: right;
	margin-bottom: 5px;
}

div.noticeNeutral form div.submit input {
	background: url(../images/kontextButtonLink_b.gif) no-repeat center right;
	font-size: 11px;
	font-weight: bold;
}

div.noticeNeutral div.line {
	background-color: #8c8c8c;
	margin: 0 0 8px 8px;
	padding: 0;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
}

div.artikelDefinieren form div.line1 div.reset {
	margin: 0;
	padding: 0;	
	float: right;
	background: url(../images/inhaltButtonLink_a.gif) no-repeat center left;

}

div.artikelDefinieren form div.line1 div.reset input {
	background: url(../images/inhaltButtonLinkBlank_b.gif) no-repeat center right;
	border: none;
	padding: 0.3em 0.8em 0.3em 0.8em;
	margin: 0;
	font-size: 11px;
	line-height: 18px;
	white-space: nowrap;
	font-weight: bold;
	color: #8C8C8C;
}

*html div.artikelDefinieren form div.line1 div.reset input {
	padding-top: 0;
	padding-bottom: 0;
}

div.artikelDefinieren form div.line5
{
	padding-left: 25%;
	margin-top: 7px;
}

div.artikelDefinieren form div.line4 input.menge,
div.artikelDefinieren form div.line5 input.menge
{
	margin: 0 7px 0 0;
	padding: 0.2em 0.2em 0.1em 0.2em;
	float: left;
	width: 3.5em;
	font-family: verdana, sans-serif;
	font-size: 11px;
}

div.artikelDefinieren form div.line4 div.submit,
div.artikelDefinieren form div.line5 div.submit
{
	float: left;
	margin: 0;
	padding: 0;
	background: url(../images/inhaltButtonLink_a.gif) no-repeat center left;
}

div.artikelDefinieren form div.line4 div.submit input,
div.artikelDefinieren form div.line5 div.submit input
{
	background: url(../images/inhaltButtonLink_b.gif) no-repeat center right;
	border: none;
	padding: 0.3em 28px 0.3em 0.6em;
	margin: 0;
	font-size: 11px;
	line-height: 18px;
	white-space: nowrap;
	font-weight: bold;
	color: #8C8C8C;	
}

*html div.artikelDefinieren form div.line4 div.submit input,
*html div.artikelDefinieren form div.line5 div.submit input {
	padding-top: 0;
	padding-bottom: 0;
}

div.artikelDefinieren form div.line6,
div.artikelDefinieren form div.line7
{
	margin-left: 25%;
	margin-top: 7px;
	width: 176px;
	background: url(../images/infoBoxJa_HintergrundUnten.gif) no-repeat left bottom;
}

div.artikelDefinieren form div.line7
{
	background: url(../images/infoBoxNein_HintergrundUnten.gif) no-repeat left bottom;
}


div.artikelDefinieren form div.line6 p.infoBoxJa,
div.artikelDefinieren form div.line7 p.infoBoxNein
{
	background: url(../images/infoBoxJa_HintergrundOben.gif) no-repeat;
	width: auto;
	color: #10801B;
	font-weight: bold;
	padding: 0.2em 0.7em 0.3em 0.7em;	
	margin: 0 0 0 0;	
}

div.artikelDefinieren form div.line7 p.infoBoxNein
{
	color: #D20404;
	background: url(../images/infoBoxNein_HintergrundOben.gif) no-repeat;
}

div.artikelDefinieren form p.small
{
	padding-top: 4px;
	color: #8C8C8C;
}

div.artikelDefinieren form div.hrLine,
div.artikelDefinieren form div.hrDotted
{
	clear: none;
}

div.artikelDefinieren form ul {
	float: left;
}

div.artikelDefinieren form ul li div
{
	float: left;
	display: inline;
	width: 8px;
	height: 8px;
	overflow: hidden;
	margin-right: 8px;
	margin-top: 5px;
}

div.artikelDefinieren form ul li.passive
{
	color: #8C8C8C;
}

div.artikelDefinieren form ul li div.CR
{
	background: #BCBEC0;
}

div.artikelDefinieren form ul li div.GR
{
	background: #939598;
}

div.artikelDefinieren form ul li div.OR
{
	background: #FAA61A;
}

div.artikelDefinieren form ul li div.RH
{
	background: white;
	border: 1px solid black;
}

div.artikelDefinieren form ul li div.RT
{
	background: red;
}

div.artikelDefinieren form ul li div.SB
{
	background: #BCBEC0;
}

div.artikelDefinieren form ul li div.SW
{
	background: black;
}

div.artikelDefinieren form ul li div.SZ
{
	background: black;
}


/* Inhalt: Tabellen allgemein */

div.inhalt table.table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 14px;
}

div.inhalt table.table tr td,
div.inhalt table.table tr th
{
	vertical-align: top;
	text-align: left;
	padding: 0;
	margin: 0;
	font-size: 11px;
}

div.inhalt table.table tr th {
	font-weight: normal;
	color: #8c8c8c;
	border-bottom: 1px solid #939598;
}

div.inhalt table.table tr td
{
	padding: 6px 0 4px 0;
	background: url(../images/dotted.gif) repeat-x bottom;
}

div.inhalt table.table tr th.numeric {
	text-align: right;
}

div.inhalt table.table tr td.numeric {
	text-align: right;
}


/* Inhalt: Download-Tabelle */
div.inhalt table.downloadliste tr th.eins {
	width: 223px;
}

div.inhalt table.downloadliste tr th.zwei {
	width: 68px;
}

div.inhalt table.downloadliste tr th.drei {
	width: 55px;
}

div.inhalt table.downloadliste tr th.vier {
	width: 50px;
}

div.inhalt table.downloadliste tr .numeric {
	padding-right: 15px;
}

div.inhalt table.downloadliste a.pdf {
	background: url(../images/iconPDF.gif) no-repeat top left;
	padding: 2px 0 3px 20px;
}

div.inhalt table.downloadliste a.txt {
	background: url(../images/iconWord.gif) no-repeat 2px 0;
	padding: 2px 0 3px 20px;
}

/* Inhalt: Normblatt-Tabelle */

div.inhalt table.normblatt tr td,
div.inhalt table.normblatt tr th
{
	padding: 4px;
	border-bottom: 1px solid #B4B4B4;
	background-image: none;
}

div.inhalt table.normblatt tr td.grey,
div.inhalt table.normblatt tr th.grey
{
	background: #EBEBE6;
}

/* Inhalt: Warenkorb: Schritte */

div#warenkorb ul.schritte
{
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: bold;
	color: #D7D7D7;
}

div#warenkorb ul.schritte li
{
	list-style: none;
	display: inline;
	width: auto;
	padding-left: 3px;
	margin-right: 0px;
	white-space: nowrap;
	line-height: 24px;
}

div#warenkorb ul.schritte li span
{
	display: inline;
	height: 15px;
	text-align: center;
	line-height: 13px;
	color: white;
	background: #D7D7D7;
	border-right: 3px solid #ffffff;
	border-top: 1px solid #ffffff;	
	border-left: 3px solid #D7D7D7;
	border-right: 3px solid #D7D7D7;
	border-top: 1px solid #ffffff;	
	margin-right: 3px;
}

div#warenkorb ul.schritte li.active
{
	color: red;
}

div#warenkorb ul.schritte li.active span
{
	border-left: 3px solid red;
	border-right: 3px solid red;
	background: red;
}

/* Inhalt: Warenkorb: Warenkorbtabelle */

div#warenkorb table
{
	clear: both;
}

div#warenkorb table tr th
{
	border-bottom: 1px solid #8C8C8C;
	padding-bottom: 4px;
}

div#warenkorb table tr td
{
	padding: 6px 4px 4px 0;
	background: url(../images/dotted.gif) repeat-x;
}

div#warenkorb table tr.first td
{
	background: none;
}

div#warenkorb table tr td.menge
{
	padding-top: 2px;
	padding-bottom: 2px;
}

div#warenkorb table tr td.menge input.text, 
div#warenkorb table tr td.kdid input.text
{
	width: 23px;
	height: 13px;
	font-size: 11px;
	line-height: 11px;
	text-align: right;
	padding: 0 2px 0 0;
}


* html div#warenkorb table tr td.menge input.text, 
* html div#warenkorb table tr td.kdid input.text
{
	height: 15px;
}

div#warenkorb table tr td.kdid input.text {
	width: 50px;
}

div#warenkorb table tr td.menge input.submit
{
	position: relative;
	top: 3px;
}

* html div#warenkorb table tr td.menge input.submit
{
	top: 4px;
}

div#warenkorb table tr td.einzelpreis,
div#warenkorb table tr td.gesamtpreis
{
	text-align: right;
	padding-right: 20px;
}

/* Inhalt: Warenkorb: Warenkorbtabelle: Artikel hinzu */

div#warenkorb table tr.artikelHinzu td
{
	border-top: 1px solid #8C8C8C;
	background: none;
	padding-top: 0;
	line-height: 12px;
}

div#warenkorb table tr.artikelHinzu td input.text
{
	font-size: 11px;
	color: #8C8C8C;
	height: 16px;
	line-height: 14px !important;
	width: 194px;
	padding: 0 4px 0 4px !important;
	float: left;
	margin-top: 10px;
	margin-right: 4px;
}

*html div#warenkorb table tr.artikelHinzu td input.text
{
	height: 18px;
}

div#warenkorb table tr.artikelHinzu td input.submit
{
	/*position: relative;
	top: 6px;*/
	float: left;
	margin-top: 10px;
}

div#warenkorb table tr.artikelHinzu td p
{
	margin: 0;
}

div#warenkorb table tr.artikelHinzu td p.info
{
	clear: left;
	width: 190px;
	margin-top: 4px;
	font-size: 10px;
	line-height: 13px;
	color: #8C8C8C;
}

/* Inhalt: Warenkorb: Warenkorbtabelle: Summen */

div#warenkorb table tr td.summenBezeichnungen,
div#warenkorb table tr td.summenBetraege
{
	text-align: right;
	padding: 2px 20px 2px 0;
}

div#warenkorb table tr td.summenBezeichnungen
{
	background: none;
}

div#warenkorb table tr.first td.summenBetraege
{
	background: none;
}

div#warenkorb table tr.gesamtNetto td.summenBezeichnungen,
div#warenkorb table tr.gesamtNetto td.summenBetraege
{
	font-weight: bold;
}

div#warenkorb table tr.gesamtBrutto td.summenBezeichnungen,
div#warenkorb table tr.gesamtBrutto td.summenBetraege
{
	font-weight: bold;	
}

div#warenkorb table tr.gesamtBrutto td.summenBetraege,
div#warenkorb table tr.versandFracht td.summenBetraege
{
	border-top: 1px solid #8C8C8C;
	background: none;
}

/* Inhalt: Warenkorb: Warenkorbtabelle: Hinweise */

div#warenkorb p.hinweise
{
	padding: 12px 0 0 255px;
	margin: 0;
	font-size: 10px;
	line-height: 13px;
	color: #8C8C8C;
}

div#warenkorb div.buttonLinkLeftGrey,
div#warenkorb div.buttonLinkRight
{
	margin-top: 20px;
}

/* Inhalt: Warenkorb: Formular Schritt weiter */
div#warenkorb form div.buttonSubmit {
	float: right;
	margin-top: 20px;
}

/* Inhalt: Warenkorb: Formular Schritt 2 */
div#warenkorb form.schritt2,
div#warenkorb form.schritt31 {
	width: 395px;
}

div#warenkorb form.schritt2 p
{
	float: left;
	width: 145px;
	font-weight: bold;
	color: #8C8C8C;
}

div#warenkorb form.schritt2 select,
div#warenkorb form.schritt2 textarea
{
	float: left;
	width: 125px;
	font-size: 11px;
}

div#warenkorb form.schritt2 textarea
{
	width: 248px;
	height: 70px;
}

div#warenkorb form.schritt2 div.buttonSubmit,
div#warenkorb form.schritt31 div.buttonSubmit
{
	margin-top: 21px;
}

* html div#warenkorb form.schritt2 div.buttonSubmit,
* html div#warenkorb form.schritt31 div.buttonSubmit
{
	margin-top: 18px;
}

/* Inhalt: Warenkorb: Formular Schritt 3.1 */

div#warenkorb form.schritt31 p
{
	float: left;
	width: 145px;
	font-weight: bold;
	color: #8C8C8C;
}

div#warenkorb form.schritt31 input.text
{
	float: left;
	width: 180px;
	font-size: 11px;
}

div#warenkorb form.schritt31 div.loginOptionen
{
	margin-left: 145px;
	width: 180px;
}

div#warenkorb form.schritt31 div.loginOptionen p,
div#warenkorb form.schritt31 div.loginOptionen a
{
	float: none;
	font-weight: normal;
	font-size: 10px;
	line-height: 13px;
	margin: 0;
	color: #8C8C8C;
	width: auto;
}

div#warenkorb form.schritt31 div.loginOptionen a:hover
{
	color: red;
}

div#warenkorb form.schritt31 div.loginOptionen input
{
	margin-right: 4px;
}

div#warenkorb form.schritt31 div.loginOptionen div.hrDotted
{
	margin: 4px 0 2px 0;
}

div#warenkorb form.schritt31 div#warenkorbNaechsterSchritt
{
/*	margin-right: 200px;
	display: inline;
	width: 72px;*/
}

/* Inhalt: Warenkorb: Formular Schritt 3.2 */

div#warenkorb form.schritt32
{
	width: 392px;
	width: 100%;
}

div#warenkorb form.schritt32 h3
{
	float: left;
	width: 33%;
	margin: 0;
}

div#warenkorb form.schritt32 p
{
	float: left;
	width: 33%;
	display: inline;
	margin: 0;
	padding-bottom: 6px;
}

div#warenkorb form.schritt32 div.hrDotted
{
	clear: both;
	margin-top: 0;
}

/* Inhalt: Warenkorb: Formular Schritt 4 */

div#warenkorb form.schritt4
{
	margin-top: 30px;
}

div#warenkorb form.schritt4 p.agbAkzeptieren
{
	color: #8C8C8C;
	padding-top: 20px;
}

/* Inhalt: Warenkorb: Formular Schritt 5 */

div#warenkorb form.schritt5
{
	margin-top: 40px;
}


/* Inhalt: Warenkorb: Weiter- und Zurück-Buttons */

div#warenkorb div#warenkorbVorherigerSchritt
{
/*	width: 155px;
	float: left;
	margin-top: 20px;*/
}

div#warenkorb div#warenkorbNaechsterSchritt
{
/*	width: 155px;
	float: right;
	margin-top: 20px;*/
}

/* Inhalt: CAD-Daten 2D Download */

div.inhalt div.CAD2D
{
	clear: both;
}

div.inhalt div.CAD2D div
{
	float: left;
	display: inline;
	margin-right: 8px;
	width: 192px;
}

div.inhalt div.CAD2D div.right
{
	margin: 0;
}

div.inhalt div.CAD2D div div.largeImage
{
	display: block;
	border: 1px solid #8C8C8C;
	margin-bottom: 6px;
}

div.inhalt div.CAD2D div div.largeImage img {
	margin: 27px 15px 28px 16px;
}

div.inhalt div.CAD2D div div
{
	margin: 0;
}

div.inhalt div.CAD2D div p 
{
	margin: 4px 0 8px 0;
}

div.inhalt div.CAD2D div.small .smallImage {
	margin: 0 12px 0 0;
	padding: 8px 5px 8px 5px;
	border: 1px solid #8C8C8C;
	width: 44px;
	height: 37px;
}

div.inhalt div.CAD2D div p {
	clear: both;
}

div.inhalt div.CAD2D div.small div.last
{
	margin-right: 0;
}

div.inhalt div.CAD2D div.small div.buttonLink {
	margin-top: 7px;
}

div.inhalt div.CAD2D div.hrDotted
{
	float: none;
	display: block;
	margin-right: 0;
	margin-bottom: 12px;
	width: auto;
}

div.inhalt div.CAD2D div.buttonLinkLeftGrey
{
	width: 81px;
}

/* Inhalt: CAD-Daten 3D Download */

div.inhalt div.CAD3D div.ansicht
{
	float: left;
	display: inline;
	width: 300px;
	margin-right: 24px;
}

div.inhalt div.CAD3D div.ansicht img
{
	display: block;
	border: 1px solid #8C8C8C;
	margin-bottom: 20px;
}

div.inhalt div.CAD3D div.ansicht div.buttonSubmit {
	margin: 0 0 7px 0;
	padding: 0;
	background: url(../images/inhaltButtonLink_a.gif) no-repeat center left;
	float: right;
	position: relative;
}

div.inhalt div.CAD3D div.ansicht div.buttonSubmit input {
	background: url(../images/inhaltButtonLink_b.gif) no-repeat center right;	
	border: none;
	padding: 0.3em 28px 0.3em 0.6em;
	margin: 0;
	font-size: 11px;
	line-height: 18px;
	white-space: nowrap;
	font-weight: bold;
	color: #8C8C8C;
}

* html div.inhalt div.CAD3D div.ansicht div.buttonSubmit input {
	padding-top: 0;
	padding-bottom: 0;
}

div.inhalt div.CAD3D div.ansicht div.buttonLinkLeftGrey
{
	margin-top: 0px;
}

div.inhalt div.CAD3D div.ansicht div.buttonLinkRight,
div.inhalt div.CAD3D div.ansicht div.buttonLinkRightDisabled
{
	margin-top: 2px;
}

div.inhalt div.CAD3D form
{
	float: left;
	width: 260px;
}

div.inhalt div.CAD3D form h3
{
	margin-top: 0;
	margin-bottom: 8px;
}

div.inhalt div.CAD3D form p
{
	margin: 0 0 0.2em 0;
}

div.inhalt div.CAD3D form p input {
	margin-right: 0.3em;
}

div.inhalt div.CAD3D form div.submit {
	float: left;
}

/* Inhalt: CAD-Daten 3D Login */

div.inhalt div.CAD3D form.login h3
{
	font-weight: normal;
}

div.inhalt div.CAD3D form.login p
{
	float: left;
	width: 106px;
	font-weight: bold;
	color: #8C8C8C;
	height: auto;
	margin: 2px 0 6px 0;
}

div.inhalt div.CAD3D form.login input.text
{
	float: left;
	width: 150px;
	font-size: 11px;
}

div.inhalt div.CAD3D form.login div.loginOptionen
{
	margin-left: 106px;
	width: 150px;
}

div.inhalt div.CAD3D form.login div.loginOptionen p,
div.inhalt div.CAD3D form.login div.loginOptionen a
{
	float: none;
	font-weight: normal;
	font-size: 10px;
	line-height: 13px;
	color: #8C8C8C;
	width: auto;
}

div.inhalt div.CAD3D form.login div.loginOptionen a:hover
{
	color: red;
}

div.inhalt div.CAD3D form.login div.loginOptionen p input
{
	margin-right: 4px;
}

div.inhalt div.CAD3D form.login div.loginOptionen div.buttonSubmit
{
	float: right;
	margin-top: 20px;
}

div.inhalt div.CAD3D form.login div.loginOptionen div.buttonSubmit input
{
	top: 0;
}

/* Inhalt: Mein GANTER: Anmeldung */

div.inhalt form.meinGanterAnmeldung div.links
{
	float: left;
	width: 288px;
}

div.inhalt form.meinGanterAnmeldung div.rechts
{
	float: right;
	width: 281px;
}

div.inhalt form.meinGanterAnmeldung p
{
	float: left;
	clear: both;
	width: 118px;
}

div.inhalt form.meinGanterAnmeldung p.einzeln
{
	width: 288px;
}

div.inhalt form.meinGanterAnmeldung p.pflichtfeld
{
	font-weight: bold;
}

div.inhalt form.meinGanterAnmeldung input.text,
div.inhalt form.meinGanterAnmeldung input.textPflichtfeld,
div.inhalt form.meinGanterAnmeldung div.doppelFeld,
div.inhalt form.meinGanterAnmeldung select,
div.inhalt form.meinGanterAnmeldung span.rechts
{
	float: left;
	font-size: 11px;
	width: 160px;
}

div.inhalt form.meinGanterAnmeldung select
{
	width: auto;
}

div.inhalt form.meinGanterAnmeldung div.doppelFeld div.links
{
	position: absolute;
	width: 47px;
}

div.inhalt form.meinGanterAnmeldung div.doppelFeld div.rechts
{
	float: right;
	width: 100px;
}

div.inhalt form.meinGanterAnmeldung div.doppelFeld div.links input.text,
div.inhalt form.meinGanterAnmeldung div.doppelFeld div.links input.textPflichtfeld,
div.inhalt form.meinGanterAnmeldung div.doppelFeld div.rechts input.text,
div.inhalt form.meinGanterAnmeldung div.doppelFeld div.rechts input.textPflichtfeld
{
	float: none;
	width: 100%;
}

div.inhalt form.meinGanterAnmeldung div.disabled
{
	color: #BFBFBF;
}

div.inhalt form.meinGanterAnmeldung div.disabled input
{
	border: 1px solid #BFBFBF;
	background: #FDFCFC;
}

div.inhalt form.meinGanterAnmeldung span.rechts input
{
	position: relative;
	top: 3px;
}

div.inhalt form.meinGanterAnmeldung span.rechts
{
	padding-bottom: 10px;
}

div.inhalt form.meinGanterAnmeldung span.rechts small
{
	display: block;
	padding-top: 8px;
	font-size: 10px;
	color: #8C8C8C;
	line-height: 13px;
}

div.inhalt form.meinGanterAnmeldung div.links div.hrDotted
{
	width: 280px;
	margin-top: 20px;
}

div.inhalt form.meinGanterAnmeldung div.rechts div.hrDotted
{
	width: 280px;
	margin-top: 20px;
}

div.inhalt form.meinGanterAnmeldung div.rechts h3
{
	margin-bottom: 10px;
}

/* Inhalt: Mein GANTER: Login */

div.inhalt form.meinGanterLogin
{
	width: 287px;
}

div.inhalt form.meinGanterLogin p.form
{
	float: left;
	width: 111px;
	color: #8C8C8C;
	font-weight: bold;
}

div.inhalt form.meinGanterLogin input.text
{
	float: left;
	font-size: 11px;
	width: 172px;
}

div.inhalt form.meinGanterLogin p.eingelogtBleiben
{
	margin-left: 111px;
	color: #8C8C8C;
	font-size: 10px;
}

div.inhalt form.meinGanterLogin h3
{
	color: black;
}

div.inhalt form.meinGanterLogin div.buttonSubmit
{
	margin-top: 10px !important; 
	margin-bottom: 5px !important;
}

/* Inhalt: Vertretungen */
div.inhalt div.vertretungenText, div.inhalt div.twoColLeft {
	width: 287px;
	float: left;
}
div.inhalt div.vertretungenKarte, div.inhalt div.twoColRight {
	width: 295px;
	float: right;
	text-align: right;
}

div.inhalt div.posterImage {
	text-align: left; /* überschreibt Angaben in div.vertretungenKarte für News- und Messe- Detailansicht*/
	margin-left: 7px;
}	

div.inhalt div.vertretungenText ul.vertretungenListe li p {
	margin: 0;
}

div.inhalt div.vertretungenText h2 {
	color: #ff0000;
	margin-bottom: 13px;
}

div.inhalt div.vertretungenText h3 {
	color: black;
	margin: 0;
}

div.inhalt div.vertretungenText p.phone, div.inhalt div.vertretungenText p.email, div.inhalt div.vertretungenText p.mobile {
	margin: 0 0 4px 0 !important;
}

/* Spezialfall fuer weltweite Vertretungsliste */
div.inhalt div.vertretungenText ul#weltweiteListe li p.fax {
	margin-bottom: 4px;
}

div.inhalt p.phone, div.inhalt p.fax, div.inhalt p.email, div.inhalt p.website, div.inhalt p.mobile {
	padding-left: 20px;
}

div.inhalt p.adresse {
	margin-bottom: 12px !important;
}

div.inhalt p.mobile {
	background: url(../images/icons/icon-phone.gif) no-repeat 2px top;
}

div.inhalt p.phone {
	background: url(../images/icons/icon-telefon.gif) no-repeat -3px -4px;
}

div.inhalt p.fax {
	background: url(../images/icons/icon-fax.gif) no-repeat left top;
}

div.inhalt p.email {
	background: url(../images/icons/icon-email.gif) no-repeat left 2px;
}

div.inhalt p.website {
	background: url(../images/icons/icon-website.gif) no-repeat left 2px;
	margin: 0;
}


div.inhalt div.vertretungenText ul.vertretungenListe li, div.inhalt div.twoColLeft ul.details li {
	background: url(../images/dotted.gif) repeat-x;
	padding: 6px 0 6px 0;
	line-height: 14px;
}

div.inhalt div.vertretungenText ul.vertretungenListe li.first, div.inhalt div.twoColLeft ul.details li.first {
	background: none;
	padding-top: 0;
}

div.inhalt div.vertretungenText ul.vertretungenListe li a, div.inhalt div.twoColLeft ul.details li a {
	color: #8C8C8C;
	font-weight: bold;
}

div.inhalt div.vertretungenText p.email a, div.inhalt div.vertretungenText p.website a, div.inhalt div.twoColLeft ul.details p.email a, div.inhalt div.twoColLeft ul.details p.website a {
	color: black !important;
	font-weight: normal !important;
}

div.inhalt ul.vertretungenListe li a:hover, div.inhalt div.twoColLeft ul.details li a:hover, div.inhalt div.twoColLeft ul.details p.email a:hover, div.inhalt div.twoColLeft ul.details p.website a:hover {
	color: red !important;
}

/* Inhalt: Normblatt */
div.inhalt div.normskizze {
	text-align: center;
}

/* KONTEXT */

div.kontext
{
	float: left;
	width: 168px;
	overflow: hidden;
	line-height: 16px;
}

div.kontext div.eintrag
{
	background: #EBEBE6 url(../images/kontextHintergrund.gif) no-repeat left bottom;
	padding-bottom: 2px;
	margin-top: 8px;
}

div.kontext div.eintrag h1
{
	margin: 0 0 4px 0;
	padding: 6px 8px 6px 8px;
	line-height: 14px;
	font-size: 11px;
	color: white;
	background: #8C8C8C url(../images/kontextEckenOben.gif) no-repeat;
}

div.kontext div.eintrag h2
{
	margin: 0 0 4px 0;
	padding: 0 8px 0 8px;
	line-height: 14px;
	font-size: 11px;
}

div.kontext div.eintrag p.fliessText
{
	margin: 0 0 8px 0;
	padding: 0 8px 0 8px;
	line-height: 14px;
	font-size: 11px;
}

/* Kontext: Trennlinien */

div.hrDottedKontextBorders
{
	clear: both;
	margin: 4px 8px 4px 8px;
	height: 1px;
	overflow: hidden;
	background: url(../images/dotted.gif);
}

/* Kontext: Login-Info */

div.kontext div#loginInfo
{
	background: none;
	height: 31px
}

div.kontext div#loginInfo p
{
	font-size: 10px;
	color: #8C8C8C;
	line-height: 12px;
	margin: 0;
}

/* Kontext: Seite drucken */

div.kontext div#seiteDrucken
{
	height: 32px;
}

div.kontext div#seiteDrucken p
{
	margin: 0;
	background: url(../images/kontextEckenOben.gif) no-repeat;
}

div.kontext div#seiteDrucken p a
{
	display: block;
	height: 23px;
	padding: 8px 8px 0 32px;
	background: url(../images/iconSeiteDrucken.gif) no-repeat 10px 9px;
}

/* Kontext: einfache Listen*/

div.kontext div.eintrag ul
{
	margin: 0 0 5px 0;
	padding: 0;
	list-style-type: square;
	color: #8C8C8C;
}

div.kontext div.eintrag ul li
{
	font-weight: bold;
	margin: 0 8px 0 22px;
}

/* Kontext: Link-Liste */

div.kontext div.eintrag ul.link
{
	margin: -2px 0 5px 0;
	padding: 0;
	list-style-type: none;
}

div.kontext div.eintrag ul.link li
{
	line-height: 16px;
	font-weight: bold;
	width: 100%;
	margin: 0;
}

div.kontext div.eintrag ul.link li a
{
	display: block;
	font-weight: normal;
	margin: 0 8px 0 8px;
	padding: 2px 0 4px 0;
	line-height: 14px;
	background: url(../images/navTrennstrich.gif) no-repeat -15px bottom;
}

div.kontext div.eintrag ul.link li a.active
{
	color: red;
	font-weight: bold;
}

div.kontext div.eintrag ul.link li.last a
{
	background: none;
	padding-bottom: 0;
}

div.kontext div.eintrag ul.link li.lastLine
{
	padding-bottom: 4px;	
}

div.kontext div.eintrag ul.link li.lastLine a
{
	background: none;
	border-bottom: 1px solid #8C8C8C;
	padding-bottom: 4px;	
}

/* Kontext: Pfeil-Liste */

div.kontext div.eintrag ul.arrow
{
	margin: 0 0 5px 0;
	padding: 0;
	list-style-type: none;
}

div.kontext div.eintrag ul.arrow li
{
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	background: url(../images/iconInhaltLink.gif) no-repeat 8px 6px;
}

div.kontext div.eintrag ul.arrow li a
{
	display: block;
	line-height: 14px;
	padding: 0 6px 2px 22px;
	color: #8C8C8C;
}

div.kontext div.eintrag ul.arrow li a:hover
{
	color: red;
}

/* Kontext: Icon-Liste */

div.kontext div.eintrag ul.icon
{
	margin: -2px 0 0 0;
	padding: 0;
	list-style-type: none;
}

div.kontext div.eintrag ul.icon li, 
div.kontext div.eintrag ul.link li.icon
{	
	margin: 0;
	padding: 0 0 0 8px;
	width: 154px;
	background: url(../images/navTrennstrich_1.gif) no-repeat bottom left;
}

div.kontext div.eintrag ul.icon li.last
{
	background-image: none;
}

div.kontext div.eintrag ul.icon li p
{
	color: #8C8C8C;
	font-size: 9px;
	margin: -4px 0 4px 19px;
	font-weight: normal;
	line-height: 12px;
}

div.kontext div.eintrag ul.icon li a,
div.kontext div.eintrag ul.icon li span,
div.kontext div.eintrag ul.link li.icon a
{
	display: block;
	padding: 2px 8px 6px 20px;
	font-weight: normal;
}

div.kontext div.eintrag ul.icon li a.active
{
	font-weight: bold;
	color: red;
}

div.kontext div.eintrag ul.icon li a#katalog, div.kontext div.eintrag ul.link li a.katalog
{
	background: url(../images/iconKatalog.gif) no-repeat 0 0.25em;
}

div.kontext div.eintrag ul.icon li a#cdrom, div.kontext div.eintrag ul.link li a.cdrom
{
	background: url(../images/iconCDROM.gif) no-repeat 0 0.25em;
}

div.kontext div.eintrag ul.icon li a#newsletter, div.kontext div.eintrag ul.link li a.newsletter
{
	background: url(../images/iconNewsletter.gif) no-repeat 0 0.25em;
}

div.kontext div.eintrag ul.icon a.cadDaten {
	background: url(../images/iconCAD3D.gif) no-repeat 0 0.25em;
}

div.kontext div.eintrag ul.icon span.cadDaten {
	color: #CCCCCC;
	background: url(../images/iconCAD3Dpassiv.gif) no-repeat 0 0.25em;
}

div.kontext div.eintrag ul.icon li a#cadDaten2D
{
	background: url(../images/iconCAD2D.gif) no-repeat 0 0.25em;
}

div.kontext div.eintrag ul.icon li span#cadDaten2Dpassiv
{
	color: #CCCCCC;
	background: url(../images/iconCAD2Dpassiv.gif) no-repeat 0 0.25em;
}

div.kontext div.eintrag ul.icon li a#cadDaten3D
{
	background: url(../images/iconCAD3D.gif) no-repeat 0 0.25em;
}

div.kontext div.eintrag ul.icon li span#cadDaten3Dpassiv
{
	color: #CCCCCC;
	background: url(../images/iconCAD3Dpassiv.gif) no-repeat 0 0.25em;
}

div.kontext div.eintrag ul.icon li a#pdf, div.kontext div.eintrag ul.icon li a.pdf, div.kontext div.eintrag ul.link li a.pdf
{
	background: url(../images/iconPDF.gif) no-repeat 0 0.25em;
}

div.kontext div.eintrag ul.icon li span#pdfpassiv {
	color: #CCCCCC;
	background: url(../images/iconPDFpassiv.gif) no-repeat 0 0.25em;
}

div.kontext div.eintrag ul.icon li a#normblatt
{
	background: url(../images/iconNormblatt.gif) no-repeat 0 0.25em;
}

div.kontext div.eintrag ul.icon li a#produktbild
{
	background: url(../images/iconProduktbild.gif) no-repeat 0 0.25em;
}

div.kontext div.eintrag ul.icon li a#artikelDefinieren
{
	background: url(../images/iconArtikelBestellen.gif) no-repeat 0 0.25em;
}

div.kontext div.eintrag ul.icon li span.artikelDefinieren
{
	color: #CCCCCC;
	background: url(../images/iconArtikelBestellenPassiv.gif) no-repeat 0 0.25em;
}

div.kontext div.eintrag ul.icon li a.preisinfo
{
	background: url(../images/iconPreisinfo.gif) no-repeat 1px 1px;
}

div.kontext div.eintrag ul.icon li span.preisinfo
{
	color: #CCCCCC;
	background: url(../images/iconPreisinfoPassiv.gif) no-repeat 1px 1px;
}

div.kontext div.eintrag ul.icon li a#warenkorbAendern
{
	background: url(../images/iconWarenkorbAendern.gif) no-repeat 1px 1px;
}

div.kontext div.eintrag ul.icon li a#warenkorbLoeschen
{
	background: url(../images/iconWarenkorbLoeschen.gif) no-repeat 1px 4px;
}

div.kontext div.eintrag ul.icon li a#warenkorbAnzeigen
{
	background: url(../images/iconWarenkorbAnzeigen.gif) no-repeat 1px 5px;
}

/* Kontext: Trennlinien */

div.kontext div.eintrag div.hrDotted
{
	clear: both;
	margin: 4px 0 4px 0;
}

div.kontext div.eintrag div.hrLine
{
	clear: both;
	margin: 4px 0 4px 0;
}

/* Kontext: Formulare */

div.kontext div.eintrag form
{
	margin: 0 8px 8px 8px;
}

div.kontext div.eintrag form input.text
{
	display: block;
	width: 100%;
	margin-bottom: 7px;
}

/* Kontext: Formulare: Login/Messe-Länderauswahl */

div.kontext div.eintrag form.login p
{
	font-size: 10px;
	margin: 0;
	line-height: 12px;
	color: #8C8C8C;
	padding: 0;
	width: 155px;
}

div.kontext div.eintrag form.login p a
{
	color: #8C8C8C;
}

div.kontext div.eintrag form.login p a:hover
{
	color: red;
}

div.kontext div.eintrag form.login p.cookie
{
	margin-left: 22px;
	width: auto;
}

div.kontext div.eintrag form.login p.cookie input
{
	position: absolute;
	margin-left: -22px;
}

div.kontext div.eintrag form.login div.buttonSubmit {
	float: right;
	margin-bottom: 5px;
}

div.kontext div.eintrag form.login div.buttonSubmit input {
	background: url(../images/kontextButtonLink_b.gif) no-repeat center right;
}

div.kontext div.eintrag form.messen select {
	border: 1px solid #939598;
	margin-bottom: 5px;
	margin-top: 5px;
	font-family: verdana, sans-serif;
	font-size: 11px;	
}

div.kontext div.eintrag form.messen div.buttonSubmit {
	margin-top: 5px;
	margin-bottom: 0;
}

/* Kontext: Warenkorb */

div.kontext div.eintrag h1.warenkorb
{
	height: 3.7em;
}

* html div.kontext div.eintrag h1.warenkorb
{
	height: 4.7em;
}

div.kontext div.eintrag table.warenkorb
{
	width: 150px;
	margin: -25px 0 10px 9px;
	margin: -2.3em 0 10px 9px;	
	font-size: 11px;
}

div.kontext div.eintrag table.warenkorb tr th
{
	font-weight: normal;
	color: white;
	padding: 0.2em 0 0.4em 0;
}

div.kontext div.eintrag table.warenkorb tr
{
	background: url(../images/navTrennstrich_2.gif) no-repeat bottom left;
}

div.kontext div.eintrag table.warenkorb tr th,
div.kontext div.eintrag table.warenkorb tr.last,
div.kontext div.eintrag table.warenkorb tr.first
{
	background: none;
}

div.kontext div.eintrag table.warenkorb tr td
{
	padding: 0.2em 0 0.2em 0;
}	

* html div.kontext div.eintrag table.warenkorb tr td
{
	padding: 0.4em 0 0.4em 0;
}	

div.kontext div.eintrag table.warenkorb tr td.artikel,
div.kontext div.eintrag table.warenkorb tr th.artikel
{
	text-align: left;
	width: 40%;
}

div.kontext div.eintrag table.warenkorb tr td.stueck,
div.kontext div.eintrag table.warenkorb tr th.stueck
{
	text-align: right;
	width: 20%;
}

div.kontext div.eintrag table.warenkorb tr td.preis,
div.kontext div.eintrag table.warenkorb tr th.preis
{
	text-align: right;
	width: 40%;
}

div.kontext div.eintrag table.warenkorb tr.mwstInfo
{
	background: none;
}

div.kontext div.eintrag table.warenkorb tr.mwstInfo td
{
	color: #8C8C8C;
	padding-bottom: 6px;
	border-bottom: 1px solid #8C8C8C;
}



/* Kontext: Vertretungen */

form.vertretungenSuchen {
	color: #8c8c8c;
	margin-bottom: 20px;
}

form.vertretungenSuchen p {
	margin-top: 0;
	margin-left: 0;
}

form.vertretungenSuchen div.submit {
	float: left;
}

form.vertretungenSuchen div.submit input.submit {
	padding: 0.3em 28px 0.3em 0.6em;
	overflow: visible;
}

form.vertretungenSuchen input.text {
	margin: 0 10px 0 0; 
	padding-left: 5px;
	padding-bottom: 0.2em;
	padding-top: 0.25em;
	width: 80px;
}

/*IE 7*/
*+html form.vertretungenSuchen input.text { 
	tmargin-top: 1px;
}

/*IE 6*/
* html form.vertretungenSuchen input.text { 
	height: 1.7em;
	padding-bottom: 0.1em;
	padding-top: 0.1em;	
}

div.kontext div.eintrag ul.multiline li
{	
	background: url(../images/navTrennstrich.gif) no-repeat -15px 0px;
	padding-top: 4px;
	padding-bottom: 0;
}

div.kontext div.eintrag ul.multiline li.first {
	background-image:none;
	padding-top: 0;
}

div.kontext div.eintrag ul.multiline li a {
	padding-bottom: 2px;
}

/* Inhalt: Kurzprofil */
div#kurzprofil_links {
	float: left;
	width: 385px;
}

div#kurzprofil_rechts {
	float: right;
	width: 192px;
}

div.usp {
	clear: both;
}

#kurzprofil_links .usp, #kurzprofil_rechts div.usp {
	border-bottom: 1px solid white; /* IE berechnet die Hoehe nur korrekt, wenn er einen Rahmen zeichnen muss */
}

div#kurzprofil_links .divider, div.inhaltPlain .divider {
	clear: both;
}

div.usp img, div.usp img {
	float: left;
	margin:0;
	padding:0;
	margin-bottom: 9px;
}

/* IE schiebt die Bilder nicht ganz an den Rand */
* html div#kurzprofil_links .usp img, div#kurzprofil_rechts div.usp img {
	margin-left: -3px;
}

div.usp h2, div.usp h2 {
	margin: 0;
	margin-top: -3px;
}

div.usp div.text {
	float: right;
	margin: 0; 
}

div.usp div.text {
	float: right;
	margin: 0;
}

#kurzprofil_links div.usp div.text {
    width: 241px;
}

div#kurzprofil_rechts div.text {
    width:137px;
}

div#kurzprofil_rechts div.first {
	margin-top: 10px;
}

.teaser {
	color: #8C8C8C;
	font-weight: bold;
}

/* Inhalt: Firmengeschichte */

div.inhaltPlain {
	/* Urspr�ngliche Breite: 592px + 16px rechter Rand */	
	margin-right: 218px;
	width: 390px;
}


/* Inhalt: Messe-Details */

ul.messeDetails li h3, div.inhalt div.twoColLeft ul.details li h3 {
	color: #8c8c8c !important;
}

ul.messeDetails li h2, div.inhalt div.twoColLeft ul.details li h2 {
	color: black !important;
	margin: 0 !important;
	font-size: 11px;
}

ul.messeDetails li p, div.inhalt div.twoColLeft ul.details li p {
	margin: 0;
}

ul.messeDetails li p.fax, div.inhalt div.twoColLeft ul.details li p.fax {
	margin-bottom: 4px !important;
}

ul.messeDetails li p.address, div.inhalt div.twoColLeft ul.details li p.address {
	margin-bottom: 20px !important;
}

ul.messeDetails li p.phone{
	background: url(../images/icons/icon-telefon.gif) no-repeat -3px -4px;
}

ul.messeDetails li p.email{
	background: url(../images/icons/icon-email.gif) no-repeat 0 3px;
}

ul.messeDetails li.veranstalter a {
	font-weight: normal !important;
	color: black !important;
}

div.messemoreinformation {
	background: url(../images/dotted.gif) repeat-x top left;
	padding-top: 3px;
}

div.messemoreinformation h3 {
	color: #8c8c8c !important;
}

div.messemoreinformation ul {
	margin: 0 0 15px 15px;
	padding: 0;
}

div.messemoreinformation ul li {
	list-style-type: disc !important;
	margin: 0 0 0 20px;
	padding: 0;
}

img.poster {
	margin-bottom: 36px;
}

div #messeZurueckButton {
	width: 176px;
	float: left;
	border-left: 7px solid #ffffff;
}

/* Inhalt: Messe�bersicht */
table.messeTabelle .messe {
	width: 50px;
}
table.messeTabelle td h2 {
	margin: 0;
	color: black;
	font-size: 11px;
}

table.messeTabelle tr td {
	padding: 5px !important;
}

table.messeTabelle td p {
	margin: 0;
	color: #8c8c8c;
}

table.messeTabelle th {
	padding-left: 5px !important;
}

table.messeTabelle th.aussteller {
	width: 85px;
}

table.messeTabelle th.datum {
	width: 63px;
}

table.messeTabelle th.land {
	width: 81px;
}

table.messeTabelle th.stadt {
	width: 70px;
}

table.messeTabelle th.messe {
	width: 155px;
}

table.messeTabelle p a {
	color: #8c8c8c;
}

div.kontext table.monatsKalender {
	width: 147px;
	margin-left: 9px;
	margin-right: 9px;
	padding-bottom: 3px;
	margin-bottom: 3px;
}

div.kontext table.monatsKalender td {
	text-align: center;
	background-color: #f4f4f1;
	margin: 0px;	
	border-right: 6px solid #ebebe6;
	border-bottom: 6px solid #ebebe6;
	font-size: 11px;
	line-height: 15px;
}

div.kontext table.monatsKalender td.last {
	border-right: none;
}


div.kontext table.monatsKalender td a.active, div.kontext table.monatsKalender caption a.active {
	color: red;
	font-weight: bold;
}

div.kontext table.monatsKalender caption a {
	background-color: #f4f4f1;
	width: 69px;
	height: 16px;
	display: block;
	line-height: 15px;
	text-align: center;
}

div.kontext div.monatsKalenderJahreszahlen, div.kontext table.monatsKalender caption {
	font-size: 11px;
	padding-bottom: 6px;
	display: block;
}

div.kontext p {
	margin: 0 9px 3px 9px;
}



/* Inhalt: News �bersicht */

div.inhalt table.newsTabelle th {
	font-weight: bold;
}

div.inhalt table.newsTabelle th.datum {
	width: 64px;
}

div.inhalt table.newsTabelle th.bereich {
	width: 101px;
}

div.inhalt table.newsTabelle th.thema {
	width: 140px;
}

div.inhalt table.newsTabelle th.datum {
	width: 64px;
}

div.inhalt table.newsTabelle th.nachricht {
	width: 289px;
}

div.inhalt table.newsTabelle td {
	padding-right: 5px;
}

div.inhalt table.newsTabelle td.thema {
	font-weight: bold;
}

div#newsZurueckButton {
	width:170px;
	float:left;
}

table.newsTabelle td.abteilung {
	font-weight: bold;
}

div.inhalt table.table tbody td.heading {
	font-weight: bold;
	border-bottom: 1px solid #9b9b9b;
	vertical-align: bottom;
	padding-top: 1.8em;
	background: none;
	color: #9b9b9b;
}

div.inhalt table.table tbody td {
	padding: 6px 0 4px 0;
	background: url(../images/dotted.gif) repeat-x bottom left;	
}

/* Inhalt: AGB */
table.contract th, table.contract td {
	border: none !important;
	background: none !important;
	padding-bottom: 0 !important;
	padding-top: 0 !important;
	font-size: 11px;
	vertical-align: top;
	text-align: left;
}

table.contract th {
	font-weight: bold !important;
	padding-top: 15px !important;
}

table.contract th.paragraph, table.contract td.paragraph {
	text-align: right;
	padding-right: 10px;
}

table.contract div.left {
	float: left;
}

table.contract div.right {
	float: right;
}

table.contract div.right a:link, 
table.contract div.right a:visited 
{
	color: #8C8C8C;
}

/* Inhalt: Kontaktformular */
form.contact div.buttonSubmit,
form.contact div.buttonReset
{
	float: right;
	display: inline;
}

form.contact div.buttonReset
{	
	margin-right: 20px;
}

form.contact div.field label {
	float: left;
	width: 105px;
}

form.contact div.field input, 
form.contact div.field select, 
form.contact div.field textarea {
	border: 1px solid #939598;
	margin-bottom: 5px;
	font-family: verdana, sans-serif;
	font-size: 11px;	
}

form.contact div.field input, 
form.contact div.field textarea {
	width: 278px;	
}

* html form.contact div.field input, 
* html form.contact div.field textarea {
	width: 277px;
}

form.contact div.field.required label {
	font-weight: bold;
}

form.contact div.field.required input, 
form.contact div.field.required textarea {
	background-color: #f6f3f3;
}

form.contact div.checkbox input {
	margin-right: 9px;
}

/* Inhalt: 15_Downloads Formulare zum Anfordern von PDF's*/
form.rohs {
	width: 100%;
	margin-top: 20px;
}

form.rohs div.field label {
	width: 130px;
}

form.rohs div.field input.text {
	width: 252px;
	float: right;
}

/* Inhalt: 05_Normblatt unten */
div.threeCol div.left, div.threeCol div.middle, div.threeCol div.right {
	float: left;
}

div.threeCol div.right p {
	clear: both;
}

div.threeCol div.small {
	width: 154px;
}

div.threeCol div.large {
	width: 260px;
	margin: 0 10px 0 10px;
}

div.threeCol div.small h3, div.threeCol div.large h3 {
	color: black;
	padding-bottom: 0.2em;
	margin-bottom: 0.2em;
	border-bottom: 1px solid #B4B4B4;
}

div.threeCol div.small h4 {
	color: #8C8C8C;
	font-size: 100%;
	margin: 0;
}

p.artikelnummer {
/*	color: #8C8C8C; */
	font-weight: bold;
}

div.threeCol div.small div.hrDotted {
	margin: 0 0 3px 0;
}

div.colorSample img {
	margin-top: 4px;
	width: 8px;
	height: 8px;
}

div.colorSample p {
	width:132px;
}

div.imgText {
	clear: both;
}

div.twoColCentered {
	clear: both;
	padding-bottom: 1px;
	line-height: 13px;
}

div.twoColCentered div.left {
	width: 50%;
	text-align: left;
	float: left;
	margin-right: 10px;
}

div.twoColCentered div.right {
	float: left;
	text-align: left;
	font-weight: bold;
}

.antifloat {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0;
	margin: 0;
	padding: 0;
	visibility: hidden;
}

/*]]*/