/*
stiepan-druck.at CSS document
copyright by www.multivitamedia.at - Webdesign, Print, Grafik
*/

/*   Elements   */

* {
  margin: 0px;
  padding: 0px;
}

body {
  font: 12px Arial, Verdana, sans-serif;
  letter-spacing: .3px;
  background-image: url(../pictures/background.jpg);
  background-repeat: no-repeat;
  background-color: #000;
  color: #fff;
}

img {
  border: none;
}

h1 {
  font-size: 20px;
}

small {
  display:none;
}

a {
  color:#fff;
}


/*  IDs  */

#content1 {
  width: 262px;
  height: 276px;
  position: absolute;
  top: 200px;
  left: 75px;
  overflow: hidden;
  background-color: #2e2e2e;
}

#content1a {
  width: 260px;
  height: 274px;
  position: absolute;
  top: 200px;
  left: 75px;
  border: 1px;
  border-style: solid;
  border-color: #fff;
  overflow: hidden;
}

#content1a a {
  color: #fff;
  text-decoration: underline;
}

#content1b {
  width: 260px;
  height: 133px;
  position: absolute;
  top: 200px;
  left: 75px;
  border: 1px;
  border-style: solid;
  border-color: #fff;
}

#content1c {
  width: 260px;
  height: 133px;
  position: absolute;
  top: 340px;
  left: 75px;
  border: 1px;
  border-style: solid;
  border-color: #fff;
}

#scroll_box {
  width: 210px;
  position: absolute;
  top: 0px;
  left: 20px;
  margin-top: 10px;
  background-color: #2e2e2e;
}

#scroll_box2 {
  width: 210px;
  position: absolute;
  top: 0px;
  left: 20px;
  margin-top: 10px;
}

#scroll_up {
  cursor: pointer;
}

#scroll_down {
  cursor: pointer;
}

#beam1, #beam1a {
  width: 262px;
  height: 10px;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #2e2e2e;
  z-index: 1;
}

#beam1a {
  background-color:#232323;
  /*
  background-color: transparent;
  background-image: url(../pictures/beam1backgr.gif);
  */
}

#beam2, #beam2a {
  width: 262px;
  height: 10px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background-color: #2e2e2e;
  z-index: 1;
}

#beam2a {
  background-color:#232323;
  /*
  background-color: transparent;
  background-image: url(../pictures/beam2backgr.gif);
  */
}

#content2 {
  width: 527px;
  height: 273px;
  position: absolute;
  top: 200px;
  left: 342px;
  border: 1px;
  border-style: solid;
  border-color: #fff;
}

#content2news {
  width: 527px;
  height: 273px;
  position: absolute;
  top: 200px;
  left: 342px;
  border: 1px;
  border-style: solid;
  border-color: #fff;
  background-image: url('../pictures/background_news.jpg');
}

#content2 a {
  color: #fff;
}

#content2text {
  position: absolute;
  top: 25px;
  left: 30px;
  right: 30px;
}

#content2texta {
  position: absolute;
  top: 55px;
  left: 230px;
  right: 40px;
}

#content2textb {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 18px;
  position: absolute;
  top: 25px;
  left: 30px;
  right: 30px;
}

#content2a {
  width: 527px;
  height: 414px;
  position: absolute;
  top: 200px;
  left: 343px;
  border: 1px;
  border-style: solid;
  border-color: #fff;
}

#mitarbeiter1 {
  width: 400px;
  position: absolute;
  top: 115px;
  left: 0px;
}

#mitarbeiter2 {
  width: 400px;
  position: absolute;
  top: 115px;
  left: 230px;
}

#content1_2 {
  width: 796px;
  height: 275px;
  position: absolute;
  top: 200px;
  left: 75px;
  overflow: hidden;
  border: 1px;
  border-style: solid;
  border-color: #fff;
}

#content1_3 {
  width: 796px;
  height: 415px;
  position: absolute;
  top: 200px;
  left: 75px;
  overflow: hidden;
  border: 1px;
  border-style: solid;
  border-color: #fff;
}

#content3 {
  width: 262px;
  height: 136px;
  position: absolute;
  top: 480px;
  left: 75px;
  background-color: #2e2e2e;
}

#content3a {
  width: 260px;
  height: 134px;
  position: absolute;
  top: 480px;
  left: 75px;
  border: 1px;
  border-style: solid;
  border-color: #fff;
}

#content3b {
  width: 260px;
  height: 134px;
  position: absolute;
  top: 480px;
  left: 75px;
  border: 1px;
  border-style: solid;
  border-color: #fff;
  background-color: #fff;
}

#content3 a {
  color: #fff;
}

#content3text {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
}

#content4 {
  width: 260px;
  height: 134px;
  position: absolute;
  top: 480px;
  left: 342px;
  border: 1px;
  border-style: solid;
  border-color: #fff;
}

#content4a {
  width: 262px;
  height: 136px;
  position: absolute;
  top: 480px;
  left: 343px;
  background-color: #2e2e2e;
}

#content4atext {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
}

#content5 {
  width: 260px;
  height: 134px;
  position: absolute;
  top: 480px;
  left: 609px;
  border: 1px;
  border-style: solid;
  border-color: #fff;
}

#logo {
  position: absolute;
  top: 103px;
  left: 75px;
}

#menu {
  width: 605px;
  height: 20px;
  position: absolute;
  top: 112px;
  left: 260px;
  /*
  border-top: 1px;
  border-top-style: solid;
  border-top-color: #fff;
  border-bottom: 1px;
  border-bottom-style: solid;
  border-bottom-color: #fff;
  */
}

#bild1, #bild2, #bild3, #bild4, #bild5, #bild6, #bild7, #bild8, #bild9 {
  width: 260px;
  height: 133px;
  position: absolute;
  border: 1px;
  border-style: solid;
  border-color: #fff;
}

#bild1 {
  top: 200px;
  left: 75px;
}

#bild2 {
  top: 200px;
  left: 342px;
}

#bild3 {
  top: 200px;
  left: 609px;
}

#bild4 {
  top: 340px;
  left: 75px;
}

#bild5 {
  top: 340px;
  left: 342px;
}

#bild6 {
  top: 340px;
  left: 609px;
}

#bild7 {
  top: 480px;
  left: 75px;
}

#bild8 {
  top: 480px;
  left: 342px;
}

#bild9 {
  top: 480px;
  left: 609px;
}

#menu a {
  color: #fff;
  font-size: 11px;
}

#menu1 a, #menu1active a {
  width: 68px;
  height: 11px;
  position: absolute;
  top: 3px;
  left: 54px;
  display: block;
  text-decoration: none;
}

#menu1 a:hover, #menu1 a:active {
  width: 68px;
  height: 11px;
  display: block;
  text-decoration: none;
}

#menu2 a, #menu2active a {
  width: 55px;
  height: 11px;
  position: absolute;
  top: 3px;
  left: 141px;
  display: block;
  text-decoration: none;
}

#menu2 a:hover, #menu2 a:active {
  width: 55px;
  height: 11px;
  display: block;
  text-decoration: none;
}

#menu3 a, #menu3active a {
  width: 69px;
  height: 11px;
  position: absolute;
  top: 3px;
  left: 240px;
  display: block;
  text-decoration: none;
}

#menu3 a:hover, #menu3 a:active {
  width: 69px;
  height: 11px;
  display: block;
  text-decoration: none;
}

#menu4 a, #menu4active a {
  width: 70px;
  height: 11px;
  position: absolute;
  top: 3px;
  left: 320px;
  display: block;
  text-decoration: none;
}

#menu4 a:hover, #menu4 a:active {
  width: 70px;
  height: 11px;
  display: block;
  text-decoration: none;
}

#menu5 a, #menu5active a {
  width: 63px;
  height: 11px;
  position: absolute;
  top: 3px;
  left: 400px;
  display: block;
  text-decoration: none;
}

#menu5 a:hover, #menu5 a:active {
  width: 63px;
  height: 11px;
  display: block;
  text-decoration: none;
}

#menu6 a, #menu6active a {
  width: 114px;
  height: 11px;
  position: absolute;
  top: 3px;
  left: 505px;
  display: block;
  text-decoration: none;
}

#menu6 a:hover, #menu6 a:active {
  width: 114px;
  height: 11px;
  display: block;
  text-decoration: none;
}

#menu7 a, #menu7active a {
  width: 40px;
  height: 11px;
  position: absolute;
  top: 3px;
  left: 78px;
  display: block;
  text-decoration: none;
}

#menu7 a:hover, #menu7 a:active {
  width: 40px;
  height: 11px;
  display: block;
  text-decoration: none;
}

#submenu1, #submenu3 {
  position: absolute;
  top: 145px;
  left: 275px;
  font-size: 12px;
}

#submenu3 {
  left: 268px;
}

#submenu1 a, #submenu3 a {
  color: #fff;
  text-decoration: none;
}

#subnav1, #subnav3 {
  list-style: none;
}

#subnav1 li, #subnav3 li {
  display: inline;
  margin-right: 10px;
}

#farbabstimmung {
  position: absolute;
  top: 200px;
  left: 75px;
  z-index: 1;
}

#slogan {
  position: absolute;
  top: 630px;
  left: 333px;
}

#impressum {
  height: 30px;
  position: absolute;
  top: 630px;
  left: 805px;
}

#impressum a {
/*  color: #fe2b48; */
  color: #b4b4b4;
  text-decoration: none;
}


/*  Classes  */

.up {
  position: absolute;
  top: 240px;
  left: 240px;
}

.down {
  position: absolute;
  top: 255px;
  left: 240px;
}

.liste {
  margin-left: 15px;
}

.stiepan {
  font-size: 16px;
}