/* CSS 2.0 */

body {
  position: absolute:
  top: 0px; left: 0px;
  margin: 0px; padding: 0px;
  background-color: #9EBED8;
  font-family: Tahoma, Verdana, Helvetica, Arial, sans_serif;
  font-size: 11px;
  line-height: 16px;
  color: #003264;
	background-color: #ecf0ff;
  background-image: url(../grafix/backgrounds/780px_white.gif);
  background-repeat: repeat-y;
  background-position: center;
}
img {
   behavior: url(pngbehavior.htc);
}
.intropage {
  background: 0;
}

#mainFrame {
  /* Der Bereich mit dem gepunkteten Rand */
  position: absolute;
  top: 0px; left: 50%;
  height: 900px; width: 778px;
  margin-left: -390px;
  padding: 1px;
  padding-top: 355px; padding-bottom: 30px;
  background-color: #ffffff;
  z-index: 10;
}

#content {
  	/* Der Bereich, in dem Text und Bild angezeigt werden. */
  	position: relative;
  	top: 15px; 
	left: 16px;
  	width: 750px;
  	z-index: 10;
}

/* ##################################################
   CSS FUER DAS MENU */

#menu {
  position: absolute;
  top: 330px; left: 0px;
  width: 100%; height: 25px;
  background-color: #316EAA;
  z-index: 20;
}

#menu div {
  position: absolute; 
  left: 50%;
  width: 780px; height: 25px;
  margin-left: -390px;
}
#menu div a {
  position: absolute;
  height: 19px;
  padding-left: 10px; padding-right: 10px;
  padding-top: 6px;
  background-color: #003264;
}
*html #menu div a {
  height: 25px;
}
#menu div a:hover {
  margin: 0px;
  background-color: #316EAA;
}

#menu01 { left: 0px; }
#menu02 { left: 200px; }
#menu03 { left: 390px; }
#menu04 { left: 560px; }

/* CSS FUER DAS MENU 
   ################################################## */


h1 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 20px;
  line-height: 24px;
  
  color: #003264;
  
  margin: 0px; padding: 0px;
  margin-bottom: 15px;
}

h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 12px;
  line-height: 17px;
  color: #003264;

  margin: 0px; padding: 0px;
  margin-bottom: 15px;
}

a {
  font-weight: bold;
  color: #316EAA;
  text-decoration: none;
}

.invisible {
}

/* ##################################################
   CSS FUER DIE SUBMENUE-ELEMENTE (weiteres in den einzelnen CSS-Dateien) */
.subMenuField {
  position: relative;
  float: left;
  width: 80px;
  height: 85px;
  padding:5px;
  margin:0px;
  margin-top:5px;
  margin-left:10px;

  font-family: Georgia, "Times New Roman", serif;
  font-weight: bold;
  font-size: 10px;
  line-height: 15px;
  color: #ffffff;
  overflow: hidden;
}
*html .subMenuField {
  width: 90px; height: 95px;
}


/* ##################################################
   CSS FUER DIE INHALTS-ELEMENTE */

.textbox {
  position: absolute;
  padding: 10px;
  padding-bottom: 25px;
}
#content>.textbox {
	background: url(../grafix/backgrounds/70_alpha.png);
}
* html .textbox {
	background: url(../grafix/backgrounds/70_alpha.png);
}

.imagebox{
  position: absolute;
}
.imagebox img {
  margin-bottom: 5px;
  border-style: solid;
  border-width: 10px;
  border-color: #ffffff;
}
.textbox a:hover {
  background-color: #003264;
  color: #ffffff;
  padding-left: 1px; padding-right: 1px;
  margin-left: -1px; margin-right: -1px;
}

.contactbox {
  font-size: 12px;
  line-height: 17px;
  position: absolute;
  width: 130px;
  padding: 0px 10px 0px 10px;
  background-color: #003264;
  color: #ffffff;
  
  font-family: Georgia, "Times New Roman", serif;
  
  text-align: right;
}

.contactbox a:hover {
  color: #ffffff;
}


*html .contactbox {
  width: 150px;
}
/* CSS FUER DIE INHALTSELEMENTE
   ################################################## */

#background {
  position: absolute;
  top: 0px; left: 0px;
  width: 780px; height: 100%;

  background-repeat: no-repeat;

  z-index: 5;
}
#headclip {
  position: absolute;
  top: 0px; left: 50%;
  width: 780px; height: 330px;
  margin-left: -390px;
  z-index: 50;  
}

#intro {
  position: absolute;
  top: 0px; left: 0px;
  width: 100%; height: 355px;
  
  background-color: #316EAA;
  
  z-index: 20;
}

#skipintro {
  position: absolute;
  width: 780px; height: 20px;
  margin-left: -390px; left: 50%;
  bottom: -25px;
  text-align: center;
}

.margin {
  padding: 10px;
}

.pdficon {
  position: relative;
  width: 16px; height: 16px;
  border: 0;
  top: 3px;
  margin: -2px 4px 0 4px;
}


/* SUBMENUE ANFANG */
#subMenuItem01{
  background-image: url(../grafix/bilder/subMenu01.gif);
  color: #ffffff;
}
#subMenuItem01:hover{
  background-image: url(../grafix/bilder/subMenu00.gif);
  background-color: #ffffff;
  color: #333333;
}

#subMenuItem02{
  background-image: url(../grafix/bilder/subMenu02.gif);
}
#subMenuItem02:hover{
  background-image: url(../grafix/bilder/subMenu00.gif);
  background-color: #ffffff;
  color: #333333;
}

#subMenuItem03{
  background-image: url(../grafix/bilder/subMenu03.gif);
  color: #ffffff;
}
#subMenuItem03:hover{
  background-image: url(../grafix/bilder/subMenu00.gif);
  background-color: #ffffff;
  color: #333333;
}

#subMenuItem04{
  background-image: url(../grafix/bilder/subMenu04.gif);
  color: #ffffff;
}
#subMenuItem04:hover{
  background-image: url(../grafix/bilder/subMenu00.gif);
  background-color: #ffffff;
  color: #333333;
}

#subMenuItem05{
  background-image: url(../grafix/bilder/subMenuLogo.gif);
  color: #ffffff;
}

#subMenuItem06{
  background-image: url(../grafix/bilder/subMenu06.gif);
  color: #ffffff;
}
#subMenuItem06:hover{
  background-image: url(../grafix/bilder/subMenu00.gif);
  background-color: #ffffff;
  color: #333333;
}

#subMenuItem07{
  background-image: url(../grafix/bilder/subMenu07.gif);
  color: #333333;
}
#subMenuItem07:hover{
  background-image: url(../grafix/bilder/subMenu00.gif);
  background-color: #ffffff;
  color: #666666;
}  

#subMenuItem08{
  background-image: url(../grafix/bilder/subMenu08.gif);
  color: #ffffff;
}
#subMenuItem08:hover{
  background-image: url(../grafix/bilder/subMenu00.gif);
  background-color: #ffffff;
  color: #333333;
}
#subMenuItem09{
  background-image: url(../grafix/bilder/subMenu02.gif);
}
#subMenuItem09:hover{
  background-image: url(../grafix/bilder/subMenu00.gif);
  background-color: #ffffff;
  color: #333333;
}
#subMenuItem10{
  background-image: url(../grafix/bilder/subMenu04.gif);
  color: #ffffff;
}
#subMenuItem10:hover{
  background-image: url(../grafix/bilder/subMenu00.gif);
  background-color: #ffffff;
  color: #333333;
}

/* SUBMENUE ENDE */