/* CSS - Datei für Panther Batterien */


/* ------------------------------------------------------------- */
/* Standard Tag - Definitionen */
/* ------------------------------------------------------------- */
a:link {color:#000000; text-decoration:none;}
a:visited {color:#000000;text-decoration:none;}
a:hover {color:#000000; text-decoration:underline;}
a:active {color:#000000;}

body, embed, td, p, table {
font-family: Arial, sans-serif;
font-size : 12px;
line-height: 18px;
color: #000000; 
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom:0px;
}

input, select, textarea {
/*border-right: #333333 1px solid; 
border-top: #333333 1px solid; 
border-left: #333333  1px solid;
border-bottom: #333333  1px solid;
background: #EFEFEF;*/
font-size: 12px; 
font-family: Arial, sans-serif;
color: #333333;
}

p {
padding-bottom:10px;
}

li {
padding-left:0px;
}

ul {
padding-top:0px;
padding-bottom:0px;
margin-top:2px;
margin-bottom:2px;
margin-left:25px;
}

h1 {
color: #8c8c8c; 
text-decoration: none;
font-size:20px;
padding-bottom:0px;
}

h2 {
color: #e3001b;
text-decoration: none;
font-size:18px;
padding-bottom:0px;
line-height:25px;
}

h3 {
font-family:Arial, sans-serif;
font-size:14px;
color:#000000;
text-decoration: none;
padding:0px;
margin:0px;
padding-top:13px;
padding-bottom:3px;
}



/* ------------------------------------------------------------- */
/* Template - Definitionen */
/* ------------------------------------------------------------- */
/* Oberste Zeile im Template */
.head_left{
background-image: url(../bilder/webkopf.jpg);
background-repeat: no-repeat;
height:130px;
width:539px;
background-color:#00111e;
}

/* Mittlere Zeile im Template */
.head_middle{
height:130px;
background-color:#00111e;
}

/* Rechte Zeile im Templaste */
.head_right{
background-image: url(../bilder/panther_logo.jpg);
background-repeat: no-repeat;
height:130px;
width:174px;
background-color:#00111e;
}

/* NAVIGATION: Hier wird die nicht-Javascript Navigation (HTML) zu dem ausgewählten Mneüpunkt angezeigt wird */
.navigation_table {
font-family: Arial, sans-serif;
font-size : 12px;
color:#000000;
height:300px;
background-color:#FFFFFF;
width:220px;
}

.navigation_table_klein {
font-family: Arial, sans-serif;
font-size : 12px;
color:#000000;
height:300px;
background-color:#FFFFFF;
width:150px;
}

.navigation{
margin:10px;
border:1px solid #000000;
height:200px;
background-color:#EFEFEF;
}

.navigation_head{
background-color:#e3001b;
border-bottom:1px solid #000000;
color:#FFFFFF;
font-weight:bold;
padding-left:3px;
}

.navigation_text{
font-family: Arial, sans-serif;
font-size : 12px;
background-color:#EFEFEF;
color:#000000;
padding:3px;
}

/* ADRESSE: Hier wird die Adresse des Ansprechpartners in der rechten Spalte definiert */
.adresse_text{
font-family: Arial, sans-serif;
font-size : 11px;
margin:10px;
height:120px;
background-color:#EFEFEF;
color:#000000;
padding:5px;
line-height:14px;
}

.adresse{
font-family: Arial, sans-serif;
font-size : 12px;
margin:10px;
border:1px solid #000000;
height:150px;
background-color:#EFEFEF;
color:#000000;
}

.adresse_head{
background-color:#e3001b;
border-bottom:1px solid #000000;
color:#FFFFFF;
font-weight:bold;
padding-left:3px;
}

/* INFOCENTER: Hier wird der Bereich Infocenter definiert, in dem das Wissenswerte steht */
.infocenter{
margin:10px;
border:1px solid #000000;
background-color:#EFEFEF;
width:200px;
}

.infocenter_text{
font-family: Arial, sans-serif;
font-size : 12px;
margin:10px;
background-color:#EFEFEF;
color:#000000;
padding:5px;
}

/* NEWS: Hier wird der Bereich NEWS definiert, über den im Template die News Überschriften gesetzt werden */
.news_table {
font-family: Arial, sans-serif;
font-size : 12px;
color:#000000;
background-color:#FFFFFF;
width:220px;
}

.news_aktuell{
margin:10px;
border:1px solid #000000;
/* height:300px; */
width: 200px;
background-color:#EFEFEF;
}

.news_head{
background-color:#e3001b;
border-bottom:1px solid #000000;
color:#FFFFFF;
font-weight:bold;
padding-left:3px;
}

/* RAND: Die ID Rand steht für ein Content-Element, dass über TypoScript definiert wird. Hier stehen die eigentlichen Nachrichten drin*/
.rand{
font-family: Arial, sans-serif;
font-size : 12px;
margin:10px;
background-color:#EFEFEF;
color:#000000;
padding:5px;
}

/* CONTENT: Wichtigster Bereich in den Templates, hier wird der Inhalt angezeigt */ 
.content {
font-family: Arial, sans-serif;
font-size : 12px;
color:#333333;
text-align: justify;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
text-align:justify;
background-color:#EFEFEF;
border-left:1px solid #000000;
border-right:1px solid #000000;
vertical-align: top;
}

.content2 {
font-family: Arial, sans-serif;
font-size : 12px;
color:#333333;
}

/* ------------------------------------------------------------- */
/* Definitionsbereiche für die HTML und PHP Dateien */
/* ------------------------------------------------------------- */
/* Standard-Text auf der gesamten Seite */
.standard_text {
	font-family: Arial, sans-serif;
	font-size : 12px;
	color:#000000;
}

/* VERTRIEBSNETZ: Hier wird die HTML Image Map definiert */
.karte {
	font-family: Arial, sans-serif;
	font-size : 12px;
	color:#000000;
}

.karte_text {
	font-family: Arial, sans-serif;
	font-size : 12px;
	color:#000000;
}

/* RESULT: Tabelle im Vertriebsnetz. Hier wird das Ergebnis angezeigt. */
.result_head {
font-family: Arial, sans-serif;
font-size : 12px;
color:#000000;
font-weight:bold;
background-color:#EFEFEF;
border-bottom:1px solid #000000;
padding-left:5px;
}

.result_text {
font-family: Arial, sans-serif;
font-size : 12px;
color:#000000;
background-color:#FFFFFF;
padding-left:5px;
}

/* BOX: Definition einer BOX, z.B. im Ipressum*/
.box {
	background-color:#FFFFFF;
	border:1px solid #000000;
	margin-right:10px;
	padding:5px;
}

/* FIREMENPROFIL */
.firmenprofil {
font-family: Arial, sans-serif;
font-size : 12px;
color:#000000;
}

.firmenprofil_text {
font-family: Arial, sans-serif;
font-size : 12px;
color:#000000;
text-align: left;
padding:0px;
padding-top:0px;
padding-bottom:10px;
}

.firmenprofil_hell {
font-family: Arial, sans-serif;
font-size : 12px;
color:#000000;
text-align: left;
background-color:#FFFFFF;
padding:3px;
}

/* REFERENZEN */
.referenz_head {
font-family: Arial, sans-serif;
font-size : 12px;
font-weight:bold;
text-align:left;
background-color:#FFFFFF;
border:1px solid #000000;
padding:3px;
}

.referenz_bilder TD {
text-align:center;
}

.referenz_bilder IMG {
margin:10px;
border:1px solid #000000;
}

.referenz_text {
font-family: Arial, sans-serif;
font-size : 12px;
text-align:justify;
vertical-align:top;
padding-left:5px;
padding-right:5px;
}

.referenz_bild {
vertical-align:top;
padding-top:5px;
padding-right:5px;
background-color:#EFEFEF;
}

/* AGB's */
.agb_text {
font-family: Arial, sans-serif;
font-size : 12px;
text-align:justify;
vertical-align:top;
padding:3px;
}

/* Anfahrt */
.anfahrt_text {
font-family: Arial, sans-serif;
font-size : 12px;
text-align:left;
vertical-align:top;
padding:3px;
}

.anfahrt_bild {
font-family: Arial, sans-serif;
font-size : 12px;
text-align:justify;
vertical-align:top;
padding:3px;
}

/* Häufig gestellte Fragen */
.headline {
border-bottom:1px solid #000000;
padding-bottom:0px;
padding-right:10px;
}

.headline_text {
font-family: Arial, sans-serif;
font-size : 12px;
font-weight:bold;
border-bottom:1px solid #000000;
padding-right:10px;
padding-bottom:1px;
}

/* Begriffserklärungen */
.begriff_bild {
border:1px solid #000000;
background-color:#ffffff;
float:right; 
margin-left:10px;
padding:3px;
}

.begriff_batterie {
float:right; 
margin-left:10px;
padding:3px;
}

.table_grey_bold {
font-family: Arial, sans-serif;
font-size : 12px;
font-weight:bold;
color:#000000;
background-color:#EFEFEF;
border-bottom:1px solid #000000;
border-collapse:collapse;
padding-left:5px;
padding-right:5px;
vertical-align:top;
}

.table_grey {
font-family: Arial, sans-serif;
font-size : 12px;
color:#000000;
background-color:#EFEFEF;
border-bottom:1px solid #000000;
border-collapse:collapse;
padding-left:5px;
padding-right:5px;
vertical-align:top;
}

.table_white {
font-family: Arial, sans-serif;
font-size : 12px;
color:#000000;
background-color:#FFFFFF;
border-bottom:1px solid #000000;
border-collapse:collapse;
padding-left:5px;
padding-right:5px;
vertical-align:top;
}

.sicherheit_bild {
vertical-align:top;
padding-right:5px;
padding-top:3px;
width:70px;
}

.sicherheit_text {
font-family: Arial, sans-serif;
font-size : 12px;
color:#000000;
padding-left:5px;
vertical-align:top;
text-align:justify;
padding-top:3px;
}

.sicherheit_headline {
border-bottom:1px solid #000000;
padding-bottom:0px;
padding-right:10px;
}

.sicherheit_headline_text {
font-family: Arial, sans-serif;
font-size : 12px;
font-weight:bold;
border-bottom:1px solid #000000;
padding-right:10px;
padding-bottom:1px;
width:100%;
}

.willkommen_bild {
border:1px solid #000000;
background-color:#ffffff;
padding:3px;
}

.willkommen_trenner {
padding-bottom:5px;
border-bottom:1px solid #000000;
}

.batterie_ueber {
font-family: Arial, sans-serif;
font-size : 36px;
padding-top:10px;
margin-bottom:0px;
color: #000000; 
padding-bottom:15px;
font-weight:bold;
}

.batterie_ueber2 {
font-family: Arial, sans-serif;
font-size : 16px;
margin-bottom:0px;
color: #000000; 
padding-bottom:10px;
font-weight:bold;
}

.batterie_ueber3 {
font-family: Arial, sans-serif;
font-size : 14px;
margin-bottom:0px;
color: #8c8c8c; 
padding-bottom:10px;
font-weight:bold;
}

.batterie_tab {
font-family: Arial, sans-serif;
font-size : 12px;
padding:2px;
padding-left:5px;
margin-bottom:0px;
color: #000000; 
}

.batterie_tab_klein {
font-family: Arial, sans-serif;
font-size : 10px;
padding:1px;
margin-bottom:0px;
color: #000000; 
}

.batterie_hell {
font-family: Arial, sans-serif;
font-size : 36px;
padding-top:10px;
margin-bottom:0px;
color: #000000; 
padding-bottom:10px;
font-weight:bold;
}

.batterie_bild {
border:1px solid #FFFFFF;
}

.anfrage_head{
font-family: Arial, sans-serif;
font-size : 14px;
font-weight:bold;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
padding-left:5px;
background-color:#dcdcdc;
}

.anfrage_head_2{
font-family: Arial, sans-serif;
font-size : 12px;
font-weight:bold;
border-bottom:1px solid #000000;
border-left:1px solid #000000;
padding-left:5px;
}

.anfrage_head_text{
font-family: Arial, sans-serif;
font-size : 12px;
border-bottom:1px solid #000000;
border-left:1px solid #000000;
padding-left:5px;
}

.batterie_tab_hell {
font-family: Arial, sans-serif;
font-size : 12px;
padding:2px;
padding-left:5px;
margin-bottom:0px;
color: #000000; 
background-color:#EFEFEF;
width:200px;
}

.batterie_tab_heller {
font-family: Arial, sans-serif;
font-size : 12px;
padding:2px;
margin-bottom:0px;
padding-left:5px;
color: #000000; 
background-color:#FFFFFF;
width:200px;
}

.technische_daten {
font-family: Arial, sans-serif;
font-size : 14px;
color: #e3001b; 
font-weight:bold;
padding-top:20px;
background-color:#efefef;
padding-left:10px;
}

.produkt_detail_ueber{
font-family: Arial, sans-serif;
font-size : 24px;
color: #000000; 
font-weight:bold;
background-color:f6d903;
padding-left:10px;
}

.produkt_detail_table{
font-family: Arial, sans-serif;
font-size : 10px;
color: #000000; 
background-color:EFEFEF;
padding:10px;
}
/**************************** Zuordnungs Listen ***************************/
.empty{
height:5px;
background-color:#FFFFFF;
}

.empty_gross{
height:20px;
background-color:#FFFFFF;
}

.table_head{
background-color:#DCDCDC;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
color:#000000;
font-family: Arial, sans-serif;
font-size : 12px;
vertical-align:top;
}

.fahrzeugtyp{
background-color:#efefef;
color:#000000;
font-family: Arial, sans-serif;
font-size : 12px;
font-weight:bold;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
}

.modell{
background-color:#ffffff;
color:#000000;
font-family: Arial, sans-serif;
font-size : 12px;
border-bottom:1px solid #DCDCDC;
}

.zuordnung_table {
border:1px solid #000000;
padding:2px;
padding-left:5px;
}

.bleigel {
font-family: Arial, sans-serif;
font-size : 10px;
padding-right:20px;
color:#000000;
font-weight:bold;
padding-bottom:10px;
}

ls_bo {
border-left:1px solid #dcdcdc;
}

ls_bo_bo{
border-left:1px solid #dcdcdc;
vertical-align:bottom;
}

/* --------------------------- Downloads ------------------------------------- */

.downloads_head{
font-family: Arial, sans-serif;
font-weight:bold;
font-size:13px;
border:1px solid #000000;
padding-left:3px;
background-color:#DCDCDC;
}

.downloads_cell{
font-family: Arial, sans-serif;
font-size:12px;
border:1px solid #000000;
padding-left:3px;
padding-top:3px;
}

.downloads_cell IMG{
border:none;
}
/**************************** Produkteausgabe ****************************/
.batterie_table {
padding:3px;
border:1px solid #000000;
}

.batterie_head {
background-color:#EFEFEF;
font-family: Arial, sans-serif;
font-size : 12px;
font-weight:bold;
border-bottom:1px solid #000000;
text-align:center;
}

.batterie_white {
background-color:#FFFFFF;
font-family: Arial, sans-serif;
font-size : 12px;
text-align:center;
}

.batterie_grey {
background-color:#EFEFEF;
font-family: Arial, sans-serif;
font-size : 12px;
text-align:center;
}

.batterie_bild {
border:1px solid #000000;
background-color:#ffffff;
padding:3px;
float:right;
}

/**************************** Batterie - Suche ****************************/

.suche_tabelle{
font-family: Arial, sans-serif;
font-size : 12px;
border-collapse:collapse;
}

.suche_tabelle TD{
font-family: Arial, sans-serif;
font-size : 12px;
//padding:2px;
}

.suche_schrift{
font-family: Arial, sans-serif;
font-size : 12px;
font-weight:bold;
}

.suche_feld{
font-family: Arial, sans-serif;
font-size : 12px;
}

.suche_ergebnise{
border-collapse:collapse;
border:1px solid #000000;
}

.suche_ergebnise_links{
font-family: Arial, sans-serif;
font-size : 12px;
color:#000000;
padding:3px;
border:1px solid #000000;
}

.suche_ergebnise_rechts{
font-family: Arial, sans-serif;
font-size : 12px;
color:#000000;
padding:3px;
vertical-align:top;
border:1px solid #000000;
}

.suche_grey{
background:#efefef;
padding-left:5px;
}

.suche_white{
background:#ffffff;
padding-left:5px;
}

/**************************** Menüdefinitionen ****************************/
.kopfmenu {
font-family: Arial, sans-serif;
font-size : 12px;
color:#000000;
background-color:#f0ce0d;
height:20px;
border-top:1px solid #e3001b;
border-bottom:1px solid #e3001b;
font-weight:bold;
padding-top:2px;
}

.footer {
background-color:#f0ce0d;
text-align:center;
vertical-align:middle;
border-top:1px solid #e3001b;
border-bottom:1px solid #e3001b;
}

.language {
font-family: Arial, sans-serif;
font-size : 12px;
color:#000000;
background-color:#f0ce0d;
height:20px;
border-top:1px solid #e3001b;
border-bottom:1px solid #e3001b;
font-weight:bold;
width:100px;
text-align:right;
padding-right:10px;
padding-top:2px;

}

.menue {
font-family: Arial, sans-serif;
font-size : 12px;
color:#000000;
background-color:#f0ce0d;
text-align:left;
border-top:1px solid #e3001b;
border-bottom:1px solid #e3001b;
font-weight:bold;
width:90px;
padding-left:3px;
}

.menue a{
font-family: Arial, sans-serif;
font-size : 12px;
color:#000000;
text-align:center;
width:90px;

}

.menue a:hover{
font-family: Arial, sans-serif;
font-size : 12px;
background-color:#f0ce0d;
color:#e3001b;
text-align:center;
text-decoration:none;
width:90px;

}

.menue a:active{
font-family: Arial, sans-serif;
font-size : 12px;
color:white;
background-color:#CFCFCF;
text-align:center;
width:90px;
}

.menue_act{
font-family: Arial, sans-serif;
font-size : 12px;
background-color:#f0ce0d;
color:#e3001b;
text-decoration:none;
width:90px;
border-top:1px solid #e3001b;
border-bottom:1px solid #e3001b;
padding-left:3px;
}

.menue_act a{
font-family: Arial, sans-serif;
font-size : 12px;
background-color:#f0ce0d;
color:#e3001b;
text-align:center;
text-decoration:none;
width:90px;
font-weight:bold;

}

.js-menu{
font-family: Arial, sans-serif;
font-size : 11px;
/*border: 1px solid; /*Rahmenart*/
padding-right:35px;
padding-left:5px;
width:230px;
}

/* ID, fr die 2. Ebene, wenn ein Link existiert */
.js-menu a{
font-family: Arial, sans-serif;
font-size : 11px;
font-weight:bold;
color:black;

}
/*ID, falls man den Mauszeiger ber einen Menpunkt der 2.Ebene bewegt */
.js-menu a:hover{
font-family: Arial, sans-serif;
font-size : 11px;
color:#e3001b;
font-weight:bold;
text-decoration:none;
}

/*ID, falls Menpunkt 2.Ebene aktiv ist */
.js-menu a:active{
font-family: Arial, sans-serif;
font-size : 11px;
color:#e3001b;
font-weight:bold;
}

.js-table {
background-color:#f0ce0d;
border-left:1px solid #000000;
border-right: 1px solid #000000;
border-bottom:1px solid #000000;
height:0px;
}

.js-menu2{
font-family: Arial, sans-serif;
font-size : 10px;
/*border: 1px solid; /*Rahmenart*/
padding-right:15px;
padding-left:5px;
width:180px;
}

/* ID, fr die 2. Ebene, wenn ein Link existiert */
.js-menu2 a{
font-family: Arial, sans-serif;
font-size : 10px;
text-decoration: none;
color:#FDD09E;
}
/*ID, falls man den Mauszeiger ber einen Menpunkt der 2.Ebene bewegt */
.js-menu2 a:hover{
font-family: Arial, sans-serif;
font-size : 10px;
color:white;
}

/*ID, falls Menpunkt 2.Ebene aktiv ist */
.js-menu2 a:active{
font-family: Arial, sans-serif;
font-size : 10px;
color:white;
}

.js-table2 {
background-color:#000000;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
}

/* -------------------- News-Bereich für z_news Tabelle --------------------- */

.news_title{
font-family: Arial, sans-serif;
font-size : 11px;
color:#000000;
font-weight:bold;
border-bottom:1px solid #000000;
}

.news_kurztext{
font-family: Arial, sans-serif;
font-size : 11px;
color:#000000;
padding-top:5px;
}

.news_more{
font-family: Arial, sans-serif;
font-size : 10px;
color:#000000;
padding-top:2px;
padding-bottom:15px;
}

.news_big_title{
font-family: Arial, sans-serif;
font-size : 14px;
color:#e3001b;
font-weight:bold;
border-bottom:1px solid #000000;
}

.news_big_title_datum{
font-family: Arial, sans-serif;
font-size : 12px;
color:#000000;
font-weight:bold;
}

.news_big_kurztext{
font-family: Arial, sans-serif;
font-size : 12px;
color:#000000;
padding-top:5px;
padding-bottom:20px;
}

.news_datum{
font-family: Arial, sans-serif;
font-size : 10px;
color:#000000;
}

.news_title_datum{
font-family: Arial, sans-serif;
font-size : 11px;
color:#e3001b;
}