body {
  background-color:#6D8E96;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:black;
  margin:0px;
  overflow-y:auto;
}

/********************************* LINKS **************************************/

a {
  text-decoration:none;
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  margin: 0px;
  font-variant: small-caps;
}

a:link, a:visited {
  color: #FFFFFF;
}
a:hover {
  color: #CCCCCC;
}
a:active {
  color: #999999;
}

.footer_print a:link, .footer_print a:visited {
  color:#666666;
}
.footer_print a:hover {
  color:#999999;
}
.footer_print a:active {
  color:#999999;
}

#container a:link, #container a:visited, #container a:hover, #container a:active {
  color:#336699;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  font-variant:normal;
}
#container a:hover {
  text-decoration:underline;
}


/*******************************************************************************
***************************** BEREICHE DEFINIEREN ******************************
*******************************************************************************/

#top {
  width: 100%;
  height: 77px;
  top: 0px;
  background-color: white;
}

#header_banner {
  position:absolute;
  top: 22px;
  left: 0px;
  width: 400px;
}

#page_title {
  position:absolute;
  top: 68px;
  left: 270px;
  text-transform: uppercase;
}

#menu {
  position: absolute;
  left: 40px;
  top: 160px;
  text-align: right;
  font: Verdana 11px;
  color: white;
}

#quicklinks {
  position: absolute;
  left: 770px;
  top: 105px;
  text-align: right;
  font: Verdana 10px;
  color: white;
}

#container {
  position:absolute;
  width:750px;
  left:14em;
  top:120px;
  right:150px;
  background-color:white;
  z-index:0;
  border: 1px solid #3C6873;
  margin-bottom:25px;
}

.header, .page, .footer {
  position: realtive;
  background-color: white;
  color: black;
  overflow: hidden;
  z-index:1;
}

.header {
  top: 0px;
  width: 100%;
  height: 53px;

  border-bottom: 1px dashed #3C6873;
  background-image: url(../icons/streifen_content.gif);
  background-repeat: no-repeat;
  background-position: top right;
  white-space: nowrap;
}

.page {
  height:auto;
  min-height:300px;
  width:660;
  top:0px;

  padding: 10px 15px 10px 75px;
}

.footer {
  height:50px;
  width:100%;
  top:0px;
  border-top: 1px dashed #3C6873;
}

.filesheader {
  margin-left:75px;
}

.commentsheader {
  margin-left:75px;
  margin-bottom:10px;
}

#footer_print {
  position:absolute;
  right:70px;
  bottom:0px;
  z-index:3;
  margin-bottom:10px;
}

.footer_text {
  margin-left:15px;
  margin-top:15px;
}

#ecke_re, #ecke_li {
  position:absolute;
  z-index:2;
}

#ecke_li {
  top:120px;
  left:14em;
  height:54px;
  width:68px;
}

#ecke_re {
  bottom:-4px;
  right:-1px;
  height:51px;
  width:66px;
}

/*CSS-Hack für korrekte Darstellung der rechten unteren Ecke im Firefox,
 Fehler ursprünglich beim IE (normal: -1,hier: +4xborder=1)*/
#ecke_re[id] {
  bottom: -1px;
}

#footer_print[id] {
  margin-bottom:0px;
}



/*******************************************************************************
********************** ELEMENTE FÜR BEREICHE DEFINIEREN ************************
*******************************************************************************/

#page_title p {
  margin:0px;
  color:#FE3413;
  font:Verdana 11px;
  font-weight:bold;
}

#menu p {
  margin-top: 10px;
  margin-bottom: 10px;
}

.header h1, .page h1 {
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
}

.header h1 {
  font-size:13px;
  margin-left:75px;
  margin-top:30px;
  color:#FE3413;
}

.page h1 {
  font-size:14px;
  margin:0px;
  color:coral;
}

.page h2 {
  font-size:13px;
  margin:0px;
  color:chocolate;
}

.page h3, .page h4, .page h5 {
  font-size:12px;
  margin:0px;
  color:firebrick;
}

.page p {
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif;
  color:#000000;
}

.footer_print p {
  vertical-align:middle;
  text-align:right;
  margin-right:75px;
  margin-top:30px;
  margin-left:75px;
}


/********************** ALLGEMEINE ELEMENTE DEFINIEREN ************************/

#menu input {
  background-color: white;
  border: 1px solid black;
  font-size: 11px;
  height: 15px;
  text-align: right;
  vertical-align: middle;
}

UL, OL {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.TextArea {
  width: 100%;
  height: 400px
}

table.upload td { padding: 2px 5px 2px 5px; vertical-align:bottom }
table.upload td.dt-,   
table.upload td.file- { white-space:nowrap; font-size: 80%; font-weight:bold; color:#000000 }
table.upload td.dt-   { padding-right:0 }
table.upload td.remove-   { padding-right:0 }
table.upload td.size- { padding-right:0; text-align:right }
table.upload td.desc- { font-size: 80%; color:#444444; width:100% }
table.upload td.dt- .dt2-,
table.upload td.remove- .remove2-,
table.upload td.size- .size2- { font: 11px Tahoma; color:#666666;  }
table.upload td.remove- A.remove2-:HOVER,
table.upload td.remove- A.remove2-:ACTIVE { color:#ff0000 }


.text h1 {
  font-family:"Times New Roman";
  font-size: 20px;
  color: #000000;
  margin-bottom:20px;
  margin-top:20px;
}
.text h2 {
  font-family:"Times New Roman";
  font-size: 18px;
  color: #000000;
  margin-bottom:20px;
  margin-top:20px;
}
.text h3 {
  font-family:"Times New Roman";
  font-size: 16px;
  color: #000000;
  margin-bottom:20px;
  margin-top:20px;
}
.text h4 {
  font-family:"Times New Roman";
  font-size: 16px;
  color: #000000;
  margin-bottom:20px;
  margin-top:20px;
}


.text p {
  font-family:"Times New Roman";
  font-size: 12px;
  color: #000000;
  margin-bottom:5px;
}

.text {
  height:auto;
  font-family:"Times New Roman";
  background-color: #FFFFFF;
  border-style:dotted;
  border-width:2px;
  border-color:gray;
  color: #000000;
  font-size: 12px;
  padding:10px;
}