/* +++ Normal anchors: */
a {
    text-decoration: none;
}

a,
a:link {
    color: #1f387f;   /* Dark blue from gradient in inactive menus. */
    background-color: #ffffff;
    border-bottom: 1px solid #1f387f;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
}

a:visited {
    color: #111111;
    background-color: #ffffff;
    border-bottom: 1px dotted #c8c8c8;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
}

/* Do not format simple name anchors (not clickable): */
a[name],
a[name]:link,
a[name]:visited,
a[name]:hover
 {
    border: none;
    color: inherit;
    background-color: inherit;
}

/* Mark external links with an earth ball: */

a[rel=external]:before {
    content: url(erdkugel_v2.png);
    padding: 0em 0.2em;
}

/* Needed for some image links: */
a[rel=external] {
    white-space: nowrap;
}


/* No visible default border for #breadcrumb and #site_config: */
#breadcrumb a:link,
#breadcrumb a:visited,
#site_config a:link,
#site_config a:visited {
    border: 2px solid transparent;
}

a:hover,
a:focus,
a:active,
#breadcrumb a:hover,
#breadcrumb a:focus,
#breadcrumb a:active,
#site_config a.real_link:hover,
#site_config a.real_link:focus,
#site_config a.real_link:active,
#site_config a:first-child:hover,
#site_config a:first-child:focus,
#site_config a:first-child:active {
    color: #000000;
    background-color: #f0f0f0;
    /* border-bottom: 1px dashed #000000; */
    border: 2px dotted #000000;
    outline: none;
}


#branding > h1 > a:hover,
#branding > h1 > a:focus,
#branding > h1 > a:active {
    border: 2px dotted #000000;
}



/* +++++++++++++++++ Content related stuff ++++++++++++++++++++++++++++
*/
#c2web_home #welcome > p.imgContainer a,
#c2web_home #welcome > p.imgContainer a:link,
#content /* ul.list_with_images li */ a.imgLink,
#content /* ul.list_with_images li */ a.imgLink:link {
    border: 1px solid #1f387f;
}
#c2web_home #content p.gestures a.imgLink,
#c2web_home #content p.gestures a.imgLink:visited,
#c2web_home #content p.gestures a.imgLink:link {
    border-color: transparent;
}
#c2web_home #welcome > p.imgContainer a:visited,
#content /* ul.list_with_images li */ a.imgLink:visited {
    border: 1px dotted #c8c8c8;
}
#c2web_home.fontsize_big #welcome > p.imgContainer a:visited,
body.fontsize_big #content /* ul.list_with_images li */ a.imgLink:visited {
    color: #111111;
    background-color: #ffffff;
}
#c2web_home #welcome > p.imgContainer a:hover,
#c2web_home #welcome > p.imgContainer a:focus,
#c2web_home #welcome > p.imgContainer a:active,
#content /* ul.list_with_images li */ a.imgLink:hover,
#content /* ul.list_with_images li */ a.imgLink:focus,
#content /* ul.list_with_images li */ a.imgLink:active,
#c2web_home #content p.gestures a.imgLink:hover,
#c2web_home #content p.gestures a.imgLink:focus,
#c2web_home #content p.gestures a.imgLink:active {
    border: 2px dotted #000000;
    margin: 0;  /* Remove 1px padding/margin reserved for thick border in layout*.css */
    outline: none;
}

#c2web_home.fontsize_big #welcome > p.imgContainer a:hover,
#c2web_home.fontsize_big #welcome > p.imgContainer a:focus,
#c2web_home.fontsize_big #welcome > p.imgContainer a:active,
body.fontsize_big #content /* ul.list_with_images li */ a.imgLink:hover,
body.fontsize_big #content /* ul.list_with_images li */ a.imgLink:focus,
body.fontsize_big #content /* ul.list_with_images li */ a.imgLink:active {
    color: #000000;
    background-color: #f0f0f0;
    text-decoration: underline;
}

#content div.heading h2 sup a {
    background-color: #ffe313;
}


/* For browsers, that support it, some "sugar": */
#content h3[id]:target,
#content *[id]:target,
/* Use additional ID instead: #content a[name]:target, */
#breadcrumb:target p,
#content #configform fieldset[id]:target legend,
#navi_accesskeys:target h2 {
    /* Does visually interfere with focus marks:
    outline: 2px dashed #000000;
    */
    color: #000000;
    background: #ffe313 url(balkengelb_1600x40_aktuell.png) no-repeat scroll left top;
}
/* Reset #breadcrumb:target p span to original values for "p" tag:
     ==> See typo+decor.css
*/
/* Change / reset more exceptions: */
#content #configform fieldset[id]:target {
    color: inherit;
    background: inherit;
}


/* +++++++++++++++ (Contact+Config) form related +++++++++++++++++++++++++++
*/
#contactform input:hover
#contactform textarea:hover {
    border: 2px dotted #585858;
    /* background: #f0f0f0; */
    background: #ddddee;
    color: #222222;
}
#configform input:focus,
#configform input:active,
#contactform input:focus,
#contactform input:active,
#contactform textarea:focus,
#contactform textarea:active {
    background: #fcfcfc;
    color: #000000;
    border: 2px dotted #000000;  /* Solution without javascript! */
}

/* TODO: Make border around radio buttons and checkboxes !!!!!!!!!!!!!!!!!! */

/* ++++++++++++++++++ Start of navigation related stuff: ++++++++++++++
*/
/* See typo+decor.css, too! */
ul.linkbar {
    color: #444444;
    background: #f0f0f0;
}

#site_config_workaround {
    border: none;
}

ul.linkbar li a,
#navi_overview li a,
body.fontsize_big #site_config a.real_link,   /* No background in normal layout! */
ul.linkbar li a:visited,
#navi_overview li a:visited,
body.fontsize_big #site_config a.real_link:visited {
    color: #1f387f;
    background: #f0f0f0;
    border: 2px solid transparent;  /* Overwrite default link setting! */
}



ul.linkbar li a:hover,
ul.linkbar li a:focus,
ul.linkbar li a:active,
#navi_overview li a:hover,
#navi_overview li a:focus,
#navi_overview li a:active,
/* Overwrite special big font setting from above: */
body.fontsize_big #site_config a.real_link:hover,
body.fontsize_big #site_config a.real_link:focus,
body.fontsize_big #site_config a.real_link:active {
    color: #000000;
    background: #dddddd;
    border: 2px dotted #000000;
}

/* Correct ":target" case (reached by choosing "Navigation" from hidden top menu of a page).
Note: The following solution does NOT work in MSIE 6 or 7,
therefore we do use a CSS-/Javascript-Workaround.
*/
#navi_overview:target li a:hover,
#navi_overview:target li a:focus,
#navi_overview:target li a:active,
#navi_overview.simulate_target li a:hover,
#navi_overview.simulate_target li a:focus,
#navi_overview.simulate_target li a:active {
    position: static;
    left: 0px;
}


#navi_overview:target,
#navi_overview.simulate_target,
#navi_main:target,
#navi_tools_bar1:target,
#site_config_workaround:target,
/* See rules around selector "#tagcloud li a[href]:hover":
    ==> Pure name anchors receive focus never (at least on some browsers).
        So leave alive this rules.
        TODO: Write some Javascript, to remove border, if next link did focused.
*/
#tagcloud li a[name="tagcloud_start"]:target,
#tagcloud li a.jump_to_tag:target,
#navi_accesskeys:target,
#site_info:target {
    border: 2px dotted #444444;
}


#navi_tools #site_config_workaround:target:before {
    padding-right: 1em;
}



/* ++++++++++++++++++ 1. Start of tools menu: +++++++++++++++++++++++++++++++++
*/
#navi_tools #site_config a {
    font-weight: bold;
    /* text-decoration: underline; */
}



/* +++++++++++++++++++ 2. Start of main menu: ++++++++++++++++++++++++
*/
/* +++ First level and general settings: */

/* Important NOTE:
        Layout changes inclusive border are beeing left in layout*.css
        and typo+decor.css, done to complexity / great interweaveing with
        other code there.
        So only ":hover" settings will be found here:
*/
/* After replacing padding/margin with border: change background of text: */
#navi_main > ul > li > a:hover,
#navi_main > ul > li > a:focus,
#navi_main > ul > li > a:active,
#navi_main > ul > li > a:hover dfn,
#navi_main > ul > li > a:focus dfn,
#navi_main > ul > li > a:active dfn,
body.fontsize_big #navi_main > ul > li > a:hover,
body.fontsize_big #navi_main > ul > li > a:focus,
body.fontsize_big #navi_main > ul > li > a:active {
    background: #ffe313;
    color: #000000;
    text-decoration: underline;
}
#navi_main > ul > li > a:focus,
#navi_main > ul > li > a:active,
body.fontsize_big #navi_main > ul > li > a:focus,
body.fontsize_big #navi_main > ul > li > a:active {
    outline: 2px dotted #000000;
}

/* ...and add a non-color change, too:
#navi_main > ul > li > a:hover:after,
#navi_main > ul > li > a:focus:after,
#navi_main > ul > li > a:active:after {
    content: "*";
    margin-left: 0.38em;
}
Customer does want underline, not asterix:

But following change is not visible done to blue background (color: black):
#navi_main > ul > li > a:hover,
#navi_main > ul > li > a:focus,
#navi_main > ul > li > a:active {
    text-decoration: underline;
}
*/

/* +++ Active entry and submenus (2. & 3. level):
*/
#navi_main > ul > li > ul > li > a {
    color: #1f387f;
    background: #f0f0f0;
    /* Border disabled by typo+decor.css! */
    border: 2px dotted transparent;
}
#navi_main > ul > li > ul > li > ul > li > a {
    color: #1f387f;
    background: #f8f8f8;
    /* Border disabled by typo+decor.css! */
    border: 2px dotted transparent;
}

#navi_main > ul ul li a:hover,
#navi_main > ul ul li a:focus,
#navi_main > ul ul li a:active {
    color: #000000;
    /* background: #ffffff; */
    background: #dddddd;
    /* text-decoration: underline; */
    border: 2px dotted #000000;
}
/* None-color change:  ==> Not wanted by customer:
#navi_main > ul ul li a:hover:after,
#navi_main > ul ul li a:focus:after,
#navi_main > ul ul li a:active:after {
    content: "*";
    margin-left: 0.19em;
}
*/


/* +++ Second level: */

/* +++ Third level: */




/*  Sonstiges: */
#suchen_c2web form fieldset:hover {
    /* border-color: #000000; */
}

/*
#suchen_c2web input[type="text"]:hover {
    border-color: #585858; 
}
*/
#suchen_c2web input:hover,
#suchen_c2web input:focus,
#suchen_c2web input:active {
    background-color: #dddddd;
    color: #000000;
    border: 2px dotted #585858;
    outline: none;
}
#suchen_c2web input[type="text"]:focus,
#suchen_c2web input[type="text"]:active {
    background-color: #fcfcfc;
    color: #000000;
    border: 2px dotted #000000;
    font-weight: bold;
}
#suchen_c2web:target,
#navi_tagcloud:target
 {
    border: 2px dotted #444444;
}



/* +++ Tagcloud related  &&  link in shortkey help box +++ */
/*
    Compare settings in layout*.css, too
    (padding-margin-border-trick).
    See in typo+decor.css for original background image:
*/
#navi_tagcloud h2 a:hover,
#navi_tagcloud h2 a:focus,
#navi_tagcloud h2 a:active,
body.fontsize_big #navi_tagcloud h2 a:hover,
body.fontsize_big #navi_tagcloud h2 a:focus,
body.fontsize_big #navi_tagcloud h2 a:active,
#navi_accesskeys div.wrapper p a:hover,
#navi_accesskeys div.wrapper p a:focus,
#navi_accesskeys div.wrapper p a:active {
    background: #ffe313;
    color: #000000;
    text-decoration: underline;
}

#navi_tagcloud h2 a:focus,
#navi_tagcloud h2 a:active,
body.fontsize_big #navi_tagcloud h2 a:focus,
body.fontsize_big #navi_tagcloud h2 a:active {
    outline: 2px dotted #000000;
}

#tagcloud li a,
#tagcloud li a:link,
#navi_accesskeys div.wrapper p a,
#navi_accesskeys div.wrapper p a:link,
#news_preview a,
#news_preview a:link {
    background: #f0f0f0 none repeat scroll 0%;
    color: #1f387f;
    border: 2px dotted transparent;
}
#tagcloud li a:visited,
#navi_accesskeys div.wrapper p a:visited,
#news_preview a:visited {
    background: #f0f0f0 none repeat scroll 0%;
    color: #111111;
}
#navi_accesskeys div.wrapper p a,
#navi_accesskeys div.wrapper p a:link,
#navi_accesskeys div.wrapper p a:visited,
#news_preview p a,
#news_preview p a:link,
#news_preview p a:visited {
    text-decoration: underline;
}

/* Not needed?: #tagcloud li a[href]:hover, */
#tagcloud li a:hover,
#tagcloud li a:focus,
#tagcloud li a:active,
#navi_accesskeys div.wrapper p a:hover,
#navi_accesskeys div.wrapper p a:focus,
#navi_accesskeys div.wrapper p a:active,
#news_preview a:hover,
#news_preview a:focus,
#news_preview a:active {
    background: #dddddd none repeat scroll 0%;
    color: #000000;
    border: 2px dotted #000000;
}



/* +++ Content links +++++ */
/* See at top of this file. */


/* +++ Special rules for more-links after a .teaser : +++++ */

/* IE7 does not like this code (breaks layout totally,
   maybe assigning all following elements position:
p.teaser + p a:hover span.title,
p.teaser + p a:focus span.title,
p.teaser + p a:active span.title {
    / * Already absolute positioned in "layout_content_all.inc.css". * /
    left: auto;
    right: 0;
    top: 1.62em;
}
*/
p.after_teaser a:hover span.title {
    /* Already absolute positioned in "layout_content_all.inc.css". */
    left: auto;
    right: 0;
    top: 1.62em;
}

/* Rules for "specialOffer" (September 2010)
    TODO(?): Remove / disable
*/
#c2web_home #specialOffer p.repeatedLinkBlock a:hover .title {
    left: 0px;
    top:1.62em;
}


/* +++ VBG & INQA logo +++ */
#sponsorship a,
#sponsorship a:link,
#sponsorship a:visited,
#inqa a img,
#inqa a:link img,
#inqa a:visited img {
    border: 2px dotted transparent;
}
#sponsorship a:hover,
#sponsorship a:focus,
#sponsorship a:active,
#inqa a:hover img,
#inqa a:focus img,
#inqa a:active img {
    border-color: #000000;
}



/* +++ Glossar related +++ */
#glossar dl dt:target,
#glossar dl dt:target + dd {
    color: #444444;
    background-color: #f0f0f0;
}






#site_info a,
#site_info a:link {
    color: #1f387f;
    background: #f0f0f0;
}

#site_info a:visited {
    color: #111111;
    background: #f0f0f0;
}

#site_info a:hover,
#site_info a:focus,
#site_info a:active {
    color: #000000;
    background: #cccccc;
    border: 2px dotted #000000;
}