/* For the fixed Layout thanks to Stu Nichols, www.cssplay.co.uk - Thank you for ideas - great work!!! */
/* Allgmeine Definitionen - Anfang */

* {margin: 0; padding: 0;}
/* for internet explorer */
* html body { padding:60px 0 70px 0; }

body {
  margin:0;
  border:0;
  padding: 3em;
  height:100%; 
  max-height:100%; 
  font-family:verdana, arial, sans-serif; 
  font-size:76%;
  overflow: hidden; 
  }
/* Allgmeine Definitionen - Ende */

/* Header - Anfang */
* html #header {height:70px;}
#header {
  position:absolute; 
  top:0; 
  left:0;
  width:100%; 
  color:#fff;
  }
/* Header - Ende */

/* Container - Anfang */
* html #container {
  height:100%; 
  width:100%; 
  }
  
#container img {margin:0px;}

#container {
  background-color:#690;
  /* Problembereich entweder im IE und Opera Rand weiß, weil nicht die ganze Breite genommen wird,
   oder Logo.gif, Navigation, bg:image Opjekte verschieben sich */
  position:fixed; 
  top:80px;
  left:0px;
  bottom:70px; 
  right:0px;
 /* overflow:auto;  */
  /*padding:20px; - rausgenommen wegen Navi-Abstand*/
  }
/* Container - Ende */

#container em {
  font-size:8 pt; 
  color:#fff;}
/* Footer - Anfang */
* html #footer {height:70px;}

.footer { padding-top:5px;}

div#footer {
  background: transparent url(img/footer.gif) no-repeat;
  background-position:top center;
  position:absolute; 
  bottom:0; 
  left:0;
  width:100%; 
  /* Höhe vom Logo auf der Seite*/
  height:165px; 
  color:#fff;
  }
/* Footer - Ende */

/* Index - Anfang */ 
#index {
  font-family:verdana, arial, sans-serif;
  font-size: 1.0em;
  font-weight:bold;
  position:relative;
  top:100px;
  right:200px;
  text-align:right;
  border:0;
}
/* Index - Ende */

/* Typography & Colors - Anfang */
div#index a:link,  div#index a:visited, div#index a:active, div#index a:hover  { color:#fff; font-size:12pt;  text-decoration:none;}
/* Typography & Colors - Ende*/