/* Setzt Hintergrundbild und Hauptschriftart */
body {
  margin: 0;
  padding: 0;
  background-color:#8b8b8b;/**/
  background-image: url(/img/bodyBackground.gif);/**/
  background-repeat: repeat-x;
  font-family: Arial;
  font-size: 9pt;
}

/* Setzt Zenrierte Ausrichtung und Seitenbreite */
#pageBox {
  text-align: center; /* Zentrierung MSIE */
}
#page {
  text-align: left; /* Zurücksetzten der Textausrichtung */
  margin:  0 auto; /* Zentrieren */
  width: 950px;
}

/* Setzt das Logo mit Hintergrund */
#logoBox {
  background-color: #d2d2d2;
  background-image: url(/img/kopfBackground.jpg);
  background-repeat: repeat-x;/**/
  height: 132px;
  width: 950px;
}
#logo {  
  margin-top: 25px;
  margin-left: 42px;
}

/* Hauptnavigation */
#navigationLevel1Box{
  background-color: #e7e7e7;
  height: 24px;
  text-align: right;
  overflow: auto;
}
#navigationLevel1 {
  padding-top: 5px;
  padding-right: 10px;
  font-size: 16px;
}

/* Die Flash animation bzw. Animationen */
#border1 {
  width: 950px;
  height:  8px;
  background-image:  url(/img/border1Background.gif);
  font-size: 1px;
  overflow: hidden;
}
#flash1 {
  background-color: #eaeaea;
  height: 130px;
  overflow: hidden;
}
#border2 {
  width: 950px;
  height:  8px;
  background-image:  url(/img/border2Background.gif);
  font-size: 1px;
  overflow: hidden;
}
#flash2 {
  background-color: #eaeaea;
  height: 235px;
  overflow: hidden;
}

/******************************
/*
/*  Startseiten Styles
/*
/********************************/
#StartseiteLinkeSpalte {
  float: left;
  width: 682px;
  height: 246px;
  overflow: auto;
}
#StartseiteNews1,
#StartseiteNews2{
  margin-right: 11px;
}
#StartseiteNews1,
#StartseiteNews2,
#StartseiteNews3 {
  overflow: auto;
  float: left;
  background-color: #b9b9b9;
  width: 220px;
  height: 223px;
}
#StartseiteNews1 p,
#StartseiteNews2 p,
#StartseiteNews3 p {
  margin-top: 15px;
  padding: 0 10px;
}
#StartseiteRechteSpalte {
  float: right;
  width: 257px;
  height: 246px;
  background-color: #b9b9b9;
}
#StartseiteSprachwahlButton {
  color: white;
  font-size: 12px;
  font-weight: bold;
  overflow: hidden;
}
#StartseiteSprachwahlButtonText {
  margin: 5px 0 0 10px;
  height: 18px;
}
#StartseiteSprachwahlSprachen {
}
#StartseiteSprachwahl a{
  padding-left: 10px;
  padding-top: 5px;
  background-color: #333333;
  border-bottom: solid 1px #999999;
  height: 18px;
  display: block;
  color: white;
  text-decoration: none;
}
#StartseiteSprachwahl a:hover{
  background-color: #595959;
}
#StartseiteFusszeile {
  clear: both;
  background-color: #d2d2d2;
  padding-top: 3px;/**/
  font-size: 14px;
  height: 20px;
}
/**************************************
/*
/* Styles für Folgeseiten
/*
/****************************************/
/* Hintergrund für den Bereich darunter */
#untererBereichBox {
  background-image: url(/img/spaltenBackground.gif);
  background-repeat: repeat-y;
}
#untererBereich {
  background-image: url(/img/pageBackground.gif);/**/
  background-position: 0px 0px;
  background-repeat: no-repeat;
}


/* Die Linke Spalte */
#linkeSpalteBox {
  width: 231px;
  float: left;
  overflow: auto;
  background-color:  #9b9b9b;
  background-image: url(/img/linkeSpalteBackground.gif);
  background-repeat: no-repeat;
}
#linkeSpalte{
  
}

/* Der Contentbereich */
#mittlereSpalteBox{
  width: 452px;
  overflow: hidden;
  background-color:  #d1d1d1;
  background-image: url(/img/mittlereSpalteBackground.gif);
  background-repeat: no-repeat;/**/
}
/* DER MSIE6 hat andere Vorstellungen von Breiten */
* html #mittlereSpalteBox {
  width: 446px;
  overflow: hidden;
}
/*
object {
  position: relative;
  top: -10px;
}/**/
#mittlereSpalte {
  padding: 0;
  margin-top: 5px;
  margin-left: 13px;
  margin-right: 13px;
}
* html #mittlereSpalte {
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

/* Die rechte Spalte */
#rechteSpalteBox {
  width: 267px;
  float: right;
  overflow: auto;
  background-color:  #9b9b9b;
  background-image: url(/img/rechteSpalteBackground.gif);
  background-repeat: no-repeat;/**/
}
#rechteSpalte{
  margin: 0px 0 20px 10px;
  background-image: url(/img/innovativeTechnologie.gif);
  background-repeat: no-repeat;
  background-color: #a5a5a5;
}
/* Die Suche */
#sucheBox {
  padding-top: 120px;
  margin-bottom: 12px;
  overflow: hidden;
}
#sucheInput {
  width: 201px;
  border: #E5E5E5 solid 1px;
  background-color: white;
  display: inline;
  vertical-align:middle;
  border: solid 1px #9b9b9b;
  margin-left: 9px;
  padding: 5px;
  font-weight: bold;
}
#sucheSubmit {
  border: none;
  vertical-align:middle;
  text-align:center;
  padding: 5px;
  background: transparent;
}
/* Der Verlauf */
#verlauf {
  background-color: #CFCFCF;
  padding: 10px 15px 15px 10px;
  margin: 0;  
  font-weight: bold;
}

/* Der Teaser */
.teaser {
  margin-top: 12px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 12px;
/*  background-image: url(/img/teaserBackground.png);/**/
/*  background-color: #A5A5A5;
  -moz-opacity: 0.7;/**/
}
.teaser img {
  margin-bottom: 10px;
}
.teaser_head {
}

/* Die Fußzeile */
#fusszeileBox {
  background-color: #c1c1c1;
  height: 23px;
}
#fusszeileNavi {
  margin-top: 3px;
  margin-left: 10px;
  float: left;
  width: 231px;
  color: Black;
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
}
/* Die Sprachwahl inclusive des Menüs */
#sprachwahl {
	background-color: #3f3f3f;
	color: white;
	float: right;
	width: 267px;
	height: 23px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
	position: relative;
}
#sprachwahlButton {
	float: left;
	position: relative;
  font-size: 12px;
  padding-top: 3px;
  padding-left: 10px;
}
#sprachwahlSprachen{
  position: absolute;
	top: -120px; /* 2008-10-08 - RW */
  left: 0;
  width: 267px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
}
#sprachwahlSprachen li{
  margin: 0;
  padding: 0;
  text-indent: 0;
  float: none; 
}
 
ul#sprachwahl li ul {
  display:none;
}
ul#sprachwahl li:hover ul {
  display: block;
}
#sprachwahlSprachen li a{
  padding-left: 10px;
  padding-top: 5px;
  background-color: #333333;
  border-bottom: solid 1px #999999;
  height: 18px;
  display: block;
  color: white;
  text-decoration: none;
}
#sprachwahlSprachen li a:hover{
  background-color: #595959;
}

/* Default Werte für Tags und clear Klasse */
img { border: none; }
.clear, p { clear: both;}