/******************************************************************************/
/* Project: ELCAT-Homepage                                                    */ 
/* File: styles.css                                                           */
/* ELCAT GmbH Copyright © 2000-2004. All Rights Reserved                      */
/*============================================================================*/
/* Specifications/Description:                                                */
/* Hier befinden sich alle CSS-Angaben der Elcat-Website.                     */ 
/* Z.B.Angaben zur Menüpositionierung, Schriftart- und Schriftgrößeangaben,   */
/* usw.                                                                       */
/*============================================================================*/
/* Date         Author        Modifications:                                  */
/* -----------+-------------+-------------------------------------------------*/
/* 14.06.04	SA				  |             | Initial Rele*/
/******************************************************************************/



/* Allgemeine Styles */
body        { font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
h1          { font-weight: bolder; font-size: 20px }
a           { color: white; text-decoration: none }
.schwarz     { color: black}

/* AGB u. Impressum Menü-Styles */ 
.footer0     { color: white; font-size: 12px; text-decoration: none }
.footer1     { color: white; font-size: 12px; text-decoration: underline }      

.tenleft     { padding-left:10px}
.seitenmenu  { font-size: 15px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; text-indent: 0px}
.submenu0    { font-size: 12px; color: black; height: 16; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc}
.submenu1    { font-size: 12px; background-color: #8c8c8c; border-left: 1px solid white; border-right: 1px solid white; border-top: 1px solid white}

/* Legt Schriftgröße für allgemeine Inhalte fest */
.content     { font-size: 17px }

/* Legt Linkfarbe fest */
.maillink {color: #0000FF}
.link {color: #0000FF}


/* Styles für u.a. das Formular in der Kontakt-Sektion */
.formmittel        { color: #0000FF; font-weight: bolder; font-size: 17px }
.formmittel-black  { color: black; font-weight: bolder; font-size: 17px }
.formmittel-black-gross  { color: black; font-weight: bolder; font-size: 20px }
.formgross         { color: #FFFFFF; font-weight: bolder; font-size: 17px; position: relative; left: 5px }
.form              { margin-top:13px; margin-left: 5px; font-size: 17px }

/* Styles fuer Eingabe-Felder */

input, textarea, select { font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }

/* Legt Menueeinklappebene fest */
div.Mousecheck  { left:0px; top: 20px; width: 730; height: 40; position: absolute;}
div.Mousecheck2 { left:665px; top: 20px; width: 340; height: 10; position: absolute;}
 

/* Positioniert die ersten Ausklappebenen (oberes Menue) */              
div.Menue_B1   { position: absolute; top:18px; left: 0px;   width: 140; height: 150; visibility: hidden }
div.Menue_B2   { position: absolute; top:18px; left: 141px; width: 140; height: 150; visibility: hidden }
div.Menue_B3   { position: absolute; top:18px; left: 282px; width: 140; height: 150; visibility: hidden }
div.Menue_B4   { position: absolute; top:18px; left: 423px; width: 140; height: 150; visibility: hidden }
div.Menue_B5   { position: absolute; top:18px; left: 564px; width: 140; height: 150; visibility: hidden }
div.Menue_B6   { position: absolute; top:18px; left: 705px; width: 140; height: 150; visibility: hidden }
div.Menue_B7   { position: absolute; top:18px; left: 827px; width: 140; height: 150; visibility: hidden }


/* Positioniert die ersten Ausklappebenen (seitliches Menue) */ 
div.Menue_B8    { position: absolute; /*top: 276px;*/ left: 169px; width: 140; height: 150; visibility: hidden }
div.Menue_B9    { position: absolute; /*top: 299px;*/ left: 169px; width: 140; height: 150; visibility: hidden }
div.Menue_B10   { position: absolute; /*top: 322px;*/ left: 169px; width: 140; height: 150; visibility: hidden }
div.Menue_B11   { position: absolute; /*top: 345px;*/ left: 169px; width: 140; height: 150; visibility: hidden }
div.Menue_B12   { position: absolute; /*top: 368px;*/ left: 169px; width: 140; height: 150; visibility: hidden }
div.Menue_B13   { position: absolute; /*top: 391px;*/ left: 169px; width: 140; height: 150; visibility: hidden }
div.Menue_B14   { position: absolute; /*top: 414px;*/ left: 169px; width: 140; height: 150; visibility: hidden }
div.Menue_B15   { position: absolute; /*top: 437px;*/ left: 169px; width: 140; height: 150; visibility: hidden }
div.Menue_B16   { position: absolute; /*top: 460px;*/ left: 169px; width: 140; height: 150; visibility: hidden }
div.Menue_B17   { position: absolute; /*top: 483px;*/ left: 169px; width: 140; height: 150; visibility: hidden }
div.Menue_B18   { position: absolute; /*top: 506px;*/ left: 169px; width: 140; height: 150; visibility: hidden }
div.Menue_B19   { position: absolute; /*top: 529px;*/ left: 169px; width: 140; height: 150; visibility: hidden }

/*Positioniert die Menues "Sprachauswahl" und "Download" */
div.Menue_B20   { position: absolute; top: 57px; left:  766px; width: 140; height: 150; visibility: hidden }
div.Menue_B21   { position: absolute; top: 57px; left:  861px; width: 140; height: 150; visibility: hidden }

/* Positioniert die unteren Ausklappebenen (oberes und seitliches Menue) */              
div.Menue_C1     { position: absolute; top: 0px; left: 160px; width: 140; height: 125; visibility: hidden }
div.Menue_C2     { position: absolute; top: 21px; left: 160px; width: 140; height: 125; visibility: hidden }
div.Menue_C3     { position: absolute; top: 42px; left: 160px; width: 140; height: 125; visibility: hidden }
div.Menue_C4     { position: absolute; top: 63px; left: 160px; width: 140; height: 125; visibility: hidden }
div.Menue_C5     { position: absolute; top: 84px; left: 160px; width: 140; height: 125; visibility: hidden }
div.Menue_C6     { position: absolute; top: 105px; left: 160px; width: 140; height: 125; visibility: hidden }
div.Menue_C7     { position: absolute; top: 126px; left: 160px; width: 140; height: 125; visibility: hidden }
div.Menue_C8     { position: absolute; top: 147px; left: 160px; width: 140; height: 125; visibility: hidden }
div.Menue_C9     { position: absolute; top: 168px; left: 160px; width: 140; height: 125; visibility: hidden }
div.Menue_C10    { position: absolute; top: 189px; left: 160px; width: 140; height: 125; visibility: hidden }
div.Menue_C11    { position: absolute; top: 210px; left: 160px; width: 140; height: 125; visibility: hidden }
div.Menue_C12    { position: absolute; top: 231px; left: 160px; width: 140; height: 125; visibility: hidden }

/* Positionierung der Menueunterpunkte "Infos ueber Elcat" */
div.Menue_C1_right    { position: absolute; top: 0px; right: 159px; width: 140; height: 125; visibility: hidden }
div.Menue_C2_right    { position: absolute; top: 21px; right: 159px; width: 140; height: 125; visibility: hidden }
div.Menue_C3_right    { position: absolute; top: 42px; right: 159px; width: 140; height: 125; visibility: hidden }
div.Menue_C4_right    { position: absolute; top: 63px; right: 159px; width: 140; height: 125; visibility: hidden }
div.Menue_C5_right    { position: absolute; top: 84px; right: 159px; width: 140; height: 125; visibility: hidden }
div.Menue_C6_right    { position: absolute; top: 105px; right: 159px; width: 140; height: 125; visibility: hidden }
div.Menue_C7_right    { position: absolute; top: 126px; right: 159px; width: 140; height: 125; visibility: hidden }
div.Menue_C8_right    { position: absolute; top: 147px; right: 159px; width: 140; height: 125; visibility: hidden }
div.Menue_C9_right    { position: absolute; top: 168px; right: 159px; width: 140; height: 125; visibility: hidden }
div.Menue_C10_right   { position: absolute; top: 189px; right: 159px; width: 140; height: 125; visibility: hidden }
div.Menue_C11_right   { position: absolute; top: 210px; right: 159px; width: 140; height: 125; visibility: hidden }
div.Menue_C12_right   { position: absolute; top: 231px; right: 159px; width: 140; height: 125; visibility: hidden }

/* Legt Style der oberen Menüpunkte fest */

/*Seitenmenü */

.as0          { color: #000000; 
                font-size: 15px; 
                font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
                background-color: #edeeec; } /* normal */

.ass1         { color: #ffffff; 
                font-size: 15px; 
                font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; 
                background-color: #696969; } /* marked */

/*oberes Menü 1.Ebene*/
.a1           { text-align: left; 
                cursor:hand; 
                background-color:#8C8C8C; 
                font-size: 15px; 
                text-indent: 10px; } /* highlighted wird auch fuers seitenmenu verwendet */

.a0           { text-align:left; 
                cursor:hand; 
                background-color: #696969; 
                font-size: 15px; 
                text-indent: 10px; } /* normal */

/*oben rechts "Info zu Elcat" */
.ar1         { text-align:right; 
               background-color:#8C8C8C; 
               font-size: 15px; } /* highlighted */

/* Verschiebt "Info zu Elcat" um 10px nach links, da ueber <td> nicht realisierbar */
.mright       {margin-right: 10px}


/* Legt Styles der ersten 2.Ebene fest (oberes und seitliches Menue) */ 

.bb1         { background-color: #696969; } /* highlighted */
               
.bb0         { background-color:#8C8C8C; } /* normal */

.b0           { color: #ffffff; 
                cursor:hand; 
                font-style:normal; 
                font-weight:normal; 
                font-size: 13px; 
                font-family: Verdana; 
                text-indent: 10px;
                width: 140; 
                height: 20 }   /*legt Schrifttyp fest */

/* styles der 2. Ebene von "info über elcat" */

.b0_right     { color: #ffffff; 
                cursor:hand; 
                font-style: normal; 
                font-weight: normal; 
                font-size: 13px; 
                font-family: Verdana; 
                text-align: right; 
                position: relative; 
                right: 10px; 
                width: 140; 
                height: 20 }   /*legt Schrifttyp fest */


/* Legt Style der zweiten Ausklappebene fest (oberes und seitliches Menue) */ 

.c1            { color: #ffffff; 
                 cursor:hand; 
                 font-style: normal; 
                 font-weight: normal; 
                 font-size: 13px; 
                 font-family: Verdana; 
                 background-color: #464646; 
                 text-align: left; 
                 position: relative; 
                 width: 140; 
                 height: 20 }  /* highlighted */
               
.c0            { color: #ffffff; 
                 cursor:hand; 
                 font-style: normal; 
                 font-weight: normal; 
                 font-size: 13px; 
                 font-family: Verdana; 
                 text-align: left; 
                 background-color: #696969; 
                 position: relative; 
                 width: 140; 
                 height: 20 }         /* normal */