/**
   * This typography file is included in the WYSIWYG editor
   */


  /* #################### general styles #################### */

  .typography *           { font-size: 1em; }

  .typography blockquote  { margin-left: 20px; }
  .typography hr          { padding: 5px; }

  .typography span,
  .typography p,
  .typography label,
  .typography ul li,
  .typography ol li,
  .typography a           { color: #000; font-size: 1.2em; line-height: 1.5em; }

  .typography ul li p,
  .typography ul li li,
  .typography ul li a,
  .typography p  a        { font-size: 1em; }


  .typography p.P00       { margin-bottom: 0;     }
  .typography p.P02       { margin-bottom: 0.3em; }
  .typography p.P05       { margin-bottom: 0.6em; }
  .typography p,
  .typography p.P10       { margin-bottom: 1.2em; }
  .typography p.P15       { margin-bottom: 1.8em; }
  .typography p.P20       { margin-bottom: 2.4em; }
  .typography p.P30       { margin-bottom: 3.6em; }

  .typography a           { color: #00007b; text-decoration: underline; }
  .typography a:hover     { color: #0c8770; background: transparent; }





  /* ######## WYSIWYG Editor Alignment Classes ######### */

  .typography .left       { text-align: left; }
  .typography .center     { text-align: center; }
  .typography .right      { text-align: right; }
  .typography img.right   { float: right; }
  .typography img.left    { float: left; }



  /* #################### Headlines #################### */

  .typography h1,
  .typography h2,
  .typography h3,
  .typography h4 { color: #000; font-weight: bold; }

  .typography h1 { font-size: 1.60em; margin-bottom: 1.4em; }
  .typography h2 { font-size: 1.40em; margin-bottom: 1.2em; }
  .typography h3 { font-size: 1.20em; margin-bottom: 1.0em; }
  .typography h4 { font-size: 1.00em; margin-bottom: 1.0em; }



  /* ###################### Lists ###################### */

  #Menu li { 
    float: left;   
    list-style-type: none;   
    margin: 0px 25px 6px 0px;
  }
  
  #Menu a {    
    display: block;
    width: 115px;
    height: 18px;
    color: #666;         
    font-family: "Trebuchet MS";
    line-height: 1.2em;
    text-decoration: none;
    text-align: center;  
    border-top:    solid 1px #fff;
    border-bottom: solid 1px #e0e0e0;
    border-right:  solid 1px #e0e0e0; 
  }
  
  #Menu a:hover           { color: #fff; background: #00007b; }
  
  #Menu .square           { float: left; width: 18px; height: 18px; background: #00007b; border: solid 1px #fff; }
  
  #SubMenu li             { list-style-type: none;  margin-left: 30px; }

  #Breadcrumbs span,
  #Breadcrumbs a          { font-family: "Trebuchet MS"; color: #666; text-decoration: none; }

  #SubMenu a              { font-family: "Trebuchet MS"; text-decoration: none; }

  #Menu,
  #Breadcrumbs,
  #SubMenu                { font-size: 1.1em; color: #666; }

  #SubMenu li ul li.section a:hover,
  #Breadcrumbs a:hover    { color: #0c8770; }

  #SubMenu li.current a   { font-weight: bold; }

  #SubMenu li ul li.section a { font-weight: bold; color: #666; }
  #SubMenu li.current ul li a { font-weight: normal; }

  #SubMenu li ul          { margin: 0; }
  #SubMenu li ul li       { margin-left: 5px; padding-left: 9px; background: url(../images/arrow.gif) no-repeat top left; }


  .typography ul li.ListBlock {
    margin-left: 17px;
    list-style-image: url(../images/absatz.gif);
    margin-bottom: 1.2em;
  }

  .typography ul ul       { margin-top: 5px; }
  .typography ul li.List2 { margin-left: 17px; list-style-type: disc; }