/*
*/

body {
  margin: 0px;
  border-width: 0px;
  padding: 0px;
  height: 100%;
  min-width: 900px;
  background-color: #333333;
  color: #000000;
  font-family:  "Trebuchet MS", Arial, Helvetica, Univers, sans-serif;
  font-size: 14px;
  background-image: url(bg_page.gif);
  background-repeat: repeat;
  background-attachment: fixed;
}


#WEBPAGE {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1000px;
  margin: 0px;
  background-color: #f8f8f8;
}


#PAGEHEAD {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 160px;
  margin: 0px;
  border: 0px solid #00c;
  padding: 0px;
  background-color: #0F3E6D;
  background-image: url(bg_head.jpg);
  background-position: 0px 0px;
  background-repeat: no-repeat;
}


#AREANAV {
  float: left;
  width: 180px;
  height: 100%;
  min-height: 400px;
  margin: 160px 0px 0px 0px;
  background-color: #f4f4f4;
}


#MAIN {
  float: left;
  width: 640px;
  min-height: 600px;
  margin: 160px 0px 35px 0px;
  border: 0px solid #333;
  padding: 20px 20px 40px 20px;
  background-color: #fff;
  background-image: url(bg_main2.gif);
  background-position: 100% 100%;
  background-repeat: no-repeat;
}


#NEWSMARGIN {
  float: right;
  width: 140px;
  margin: 0px 0px 0px 0px;
  border: 0px solid #99c;
  padding: 0px;
  background-color: #f8f8f8;
}

#PAGEFOOT {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 32px;
  margin: 0px 0px 0px 0px;
  border: 0px solid #ccc;
  border-top-width: 1px;
  padding: 0px 10px;
  background-color: #456;
  z-index: 10000;
}

#JUMPTO {
  display: block;
  clear: both;
  width: 960px;
  margin: 0px 0px 0px 0px;
  border: 0px solid #666;
  padding: 10px 20px;
  background-color: #fff;
}

/*
*   P A G E H E A D
*/



#PAGEHEAD img#LOGO {
  position: absolute;
  top: 90px;
  left: 10px;
}

#PAGEHEAD ul#AREAS {
  position: absolute;
  top: 55px;
  left: 187px;
  margin: 0px;
  border: 0px solid #f00;
  padding: 0px;
  list-style: none;
}

#PAGEHEAD ul#AREAS li {
  margin: 0px;
  border: 0px solid #f00;
  padding: 0px;
  font-size: 17px;
  font-weight: bold;
}

#PAGEHEAD ul#AREAS * {
  display: block;
  color: #c0d8e0;
  text-decoration: none;
}

#PAGEHEAD ul#AREAS a:hover {
  padding-right: 10px;
  color: #f0f0f0;
}

#PAGEHEAD ul#AREAS li.active a ,
#PAGEHEAD ul#AREAS li.active a:hover {
  color: #fff;
}

/*
*   A R E A N A V
*/

#AREANAV #AREA {
  display: block;
  margin: 60px 3px 0px 0px;
  color: #d8d8da;
  text-align: right;
  font-size: 19px;
  font-weight: bold;
  vertical-align: baseline;
}

#AREANAV ul#SUBAREAS {
  width: 180px;
  margin: 0px 0px 0px 0px;
  border: 0px solid #999;
  border-bottom-width: 1px;
  padding: 0px;
  list-style: none;
}

#AREANAV ul#SUBAREAS li {
  margin: 0px;
  border: 0px solid #999;
  border-top-width: 1px;
  padding: 0px;
  font-size: 13px;
  font-weight: normal;
}

#AREANAV ul#SUBAREAS li a {
  display: block;
  padding: 2px 5px 2px 10px;
  font-weight: normal;
  color: #444;
  text-decoration: none;
}

#AREANAV ul#SUBAREAS li.open {
  border-top-width: 1px;
}

#AREANAV ul#SUBAREAS li.open a {
  background-color: #d8d8d8;
}

#AREANAV ul#SUBAREAS li ul {
  width: 180px;
  margin: 0px 0px 0px 0px;
  border: 0px solid #999;
  border-bottom-width: 0px;
  padding: 0px;
  list-style: none;
}

#AREANAV ul#SUBAREAS li li a {
  font-size: 11px;
  padding: 3px 5px 3px 20px;
}

#AREANAV ul#SUBAREAS li.open li.open a  {
  background-color: #d4d4d4;
}

#AREANAV ul#SUBAREAS li.open li.open li a {
  font-size: 11px;
  padding: 3px 5px 3px 30px;
}

#AREANAV ul#SUBAREAS li a:hover ,
#AREANAV ul#SUBAREAS li.open li a:hover {
  background-color: #cacaca;
  color: #000;
}

#AREANAV ul#SUBAREAS li.active a ,
#AREANAV ul#SUBAREAS li.active a:hover {
  background-color: #cacaca;
  color: #000;
}

#AREANAV ul#SUBAREAS li.active li a ,
#AREANAV ul#SUBAREAS li.active li a:hover {
  background-color: #c0c0c0;
  color: #000;
}

#AREANAV ul#SUBAREAS li.open li.active a:hover ,
#AREANAV ul#SUBAREAS li.open li.active a:hover {
  background-color: #bbbbbb;
  color: #000;
}

#AREANAV ul#SUBAREAS li.active a,
#AREANAV ul#SUBAREAS li.open li.active a,
#AREANAV ul#SUBAREAS li.open li.open li.active a {
  background-color: #b0b4ba;
}

#AREANAV ul#SUBAREAS li.active>a:before {
  content:"» ";
}


/*
*   M A I N
*/

#MAIN div.fullcol {
  clear: both;
  width: 640px;
  margin: 0px;
  border: 0px solid #fff;
}

#MAIN div.semicol_a {
  float: left;
  width: 310px;
  margin: 0px 0px 0px 0px;
  border: 0px solid #fff;
  padding: 0px;
}

#MAIN div.semicol_b {
  float: right;
  width: 310px;
  margin: 0px;
  border: 0px solid #fff;
  padding: 0px;
}

#MAIN > h1#TITLE {
  margin: 0px -20px 30px 0px;
  border: 0px solid #000;
  padding: 60px 10px 5px 20px;
  background-color: #4080BF;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  color: #F4F8FF;
  text-align: right;
  vertical-align: baseline;
}

#MAIN > h1#TITLE.long {
  padding-top: 19px;
}

#MAIN table.compact tr td p:first-child {
  margin: 5px 0px 10px 0px;
}

#MAIN table.techdat {
  width: 100%;
  font-size: 13px;
}

#MAIN table.techdat tr td {
  padding: 2px 4px;
}

#MAIN table.techdat tr.secstart {
/* Sektion Start - farbliche Hervorhebung */
  background-color: #EEEEEE;
}

#MAIN table.techdat tr.subsecend td {
/* Letzter Eintrag einer Untersektion - erhält mehr Luft nach unten */
  padding-bottom: 20px;
}

#MAIN table.dl_list {
  border: 0px solid #ccc;
}

#MAIN table.dl_list tr td {
  border: 0px solid #ccc;
  border-width: 0px 0px 1px;
}

#MAIN table.dl_list tr td p, #MAIN table.dl_list tr td a {
  font-size: 12px;
}

#MAIN table.dl_list p {
margin: 4px 2px;
}

#MAIN table.dl_list tr td.dl_link {
  text-align: right;
}

#MAIN a.mime_pdf {
  background-image: url(icn_pdf.gif);
  background-position: 2px 0px;
  background-repeat: no-repeat;
  padding: 2px 4px 4px 24px;
  font-size: 11px;
  line-height: 20px;
}


#MAIN p.bilduntertxt {
  margin: 0px 0px 12px 0px;
  font-size: 85%;
}

#MAIN div.borderbox {
  width: 290px;
  border: 1px solid #888;
  padding: 10px;
}

#MAIN img.prod_std {
  border: 1px solid #456;
}


/*
*   N E W S M A R G I N
*/

/*
*  some announcement may be defined in #MAIN context, but should be shifted into region of #NEWSMARGIN
*  !check individual boxes for interfering!
*/
#MAIN div.meldung {
  float: right;
  width: 180px;
  margin: 0px -215px 10px 10px;
  border: 1px solid #aaa;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  padding: 10px 10px 20px 10px ! important;
  background-color: #f4f4ff;
  background-image: url(bg_meldung_b.jpg);
  background-position: bottom right;
  background-repeat: no-repeat;
}

/*
*  announcement defined in supposed #NEWSMARGIN context
*/
#NEWSMARGIN div.meldung {
  width: 142px;
  margin: 0px 0px 25px 0px;
  border: 1px solid #ccc;
  padding: 3px;
  background-color: #fef7e0;
  background-image: url(bg_meldung_tl.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

#NEWSMARGIN div.leermeldung {
  visibility: hidden;
}

#MAIN div.meldung > p , #MAIN div.meldung li {
  padding: 0px ! important ;
  font-size: 12px;
}

#MAIN div.meldung > ul , #MAIN div.meldung ol {
  margin: 0px;
  padding-left: 15px;
  font-size: 12px;
}

#MAIN div.meldung h5 {
  margin: 4px 0px;
}

/*
*   J U M P T O P
*/

#JUMPTOP #TOTOP {
  display: inline;
  margin: 0px auto;
  text-align: center;
  color: #666;
  font-size: 80%;
}



/*
*   P A G E F O O T
*/

#PAGEFOOT p {
  margin-top: 8px;
  padding: 0px 2.5em 0px 0px;
  font-size: 11px;
  color: #aaa;
}

#PAGEFOOT a {
  color: #ddd;
}

/*
*  CLASSES
*/


 h1  {
   font-size: 30px;
   font-weight: bold;
   line-height: 44px;
   color: #000;
   letter-spacing: 0.5px;
   word-spacing: 1px;
 }


h2  {
   font-size: 20px;
   font-weight: bold;
   line-height: 1.5em;
   color: #000;
   letter-spacing: 0.5px;
   word-spacing: 1px;
 }

 h3  {
   font-size: 17px;
   font-weight: normal;
   text-transform: none;
   line-height: 1.5em;
   color: #000;
   letter-spacing: 0px;
   word-spacing: 1px;
   background-color: #baddfb;
   margin: 45px 0px 17px 0px;
   padding: 0px 10px;
}

div.fullcol h3 {
  background-image: url(bg_h3_full.png);
  background-attachment: scroll;
  background-position: 240px 0px;
  background-repeat: repeat-y;
 }

div.semicol_a h3,
div.semicol_b h3 {
  background-image: url(bg_h3_semi.png);
  background-attachment: scroll;
  background-position: 220px 0px;
  background-repeat: repeat-y;
  background-image: url(bg_h3_semi.png);
}


 h4  {
   font-size: 16px;
   font-weight: bold;
   line-height: 1.5em;
   color: #000;
   letter-spacing: 0.5px;
   word-spacing: 1px;
 }

 p  {
   font-size: 14px;
   line-height: 1.5em;
   color: #333;
   word-spacing: 0.25px;
 }

 a  {
   text-decoration: none;
 }

 a:link  {
   color:#03C;
 }

 a:visited  {
   color: #039;
 }

 a:hover  {
   text-decoration: underline;
 }

 a:active  {
   color:#03F;
 }

 a:focus  {
   color:#03C;
 }

 b, em, strong {
   color: #000;
 }


#MAIN ul li  {
   font-size: 14px;
   line-height: 1.5em;
   color: #333;
   word-spacing: 0.5px;
   list-style-image: url(li.gif);
 }

 ul.nobullet {
   padding-left: 20px;
 }

 ul.nobullet li {
   list-style-image: none;
   list-style-type: none;
 }

 a.qna_link {
   color: #888;
 }

 a.qna_link img {
   border-width: 0px;
   vertical-align: baseline;
   margin: 2px 0px -2px 0px;
 }

a.int_link {
  padding-left: 10px;
  background-image: url(_int_link.gif);
  background-position: 0px 6px;
  background-repeat: no-repeat;

}

a.ext_link {
  padding-left: 15px;
  background-image: url(_ext_link.gif);
  background-position: 2px 4px;
  background-repeat: no-repeat;

}

tr {
  vertical-align: text-top;
}

td, th {
  text-align: left;
}


acronym.ist {
  border: 0px solid #FFF;
  text-decoration: none;
  font-weight: bold;
  color: #555;
  letter-spacing: 0.75px;
}

div.expo {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 10px 0px;
  background-color: #f8f8ff;
}

div.expo p {
  padding: 0px 0px 0px 130px;
}

img.expo_logo {
  float: left;
  margin: 0px 15px 35px 10px;
  border: 0px solid #666;
  padding: 0px;
}


.prelabel {
  text-transform: uppercase;
  font-size: 85%;
  color: #99a;
}


/*
* als Klasse auf alle Elemente anwendbar, die sich noch in Bearbeitung
* befinden und eine Korrektur/Freigabe benötigen
*/
.korrektur {
  border: 2px solid #FFFF00 ;
  background-color: #FFFFCC;
}


/*
*/