body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    background-color: #F1F1F1;
    color: #000000;
}




/* --------------
   Anzeigebereich
   -------------- */
#anzeige  {
    width: 803px;
}

.klein {
    font-size: 11px;
}

.hintfarb {
    color: #F1F1F1;
}

sub {
    font-size: 10px;
}




/* ----------------
   Willkommen-Seite
   ---------------- */
.willkommen {
    width: 810px;
    line-height: 140%;
}

.willkommen .newslinks {
    padding: 12px 280px 70px 75px;
}

.willkommen .newslinks h1 {
    margin: 0;
    font-size: 13px;
    font-weight: bold;
    color: #17307B;
    border-bottom: 1px solid #17307B;
}

.willkommen .newslinks .newslinksbild {
    float: left;
    margin-top: 15px;
}

.willkommen .newslinks .newslinkstext {
    margin-top: 15px;
    padding: 0 0 0 195px;
}

.willkommen #newsrechts {
    float: right;
    padding: 12px;
    width: 220px;
    border: 1px solid #CCCCCC;
    background-color: #E1E1E1;
}

.willkommen #newsrechts h1 {
    margin: 0;
    padding: 0 5px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    color: #17307B;
    background-color: #F8F8F8;
}

.willkommen #newsrechts .newsrechtstext {
    margin: 0 0 12px 0;
    padding: 12px 8px;
    border: 1px solid #F8F8F8;
}

.willkommen #newsrechts .newsrechtstext h2 {
    margin: 0;
    font-size: 13px;
    font-weight: bold;
}

.willkommen #newsrechts .newsrechtstext p {
    margin: 0 0 20px 0;
}

.willkommen #newsrechts .newsrechtstext p.letzter {
    margin: 0;
}




/* --------------------------------------------
   Tabellen auf Steckverbinder-Übersichtsseiten
   -------------------------------------------- */
.stvueber {
    margin-bottom: 140px;
    border-collapse: collapse;
    empty-cells: show;
}

.stvueber td, .stvueber th {
		vertical-align: top;
}

/* Überschrift und Link Katalog öffnen */
.stvueber td.hl, .stvueber td.kat {
    text-align: left;
    font-weight: bold;
		border-bottom: 1px solid #D3D3D3;
		margin-bottom: 8px;
		vertical-align: bottom;
}

/* Link Katalog öffnen */
.stvueber td.kat a {
    text-decoration: none;
    font-weight: bold;
}

/* Text links neben dem Produktbild z. B. Systembeschreibung */
.stvueber td.sys {
    padding: 1.5em 50px 3em 0;
    vertical-align: top;
    width: 100%;
}

/* restliche Texte, die über beide Tabellenzellen gehen; z. B Technische Daten */
.stvueber td.rest {

}

/* Produktbild */
.stvueber td.bild {
    padding: 1.5em 0 0 0;
    text-align: center;
    vertical-align: top;
}

/* Tabelle für Bildunterschriften (falls nötig) */
.stvueber td.bild table {
    margin-bottom: 2em;
}

.stvueber td.bild td.links {
    padding: 5px 5px 0 0;
    text-align: left;
}

.stvueber td.bild td.rechts {
    padding: 5px 0 0 5px;
    text-align: right;
}



/* ---------------
   Standardtabelle
   --------------- */
.stdtab {
    background-color: #F1F1F1;
    border-collapse: collapse;
    empty-cells: show;
}

.stdtab td {
    padding: 2px 15px 2px 4px;
    border: 1px solid #AAAAAA;
    vertical-align: top;
}

.stdtab th {
    font-weight: bold;
    text-align: left;
    padding: 1px 30px 1px 4px;
    border: 1px solid #AAAAAA;
    vertical-align: top;
}

.stdtab td.leerzeile {
    border: 0px solid #F1F1F1;
    height: 3em;
}




/* -------------------------
   Standardtabelle zentriert
   ------------------------- */
.stdtabzentriert {
    background-color: #F1F1F1;
    border-collapse: collapse;
    empty-cells: show;
}

.stdtabzentriert td {
    text-align: center;
    padding: 2px 10px;
    border: 1px solid #FFFFFF;
    vertical-align: middle;
}

.stdtabzentriert th {
    font-weight: bold;
    text-align: center;
    padding: 2px 10px;
    border: 1px solid #FFFFFF;
    vertical-align: top;
}

.stdtabzentriert td.spalte1 {
    text-align: left;
}




/* -----------------
   Vergleichstabelle
   ----------------- */
.vergleichstab {
    background-color: #F1F1F1;
    border-collapse: collapse;
    empty-cells: show;
}

.vergleichstab td {
    font-size: 11px;
    padding: 2px 5px;
    text-align: center;
    border: 1px solid #AAAAAA;
    vertical-align: top;
}

.vergleichstab th {
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    padding: 4px 5px;
    border: 1px solid #AAAAAA;
    vertical-align: top;
}

.vergleichstab td.leerzeile {
    border: 0px solid #F1F1F1;
    height: 3em;
}




/* ---------------------------------------------
   Tabelle für Downloadbereich Kundenzeichnungen
   --------------------------------------------- */
.kdzeichtab {
    background-color: #F1F1F1;
    border-collapse: collapse;
    empty-cells: show;
}

.kdzeichtab td, .kdzeichtab th {
    padding: 2px 7px 2px 7px;
    border: 1px solid #AAAAAA;
    vertical-align: top;
    text-align: left;
}

.kdzeichtab td.polzahl {
    font-weight: bold;
    text-align: right;
}

.kdzeichtab td.artnr {
    font-weight: bold;
}

.kdzeichtab td.zeich {
    padding-left: 30px;
}

.kdzeichtab td.leerzeile {
    border: 0px solid #F1F1F1;
    height: 3em;
}




/* -------------------------------------
   Tabelle für Kombinationsmöglichkeiten
   ------------------------------------- */
.kombitab {
    background-color: #F1F1F1;
    border-collapse: collapse;
    empty-cells: show;
    width: 100%;
}

.kombitab td {
    padding: 3px;
    border: 1px solid #AAAAAA;
    text-align: center;
    vertical-align: middle;
}

.kombitab th {
    font-weight: bold;
    text-align: left;
    padding: 3px;
    border: 1px solid #AAAAAA;
    text-align: center;
    vertical-align: top;
}

.kombitab th.obenquer {
    text-align: center;
    vertical-align: top;
}

.kombitab th.obenquerlegende {
    text-align: right;
    vertical-align: middle;
}



/* -------------------------------
   Bulletzeichen (=Tabellenpunkte)
   ------------------------------- */
.tabpkt {
    font-size: 30px;
}




/* ------------------------------------------------------------------------------
   Tabellen für Steckverbinder (Kopfbereich mit Bildern, Freigaben, PDF-Download)
   ------------------------------------------------------------------------------ */
.steckvkopf {
    font-size: 13px;
    margin-top: 2em;
    margin-bottom: 3em;
}

.steckvkopf td.artikel {
    vertical-align: top;
    padding-right: 50px;
}

.steckvkopf td.bild {
    text-align: center;
    vertical-align: top;
}

.steckvkopf td.artikel .bez {
    font-weight: bold;
    margin-bottom: 3em;
}




/* ----------------------------------------------
   Tabellen für Kontakt, Vertreter, Distributoren
   ---------------------------------------------- */
#vertretungenkopf {
    margin-bottom: 40px;
}

#vertretungenauswahl {
    width: 215px;
    vertical-align: top;
}

#vertretungenkopf #weltkarte {
    width: 366px;
    height: 224px;
    vertical-align: top;
    background-image: url("images/weltkarte.jpg");
    background-repeat: no-repeat;
}

#vertretungenkopf #lagebox {
    position: relative;
    display: none;
    line-height: 0px; /* für IE 6.x notwendig */
    font-size: 0px;   /* für IE 6.x notwendig */
    border: 1px solid #FF0000;
}

.vertretungenlandesbox {
    display: none;
}

.vertretungen {
    border-collapse: collapse;
    empty-cells: show;
    margin-bottom: 40px;
}

.vertretungen th {
    width: 185px;
    vertical-align: top;
    text-align: left;
}

.vertretungen td.anschrift, .vertretungen td.anschriftmitbild {
    padding-left: 30px;
    vertical-align: top;
    text-align: left;
}

.vertretungen td.anschriftmitbild {
    width: 290px;
}

/* wegen IE 6.0 sind die beiden nachfolgenden, identischen Einträge nicht in einer Zeile mit Komma trennbar */
.vertretungen .anschrift:first-line {
    font-weight: bold;
}

.vertretungen .anschriftmitbild:first-line  {
    font-weight: bold;
}

.vertretungen td.werksfoto {
    padding-left: 20px;
    vertical-align: top;
    text-align: right;
}

td.werksfoto img {
    border: 1px solid #000000;
}

.adresse {
    border-collapse: collapse;
    empty-cells: show;
}

.adresse th, .adresse td {
    vertical-align: top;
    text-align: left;
    padding: 0 4px 0 0;
}




/* ----------------------------------------------------------
   Tabellen für Unternehmen -> Wir über uns (Text und Bilder)
   ---------------------------------------------------------- */
.unternehmenstab {
    margin-bottom: 2em;
}

.unternehmenstab td.text {
    text-align: justify;
    vertical-align: top;
    padding-right: 50px;
}

.unternehmenstab td.bild {
    vertical-align: top;
    text-align: right;
    font-size: 11px;
}




/* --------------------------------------------
   Tabellen für Crimpkontakteübersicht (franz.)
   -------------------------------------------- */
.crimpueber {
    border-collapse: collapse;
    empty-cells: show;
}

.crimpueber th, .crimpueber td {
    vertical-align: top;
    text-align: left;
    padding: 0 0 2px 0;
}
.crimpueber th {
    white-space: nowrap;
    padding: 0 20px 2px 0;
}

.crimpueber .crimptabpkt {
    font-size: 36px;
    padding: 0 8px 0 18px;
}




/* -----------------------------------------------
   Produktzeichnungen auf den Crimpkontakte-Seiten
   ----------------------------------------------- */
.crimpzeich {
    border: none;
}



/* -------------------------------------------------------------------------
   Formatierung für PDF-Links (z. B. Detailzeichnungen oder Bestellbeispiel)
   ------------------------------------------------------------------------- */
a.pdfzeich {
    font-weight: bold;
}




/* ------------------
   Listenformatierung
   ------------------ */
ul {
    margin: .7em 20px 1em 0;
    padding: 0 0 0 30px;
    list-style-type: square;
}

li {
     padding-bottom: 3px;
     line-height: 125%;
}




/* --------------------
   Katalogdownloadseite
   -------------------- */
.katalogbox {
    margin: 0 0 0 30px;
    width: 300px;
    float: left;
}

.katalogtab th {
    text-align: left;
    width: 100px;
    height: 190px;
    vertical-align: top;
}

.katalogtab td {
    padding-left: 10px;
    height: 190px;
    vertical-align: top;
}

.katalogtab th img {
    border: 1px solid #999999;
}

.katalogtab h1 {
    margin: 0;
    font-size: 100%;
    font-weight: bold;
}

.katalogtab p {
    margin: 0 0 1em 0;
}




/* ------------
   Interne News
   ------------ */
.internbox {
    width: 600px;
    margin-left: 75px;
}

.internbox h1 {
    margin: 0 0 .5em 0;
    font-size: 13px;
    border-bottom: 1px solid #D3D3D3;
}

.internbox .bild {
    float: left;
    margin-top: .4em;
}

.internbox .text {
    padding-left: 195px;
}

.internbox .trenner {
    clear: both;
    height: 4em;
}




/* ------------------------------------------
   Formatierung in Katalogen (Katalog öffnen)
   ------------------------------------------ */

/* richtet das Bild auf der Startseite des Kataloges aus */
.bildkatalogindex {
   float: right;
   margin: 30px 0 300px 0;
}

/* hebt die obige Ausrichtung wieder auf */
.bildkatalogindexclear {
   clear: right;
}

/* Sternchen-Erklärung unter Tabelle */
.sternchen {
    margin: .5em .25em 0 0;
}




/* -----------------
   Mitarbeiterseiten
   ----------------- */
.mitarb p {
    margin: 0 0 .6em 0;
}

.jubilare h1 {
    margin-bottom: 3px;
    font-size: 130%;
    width: 455px;
    border-bottom: 1px solid #000000;
}

.verlauf {
    margin-bottom: 30px;
    width: 455px;
    height: 21px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.gold {
    background-image: url("images/verlauf-gold.jpg");
}

.silber {
    background-image: url("images/verlauf-silber.jpg");
}

.jubilartabelle {
    width: 455px;
}

.jubilartabelle, .jubilardaten {
    margin: 0 0 100px 0;
    padding: 0;
    border-spacing: 0;
    empty-cells: show;
    border-collapse: collapse;
}

.jubilartabelle td, .jubilartabelle th {
    padding: 0;
    vertical-align: top;
    text-align: left;
}

.jubilartabelle .name {
    font-weight: bold;
    border-bottom: 1px solid #D3D3D3;
}

.jubilartabelle .textblock {
    padding: 15px 0 0 0;
    width: 229px;
}

.jubilartabelle .leerspalte {
    width: 10px;
}

.jubilartabelle .bild {
    padding: 3px 0 0 0;
    width: 216px;
    text-align: right;
}

.jubilartabelle .bild img {
    margin: 0;
    padding: 0;
}

.jubilardaten th {
    padding: 0 10px 0 0;
    text-align: right;
    font-weight: bold;
    white-space: nowrap;
}





/* ------------
   News / Press
   ------------ */
.galerie td {
    padding-bottom: 30px;
}

.galerie td.links {
    padding-right: 30px;
}




/* -----------
   Messebilder
   ----------- */
.messebilder {
    width: 600px;
}

.messebilder img {
    border: 1px solid #000000;
    margin-top: 0;
    margin-bottom: 10px;
}

.messebilder .li {
    margin-right: 10px;
}




/* ------------------------------------------------------------------------
   Hinweis auf andere Farben und Materialien (unter Crimpkontakte-Tabellen)
   ------------------------------------------------------------------------ */
.andere_materialien {
    text-align: center;
    margin: 2em 0;
    font-size: 11px;
    font-weight: bold;
}




/* --------
   Formular
   -------- */
.eingabefeld {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    width: 280px;
}

#formulartabelle {
    border-collapse: collapse;
    empty-cells: show;
}

#formulartabelle th, #formulartabelle td {
    font-size: 13px;
    padding: 2px 10px 2px 0;
    text-align: left;
}

#formulartabelle .abstand {
    padding-left:  15px;
    padding-right: 15px;
}



/* ====================================================================================================================================================== */



/* ---------------------------------------
   ab hier alter CSS-Code der Wettermacher
   --------------------------------------- */

h1{
	font-size : 20px;

}
.article_id
/*  Artikelnummern in den Tabellen */
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #000000;
	font-weight: bold;
}



.legend
/* Legenden in den Tabellen */
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #000000;
	font-weight: bold;
	text-decoration: none;
}


td.imggrayline
{
background-image : url(../images/bg_grayline.gif);
}


.rightspace
/* Graue, vertikale Linie zum Separieren in  Separatoren ( nur Steckverbinder 5mm) */
{
	font-size: 11px;
	font-weight: bold;
}

img.productimage
/* Produktbild bei Steckverbindern */
{
	margin-left: 25px;
}



/* LI.spex */
/* Listenelement für Produktspezifikationen */
/* {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	color : #000000;
	line-height : 18px;
	font-weight : 100;
	margin-bottom : 5px;
	margin-left : 20px;
	list-style : square;
	list-style-type : square;
} */

/* UL.spex */
/* Liste für Produktspezifikationen */
/*{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
  color : #000000;
	line-height : 20px;
	font-weight : 100;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 5px;
	margin-bottom : 20px;
}*/

/* LI */
/* standardliste z.B. prod-loetfreie Kontakte*/
/* {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	color : #000000;
	line-height : 15px;
	font-weight : 100;
	margin-bottom : 5px;
	list-style : square;
	list-style-type : square;
} */

/* UL */
/* standardliste */
/* {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	color : #000000;
 line-height : 20px;
	font-weight : 100;
	margin-left : 20px;
} */


a, a:visited, a:link, a:active
/* Alle Links */
{
	color : #000000;
}

.maintext
/*
Haupttextbereich:
Einrückung nach links für Bündigkeit mit
rotem Kästchen
*/
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	color : #000000;
	padding-left : 50px;
	margin-right :0px;
	margin-left: 25px;
	line-height : 20px;
	z-index:50;
}

.imgunternehmen{
	z-index:1;
	margin-left:5px;
	float:right;
	background-position: right;
}

div.text, td.text
/* Text in normalgrösse */
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	color : #000000;
	line-height : 20px;
	font-weight : 100;
}

span.redsmall {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #FF0000;
}

/*
table.whitepic
{
	background-image : url(../images/px_FFFFFF_white.gif);
	background-color : #F1F1F1;
}
*/

.whitepic, .whitepic td {
    border: 1px solid #AAAAAA;
    border-collapse: collapse;
    font-size: 11px;
}

table.whitepic table td {
    border: none;
}


/* Text in normalgrösse */
.normtext, .whitepic .normtext
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	color : #000000;
	line-height : 17px;
	font-weight : 100;
}


.newstext
/* Text für News */
{
	font-family : Arial, Helvetica, sans-serif;
	color : #333333;
	line-height : 18px;
	font-weight : 100;
}

a.newslink, a.newslink:link, a.newslink:visited
{
	color : #333333;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-weight: bold;
}

a.newslink:hover {
	color : #999999;
}
.chinesisch
{
	font-size: 20px;
}

div.crimp_headline
/* Headline in den Tabellen der Crimpkontakte */
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	color : #000000;
	font-weight : bold;
	margin-bottom: 22px;
	margin-top: 80px;
	line-height : 17px;
}

div.subheadline
/* 2.Ueberschrift bei Steckverbindern  */
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
}



span.small
/* Kleiner Text für Copyright, auch in Crimp Qualitaetssicherung  */
{
	font-size : 11px;
/* Font weight bold kontrollieren! */
}

.copyright
/* Kleiner Text für Copyright  */
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000000;
	margin-top : 10px;
	margin-bottom : 10px;
	text-decoration: none;
	line-height : 12px;
	text-align: center;
}

address
/* standard Schrift */
{
	text-decoration: none;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
	padding: 0px;
	margin: 0px;
}

/* td,div  */
/* standard Schrift */
/* {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #000000;
} */

a.nav2,a:hover.nav2,a:link.nav2,a:visited.nav2
/* Navigation unter der Hauptnavigation */
{
	color : #808080;
	font-size : 11px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold;
	text-decoration : none;
}

.imagecluster
/* Definiert Padding von Bildtabellen wie bei Steckverbinder Start */
{
padding-right: 5px;
padding-bottom: 5px;
}

.whitebackgr {
    background-color: #FFFFFF;
}

table {
    margin-top:1px;
}

.greyhead {
	font-size: 14px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
	width: 380px;
	margin-top: 3px;
	font-style: italic;
	border-bottom-width : 1px;
}


/* -----------------------------------------------------------------------LINES & Spacers--------------------------------------------------------- */

/* Einrückung auf Sitemap */

.ebene1 {font-size: 11pt; margin-left: 5px}
.ebene2 {font-size: 11pt; margin-left: 15px}
.ebene3 {font-size: 10pt; margin-left: 50px}
.ebene4 {font-size: 10pt; margin-left: 85px}
.linkkatalog {font-size: 8pt; color: #003399}

/* Horizontale schwarze linie auf der Startseite*/
div.line {
color: green;
border-style: solid;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
 border-bottom-width: 1px;
 border-color: #000000;

 }


/* Absatz zwischen den Artikeln bei Steckverbindern */
div.paragraph {margin-top: 100px;}

/* Graue, horizontale Linie zum Separieren von wichtigen Headlines */
div.separate
	{
		font-size: 13px;
		border-bottom-width : 1px;
		border-left-width : 0px;
		border-right-width : 0px;
		border-top-width : 0px;
		border-style : solid;
		border-color : #D3D3D3;
		margin-bottom: 8px;
	}

div.separatecn
	{
		font-size: 150%;
		border-bottom-width : 1px;
		border-left-width : 0px;
		border-right-width : 0px;
		border-top-width : 0px;
		border-style : solid;
		border-color : #D3D3D3;
		margin-bottom: 8px;
	}

td.separate, a.separate
	{
		font-size: 13px;
		text-decoration:none;
	}

/* -----------------------------------------------------------------------END LINES & Spacers--------------------------------------------------------- */


/* -----------------------------------------------------------------------COLORS---------------------------------------------------------------------- */
.black
{
background-color: #000000;
}

.white
{
background-color: #FFFFFF;
}

.gray
{
background-color: #C0C0C0;
}

.lightgray
{
background-color: #F1F1F1;
}


div.ebene1{
	padding-left: 0px;
	font-size: 11px;
	font-weight: bold;
		background: #B7B7B7;

	height: 20px;
	display: inline-table;
}
div.ebene2{
	padding-left: 15px;
/*	margin-left: 15px;*/
	font-size: 11px;

}
div.ebene3{
	padding-left: 20px;
	margin-left: 30px;
	font-size: 11px;

}
div.ebene4{
	padding-left: 45px;
/*	margin-left: 60px;*/
	/*border: 1px solid #666666;*/
	font-size: 11px;

}

.print{
	font-size: 10px;
	text-align: right;
	width: 100%;
}


/* ---chinesische seite--- */
.chinesisch
{
	font-size: 120%;
	font-weight: normal;
	line-height: 150%;
}

.menu {
	width: 156px;
	vertical-align: middle;
	text-align: center;

}
a.menu  {
	font: 20px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}
a.menu:hover{
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-decoration: none;

}
a.menu:visited{
	font: bold 20px Arial, Helvetica, sans-serif;
	text-decoration: none;

}
a.menu:active{
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;

}
.leftnavi{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	color : #000000;
	margin-top : 10px;
	margin-bottom : 10px;
	text-decoration: none;
}
a.ulink:link, a.ulink:visited, a.ulink:active{
	text-decoration: none;
}
a.ulink:hover{
	text-decoration: underline;
}
.indexhead{
	font-size:11px;
	border-bottom: 1px solid #D3D3D3;
	border-top: 1px solid #D3D3D3;
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 20px;
	text-transform: uppercase;
	color : #333333;
}