/*CVS Add-ins*/
/*
$Revision: 1.37 $
$Date: 2009/02/12 09:43:31 $
$RCSfile: color.css,v $
Authors: JDE, SPI
Copyright (c) A&B.FACE2NET GmbH
*/

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*
    colors.css fuer SPD08008 (barrierefreie Version) (strukturelle Styles)
    21.11.2008 JDE
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

/* principally used colours:

    colour code     colour            usage
    -----------     ------------      ----------------------------------------------
    -#BBD8E0- #559DB3 blue            background body, teaserueberschrift
    #72909A         blue grey         border teaser blaettern,

    #454545         very dark grey    foreground main, header, submit
    #E3E3E3         light grey        border quicksearch, background direct

    #E1ECF0         very light blue   background teaser

    #959595         grey              background body, footer
    #686868         dark grey         background inner footer (kontakt, impressum)
    #BBD8E1         light blue        foreground form input hover,
                                      background teaser blaettern, main

    #828282         grey              border submit

    #505050         dark grey         border acronym
    #d1d1d1         light grey        background main

    #ECECEC         very light grey   background quicksearch,
                                      foreground footer
    #C1C1C1         grey              border quicksearch

    #1C4C5C         very dark grey    foreground navmain links
    #393939         very dark grey    foreground breadcrumb links

    #E2001A         red               foreground links,
                                      background active footerlink, hover mainnav links
    #69000C         dark red          foreground visited links
    #818080         grey              background mainnav active link
    #636363         dark grey         border breadcrumb

    #E7E7E7         very light grey   background teaser
    #EDEDED         very light grey   background teaser fullbgimg
    #2A2A2A         very dark grey    foreground teaser fullbgimg headline
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */


/* + + + + + bg-images + + + + + */
/*icons_list.gif*/
#content ul li,
#content .teaser .teasertxt .link a:link,
#content .teaser .teasertxt .link a:visited,
#content .fullbgimg .teasertxt.icon li a:link,
#content .fullbgimg .teasertxt.icon li a:visited,
#content .teaserflash p.more{ background: url("../styleimages/icons_list_start.gif") no-repeat left top; }


/*bg_nav_icons.gif*/
#navMain li,
#navMain li.active,
#navMain li.activelink,
#navMain li a:hover,
#navMain li a:focus,
#navMain li a:active,
#breadcrumb span{ background: #FFF url("../styleimages/bg_nav_icons.gif") no-repeat left top; }


/*bg_redshadows*/
#navContent .communitybanner h2{ color: #FFF; background: #E3001A url("../styleimages/bg_redshadows.gif") repeat-x left top; }


/*bg_greyshadows*/
#header form,
#content form .submit{ background: #FFF url("../styleimages/bg_greyshadows.gif") repeat-x scroll left -321px; }


/* + + + + + visual.css: + + + + + */
html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p,
blockquote, a, abbr, acronym, img, strong,
dl, dt, dd, ol, ul, li,
form, fieldset, label, legend, input, select, textarea,
table, caption, tbody, tfoot, thead, tr, th, td{
	background: transparent;
	color: #454545;
}


/* + + + + + basics + + + + + */
*{ color: #000; border-color: #000; }
body{ background: #549DB3; color: #FFF; }

acronym{ border-bottom: dotted 1px #505050; }
.noBorder{ border: none 0 !important; }
.testborder{ border: 1px solid green !important; }

.main{ background-color: #BBD8E1; border-top: solid 8px #86AEBA; color: #454545; }

#header{ background: #FFF url("../styleimages/bg_header.gif") repeat-x left top; color: #454545; }
#header #quicksearch.closed{ background: #FFF; }
#header #direct{ background: #E3E3E3; }


#header form{ background-position: 0 0; border: 1px solid #818080; }
#header form input.formElement{ border: none 0; }
#header hr.structure{ background-color: #FFF; border: none 0; border-bottom: solid 1px #FFF; color: #FFF; }

.white{ background-color: #FFF; border: none 0; border-color: #FFF; color: #FFF; }

#content{ background: #FFF; border: 1px solid transparent; }
#content .inner{ background: #FFF; border: 0 none; border-right: solid 5px #FFF; border-left: solid 5px #FFF; }

.banner_area .banner a:link,
.banner_area .banner a:visited{ border: solid 2px #FFF; }
.banner_area .banner a:hover,
.banner_area .banner a:focus,
.banner_area .banner a:active{ border-color: #E2001A; }


/* communitybanner */
.communitybanner{ background: #FFF; }
.communitybanner li{ border: 1px solid transparent; }


/* footer */
#footer{ background: #1C4C5C; border-bottom: solid 9px #417E91; color: #FFF; }

#footer .inner span,
#footer .inner a:link,
#footer .inner a:visited,
#footer .inner acronym{ color: #BBD8E1; }

#footer .inner .langlinks li a:link,
#footer .inner .langlinks li a:visited,
#footer .inner .footerlinks li a:link,
#footer .inner .footerlinks li a:visited{ border: 2px solid #BBD8E1; background: #1C4C5C; }

#footer .inner .langlinks li a:hover,
#footer .inner .langlinks li a:focus,
#footer .inner .langlinks li a:active,
#footer .inner .footerlinks li a:hover,
#footer .inner .footerlinks li a:focus,
#footer .inner .footerlinks li a:active{ background-color: #BBD8E1; color: #1C4C5C; }

#footer .inner .footerlinks li.active a:link,
#footer .inner .footerlinks li.active a:visited,
#footer .inner .footerlinks li.active strong{ background-color: #E2001A; border: 2px solid #FFF; color: #FFF; }

#footer .inner .copy .languagelinks li a{ border-left: 9px solid #FFF; border-top: none 0; }

/*#footer .inner .sociallinks li a:link,
#footer .inner .sociallinks li a:visited{ border: 1px solid #1C4C5C; }
#footer .inner .sociallinks li a:hover,
#footer .inner .sociallinks li a:focus,
#footer .inner .sociallinks li a:active{ border-color: #BBD8E1; }*/
#footer .inner .sociallinks .flickr{ background: url("../styleimages/logo_flickr_hover.gif") no-repeat left top; }
#footer .inner .sociallinks .youtube{ background:  url("../styleimages/logo_youtube_hover.gif") no-repeat left top; }
#footer .inner .sociallinks .myspace{ background: url("../styleimages/logo_myspace_hover.gif") no-repeat left top; }
#footer .inner .sociallinks .facebook{ background: url("../styleimages/logo_facebook_hover.png") no-repeat 2px 0; }
#footer .inner .sociallinks .twitter{ background: url("../styleimages/logo_twitter_hover.gif") no-repeat 0 0; }


/* + + + + + nav + + + + + + + */
#navMain .blockgroup0,
#navMain .blockgroup1,
#navMain .blockgroup2,
div.no0, div.no1, div.no2, div.no3, div.no4{ border: solid 1px transparent; }

#navMain h3{ color: #1C4C5C; }
#navMain h3 em{ color: #E2001A; }

#navMain li{ background-position: -54px 4px; color: #E2001A; }
#navMain li.active{ background-position: -15px 0; }
#navMain li.activelink{ background-position: 0 0; }

#navMain li a:link,
#navMain li a:visited{ color: #1C4C5C; }
#navMain li a:hover,
#navMain li a:focus,
#navMain li a:active{ background-position: -45px -8px; color: #E2001A; }

#navMain li.activelink a:link,
#navMain li.activelink a:visited{ color: #E2001A; background: #FFF; }
#navMain li.activelink a:link strong,
#navMain li.activelink a:visited strong{ color: #FFF; background: #559DB3; }
#navMain li.activelink a:hover,
#navMain li.activelink a:focus,
#navMain li.activelink a:active{ color: #FFF; }
#navMain li.activelink a:link *,
#navMain li.activelink a:visited *{ color: inherit; }

#navMain li.active strong{ color: #FFF; background: #DF001C; }


/*zur ajax startseite*/
#quicksearch .alternative a {
	background: url("../styleimages/bg_alt_start.gif") no-repeat 0 2px;
	padding-left: 20px;
}

#quicksearch .alternative a:link,
#quicksearch .alternative a:visited{ color: #1C4C5C; }
#quicksearch .alternative a:hover,
#quicksearch .alternative a:focus,
#quicksearch .alternative a:active{ background: url("../styleimages/bg_alt_start_hover.gif") no-repeat 0 2px; color: #E2001A; }


/*breadcrumb*/
#breadcrumb span{ border: 1px solid #636363; border-right: 0; border-left: 0; background-position: -32px -30px; }
#breadcrumb span strong{ color: #FFF; }

#breadcrumb span#start{ background-color: #E2001A; background-image: none; border-color: #636363; border-left: 1px solid #636363; color: #FFF; }
#breadcrumb span.start{ background-image: none; border-left: 1px solid; }
#breadcrumb span.current{ background-color: #E2001A; color: #FFF; border-right: 1px solid; }
#breadcrumb span.current em{ color: #FFF; }

#breadcrumb span a:link,
#breadcrumb span a:visited,
#breadcrumb span a:link *,
#breadcrumb span a:visited *{ border-color: #636363; color: #393939; }

#breadcrumb span.start a:link,
#breadcrumb span.start a:visited{ background-color: #FFF; }
#breadcrumb span.start a:hover,
#breadcrumb span.start a:focus,
#breadcrumb span.start a:active,
#breadcrumb span a:hover,
#breadcrumb span a:focus,
#breadcrumb span a:active,
#breadcrumb span a:hover *,
#breadcrumb span a:focus *,
#breadcrumb span a:active *{ color: #E2001A; }


/*boxnavigation*/
#navContent hr{ border: none 0; border-top: 1px solid #BBD8E1; background-color: #BBD8E1; color: #BBD8E1; }

#boxnavigation ul{ background: #FFF; border-right: 1px solid #B2B2B2; }
#boxnavigation ul li{ background: url("../styleimages/boxnavigation_arrow.gif") no-repeat 100% 50%; border-bottom: 1px solid #559db3; }

#boxnavigation ul li a:link,
#boxnavigation ul li a:visited,
#boxnavigation ul li strong{ border: none 0; }

#boxnavigation ul li a:link,
#boxnavigation ul li a:visited{ color: #565656; }
#boxnavigation ul li a:hover,
#boxnavigation ul li a:focus,
#boxnavigation ul li a:active,
#boxnavigation ul li.hover a:link,
#boxnavigation ul li.hover a:visited,
#boxnavigation ul li.hover strong{ background: url("../styleimages/boxnavigation_arrow_hover.gif") repeat-y right 50%; color: #E2001A; }


/* + + + + + content + + + + + */
a:link,
a:visited{ color: #E2001A; }
a:visited{ color: #69000C; }
#content a:hover,
#content a:focus,
#content a:active{ background-color: #E2001A; color: #FFF; }

a:link *,
a:visited *{ color: #E2001A; }
a:visited *{ color: #69000C; }
#content a:hover *,
#content a:focus *,
#content a:active *{ background-color: #E2001A; color: #FFF; }


/*listen*/
#content ol,
#content ul{ background-color: #FFF; }
#content li ol li{ background-image: none; }

#content ul li{ background-position: -68px -149px; }
#content li ul li{ background-position: -68px -146px; }


/*images*/
img{ border: none 0; }


/*table*/
table{ border-collapse: collapse; }


/*teaser*/
#content .teaser .teasertxt .link a:link,
#content .teaser .teasertxt .link a:visited{ background-position: -83px -129px; }
#content .teaser .teasertxt a:hover,
#content .teaser .teasertxt a:focus,
#content .teaser .teasertxt a:active,
#content .teaser .teasertxt a:hover *,
#content .teaser .teasertxt a:focus *,
#content .teaser .teasertxt a:active *{ color: #E2001A; }


/* fullimg teaser */
#content .teaser .teasertxt a:hover,
#content .teaser .teasertxt a:focus,
#content .teaser .teasertxt a:active,
#content .teaser .teasertxt a:hover *,
#content .teaser .teasertxt a:focus *,
#content .teaser .teasertxt a:active *{ background-color: #FFF; }


/*teasertxt + icon*/
#content .fullbgimg .teasertxt.icon li{ background: none; }
#content .fullbgimg .teasertxt.icon li a:link,
#content .fullbgimg .teasertxt.icon li a:visited{ background-position: -83px -129px; }

/* flashteaser */
#content .teaserflash{ background: #E1ECF0; }
#content .teaserflash p.more{ background-position: -195px -12px; }

#content .video .teaserimg div.fullheight,
#content .audio .teaserimg div.fullheight{ background-position: 50% 55%; }
#content .audio .teaserimg a:link,
#content .video .teaserimg a:link,
#content .audio .teaserimg a:visited,
#content .video .teaserimg a:visited{ border-top: 2px solid #fff; border-bottom: 2px solid #fff; }
#content .video .teaserimg a:focus,
#content .audio .teaserimg a:focus,
#content .video .teaserimg a:hover,
#content .audio .teaserimg a:hover{ background-color: transparent; border-top: 2px solid red; border-bottom: 2px solid red; }