/* *************************************** */
/* Styles for wolfcraft.de relaunch 2001   */
/* Marketing Factory Consulting GmbH       */
/*                                         */
/* V. 1.0  --- 03.08.2001         ks                                                    */
/* *************************************** */
/* BITTE sowenig neue Styles wie moeglich  */
/* einfuegen. So oft wie moeglich sollten  */
/* stattdessen die VERERBBAREN Styles                  */
/* genutzt werden (.black statt td.black)  */
/* *************************************** */

/*  +++++++++++++++++++++++++++++ BASICS +++++++++++++++++++++++++++++++++ */

BODY {
        /* generally defining background color */
        background-color : #ffffff;
        margin: 0;
        background-image: url(/jcatalog/images/hintergrund.jpg);
}


.sel {
        background-color: #fcee82;
        font-family: verdana, sans-serif;
        font-weight:bold;
        font-size:10px;
        width: 100px;
}
        /* choose font family + size for nearly all cases */
BODY, P, TD, TH, DT, DD, A , DIV{
        font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-size: 10pt;
}

P,LI,UL,OL {
        font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-size: 10pt;
 }

FORM, SELECT {
        margin: 0px;
}

/* --- TEXT --- */

H1 {
        color : #000000;
        font-weight : bold;
        font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-size: 13pt;
}
H1.title {
        color : #009999;
        font-weight : bold;
        font-style : italic;
        font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-size: 16pt;
}
H2 {
        color : #000000;
        font-weight : bold;
        font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-size: 11pt;
}

H3 {
        color : #000000;
        font-weight : bold;
        font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-size: 11pt;
}

H4 {
        color : #000000;
        font-weight : bold;
        font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-size: 10pt;
}

H5 {
        color : #000000;
        font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-weight : bold;
        font-size: 10pt;
}

SMALL {
        font-size: 8pt;
}
SUP {
        font-size: 7pt;
        text-decoration:none;
}


/*  +++++++++++++++++++++++++++++ LINK Styles +++++++++++++++++++++++++++++++ */
/*  LINKS standard  */

A:LINK {
                color: #003399;
}

A:VISITED {
                color: #6699cc;
 }

A:HOVER {
                color: #3399cc;
                min-height: 0;
 }
A:ACTIVE {
                color: #ffcc33;
 }

/*  LINKS - menu  */

A.menue:LINK {
                color: #000000;
                text-decoration:none;
}
A.menue:VISITED {
                color: #000000;
                text-decoration:none;
 }

A.menue:HOVER {
                color: #ffcc00;
                text-decoration:none;
 }
A.menue:ACTIVE {
                color: #ffff00;
                text-decoration:none;
 }
A.drop:LINK {
                font-size: 11px;
                color: #000000;
                text-decoration:none;
}
A.drop:VISITED {
                font-size: 11px;
                color: #000000;
                text-decoration:none;
 }
A.drop:HOVER {
                font-size: 11px;
                color: #000000;
                font-weight:bold;
                text-decoration:none;
 }
A.drop:ACTIVE {
                font-size: 11px;
                color: #ffff00;
                text-decoration:none;
 }

 /* LINKS im Sortiment*/

A.sort:LINK {
                color: #009999;

}
A.sort:VISITED {
                color: #009999;

 }

A.sort:HOVER {
                color: #009999;
        font-weight:bold;

 }
A.sort:ACTIVE {
                color: #009999;

 }

A.sortinfo:LINK {
                color: #009999;
                text-align: right;
}
A.sortinfo:VISITED {
                color: #009999;
                text-align: right;
 }

A.sortinfo:HOVER {
                color: #009999;
                text-align: right;
        font-weight:bold;

 }
A.sortinfo:ACTIVE {
                color: #009999;
                text-align: right;

 }

A.sortklein:LINK {
                 font-size: 8pt;
                color: #009999;
                text-align: left;
}
A.sortklein:VISITED {
                font-size: 8pt;
                color: #009999;
                text-align: left;
 }

A.sortklein:HOVER {
                font-size: 8pt;
                color: #009999;
                text-align: left;
                font-weight:bold;

 }
A.sortklein:ACTIVE {
                font-size: 8pt;
                color: #009999;
                text-align: left;

 }

/*  LINKS - menuklein  */
A.auswahl:LINK {
                color: #003366;
                text-decoration:none;
                font-weight:bold;
                font-size:9pt;
}
A.auswahl:VISITED {
                color: #003366;
                text-decoration:none;
                font-weight:bold;
                font-size:9pt;
 }

A.auswahl:HOVER {
                color: #000000;
                text-decoration:none;
                font-weight:bold;
                font-size:9pt;
 }
A.auswahl:ACTIVE {
                color: #006699;
                text-decoration:none;
                font-weight:bold;
                font-size:9pt;
 }

/*  ++++++++++++++++++++++++++ CODE AND EXAMPLES ++++++++++++++++++++++++++++ */

CODE {
        /* inherit background color */
        color : #000099;
        font-family : Courier New, Courier, Monaco, monospace;}

SAMP {
        margin-top : 0;
        margin-bottom : 0;
        color : #006000;
        background-color : #ffffff;
        font-family : Courier New, Courier, Monaco, monospace;}

DD, PRE {
        color : #000099;
        background-color : #ffffff;
        font-family : Courier New, Courier, Monaco, monospace;

}



/*  ++++++++++++++++++++++++++  SPECIAL EFFECTS ++++++++++++++++++++++++++++ */

b {
}

b.initial {
        color : #0033cc;
        font-size : 18pt;
        font-weight : bold;
}
b.initialweiss {
        color : #ffffff;
        font-size : 16pt;
        font-weight : bold;
}




/*  ++++++++++++++++++++++++++  TABLES + CELLS ++++++++++++++++++++++++++++ */
TABLE {
}


TD {
        font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        vertical-align:top;

}

td.artikelweiss {
        background-color : #ffffff;
        font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        vertical-align:top;
        text-align: left;
        font-size : 8pt;

}

td.artikelgrau {
        background-color : #eeeeee;
        font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        vertical-align:top;
        text-align: left;
        font-size : 8pt;

}

td.produkt {
        background-color : #ffffff;
        font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        vertical-align:middle;
        text-align: left;
        font-size : 10pt;

}

th{height:20px ;background-color : #009999; color: #FFFFFF; font-size: 8pt; font-weight: bold;

}


/*  +++++++++++++++++++++++++++++ LIST +++++++++++++++++++++++++++++++++++++ */
/* --- beware the ie-ns differences !!! :-( --- */

OL UL LI, UL UL LI {
        margin-left : 0;
        list-style-type : square;
}

OL UL LI, UL UL LI {
        margin-left : 0;
}

OL LI LI {
        margin-left : 0;
}


/*  ++++++++++++++++++++++++++++++  INHERIT ++++++++++++++++++++++++++++ */

/*  FONT-SIZE */

.small {
        font-size:8pt;
}
.middle {
        font-size:10pt;
}
.big {
        font-size:12pt;
}
/*  FORMAT */

.blocksatz {
  text-align: justify;
        }

/* --- COLORS --- */
/* --- ENGLISCH = HINTERGRUNDFARBE--- */

.darkyellow                         {background-color : #ffcc00;} /* --- das OFFIZIELLE wolfcraft-Gelb --- */
.green                                 {background-color : #009999;} /* --- das OFFIZIELLE wolfcraft-Gruen --- */


.white                                 {background-color : #ffffff;} /* --- CD-FARBE --- */
.black                                 {background-color : #000000;} /* --- CD-FARBE --- */
.grey                                 {background-color : #cccccc;} /* --- CD-FARBE  - nicht zu oft benutzen ;-)... --- */
.lightgrey                 {background-color : #eeeeee;} /* --- CD-FARBE  - KEIN NETSCAPE--- */
.lightyellow         {background-color : #ffff00;} /* --- CD-FARBE --- */
.yellow                         {background-color : #ffff00;} /* --- CD-FARBE --- */
.orange                         {background-color : #ffcc33;} /* --- CD-FARBE --- */
.red                                         {background-color : #ff3333;} /* --- CD-FARBE --- */
.darkgreen                 {background-color : #009933;} /* --- CD-FARBE --- */
.lightgreen         {background-color : #99cc99;} /* --- CD-FARBE --- */
.blue                                 {background-color : #0099cc;} /* --- CD-FARBE --- */
.darkblue                  {background-color : #000066;} /* --- CD-FARBE --- */
.mattblue                        {background-color : #cceeee;} /* --- CD-FARBE - KEIN NETSCAPE --- */
.lilac                                 {background-color : #993399;} /* --- CD-FARBE --- */
.brown                                 {background-color : #cc9966;} /* --- CD-FARBE --- */
.darkbrown                 {background-color : #996600;} /* --- CD-FARBE --- */
.beige                                 {background-color : #ffcc99;} /* --- CD-FARBE --- */
.yellow_mid             {background-color : #feff99;} /* --- für Tabellenhintergrund --- */
.grey_mid               {background-color : #ebeccc; font-size : 12px;} /* --- für Tabellzellen ( Eigenschaften auf der Suchseite) --- */

/* --- DEUTSCH = TEXTFARBE--- */
/* --- es gibt kein dt. fuer orange + beige ... :(... daher rheinisch --- */

.dunkelgelb                                          {color : #ffcc00;} /* --- das OFFIZIELLE wolfcraft-Gelb --- */
.gruen                                         {color : #009999;} /* --- das OFFIZIELLE wolfcraft-Gruen --- */

.weiss                                         {color : #ffffff;} /* --- CD-FARBE --- */
.schwarz                                {color : #000000;} /* --- CD-FARBE --- */
.grau                                                 {color : #cccccc;} /* --- CD-FARBE  - nicht zu oft benutzen ;-)... --- */
.hellgrau                         {color : #eeeeee;} /* --- CD-FARBE  - KEIN NETSCAPE--- */
.hellgelb                          {color : #ffffcc;} /* --- CD-FARBE --- */
.gelb                                          {color : #ffff00;} /* --- CD-FARBE --- */
.orangen                                 {color : #ffcc33;} /* --- CD-FARBE --- */
.rot                                                 {color : #ff3333;} /* --- CD-FARBE --- */
.dunkelgruen                 {color : #009933;} /* --- CD-FARBE --- */
.hellgruen                         {color : #99cc99;} /* --- CD-FARBE --- */
.blau                                         {color : #0099cc;} /* --- CD-FARBE --- */
.dunkelblau                  {color : #000066;} /* --- CD-FARBE --- */
.mattblau                                {color : #cceeee;} /* --- CD-FARBE - KEIN NETSCAPE --- */
.lila                                         {color : #993399;} /* --- CD-FARBE --- */
.braun                                         {color : #cc9966;} /* --- CD-FARBE --- */
.dunkelbraun                 {color : #996600;} /* --- CD-FARBE --- */
.beigen                           {color : #ffcc99;} /* --- CD-FARBE --- */

.unten                                 {vertical-align:bottom;}
.klein                                 {font-size:8pt;}


.wolfnav {
        background-color :#ffcc00;
        background-image:url(/jcatalog/images/navigation.gif);
        background-repeat:repeat-x;
        color:#ffffff;
}

.navigation {
        background-color :#ffcc00;
        background-image: url(/jcatalog/images/navigation.gif);
}
.nav {
        font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-size:14px;
        color:#ffffff;
        font-weight : bold;
        vertical-align:bottom;
}
.titel {
        background-color :#ffcc00;
        background-image: url(/jcatalog/images/navigation.gif);
}
.tit {
        font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-size:12px;
        color:#ffffff;
        font-weight : bold;
        vertical-align:bottom;
}

.test                                         {background-color : #ffffff;} /*  */
.content                        {font-size:9pt;}

.auswahlpop {
background-color:#ffff99;
background-image:url(/jcatalog/images/verlauf.jpg);
font-size:10px;

}
.auswahllinks {
vertical-align:middle;
background-color:#ffcc00;
text-align:right;
/* alignment:right; */
}


INPUT {
    height : 18px;
    font-size : 11px;
    padding : 1px;
}

SELECT {
    height : 18px;
    font-size : 11px;
    padding : 1px;
}