/******************************
* Basis-Style-Sheet           *
*******************************
* Enthaelt:                   *
* - Seitenaufteilung          *
* - Grundmasse                *
* - allgem. Elementverhalten  *
* - allgemeingültige Farbang. *
*******************************/

body {
 background-color: #E2D0A9;
 background-image:url(/images/FEB/bkgr/tile_basic.gif);
 background-repeat: repeat-x;
 padding: 0px;
 margin: 0px;
}


body,td,th,.std,
input,textarea,select,option,button,
#StructureTop,#StructureMain,#StructureBottom {
  font-style: normal;
  color: #333333;
  font-weight: 400;
}

body,td,th,.std,
#StructureTop,#StructureMain {
  font-family: 'Arial Unicode MS', Arial, 'Lucida Sans', 'Lucida Grande', 'DejaVu Sans', sans-serif;
  font-size: 12px;
}

#StructureBottom {
  font-family: 'Arial Unicode MS', Arial,'Lucida Sans', 'Lucida Grande', 'DejaVu Sans', 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;
}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
  font-family: 'Arial Unicode MS', Arial,'Lucida Sans', 'Lucida Grande', 'DejaVu Sans', sans-serif;
}
#StructureCenter {
    width:100%;
    align: center;
    vertical-align:top;
    background-color:#ff0000;
}
/*
div.ContainerInfo h1,div.ContainerInfo .h1,div.ContainerInfo h2,div.ContainerInfo .h2,div.ContainerInfo h3,
div.ContainerInfo .h3,div.ContainerInfo h4,div.ContainerInfo .h4 {
  color: #666666;
}
*/

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;
}

/* wird weiter unten behandelt ...
ul {
 list-style-image: url(/images/ILS/li_normal.gif);
 list-style-position: outside;
}
*/
ul {
    margin-top:2px;
    padding-top:2px;
    margin-bottom:4px;
    padding-bottom:4px;

}

ol {
 list-style-type: decimal;
}

.waiOnly, br.waiOnly, a.waiOnly, div.waiOnly, span.waiOnly,
 .BuchstabenAuswahl a.waiOnly,  {
 display: none;
}

img {
 border: 0px none;
}

/*
* 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 {
  margin-top: 1px;
}

h1,.h1 {
  /* font-family: Arial, Helvetica, sans-serif; */
  font-size: 17px; /* war 18px; */
  font-weight: 800;
  line-height: 125%; /* war 100%; */
  margin-bottom: 16px;
}

/*
.ContainerInfo h1, .ContainerInfo .h1 {
  font-family: Verdana, 'DejaVu Sans', 'Bitstream Vera Sans', 'Bitstream Vera', sans-serif;
}
*/

h2,.h2 {
  font-size: 14px; /* 16px; */
  font-weight: 800;
  line-height: 125%; /* war 100%; */
  margin-bottom: 0px;
}

h3,.h3 {
  font-size: 11px;
  font-weight: 800;
  margin-bottom: 0px;
}

h4,.h4 {
  font-size: 11px;
  font-weight: 800;
  margin-bottom: 0px;
}

h5,.h5 {
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 0px;
}

h6,.h6 {
    font-size:12px;
    font-weight:800;
    margin-bottom:0px;
    margin-top:15px;
}

h2+p, h3+p, h4+p, h5+p, h6+p {
  margin-top: 0px;
}

hr {
  height: 1px;
  border: 0px none;
  color : #CCCCCC;
  background-color : #CCCCCC;
  margin-top: 5px;
  margin-bottom: 5px;
}

/* wird bei FEB glaube ich nicht gebraucht:
hr.helper2px {
  visibility: hidden;
  height: 1px;
  border: 0px none;
  margin-top: 1px;
  margin-bottom: 1px;
}
*/

/* +++++++++++++++ Positionsangaben Grobstruktur +++++++++++++++++ */

/* Scrollbalken unter Mozilla erzwingen */

#DummyPageHeight {
 position: absolute;
 left: 0px;
 top: 0px;
 width: 10px;
 height: 102%;
 z-index: 5;
}

#StructureTopBg { /* NUR Hintergrundgrafik! */
 position: absolute;
 left: 0px;
 top: 0px;
 width: 704px;
 height: 129px;
 z-index: 190;
 background-image: url(/images/FEB/bkgr/topbalken.gif);
 background-repeat: repeat-x;
}

#StructureTop {
 position: absolute;
 float:left;
 top: 0px;
 margin-left: 0px;
 left: 0px;
 width: 704px;
 height: 160px;
 z-index: 200;
 /* opacity: 0.33; */
 /* background-color: #CC00CC; */
}

#OuterStructMainLeftBottom {
 position: absolute;
 /* top: 129px; */
 top: 129px;
 margin-left: 0px;
 left: 0px;
 /* left: 28px; */
 width: 945px;
 z-index: 300; /* vormals 100 */
 /* background-color: #CC00CC; */
}

#StructureMain {
 float: middle;
 width: 945px;
 background-image: url(/images/FEB/bkgr/white_box_below_info.gif);
 background-repeat: no-repeat;
 background-position: left bottom;
 /* Positionierung: OuterStructMainLeftBottom */
}

#StructureBottom {
 /* innerhalb v. OuterStructMainLeftBottom, unterh. v. StructureMain */
 padding-top: 6px;
 height: 83px;
 width: 945px;
 clear: left;
}

#StructureHeader {
 position: absolute;
 top: 0px;
 left: 0px;
 /* width: 939px; */
 width: 704px;
 height: 83px;
 z-index: 50; /* bezogen auf umgebendes StructureTop ! */
}

#StructureContainerHeaderPreview {
 position: absolute;
 left: 0px;
 top: 0px;
 width: 704px;
 height: 128px;
 z-index: 80;
 background-color: #F0DCB4;
 /* padding-left: 20px; */
 /* padding-top: 20px; */
}

#StructureContainerHeaderPreview h1 {
 font-size: 20px;
 font-weight: 800;
 color: #F77332;
}

/* Achtung Ausnahmen ... */

#StructureContainerLogo {
 position:absolute;
 left: 20px;
 top: 11px;
 width: 252px;
 height: 66px;
 z-index: 250; /* bezogen auf umgebendes StructureTop */
 background-image: url(/images/FEB/ci/main_logo.gif);
 background-repeat: no-repeat;
 background-position: left top;
}

#StructureContent {
  width: 945px;
  float: right; /* !!! */
}

/* Wird fuer den Haupthintergrund und die seitlichen Schatten gebraucht: */
#ContainerContentBgHelper {
  float: left;
  width: 704px;
  background-color: #CEBE9E;
  background-image: url(/images/FEB/bkgr/ContentContainer.gif);
  background-repeat: no-repeat;
}

#ContainerContent {
  /* float: left; */
  width: 698px;
  margin-left: 3px;
  padding-top: 3px;
/*   padding-left:10px; */
  background-color: #FFFFFF;
  /* Nachfolgend der Farbverlauf am unteren Ende des Hauptcontainers: */
  background-image: url(/images/FEB/bkgr/ContentBottom.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
}

/* --------- Spezialabschnitt zur unteren Begrenzung v. ContainerContent ---------- */

#ExtraContentBottom {
  clear: both;
  width: 945px;
  /* nachf. Angabe wg. MSIE-Bug ... */
  font-size: 1px;
}

#ExCoBo11 {
  float: left;
  width: 3px;
  height: 2px;
  background-image: url(/images/FEB/bkgr/ExCoBo11.gif);
  opacity: 0.2;
  -moz-opacity: 0.2;
  -khtml-opacity: 0.2;
  filter: Alpha(style=0, opacity=25);
  /* nachf. Angabe wg. MSIE-Bug ... */
  font-size: 1px;
}

#ExCoBo12 {
  float: left;
  width: 698px;
  height: 2px;
  background-image: url(/images/FEB/bkgr/ExCoBo12.gif);
  /* nachf. Angabe wg. MSIE-Bug ... */
  font-size: 1px;
}

#ExCoBo13 {
  float: left;
  width: 3px;
  height: 2px;
  background-image: url(/images/FEB/bkgr/ExCoBo13.gif);
  opacity: 0.2;
  -moz-opacity: 0.2;
  -khtml-opacity: 0.2;
  filter: Alpha(style=0, opacity=25);
  /* nachf. Angabe wg. MSIE-Bug ... */
  font-size: 1px;
}

#ExCoBo2 {
  clear: left;
  width: 704px;
  height: 2px;
  background-image: url(/images/FEB/bkgr/ExCoBo2.gif);
  opacity: 0.2;
  -moz-opacity: 0.2;
  -khtml-opacity: 0.2;
  filter: Alpha(style=0, opacity=25);
  /* nachf. Angabe wg. MSIE-Bug ... */
  font-size: 1px;
}

/* --------- weitere Design-Hilfs-Container ---------- */

#StructureBugFixMOZuOPA {
  clear: both;
  width: 945px;
  height: 2px;
  /* nachf. Angabe wg. MSIE-Bug ... */
  font-size: 1px;
 /* display: none; /* < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < < ### */
}

/* +++++++++++ Containerspezifische Designangaben +++++++++++++++ */

/* ---- Specials Dokumentenkopf ---- */

#ContainerHeaderMiddle {
 float: left;
 width: 190px;
 height: 93px;
 color: #666666;
}

#ContainerHeaderRight {
 float: right;
 width: 380px;
 height: 80px;
 text-align: right;
 color: #666666;
 margin-right: 20px;
}

/*
#StructureContent div.ContainerInfo {
 /* innerhalb von #ContainerContent verwenden!* /
 float: right;
 width: 233px;
 font-size: 11px;
}
*/
/*
div.ContainerInfo h1, div.ContainerInfo .h1, div.ContainerInfo h2, div.ContainerInfo .h2,
div.ContainerInfo h3, div.ContainerInfo .h3, div.ContainerInfo h4, div.ContainerInfo .h4 {
 color: #666666;
}

div.ContainerInfo h1, div.ContainerInfo .h1 {
  font-size: 13px;
  font-weight: 800;
}

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;
}

div.ContainerInfo .Lehrgangsbox {
  padding-top: 15px;
  width:135px;
  height:151px;
  float:left;
  clear:both;
}

div.ContainerInfo .Lehrgangsbox h2 {
  font-size:14px;
}

div.ContainerInfo .Lehrgangsbox p {
  font-size:12px;
}

div.InfoGroup1, div.InfoGroup {
 /* margin-bottom: 15px; * /
 clear: both;
 background-color: #F8F8F8;
}


#StructureContent div.InfoGroup1, #StructureContent div.InfoGroup {
 background-color: transparent;
}


#StructureContent div.InfoPlain {
 clear: both;
 width: 233px;
}
*/

/* behebt einen MSIE-Bug: */
/*
div.InfoPlain img {
 display: block;
}
*/

/*
#StructureContent div.InfoText { /* TODO: Rahmen * /
 clear: both;
 padding-left: 11px;
 padding-right: 12px;
 width: 210px;
}
*/
/*
div.ContainerInfo .BgNormalHi {
 background-color: #F0DCB4;
 background-image: url(/images/FEB/bkgr/SectionInfo_gradient_hi.gif);
}

#StructureContent div.ContainerInfo .BgNormalHi {
 background-image: url(/images/FEB/bkgr/SectionInfo_Inline_gradient_hi.gif);
}

div.ContainerInfo .BgStudienhandbuch {
 background-image: url(/images/FEB/bkgr/SectionInfo_Studienhandbuch.gif);
 background-position: right top;
 background-repeat: no-repeat;
}

div.ContainerInfo .BgLehrgangsbox {
 background-image: url(/images/FEB/bkgr/SectionInfo_Lehrgangsbox.jpg);
 background-position: right top;
 background-repeat: no-repeat;
}
*/
/* ------ Specials Content-Bereich ------ */

/* -- Abschnitte -- */

div.Abschnitt, div.AbschnittPlain {
  /* 'blanko' */
  clear: left;
  width: 698px;
}

/*
div.Abschnitt.InfoAdjacent, div.AbschnittPlain.InfoAdjacent {
  /* 'blanko' * /
  float: left;
  clear: left;
  width: 462px;
}
*/

div.HeaderListeUebersicht {
  /* zusammen mit Klasse 'Abschnitt(Plain)' verwenden ! */
  /* ist derzeit nicht fuer InfoAdjacent vorgesehen */
  background-image: url(/images/FEB/bkgr/Container_header_liste_uebersicht.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  height: 71px;
  margin-bottom: 15px;
}

div.ContentListeUebersicht {
  /* zusammen mit Klasse 'Abschnitt(Plain)' verwenden ! */
  /* padding-top: 20px; */
}

/* -- Spalten - Unterabschnittscontainer -- */

div.Text1Col{
  width: 657px;
  float: left;
  /* UE-Strichelchen-Bug in MSIE beheben: */
  padding-top: 2px;
}

/*
div.InfoAdjacent div.Text1Col{
  width: 421px;
}
*/

div.Text2Col{
  width: 318px;
  float: left;
  /* UE-Strichelchen-Bug in MSIE beheben: */
  padding-top: 2px;
}

/*
div.InfoAdjacent div.Text2Col{
  width: 200px;
}
*/

div.Text2ColAsym{ /* gehoert zu div.Text3Col */
  width: 413px;
  float: left;
  /* UE-Strichelchen-Bug in MSIE beheben: */
  padding-top: 2px;
}

/*
div.InfoAdjacent div.Text2ColAsym{
  width: 274px;
}
*/

div.Text3Col{
  width: 205px;
  float: left;
  /* UE-Strichelchen-Bug in MSIE beheben: */
  padding-top: 2px;
}

/*
div.InfoAdjacent div.Text3Col{
  width: 126px;
}
*/

div.UebersichtCategHead { /* Uebersicht Linke Spalte (Koepfe) */
  /* ist derzeit nicht fuer InfoAdjacent vorgesehen */
  width: 128px;
  float: left;
  text-align: center;
  /* UE-Strichelchen-Bug in MSIE beheben: */
  padding-top: 2px;
}

div.UebersichtCategHead h1, div.UebersichtCategHead  .h1 {
  font-family: Verdana, 'DejaVu Sans', 'Bitstream Vera Sans', 'Bitstream Vera', sans-serif;
}

div.UebersichtCategContent{ /* Uebersicht Rechte Spalte (Inhalte) */
  /* ist derzeit nicht fuer InfoAdjacent vorgesehen */
  width: 520px;
  margin-left: 2px;
  float: left;
  /* UE-Strichelchen-Bug in MSIE beheben: */
  padding-top: 2px;
}

div.ColSep, div.MrgnLeft {
  width: 21px;
  height: 10px;
  float: left;
}

/* -- Unter-Abschnitte -- */

/* Sonderlistenformate: */

ul.liBars {
  display: block;
  /* float: left; */
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  list-style-position: inside;
  list-style-image: none;
  margin-top: 10px;
}

ul.liBars li {
  /* zur Verwendung von ul nach schliessendem </p> !! */
  display: block;
  clear: both;
  float: left;
  width: 421px; /* alt 428 */
  background-color: #F9F5EE;
  font-weight: 800;
  padding-left: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-top: -13px;
  margin-bottom: 16px;
}

ul.liMultiline li, ul.liMultiline_num li, ul.liMultiline_bull li {
  /* stets in Verbindung mit .liBars ! */
  font-weight: 400;
}

ul.liBars li.fullsizeLink {
  /* zur Verwendung von ul nach schliessendem </p> !! */
  padding-top: 0px;
  padding-bottom: 0px;
}

/* ### TODO (geht so nicht wg. important in MSIE-CSS)
ul.noPushUp li {
  margin-top: 0px !important;
  margin-bottom:  3px !important;
}
*/

/* Breadcrumbs */
span.breadcrumbs {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 10px;
    font-weight: bold;
    float: left;
    clear: both;
}

span.breadcrumbs a:link, span.breadcrumbs a:visited, span.breadcrumbs a:active {
    text-decoration:none;
    color: #AAAAAA;
}

span.breadcrumbs a:hover, span.breadcrumbs a:visited:hover {
    text-decoration:none;
    color: #000000;
}


/* BISHER NUR EINSPALTIGES LAYOUT! */
ul.liBars li a.full:link, ul.liBars li a.full:visited, ul.liBars li a.full:active,
ul.liBars li a.full:hover, ul.liBars li a.full:visited:hover {
  display: block;
  float: left;
  width : 678px; /* alt 664 ##### TODO ? */
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
}

/*
div.InfoAdjacent ul.liBars li a.full:link, div.InfoAdjacent ul.liBars li a.full:visited,
div.InfoAdjacent ul.liBars li a.full:active,
div.InfoAdjacent ul.liBars li a.full:hover, div.InfoAdjacent ul.liBars li a.full:visited:hover  {
  width : 421px; /* alt 428 ##### TODO ? * /
}
*/

ul.liBars img {
  border: 0px none;
  margin-top: -3px;
  margin-bottom: -3px;
  margin-right: 12px;
}

ul.liBars a:link span.colHelper, ul.liBars a:visited span.colHelper, ul.liBars a:active span.colHelper  {
  cursor: pointer;
}

ul.liBars span.colHelper img {
  margin-top: -3px;
  margin-right: 0px;
  margin-left: 0px;
}

#ContainerContent ul.liMultiline img {
  /* stets in Verbindung mit .liBars ! */
  margin-top: 1px;
  margin-left: 0px;
  margin-right: 0px;
}
#ContainerContent ul.liMultiline_num img {
  /* stets in Verbindung mit .liBars ! */
  margin-top: 1px;
  margin-left: 3px;
  margin-right: 8px;
}
#ContainerContent ul.liMultiline_bull img {
  /* stets in Verbindung mit .liBars ! */
  margin-top: -1px;
  margin-left: 1px;
  margin-right: 8px;
}

/* "div#Level3Men" ul li / a:link etc. siehe Bereich Level3Men */

div.UebersichtCategContent ul {
  display: block;
  float: left;
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  list-style-position: inside;
  list-style-image: none;
}

div.UebersichtCategContent ul li {
  display: block;
  clear: both;
  float: left;
  width: 512px;
  background-color: #F9F5EE;
  font-weight: 800;
  padding-left: 6px;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-top: 0px;
  margin-bottom: 3px;
}

div.UebersichtCategContent ul li small {
  font-size: 91%;
  font-weight: 400;
}

div.UebersichtCategContent ul li.nosem {
 background-color: transparent;
 text-align: right;
 text-transform: uppercase;
 font-size: 9px;
 font-weight: 400;
 padding-top: 7px;
 padding-bottom: 2px;
}

/* Uebersichtstabelle: */

table.overviewList {
 border-collapse: collapse;
 border: 0px none;
 width : 678px; /* ##### TODO ? */
}

/*
div.InfoAdjacent table.overviewList {
 width : 421px;
}
*/

table.overviewList th, table.overviewList td {
 border: 0px none;
 border-top: 1px solid #DEDDCB;
 border-bottom: 1px solid #DEDDCB;
 text-align: left;
 vertical-align: top;
}

table.overviewList th {
 width: 115px;
 padding-top: 4px;
 padding-bottom: 4px;
 padding-left: 2px;
 padding-right: 1px;
 font-weight: 800;
}

table.overviewList tr.hilite a:link, table.overviewList tr.hilite a:visited,
table.overviewList tr.hilite a:active, table.overviewList tr.hilite a:hover,
table.overviewList tr.hilite a:visited:hover {
 text-decoration: none;
 color: #333333;
 display: block;
 float: left;
 width: 100%;
}


div.BuchstabenAuswahl {
 /* zusammen mit .UebersichtCategContent verwenden! */
 padding-top: 20px;
}
div.BuchstabenAuswahl a {
 display: block;
 float: left;
 /* width: 18px; */
 /* background-color: #00CCCC; */
}

/**
* 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;
}

/* ---- */

#ContainerBottomLeft, #ContainerBottomRight {
 /* Gesamtbreite: 945px */
 float: left;
 /* text-transform: uppercase; */
}

#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;
}