body {
margin:0;padding:0;border:0;
  background: black;
  scrollbar-face-color: white; 
  scrollbar-highlight-color: white;
  scrollbar-3dlight-color: black;
  scrollbar-darkshadow-color: white;
  scrollbar-shadow-color: black;
  scrollbar-arrow-color: black;
  scrollbar-track-color: white;
  font-family : Tahoma, verdana, Arial, Helvetica, sans-serif;
  color: black;
  }
  

span.codedirection { unicode-bidi:bidi-override; direction: rtl; }


  p{
  margin:0;
  padding:10px;
  }
  
    #about {
  position: absolute;
  left:0px;
  top:0px;
  width: 100px;
  height: 100px;
  background:none;
  z-index: -1;}
  
  #logo {
  position: absolute;
  display:block;
  left:22px;
  top:170px;
  width: 350px;
  height: 100px;
  background:none;
  z-index: 3;}
  
    #logobox {
  position: absolute;
  display:block;
  left:0px;
  top:150px;
  width: 420px;
  height: 180px;
  background-color: white;
  border:0;
  }
  
    #work a{
  position: absolute;
  display:block;
  left:22px;
  top:250px;
  width: 90px;
  height: 20px;
  background: url(images/work.jpg) no-repeat;
  z-index: 5;}
  
      #work a:hover{
  position: absolute;
  display:block;
  left:22px;
  top:250px;
  width: 90px;
  height: 20px;
  background: url(images/work_hover.jpg) no-repeat;
  z-index: 5;}
  
    #prices a{
  position: absolute;
  display:block;
  left:22px;
  top:275px;
  width: 90px;
  height: 20px;
  background: url(images/prices.jpg) no-repeat;
  z-index: 3;}
  
  
  #prices a:hover{
  position: absolute;
  display:block;
  left:22px;
  top:275px;
  width: 90px;
  height: 20px;
  background: url(images/prices_hover.jpg) no-repeat;
  z-index: 3;}
  
      #contact a{
  position: absolute;
  display:block;
  left:22px;
  top:300px;
  width: 90px;
  height: 20px;
  background: url(images/contact.jpg) no-repeat;
  z-index: 3;}
  
        #contact a:hover{
  position: absolute;
  display:block;
  left:22px;
  top:300px;
  width: 90px;
  height: 20px;
  background: url(images/contact_hover.jpg) no-repeat;
  z-index: 3;}

  
  
      #inhaltbox {
  position: absolute;
  right:0px;
  top:150px;
  width: 450px;
  min-height: 180px;
  max-height: 70%;
  background-color: white;
  margin:0;
  padding:0;
  font-family: verdana, helvetica, tahoma, verdana, arial, tahoma, sans-serif;
  font-size: 11.5pt;
  line-height: 140%;
  z-index:4;
  overflow: auto;
  }
  
  #inhaltbox a{
  font-weight: normal;
  color:black;
  text-decoration: none;
  font-family: courier;
  padding: 2px;
  }
  
  #inhaltbox a:hover{
  font-weight: normal;
  color:black;
    text-decoration: underline;
  }
  

a.info span { visibility: hidden; position: fixed; top: 200px; right: 20px; margin-top: 5px; padding: 0px; text-decoration: none;width: auto; margin-left:5px;}
a.info:hover span { visibility: visible; border: 2px solid black; color: white; background: black; width:auto; padding: 0;}

a.infoprice span { visibility: hidden; position: fixed; top: 200px; right: 20px; margin-top: 5px; padding: 0px; text-decoration: none;width: auto; margin-left:5px;}
a.infoprice:hover span { visibility: visible; border: 2px solid black; color: white; background: black; width:auto; padding: 0;}

* html a.info span  {
  display: none;
}