@media screen, projection
{
  /** 
   * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera 
   * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera 
   *
   * @workaround
   * @affected IE8, FF, Webkit, Opera
   * @css-for all
   * @valid CSS3
   */
   *{
        margin: 0;
        padding: 0;
        font: 400 11px/14px verdana,arial,helvetica,sans-serif;
        color: #000000;
    }

    * td,* th{empty-cells:show;font-size:11px }

h1, h1 sup{
 height:18px;
 color:#000000;
 font: 800 12px/18px verdana,arial,helvetica,sans-serif;
 text-align: left;

}

h2, h2 sup{
 color:#000000;
 font: 400 12px verdana,arial,helvetica,sans-serif;
 text-align: left;
}

h3, h3 sup{
 color:#9F9F9F;
 font: 800 10px verdana,arial,helvetica,sans-serif;
 text-align: left;
}
h4, h4 sup{
 color:#E00060;
 background-color:#DFDFDF;
 font: 800 11px/20px verdana,arial,helvetica,sans-serif;
 text-align: left;
 margin:0 15px 0 15px
}
h5, h5 sup{
 color:#000000;
 font: 400 12px verdana,arial,helvetica,sans-serif;
 text-align: left;
}
h6, h6 sup{
 color:#0070C0;
 font: 800 12px verdana,arial,helvetica,sans-serif;
 text-align: left;
}


p, p *{
 font-size:11px;
}

em{font-weight:bold}
ul,ol{
 margin:10px 0 10px 40px;
}

li ul,li ol{
 margin:0 0 0 40px;
}

li p{
 line-height:inherit;
 margin:0;
}

a{
 font-size:11px;
 color:#244E7E;
 text-decoration:underline;
 outline:none;
}
a img{
 border:0;
}
  
  .center{text-align: center !important}
  .right{text-align: right !important}
  .left{text-align: left !important}
  .bold{font-weight:bold !important}
  .blue{color:#0000BF !important}
  .red{color:#FF0000 !important}
  .italic{font-style:italic !important}
  .top{text-align:center;margin:15px 0}
  .info{
        background-color: #000000;
        color: #ffffff;
        height: 15px;
        margin: 25px 0 25px;
        padding: 5px 0;
        width: 100%;
  }
  .info marquee {
    font: 800 12px verdana,arial,helvetica,sans-serif;
    color:#FFFFFF
  }
  
  .post{
    unicode-bidi: bidi-override;
    direction: rtl;
    text-align: left;
  }
  html {
      height: 100%;
  }
  
  body { overflow-y: scroll; }

  /*-------------------------------------------------------------------------*/

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { 
      background: #FFFFFF; 
      padding: 0; 
      margin:0;
      min-height: 100%; /* real browsers */
      height: 100%; /* IE6: treated as min-height*/
      padding-top:0px;
      overflow: hidden;  
  }

    #wrappermain{
        width: 1300px;
        margin: 0px auto;
        background: url("../../pic/global/turm_left4.jpg") no-repeat left top;
        padding:40px 0;
    }
    
    #wrapperouter {
        height:800px;
        position: relative;
        width: 1100px;
        margin: 0px auto;
        overflow:visible;
        background-color:rgba(255,255,255,0.8);
        box-shadow: 0 0 7px #000000;        
     } 

    #wrapperinner {
        overflow:hidden;
        
    } 

    #content{
        margin:220px 15px 0 0;
        width:850px;
        float: left;
        padding: 5px 5px 15px 5px;
    } 
    #content h1{
        color:#FFFFFF;
        background-color:#000000;
        width:335px;
        padding-left:100px;
    }
    #content h2{font-style:italic}
    
    #headline{
            text-align:right;
            width:100%;
            padding-left:400px
    }
    #headline .previous{margin:10px}
    #headline ul{color:#FFFFFF;width:300px;}
    #headline ul li{color:#000000}
    
    #content .text{
        margin-left:100px
    }
    
    #content .text ul{
        margin:10px 0 10px 10px;
        
    }
    
    div#content img.left{
        margin: 5px 10px 5px 0;
        text-align: left;
        float: left;
        border: solid 1px;
        border-color: #444 #AAA #AAA #444;
    }
    div#content img.right{
        margin: 5px 0 5px 10px ;
        text-align: right;
        float: right;
        border: solid 1px;
        border-color: #444 #AAA #AAA #444;
    }
    div#content img.center{
        margin: 5px 10px 5px 0;
        text-align:center;
        border: solid 1px;
        border-color: #444 #AAA #AAA #444;
    }

    #header {
        position: absolute;
        top: 0;
        left:0;
        width: 100%;
        height: 220px; 
        color: #000000; 
        background: transparent url("../../pic/global/header1100.png") no-repeat top left; 
        z-index:200;
    
    
    }

    #nav { 
      overflow:hidden;
      position:absolute;
      right:0; 
      top:80px;
      width:200px;
      background: #FFFFFF;
      z-index: 500;
  }
  
   .hlist { 
      
  }
  
  .hlist ul>a, .vlist ul>a{width:auto}
  .hlist ul {
      position:relative;
      list-style:none;
      margin:0;
  }    
  .hlist li{
      width: 180px;
      text-align: right;
  }
  .hlist li span{
      display: block;
      width: 100%;
      font: 400 12px/18px verdana,arial,helvetica,sans-serif;
      padding-right:25px;
  }
  .hlist li span.active{
      background-color: #000000;
      color: #FFFFFF;
  }
  .hlist li a{
      display: block;
      width: 100%;
      padding-right:25px;
      font: 400 12px/18px verdana,arial,helvetica,sans-serif;
      text-decoration: none;
      color: #000000;
      -moz-transition:    all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition:      all 0.2s ease-in-out;
      -ms-transition:     all 0.2s ease-in-out;
      transition:         all 0.2s ease-in-out;
  }

  .hlist li a:hover{
      background-color: #000000;
      color: #FFFFFF;
      -moz-transition:    all 0.5s ease-in-out;
      -webkit-transition: all 0.5s ease-in-out;
      -o-transition:      all 0.5s ease-in-out;
      -ms-transition:     all 0.5s ease-in-out;
      transition:         all 0.5s ease-in-out;
  }
  #ad{
      position:absolute;
      top:250px;
      right:0; 
      width:200px;
      overflow: hidden;
  }
  #ad h1{
      text-align:right; 
      background-color:#000000;
      color:#FFFFFF;
      font: 400 12px/18px verdana, arial, helvetica, sans-serif;
      padding-right:15px;
   
  }

    
  #ad div{width:200px;background-color: #FFFFFF;text-align:right}
  #ad div img{padding:10px 25px 0 0 }
  

    #footer{
        font: 400 10px/18px verdana,arial,helvetica,sans-serif;
        position: absolute;
        bottom: 15px;
        right:0;
        width: 650px;
        background: #000000;
        height:18px;
        padding: 0 20px;
        text-align: right;
        color: #fff;
    }
    
    #footer a{color:#FFFFFF;font: 400 10px/18px verdana,arial,helvetica,sans-serif;text-decoration: none} 
    #footer a:hover{color:#FF6699}




/***** end test *****/

/* Styles specific to this particular page */
.scroll-pane
{
    width: 100%;
    height: 600px;
    overflow: auto;
}
.horizontal-only
{
    height: auto;
    max-height: 200px;
}

div#content .create{
 color:#666666;
 font: italic 400 10px verdana, arial, helvetica, sans-serif;
 padding: 10px 7px 0 0;
 text-align: right;
}
}