/* FILE: telematicspro.css */

/* Stylesheet for telematicspro.de

   COLOURS USED:
        #221B69 = Telematics blue ( as in logo)
        #858D9E = Telematics grey ( as in logo)
        #D6DFE9 = bluish grey  as in main text background)
        #E8EDF2 = lighter bluish grey ( as in news/events column background )
        #000000 = black
        #ffffff = white
*/

/*--------------------------//
//!!!!!!! PLS NOTE: !!!!!!!//
//------------------------//

This has been tested for IE 6.X, Netscape 4.X & 6.2 and Opera 6.0X compatibility.

NSC 4.X's CSS capabilities are a DISASTER,but a few percent of people still use it,
so I had to compromise on some issues.
If anything seems a bit strange: it might be because of NSC compatibility issues!*/

/*----------------------------*/
/*---------GENERAL-----------*/
/*--------------------------*/

/*IE had strange problems finding the background image here,
                      so I had to include it in the html.*/

body {
       margin-left:0px;
       margin-top:0px;
       margin-bottom:0px;
       margin-right:0px;
      }

h1,h2,h3,h4,p,ul,ol,li,td,th,address,blockquote,nobr,b,i
      { font-family:Arial, Helvetica, sans-serif; }

a {text-decoration:none;}

td {
     vertical-align:top;
     text-align:left;
    }

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

.form_standard {
            font-family:arial,helvetica,geneva;
            font-size:10px;
            letter-spacing:-1px;
            color:#000000;
            margin-left:0px;
            margin-right:0px;
            }

.grey  {
            color:#858D9E;
            }

.blue  {
         color:#221B69;
            }

.grey_small {
            font-size:11px;
            color:#858D9E;
            }

.blue_small  {
            font-size:11px;
            color:#221B69;
            }

.black_small {
            font-size:11px;
            color:#5D5D5D;
            }

/*----------------------------*/
/*---------MAINTEXT----------*/
/*--------------------------*/

p.maintext  {
            font-family:Arial,Helvetica,sans-serif;
            font-size:12px;
            color:#000000;
            line-height:13px;
            line-height:15px;
            }

a.maintext  {
             color:#858D9E;
             text-decoration:underline;
            }

ul {
              font-size:12px;
              font-weight:bold;
              color:#221B69;
              margin-right:10px;
              margin-top:0px;
              margin-bottom:18px;
/*           list-style-image:url(images/bullet_highlights.gif); for some reason, IE and Opera ignore this, if it's in the external stylesheet...*/
/*           line-height:18px; NOTE: skipped this here, because IE screwed up (ignored line height) for the first two lines of every "li", which led to irregular line heights in the list*/
              }

ul.smaller {
              font-size:11px;
              color:#000000;
              margin-left:20px; /*NOTE: NSC 4.7 and 6.2 add this to the standard left margin, whereas IE and Opera put the bullet "into the margin", so it cannot be toot small. It looks OK either way.*/
              margin-right:10px;
              margin-top:0px;
              margin-bottom:5px;
              }

p.image   {
            margin-top:0px;
            margin-bottom:0px;
           }

/*----------------------------*/
/*---------HEADLINES---------*/
/*--------------------------*/


h1 {
color:#221B69;
font-weight:bold;
font-size:15px;
margin:0px;
margin-top:3px; /*Ignored by NSC 4.7, so the margins are bigger there. But sod that - the page still works!*/
margin-bottom:12px;
}

h2 {
color:#221B69;
font-weight:bold;
font-size:13px;
margin-top:3px;
margin-bottom:6px;
}

h3 { color:#858D9E;
font-weight:bold;
font-size:12px;
margin-top:3px;
margin-bottom:6px;
}

h4 { color:#858D9E;
font-weight:bold;
font-size:11px;
margin-top:3px;
margin-bottom:6px;}

/*----------------------------*/
/*---------NEWS--------------*/
/*--------------------------*/

.news_list  {
            font-size:11px;
            color:#000000;
            line-height:15px;
            margin-top:0px;
            margin-bottom:12px;
            }

.news_date  {
            font-size:11px;
            color:#858D9E;
            }

/*----------------------------*/
/*--Top News / Top Events----*/
/*--------------------------*/


.newsbox_date {
            font-family:arial, helvetica;
            font-size:10px;
            color:#858D9E;
            font-weight:normal;
            text-align:right;
            letter-spacing:-1px;
            }

.newsbox_headline {
            font-family:arial, helvetica;
            font-size:11px;
            color:#221B69;
            font-weight:bold;
            text-align:left;
            }

.newsbox_standard {
            font-family:arial, helvetica;
            font-size:10px;
            color:#000000;
            font-weight:normal;
            text-align:left;
            }

.newsbox_more {
            font-family:arial, helvetica;
            font-size:11px;
            color:#221B69;
            font-weight:bold;
            text-align:right;
            }

.newsbox_more:hover {
            text-decoration:underline;
             }
            
            .contenttext10 {
       {font-family:Arial,Helvetica,sans-serif;
       font-size:12px;
       color:#000000;
       margin-top:0;
       }

.contenttext11        {font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#000000;line-height:0px;line-height:0px;}

            }

/*----------------------------*/
/*---------NAVIGATION--------*/
/*--------------------------*/

.menu_sub {
       font-family:arial,helvetica,sans-serif;
       font-size:11px;
       line-height:20px;
       background-color:#ffffff;>
       }

.active { font-size:11px; font-weight:bold; color:#221B69;}

.inactive { font-size:11px; font-weight:bold; color:#858D9E;}


/*----------------------------*/
/*----------FOOTER-----------*/
/*--------------------------*/


td.footer {
            text-align:left;
            vertical-align:middle;
            font-family:arial, helvetica, sans-serif;
            font-size:10px;
            color:#858D9E;
            }

td.bottom {
     vertical-align:bottom;
     text-align:left;
    }

/*----------------------------*/
/*--GENERAL: LINK MOUSEOVER--*/
/*--------------------------*/

/* This needs to be defined at the end of the Stylesheet for better Opera and NSC 4.7 compatibility.*/
a:hover { text-decoration:underline; color:#221B69; }