body { font-family: Helvetica,  Tahoma, Geneva, Swiss, SunSans-Regular }
			body { margin:0px 5px 0px 10px; background: white url("/bilder/basispix/higruli.gif"); color:black; text-align: center;}
			/*hr {border-width:0;color:gray;background-color:gray;}*/
			table {margin:0 auto 0 auto; padding:0; border:0;}
			h1, h2, h3, h5 {margin:0px; color:black;font-weight:bold; text-align:center;}
			h1 { padding:0px; font-size:15pt;}
			h2 { padding:5px; font-size:13pt;}
			h3 { padding:3px; font-size:12pt;}
			h5 { padding:3px; font-size:10pt;}
			h6 {font-size:12pt;}
			span {margin-top:5px; margin-bottom:5px; padding:3px;}
			p {font-size:11pt; margin-top:5px; margin-bottom:5px;}
			hr {margin: 10px 0px 10px 0px; border:1px solid black;}
			a:link {color:#0000aa;}
			a:visited {color:#550055;}
			a:active {color:#cc0000;}
			a:hover {color:#ff0000;}
			.blau {color: blue;font-weight:bold;}
			form {margin:0;}
			#kopf, #fuss {width:875px; background-color:white; text-align:center; margin:0px auto 0px auto;}
			#kopf {height:200px;}
			#fuss {height:610px;}
			/*#fuss-axial {height:702px;}
			#fuss-mon {height:440px;}*/
			#kopftabelle {text-align:center; padding: 10px;}
			#kopf-p, #fuss-p {color:red; text-align:center; font-size:18pt; font-weight:bold;}
			#kopf-p {height:5.35em; margin:2.09em auto 0 auto;}
			.titelbild, .hauptbild-2 {text-align:center; background-color:white;}
			.linkbilder:hover, #radundrolle-img:hover, #radundrolle-img_:hover, #hartfiberglas-img:hover, #radundrolle-mailto:hover, .roter-pfeil:hover, .warenkorb:hover {filter:brightness(0.8);}
			.roter-pfeil, .roter-pfeil- {position:relative; top:4px;}
			.pictogramm {position:relative; top:1px;}
			.mon-link:hover {filter:brightness(0.8);}
			.hauptbild-2 {width:202px !important;vertical-align:middle;}
			#linktabelle { width:875px; border:0px; border-spacing:0px; padding:0px; background-color:#e7e7e7; text-align:center; font-size:10pt; font-weight:bold;}
			#linkzeile-1 td {padding:6px 4px 6px 4px;} 
			#linkzeile-2 td {padding:0px 4px 6px 4px;}
			.verbindung {vertical-align:middle; text-align:left; padding:5px;}
			.verbindung h2 {text-align:left; font-size:13pt;}
			#trennzeile {padding:0; background-color:white; font-size:1pt; height:10px;}
			#haupttabelle, #variantentabelle, .variantentabelle_, #zubehoertabelle, .zubehoertabelle_, .inhaltsverzeichnis, .nach-oben {width:875px; border-spacing:0; border:0;padding-top:5px;background-color:white;}
			#haupttabelle td {vertical-align:top}
			.variantentabelle_ td {border: 1px solid black;}
			#fusstabelle {width:875px; border-spacing:0; border:0;}
			.nebentabelle {border-spacing:0; border:0;vertical-align:middle !important;}
			#mon-bild, .mon-bild {float: left; margin-top: 10px; margin-right: 10px;border: 1px solid black;}
			.mon-group {border:1px solid black; background-color:#99ff99;}
			.mon-sep {width:10px; background-color:#cccccc;}
			.mon-link {width:100px; background-color: #e7e7e7; text-align:center; border:1px solid black;}
			.mon-daten {text-align:left; padding:0;}
			#mon-fusstabelle-1, #mon-fusstabelle-2, #fuss-icons { width:875px; border-spacing:0; border:0; background-color:white;}
			#fuss-icons td {padding:2px;text-align:center; vertical-align:top;}
			#beschreibungs-titel {text-align:left; padding-right:10px;}
			#beschreibungs-text, .zubehoer, .linseal, .edelstahllager, .schmiernippel, .nonmark {text-align:justify; hyphens: auto; line-height:105%; padding-right:10px;}
			.allgemein, .beschreibung, .beschreibung-artikel {text-align:left; padding:5px;}
			.allgemein, .allgemein p {text-align:justify; hyphens: auto; font-size:12pt; vertical-align:top;}
			.erlaeuterung {text-align:left; font-size:12pt;padding:2px;}
			.erklaerung {font-size:10pt;}
			#andere-typen {text-align:left; color:black; margin:5px 0 5px 0;}
			#lagertabelle {margin:0;}
			#lageruebersicht {text-align:left;}
			#verordnung {border: 8px solid #ccffcc; background-color:white; padding:8px; font-size:10pt; text-align:left;}
			#verordnung h4 {margin-top:15px; margin-bottom:0px; padding:0px; font-size:12pt;}
			.fusslinks {text-align:center; background-color:#e7e7e7; padding:8px; font-weight:bold; font-size:12pt;}
			#radundrolle {text-align:center; background-color:transparent; padding:8px; font-size:9pt;}
			#hartfiberglas {text-align:center; background-color:transparent; padding:8px; font-size:9pt;}
			#hartfiberglas-img {border: 8px solid #ff9900;}
			#radundrolle-irrtum {font-size:12pt; font-weight:bold; text-align:center; color:#cc6600; padding-top:7px;}
			#radundrolle-aenderung {font-size:12pt; font-weight:normal; text-align:center; color:black; padding-top:5px;}
			.bilder, .linkbilder, .mon-link-bilder {border: 1px solid black; margin-top:4px;}
			.selbstlink {text-align: left; padding:3px 4px 0px 4px; vertical-align: middle !important; background-color: #ffff99; font-size: 9pt;}
			.bildlinks {text-align: left; padding:3px 4px 0px 4px; vertical-align:middle !important; background-color: #e7e7e7; font-size: 9pt;}
			.bildlinks-ueberschrift {background-color:#BBff77; padding-left:5px;; padding-right:5px;}
			.druck-head {background-color:#BBff77; padding:10px;}
			.bildlink-druck {padding:10px; background-color:#dddddd;}
			.radial-bildlink { background-color:#f0fff0;}
			.radial-head {padding:5px; background-color:#ccff99;}
			.lagertext {padding:5px 5px 5px 10px; font-size:12pt;}
			.schubkarrenrad-finden h4, #schalttext {font-size:14pt;}
			.schubkarrenrad-finden p, .schubkarrenrad-finden h4 {margin:8px;}
			#vergroessern {position:relative; font-size:14pt; text-decoration:underline; z-index:10;}
			#uebersichtslink {height: auto; text-align:center; vertical-align: middle; background-color: #e7e7e7; font-size: 12pt; font-weight:bold; padding:4px 4px 4px 4px;}
			#ueberschrift, #ueberschrift h2 {background-color:#c0c0c0; text-align: left;}
			.ueberschrift_, .ueberschrift_ h2 {background-color:#c0c0c0; text-align: left;}
			.ueberschrift-blau, .ueberschrift-blau h2 {background-color:#a0f0f0; text-align: left;}
			.ueberschrift-gelb {background-color:#ffcc00;padding:5px;}
			.trennlinie, .trennlinie h2 {padding:5px; background-color:#ccff66; text-align:left; font-size:14pt;}
			.linseal {background-color:#ccff99; font-size:10pt; text-align:left; padding:5px;}
			.edelstahllager {background-color:#a0f0f0; font-size:10pt; text-align:left; padding:5px;}
			.schmiernippel {background-color:#f0b0f0; font-size:10pt; text-align:left; padding:5px;}
			.nonmark {background-color:#ffff99; font-size:10pt; text-align:left; padding:5px;}
			.linseal h3, .edelstahllager h3, .schmiernippel h3, .nonmark h3 { text-align:left; padding:0;}
			.technische-daten {width:100%;}
			.technische-daten td {border:0;background-color:#dddddd;height:16px;padding:4px; vertical-align:middle !important;}
			.artikel_, .lager_, .bohrung_, .nabenbreite_, .profil_, .preis_, .anzahl_ { background-color:#d7d7d7; padding:5px; width:auto; text-align:center; color:black; font-size:11pt; font-weight:bold; }
			.artikel_ { padding-left:20px; text-align:left; font-weight:bold; width:12% }
			.profil_, .masse_ {width:10%;}
			.preis_ { color:#0033ff; font-weight:bold; width:15%;}
			.verzinkt_ { background-color:#e4ebf2; padding:5px; width:10%; text-align:center; color:black; font-size:11pt; font-weight:bold; }
			.niro_ { background-color:#cfffff; padding:5px; width:10%; text-align:center; color:black; font-size:11pt; font-weight:bold; }
			.warenkorb {width:120px;}
			#bezeichnung, .bezeichnung_ { background-color:#d7d7d7;}
			.felgengruppe {text-align:left;padding:10px;font-size:14pt;}
			.felgenmass {font-size:13pt;font-weight:bold;text-align:left;padding:2px 2px 2px 0;}
			.felgenbeschreibung {font-size:12pt;}
			.lagergruppe { padding:4px; background-color: #ffffcc; font-size:12pt; font-weight:normal; text-align:left; }
			.gruppentabelle {width:875px; border:0;border-spacing:0; background-color:white;}
			.gruppenueberschrift {background-color:#ffdd66; padding:5px;}
			.gruppenueberschrift h2 {text-align:left;font-size:14pt;color:black;}
			.gruppe {text-align:center; font-size:14pt; font-weight:bold;}	
			.untergruppe {background-color:#ffffaa;}
			.untergruppe h3 {text-align:left; font-size:13pt; padding:6px;}	
		    .liste tr:nth-child(even) td {background-color: #e4ebf2;}
			.liste tr:nth-child(odd) td {background-color: #ffffff;}
			.liste-niro tr:nth-child(odd) td {background-color:#f0ffff;}
			.liste-niro tr:nth-child(even) td {background-color:#c0ffff;}
			.produkt {background-color:#dddddd;}
			.artikel, .lager, .bohrung, .nabenbreite, .profil, .preis, .anzahl { width:auto; height:auto;text-align:center; vertical-align:middle !important; color:black; font-size:10pt; font-weight:normal;}
			.artikel { padding-left:5px; text-align:left; font-weight:bold; }
			.mon-head h2 {text-align:center;}
			.mon-artikel {font-size:10pt; font-weight:normal; width:68%; text-align:left; padding:5px;}
			.preis { color:#0033ff; font-weight:bold; width:80px;}
			.mon-preis { color:#0033ff; font-weight:bold; width:150px; text-align:right;padding-right:10px;}
			.menge {width:40px;text-align:center;}
			.knopf { text-align:right;padding-left:15px; vertical-align:middle !important;}
			.zubehoer {background-color:#d7d7d7; font-size:10pt; padding:5px;}
			.zubehoer h3 { text-align:left; padding:0; font-size:12pt;}
			.einzelteile {background-color:#ffff99; padding:5px; font-size:12pt;}
			.linseal-hintergrund {background-color:#ccff99;}
			.nicht-mehr-lieferbar {color:red;text-align:left;font-size:16pt;font-weight:bold;}
			.nach-oben {width:875px; font-size:14pt; text-align:center; padding:15px;}
			#menu {font-size: 1em; line-height:1.3; float: left;} 
			#menu ul { margin: 0; padding: 1% 0 0 0; float: left; width:10em; list-style-type: none; } 
			#menu h4 { margin: 4px 0px 0px 0px; padding: 0px; font-size: 11pt; text-align: center; color: #000; border: 1px solid #003366; background: #e7e7e7; }
			#menu-td {padding: 10px 40px 0px 10px;}
			#i1 input {font-size: 24pt;}
			#i2 input { font-size: 28pt; border: 1px solid #003366; }
			#menu a { text-decoration: none; padding: 0.2em 0.2em; display: block; font-size: 3em; border: 1px solid #ccc; text-align: left; background: #e7e7e7; color: #000000; }
			#menu a:hover { color: #ff9224; background: #003366;}
			#menu li { position: relative;}
			#menu ul ul { position: absolute; z-index: 11; display: none; width: 400%; } 
			#menu ul li:hover ul { display: block; }
			.aktiv {display:none;}
			.inaktiv {position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:#000;opacity: 0.3; z-index: 11;}
			.unsichtbar {display: none;}
			.sichtbar {position: absolute;top: 0px;left: 0px; z-index: 11;}
			.schliessen {position: absolute;right: 5px;top: 5px;background: #c03000;color: white;font: bold 0/0 sans-serif;padding: 5px 5px 3px 5px;}
			.schliessen:before {content: "X";font: bold 14pt sans-serif;}
			.popup-bild_:hover, .schliessen:hover {cursor:pointer;filter:brightness(0.8);}
			.popup-bild {border:1px solid black;}
			#pupup-tabelle {width:480px; background-color:white; font-size:11pt;text-align:left; hyphens:auto;}
			.pupup-tabelle-breit {width:850px; background-color:white; font-size:11pt;}
			#pupup-tabelle td, .pupup-tabelle-breit td {padding: 5px; text-align:left;}
			.pupup-tabelle-breit h4 {text-align:left; margin:10px 5px 2px 5px;}
			.pupup-tabelle-breit p {margin:0px; text-align:justify; hyphens:auto;}
			#progressContainer {width: 183px;height: 16px;background: #e0e0e0;border-radius: 5px;overflow: hidden;position:relative; left:603px; top: -45px;}
			#progressBar {width: 40px;height: 100%;background: #3498db;border-radius: 5px;animation: loading 1s linear infinite;}
			@keyframes loading {
				0% { transform: translateX(-40px); }
  				100% { transform: translateX(183px); }
			}
			@media only screen and (min-width: 561px) {
				#linkmenu, #baukasten-unten {display: none;}
				.lagertyp {padding:5px 5px 5px 0px; width:150px; font-size:10pt;}
				.beschreibung {width:600px; font-size:10pt}
				.artikel, .lager, .bohrung, .nabenbreite, .preis, .anzahl { height:2.5em; font-size:11pt; }
				.anzahl_ { width:5%; text-align:left; }
				.warenkorb { margin: 0px 2px 0px 5px; padding: 0px;}
			}
			@media only screen and (max-width: 560px) {
				html {transform-origin: top left;transform:scale(0.39);}
				.inaktiv {height:34%;}
				h1 {font-size:2.5em;}
				h2 {font-size:2.2em;}
				h3 {font-size:2.0em;}
				h4, h5 {font-size:1.2em;}
				p, #bezeichnung, .bezeichnung_, #schalttext, #vergroessern, .schubkarrenrad-finden, .schubkarrenrad-finden h4, #pupup-tabelle, .pupup-tabelle-breit h4 {font-size:1.5em;}
				hr {margin: 10px 0px 10px 0px; border:2px solid black;}
				body {background:none;}
				#kopf {height:275px;}
				#kopf-p {height:175px;}
				.hauptbild-2, .nebentabelle, .selbstlink, .bildlinks, .bildlinks-ueberschrift, #uebersichtslink, #linktabelle, .profil_, .profil, #andere-produkte, #baukasten-rechts, #stahlachsen {display: none; }
				#linkmenu { text-align:left; background-color:#b8b8b8; width:900px;margin: 0 20px 0 20px; border-spacing:0}
				#linkmenu td {border:0}
				#haupttabelle, #variantentabelle, .variantentabelle_, #zubehoertabelle, .zubehoertabelle_, #fusstabelle, .gruppentabelle, .inhaltsverzeichnis, .nach-oben {width:940px;}
				#mon-fusstabelle-1, #mon-fusstabelle-2, #fuss-icons {width:940px;}
				/*#fuss-axial {height:1380px;}
				#fuss-mon {height:570px;}*/
				#pupup-tabelle, .pupup-tabelle-breit {width:900px;}
				.mon-head h2 {font-size:2.1em;}
				.mon-group h3 {font-size:1.8em;}
				.mon-link h3 {font-size:1.5em;}
				.felgengruppe {font-size:20pt;}
				.felgenmass {font-size:20pt;}
				.felgenbeschreibung {font-size:14pt;}
				.lagergruppe { font-size:2em; }
				.lagertyp { width:250px; font-size:1.5em; }
				.lagertext { font-size:1.8em; }
				.nicht-mehr-lieferbar {font-size:2em;}
				.allgemein, .beschreibung, .zubehoer, .erlaeuterung, .einzelteile { font-size:1.5em;}
				.trennlinie h2, .verbindung h2 { font-size:1.7em;}
				.erlaeuterung h6 {font-size:1.0em;}
				.erklaerung {font-size:0.8em;}
				.linseal, .edelstahllager, .schmiernippel, .nonmark { font-size:1.5em;}
				.linseal h3, .edelstahllager h3, .zubehoer h3, .schmiernippel h3, .nonmark h3 { font-size:1.25em;}
				.beschreibung-artikel, .allgemein p, .linseal p, .edelstahllager p, .schmiernippel p { font-size:1.1em; }
				#andere-typen {margin:10px 0 10px 0;}
				.gruppenueberschrift h2 {font-size:2.0em;}
				.untergruppe h3 {font-size:1.8em;}
				.gruppe {font-size:1.3em;}	
				.artikel_, .lager_, .bohrung_, .nabenbreite_, .preis_, .anzahl_, .verzinkt_, .niro_ {hyphens: manual; font-size:1.3em; }
				.artikel, .lager, .bohrung, .nabenbreite, .preis, .anzahl, .mon-artikel, .mon-preis { height:2.5em; font-size:2em; }
				.menge { width:60px; margin:2px; padding:2px; font-size:1.3em; font-weight:normal;}
				.warenkorb { border:0px; margin: 0px 2px 0px 5px; padding: 0px; background-color: transparent; background-image:url(/bilder/basispix/cart-rot.jpg); width:64px; height:48px; }
				#zubehoertabelle-hr3 {margin:2em 0 2em 0;}
				#verordnung { font-size:1.2em; }
				#verordnung h4 { font-size:1.7em; }
				#radundrolle,#radundrolle-irrtum, #radundrolle-aenderung { font-size:1.5em; }
				.fusslinks { height:2.5em; font-size:1.5em; }
				#radundrolle-mailto {width:3em; height:auto;}
				#radundrolle-img_ {width:50%; height:auto;}
				#hartfiberglas-img {width:75%; height:auto; margin-top:2em;}
				.schliessen:before {font: bold 24pt sans-serif;}
				#deaktiv {transform:scale(5);}
				.roter-pfeil, .roter-pfeil- {top:-0px; right:0px; transform:scale(1.2);}
				.pictogramm {top:-2px; right:-4px; transform:scale(1.5);}
				.nach-oben {font-size:2.0em;}
				#progressContainer {width: 360px;height: 32px;border-radius: 10px;position:relative; left:275px; top: -77px;}
				#progressBar {border-radius: 10px;}
			}