html 
{
  height: 100%;
  max-height: 100%;
  padding: 0;
  margin: 0;
  border-width: 0;
  background-color: #ffffff;
  font-size: 100%;
  font-family: helvetica, arial, geneva, sans-serif;
/* verstecke overflow:hidden für IE5/Mac */ 
/* \*/ 
  overflow: hidden;
/* */
}

body 
  {
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  padding: 0;
  margin: 0;
  border-width: 0; 
  }

.navigation 
  {
  color: #FFFFFF;
  font-family: helvetica, arial, geneva, sans-serif;
  font-size: 12; 
  }

#bigcontainer 
{
  /*background-color: #961734;*/
  bottom: 5px;
  right: 5px;
  left: 5px;
  /*margin: 1em;*/
  position: absolute;
  top: 5px;
  z-index: 1;
  border-color: #000066;
  border-width: 1px;
  border-style: solid; 
  }

* html #bigcontainer
  {
  /*top: 50px;*/
	/* Für IE */ 
  height: expression((document.body.clientHeight - 11) + "px");
  width: expression((document.body.clientWidth - 12) + "px");
/* left-Wert + right-Wert = 242 */ 
  }
  
#headerDiv
	{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border-left:140px;
	border-left-style: solid;
	border-color:#ffffff;
	padding: 0px 0px  0px 0px;
	width: 100%; 
	height: 150px; 
	background: url(images/logoKlein2.jpg) 0 0 no-repeat;
	z-index: 4;
	}
#headerDiv2
	{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	padding: 0px 0px  0px 0px;
	width: 100%; 
	height: 150px; 
	background: url(images/logoKlein2.jpg) 0 0 no-repeat;
	z-index: 5;
	}


.marginDiv
	{ 
	margin: 0px;
	} 


#foot {
  position: absolute;
  margin: 0;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 5px;
  font-size: 1em;
  overflow: hidden;
  background-color: #ffffff;
  color: #000000;
 }

*html #foot
{
/*Für IE */ 
height: expression((document.body.clientHeight - 885) + "px");
width: expression((document.body.clientWidth - 12) + "px");
/* left-Wert + right-Wert = 2 */ 	
}

#hintergrundbody {
  background-color: #ffffff;
  background-repeat: repeat-y;
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  position: absolute;
  z-index: 3; }

#navigation {
  background-color: #000066;
  left: 0px;
  bottom: 10px;
  padding: 5px;
  padding-top: 10px;
  position: absolute;
  top: 150px;
  width: 190px;
  z-index: 7;
  overflow: hidden;/* hier auf auto stellen dann bekommt man einen scrollbalken in dem Navigationscontainer*/
  /* Für IE */ 
  height: expression((document.body.clientHeight - 200) + "px");
  color:#ffffff;
 
}

#navioben {
  z-index: 4;
  background-color: #ffffff;
  color: #000000;
  padding: 5px;
  height: 17px;
  right: 20px;
  top: 143px;
  border-color: #000066;
  border-width: 1px;
  border-style: solid;
  position: absolute;
  text-decoration: none;
 }



* html #navioben
{
right: 30px;
/* Für IE */
 top: 140px;
 height: expression((document.body.clientHeight - 894) + "px");
}

#navioben a:link,a:visited
{
    text-decoration: none;
 }


#content {
  position: absolute;
  z-index: 4;
  top: 170px;
  bottom: 10px;
  left: 220px;
  right: 20px;
  border-color: #000066;
  border-width: 1px;
  border-style: solid;
  position: absolute;
  
  /* Für IE */ 
  height: expression((document.body.clientHeight - 193) + "px");
/* top-Wert + bottom-Wert = 192 */ 
  width: expression((document.body.clientWidth - 264) + "px");
/* left-Wert + right-Wert = 242 */
  
  }


/*
Das <div id="bodycontenttext"> bekommt alle Angaben zum Hintergrund: 
zuerst die Hintergrundfarbe, dann den Dateinamen der Grafik, 
die Positionsangaben. no-repeat bedeutet, dass die Grafik nicht wiederholt (d.h. nicht gekachelt)
wird und schließlich das Wichtigste: fixed sorgt dafür, dass die Grafik beim Scrollen immer 
zentriert "klebt" und der Rest des Dokuments sich darüber hinweg bewegt.
*/
#bodycontenttext 
{
  overflow: auto;
  position: absolute;
  padding: 10px;
  z-index: 100;
  top: 171px;
  bottom: 12px;
  left: 221px;
  right: 21px;
  background: #ffffff url(images/hand.gif) 60% 90%  no-repeat fixed;

/* Für IE */ 
  height: expression((document.body.clientHeight - 215) + "px");
/* top-Wert + bottom-Wert = 192 */ 
  width: expression((document.body.clientWidth - 284) + "px");
/* left-Wert + right-Wert = 242 */  
}

#headLine
{
	left: 221px;
	right: 21px;
	height: 50px;
	 width: expression((document.body.clientWidth - 284) + "px");

}


#indexflaggen
{
	
	
	width: 400px;
	height: 300px;
}

#indexflaggen a
{
	text-decoration:none;
}

.iMedPunkt 
{
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	font-variant: normal;
	text-transform: capitalize;
}
.iMedPunktU 
{
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	font-variant: normal;
	text-transform: capitalize;
}