@charset "UTF-8";
/*
 * Alternatives Stylesheet für www.usablebrands.co.uk
 * @author BIT Design für Barrierefreie Informationstechnik GmbH www.bit-informationsdesign.de
 * Auf der Basis von www.sitepoint.com/article/css-simple-style-switcher/
 *
 * @created: bb 14.07.2009
 * @lastmodified <!--DATE-->14.07.2009 20:18:54<!--/DATE-->
 */

/* Default-Stylesheets einbinden */
@import url(layout.css);

/* Alternative Einstellungen */

  /* Leicht vergrößerte Schrift 14px bold */
  body {
    font-size: 87.5%;
    font-weight:bold;
  }
  #home .page_margins {width:1100px;}
  * html #home .page_margins {width:1100px !important;}

  #topnav #language, #topnav ul li {padding-top:.286em; }

  #slide {width:988px; }
  #slide .slide_item {width:842px; }
  #slide {  font-size:1.429em;  }

  /* Leicht abgetönter Hintergrund #f4f4f4    */
  .hd { background-image: url("../img/tl_grey.png") !important;}
  .hd .c, .ch { background-image: url("../img/tr_grey.png") !important; }
  .bd { background-image: url("../img/ml_grey.png") !important; }
  .bd .c { background-image: url("../img/mr_grey.png") !important; }
  .ft { background-image: url("../img/bl_grey.png") !important; }
  .ft .c, .cf { background-image:  url("../img/br_grey.png") !important; }

  /* Boxen mit farbigem Rand    */
  .box_white .topleft, .box_white .bottomleft {background-image: url("../img/white_left_grey.png");}
  .box_white .topright, .box_white .bottomright {background-image: url("../img/white_right_grey.png");}
  .box_green .topleft, .box_green .bottomleft {background-image: url("../img/green_left_grey.png");}
  .box_green .topright, .box_green .bottomright {background-image: url("../img/white_right_grey.png");}
  .box_yellow .topleft, .box_yellow .bottomleft {background-image: url("../img/yellow_left_grey.png");}
  .box_yellow .topright, .box_yellow .bottomright {background-image: url("../img/white_right_grey.png");}

  .box-top .c33r { background-image: url("../img/green_left_grey.png"); }
  .box-top .c33l { background-image: url("../img/white_left_grey.png"); }
  .box-top .subcl,
  .box-top .subc {
    background-image: url("../img/white_right_margin_grey.gif");
  }
  .box-top .subcr {background-image: url("../img/white_right_grey.png");}
  .box-bottom .c33l { background-image: url("../img/white_left_grey.png"); }
  .box-bottom .c33r { background-image: url("../img/green_left_grey.png"); }
  .box-bottom .subcl,
  .box-bottom .subc {
    background-image: url("../img/white_right_margin_grey.gif");
  }
  .box-bottom .subcr {background-image: url("../img/white_right_grey.png");}
  .box-bottom .subcr p {border-color:#aaa;}

  /*  Farbige Schriften anpassen für Level AA      */
  /*  grün  */
  #slide #usablebrands, #contact #c2, h1, h2, #intro p {
    color:#849605;
  }
  /*  gelb  */
  #slide #usable {color:#c17d05; }
  #saying {color:#cc8407;}

  /*  Boxes  Schriften                                     */
  #col1 h3, #home h3 { font-size: 1em; }

  .subcr p, #col1 p {color:#444;}

  .subcr hr, .box_green hr, .box_yellow hr { color:#f4f4f4 !important; }
  .subcr hr, .box_green hr, .box_yellow hr { border-bottom: 1px #aaa dotted;}
  .box-bottom .subcr p {border-color:#aaa;}

  /*  Links                                      */

  .subcr a, .subcr a:visited,
  .box_green a, .box_green a:visited,
  .box_yellow a, .box_yellow a:visited {
    color:#8d9e1c;
    background-image: url("../img/gt_8d9e1c_12.gif") !important;
  }

  .subcr a:hover, .subcr a:focus, .subcr a:active,
  .box_green a:hover, .box_green a:focus, .box_green a:active,
  .box_yellow a:hover, .box_yellow a:focus, .box_yellow a:active  {
    color:#000 !important;
    background-image: url("../img/gt_000000_12.gif") !important;}