/* <![CDATA[ */
  /** basic stuff **/
  body {
    color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    margin: 0px; padding: 0px;  
  } 
  img {
    border: 0px;
  }
  table {
    empty-cells:show;
    border-spacing: 0px; padding: 0px;
  }
  br {
    line-height: 20px;
  }
  iframe {
    height: 466px; width: 777px;
    margin: 0px;
  }
  
  h1 {
    font-size:18px;
  }
  /** frame stuff **/
  #btn_layer {
    position: absolute;
    top: 25px;  left: 0px;  width: 20px;
    visibility:visible; z-index:50;
  }
  #b_stories, #b_theme, #b_practice  {
    position: absolute;
    top: 0px; left: 0px;  width: 809px; height: 540px;
    border-right: 1px solid #FFB400;
    visibility: hidden;
  }
  #e_stories, #e_theme, #e_practice  {
    position: absolute;
    top: 20px;  left: -783px; width: 802px; height: 490px;
  }
  /** content stuff **/
  #header_1 {
    position:absolute;
    left:50px; top:8px; width:260px; height:40px; 
    font-size: 13px;  font-weight:bold;
  }
  #header_2 {
    position:absolute;
    left:350px; top:8px; width:330px; height:40px;  
    font-size: 13px;  font-weight:bold;
  }
  #page_counter {
    position:absolute;
    left:680px; top:8px; width:80px; height:20px; 
    font-size: 10px;  font-weight:bold; text-align:right;
  }
  #img_layer {
    position:absolute;
    left:50px; top:58px; width:260px; height:310px; 
  }
  #flash_left_layer {
    position:absolute;z-index:1;
    left:50px; top:58px; width:260px; height:400px; 
  }
  #media_layer {
    position:absolute;
    left:268px; top:368px; width:42px; height:21px;   
  }
  #text_layer {
    position:absolute;
    left:350px; top:58px; width:400px; height:400px;  
  }
  #text_layer_nv {
    position:absolute;z-index:1;
    left:350px; top:58px; width:400px; height:400px;
    visibility:visible;
  }
  #sound_text_layer {
    position:absolute;z-index:5;
    left:49px; bottom:0px; width:500px; height:95px;
    visibility:hidden;
  } 
  #debug_layer {
    position:absolute; visibility:hidden;
    left:50px; top:400px; width:700px; height:10px; 
    font-size: 12px;
  } 
  #flash_layer {
    position:absolute;z-index:1;
    left:50px; top:58px; width:700px; height:400px;   
  }
  #ul_layer {
    margin-top: -10px; margin-left: -10px; margin-bottom:-10px;
  }
  
  #img_layer .img_themes {
    border-top: 1px solid #46BD26;
    border-left:1px solid #46BD26;
    border-right:1px solid #46BD26;
    border-bottom: 10px solid #46BD26;
  }
  #img_layer .img_stories {
    border-top: 1px solid #59CDFD;
    border-left:1px solid #59CDFD;
    border-right:1px solid #59CDFD;
    border-bottom: 10px solid #59CDFD;
  } 
  p, span {
    font-size:12px; line-height: 20px;margin-top:0px;
  }
  #ul_layer ul li{
    color: #333333;
    list-style-type: square;
    font-size:12px; line-height: 20px;
  }
  #ul_layer ul li ul li{
    color: #333333;
    list-style-type: circle;
    font-size:12px; line-height: 20px;
    margin-left: -20px;
  }
  #sitemap {
    position:absolute; left: 30px;
  }
  a.sitemap_blue {
    text-decoration:underline;
    color: #01AEF5;
  }
  a.sitemap_green {
    text-decoration:underline;
    color: #259D05;
  } 
  a.sitemap_blue:visited, a.sitemap_green:visited {
    color: #333333;
  }
  h1.sitemap {
    font-size: 13px;  font-weight:bold;
  }
  a.glossar {
    text-decoration:underline;
    font-weight:bold;
    color: #FDA343;
  }
  a.glossar img {
    vertical-align:middle;  
    height: 20px; width: 17px;
  }
  a.para img {
    vertical-align:middle;
    height: 20px; width: 14px;
  }
  
/* //]]> */