/* Stylesheet for Companycom */

BODY, TABLE, TH, TD   { font-family: arial, verdana, geneva, sans-serif; color: #000000; font-size: 12px;

 SCROLLBAR-FACE-COLOR: #EBEBEB;
 SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
 SCROLLBAR-SHADOW-COLOR: #808080;
 SCROLLBAR-3DLIGHT-COLOR: #808080;
 SCROLLBAR-ARROW-COLOR: #003F7E;
 SCROLLBAR-DARKSHADOW-COLOR: #404040; 
 SCROLLBAR-BASE-COLOR: #999999; }

 
/* Links in general */ 
A:link                      { font-family: arial, verdana, tahoma, geneva, sans-serif;  color: #B0232A; font-size: 12px; font-weight: normal; text-decoration: underline; background-color: transparent; }
A:visited                   { color: #B0232A; text-decoration: underline; font-size: 12px; background-color: transparent; }
A:hover                     { color: #000000; text-decoration: underline; font-size: 12px; background-color: transparent; }
A:active                    { color: #000000; text-decoration: underline; font-size: 12px; background-color: transparent; }

/* Routing */ 
.routing                    { font-family: arial, verdana, geneva, sans-serif; color: #EEE7D8; font-size: 10px; font-weight: bold; padding-left: 42px; background-color: transparent; text-transform: uppercase; }
.routing A:link             { color: #FFFFFF; text-decoration: none; font-size: 10px; font-weight: bold; background-color: transparent; text-transform: uppercase; }
.routing A:visited          { color: #FFFFFF; text-decoration: none; font-size: 10px; font-weight: bold; background-color: transparent; text-transform: uppercase; }
.routing A:hover            { color: #FFFFFF; text-decoration: underline; font-size: 10px; font-weight: bold; background-color: transparent; text-transform: uppercase; }
.routing A:active           { color: #FFFFFF; text-decoration: none; font-size: 10px; font-weight: bold; background-color: transparent; text-transform: uppercase; }

/* Navigation Level 1 */ 
.navigationlevel1           { font-family: arial, verdana, geneva, sans-serif; color: #F9F9E3; font-size: 11px; font-weight: bold; padding-left: 42px; padding-right: 20px; background-color: transparent; text-transform: uppercase; background-image: url(images/cc_bgnavigation_level1.gif); }
.navigationlevel1 A:link    { color: #F9F9E3; text-decoration: none; font-size: 11px; font-weight: bold; background-color: transparent; }
.navigationlevel1 A:visited { color: #F9F9E3; text-decoration: none; font-size: 11px; font-weight: bold; background-color: transparent; }
.navigationlevel1 A:hover   { color: #F9F9E3; text-decoration: underline; font-size: 11px; font-weight: bold; background-color: transparent; }
.navigationlevel1 A:active  { color: #F9F9E3; text-decoration: none; font-size: 11px; font-weight: bold; background-color: transparent; }

/* Navigation Level 2 */ 
.navigationlevel2           { font-family: arial, verdana, geneva, sans-serif; color: #F9F9E3; font-size: 11px; font-weight: bold; padding-left: 42px; padding-right: 20px; background-color: transparent; text-transform: uppercase; background-image: url(images/cc_bgnavigation_level2.gif); }
.navigationlevel2 A:link    { color: #F9F9E3; text-decoration: none; font-size: 11px; font-weight: bold; background-color: transparent; }
.navigationlevel2 A:visited { color: #F9F9E3; text-decoration: none; font-size: 11px; font-weight: bold; background-color: transparent; }
.navigationlevel2 A:hover   { color: #F9F9E3; text-decoration: underline; font-size: 11px; font-weight: bold; background-color: transparent; }
.navigationlevel2 A:active  { color: #F9F9E3; text-decoration: none; font-size: 11px; font-weight: bold; background-color: transparent; }

/* Navigation Level 3 */ 
.navigationlevel3           { font-family: arial, verdana, geneva, sans-serif; color: #F9F9E3; font-size: 11px; font-weight: bold; padding-left: 42px; padding-right: 20px; background-color: transparent; text-transform: uppercase; background-image: url(images/cc_bgnavigation_level3.gif); }
.navigationlevel3 A:link    { color: #F9F9E3; text-decoration: none; font-size: 11px; font-weight: bold; background-color: transparent; }
.navigationlevel3 A:visited { color: #F9F9E3; text-decoration: none; font-size: 11px; font-weight: bold; background-color: transparent; }
.navigationlevel3 A:hover   { color: #F9F9E3; text-decoration: underline; font-size: 11px; font-weight: bold; background-color: transparent; }
.navigationlevel3 A:active  { color: #F9F9E3; text-decoration: none; font-size: 11px; font-weight: bold; background-color: transparent; }

/* Title */ 
.title                      { height: 100px; padding-top: 70px; font-family: arial, verdana, geneva, sans-serif; color: #BF311A; font-size: 24px; font-weight: bold; background-color: transparent; }
.title A:link               { color: #BF311A; text-decoration: none; font-size: 20px; font-weight: bold; background-color: transparent; }
.title A:visited            { color: #BF311A; text-decoration: none; font-size: 20px; font-weight: bold; background-color: transparent; }
.title A:hover              { color: #BF311A; text-decoration: underline; font-size: 20px; font-weight: bold; background-color: transparent; }
.title A:active             { color: #BF311A; text-decoration: none; font-size: 20px; font-weight: bold; background-color: transparent; }

/* Print Title */ 
.print_title                { font-family: arial, verdana, geneva, sans-serif; color: #BF311A; font-size: 24px; font-weight: bold; background-color: transparent; }


/* Content */ 
.content                    { background-color: #EEE7D8; font-family: arial, verdana, geneva, sans-serif; color: #5F5F5F; font-size: 12px; font-weight: normal; line-height: 16px; background-color: transparent; }
.content A:link             { color: #B0232A; text-decoration: underline; font-size: 12px; font-weight: normal; background-color: transparent; }
.content A:visited          { color: #B0232A; text-decoration: underline; font-size: 12px; font-weight: normal; background-color: transparent; }
.content A:hover            { color: #000000; text-decoration: underline; font-size: 12px; font-weight: normal; background-color: transparent; }
.content A:active           { color: #000000; text-decoration: underline; font-size: 12px; font-weight: normal; background-color: transparent; }
.content img                { margin: 8px; } 

/* Teasertitle */ 
.teasertitle                { font-family: arial, verdana, geneva, sans-serif; color: #FFFFE8; font-size: 11px; font-weight: bold; background-color: transparent; }
.teasertitle A:link         { color: #000000; text-decoration: underline; font-size: 12px; font-weight: bold; background-color: transparent; }
.teasertitle A:visited      { color: #000000; text-decoration: underline; font-size: 12px; font-weight: bold; background-color: transparent; }
.teasertitle A:hover        { color: #000000; text-decoration: underline; font-size: 12px; font-weight: bold; margin-left: 6px; background-color: transparent; }
.teasertitle A:active       { color: #000000; text-decoration: underline; font-size: 12px; font-weight: bold; background-color: transparent; }

/* Teaser */ 
.teaser                     { font-family: arial, verdana, geneva, sans-serif; color: #FFFFE8; font-size: 11px; font-weight: normal; padding-left: 16px; padding-right: 16px;}
.teaser A:link              { color: #FFFFFF; text-decoration: underline; font-size: 11px; font-weight: normal; background-color: transparent; }
.teaser A:visited           { color: #FFFFFF; text-decoration: underline; font-size: 11px; font-weight: normal; background-color: transparent; }
.teaser A:hover             { color: #FFFFE8; text-decoration: underline; font-size: 11px; font-weight: normal; margin-left: 6px; background-color: transparent; }
.teaser A:active            { color: #FFFFE8; text-decoration: underline; font-size: 11px; font-weight: normal; background-color: transparent; }

/* icons */ 
/* icons will be moved some pixels like rollovers */
.icons A:link               { margin-top: 0px; width: 25px; height: 25px; background-color: transparent; }
.icons A:visited            { margin-top: 0px; width: 25px; height: 25px; background-color: transparent; }
.icons A:hover              { margin-top: 3px; width: 25px; height: 25px; background-color: transparent; }
.icons A:active             { margin-top: 5px; width: 25px; height: 25px; background-color: transparent; }

/* CompanyCom bar */ 
.companycom                 { background-color: #EEE7D8; font-family: verdana, geneva, arial, sans-serif; color: #C41200; font-size: 11px; font-weight: normal; padding-left: 16px; }
.companycom A:link          { color: #C41200; text-decoration: none; font-size: 11px; font-weight: normal;  }
.companycom A:visited       { color: #C41200; text-decoration: none; font-size: 11px; font-weight: normal;  }
.companycom A:hover         { color: #000000; text-decoration: underline; font-size: 11px; font-weight: normal;}
.companycom A:active        { color: #000000; text-decoration: none; font-size: 11px; font-weight: normal; }

/* Form elementen */
.button                     { font-family: arial, verdana, geneva, sans-serif; font-size: 12px; color: #000000; background-color: #CCCCCC; width: 160px; height: 22px; border: 1px outset #FFFFFF; }
.form-text                  { font-family: arial, verdana, geneva, sans-serif; font-size: 12px; color: #000000; background-color: #EEEEEE; width: 220px; height: 20px; border: 1px inset #CCCCCC; padding-left: 4px; }
.form-pulldown              { font-family: arial, verdana, geneva, sans-serif; font-size: 12px; color: #000000; background-color: #EEEEEE; width: 160px; height: 22px; }
.form-text_small            { font-family: arial, verdana, geneva, sans-serif; font-size: 12px; color: #000000; background-color: #EEEEEE; width: 105px; height: 20px; border: 1px inset #CCCCCC; padding-left: 4px; }
.input_type                 { font-family: arial, verdana, geneva, sans-serif; font-size: 12px; color: #000000; background-color: #EEEEEE; width: 220px; height: 20px; border: 1px inset #CCCCCC; padding-left: 4px; }
.textarea                   { font-family: arial, verdana, geneva, sans-serif; font-size: 12px; color: #000000; background-color: #EEEEEE; width: 220px; height: 100px; }
.hr                         { color: #666666; height: 1px; background-color: transparent; }

.off_pulldown               { font-family: arial, verdana, geneva, sans-serif; font-size: 12px; color: #000000; background-color: #EEEEEE; width: 160px; height: 20px; }
.off_input                  { font-family: arial, verdana, geneva, sans-serif; font-size: 12px; color: #000000; background-color: #EEEEEE; width: 160px; height: 20px; border: 1px inset #CCCCCC; padding-left: 4px; }
.off_input_small            { font-family: arial, verdana, geneva, sans-serif; font-size: 12px; color: #000000; background-color: #EEEEEE; width: 76px; height: 20px; border: 1px inset #CCCCCC; padding-left: 4px; }
.off_button                 { font-family: arial, verdana, geneva, sans-serif; font-size: 12px; color: #000000; background-color: #CCCCCC; width: 160px; height: 20px; border: 1px outset #FFFFFF; }
.off_textarea               { font-family: arial, verdana, geneva, sans-serif; font-size: 12px; color: #000000; background-color: #EEEEEE; width: 160px; height: 80px; }