html {font-family:sans-serif;font-size:0.9em;color:#444}
body {margin:0px;padding:0px}
h1 {color:#003cc4;text-transform:uppercase;font-weight:bold;font-size:1.5em;}
h2 {font-size:1em;color:#003cc4;font-weight:normal}
h3 {font-size:1em;font-weight:normal;color:#003cc4;font-style:italic}
table {font-size:1em}
ul {list-style-type:none;}
/* ________________________________________________________________________________
--------------------------------------------------------------------------------
STRUKTUR:
________________________________________________________________________________
header: umschliesst logo und hauptmenue
logo: ist ein div und umschliesst ein a und das logo-img
hauptMenue: ist ein div und umschliesst hauptMenue_button
hauptMenue_button: ist ein div und umschliesst ein a
hauptMenue_button_div: entspricht hauptMenue_button ist aber leer (nur Deko)
navleiste: ist ein div und besteht aus a und img
sidebar1: ist ein div und umschliesst editMenue, explorer und app
content: ist ein div und umschliesst den Inhalt der Seite
fuss: ist ein div und umschliesst fuss_copyright
fuss_copyright ist ein div und beinhaltet die copyright-angaben
________________________________________________________________________________*/
.main_knopf a:link {color:#fff;text-decoration:none}
.main_knopf a:visited {color:#fff;text-decoration:none}
.main_knopf a:hover {color:#2fff;text-decoration:underline}
.hu{height:45px;vertical-align:bottom;text-align:left}
.hu span {font-size:1.5em;text-transform:none;background:#fff;color:red;padding:0px 5px 0px 5px;margin:0px 10px 0px 0px}
.header {width:100%;height:100px;background-image:url(../images/logos/Kopfzeile2.png);background-repeat:no-repeat; padding:0px;margin:0px}
.logo {position:absolute;top:30px;left:30px;width:170px;height:50px}
.logo a img {border:0px;padding:10px 0px 0px 10px;height:50px}
.header_hM {padding-top:0px;vertical-align:top;height:100px;margin-left:230px}
.hauptMenue {width:100%;font-size:0.9em;text-align:center;height:20px}
.hauptMenue_button {width:100px;text-align:center;text-transform:uppercase;padding-top:5px;}
.navleiste {color:#444;padding:3px 0px 5px 10px;font-size:0.8em;font-weight:bold;margin-left:250px}
.navleiste a img {padding-right:3px}
.sidebar1 {position:absolute;top:130px;left:0px;width:215px;padding:20px 0px 0px 0px;background:#fff}
.sidebar1_fuss {height:15px;margin-right:6px;padding-bottom:0px;margin-bottom:-1px}
.content {margin-left:215px;padding:30px 50px 20px 50px;background:#fff;font-size:0.8em}
.fuss {background:#aaa;padding-left:227px;height:1.5em;padding-top:0.2em;font-size:0.9em}
.fuss_copyright{position:absolute;right:0px;padding-right:10px}
/* _______________________________________________________________________________
-------------------------------------------------------------------------------
NOTIZEN:
_______________________________________________________________________________
explorer: navigationsfenster - div umschliesst title, content
explorer_punkt: div umschliesst einen menuepunkt
explorer_sub: div fuer die einrueckung im untermenuepunkt
editMenue: fenster im admin - div umschliesst title, content
app: alle sonstigen Fenster - div umschliesst title, content
________________________________________________________________________________*/
.explorer {font-size:0.8em;margin-bottom:10px;margin-left:5px;margin-right:5px;}
.explorer_title {color:#fff;background:#003cc4;padding:2px 5px 2px 5px;}
.explorer_content {padding:5px;background:#fff}
.explorer_punkt {border-bottom:1px solid #000;padding-top:0.3em;padding-bottom:0.2em}
.explorer_punkt img {padding:0px 3px 0px 0px;width:1.3em}
.explorer_sub {margin-left:18px}
.editMenue {font-size:0.8em;margin:0px 5px 10px 0px;padding:0px;}
.editMenue a img {border:0px;padding-right:3px;height:1.5em}
.editMenue_title {padding:2px 5px 2px 5px;background:#fff;color:#003cc4;font-weight:bold; text-align:right;border-bottom:3px solid #003cc4}
.editMenue_content {padding:5px;background:#fff;}
.app {font-size:0.8em;margin:0px 5px 10px 0px;padding:0px;}
.app_title {color:#003cc4;background:#fff;padding:2px 5px 2px 5px;border-bottom:3px solid #003cc4;text-align:right}
.app_content {padding:5px;background:#fff;border-left:15px solid #003cc4}
/* _______________________________________________________________________________
-------------------------------------------------------------------------------
LINKS
________________________________________________________________________________*/
a:link {color:#003cc4;}
a:visited {color:#003cc4;}
a:hover {color:red;}
.hauptMenue_button a:link {font-weight:bold;color:#fff;text-decoration:none;}
.hauptMenue_button a:visited {font-weight:bold;color:#fff;text-decoration:none;}
.hauptMenue_button a:hover {font-weight:bold;color:blue;text-decoration:none;}
.navleiste a:link {color:#003cc4;font-weight:normal;text-decoration:underline}
.navleiste a:visited {color:#003cc4;font-weight:normal;text-decoration:underline}
.navleiste a:hover {color:red;font-weight:normal}
.explorer_punkt a:link {text-decoration:none;color:#444}
.explorer_punkt a:visited {text-decoration:none;color:#444}
.explorer_punkt a:hover {text-decoration:none;color:red}
.editMenue a:link {text-decoration:none;font-weight:bold;font-size:1em}
.editMenue a:visited {text-decoration:none;font-weight:bold;font-size:1em}
.editMenue a:hover {text-decoration:none;font-weight:bold;font-size:1em}
/* _______________________________________________________________________________
-------------------------------------------------------------------------------
DATEIBAUM, ORDNER-LISTEN
________________________________________________________________________________*/
/*dateiBaum*/
.dateiBaum_titel {padding-top:0.5em;}
.dateiBaum_titel a img {border:0px;float:left;padding-right:5px}
.dateiBaum_ordner {margin-left:20px}
.dateiBaum_ordner a img {border:0px;float:left;padding-right:5px}
.dateiBaum_ordner_schleife {}
.dateiBaum_dokument {margin-left:20px;}
.dateiBaum_dokument a img {border:0px;float:left; padding-right:5px;}
/*listen - ordner - dokumente*/
.ordnerListe_punkt img {float:left;border:0px;padding:0px 3px 0px 0px}
.dateiListe_punkt img {float:left;border:0px;padding:0px 3px 0px 0px}
/* _______________________________________________________________________________
-------------------------------------------------------------------------------
VORSCHAU, BLOCK, ANSPRECHPARTNER, MITARBEITERLISTE
________________________________________________________________________________*/
/*vorschau*/
.vorschau {padding-top:0px;margin:0px 0px 10px 0px;background:#fff;border-left:10px solid navy;}
.vorschau_titel {padding:10px 10px 0px 0px;color:#000;border-bottom:3px solid navy}
.vorschau_titel a {color:navy;font-weight:bold;text-decoration:none}
.vorschau_content {padding:10px 10px 10px 0px}
.vorschau_content a {color:navy}
/*block*/
.block {margin:0px 0px 10px 0px;background:#fff;border-left:10px solid navy;}
.block_titel {padding:0px 10px 0px 10px}
.block_titel a {color:navy;font-weight:bold;text-decoration:none}
.block_content {padding:0px 10px 10px 10px}
.block_content a {color:navy}
/*ansprechpartner*/
.ansprechpartner {padding:0px 10px 0px 10px;border-left:10px solid navy; background-image:url(../images/bg-logo.png); background-position:20px center;background-repeat:no-repeat}
.ansprechpartner_titel {color:navy;font-weight:bold}
.ansprechpartner_content {}
/*mitarbeiterListe*/
.mitarbeiterListe {margin-bottom:10px;border-left:10px solid navy;padding:0px 0px 0px 10px;}
.mitarbeiterListe_titel {font-weight:bold;color:navy}
/* _______________________________________________________________________________
-------------------------------------------------------------------------------
KATALOG: INDEX, TABELLEN
_______________________________________________________________________________
deckblatt: inhalt aller enth. ordner - div umschliesst title, content
deckblatt_doc: inhalt aller docs ohne inhalt-datei - div umschl. t. u. c.
artikelTabelle: tabellen-tag
artikelTabelle_fuss: fuss der tabelle
kopfDefH: horizontale ueberschrift
kopfDefV: verticale ueberschrift
kopfWertV_preis: verticale ueberschriften-werte - sonderregel fuer preis
kopfWertV_normal: verticale ueberschriften-werte - normal
artikelSet: tr der artikel
artikel_ungerade: td des artikels - nur ungerade position
artikel_gerade: td des artikels - nur gerade position
artikelPreis: td der preise
artikelAnfrage: td Text: auf Anfrage
artikelLager: td mit haus-bild
artikelBestellen: td mit lastwagen-bild
kopfWertH: td mit horizontalen ueberschrift-werten
________________________________________________________________________________*/
.linie {height:1px;background:#aaa;width:100%;}
/*deckblatt*/
.deckblatt {margin:0px 0px 10px 0px;padding:0px 0px 20px 0px;color:#000}
.deckblatt a img {width:90px;position:absolute;border:0px}
.deckblatt_titel a {color:navy;font-weight:bold;text-decoration:none;}
.deckblatt_titel {padding:0px 10px 0px 0px;margin:0px 0px 0px 80px;}
.deckblatt_content {padding:0px 10px 10px 0px;margin:0px 0px 0px 80px}
/*deckblatt_doc*/
.deckblatt_doc {margin:0px 0px 10px 0px;padding:0px 0px 20px 0px}
.deckblatt_doc a img{width:90px;position:absolute;border:0px}
.deckblatt_doc_title {padding:0px 10px 0px 0px;margin:0px 0px 0px 80px;}
.deckblatt_doc_title a {color:navy;font-weight:bold;text-decoration:none;}
.deckblatt_doc_content {padding:0px 10px 10px 0px;margin:0px 0px 0px 80px;}
.deckblatt_doc_content a {color:red;}
/*artikelTabelle*/
.artikelTabelle {font-size:0.9em;color:#555}
.artikelTabelle_fuss {width:100%;border-top:2px solid royalblue}
.artikelTabelle_rabattgruppe {text-align:right;width:150px}
.kopfDefH {font-weight:bold;padding-left:10px;padding-right:10px; border-right:3px solid #fff; border-bottom:2px solid maroon;color:maroon}
.kopfDefV {text-align:center;font-weight:bold;border-bottom:2px solid royalblue;color:royalblue}
.kopfWertV_preis {font-weight:normal;padding-left:5px;padding-right:5px; text-align:right; border-bottom:2px solid royalblue;}
.kopfWertV_normal {font-weight:normal;padding-left:5px;padding-right:5px;border-right:3px solid #fff;border-bottom:2px solid royalblue;color:royalblue}
.artikelSet {padding-top:20px; text-align:right; font-weight:bold;padding-right:5px}
.artikel_ungerade {background:#eee}
.artikel_gerade {background:#fff}
.artikelPreis {text-align:right;padding-right:5px;padding-left:5px;}
.artikelPreis img {padding-right:3px;float:left}
.artikelWert {padding-left:5px;padding-right:5px;border-right:3px solid #fff}
.artikelAnfrage {padding-left:5px;padding-right:5px;text-align:right}
.kopfWertH {font-weight:normal;padding-left:10px;padding-right:10px;color:maroon;border-right:3px solid #fff}
.artikelLager {padding-left:5px;padding-right:5px;border-right:3px solid #fff}
.artikelBestellen {padding-left:5px;padding-right:5px;border-right:3px solid #fff}
/* _______________________________________________________________________________
-------------------------------------------------------------------------------
MEHRSPALTEN, FORMULARE
________________________________________________________________________________*/
/*mehrspalten*/
.mehrspalten_normal {vertical-align:top}
.mehrspalten_links {padding-right:3%;vertical-align:top}
.mehrspalten_rechts {padding-left:3%;vertical-align:top}
.mehrspalten_mitte {vertical-align:top}
/*formulare*/
.form_stylesheetlist select{font-size:1em;width:50%;margin-right:5px;}
.form_stylesheetlist input {font-size:1em;background:#4169e6; color:#fff;font-weight:bold;border:1px solid #4169e6;cursor:pointer}
.code {background:white;border:1px solid black}
/*----------------PRINT------------
----------------------------------*/
.printHeader {display:none}
.fussPrint {display:none}
.format {width:50%}
@media print{
.sidebar1 {display:none}
.header {display:none}
.content {margin:0px;padding:0px;padding:0px 10px 0px 10px}
.navleiste {display:none}
.printHeader {display:block;font-size:0.8em;padding:5px 0px 5px 0px;height:100px}
.fussPrint {display:block;padding:5px 5px 0px 5px;font-size:0.6em; position:absolute;bottom:0px;height:200px;width:18cm}
.format {width:100%}
.keinDruck {display:none}
}
/*--------------------------------
----------------------------------*/