/*  External Style Sheet         */
/*  Filename:  RT_style01s.css  */
/*  NO HTML MARKUP ALLOWED       */
/*                               */
/*  Armin Busse 09/02/2009       */

  body
    {
    font-family: Arial, Helvetica, sans-serif;
    background-color: rgb(228,228,242);
    color: rgb(220,209,200);
    border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px;
    border-left-style: none; border-right-style: none; border-top-style: none; border-bottom-style: none;
    border-color: rgb(156,140,129);
    }

  #content
    {
    font-size: 95%;
    text-align: center;
    background-color: rgb(255,255,255);
    color: rgb(0,0,0);
    border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px;
    border-style: none;
    padding: 20px 50px 50px 50px;
    border-color: rgb(0,0,0);
    font-weight: 700;
    }

  #menu
    {
    font-family: Monotype Corsiva, Arial, Helvetica, sans-serif;
    font-style: normal;
    background-color: rgb(228,228,242);
    color: yellow;
    border-color: rgb(255,255,255);
    }

  a.menuitem
    {
    font-size: 140%;
    background-color: rgb(228,228,242);
    color: rgb(100,100,100);
    font-variant: normal;
    text-transform: none;
    font-weight: normal;
    margin: 2px 14px;
    border-width: 3px;
    border-style: solid;
    border-color: rgb(228,228,242);
    text-align: left;
    }

  a.menuslct
    {
    font-size: 140%;
    background-color: rgb(189,197,207);
    color: rgb(0,0,0);
    font-variant: normal;
    text-transform: none;
    font-weight: normal;
    margin: 2px 14px;
    border-width: 3px;
    border-style: solid;
    border-color: rgb(189,197,207);
    text-align: left;
    }

  #logo, #logo a
    {
    font-size: 175%;
    background-color: rgb(189,197,207);
    color: rgb(0,0,0);
    font-family: Monotype Corsiva, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    font-weight: normal;
    padding: 15px 0% 15px 7%;
    border-color: rgb(74,42,18);
    text-align: center;
    }

  #trail, #trail a
    {
    font-size: 120%;
    background-color: rgb(88,127,166);
    color: rgb(255,255,255);
    font-family: Monotype Corsiva, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    font-weight: normal;
    border-width: 0px;
    border-left-style: none; border-right-style: none; border-top-style: none; border-bottom-style: none;
    padding: 2px 9px;
    padding: 2px 0% 2px 15%;
    border-color: rgb(203,99,23);
    text-align: left;
    text-align: center;
    }

  #content a
    {
    font-size: 120%;
    color: red;
    text-decoration: none;
    }

  #content a:hover, #content a:active
    {
    color: black;
    background-color: rgb(189,197,207);
    text-decoration: underline;
   }

  h1, h2, h3, h4, h5, h6
    {
    font-family: Monotype Corsiva, sans-serif;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    font-weight: normal;
    }

  h1
    {
    font-size: 177%;
    }

  h2
    {
    font-size: 163%;
    }

  h3
    {
    font-size: 149%;
    }

  h4
    {
    font-size: 135%;
    }

  h5
    {
    font-size: 121%;
    }

  h6
    {
    font-size: 107%;
    }

  #body p img
    {
    border-width: 0px;
    border-left-style: none; border-right-style: none; border-top-style: none; border-bottom-style: none;
    }

  #logo img
    {
    float: left;
    width: 70px; height: 70px;
    padding: 0;
    z-index: -1;
    }
    
  #menu a
    {
    text-decoration: none;
    }

  .menuitem:hover, .menuslct:hover
    {
    background-color: rgb(189,197,207);
    color: rgb(0,0,0);
    border-style: inset;
    border-color: rgb(88,127,166);
    }

  .storeoverview span
    {
    display: inline;
    text-align: center;
    font-weight: 700;
    float: left;
    padding: 40px;
    }
    
    
  #trail a
    {
    text-decoration: none;
    }

  #logo a
    {
    text-decoration: none;
    }

  #trail a:hover
    {
    color: rgb(0,0,0);
    }

  /* layout */
  #menu
    {width: 20%; position: relative; top: 0; left: 0; float: left; text-align: center;}
  .menuitem, .menuslct
    {width: auto;}
  #content
    {margin-left: 20%; width: auto}
  .menuitem, .menuslct
    {display: block;}

  @media print
    {
    #menu       {display: none;}
    #content    {padding: 0px;}
    #content a  {text-decoration: underline;}
    }

