/* #content  Typ 3 für Werkzeugmaschinen */
/* TABELLEN-Layout! */
/* 
völlig andere Seite wie der Rest 
Der Newsbereich wird genutzt und
dieser Bereich ist breiter 172px
Außerdem sind auch die Inhalte (content-text) in dieser definiert
*/

/* Kopfbereich mit Linien */
/* ----------------------- */
#content #kopf {
width: 625px;
}
/* Werte wie für #content #news h1 ! */
#content #kopf p.abstand {
font-size: 0.8em;
padding: 2px 0 1px 0;
margin: 0;
background-image: url(../img/css/bg_content_172_blau.gif);
border-top: 1px solid #ccd8e0;
}
#content #kopf h1 {
width: 433px;
font-size: 1.0em;
color: #003366;
margin: 0;
padding: 5px 10px 3px 10px;
border-top: 1px solid #ccd8e0;
border-bottom: 1px solid #ccd8e0;
}
#content #kopf h2 {
width: 433px;
font-size: 0.8em;
color: #003366;
margin: 0;
padding: 5px 10px 3px 10px;
border-bottom: 1px solid #ccd8e0;
}


/* #content überschreiben */
#container #content {
background-image: url(../img/css/bg_content_172.gif);
}

/* Funktionen am Seitenende */
#content #funktionen {
/*border-top: 1px solid #ccd8e0;*/
font-size: 0.7em;
width: 443px;
margin: 10px 0;
padding: 10px 0 0 0;
text-align: right;
}
#content #funktionen a.text {
color: #003366;
text-decoration: none;
}
#content #funktionen a.text:hover {
text-decoration: underline;
}

/* Die gewünschte 3spaltige Aufteilung macht hier ein Tabellenlayout notwendig */
/* Es wird die gesamte Breite genutzt 625px */
#content table {
border-collapse: collapse;
margin: 0;
}
* html #content table {
margin-top: -1px;
}
/* feste Breite für Layouttabelle: */
#content table.layout {
width: 100%;
}
#content table td {
border-bottom: 1px solid #ccd8e0;
border-top: 1px solid #ccd8e0;
font-size: 0.8em;
color: #333;
vertical-align: top;
}
/* DEL: Für Werte-Tabelle in Tabellenzelle der Layout-Tabelle: */
#content table.werte {
width: 100%;
padding: 0;
margin: 3px 0;
border: 0;
}
#content table td.bez, #content td.wert {
font-size: 1.0em;
padding: 1px 4px;
background-color: #e5ebef;
border: 0;
}
#content table td.bez {
width: 65%;
border-right: 2px solid #fff;
}
/* ----------------------- */

/* --- für allgemeien Text zu den Produktgruppen td.spalte1 : --- */
#content table td.spalte1, #content table td.spalte1a, #content table td.spalte1aSub {
padding: 5px 5px 5px 10px;
font-size: 0.8em;
background-repeat: no-repeat;
background-position: top left;
border-bottom: 1px solid #b6c9d3;
}
#content table td.spalte1 {

}
/* --- für die einzelnen Produkte einer Produktgruppe: --- */
#content table td.spalte1a, #content table td.spalte1aSub  {
padding: 5px 5px 5px 20px;
color: #003c66;
font-weight: bold;
}
#content table td.spalte1a {
background-image: url(../img/css/pfeil2b.gif);
}
#content table td.spalte1b {
/* Spalte für Bilder links */
width: 88px;
padding: 5px 5px 5px 20px;
color: #003c66;
font-size: 0.8em;
font-weight: bold;
border-right: 1px solid #b6c9d3;
}
/* ---------------------------- */
#content table td.text {
font-size: 0.75em;
padding: 5px;
border-left: 1px solid #ccd8e0;
}
#content table td h1 {
font-size: 1.0em;
color: #333;
padding: 8px;
}
* html #content table td.text {
/*width: 330px;*/
}
#content table td.nav2, #content table td.nav2text, #content table td.spalte2 {
width: 172px;
text-align: left;
border-top: 1px solid #b6c9d3;
border-bottom: 1px solid #b6c9d3;
}
#content table td.nav2text {
padding: 8px 0 0 0;
}
#content table td.spalte2 {
/* für allgemeinen Teil rechts */
color: #000;
color: #003c66;
font-size: 0.75em;
}
#content td.text p, #content td.spalte1 p {
margin: 0 0 0.8em 0;
}
/* normale Liste mit browser bullets s. auch dittel-content-text.css */
#content td.text ul, #content td.spalte1 ul, #content td.spalte2 p, #content td.spalte2 ul {
margin: -0.5em 0 0.8em 1.5em; /* -0.4em um absatand nach p auszugleichen */
padding: 0;
list-style-type: square;
font-size: 0.9em;
}
#content td.spalte1 ul {
line-height: 1.7em;
}
#content table td.spalte2 p {
margin-top: 5px;
margin-left: 8px;
}
#content table td.spalte2 ul {
margin-left: 25px;
margin-bottom: 4px;
}

/* subnav für produkte rechte Tabellenspalte */
/* nav2 ist für die Produkte, nav3 für Zusatzinfos, Komponenten etc. */
span.nav2text, span.nav3text {
padding-left: 10px;
font-size: 0.8em;
color: #003c66;
}
span.nav3text {
font-weight: bold;
}
ul.nav2, ul.nav2ebenehoch, ul.nav3 {
list-style-type: none;
margin: 0 0 12px 2px;
padding: 0;
}
ul.nav2ebenehoch {
margin: 0px 1px 0px 3px;
padding: 0;
}
* html ul.nav2ebenehoch {
margin-top: -2px;
}
ul.nav2, ul.nav2ebenehoch {
background-color: #003c66;
}
li.nav2, li.nav3 {
margin: 0;
padding: 0;
}
li.nav3 { margin-bottom: 1px; }
li.nav2 {
border-bottom: 1px solid #809eb3;
}
li.nav2ebenehoch {
border-bottom: 5px solid #b6c9d3;
margin: 0;
padding: 0;
}
a.nav2, a.nav2on, a.nav2ebenehoch {
display: block;
margin: 0;
padding: 1px 0 2px 22px;
font-size: 12px;
font-weight: normal;
color: #fff;
text-decoration: none;
background-image: url(../img/css/pfeil-on.gif);
background-repeat: no-repeat;
background-position: center left;
}

/* Link für zusätzliche Infos */
li.nav3 a.blocklink3 {
display: block;
font-size: 0.85em;
color: #003366;
background-color: #e5ebef;
text-decoration: none;
padding: 1px 1px 2px 10px;
margin: 2px 0px;
}
li.nav3 a.blocklink3:hover {
background-color: #e5ebef;
text-decoration: underline;
}

a.nav2on {
background-color: #336385;
}
a.nav2ebenehoch {
background-image: url(../img/css/pfeil_home-on.gif);
}
* html a.nav2, * html a.nav2on, * html a.nav2ebenehoch {
width: 149px;
line-height: 1.3em;
}
a.nav2:hover, a.nav2ebenehoch:hover {
background-color: #336385;
background-repeat: no-repeat;
background-position: center left;
}
a.nav2:hover {
background-image: url(../img/css/pfeil-on.gif);
}
a.nav2ebenehoch:hover {
background-image: url(../img/css/pfeil_home-on.gif);
}

/* Seitenanfang Link */
a.seitenanfang {
display: block;
width: 623px;
background-image: url(../img/css/page-up.gif);
background-repeat: no-repeat;
background-position: center left;
text-decoration: none;
}
a.seitenanfang:hover {
background-color: #003c66;
background-image: url(../img/css/page-up-on.gif);
background-repeat: no-repeat;
}

/* eine Ebene zurück Link: */
a.ebenehoch {
color: #003c66;
text-decoration: none;
background-image: url(../img/css/ebene-up.gif);
background-repeat: no-repeat;
background-position: center left;
padding: 4px 6px 2px 16px;
}
a.ebenehoch:hover {
text-decoration: underline;
background-color: #e5ebef;
}

/* Bild-Popup Link */
img.popup-bild {
border: 1px solid #fff;
margin: 0;
padding: 0;
}
br.popup-bild {
font-size: 0;
line-height: 0;
}
a.popup-bild, a.popup-bild:hover {
border: 1px solid #fff;
margin: 0;
padding: 0;
}
img.popup-bild:hover {
border: 1px solid #336385;
}
* html a.popup-bild:hover {
border: 1px solid #336385;
}