﻿	#textcontainer {
		text-align: center;
		color : #000;
		background : #fff;
	padding : 15px 10% 15px 10%; /* change values in extended stylesheet */
	}
	#justtext {
		text-align: left;
		margin-top: 15px;
		margin-bottom: 5px;
		margin-left: auto;
		margin-right: auto;
		width: 590px;
		font-size:12pt;
	}
	#justtext h1 {
		font-size:130%;
	}
	#justtext h2 {
		font-size:110%;
	}
	#justtext h2.yellow {
	background-color : #fc0;
	}

        /* content element: banner for product groups )*/
        #warengruppecontainer {
                color : #000;
                padding-left:0px;
                text-align:center;
                background : #eee;
                margin:0px;
                width:100%;
        }
        #warengruppe {
                color : #000;
                text-align:left;
                background : #eee;
                margin-left: auto;
                margin-right: auto;
                margin-top: 0px;
                margin-bottom: 0px;
                height:80px;
                width: 580px;
        }
                div.warengruppenicon {
                        float:left;
                        margin: 0px 40px 0px 0px;
                }

                #warengruppe h1 {
                        font-family : Verdana,Geneva,Lucida,Helvetica,Arial,sans-serif;
                        font-size: 100%;
                        float:left;
                        margin : 0px;
                        padding-bottom : 0px;
                        padding-top : 0px;
                        display:inline;
                }


        /*  content element: article */

        #artikelcontainer {
                text-align: center;
                width:100%;
                color : #000;
                background : #fff;
                padding-left:5px;
                margin:0px;
                font-size: 90%;
        }

        #artikelbox {
                text-align: left;
                margin-top: 15px;
                margin-bottom: 5px;
                margin-left: auto;
                margin-right: auto;
                width: 590px;
        }
                /* pictures  */
                #artikelbild {
                  float: left;
                  padding:0px;
                  width:200px;
                  }
                /* certificates */
                div.artikelicons {
                  float: left;
                  margin: 5px;
                  }
                /* text */
                #artikelbeschreibung {
                  float: left;
                   width:350px;
                  }
                /* usage of the article   */
                .anwendungcontainer {
                          text-align:center;
                        margin-top: 15px;
                        margin-bottom: 5px;
                        margin-left: auto;
                        margin-right: auto;
                        width: 586px;
                        color : #000;
                        background : #fff;
                          padding-left:0px;
                  }

                div.anwendung {
                  float: left;
                  padding-left:1px;
                  }
                div.anwendung p {
                 text-align:left;
                   width: 190px;
                   }

                /* details of the article   */
                .detailcontainer {
                  text-align:center;
                        width: 580px;
                        color : #000;
                        background : #fff;
                  }

                div.detail {
                  float: left;
                  padding:5px;
                  }

                div.detail p {
                        text-align:left;
                   width: 170px;
                   }


/* ************************************************************************* */
/* Sondereinstellungen fuer Textbereich jCatalog                             */
/* (aus dem alten Layout uebernommen und, wo noetig, etwas angepasst)        */
/* ************************************************************************* */

#languageselect option.selected { color: #ffffff; background-color: #099; }

/* "#content image" ueberschreibt andere Einstellung in wolfcraft_main_extended.css,
 * die Probleme in der Darstellung im Texbereich bereitet! */
#content image {
        vertical-align: baseline;
}

#content .center { text-align: center; }

#content a.jcPrdGrpDesc         { font-size: 8pt;
                                  font-weight: bold;
                                  text-decoration: none;
                                  color: #000000; }
#content a.jcPrdGrpDesc:link    { color: #000000; }
#content a.jcPrdGrpDesc:visited { color: #000000; }
#content a.jcPrdGrpDesc:hover   { color: #000000; }
#content a.jcPrdGrpDesc:active  { color: #000000; }


/*  +++++++++++++++++++++++++++++ BASICS +++++++++++++++++++++++++++++++++ */

/* choose font family + size for nearly all cases */
#content P,
#content TD,
#content TH,
#content DT,
#content DD{
        font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-size: 10pt;
}

#content LI,
#content UL,
#content OL {
        font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-size: 10pt;
 }

/* --- TEXT --- */

#content H1 {
        color : #000000;
        font-weight : bold;
        font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-size: 13pt;
}
#content H2 {
        color : #000000;
        font-weight : bold;
        font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-size: 11pt;
}

#content H3 {
        color : #000000;
        font-weight : bold;
        font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-size: 11pt;
}

#content H4 {
        color : #000000;
        font-weight : bold;
        font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-size: 10pt;
}

#content H5 {
        color : #000000;
        font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        font-weight : bold;
        font-size: 10pt;
}

#content SMALL {
        font-size: 8pt;
}
#content SUP {
        font-size: 7pt;
        text-decoration:none;
}


/*  +++++++++++++++++++++++++++++ LINK Styles +++++++++++++++++++++++++++++++ */

 /* LINKS im Sortiment*/

#content A.jcSort:LINK {
                font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
                font-size: 10pt;
                color: #009999;
                font-weight: normal;

}
#content A.jcSort:VISITED {
                font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
                font-size: 10pt;
                color: #009999;
                font-weight: normal;

 }

#content A.jcSort:HOVER {
                font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
                font-size: 10pt;
                color: #009999;
                font-weight:bold;

 }
#content A.jcSort:ACTIVE {
                font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
                font-size: 10pt;
                color: #009999;
                font-weight: normal;

 }

#content A.jcSortinfo:LINK {
                font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
                font-size: 10pt;
                color: #009999;
                text-align: right;
                font-weight: normal;
}
#content A.jcSortinfo:VISITED {
                font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
                font-size: 10pt;
                color: #009999;
                text-align: right;
                font-weight: normal;
 }

#content A.jcSortinfo:HOVER {
                font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
                font-size: 10pt;
                color: #009999;
                text-align: right;
                font-weight:bold;

 }
#content A.jcSortinfo:ACTIVE {
                font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
                font-size: 10pt;
                color: #009999;
                text-align: right;
                font-weight: normal;

 }

#content A.jcSortklein:LINK {
                font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
                font-size: 8pt;
                color: #009999;
                text-align: left;
                font-weight: normal;
}
#content A.jcSortklein:VISITED {
                font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
                font-size: 8pt;
                color: #009999;
                text-align: left;
                font-weight: normal;
 }

#content A.jcSortklein:HOVER {
                font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
                font-size: 8pt;
                color: #009999;
                text-align: left;
                font-weight:bold;

 }
#content A.jcSortklein:ACTIVE {
                font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
                font-size: 8pt;
                color: #009999;
                text-align: left;
                font-weight: normal;

 }
#content span.jcSortklein {
                color: #ff0000;
                font-size: 8pt;
}


#content TD {
        font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        vertical-align:top;

}

#content td.jcProdukt {
        background-color : #ffffff;
        font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
        vertical-align:middle;
        text-align: left;
        font-size : 10pt;

}

#content td.jcWhite {
        background-color : #ffffff;

}

#content table.jcWhite {
        background-color : #ffffff;
        width: 100%;
        text-align: center;

}

#content th{height:20px ;background-color : #009999; color: #FFFFFF; font-size: 8pt; font-weight: bold;

}


/*  +++++++++++++++++++++++++++++ LIST +++++++++++++++++++++++++++++++++++++ */
/* --- beware the ie-ns differences !!! :-( --- */

#content OL UL LI,
#content UL UL LI {
        margin-left : 0;
        list-style-type : square;
}

#content OL UL LI,
#content UL UL LI {
        margin-left : 0;
}

#content OL LI LI {
        margin-left : 0;
}


/* --- COLORS --- */
/* --- ENGLISCH = HINTERGRUNDFARBE--- */


#content .jcWhite                                 {background-color : #ffffff;} /* --- CD-FARBE --- */
#content .jcLightgrey                 {background-color : #eeeeee;
                                       text-align: center; } /* --- CD-FARBE  - KEIN NETSCAPE--- */


/* ************************************************************************* */




	#navcontainer
	{
	margin: 25px 0 25px 0;
	/* border-top: 1px solid #999; */
	z-index: 1;
	}

	#navcontainer ul
	{
	list-style-type: none;
	text-align: center;
	margin-top: -8px;
	padding: 0 10px 0 0;
	position: relative;
	z-index: 2;
	}

	#navcontainer li
	{
	display: inline;
	text-align: center;
	margin: 0 5px 0 0;
	line-height: 20px;
	background-color: #fff;
	}

	#navcontainer li a,#navcontainer li a:link
	{
	padding: 1px 2px;
	color: #666;
	border: 1px solid #ccc;
	text-decoration: none;
	font-size:10px;
	background-color: #fff;
	white-space: nowrap;
	}

	#navcontainer li a:hover
	{
	color: #000;
	border: 1px solid #666;
	border-top: 2px solid #666;
	border-bottom: 2px solid #666;
	font-size:10px;
	background-color: #fff;
	}

	#navcontainer li a#current
	{
	color: #000;
	border: 1px solid #666;
	border-top: 2px solid #666;
	border-bottom: 2px solid #666;
	font-size:10px;
	background-color: #fc0;
	}

	#navcontainer li a#highlight
	{
	color: #fff;
	border: 1px solid #666;
	border-top: 2px solid #666;
	border-bottom: 2px solid #666;
	font-size:10px;
	background-color: #099;
	}

	#navcontainer li a:hover#highlight
	{
	color: #000;
	border: 1px solid #666;
	border-top: 2px solid #666;
	border-bottom: 2px solid #666;
	font-size:10px;
	background-color: #fff;
	}

	#navcontainer li span
	{
	padding: 1px 2px;
	color: #999;
	border: 1px solid #ccc;
	text-decoration: none;
	font-size:10px;
	background-color: #fff;
	font-weight: normal;
	}

	#navcontainer li span#current
	{
	color: #000;
	border: 1px solid #666;
	border-top: 2px solid #666;
	border-bottom: 2px solid #666;
	font-size:10px;
	background-color: #fc0;
	font-weight: bold;
	}







        #breadcrumbSP {
                margin: 0px;
                padding: 0px 10px 0px 10px;
                width: 100%;
                position: relative;
                font-family : Verdana,Geneva,Lucida,Helvetica,Arial,sans-serif;
                text-align: left;
                margin-bottom:15px;
                font-size: 68%;
                font-weight:bold;
                color: #000;
                background: #ffc;
        }
        
        /*  general content links */
        #breadcrumbSP a {
                font-size: 100%;
        }
        #breadcrumbSP a:link {
                        color: #066;
                        font-weight : bold;
                        background : transparent;
        }
        #breadcrumbSP a:visited {
                        color: #666;
                        font-weight : bold;
                        background : transparent;
         }
        #breadcrumbSP a:hover {
                        color: #099;
                        font-weight : bold;
                        background : transparent;
         }
        #breadcrumbSP a:active {
                        color: #099;
                        font-weight : bold;
                        background : transparent;
        }
