html, body {
  margin: 0;
  height: 100%;
	width: 100%;
  padding: 0;
  font-size: 11px;
  font-family: arial,helvetica,sans-serif;
  font-weight: normal;
}

div#flashcontent {
  margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}

div#logo img {
  border: 0;
}

br.clear {
  clear: both;
}
/* Fixe Positionierung vom Logo */
div#logo {
  position: absolute;
  top: 60px;
  left: 40px;
}
/* navbox enthält die Meta- und die Hauptnavigation*/
div#navbox {
  position: absolute;
  left: 654px;
}
/* START: Metanavigation */
div#meta {
  margin: 15px 0 48px 0;
  width: 356px;
}
div#meta a {
  float: right;
  display: block;
  margin: 0 0 0 10px;
  color: #000000;
  font-size: 8pt;
  text-decoration: none;
}
/* ENDE: Metanavigation */
/* START: Navigationsstyles */
ul#navigation, ul.subnavigation {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul#navigation li {
  float: left;
}
* html ul#navigation li {
  margin-bottom: 3px;
  padding-bottom: 2px;
}
* html ul.subnavigation li {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
/* Styles der Menüpunkte in der Hauptnavigation */
ul#navigation li a {
  margin: 3px 15px 0 0;
  padding: 0 6px 1px 6px;
  font-size: 18px;
  font-weight: bold;
  color: #DC002B;
  background: none;
  text-decoration: none;
}
* html ul#navigation li a {
  padding: 0 6px 4px 6px;
}
ul#navigation li a.active {
  color: #FFFFFF;
  background: #DB002E;
}
/* Mouseovereffekt bei Haupt- und Subnavogation */
ul#navigation li a:hover, ul#navigation ul li a:hover {
  color: #FFFFFF;
  background: #DB002E;
}
/* Positionierung der Subnavigation */
ul#navigation ul {
  display: none;
  position: absolute;
  margin: 4px 0 0 -1px;
}
ul#navigation ul.active {
  display: block;
}
/* Feste Positionen für den IE */
* html ul#navigation ul {
  width: 300px;
  top: 98px;
}
* html ul#subnavigation1 {
  left: 0;
}
* html ul#subnavigation2 {
  left: 119px;
}
* html ul#subnavigation3 {
  left: 241px;
}
ul#navigation ul li {
  clear: both;
  margin-bottom: 4px;
}
* html ul#navigation ul li {
  margin-bottom: -1px;
}
/* Styles der Menüpunkte in der Subnavigation */
ul#navigation ul li a {
  margin: 0 15px 0 0;
  height: 13px;
  padding: 0px 4px 1px 4px;
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #000000;
  border: 1px solid #FFFFFF;
}
/* ENDE: Navigationsstyles */
/* START: Inhaltsbereich */
div#content {
  position: absolute;
  top: 188px;
  left: 97px;
  width: 667px;
}
/* Überschrift 1 */
div#content h1 {
  margin: 0 0 10px 0;
  color: #8B8B8B;
  font-size: 14px;
  font-weight: bold;
}
/* Überschrift 2 */
div#content h2 {
  margin: 0 0 20px 0;
  color: #000000;
  font-size: 18px;
  font-weight: bold;
}
/* Überschrift 3 */
div#content h3 {
  margin: 0;
  color: #000000;
  font-size: 11px;
  font-weight: bold;
}
/* Textabsatz */
div#content p {
  margin: 0 0 14px 0;
  font-size: 11px;
  line-height: 14px;
}
/* Link innerhalb eines Textabsatzes */
div#content p a, div#content div a {
  color: #FFFFFF;
  padding: 0 2px 2px 2px;
  font-size: 11px;
  text-decoration: none;
  background: #DB002E;
}
/* Liste */
div#content ul {
  margin: 0 0 18px 12px;
  font-size: 11px;
}
/* Link innerhalb einer Liste */
div#content ul li a {
  color: #DB002E;
  font-size: 11px;
  text-decoration: none; 
  background: none;
}
/* Spaltenaufteilung (2-Spaltig) */
div#content div.spalteLinks, div#content div.spalteRechts {
  width: 315px;
}
div#content div.spalteLinks {
  float: left;
}
div#content div.spalteRechts {
  float: right;
}

div#content div.boxClient {
  float: left;
  margin: 2px;
  height: 79px;
  width: 79px;
}
div#content div.boxClient a {
  padding: 0;
  background: #FFFFFF;
}
div#content div.boxClient a img {
  border: 0;
}

/* ENDE: Inhaltsbereich */
/* START: Styles Startseite */
div#start {
  position: absolute;
  top: 134px;
  left: 97px;
  width: 763px;
  text-align: right;
}
/* Formatierung der Überschriften wegen besonderem Hintergrundstyle mit Span-Tag im H1/H2 Tag */
div#start h1 span, div#start h2 span {
  padding: 2px 5px;
  color: #FFFFFF;
  text-align: right;
  background: #000000;
}
/* Positionierung und Schriftformatierung von Überschrift 1 */
div#start h1 {
  margin: 15px 233px 0 0;
  font-size: 22px;
  font-weight: normal;
}
/* Positionierung und Schriftformatierung von Überschrift 2 */
div#start h2 {
  margin: 0 206px 0 0;
  font-size: 18px;
  font-weight: normal;
}
/* Style der Links */
div#start div a {  
  color: #FFFFFF;
  padding: 0 2px 2px 2px;
  font-size: 10px;
  text-decoration: none;
  background: #DB002E;
}
/* Linker Inhaltsbereich der Startseite */
div#start div#startContent {
  float: left;
  text-align: left;
  margin: 21px 21px 0 0;
}
/* Rechter Inhaltsbereich der Startseite */
div#start div#startMarginal {
  float: right;
  margin-top: 15px;
  width: 206px;
  text-align: left;
}
* html div#start div#startMarginal {
  margin-top: 25px;
}
div#start div#startMarginal p {
  margin: 0;
}
/* Box mit den 3 Teasern der Startseite */
div#start div#boxTeaser {
  margin: 16px 0 0 0;
  width: 536px;
}
div#start div#boxTeaser div {
  width: 151px;
}
div#start div#boxTeaser div#teaserLinks {
  float: left;
}
div#start div#boxTeaser div#teaserMitte {
  margin: 0 0 0 190px; 
}
div#start div#boxTeaser div#teaserRechts {
  float: right;
}
/* Teaserüberschrift */
div#start div#boxTeaser div h1 {
  margin: 0 0 11px 0;
  padding: 0;
  font-size: 11px;
  font-weight: bold;
}
/* Teasertext */
div#start div#boxTeaser div p {
  margin: 0;
  padding: 0;
}

/* Formularstyles */
form {
  margin: 15px auto auto auto;
  width: 337px;
}
form label, form input.inputText, form textarea {
  display: block;
  float: left;
}
form label {
  margin: 0 0 1px 0;
  height: 20px;
  width: 80px;
  padding: 2px 0 0 0;
}
* html form label {
  margin: 0 0 3px 0;
}
form input.inputText, form textarea {
  width: 247px;
  border: 1px solid #AAAAAA;
}
form input.inputButton {
  float: right;
  margin: 10px 0 0 0;
  width: 70px;
  padding: 0 20px 0 0;
  background: #FFFFFF url(../images/pfeil.gif) no-repeat right bottom;
  border: 0;
}
form textarea {
  height: 129px;  
}

/* Styles für Projektbetreuung */
div#projektstrahl {
  height: 200px;
  width: 874px;
  background: #FFFFFF url(../images/projektstrahl.gif) no-repeat left center;
}
div#projektstrahl div.boxZettel {
  position: absolute;
  top: 145px;
}
div#projektstrahl div.boxZettel div.pin {
  position: absolute;
  top: -27px;
  padding: 5px;
  color: #FFFFFF;
  background-color: #000000;
}
div#projektstrahl div#analyse {
  left: 15px;
}
div#projektstrahl div#analyse div.pin {
  left: 40px;
}
div#projektstrahl div#konzeption {
  left: 157px;
}
div#projektstrahl div#konzeption div.pin {
  left: 35px;
}
div#projektstrahl div#produktion {
  left: 299px;
}
div#projektstrahl div#produktion div.pin {
  left: 35px;
}
div#projektstrahl div#qualitaetssicherung {
  left: 441px;
}
div#projektstrahl div#qualitaetssicherung div.pin {
  left: 15px;
}
div#projektstrahl div#netzstart {
  left: 583px;
}
div#projektstrahl div#netzstart div.pin {
  left: 37px;
}
div#projektstrahl div#weiterentwicklung {
  left: 725px;
}
div#projektstrahl div#weiterentwicklung div.pin {
  left: 15px;
}
div#projektstrahl div.zettel {
  width: 120px;
  padding: 5px;
  background-color: #FFFFFF;
  border: 1px solid #AFAFAF;
}
* html div#projektstrahl div.zettel {
  width: 135px;
}
div#projektstrahl div img.ecke {
  position: absolute;
  left: 123px;
}
* html div#projektstrahl div img.ecke {
  left: 126px;
}
div#projektstrahl div img.pfeilUnten {
  position: absolute;
  top: 24px;
  right: 40%;
}


/* Styles für Unternehmensstruktur */
div.boxSmallSnet, div.boxSmallTopalis {
  float: left;
  margin: 0 5px 5px 0;
  border: 1px solid #AFAFAF;
}
div.boxSmallSnet {
  width: 168px;
  padding: 15px 15px 0 15px;
}
* html div.boxSmallSnet {
  width: 200px;
}
div.boxSmallTopalis {
  padding: 11px 9px 0 10px;
}
div.boxSmallSnet a , div.boxSmallTopalis a, div.boxBig a {
  font-weight: normal;
}
div.boxSmallTopalis ul {
  margin: 0;
  padding: 0;
  list-style: none; 
}
div.boxBig {
  margin: 0 20px 20px 0;
  padding: 15px 15px 0 15px;
  border: 1px solid #AFAFAF;
}

div.boxSmallSnet p.right, div.boxSmallTopalis p.right {
  text-align: right;
}
/* Styles für Kontakt*/
p.ansprechpartner {
  float: left;
  margin: 0 0px 0 0;
  width: 162px;
}
div#status, div#status_error {
  font-weight: bold;
}
div#status, div#status h2 {
  color: green;
}
div#status_error {
  color: #DB002E;
}