html {
  height: 100%;  
  width: 100%;
}

body {
  margin: 0px;
  background-color: #727272;
  background: url( ../g/bg.png );
  font-family:  "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
  color: #000000;
  text-align: center;
  height: 100%;
  width: 100%;
}

a {
  text-decoration: none;
}

p {
  margin: 0px;
  margin-bottom: 12px;
}

#main {
  position: absolute;
  top: 14px; /* muss 3n+2 sein, damit die Streifen passen */
  left: 50%;
  margin-left: -344px;
  width: 688px; /* 676 + 12 (Schatten) */
  height: 600px;
  min-height: 600px;
  max-height: 600px;
  
  background-image: url( ../g/mainbg.png );
  background-repeat: repeat-y;
  overflow: hidden;
}

#title {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 688px;
  height: 88px;
  background-image: url( ../g/top_neu.jpg );
  background-repeat: no-repeat;
}

#bottom {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 688px;
  height: 137px;
  background-image: url( ../g/bottom.png );
  background-repeat: no-repeat;
}

#colors {
  position: absolute;
  bottom: 6px;
  left: 6px;
  width: 676px;
  height: 20px;
}

#colors table {
  margin: 0px;
  padding: 0px;
  width: 100%;
  border-collapse: collapse;
}

#logo {
  position: absolute;
  top: 45px;
  left: 260px;
  width: 314px;
  height: 64px;
  background-image: url( ../g/logo.png );
  background-repeat: no-repeat;
}

/* Inhaltsbereich */
#contents {
  position: absolute;
  left: 260px;
  top: 161px;
  width: 350px;
  color: #555555;
  font-size: 10pt;
  text-align: left;
  z-index: 100;  
}

#navigation {
  position: absolute;
  left: 6px;
  top: 56px;
  width: 181px;
  height: 104px;
  background-image: url( ../g/linie1.png );
  background-repeat: no-repeat;
}

#uns {
  width: 29px;
  height: 82px;
  background-image: url(../g/nav_uns.png ); 

  position: absolute;
  top: 105px;
  left: 152px;
  cursor: pointer;
  z-index: 3;
}

#kontakt {
  width: 29px;
  height: 78px;
  background-image: url(../g/nav_kontakt.png ); 

  position: absolute;
  top: 225px;
  left: 152px;
  cursor: pointer;
  z-index: 3;
}


#text_uns {
  display: none;
}

#text_kontakt {
  display: none;
}

#text_kontakt_send {
  display: none;
}

#text_impressum {
  display: none;
}


#pfeil {
  background-image: url( ../g/arrow.png );
  background-repeat: no-repeat;
  position: absolute;
  left: 181px;
  top: 128px;
  width: 18px;
  height: 36px;
  z-index: 1;
}

#pfeil_ {
  background-image: url( ../g/arrow_.png );
  background-repeat: no-repeat;
  position: absolute;
  top: 60px;
  left: 625px;
  width: 36px;
  height: 18px;
  z-index: 1;
}



#impressum {
  background-image: url( ../g/nav_impressum.png );
  background-repeat: no-repeat;
  position: absolute;
  width: 68px;
  height: 26px;
  bottom: 51px;
  right: 6px;
  cursor: pointer;
  color: #000000;
  z-index: 10;
}

#impressum a {
  color: #000000;
}

div.form {
  margin-left: 0px;
  padding-left: 0px;
}


input.textfield, textarea.textarea {
  clear: both;
  background-color: #ffffff;
  color: #000000;
  border: 0px solid #000000;
  border: 1px solid #e2e2e2;
  display: block;
  margin-top: 2px;
  margin-bottom: 5px;
}

label {
  font-size: 9pt;
  font-weight: normal;
}

input #namefield {
  clear: none;
}

input.textfield {
  width: 45%;
}

textarea.textarea {
  width: 100%;
}

input.textfield {
  height: 17px;
}

input.button {
  float: right;
  margin-top: 4px;
  margin-right: 0px;
  margin-bottom: 2px;
  font-size: 9pt;
  font-weight: normal;
}

#bgimage_uns {
  position: absolute;
  background-image: url( ../g/bgimage_uns.png );
  background-repeat: no-repeat;
  bottom: 77px;
  right: 6px;
  width: 189px;
  height: 147px;
  z-index: 1;
}

#bgimage_kontakt {
  position: absolute;
  background-image: url( ../g/bgimage_kontakt.png );
  background-repeat: no-repeat;
  bottom: 90px;
  right: 40px;
  width: 175px;
  height: 144px;
  z-index: 1;
}

#bgimage_impressum {
  position: absolute;
  background-image: url( ../g/bgimage_uns.png );
  background-repeat: no-repeat;
  bottom: 77px;
  right: 6px;
  width: 189px;
  height: 147px;
  z-index: 1;
}