/******************************
* Basis-Style-Sheet           *
*******************************
* Enthaelt:                   *
* - Seitenaufteilung          *
* - Grundmasse                *
* - allgem. Elementverhalten  *
* - allgemeingültige Farbang. *
*******************************/

body {
  /* Bugfix für MSIE */
  margin: 0px;
  height: 100%;
}

body,td,th,.std,
input,textarea,select,option,button,
#StructureTop,#StructureMain,#StructureLeft,#StructureBottom,
#ContainerContent {
  font-style: normal;
  font-weight: 400;
}

body,td,th,.std,
#StructureTop,#StructureMain,#StructureLeft,
#ContainerContent, #ContainerPrintHead {
  font-family: Verdana, 'DejaVu Sans', 'Bitstream Vera Sans', 'Bitstream Vera', sans-serif;
  font-size: 12px;
}

#StructureBottom {
  font-family: Verdana, 'DejaVu Sans', 'Bitstream Vera Sans', 'Bitstream Vera', sans-serif;
  font-size: 10px;
}

input,textarea,select,option,button {
  font-family: 'Arial Unicode MS', Arial, 'Nimbus Sans L', Helvetica, sans-serif;
  font-size: 11px;
}
select {
  height: 17px;
}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
  font-family: Verdana, 'DejaVu Sans', 'Bitstream Vera Sans', 'Bitstream Vera', sans-serif;
}

strong,b {
  font-weight: 800;
}

em,i {
  font-style: italic;
}

tt {
  font-family: monospace;
}

sup {
   vertical-align:top;
   font-size: 80%;
   font-style: normal;
   text-decoration: none;
}

sub {
   vertical-align:bottom;
   font-size: 80%;
   font-style: normal;
   text-decoration: none;
}

ul {
/*
 list-style-image: url(/images/ILS/li_normal.gif);
 list-style-position: outside;
*/
}

ol {
 list-style-type: decimal;
}

table ol {
  margin-left: 20px;
  padding-left: 1px; /* minimal eingerueckt */
}

.waiOnly, br.waiOnly, a.waiOnly, div.waiOnly, span.waiOnly,
#ContainerMainMen a.waiOnly, #ContainerSubMen a.waiOnly,
.BuchstabenAuswahl a.waiOnly, #Level2Men a.waiOnly {
 display: none;
}

img {
 border: 0px none;
}

img.inline12p {
 /* Bild mit Hoehe 12 px in 12-Pixel Schriftsatz */
 margin-top: -5px;
 margin-bottom: -5px;
 vertical-align: top;
}

.spAsOptionalBr {
  word-spacing: -0.33em;
}

/*
* das hier verhindert einen Abstand oberhalb der ersten Ueberschrift in den jew. DIVs
* (Standardverhalten von MSIE - diese Selektoren werden von MSIE<7 ignoriert)
*/
div>h1:first-child , div>h2:first-child , div>h3:first-child ,
div>h4:first-child , div>h5:first-child , div>h6:first-child,
div>p:first-child, div>ol:first-child, div>ul:first-child {
  margin-top: 2px;
}

h1,.h1 {
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 18px;
  font-weight: 800;
  /* line-height: 125%; /* war 100%; */
}

h2,.h2 {
  font-size: 16px;
  font-weight: 800;
  /* line-height: 125%; /* war 100%; */
}

h3,.h3 {
  font-size: 14px;
  font-weight: 800;
}

h4,.h4 {
  font-size: 12px;
  font-weight: 800;
}

h5,.h5 {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

h6,.h6 {
  font-size: 12px;
  font-weight: 400;
}

hr {
  height: 1px;
  border: 0px none;
  margin-top: 5px;
  margin-bottom: 5px;
}

/* ------------------------- */

div.MPOT_announcer {
  position: absolute;
  top: 150px;
  left: 50%;
  margin-left: -100px;
  z-index: 10000;
  padding: 10px;
  /* border: 1px solid #C0CCD0; */
  border: 2px solid #F77332; /* #B1A58C; */
  background-color: #FFF7E6; /* #E8F0FF; */
}

div.MPOT_announcer a, div.MPOT_announcer a:link, div.MPOT_announcer a:active {
  background-color: #CCCCCC;
  color: #000000 !important;
  font-weight: 400;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  text-decoration: none !important;
  padding: 1px;
}

div.MPOT_announcer a:hover, div.MPOT_announcer a:visited:hover {
  background-color: #DDDDDD;
  color: #666666 !important;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
}

div.MPOT_announcer span.mainText {
  color: #995C00; /* #F77332; */
  font-weight: 800;
}

div.MPOT_announcer span.subText {
  color: #000000;
  font-weight: 400;
}

/* +++++++++++++++ Positionsangaben Grobstruktur +++++++++++++++++ */

/* Scrollbalken unter Mozilla erzwingen */

#DummyPageHeight {
 display: none;
 /* erst mal auskommentiert ...
 position: absolute;
 left: 0px;
 top: 0px;
 width: 10px;
 height: 102%;
 z-index: 5;
 */
}

#StructureTopMainMenBg { /* NUR Hintergrundgrafik! */
 position: absolute;
 left: 50%;
 top: 139px;
 margin-left: -302px;
 width: 606px;
 height: 34px;
 z-index: 190;
}

#StructureTop {
  position: absolute;
  top: 0px;
  height: 173px;
  margin-left: -499px;
  left: 50%;
  width: 1000px;
  z-index: 200;
}

#OuterStructureMainBottom, #OuterStructureBackground {
 position: absolute;
 top: 173px;
 margin-left: -499px;
 left: 50%;
 width: 1000px;
 z-index: 300;
 /* background-color: #FFFF00; */
}

#OuterStructureBackground {
 top: 0px;
 z-index: 1;
 height:900px;
}

#StructureMain {
 float: left;
 width: 1000px;
 background-image: url(/shared/custom/iub/img/bkgr/content_ext_opt.gif);
 background-repeat: repeat-y;
 background-position: left top;
 /* Positionierung: OuterStructureMain */
 /* background-color: #FFFF00; */
}

#StructureContentRight {
  width: 800px;
  float: right; /* !!! */
}

#StructureLeft {
 /* ist innerhalb v. StructureMain */
 float: right; /* !!! */
 width: 200px;
}

#StructureBottom {
 display: none;
 /* innerhalb v. OuterStructureMain, unterh. v. StructureMain */
 clear: left;
}

#StructureHeader {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 650px;
 height: 142px;
 z-index: 50; /* bezogen auf umgebendes StructureTop ! */
}

#StructureContainerHeaderPreview {
 position: absolute;
 left: 50%;
 top: 45px;
 padding: 2px;
 /* width: 320px; */
 margin-left: -470px;
 z-index: 80;
 opacity: 0.25;
 -moz-opacity: 0.25;
 -khtml-opacity: 0.25;
 filter: Alpha(style=0, opacity=25);
 background-color: #404040;
}

#StructureContainerHeaderPreview h1,
#StructureContainerHeaderPreview p {
 font-size: 10px;
 margin: 0px;
 padding: 0px;
 white-space: nowrap;
}

#StructureContainerHeaderPreview h1 {
 font-size: 20px;
 font-weight: 800;
}

#StructureMainMen {
 position: absolute;
 left: 0px;
 top: 142px;
 width: 1000px;
 height: 31px;
 z-index: 200; /* bezogen auf umgebendes StructureTop */
}

#StructureSearch {
 position:absolute;
 top: 148px;
 right: 0px;
 width: 200px; /* 185px */
 z-index: 250; /* bezogen auf umgebendes StructureTop */
}

/* Achtung Ausnahmen ... */

#StructureContainerLogo {
 position:absolute;
 top: 0px;
 right: 0px;
 width: 350px;
 height: 142px;
 z-index: 250; /* bezogen auf umgebendes StructureTop */
}

/* --------- weitere Design-Hilfs-Container ---------- */

#StructureBugFixMOZuOPA {

   display: none;

  clear: both;
  width: 945px;
  height: 2px;
  /* nachf. Angabe wg. MSIE-Bug ... */
  font-size: 1px;
}

/* +++++++++++ Containerspezifische Designangaben +++++++++++++++ */

#ContainerContent {
  float: left;
  width: 600px;
  background-color: #FFFFFF;
  min-height: 340px;
  vertical-align:top;
}

#ContainerContent div {
  vertical-align:top !important;
}
/* ---- Specials Dokumentenkopf ---- */

#ContainerHeaderLeft {
 float: left;
 width: 495px;
 height: 142px;
 color: #666666;
}

#ContainerHeaderMiddle {
 float: right;
 width: 155px;
 height: 142px;
 color: #666666;
}


/* ---- Specials Hauptmenue ---- */

#ContainerMainMen {
  height: 34px;
  font-size: 11px;
}

#ContainerMainMen a, #ContainerMainMen div , #ContainerMainMen span {
  display: block;
  float: left;
  height: 31px;
  font-family: 'Arial Unicode MS', Arial, 'Nimbus Sans L', Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

#ContainerMainMen br {
  display: none;
}

#ContainerMainMen a span { /* SPAN in A ! so wie's da steht! */
  float: left;
  height: 23px;
  padding-top: 8px;
  padding-left: 3px;
  padding-right: 4px;
  cursor: pointer;
}

a#MM0 span, a#MM1 span {
  width: 83px;
  text-align: center;
}
a#MM1 {
  margin-right: 22px;
}

#ContainerMainMen a span.L, #ContainerMainMen a span.R {
  /* height: 46px; */
  width: 5px;
  height: 31px;
  padding: 0px;
}

/* --- Suche-Container im Dok.-Head --- */

#ContainerSearch {
  padding-left: 2px;
}

#ContainerSearch table {
  float: left;
}

#ContainerSearch form {
 /* behebt eine Inkompatibilitaet von Safari */
  display: block;
  float: left;
}

#ContainerSearch, #ContainerSearch td {
  font-family: 'Arial Unicode MS', Arial, 'Nimbus Sans L', Helvetica, sans-serif;
  font-size: 12px;
}

#ContainerSearch input {
  font-size: 11px;
  padding-left: 2px;
  padding-top: 0px;
  width: 117px;
  height: 14px;
  vertical-align: middle;
  float:left;
}

#ContainerSearch input.SuchIcon {
  width: 20px;
  height:20px;
  border:0px none;
  float:right;
}

/* --------- Linke Spalte ----------- */

#StructureLeft div.Sprachflaggen {
    width: 200px;
    height: 15px;
    text-align:center;
}

#StructureLeft div.ContainerInfo {
 font-size: 12px;
 width: 200px;
 margin-top: 27px; /* 42px */
}

#StructureContentRight div.ContainerInfo {
 float: right;
 font-size: 12px;
 width: 200px;
 margin-top: 42px;
}

div.InfoTop_header, div.InfoTop, div.InfoBottom {
 display: block;
 /* float: left; /* macht 'n Problem bei Firefox! */
 clear: both;
 width: 180px;
 margin-left: 10px;
 /* nachf. Angabe wg. MSIE-Bug ... */
 font-size: 1px;
}

div.InfoTop_header {
  height: 24px;
}

div.InfoTop, div.InfoBottom {
 height: 4px;
}

div.InfoTop_header h2 {
  padding-top: 5px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 12px;
  font-weight: 800 !important;
  text-align: center;
}

div.ContainerInfo h2, div.ContainerInfo .h2 {
  font-size: 12px;
  font-weight: 800;
}

div.ContainerInfo .grey {
  color: #666666;
}

div.ContainerInfo label {
  font-size: 9px;
  color: #666666;
}

/* linke & rechte Infospalte ... */

#StructureLeft div.InfoPlain,
#StructureContentRight div.InfoPlain {
 clear: both;
 width: 179px; /* Bilder darin max. 178 Pixel */
 margin-left: 10px;
 padding-left: 1px;
 padding-right: 0px;
}
#StructureLeft div.InfoText,
#StructureContentRight div.InfoText {
 clear: both;
 width: 167px; /* Bilder darin max. 166 Pixel */
 margin-left: 10px;
 padding-top: 4px;
 padding-left: 7px;
 padding-right: 6px;
}

/* Gruppierungen Infobereich ( == einzelne Container) */

div.InfoGroup1, div.InfoGroup {
 clear: both;
 width: 200px;
 margin-bottom: 20px;
 background-color: transparent;
}

/* ------ Sonderversion Submenue ------ */

div#Level2Men {
 /* Zusammen mit .InfoGroup verwenden ! */
}

div#Level2Men div.InfoPlain {
  /* TODO */
}

/* behebt einen MSIE-Bug: auskomm. - wozu war das gut ... ? */
div.InfoPlain img {
 display: block;
}

div#Level2Men ul {
 /* Zusammen mit div.InfoGroup verwenden ! */
  float: left;
  clear: both;
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}

div#Level2Men ul li {
  float: left;
  clear: both;
  width: 178px;
}

div#Level2Men ul a:link,
div#Level2Men ul a:active,
div#Level2Men ul a:visited {
  float: left;
  margin-left: 7px;
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 144px;
  text-decoration: none;
}

div#Level2Men ul li.CNum_0_0 a:link,
div#Level2Men ul li.CNum_0_0 a:active,
div#Level2Men ul li.CNum_0_0 a:visited {
  border-top: 0px none;
}

div#Level2Men ul ul a:link,
div#Level2Men ul ul a:active,
div#Level2Men ul ul a:visited {
  margin-top: -1px;
  padding-left: 40px;
  padding-top: 0px;
  padding-bottom: 6px;
  width: 124px;
  border-top: 0px none;
  background-image: none;
}

div#Level2Men ul a:hover,
div#Level2Men ul a:visited:hover {
  text-decoration: none;
}

div#Level2Men h1 {
 display: none;
}

/* ------ Sonderversion Impressum / Login ------ */

div.InfoPlain#ImLog, div.InfoText#ImLog {
 background-image: none;
}

div#ImLog a:link, div#ImLog a:active, div#ImLog a:visited {
  text-decoration: none;
}

div#ImLog a:hover, div#ImLog a:visited:hover {
  text-decoration: underline;
}


/* --------------------------- Specials Content-Bereich ------------------------------- */

/* -- Abschnitte -- */

div.Abschnitt, div.AbschnittPlain {
  /* 'blanko' */
  float: left;
  /* clear: left; /* TODO: geht nicht wg. div.setMinHeight ? */
  width: 599px;
  margin-right: -10px;
}

/* -- Spalten - Unterabschnittscontainer -- */

div.Text1Col {
  width: 546px;
  float: left;
  /* UE-Strichelchen-Bug in MSIE beheben: */
  padding-top: 2px;
}

div.Text2Col {
  width: 263px;
  float: left;
  /* UE-Strichelchen-Bug in MSIE beheben: */
  padding-top: 2px;
}

div.Text2ColAsym { /* gehoert zu div.Text3Col */
  width: 357px;
  float: left;
  /* UE-Strichelchen-Bug in MSIE beheben: */
  padding-top: 2px;
}

div.Text3Col {
  width: 169px;
  float: left;
  /* UE-Strichelchen-Bug in MSIE beheben: */
  padding-top: 2px;
}

div.ColSep {
  width: 21px;
  height: 10px;
  float: left;
}

div.MrgnLeft {
  width: 30px;
  height: 10px;
  float: left;
}

div.setMinHeight {
  display: none;
}

div.InfoText p {
    margin:0px;
}

/* -- Unter-Abschnitte -- */

/* Breadcrumbs */

div.breadcrumbs {
    display: block;
    float: left;
    clear: both;
}

#BreadCrumbsMain {
  font-size: 11px;
  margin-top: 6px;
  margin-bottom: 10px;
}


/* manuelle Breitenangaben fuer linke Tabellen-Header (wenn Tab. oben th hat NICHT verwenden!): */

table.thW110 th {
 width: 110px !important;
}

table.thW130 th {
 width: 130px !important;
}

table.thW150 th {
 width: 150px !important;
}

table.thW190 th {
 width: 190px !important;
}

table.thW210 th {
 width: 210px !important;
}

table.tdBold td {
 font-weight: 800;
}

table.captNormal caption {
 color: #333333 !important;
 font-weight: 400 !important;
}

/* Uebersichtstabelle Typ 2 (manuelle Trennstriche): */

table.T100p {
 /* border-collapse: collapse; */
 border: 0px none;
 width : 421px;
}

table.T100p tr {
}

table.T100p th, table.T100p td {
 border: 0px none;
 padding-top: 4px;
 padding-bottom: 4px;
 text-align: left;
 vertical-align: top;
}

table.T100p th {
 width: 150px;
 padding-left: 3px;
 padding-right: 1px;
 font-weight: 800;
}

table.T100p caption {
 padding-top: 6px;
 padding-bottom: 5px;
 padding-left: 3px;
 text-align: left;
 font-weight: 800;
}

/* Trennstriche: */

/* table.T100p tr.startGroup th, table.T100p tr.startGroup td */
tr.startGroup th, tr.startGroup td {
 border-top: 1px solid #DEDDCB !important;
}
/* table.T100p tr.endGroup th, table.T100p tr.endGroup td */
tr.endGroup th, tr.endGroup td {
 border-bottom: 1px solid #DEDDCB !important;
}

/**
* Achtung: Containern ueber mehrere Spalten MUSS immer
* eine LEERE div '#CBFMO' nachgestellt werden :
*/

div.ContainerBugFixMOZuOPA, div.CBFMO {
  clear: both;
  /* width: 698px; */
  width: 100%;
  height: 2px;
  margin-top: -1px;
  margin-bottom: -1px;
  /* nachf. Angabe wg. MSIE-Bug ... */
  font-size: 1px;
}

.height0px {
  height: 2px !important;
  margin-top: -1px;
  margin-bottom: -1px;
  /* nachf. Angabe wg. MSIE-Bug ... */
  font-size: 1px;
}
.height0px div {
  height: 2px !important;
  /* nachf. Angabe wg. MSIE-Bug ... */
  font-size: 1px;
}

/* ---- */

#ContainerBottomLeft, #ContainerBottomRight {
 /* Gesamtbreite: 945px */
 float: left;
}

#ContainerBottomLeft {
 margin-left: 2px;
 width: 239px;
 text-transform: uppercase;
 font-size: 9px;
}

#ContainerBottomRight {
 margin-left: 23px;
 width: 678px;
 /* text-transform: uppercase; */
 font-size: 10px;
 line-height: 14px;
 text-transform: uppercase;
}

#ContainerBottomRight a {
 display: block;
 float: left;
}



/* ---- nachfolgend Sonderbereich PRELOAD */

#PreloadSpace {
 position: absolute;
 top:0px;
 left:0px;
 z-index: 0;
 visibility: hidden;
}

#PreloadSpace div {
 display: block;
 float: left;
 width: 10px;
 height: 10px;
}

