/* =====================================================
   Überschrift
=====================================================*/
   
#header {
  background: #FFFFFF url("../images/header.jpg") no-repeat top center;
  width: 740px;
  height: 90px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  font-size: 1em;
  font-weight: normal;
  color: #000;
  z-index: 1;
}

/* =====================================================
   Container
===================================================== */

#container {
  background: #FFFFFF url("../images/container.jpg") no-repeat center;
  top: 90px;
  width: 740px;
  height: 500px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1em;
  text-align: left;
  z-index: 2;
}

/* =====================================================
   Hauptinhalt
===================================================== */

#headline {
  width: 454px;
  vertical-align: bottom;
  text-align: left;
  font-size: 1em;
  font-weight: bold;  
  color: #000;
  top: 60px;
  left: 286px;
  position: relative;
}

#headline #text {
  width: 415px;
  margin: 0 0 0 0;
  position: absolute;
  top: 0px;
  line-height: normal;
  vertical-align: left;
  text-align: left;
  font-size: 1em;
  overflow: auto;
}

#content {
  width: 454px;
  color: #000;
  vertical-align: top;
  position: relative;
  left: 257px;
  top: 140px;
}

#content #text {
  width: 415px;
  height: 336px; /* Möglicher Prozentwert: 85% */
  position: absolute;
  top: 0px;
  line-height: normal;
  vertical-align: left;
  text-align: left;
  font-size: .82em;
  overflow: auto;
}

/* =====================================================
   Navigationszeile
===================================================== */

#navbar {
  width: 740px;
  height: auto; 
  position: relative;
  left: 142px;
  top: 50px;
  font-size: .7em;
  vertical-align: bottom;
  color: #000;
}

#navbar a:link , #navbar a:visited {
  text-decoration: none;
  color: #000;
  background: transparent;
}

#navbar a:hover , #navbar a:active {
  text-decoration: underline;
  color: #000;
  background: transparent;
}

/* =====================================================
   Sub-Navigationszeile
===================================================== */

#subnavbar {
  width: 250px; 
  height: auto; 
  position: relative;
  left: 20px;
  top: 464px;
  margin: 0;
  font-size: .7em;
  vertical-align: top;
  color: #000;
}

#subnavbar a:link , #subnavbar a:visited {
  text-decoration: none;
  color: #000;
  background: transparent;
}

#subnavbar a:hover , #subnavbar a:active {
  text-decoration: underline;
  color: #000;
  background: transparent;
}

/* =====================================================
   Grundelemente
===================================================== */

a:link , a:visited {
  text-decoration: none;
  color: #000;
  background: transparent;
}

a:hover , a:active {
  text-decoration: underline;
  color: #000;
  background: transparent;
}

a img {
  border: 0 none;
}

a:hover img.baselined {
  padding-bottom: 2px;
  border-bottom: 1px solid #fff;
  vertical-align: middle;
}

abbr , acronym {
  border: 0 none;
  font-style: normal;
}

address , p {
  margin: 0 0 .75em 0;
  font-style: normal;
  line-height: 140%;
}

body {
  background: #cccccc;
  font-family: Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  text-align: center;
  color: #000;
  scrollbar-face-color: #fff;
  scrollbar-highlight-color: #d2d3d3;
  scrollbar-3dlight-color: #d2d3d3;
  scrollbar-darkshadow-color: #d2d3d3;
  scrollbar-shadow-color: #9fa0a0;
  scrollbar-arrow-color: #f00;
  scrollbar-track-color: #d2d3d3;
}


h1 {
  display: none;
}

h2 {
  text-transform: uppercase;
}

h2 acronym , h2 abbr {
  text-transform: none !important;
}

h2 , h3 , h4 {
  margin: 0 .5ex 0 0;
  font-size: 1em;
  font-weight: normal;

}

h5 {
  margin: 0;
  font-size: 1em;
  line-height: 140%;
}

html , body {
  height: 100%;
  margin: 0;
  padding: 0;
}

ol {
  margin: 1.25em 0 .75em 0;
  padding: 0;
  list-style: decimal inside;
}

ol li {
  margin: 0 0 .35em 0;
  padding: 0;
  line-height: 140%;
}

ol li ol {
  margin: 1.25em 0 .75em 0;
  padding: 0;
  list-style: lower-alpha outside;
}

ul {
  margin: 0 0 .75em 0;
  padding: 0;
  color: #000;
}

ul a:link , ul a:visited {
  text-decoration: none;
  color: #000;
  background: transparent;
}

ul a:hover , ul a:active {
  text-decoration: underline;
  color: #000;
  background: transparent;
}

ul li {
  margin: 0 0 .35em 20px;
  padding: 0;
  line-height: 140%;
}

ul li a:link , ul li a:visited {
  text-decoration: none;
  color: #000;
  background: transparent;
}

ul li  a:hover , ul li a:active {
  text-decoration: underline;
  color: #000;
  background: transparent;
}

ul li ul {
  margin: 0 0 .75em 0;
  padding: 0;
  list-style: disc url("../images/listenpunkt-text-schwarz.png");
  color: #000;
}

img {
  position: relative;
}  

/* =====================================================
   Formularfelder
===================================================== */

button {
  font: 100% Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

button span.accesskey {
  text-decoration: underline;
}

fieldset {
  border: 0 solid #fff;
  margin: 0 0 1em 0;
  padding: 0;
}

label {
  font-size: 85%;
  display: block;
}

legend {
  display: none;
}

#vorname , #nachname  {
  width: 145px;
}

#firma , #anschrift , #email , #nachricht , #upload , #key {
  width: 300px;
}

#plz {
  width: 45px;
}

#ort {
  width: 246px;
}

/* =====================================================
   Klassen
===================================================== */

.hide {
  display: none;
}

.baselined {
  vertical-align: baseline;
}

.sbwiw {
  vertical-align: bottom !important;
  text-align: center;
}

.download-list {
  padding-top: .5em;
  border-top: 1px solid red;
}

.strinfo {
  margin-left: 10px;
}