/*
    Possible IDs for body tag:
    
     * c2web_std    : Not used.
     * c2web_home   : Homepage
     
    "body" does contain a list of classes in attribute "class", which
    does reflect configuration state!
    That classes list
        * may be initially set by Javascript (along with the cookie) or PHP
        * stored in Cookie named "c2web_config"  *only*
        * Cookie will be evaluated on PHP side at each request, which
          does result in the list of classes in body.class.
          (NOT stored in session!)
*/

/* Now in c2web_reset.css:
html {
    background-color: #c8c8c8;
    color: #000000;
}
*/

/*
    Set body-background in case of "fontsize_big" in "#branding":
*/
body,
body.fontsize_big #branding {
    color: #585858;
    background-color: #ffffff;
    background-image: url(branding_gradient.png);
    background-repeat: repeat-x;
    /* font / line height is set in "yui_fonts_csg.css" to "15px/1.38" already! */
}

/*
    Note:
    "fontsize" will be set in layout*.css now because it is layout related.
*/



h1,
h2 {
    font-size: 115%;
    font-weight: bold;
}

*[lang][title],
acronym[title],
abbr[title] {
    border-bottom: 1px dotted;
    cursor: help;
}


strong {
    font-weight: bolder;
}

/* em.brand is intended for names & trademarks, see below at #content... */
/* em.not_serious means content "in quotes". See below, too. */

sup {
    /* default: vertical-align: text-top; */
    font-size: 62%;
}

/*
#page {
    background-color: transparent;
    background-image: url(Rollstuhlfahrer_transp.png);
    background-repeat: no-repeat;
    background-position: 73% 75px;    / * horizontal vertical * /
}

#page_hg2 {
    background-color: transparent;
    background-image: url(Spieler_aufrecht_transp.png);
    background-repeat: no-repeat;
    background-position: 27% 75px;    / * horizontal vertical * /
}
*/
#branding {
    /* not active currently (new implementation pending):
    background: transparent url(Erdball_transp.png) no-repeat scroll 37% 55px;
    */
    
    /* background: transparent url(Erdball_transp.png) no-repeat scroll 50% 0px;
    */
    /* background: transparent url(Erdball_rot90Uhrz_transp.png) no-repeat scroll 63% 33px;
    */
    /* More positions:  ("*" does mean "tested")
        * 37% 55px         Basis, beim aufrechten Spieler!
        55% 20px
        60% 10px
        66% -5px
        * 50% 0px
        82% 35px
        85% 40px
        88% 50px
        * 63% 33px  Beim Rollstuhlfahrer. Mit Erdball_vSpiegel_transp.png !
    */
}

/*
#branding h1 {
    background: transparent url(www_transp.png) no-repeat scroll center 115px;
}
*/

#breadcrumb /*, #sponsorship */ {
    /* -moz-border-radius: 10px; */
    font-size: 86%;
}
#breadcrumb p,
#breadcrumb:target p span {
    background: #ffffff;
    color: #585858;
}

/* #breadcrumb span */
#breadcrumb strong {
    font-weight: bold;
}

/* For Homepage only: */
#c2web_home #slogan {
    font-size: 86%;
    font-weight: bold;
    color: #254466;  /* Minimal color & brightness contrast to C2Web logo! */
    background: #ffffff;
}


/* Code for head illustration (volley ball player): */
#illu {
    background: transparent url(www_transp_54x20.png) no-repeat scroll center 89px;
}


body.cols_3 #directlinks h1 {
    /* background: transparent url(Erdkugel_static_forPerles_10x10.png) repeat-y scroll 70% top;
    Not wanted by customer:
    background: transparent url(Erdkugel_static_SerieForPerles_b5-Blue.png) repeat-y scroll right top;
    */
}




/* =================== End of heading area ================================
  
   +++++++++++++++++++ Start of main: Content (& a bit navigation: ++++++++
*/

div.real_address span.addition:before {
    content: "-";
}

div.real_address span.addition:after {
    content: "-";
}

/* ++++++++++++ Section for homepage ("Start") only ++++++++++++
*/

#c2web_home #welcome > p.imgContainer a {
    background: #ffffff url(DGS_Placeholder.jpeg) no-repeat scroll center bottom;
    color: #000000;
}
/* Big font case: */
#c2web_home.fontsize_big #welcome > p.imgContainer a {
    background: #ffffff url(DGS_Placeholder.jpeg) no-repeat scroll left bottom;
    color: #1f387f;
}


/* Rules for "specialOffer" (September 2010)
    TODO(?): Remove / disable
*/
#c2web_home #specialOffer {
    border: 1px solid #c8c8c8;
    color: #585858;
    background-color: #ffffff;
    background-image: url(branding_gradient.png);
    background-repeat: repeat-x;
}
#c2web_home #specialOffer em.brand {
    background: #ffe313 url(balkengelb_1600x40_aktuell.png) no-repeat scroll left top;
    color: #000000;
}
#c2web_home #specialOffer  h3 {
    background: none;
}
#c2web_home #specialOffer .exposedBlock {
    color: #000000;
}

p.repeatedLinkBlock a span.title {
    background-color: #fefebc;
    color: #111111;
    border: 1px solid #111111;
}




/* End of rules for "specialOffer" */



/* This does contain text starting "C2Web stellt Werkzeuge und...":
*/
#c2web_home #welcome div p {
    /* TODO(?): Wiederherstellen;
        Geändert für Anzeige Anfang September 2010:
    color: #000000;
    background: #ffe313 url(balkengelb_1600x40_aktuell.png) no-repeat scroll left top;
    */
    color: #585858;
    background: #f0f0f0;
    border: 1px solid #c8c8c8;
}
#c2web_home #welcome div p em.brand {
    color: #000000;
    /* Visible edges of box: background-color: #ffe313; */
    background-color: transparent;
    /* font-weight: bold; */
}

/*
#c2web_home #welcome > p a img.gestures {
    border: 2px solid #ffffff;
}
*/

p.gestures {
    border: 2px solid #dddddd;
    font-size: 86%;
}


/*
#c2web_home #target_group {
    color: #444444;
    background: #f0f0f0;
}
*/
#c2web_home #target_group dt {
    font-weight: bold;
}


/* End of section for homepage only.
   =============================================================
*/


body.cols_3 #content {
    /*
    background: transparent url(Erdkugel_static_forPerles_10x10.png) repeat-y scroll right top;
    */
}

#content div.heading {
    /* Shadow below heading line: */
    background: transparent url(content_h2_gradient_bottom.png) repeat-x scroll bottom; 
}
#content div.heading h2 {
    color: #000000;
    background: #ffe313 url(balkengelb_1600x40_aktuell.png) no-repeat scroll left top;
    /* Now integrated inside bg-graphic; Use as fallback:
    -moz-border-radius: 8px;
    */
}
#content div.heading h2 em.brand {
    font-weight: bold;  /* Restore setting for H2! */
}
#content div.heading h2 > dfn {
    /* Useless, because element is unvisible in this Layout: font-weight: bold; */
    background: #ffe313 url(balkengelb_1600x40_aktuell.png) no-repeat scroll right top;
    color: #000;
}

#content h3,
#content h3 * {
    color: #000000;
    background-color: transparent;
    font-weight: bold;
}
#content h3 {
    color: #000000;
    background: #f0f0f0 url(gray_gradient_wide_1600.png) no-repeat scroll left top;
}
#content h4,
#content h4 * {
    font-weight: bold;
}

#content q:before {
    content: "\22";
}

#content q:after {
    content: "\22";
}

#content code {
    font-family: monospace;
    color: #222222;
    background-color: #eeeeee;
}

#content code:before,
#content code:after {
    /* content: "\22"; */
    content: "*";
}
/* Class "beispiel" is block content, which will be marked otherwise:
*/
#content .beispiel code:before,
#content .beispiel code:after {
    content: "";
}

/* Exception for headings: */
#content h2 code,
#content h3 code,
#content h4 code,
#content p.abstract code {
    font-weight: bold;
}
#content div.heading h2 code {
    font-size: 120%;
    color: #000000;
    /* background: #ffe313; */
    background-color: #cccccc;
}
#content p.abstract code {
    color: #000000;
    background-color: #eeeeee;
}

#content #inqa {
    text-align: right;
}


#content p.abstract,
#content p.abstract em,
#content p.abstract q {
    color: #000000;
    background-color: #ffffff;
    font-weight: bold;
    /* text-align: justify; */
}


#content p.teaser + p a:before {
    content: "\25B8";   /* Arrow to the right: ▸ */
}
/* No arrow before glossar links in / after a more link: */
#content p.teaser + p a.glossar:before {
    content: "";
}
p.teaser + p a span.title {
    background-color: #fefebc;
    color: #111111;
    border: 1px solid #111111;
}

#content p.readable_hint {
    font-size: 86%;
    color: #000000;
    background-color: #ffffff;
}

#content p em.brand {
    color: #000000;
    background-color: #ffffff;
}

#content em.not_serious:before {
    /* Does not work on IE correctly (backslash will be showed, too):
    content: "\"";
    */
    content: "\22";
}
#content em.not_serious:after {
    content: "\22";
}

/* ++++++++++++++++++++++ Real lists formatting +++++++++++++++++++++
*/

#content dl dt {
    font-weight: bold;
}


#content ul.iteration li,
#navi_to_content ul.iteration li {
    list-style-type: square;
}
#content ul.iteration.externLinkList li {
    list-style-type: none;
}


#content div.real_address {
    color: #000000;
    background: #ffffff;
}

#content ol li {
    list-style-type: decimal;
}


/* ==================== End real lists formatting ===================
*/


/* ++++++++++++++++++++ Start of data table stuff +++++++++++++++++++
*/
#content table {
    border: 1px solid #585858;
}
#content table caption {
    font-weight: bold;
}
#content table th {
    color: #000000;
    background-color: #f0f0f0;
}
#content table tr {
    border-bottom: 1px solid #585858;
}

#content table th,
#content table td {
    border-right: 1px solid #585858;
}

/* ===================== End data table stuff =======================
*/



#content #directlinks_end {
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    text-align: right;
}
/* Replaced by formatting of ul.linkbar:
#content #directlinks_end ul {
    background: #f0f0f0;
    color: #1f387f;   
}
*/



/* ++++++++++++++++++++ Start of download stuff +++++++++++++++++++
*/
#download_list {
    border-top: 1px dashed #ffe313;
}



/* ++++++++++++++++++++ Start of general form stuff +++++++++++++++++++
*/

/* Format label of a disabled input element striked: */
label.disabled_label {
    text-decoration: line-through;
}


/* ++++++++++++++++++++ Start of contact form stuff +++++++++++++++++++
*/
p.legend {
    font-size: 0.9em;
}
p.legend strong {
    font-weight: normal;   /* Overwrite default! */
    color: #000000;
    background: #ffffff;
}

#contactform ul li {
    background: #f0f0f0 url(gray_gradient_wide_1600.png) no-repeat scroll left top;
    color: #000000;
}

/* #contactform ul li .formHelp { */
.formHelp {
    background-color: #ffffbb;
    color: #333333;
    
}

#content .error {
    color: #dd0000;
    background-color: #ffffff;
    border: 1px solid;
    font-weight: bold;
}
#content .error:before {
    content: "!";
    margin: 0em 0.2em 0em 0em;
    padding: 0em 0.4em;
    color: #ffffff;
    background: #dd0000;
    font-weight: bold;
}

#contactform input[type="text"],
#contactform textarea {
    /* background: #dfefff; */
    background: #f8f8f8;
    color: #444444;
    border: 2px solid #1f387f;
    font-weight: bold;
}

#contactform label {
    text-align: right;
    font-size: 0.9em;
    /*
    color: #000000;
    background: #f0f0f0;
    */
}
/* #contactform label sup abbr span.abbr, */
#contactform label sup {
    font-size: 100%;
}
#contactform label sup abbr {
    font-weight: bold;
    color: #000000;
    background: #f0f0f0;
}


table.post_dump {
    margin-bottom: 1em;   /* padding does not work here! */
}
table.post_dump th {
    background: #dddddd;
    color: #000000;
    border: 1px solid #ffffff;
    padding: 0.38em;
    text-align: right;
}
table.post_dump td {
    /* border-bottom: 1px dashed #ffe313; */
    border-bottom: 1px dashed #c8c8c8;
    margin: 1px;
    padding: 0.38em;
    text-align: left;
}

/* ======================= End contact form ===========================
*/



/* ++++++++++++++++++++ Start of config form stuff +++++++++++++++++++
        ==> Moved into its own file typo_config.css
*/



/* ++++++++++++++++++ Start of search related stuff ++++++++++++++++++
    Please see at "download", too!
*/
code.search_result {
    color: #000000;
    background: #ffe313;
    font-weight: bold;
}
/* ========================= End search ==============================
*/



/* ++++++++++++++++++ Start of glossar related stuff ++++++++++++++++++
*/
#content #glossar div.heading h2 {
    background: #2e4790 url(menu_plain.png) no-repeat scroll left top;
    color: #ffffff;
}
body.fontsize_big #content #glossar div.heading h2 {
    background-image: url(balkenblau_1600x20_forBigfont.png);
}
/* Disable background effekt (in already invisible) "dfn" tag, set with "#content div.heading h2 > dfn": */
#glossar div.heading h2 > dfn {
    background: none;
}

/* Now set as default for DL lists in #content:
#glossar dl dt {
    font-weight: bold;
}
*/
#glossar dl dt sup {
    font-weight: normal;
}
/* Note:
    More glossar stuff can be found in file "anchor_dynamic.css" !
*/


/* ++++++++++++++++++ Start of navigation related stuff: ++++++++++++++
*/

#navi_overview {
    background: #f0f0f0;
    color: #444444;
}
#navi_overview h3 {
    font-weight: bold;
    color: #000000;
    background: #f0f0f0 url(gray_gradient_wide_1600.png) no-repeat scroll left top;
}


ul.linkbar li:before {
    /*content: "\2022";  Bullet-Zeichen: •  &#8226  ==> hex: x2022 */
    /* content: "|"; */
    content: "\a0";
}
/* No bullet before first element: */
ul.linkbar li:first-child:before {
    content: "";
}
/* In addition: Reserve padding space around this (done in layout*.css).
*/

ul.linkbar li a:before,
#directlinks ul li a:before,
#navi_overview ul li a:before,
#navi_tools a:before {
    /* IE6 / IE8-Script does not resolve URL here but shows up URL instead:
    content: url(navi_pfeil_rechts.png) "\25B8";
    */
    content: "\25B8";   /* Arrow to the right: ▸ */
}
/* Except the workaround link tag of #site_config : */
#navi_tools #site_config_workaround:before {
    content: "";
}
#navi_tools #site_config a:first-child:before {
    content: "";
}


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

#navi_main {
    /*
    background: transparent url(mainMenuBottomShadow.png) no-repeat scroll right bottom;
    */
    background: #c8c8c8 url(rahmen_menu_bottom_border+gradient_24px.png) no-repeat scroll right bottom;
    color: #000000;
}
#navi_main acronym,
#navi_main abbr {
    border-bottom: 1px dotted;
}

#navi_main p {
    background: transparent url(rahmen_menu_bottom_border+gradient_24px.png) no-repeat scroll left bottom;
    color: #000000;
}



#navi_main h2.hint {
    background: transparent url(rahmen_menu_top.png) no-repeat scroll left top;
}
/* IE bugfix, probably no change for 3-column layout:
body.cols_2
*/
#navi_main h2.hint .border_bug {
    background: transparent url(rahmen_menu_top.png) no-repeat scroll right top;
}

#navi_main > ul {
    background: #ffffff;
    color: #585858;
}

/*
    Background-position left/right does correlate to margin-left/right and padding-left/right (every each other side) of #navi_main > ul > li > strong and #navi_main > ul > li > a :
*/
#navi_main > ul > li {
    background: #2e4790 url(menu_plain.png) no-repeat scroll right top;
    color: #ffffff;
}
body.fontsize_big #navi_main > ul > li {
    background-image: url(balkenblau_1600x20_forBigfont.png);
}

/* Without accesskey hint (old working solution):
#navi_main > ul > li dfn {
    font-weight: bold;
}
*/
/* Format DFN as access key hint: */
#navi_main ul li a dfn,
#navi_main ul li strong dfn {
    font-size: 86%;
}
#navi_main ul li a:link dfn {
    color: #ffffff;
    background-color: #2e4790;
}
#navi_main ul li a dfn:before,
#navi_main ul li strong dfn:before {
    content: "[";
}
#navi_main ul li a dfn:after,
#navi_main ul li strong dfn:after {
    content: "]";
}
 
#navi_main > ul > li > a {
    background: #2e4790 url(menu_plain.png) no-repeat scroll left top;
    color: #ffffff;
    font-weight: bold;
    border: none;
}
body.fontsize_big #navi_main > ul > li > a {
    background-image: url(balkenblau_1600x20_forBigfont.png);
    background-position: left top;
}

/*
    Important NOTE:
    Settings with ":hover" are in anchor_dynamic.css!
*/




/* Active / current menu entry first level:
*/
#navi_main > ul > li.active {
    background: #ffe313 url(balkengelb_1600x40_aktuell.png) no-repeat scroll right top;
    color: #000000;
}
#navi_main > ul > li.active > strong,
#navi_main > ul > li.active > a {
    color: #000000;
    font-weight: bold;
    background: #ffe313 url(balkengelb_1600x40_aktuell.png) no-repeat scroll left top;
    /* Not valid W3C-CSS:
    -moz-border-radius-topright: 0.6em;
    */
}


/* Bullet settings (space will be reserved in layout*.css): */
#navi_main li.open > strong:before,
#navi_main li.open > a:before {
    content: "\25BE";   /* Arrow downwards: ▾ */
}
#navi_main li a:before {
    content: "\25B8";   /* Arrow to the right: ▸ */
}
/* Entry which has no children (e.g. is a leaf): */
#navi_main li.leaf > strong:before,
#navi_main li.leaf > a:before {
    content: "\2022"; /* Bullet-Zeichen: •  •  ==> hex: x2022  */
}



/* Main menu, second + third level: */
#navi_main > ul > li ul {
    background-color: #f0f0f0;
    color: #222222;
}


/* Second level: */
/* #navi_main > ul ul li, */
/*
#navi_main > ul ul li a,
#navi_main > ul ul li strong {
    / * font-weight: bold; * /
    border: none;    / * For "a" the border will be reset in anchor_dynamic.css ! * /
}
*/

#navi_main > ul > li > ul > li > a
/* Leave "bolder" alive: , #navi_main > ul > li > ul > li > strong*/  {
    font-weight: normal;
    border: none;    /* For "a" the border will be reset in anchor_dynamic.css ! */
}


#navi_main > ul ul li.active {
    /*
    background: #ffe313 url(content_h2_gradient_4px.png) repeat scroll left -5px;
    */
    background: #ffe313 url(balkengelb_1600x40_aktuell.png) no-repeat scroll left -10px;
    color: #000000;
}

/* Third level: */
#navi_main > ul > li > ul > li > ul {
    background-color: #f8f8f8;
    color: #222222;
}

#navi_main > ul ul ul li a,
#navi_main > ul ul ul li strong {
    /* font-weight: normal; */
    font-size: 86%;
}


/* ++++++++++++++++++ 2. Start of tools menu: +++++++++++++++++++++++++++++++++
   (See general navigational CSS code above, too.)
*/
#navi_tools > ul,
#navi_tools #site_config {
    text-align: right;
    font-size: 86%;
}

#navi_tools > ul.linkbar li > strong {
    color: #000000;
    background: #ffe313;
    border: 1px solid #ffe313;  /* Extend padding as by a real link. */
}
/* Link formatting moved into anchor_dynamic.css !
*/




/* ++++++++++++++++ Further elements on the sidebar +++++++++++++++++
*/

/* +++ News preview +++++ */
#news_preview h3 {
    font-weight: bold;
}
#news_preview p {
    font-size: 86%;
}


/* Moved into "anchor_dynamic.css":
#navi_accesskeys div.wrapper p a {
    ...
}
*/
#navi_accesskeys div.wrapper p {
    font-size: 86%;
}

#navi_accesskeys div.wrapper p span {
    font-weight: bold;
}


.wrapper {
    background: #f0f0f0 url(gray_gradient_wide_1600.png) no-repeat scroll left top;
    color: #444444;
}

/* Note:
   #suchen_c2web itself is reserved for a bottom shadow effect.
*/
/*
    More "suchen_c2web" stuff can be found in file "anchor_dynamic.css" !
*/

body.cols_3 #suchen_c2web {
    font-size: 86%;
}

#suchen_c2web input[type="text"] {
    color: #000000;
    background-color: #ffffff;
}



/* +++++++++++++++++++ 2. Start of tag cloud: ++++++++++++++++++++++++++
*/
#navi_tagcloud {
}

#navi_tagcloud h4 {
    font-weight: bold;
}

#tagcloud {
    /* test-hack: */
    font-size: 86%;
}

#navi_tagcloud h2 {
    background: #2e4790 url(menu_plain.png) no-repeat scroll right top;
    color: #ffffff;
}
body.fontsize_big #navi_tagcloud h2 {
    background-image: url(balkenblau_1600x20_forBigfont.png);
}

#navi_tagcloud h2.active {
    background: #ffe313 url(balkengelb_1600x40_aktuell.png) no-repeat scroll right top;
    color: #000000;
}

/* Hovering will be done in anchor_dynamic.css.: */
/* Inactive state (e.g. a clickable: */
#navi_tagcloud h2 a {
    background: #2e4790 url(menu_plain.png) no-repeat scroll left top;
    color: #ffffff;
    border: none;
}
body.fontsize_big #navi_tagcloud h2 a {
    background-image: url(balkenblau_1600x20_forBigfont.png);
}

#navi_tagcloud h2 a dfn,
#navi_tagcloud h2 strong dfn {
    font-weight: bold;
}
/* Active state: */
#navi_tagcloud h2 strong {
    background: #ffe313 url(balkengelb_1600x40_aktuell.png) no-repeat scroll left top;
    color: #000000;
}

#navi_tagcloud h2 a:before,
#navi_tagcloud h2 strong:before {
    content: "\25BE";   /* Arrow downwards: ▾ */
}


#navi_tagcloud div.wrapper {
    color: #444444;
    /* CSG_HEUTE:
    background: #f0f0f0 url(gray_gradient_wide_1600.png) no-repeat scroll -10px top;
    */
    background: #f0f0f0 none;
}

/* CSG_HEUTE: */
#navi_tagcloud div.wrapper form {
    background: #f8f8f8;
    color: #444444;
    border: 2px solid #dddddd;
}



#tagcloud .tag_c1 {
    font-size: 74%;
}
#tagcloud .tag_c2 {
    font-size: 86%;
}
#tagcloud .tag_c3 {
    /* No special formatting ==> not showy enough: */
    font-size: 86%;
    font-weight: bolder;
}
#tagcloud .tag_c4 {
    font-weight: bold;
}
#tagcloud .tag_c5 {
    font-size: 115%;
    font-weight: bold;
}

/* No longer used / used in "layout_*.css" only:
#tagcloud li .tag_class {
    vertical-align: text-top;
    font-size: 62%;
}
*/


/* ===================== End of tag cloud ==============================
*/


#sponsorship {
    /*font-weight: bold; */
}



/* ++++++++++++++++++++++++ Footer / site_info ++++++++++++++++++++++
*/
#site_info p {
    background: #f0f0f0;
    color: #444444;
    font-size: 86%;
    text-align: center;
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
}



/* ++++++++++++++++++++ Some more stuff (unstructured) ++++++++++++++
*/

#msie_system_msg_bag {
    /* Colors not compatible
       ( http://snook.ca/technical/colour_contrast/colour.html  and
         http://juicystudio.com/services/csstest.php#results )
    _color: # eeeeee;
    _background: # 888888;
    */
    color: #ffffff;
    background: #336666;
    
    /* Will be set by JavaScript, compare in layout_common.inc.css, too:
    opacity: 0.4;
    */
}

#msie_system_msg {
    color: #111111;
    background: #f0f0f0;
}
#msie_system_msg h1 {
    font-size: 132%;
}

#content .key {
    border: 1px solid #000000;
    color: #222222;
    background-color: #f8f8f8;
}

/* Format source code given in markup like pages before redesign:
*/
#content p.beispiel {
  border: 1px dashed #000099;
  background-color: #dfefff;
  color: #444444;
}
#content img.screenshot {
    border: 1px solid #000000;
}

#content code span.element {
  background-color: #dfefff;
  color: #00009C;
  font-weight: bolder;
}

#content code span.attribut {
  background: #dfefff;
  color: #aa1111;
  font-weight: normal;
}

#content code span.attributtext {
  background-color: #dfefff;
  color: #000;
  font-weight: normal;
}

/* No general rules, for 1 example in "itemID=main_c30_c30_c20" only: */
#content p.schwarzweiss {
  background-color: #ffffff;
  color: #000000;
}
#content em.hervor {
    border: 1px solid #ff0000;
    color: #ff0000;
    background-color: #ffffff;
    font-weight: bolder;
}


.grossbuchstaben {
  text-transform: uppercase
}


#overview_shortkeys tr th,
#overview_shortkeys tr td + td {
    text-align: center;
}