/* 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: #52727E; font-size: 12px; font-weight: normal; text-decoration: none; background-color: transparent; }
A:visited                   { color: #52727E; text-decoration: none; font-size: 12px; background-color: transparent; }
A:hover                     { color: #52727E; text-decoration: none; font-size: 12px; background-color: transparent; }
A:active                    { color: #52727E; text-decoration: none; font-size: 12px; background-color: transparent; }

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

/* Navigation Level 1 */ 
.navigationlevel1           { font-family: arial, verdana, geneva, sans-serif; color: #000000; font-size: 11px; font-weight: bold; padding-left: 16px; background-color: transparent; background-image: URL(images/cc_bgnavigation_level1.gif); }
.navigationlevel1 A:link    { color: #666666; text-decoration: none; font-size: 11px; font-weight: bold; background-color: transparent; }
.navigationlevel1 A:visited { color: #666666; text-decoration: none; font-size: 11px; font-weight: bold; background-color: transparent; }
.navigationlevel1 A:hover   { color: #000000; text-decoration: underline; font-size: 11px; font-weight: bold; background-color: transparent; }
.navigationlevel1 A:active  { color: #52727E; text-decoration: none; font-size: 11px; font-weight: bold; background-color: transparent; }

/* Navigation Level 2 */ 
.navigationlevel2           { font-family: arial, verdana, geneva, sans-serif; color: #000000; font-size: 11px; font-weight: bold; padding-left: 16px; background-color: transparent; background-image: URL(images/cc_bgnavigation_level2.gif);}
.navigationlevel2 A:link    { color: #666666; text-decoration: none; font-size: 11px; font-weight: bold; background-color: transparent; }
.navigationlevel2 A:visited { color: #666666; text-decoration: none; font-size: 11px; font-weight: bold; background-color: transparent; }
.navigationlevel2 A:hover   { color: #000000; text-decoration: underline; font-size: 11px; font-weight: bold; background-color: transparent; }
.navigationlevel2 A:active  { color: #52727E; text-decoration: none; font-size: 11px; font-weight: bold; background-color: transparent; }

/* Navigation Level 3 */ 
.navigationlevel3           { font-family: arial, verdana, geneva, sans-serif; color: #000000; font-size: 11px; font-weight: bold; padding-left: 16px; background-color: transparent; background-image: URL(images/cc_bgnavigation_level3.gif);}
.navigationlevel3 A:link    { color: #666666; text-decoration: none; font-size: 11px; font-weight: bold; background-color: transparent; }
.navigationlevel3 A:visited { color: #666666; text-decoration: none; font-size: 11px; font-weight: bold; background-color: transparent; }
.navigationlevel3 A:hover   { color: #000000; text-decoration: underline; font-size: 11px; font-weight: bold; background-color: transparent; }
.navigationlevel3 A:active  { color: #52727E; text-decoration: none; font-size: 11px; font-weight: bold; background-color: transparent; }

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

/* Content */ 
.content                    { font-family: arial, verdana, geneva, sans-serif; color: #000000; font-size: 12px; font-weight: normal; line-height: 16px;  background-color: transparent; }
.content A:link             { color: #000000; text-decoration: underline; font-size: 12px; font-weight: normal; background-color: transparent; }
.content A:visited          { color: #000000; text-decoration: underline; font-size: 12px; font-weight: normal; background-color: transparent; }
.content A:hover            { color: #000000; text-decoration: none; font-size: 12px; font-weight: normal; background-color: transparent; }
.content A:active           { color: #2F4952; 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: #000000; font-size: 12px; 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: #2F4952; text-decoration: underline; font-size: 12px; font-weight: bold; background-color: transparent; }

/* Teaser */ 
.teaser                     { font-family: arial, verdana, geneva, sans-serif; color: #000000; font-size: 12px; font-weight: normal; padding-left: 16px; padding-right: 16px; background-color: transparent; }
.teaser A:link              { color: #000000; text-decoration: underline; font-size: 12px; font-weight: bold; background-color: transparent; }
.teaser A:visited           { color: #000000; text-decoration: underline; font-size: 12px; font-weight: bold; background-color: transparent; }
.teaser A:hover             { color: #000000; text-decoration: underline; font-size: 12px; font-weight: bold; margin-left: 6px; background-color: transparent; }
.teaser A:active            { color: #2F4952; text-decoration: underline; font-size: 12px; font-weight: bold; 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                 { font-family: arial, verdana, geneva, sans-serif; color: #FFFFFF; font-size: 11px; font-weight: normal; padding-left: 16px; padding-right: 16px; }
.companycom A:link          { color: #FFFFFF; text-decoration: none; font-size: 11px; font-weight: bold;  }
.companycom A:visited       { color: #FFFFFF; text-decoration: none; font-size: 11px; font-weight: bold;  }
.companycom A:hover         { color: #FFFFFF; text-decoration: underline; font-size: 11px; font-weight: bold;}
.companycom A:active        { color: #52727E; text-decoration: none; font-size: 11px; font-weight: bold; }

                            
							/* other elements */

/* 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-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; }
.form-pulldown             { font-family: arial, verdana, geneva, sans-serif; font-size: 12px; color: #000000; background-color: #EEEEEE; }
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; }