/* ################################## 
*   Thermico
* ################################## --*/


/*  Randabstände, globale Schrift- und Hintergrundfarbe   
* mit text-align:center wird die Seite für den IE zentriert
*/ 

body{ height:100%; width:100%; color:#000000; background-color:#FFFFFF; text-align:center; padding:0; margin:0 auto;}

/* Kopfbereich mit Logo und Navigation; Breite 100%, Hintergrundbild */
#kopf {width:100%; min-width:900px; height:102px; text-align:center; margin:0; padding:0; background-position:bottom; background:url(striche3.gif); background-repeat:repeat-x; }

/* Container für Navigationsbuttons und Logo in der Kopfzeile*/
#kopf-container {width:900px; clear:both; height:102px; margin: 0 auto; padding:0;}

/* Positionierung des Logos in der Kopfzeile*/
#logo-oben {position:static; margin:13px 0 0 0; padding:0; height:52px;}

/* Navigationsbuttons im Kopfbereich; Vertikale Ausrichtung: oben */
.kopf-navi {position:static; margin:17.8px 0 0 0; padding:0; height:18px; }

/* Cleaner für den Fuß */
.cleaner{clear:both; height:1px; font-size:1px; border:0px none; margin:0; padding:0; background:transparent;}

/* Fußbereich mit zusätzlicher Navigation, Breite 100%, Hintergrundbild */
#fuss {position:relative; top:auto; bottom:0px; clear:both; width:100%; min-width:900px; height:72px; background:url(striche3.gif); background-repeat:repeat-x; text-align:center; margin:0 0 0 0; padding:0 0 0 0}

/* Container für Navigation in der Fußzeile */
#fuss-container {width:900px; clear:both; text-align:center; margin: 0 auto 10px auto; padding:20px 0 0 0; }

/* Formatierung der Links im Fußbereich */
.fuss-navi {font: 11px/20px Verdana, Helvetica, Arial, sans-serif; color: #000066;  margin:0; padding:10px 15px 0 15px; }

/* Formatierung des Copyrights im Fußbereich */
.fuss-navi2 {font: 9px/20px Verdana, Helvetica, Arial, sans-serif; color: #000066; margin-top:16px; padding:0 10px 0 10px; }


/* zentrierter Container, der (fast) die ganze Seite beinhaltet; der Text wird wieder auf linksbündig gesetzt
* und die Seitenabstände auf auto, so verstehen es auch die anderen Browser
*/
#global {position:static; width:900px; min-width:900px; clear:both; text-align:left; vertical-align:top; margin:35px auto 50px auto; padding:0; }

/* pixelgenaue Anweisung nur für den IE; alle anderen Browser ignorieren diese Anweisung  
* html #global {height:400px; }  */


/* nur für die Startseite  */
#tabelle-inhalt {width:900px; min-width:900px; overflow:visible; margin:0; padding:0;}

/*  globale Formatierung aller Schriftelemente  */
p, div, span, th, td, li {font: 11px/17px Verdana, Helvetica, Arial, sans-serif; color: #393939; margin:0; padding:0;}

/*   globale Formatierung aller Überschriften   */
h1, h2, h3  {font: 11px/17px Verdana, Helvetica, Arial, sans-serif; font-weight:bold; color: #000066; margin:0; padding:0;}

img {
	border:none;
	} 

/* spezielle Formatierung der Navigationspunkte: Kategorien (fett, Großbuchstaben, gesperrt) */
/* border-style:solid; border-width:1px; border-color:red; */
li.navi-links-gross {font: 11px/17px Verdana, Helvetica, Arial, sans-serif; font-weight:bold; color: #000066; margin:0 10px 10px 0; list-style:none;
}
 
/* spezielle Formatierung der Navigationspunkte: Unterpunkte */
.navi-links-klein {font: 11px/17px Verdana, Helvetica, Arial, sans-serif; color: #393939; margin:5px 10px 0 0; text-indent:-10px; padding-left:10px; list-style:none; }


/* spezielle Formatierung der Navigationspunkte: Kategorien (fett, Großbuchstaben, gesperrt) */
ul.navi-ebene1{margin:0; padding:0;}
ul.navi-ebene2{margin:0; padding:0;}
ul.navi-ebene3{margin:0; padding:0 0 0 10px;}

li.navi-ebene1{font: 11px/17px; margin:2px 0 10px 0; padding:0; list-style:none;}
a.navi-ebene1{font-weight:bold; color: #6d6d6d;}

/* spezielle Formatierung der Navigationspunkte: Unterpunkte */
li.navi-ebene2{font: 11px/17px; color: #393939; margin:10px 0 10px 0; padding:0 0 0 10px; list-style:none; }

/* spezielle Formatierung der Navigationspunkte: Unterpunkte */
li.navi-ebene3{font: 11px/17px; color: #393939; margin:5px 0 10px 0; text-indent:-10px; padding:0 0 0 10px; list-style:none; }

 
ul.sitemap-ebene1{margin:0; padding:0;}

/* alte Version für vertikale Sitemap, auskommentiert am 29.05.2005
li.sitemap-ebene1{font: 11px/17px; margin:10px 0 5px 0; padding:0; list-style:none;}
li.sitemap-ebene2{font: 11px/17px; color: #393939; margin:5px 0 5px 0; padding:0 0 0 15px; list-style:none; }
li.sitemap-ebene3{font: 11px/17px; color: #393939; margin:5px 0 5px 20px; text-indent:-20px; padding:0 0 0 20px; list-style:none; }
li.sitemap-ebene4{font: 11px/17px; color: #393939; margin:5px 0 5px 20px; text-indent:-20px; padding:0 0 0 20px; list-style:none; }
*/
li.sitemap-ebene1{font: 11px/17px; margin:10px 0 10px 0; padding:0; list-style:none;}
li.sitemap-ebene2{font: 11px/17px; color: #393939; margin:10px 0 10px 0; padding:0; list-style:none; }
li.sitemap-ebene3{font: 11px/17px; color: #393939; margin:10px 0 10px 10px; text-indent:-20px; padding:0; list-style:none; }
li.sitemap-ebene4{font: 11px/17px; color: #393939; margin:10px 0 10px 0; text-indent:-20px; padding:0; list-style:none; }

td.sitemap-horizontal{width:150px; vertical-align:top; padding:5px; }


/* Formatierung von Links :erst mal keine Unterscheidung nach link, hover, visited */ 
a {font: 11px/17px; color: #393939; text-decoration:none;  margin:0; padding:0;}

/* Formatierung hover-Links*/
a:hover {color: #cc0000; }  

/* Formatierung visited-Link */
a:active { color: #cc0000; }

/* Formatierung von Links: Sprachauswahl auf der Startseite */ 
h2.navi-sprache {font: 11px/17px Verdana, Helvetica, Arial, sans-serif; font-weight:bold; color: #6d6d6d; text-decoration:none;  margin:0 0 15px 0; padding:0;}
/* Formatierung von Links: Gewählte Sprache auf der Startseite */ 
h2.navi-sprache-ist {font: 11px/17px Verdana, Helvetica, Arial, sans-serif; font-weight:bold; color: #000066; text-decoration:none;  margin:0 0 15px 0; padding:0;}

.sprachauswahl{width:145px; float:left; margin:10px 0 0 0; padding:0; }

/* Höhe einer Leerzeile; die Zeilehöhe soll 200 % von der Schrifthöhe betragen  */
.leerzeile { font: 11px/11px Verdana, Helvetica, Arial, sans-serif; padding:0; margin:0 }
 
 
/* Hintergrundbild Brenner auf der Startseite  */
.td-links-start{width:450px; background:url(hvof_brenner.jpg); background-repeat:no-repeat; background-position:0 100%; margin:0; padding:0;}

/* Startseite - linke Textspalte  */
div.start-spalte-links{position:static; float: right; width:265px; margin:10px 0 0 0; padding:0 15px 0 10px; }
/* Startseite - rechte Textspalte  */
div.start-spalte-rechts{width:265px; margin:10px 0 0 0; padding:0 15px 0 15px; }

/*  Formatierung des Containers Aktuelles Thema (aufder Startseite) */
.aktuell-container{background:#f0f0f0; width:148px; margin:10px 0 0 1px; padding:0;}

/*  Formatierung der Liste Aktuelles - Schriftzug "AKTUELL" */
.aktuell-headline{font: 11px/14px Verdana, Helvetica, Arial, sans-serif; font-weight:bold; letter-spacing:2px; color:#000066; background:#c0c0c0; margin:0; padding:0 0 0 8px; text-align:center}

/*  Formatierung der Liste Aktuelles: Thema/Überschrift */
p.aktuell-thema{margin:10px 5px 0 8px;}

a.aktuell-thema{font: 9px/14px Verdana, Helvetica, Arial, sans-serif; font-weight:bold; color: #000066;}

/*  Formatierung der Liste Aktuelles: Text zum Thema */
p.aktuell-text{margin:1px 5px 0 8px; padding:0 0 5px 0;}

p.aktuell-text a {font: 9px/14px Verdana, Helvetica, Arial, sans-serif; color: #393939; 
	}

/*  Formatierung der Liste mit Produktspezifikationen, rechte Spalte */
.spezi-headline{font: 11px/12px Verdana, Helvetica, Arial, sans-serif; font-weight:bold; color: #6d6d6d; margin:2px 0 0 20px;}

.spezi-variable{font: 9px/12px Verdana, Helvetica, Arial, sans-serif; font-weight:bold; color: #000066; margin:4px 4px 0 20px;}

.spezi-wert{font: 9px/12px Verdana, Helvetica, Arial, sans-serif; color: #393939; margin:0 4px 8px 20px;}
div.spezi-liste{width:135px; margin:1px 0px 12px 0px;}
li.spezi-liste{ font: 9px/12px Verdana, Helvetica, Arial, sans-serif; color: #393939; padding-bottom:5px; margin:0px 0px 0 -6px;}

.pdf-unten{font: 9px Verdana, Helvetica, Arial, sans-serif; color: #000066; margin:20px 0 5px 20px; }
 
/* Formatierung der Inhaltstabelle der Anlagenbeschreibungen */
/* Formatierung der Navigationsspalte der Anlagenbeschreibungen */
.apparate-navi-links{position:static; float:left; width:150px; margin:0; padding:0; }

/* Formatierung des Inhaltscontainers div der Anlagenbeschreibungen */
.apparate-inhalt{position:static; float:right; width:747px; }

/*  für die Module */
#tabelle-inhalt2 {margin:0; padding:0;}

/* Formatierung der Inhaltsspalte1 der Anlagenbeschreibungen */
.apparate-inhalt-td1{width:300px; vertical-align:top; margin:0; padding:0;}


/* Formatierung der Inhaltsspalte2 der Anlagenbeschreibungen */
.apparate-inhalt-td2{width:300px; vertical-align:top; margin:0; padding:0;}

/* Formatierung der Inhaltsspalte3 der Anlagenbeschreibungen */
.apparate-inhalt-td3{width:150px; vertical-align:top; margin:0; padding:0;}

/* Formatierung der Bildosition der Anlagenbeschreibungen */
.apparate-img-oben{margin:2px auto 0 auto; text-align:center;}

/* Formatierung der Bildosition der Anlagenbeschreibungen */
.apparate-img-unten{margin:2px auto 0 auto; text-align:center;}

/* Formatierung der Textposition (Spalte unterhalb des Bildes)  der Anlagenbeschreibungen */
.apparate-h2{margin:0; padding:0 5px 0 10px}
.apparate-p{margin:0; padding:0 5px 0 10px}


/* Hintergrundbilder und deren Positionierung; mit padding positioniert man den Text nach unten; 
das Bild wird über background-position verschoben; die id wird auf die erste Tabellenspalte angewandt
*/
#beschichtungscenter {min-height:560px; margin:0; padding:0; background:url(thermico_spritzcenter_breit_1.jpg); background-position:bottom center; background-repeat:no-repeat; }