/* venomsoftware.de

   W3C validated style sheet
*/


.VSFont01 {
  font-family: Verdana, Tahoma, "MS Sans Serif", Arial, Terminal, Helvetica, sans-serif;
  font-size: 9px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: #FFCCFF;
  background-color: #000000;
}


.VSFont02 {
  font-family: Verdana, Tahoma, "MS Sans Serif", Arial, Terminal, Helvetica, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: #000066;
  background-color: #000000;
}


.VSFont03 {
  font-family: Verdana, Tahoma, "MS Sans Serif", Arial, Terminal, Helvetica, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: #006699;
  background-color: #000000;
}


.VSFont04 {
  font-family: Verdana, Tahoma, "MS Sans Serif", Arial, Terminal, Helvetica, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: #CCCCFF;
  background-color: #000000;
}


.VSFont05 {
  font-family: Verdana, Tahoma, "MS Sans Serif", Arial, Terminal, Helvetica, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: #000066;
  background-color: #FFCCFF;
}


.VSFont06 {
  font-family: Verdana, Tahoma, "MS Sans Serif", Arial, Terminal, Helvetica, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: #000066;
  background-color: #FFCCFF;
}


.VSFont07 {
  font-family: Verdana, Tahoma, "MS Sans Serif", Arial, Terminal, Helvetica, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: #0000FF;
  background-color: #FFCCFF;
}


.VSFont08 {
  font-family: Verdana, Tahoma, "MS Sans Serif", Arial, Terminal, Helvetica, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: #0000FF;
  background-color: #FFCCFF;
}


.VSFont09 {
  font-family: Verdana, Tahoma, "MS Sans Serif", Arial, Terminal, Helvetica, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: #CCCCFF;
  background-color: #000066;
}


.VSFont10 {
  font-family: Verdana, Tahoma, "MS Sans Serif", Arial, Terminal, Helvetica, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: #88FFFF;
  background-color: #000066;
}


.VSFont11 {
  font-family: Verdana, Tahoma, "MS Sans Serif", Arial, Terminal, Helvetica, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: #000066;
  background-color: #33CCFF;
}


.VSFont12 {
  font-family: Verdana, Tahoma, "MS Sans Serif", Arial, Terminal, Helvetica, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: #000066;
  background-color: #00CCCC;
}


.VSFont13 {
  font-family: Verdana, Tahoma, "MS Sans Serif", Arial, Terminal, Helvetica, sans-serif;
  font-size: 9px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: #0000FF;
  background-color: #FFCCFF;
}


.VSFont14 {
  font-family: Verdana, Tahoma, "MS Sans Serif", Arial, Terminal, Helvetica, sans-serif;
  font-size: 9px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: #000066;
  background-color: #FFCCFF;
}


.VSFont15 {
  font-family: Verdana, Tahoma, "MS Sans Serif", Arial, Terminal, Helvetica, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: #000066;
  background-color: #00CCFF;
}


.VSFont16 {
  font-family: Verdana, Tahoma, "MS Sans Serif", Arial, Terminal, Helvetica, sans-serif;
  font-size: 9px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: #CCCCFF;
  background-color: #000066;
}


.VSFont17 {
  font-family: Verdana, Tahoma, "MS Sans Serif", Arial, Terminal, Helvetica, sans-serif;
  font-size: 9px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: #BBBBFF;
  background-color: #000000;
}


.VSFont18 {
  font-family: Verdana, Tahoma, "MS Sans Serif", Arial, Terminal, Helvetica, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: #000066;
  background-color: #FFFFFF;
}


.VSFont19 {
  font-family: Verdana, Tahoma, "MS Sans Serif", Arial, Terminal, Helvetica, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: #CCCCFF;
  background-color: #000066;
}


.VSFont20 {
  font-family: Verdana, Tahoma, "MS Sans Serif", Arial, Terminal, Helvetica, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: #CCCCFF;
  background-color: #000066;
}


.VSFont21 {
  font-family: Verdana, Tahoma, "MS Sans Serif", Arial, Terminal, Helvetica, sans-serif;
  font-size: 9px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: red;
  background-color: #FFCCFF;
}


.VSMargin01 { margin-left: 0px; margin-top: 0px; }


li {
  margin-top: 8px;
  margin-bottom: 8px;
}


#navbar {
  background-color: #000000;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 200px;
  height: 400px;
  z-index: 1;
  background-image: url("file.php?img=navbar/navigation.jpg");
}

#navbar ul {
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}

#navbar ul li {
  margin: 0px;
}

#navbar ul li a {
  position: absolute;
  display: block;
  height: 20px;
  text-decoration: none;
  z-index: 2;
  background-image: url("file.php?img=navbar/buttons.png");
}

#navbar-button-games {
  left: 107px; 
  top: 140px;
  width: 69px;
  background-position: 0px -20px;
}

#navbar-button-games:hover {
  background-position: 0px 0px;
}

#navbar-button-demos {
  left: 25px; 
  top: 140px;
  width: 69px;
  background-position: -69px -20px;
}

#navbar-button-demos:hover {
  background-position: -69px 0px;
}

#navbar-button-technology {
  left: 32px;
  top: 218px;
  width: 138px;
  background-position: -138px -20px;
}

#navbar-button-technology:hover {
  background-position: -138px 0px;
}

#navbar-button-mail {
  left: 107px;
  top: 114px;
  width: 69px;
  background-position: -276px -20px;
}

#navbar-button-mail:hover {
  background-position: -276px 0px;
}

#navbar-button-imprint {
  left: 32px;
  top: 244px;
  width: 138px;
  background-position: -345px -20px;
}

#navbar-button-imprint:hover {
  background-position: -345px 0px;
}

#navbar-button-docs {
  left: 107px;
  top: 166px;
  width: 69px;
  background-position: -483px -20px;
}

#navbar-button-docs:hover {
  background-position: -483px 0px;
}

#navbar-button-about {
  left: 107px;
  top: 192px;
  width: 69px;
  background-position: -552px -20px;
}

#navbar-button-about:hover {
  background-position: -552px 0px;
}

#navbar-button-mixed {
  left: 25px;
  top: 166px;
  width: 69px;
  background-position: -621px -20px;
}

#navbar-button-mixed:hover {
  background-position: -621px 0px;
}

#navbar-button-links {
  left: 25px;
  top: 192px;
  width: 69px;
  background-position: -690px -20px;
}

#navbar-button-links:hover {
  background-position: -690px 0px;
}

#navbar-button-home {
  left: 25px; 
  top: 114px;
  width: 69px;
  background-position: -759px -20px;
}

#navbar-button-home:hover {
  background-position: -759px 0px;
}

#index-logo {
  border: 0px;
  height: 260px;
  width: 700px;
}

#index-navbar {
  background-color: #000000;
  clear: both;
  width: 100%;
  overflow: hidden;
}

#index-navbar ul {
  margin: 0 auto;
  list-style-type: none;
  float: left;
  left: 50%;
  position: relative;
  padding: 0px;
  margin: 0px;
}

#index-navbar ul li {
  float: left;
  right: 50%;
  position: relative;
  margin: 0px;
}

#index-navbar ul li a {
  display: block;
  height: 16px;
  margin-left: 6px;
  margin-right: 6px;
  text-decoration: none;
  background-image: url("file.php?img=index/buttons.png");
}

#index-navbar-button-about {
  width: 41px;
  background-position: 0px -16px;
}

#index-navbar-button-about:hover {
  background-position: 0px 0px;
}

#index-navbar-button-technology {
  width: 78px;
  background-position: -41px -16px;
}

#index-navbar-button-technology:hover {
  background-position: -41px 0px;
}

#index-navbar-button-contact {
  width: 53px;
  background-position: -119px -16px;
}

#index-navbar-button-contact:hover {
  background-position: -119px 0px;
}

#index-navbar-button-imprint {
  width: 52px;
  background-position: -172px -16px;
}

#index-navbar-button-imprint:hover {
  background-position: -172px 0px;
}

#welcome {
  width: 560px;
  height: 360px;
  display: block;
  margin: 0px auto 0px auto;
}