html { height:100%; padding-bottom:1px; }
body { height:100%; margin:0px; padding:0px; text-align:center; background:#D6D9E0 url('hg_body.jpg') top center repeat-y; }
form { text-align:left; }
div { display:block; }
td { padding:2px 4px; }
img { border:0px; }
span { margin:0px; padding:0px; }
/** Basis **/
.oben { width:100%; height:180px; background-color:#D6D9E0; }
.mitte { width:950px; height:auto; margin:0px auto; margin-top:-42px; background:url('hg_mitte.jpg') top center repeat-y; }
.unten { width:950px; height:auto; margin:0px auto; }
/** Aufbau **/
.content_oben { width:909px; height:136px; padding-bottom:2px; padding-left:41px; margin:0px auto; text-align:left; background:#FFFFFF url('hg_content_oben.jpg') top left no-repeat; } /* border-bottom:2px solid white; */
.content_links { width:26px; height:550px; float:left; }
.content_mitte { width:580px; height:auto; padding-bottom:150px; text-align:left; overflow:hidden; float:left; }
.content_rechts { width:316px; height:auto; padding-bottom:150px; padding-right:26px; text-align:left; border-left:2px solid white; float:left; }
.content_unten { width:950px; height:26px; background:#FFFFFF; }
/** Sprungmarken **/
a#ankerOben { }
a#ankerMitte { }
a#ankerMitte[id] { position:absolute; top:136px; color:#d1d7e1; font-size:1px; } /* fuer Firefox & Opera */
a#ankerUnten { }
a.anker { color:#d1d7e1; font-size:1px; }
/** Suche **/
form.suche { width:316px; height:40px; background:url('hg_suche.jpg') top left no-repeat; border-bottom:2px solid white; }
input.suche { width:256px; height:15px; margin:14px 0px 0px 39px; padding:2px 0px 0px 0px; color:#999999; font-size:11px; line-height:13px; border:0px; }
/** Navigation **/
#navi1 { width:auto; padding:7px 24px 0px 0px; color:#999999; text-align:right; }
#navi1 a { width:auto; margin:0px 2px; color:#999999; font-size:11px; line-height:14px; font-weight:normal; font-style:normal; text-decoration:none; }
#navi1 a:hover { text-decoration:underline; }
#navi1 a.aktiv { }
/* this is the main UL element */
.dropdown { width:580px; height:40px; margin:0px; padding:0px 0px 0px 0px; display:block; list-style:none; text-align:left; background:url('hg_navi2.jpg') top left no-repeat; }
/* this is the element to handle IE6 W3C incompatibility instead of padding */
.dropdown li.abstandLinks { width:23px; height:40px; margin:0px; float:left; }
/* these are all the LIs in the menu */
.dropdown li { width:auto; margin:0px; margin-right:42px; padding:0px; display:block; position:relative; top:7px; list-style-image:none; cursor:pointer; float:left; }
/* these are anchor in the menu */
.dropdown a { width:auto; height:33px; margin:0px; padding-left:15px; display:block; color:#b3b6d5; font-size:12px; line-height:32px; font-style:normal; font-weight:normal; text-decoration:none; }
.dropdown a { background-image:url('btn_navi2.gif'); background-position:top left; background-repeat:no-repeat; float:left; }
.dropdown a:hover { color:#FFFFFF; text-decoration:none; background-position:center left; }
/* these are activ anchor in the menu */
.dropdown a.aktiv { color:#EED949; text-decoration:none; background-position:bottom left; }
/* these is the DIVs that contains all subnavis */
.submenues { width:100%; border-bottom:2px solid #FFFFFF; overflow:hidden; }
/* these are the DIVs that contains a subnavi */
.subnavi { width:100%; height:82px; display:block; margin-top:-92px; padding:10px 0px 0px 0px; background:#093176 url('hg_subnavi.jpg') repeat-x; } /* height:93px; */
.subnavi a { width:120px; height:20px; margin:2px 0px; padding-left:25px; color:#8693a9; font-weight:normal; line-height:19px; float:left; }
.subnavi a.aktiv,
.subnavi a:hover { color:#FFFFFF; text-decoration:none; }
/** Sonstiges **/
.links { float:left; }
.rechts { float:right; }
.cleaner { width:100%; height:1px; line-height:1px; clear:both; }
.unsichtbar { display:none; }
.copyright { margin-left:30px; padding:4px 0px 0px 0px; color:#898989; font-size:11px; text-align:left; }
.copyright a { color:#898989; font-size:11px; font-weight:normal; font-style:normal; text-decoration:none; }
.startseiteLink { position:absolute; top:30px; margin-left:5px; background:none; z-index:200; }
.startseiteLink img { width:174px; height:88px; }
.seiteLogo { position:relative; margin-top:-4px; text-align:left; z-index:100; }
.seiteLogo object { }
.seiteLogo embed { }
.druckLogo { display:none; }
.druckAnschrift { display:none; }
.toTop { }
.fusszeile { display:none; }
/* ************************* Module ************************* */
/** Modul Ueberschrift **/
.modulHead { width:518px; padding:0px 31px; float:none; }
.modulHead_firstSlice { width:518px; margin-top:18px; padding:0px 31px; float:none; }
/** Modul Text **/
.modulText { width:518px; padding:0px 31px; float:none; }
/** Modul Bild **/
.modulBild { width:518px; height:auto; margin-bottom:18px; padding:0px 31px; float:none; clear:both; }
.modulBild object { }
.modulBild_firstSlice { width:580px; height:331px; margin-bottom:18px; overflow:hidden; border-bottom:2px solid white; float:none; clear:both; }
.modulBild_firstSlice object { width:580px; height:331px; }
/** Modul Bild + Text **/
.modulBildText { width:518px; height:auto; margin-bottom:18px; padding:0 31px; clear:both; }
.modulBildText h3 { margin-top:5px; margin-bottom:3px; }
.modulBildText object { width:208px; height:118px; }
.modulBildText .text { width:283px; float:left; }
.modulBildText .bild_links { width:208px; margin-right:26px; text-align:left; overflow:hidden; float:left; }
.modulBildText .bild_rechts { width:208px; margin-left:26px; text-align:right; overflow:hidden; float:right; }
.modulBildText .bild_info { display:none; }
/** Modul Bildwechsler (nur Anpassungen zwecks NoobSlide; Slideshow hat eigenes CSS) **/
.modulBildwechsler { width:518px; height:auto; margin-bottom:18px; padding:0px 31px; position:relative; float:none; clear:both; }
.modulBildwechsler_firstSlice { width:580px; height:331px; margin-bottom:18px; overflow:hidden; border-bottom:2px solid white; float:none; clear:both; }
#info { position:relative; top:-22px; text-indent:10px; color:#ffffff; font:12px/22px Arial,sans-serif; background:#000000; z-Index:100000; clear:both; }
/** Modul Referenz **/
.modulReferenz { width:518px; height:auto; margin-bottom:18px; padding:0 31px; clear:both; }
.modulReferenz h3 { margin-top:5px; margin-bottom:3px; }
.modulReferenz .text { width:318px; float:left; }
.modulReferenz .bild_links { width:170px; margin-right:29px; text-align:left; overflow:hidden; float:left; }
.modulReferenz .bild_rechts { width:170px; margin-left:29px; text-align:right; overflow:hidden; float:right; }
.modulReferenz .bild_info { display:none; }
/** Modul Aggregat (Stromaagregat, Stromerzeuger, Kraftstofftank, Lichtmast, Russpartikelfilter) **/
.modulAggregat { width:580px; height:auto; margin-bottom:36px; float:none; clear:both; }
.modulAggregat h1 { margin-top:18px; margin-bottom:32px; }
.modulAggregat h2 { margin-bottom:14px; }
.modulAggregat b { color:#7F8CA6; font-size:11px; }
.modulAggregat a { color:#7F8CA6; font-size:11px; font-weight:normal; background-position:top left; background-repeat:no-repeat; }
.modulAggregat a:hover { color:#FFFFFF; background-position:bottom left; background-repeat:no-repeat; }
.modulAggregat a.btnVor { width:18px; height:20px; display:block; background-image:url('btn_vor.jpg'); float:left; }
.modulAggregat a.btnZurueck { width:18px; height:20px; display:block; margin-left:1px; background-image:url('btn_zurueck.jpg'); float:left; }
.modulAggregat span.xvony { width:67px; height:20px; margin:0px 4px; color:#7F8CA6; line-height:18px; text-align:center; display:block; float:left; }
.modulAggregat .bilder { width:580px; height:330px; overflow:hidden; }
.modulAggregat .funktionen { width:549px; height:50px; padding:5px 0px 0px 31px; line-height:20px; background:#CACFDA; border-bottom:2px solid white; }
.modulAggregat .spalte { width:183px; float:left; }
.modulAggregat .spalte b { width:112px; display:block; text-align:center; }
.modulAggregat .grunddaten { width:518px; padding:0px 31px; }
.modulAggregat .zeile { width:518px; float:none; clear:both; }
.modulAggregat .feldname { width:200px; line-height:22px; float:left; }
.modulAggregat .feldwert { width:296px; padding-left:21px; line-height:22px; border-left:1px solid #999999; float:right; }
/** Modul Artikeluebersicht (Aggregatuebersicht) **/
.modulArtikelliste { width:518px; height:auto; margin-bottom:18px; padding:0 31px; clear:both; }
.modulArtikelliste a { color:#333333; font-size:11px; }
.modulArtikelliste a.anker { }
.modulArtikelliste div.tabs { width:100%; height:40px; padding-top:0px; margin-bottom:2px; color:#7F8CA6; clear:both; }
.modulArtikelliste div.tabs a { dispaly:block; height:28px; padding-top:12px; font-size:12px; font-weight:normal; line-height:21px; text-align:center; }
.modulArtikelliste div.tabs a { color:#C6D7F1; background-image:url('hg_tab.jpg'); background-position:top left; float:left; }
.modulArtikelliste div.tabs a.aktiv { color:#FFFFFF; background-position:bottom left; }
.modulArtikelliste div.tabs a.aktiv:hover { background-image:url('hg_tab.jpg'); }
.modulArtikelliste div.tabs a:hover { color:#FFFFFF; background-image:url('hg_tab_hover.jpg'); }
.modulArtikelliste div.tabs a#tab1 { width:258px; }
.modulArtikelliste div.tabs a#tab2 { width:258px; margin-left:2px; }
.modulArtikelliste div.tab { width:100%; height:auto; }
.modulArtikelliste div.rahmen { width:504px; height:88px; padding:8px 2px 12px 12px; background-image:url('hg_artikel_rahmen.jpg'); background-position:top left; }
.modulArtikelliste div.rahmen_lichtanlage { width:504px; height:109px; padding:8px 2px 8px 12px; background-image:url('hg_artikel_rahmen_lichtanlage.jpg'); background-position:top left; }
.modulArtikelliste div.text { width:345px; height:auto; margin-bottom:0px; font-size:11px; line-height:18px; float:left; }
.modulArtikelliste div.bild { width:146px; height:83px; margin:4px 10px 0px 0px; overflow:hidden; border:0px solid #999999; float:left; }
.modulArtikelliste div.blaettern { width:100%; margin-top:14px; padding-top:5px; color:#666666; font-size:11px; border-top:1px solid #ADAAA9; float:left;} /* alt -> color:#ADAAA9; */
.modulArtikelliste div.blaettern a { color:#666666; font-size:11px; } /* alt -> color:#ADAAA9; */
.modulArtikelliste div.gruppieren { padding-top:5px; color:#666666; font-size:11px; float:right; } /* alt -> color:#ADAAA9; */
.modulArtikelliste div.gruppieren a { color:#666666; font-size:11px; } /* alt -> color:#ADAAA9; */
.modulArtikelliste div.gruppieren a.aktiv { color:#1D3C7E; font-size:11px; }
/** Modul Box-Teaser **/
.modulBoxTeaser { width:293px; height:auto; margin:0px; padding:3px 12px 8px 11px; background:#CACFDA; border-bottom:2px solid white; overflow:hidden; clear:both; }
.modulBoxTeaser:hover { background:#BCC2CF; }
.modulBoxTeaser div.text { width:187px; height:auto; float:right; }
.modulBoxTeaser div.bild { width:95px; height:70px; padding-top:3px; overflow:hidden; float:left; }
.modulBoxTeaser div.bild img { margin-left:-10px; }
.modulBoxTeaser h4 { margin-bottom:2px; color:#1D3C7E; }
.modulBoxTeaser p { font-size:11px; line-height:15px; text-align:left; }
.modulBoxTeaser a { color:#FFFFFF; font-size:11px; white-space:nowrap; }
.modulBoxTeaser a:hover { text-decoration:underline; }
/** Modul Box-Produkt **/
.modulBoxProdukt { width:292px; height:142px; padding:12px 12px 11px 12px; background:#2E3F81 url('hg_box_produkt.jpg') top left no-repeat; border-bottom:2px solid white; overflow:hidden; clear:both; }
.modulBoxProdukt div.text { width:151px; height:auto; float:right; }
.modulBoxProdukt div.bild { width:130px; height:auto; margin-top:3px; overflow:hidden; float:left; }
.modulBoxProdukt div.bild img { margin-left:0px; }
.modulBoxProdukt h4 { margin-bottom:2px; color:#FFFFFF; font-size:17px; line-height:21px; }
.modulBoxProdukt p { color:#BBC7DD; font-size:11px; line-height:15px; text-align:left; }
.modulBoxProdukt a { color:#FFFFFF; font-size:11px; white-space:nowrap; }
/** Modul Box-eKomi Siegel **/
.modulBoxeKomiSiegel { width:293px; height:auto; margin:0px; padding:3px 12px 8px 11px; background:#CACFDA; border-bottom:2px solid white; overflow:hidden; clear:both; }
.modulBoxeKomiSiegel:hover { background:#BCC2CF; }
/** Modul Suche (Ein- und Ausgabe) **/
.modulSuche { width:518px; height:auto; margin-bottom:18px; padding:0 31px; clear:both; }
.modulSuche form input { width:275px; margin-top:1px; margin-bottom:9px; padding:1px; line-height:18px; float:left; }
.modulSuche form input.submit { width:auto; margin-top:0px; margin-left:5px; text-align:center; cursor:pointer; border:2px solid; float:left; }
.modulSuche form input.submit { color:#F6F7F9; background:#CACFDA; border-color:#FFFFFF; }
.modulSuche form input.submit:hover { color:#FFFFFF; background:#BCC2CF; border-color:#FFFFFF; }
.modulSuche div.ergebniss { width:100%; margin-bottom:18px; }
.modulSuche p.treffer { margin-bottom:18px; color:#000000; font-size:13px; font-weight:bold; line-height:18px; clear:both; }
.modulSuche p.text { }
.modulSuche p.pfad { color:#666666; font-size:11px; font-style:italic; }
.modulSuche a { }
/** Modul Downloads **/
.modulDownloads { width:518px; height:auto; margin-bottom:18px; padding:0 31px; clear:both; }
.modulDownloads h3 { margin-bottom:9px; }
.modulDownloads div.download { width:100%; height:26px; clear:both; }
.modulDownloads span.info { display:block; margin-top:2px; float:left; }
.modulDownloads a.icon { display:block; margin-right:10px; float:left; }
.modulDownloads a.text { display:block; margin-top:2px; margin-right:10px; float:left; }
.modulDownloads a.text:hover { }
/** Modul Sprungmarken-Navi **/
.modulAnkerNavi { width:518px; height:auto; margin:18px 0px; padding:0 31px; clear:both; }
.modulAnkerNavi ul { padding-left:0px; margin-bottom:0px; }
.modulAnkerNavi ul li { margin-bottom:0px; list-style-type:none; }
/** Modul Kontakt **/
.modulKontakt { width:518px; height:auto; padding:0px 31px; float:none; clear:both; }
.modulKontakt h3 { margin-top:18px; }
.modulKontakt label { width:130px; margin-bottom:9px; padding-top:2px; text-align:left; line-height:18px; float:left; }
.modulKontakt input { width:290px; margin-bottom:9px; padding:1px; line-height:18px; float:left; }
.modulKontakt select { width:296px; margin-bottom:9px; padding:1px; float:left; }
.modulKontakt textarea { width:290px; height:110px; margin-bottom:9px; padding:1px; float:left; }
.modulKontakt input.submit { width:auto; margin-right:93px; text-align:center; cursor:pointer; border:2px solid; float:right; }
.modulKontakt input.submit { color:#F6F7F9; background:#CACFDA; border-color:#FFFFFF; }
.modulKontakt input.submit:hover { color:#FFFFFF; background:#BCC2CF; border-color:#FFFFFF; }
.modulKontakt .checkbox { width:auto; height:19px; }
.modulKontakt .chkBox_label { width:auto; height:auto; padding-top:0px; padding-left:12px; }
/** Modul Absatz **/
.modulAbsatz { width:100%; height:1px; line-height:1px; clear:both; }
.klein { height:1px; line-height:1px; }
.mittel { height:18px; line-height:18px; }
.gross { height:36px; line-height:36px; }
/** Modul Funktionszeile **/
.modulFunktionszeile { width:512px; height:15px; margin:36px 31px 0px 31px; padding-top:5px; text-align:left; border-top:1px solid #999999; float:none; }
.modulFunktionszeile a { color:#999999; margin-right:18px; font-size:12px; font-weight:normal; line-height:16px; text-decoration:none; }
.modulFunktionszeile a:hover { color:#666666; text-decoration:none; }
/** Modul Google Maps **/
.googlemaps { width:580px; height:331px; margin-bottom:18px; display:block; visibility:hidden; float:none; clear:both; }
/** Modul Sitemap **/
.modulSitemap { width:518px; height:auto; margin:0px 0px 18px 0px; padding:0 31px; clear:both; }
.modulSitemap a { font-weight:normal; }
.modulSitemap ul { padding-left:0px; margin-bottom:18px; }
.modulSitemap ul li { margin-bottom:0px; margin-left:3px; list-style-position:inside; }
/** Modul Galerie **/
.modulGallerie { width:580px; height:375px; margin-bottom:2px; overflow:hidden; background:#ffffff; }
.modulGallerie .images { width:580px; height:331px; position:relative; overflow:hidden; }
.modulGallerie .thumbs { width:580px; height:40px; margin-top:2px; background:#cacfdb; }
.modulGallerie #handle { width:520px; height:32px; margin-left:4px; margin-top:4px; position:relative; overflow:hidden; float:left; }
.modulGallerie #imgSlider { position:relative; }
.modulGallerie #imgSlider span { float:left; }
.modulGallerie #thumbSlider { width:520px; height:32px; position:relative; overflow:hidden; float:left; }
.modulGallerie .thumbSlider div { width:56px; height:32px; margin-right:2px; overflow:hidden; float:left; }
.modulGallerie .thumbs a { display:block; float:left; }
.modulGallerie .thumbs #prev { width:22px; height:27px; margin-left:4px; margin-top:6px; background:url('galerie_naviL.jpg') left top no-repeat; }
.modulGallerie .thumbs #next { width:22px; height:27px; margin-right:3px; margin-top:6px; background:url('galerie_naviR.jpg') left top no-repeat; float:right; }
.modulGallerie .thumbs #prev:hover { text-decoration:none; background:url('galerie_naviL_hover.jpg') left top no-repeat; }
.modulGallerie .thumbs #next:hover { text-decoration:none; background:url('galerie_naviR_hover.jpg') left top no-repeat; }
.modulGallerie .buttons,
.modulGallerie .info { display:none; }