/* File Details: (in BBEdit updated by "ctrl cmd u")
<!-- #bbinclude "date.txt" #bbincludeoptions#="inline=true" -->

########### Last updated:    10-Nov-09, 16:01 Uhr +1300
########### File Size:       9329 Byte
########### By:              pscheuerl@basecmp.de

<!-- end bbinclude -->
*/

/* - - - - - - - - - - (c) 2009 Basecmp Professional Web Solutions  - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - COLOURS ONLY - - - - - - - - - - - - - - - - - - */

/* ###################################################
Steria Styleguide Colors :

Main Colors:
Steria Blue:              #111987
Steria Yellow:            #ffb200
Steria Orange:            #ff5900

Steria Grey:              #8b8d8e
Steria White:             #fff

Secondary:
Steria Red:               #b71234
Steria Purple:            #93509e 
Steria Teal:              #0083a9 
Steria Green:             #7ab800 
Steria Pink:              #ec008c

Tint (75%):
Steria Blue 75% Tint:     #446ead
Steria Yellow 75% Tint:   #ffc85b
Steria Orange 75% Tint:   #f89d58
Steria Red 75% Tint:      #dd5e64 
Steria Purple 75% Tint:   #ae7eb7 
Steria Teal 75% Tint:     #009abb 
Steria Green 75% Tint:    #a8d26d 
Steria Pink 75% Tint:     #f067a6
Steria Grey 75% Tint:     #ababad

 ################################################### */

/* Font colors */
a:link, a:visited, div.articlelist h2,  .caption, div.midcontent, div.midcontent h1, div.midcontent h2, .greyhead, .hometeaserblock p, div.multibox h1,
.rightboxwhite, div.darkcolor a:link, div.darkcolor a:visited, div.darkcolor, .sitemap h1,
div.sitemap a:link, div.sitemap a:visited, div.sitemap a:hover,  div.sitemap a:active,
.fotolist td h2 a:link, .fotolist td h2 a:visited, .hometeaserblock h2 a:link, .hometeaserblock h2 a:visited
div.teaser_right h2, .dropcontainer ul a, .dropcontainer ul a:hover, .contactrightselect .dropcontainer ul a,
.contactrightwhenday .dropcontainer ul a, .contactrightwhentime .dropcontainer ul a,
.color2, .color3, div ul.faq li.act a:link, div ul.faq li.act a:visited, table.events td .eventname, .archivenews:hover
{ color: #000 } /* Black */


.colorteaser .caption, .colorteaser .caption h1, .homearrow, .emotional div p,
a.homearrow:link, a.homearrow:visited, a.homearrow:hover, a.homearrow:active,
#navcontainer a:link, #navcontainer a:visited, #navcontainer a:hover, #navcontainer a:active, .rightboxcontent,
.color1, .color2 .claim span, .color3 .claim span, #right .color1 .arrowlink, .landing .text, .landing1 .text,
#right a.color1:link, #right a.color1:visited, table.events th
{ color: #fff; } /* White */

.metanav a:link,  .metanav a:visited, .metanav
{ color: #888d8e;} /* Steria Grey */

div.multibox, .field, div ul.faq li a:link, div ul.faq li a:visited, div h2.question, table.events td,
ul.level3 li a:link, ul.level3 li a:visited, .archivenews:visited
{ color:#505152; } /* Darker Grey */


div.teaser_right h1, .hometeaserblock h2, div.articlelist h1, .contacthead,
.midcontent table caption, a.homeweiter:link, a.homeweiter:visited,
div.darkcolor a:hover, div.darkcolor a:active, .orangetext, .rightboxwhite b, 
.hometeaserblock h2 a:hover, .hometeaserblock h2 a:active, .fotolist td h2 a:hover, .fotolist td h2 a:active,
ul.level1 li a:hover, ul.level1 li a:active, a:hover, a:active, .contactrightselect a:hover, .contactrightselect a:active,
.contactrighterrormsg, .contactrightwhenday a:hover, .contactrightwhenday a:active, .contactrightwhentime a:hover, .contactrightwhentime a:active,
div ul.faq li a:hover, div ul.faq li a:active
{ color:#ff5900; } /* Staria Orange */


.color1 .claim span.invert, .color2 .claim span.invert, .color3 .claim span.invert
{ color: #111987;} /* Steria Blue */


.subnav a:link, .subnav a:visited, .subnav a:hover, .subnav a:active,
#langselect a:hover, #langselect a:active, .metanav a:hover,  .metanav a:active,
 a.metalink:hover, a.metalink:active
{ color: #323333;} /* Darkest Grey */

a#logo:link, a#logo:visited, a#logo:hover, a#logo:active
{ color: transparent}

/* - - - - - - - - - - - - - - - Background colors - - - - - - - - - - - - - - - */

/* Steria Grey */
body, .color3, .metalink img
{ background-color: #888d8e; } /* Steria Grey */

#right .color3
{ background-color: #ababad; } /* Steria Grey 75% */

a:hover, a:active, .cleaner, #footcontainer, .ipic,
.metanav a:hover,  .metanav a:active, .metanav a:link,  .metanav a:visited,
.hometeaserblock h2 a:link, .hometeaserblock h2 a:visited, .fotolist td h2 a:link, .fotolist td h2 a:visited
{background-color:transparent;} /* Transparent */

#twocolumn #footer_left, #main1, #header, a#logo:link, a#logo:visited, a#logo:hover, a#logo:active, .nav2, .homeleft, .homeright,
#footer_middle, .rightboxwhite, .rightboxrt, .rightborb, #navcontainer, .field, .contactboxcontent,
.hometeaserblock p, a.homeweiter:link, a.homeweiter:visited,
.homearrow, a.homearrow:link, a.homearrow:visited, a.homearrow:hover, a.homearrow:active,
div.sitemap a:hover, div.sitemap a:active,
ul.level1 ul.level2 li a:link, ul.level1 ul.level2 li a:visited, ul.level1 ul.level2 li a:hover, ul.level1 ul.level2 li a:active,
.trigger, .dropcontainer ul, .contactrightselect .trigger, .contactrightselect .activetrigger,
.contactrightselect .dropcontainer ul, .contactrightwhenday .trigger, .contactrightwhentime .trigger,
.contactrightwhenday .activetrigger, .contactrightwhentime .activetrigger, .contactrightwhenday .dropcontainer ul, 
.contactrightwhentime .dropcontainer ul, .color1 .claim span.invert, .color2 .claim span.invert, .color3 .claim span.invert
{background-color: #fff;} /* White */


#footer_left,  #footer_right
{ background-color:#ededed; } /* Lightest grey, has to be same as background image left and right */

.hometeaserblock h2, .greyhead, .darkcolor p, div.darkcolor, .headblock,
.darkcolor p a:link, .darkcolor p a:visited, .contactform, .midcontent table caption, .midcontent table tr.even,
.fotolist td h2, .midcontent .ipicleft .caption, .midcontent .ipicright .caption
{ background-color:#e8eced; } /* Lightest grey */



#navcontainer ul, #navcontainer a:link, #navcontainer a:visited,
.rightboxbg, .colorteaser .ipic, .color1, .darkcolor, .colorteaser .caption,
ul.level3 li a:link img, ul.level3 li a:visited img, .coloredcontactdot, .color3 .claim span
{ background-color: #111987;} /* Staria Blue */


.color2 .claim span
{ background-color: #446ead;} /* Steria Blue 75% Tint */


#navcontainer a:hover, #navcontainer a:active, #navcontainer ul li:hover,
#navcontainer ul li.current, #navcontainer ul li.current a:link, #navcontainer li.current a:visited,
ul.level3 li a:hover img, ul.level3 li a:active img, .color2, .color1 .claim span, table.events th
{ background-color: #ff5900;} /* Staria Orange */



.subnavhead, .subnav2, .subnav2 a:hover, .subnav2 a:active, 
.darkcolor p a:hover, .darkcolor p a:active,
.hometeaserblock h2 a:hover, .hometeaserblock h2 a:active,
.fotolist td h2 a:hover, .fotolist td h2 a:active, .archivenews:hover
{ background-color: #d8d8d8;} /* light gray, eg subnav left 2nd level*/

.activetrigger, .dropcontainer ul a:hover
{ background-color: #c2c2c2;} /* light gray */

/* Arealinks on right */
#right a.color1:hover, #right a.color1:active
{background-color:#141e9e;} /* lighter blue */

/* Arealinks on right */
#right a.color2:hover, #right a.color2:active
{background-color:#ff7020;} /* lighter orange */

/* Arealinks on right */
#right a.color3:hover, #right a.color3:active
{background-color:#b8b8b9;} /* lighter grey */

a.metalink:hover img, a.metalink:active img 
{
	background-color: #323333;
}


/* - - - - - - - - - - - - - - Border colors - - - - - - - - - - - - - -  */

#header, ul.level1, ul.level2, ul.level3, ul.level2 li, ul.level3 li, .field, 
#navcontainer ul li, #navcontainer ul li:first-child
{ border-color: #fff; } /* White */

#twocolumn #footer_middle
{ border-left-color: #fff; } /* White */

#langselect select, .midcontent table thead td, .midcontent table tfoot td, .midcontent table, .midcontent table caption,
#main1, #right h2, #footer_middle, .artlist,
div.topborder, .greyhead,
.contactleft, .contactstreet, .contactno, .contactzip, .contacttown, .trigger, .activetrigger, .dropcontainer ul,
.contactright textarea, .contactrightselect .trigger, .contactrightselect .activetrigger, .contactrightselect .dropcontainer ul,
.contactrightwhenday .trigger, .contactrightwhentime .trigger, .contactrightwhenday .activetrigger, .contactrightwhentime .activetrigger,
.contactrightwhenday .dropcontainer ul, .contactrightwhentime .dropcontainer ul, .subnav li, .deepsubnav
{ border-color: #888d8e;}

.midcontent .ipicleft, .midcontent .ipicright, div.newstext, .archivenews,
ul.level1 li a:link, ul.level1 li a:visited, ul.level1 li a:hover, ul.level1 li a:active
{ border-color: #ff5900;} /* Staria Orange */

div.darkcolor { border-top-color: #888d8e; } /* has to be seperated from above as the left border of this element has to be different color*/
div.darkcolor { border-left-color: #111987; } /* This is the colored block beside the headlines */ /* Staria Blue */