/******************************
* Basis-Style-Sheet           *
*******************************
* Enthaelt:                   *
* - Seitenaufteilung          *
* - Grundmasse                *
* - allgem. Elementverhalten  *
* - allgemeingültige Farbang. *
*******************************/

body, html {
  margin:  0px;
  padding: -5px; /* 0px; */
}

body {
 background-color: #E2D0A9;
 background-image:url(/images/FEB/bkgr/tile_basic.gif);
 background-repeat: repeat-x;
}


body,td,th,.std,
input,textarea,select,option,button,
#StructureTop,#StructureMain,#StructureLeft,#StructureBottom,
div#ContainerContent label,
#ContainerContent, #ContainerPrintHead {
  font-style: normal;
  color: #333333;
  font-weight: 400;
}
.normalColor {
  color: #333333;
}
.normalAll {
  color: #333333;
  text-decoration: none;
  font-weight: 400;
}

.betweenLinks {
  cursor: pointer;
}
body,td,th,.std,
#StructureTop,#StructureMain,#StructureLeft,
div#ContainerContent label,
#ContainerContent, #ContainerPrintHead {
  font-family:  'Arial', 'Lucida Sans', 'Lucida Grande', 'DejaVu Sans', sans-serif;
  font-size: 12px;
}

#StructureBottom {
  font-family: 'Arial', 'Lucida Sans', 'Lucida Grande', 'DejaVu Sans', sans-serif;
  font-size: 10px;
}

input,textarea,select,option,button {
  font-family: 'Arial', '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: 'Arial', 'Lucida Sans', 'Lucida Grande', 'DejaVu Sans', sans-serif;
}

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;
}
*/

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, #Level3Men 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>h2.werbung: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: 5px; /* war 16 */
}

.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;
}

h2.suche {
	text-align: center;
	margin-bottom: 15px;
}

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, h2.werbung {
  font-size: 12px;
  font-weight: 800;
  line-height:100%;
  /* text-transform: uppercase; */
  margin-bottom: 0px;
  margin-top: 15px;
}

/*
h2+p, h3+p, h4+p, h5+p, h6+p {
  margin-top: 0px;
}
*/
p {
  margin-top: 0px;
}


h2.MitAbstand, h3.MitAbstand, h4.MitAbstand, h5.MitAbstand, h6.MitAbstand {
  margin-bottom: 12px;
}

h2.MitAbstand+p, h3.MitAbstand+p, h4.MitAbstand+p, h5.MitAbstand+p, h6.MitAbstand+p {
  margin-top: 1px;
}

hr {
  height: 1px;
  border: 0px none;
  color : #CCCCCC;
  background-color : #CCCCCC;
  margin-top: 5px;
  margin-bottom: 5px;
}

hr.FachakademieTrenner {
  margin-top:9px;
  margin-bottom:9px;
  margin-left:24px;
  margin-right:1px;
}

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 {
 position: absolute;
 left: 0px;
 top: 0px;
 width: 10px;
 height: 102%;
 z-index: 5;
}

#StructureTopBg { /* NUR Hintergrundgrafik! */
 position: absolute;
 left: 0px;
 top: 0px;
 width: 100%;
 height: 129px;
 z-index: 190;
 background-image: url(/images/FEB/bkgr/topbalken.gif);
 background-repeat: repeat-x;
}

#StructureTop {
 position: absolute;
 top: 0px;
 margin-left: -473px; /* 2px weiter rechts als Hauptinhalt */
 left: 50%;
 width: 939px;
 height: 160px;
 z-index: 200;
 /* opacity: 0.33; */
 /* background-color: #CC00CC; */
}

#OuterStructMainLeftBottom {
 position: absolute;
 /* top: 129px; */
 top: 153px;
 margin-left: -476px;
 left: 50%;
 /* left: 28px; */
 width: 945px;
 z-index: 300; /* vormals 100 */
 /* background-color: #CC00CC; */
}

#StructureMain {
 float: left;
 width: 945px;
 background-image: url(/images/FEB/bkgr/white_box_below_info.gif);
 background-repeat: no-repeat;
 background-position: left bottom;
 /* Positionierung: OuterStructMainLeftBottom */
}

#StructureLeft {
 /* ist innerhalb v. StructureMain */
/*
 margin-left: 0px;
 margin-top: 20px;
 margin-bottom: 14px;
*/
 float: right; /* !!! */
 width: 241px;
}

#StructureBottom {
 /* innerhalb v. OuterStructMainLeftBottom, unterh. v. StructureMain */
 padding-top: 6px;
 height: 83px;
 width: 945px;
 clear: left;
}

#StructureHeader {
 position: absolute;
 top: 0px;
 left: 279px;
 /* width: 939px; */
 width: 660px;
 height: 93px;
 z-index: 50; /* bezogen auf umgebendes StructureTop ! */
}

#StructureContainerHeaderPreview {
 position: absolute;
 left: 0px;
 top: 0px;
 width: 100%;
 height: 128px;
 z-index: 80;
 background-color: #F0DCB4;
 /* padding-left: 20px; */
 /* padding-top: 20px; */
}

#StructureContainerHeaderPreview h1 {
 font-size: 20px;
 font-weight: 800;
 color: #F77332;
}

#StructureMainMen {
 position: absolute;
 left: 0px;
 top: 93px;
 width: 939px;
 height: 50px; /* schiesst die "Ecken" unter dem Haquptmenü ein */
 /* Hinweis: MainMen muss zwischen SubMen und seinem Hintergrund liegen!! */
 z-index: 200; /* bezogen auf umgebendes StructureTop */
 background-image:url(/images/FEB/bkgr/MainMen_basic.gif);
 background-repeat: repeat-x;
 background-position: left top;
}


#StructureSubMenBg, #StructureNoSubMenBg { /* NUR Hintergrund / Hintergrundgrafik! */
 position:absolute;
 left: 0px;
 top: 127px;
 width: 939px;
 height: 39px;
}
#StructureSubMenBg { /* NUR Hintergrund! */
 z-index: 100; /* bezogen auf umgebendes StructureTop */
 display: none;
}
#StructureNoSubMenBg { /* NUR Hintergrundgrafik! */
 z-index: 90; /* bezogen auf umgebendes StructureTop */
 background-image: url(/images/FEB/bkgr/SubMen_0.gif);
 background-repeat: repeat-x;
 background-position: left top;
}

#StructureSubMen {
 position:absolute;
 left: 0px;
 top: 128px;
 width: 939px;
 height: 38px;
 z-index: 300; /* bezogen auf umgebendes StructureTop */
 display: none;
}

#StructureSearch {
 position:absolute;
 left: 710px;
 top: 102px;
 width: 220px;
 z-index: 250; /* bezogen auf umgebendes StructureTop */
}

/* Achtung Ausnahmen ... */

#StructureContainerLogo {
 position:absolute;
 left: 0px;
 top: 11px;
/*  width: 252px; */
 width: 400px;
 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: 704px;
  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;
  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: 704px;
  /* 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: 450px;*/
 width: 580px;
 height: 80px;
 text-align: right;
 color: #666666;
}

#ContainerHiddenHeadline {
  height:93px;
  left:279px;
  position:absolute;
  top:0px;
  width:150px;
  z-index:-1;
  color:#FAF1DE;
}

#ContainerHeaderOverpic {
  height:30px;
  left:279px;
  position:absolute;
  top:0px;
  width:150px;
  z-index:1;
  background-color:#FAF1DE;
}
/* ---- Specials Hauptmenue ---- */

#ContainerMainMen {
  height: 34px;
  font-size: 11px;
}

#MainMenRightBorder{
 float: right !important;
 width: 3px;
 height: 34px;
 background-image: url(/images/FEB/bkgr/MainMen_RightBorder.gif);
 background-position: left top;
}

#ContainerMainMen a, #ContainerMainMen div , #ContainerMainMen span {
  display: block;
  float: left;
  color: #666666;
  font-size: 13px;
  font-weight: 800;
  height: 46px;
  background-repeat: repeat-x;
  background-position: top left;
}

#ContainerMainMen img {
  border: 0px none;
}

#ContainerMainMen br {
  display: none;
}

#ContainerMainMen a span { /* SPAN in A ! so wie's da steht! */
  float: left;
  height: 36px;
  padding-top: 10px;
  padding-left: 4px;
  padding-right: 4px;
  cursor: pointer;
}

#ContainerMainMen a span.L, #ContainerMainMen a span.R{
  height: 46px;
  width: 5px;
  padding: 0px;
  background-repeat: no-repeat;
}

#ContainerMainMen a span.R{
  background-position: top right;
}

#MainMenFillUp{
  display: block;
  float: left;
  height: 34px;
  width: 6px;
}

/* --- */

#ContainerSearch, #ContainerSearchInline {
 width: 220px;
}
#ContainerSearch table, #ContainerSearchInline table {
 float: right;
}
#ContainerSearch form, #ContainerSearchInline form {
 /* behebt eine Inkompatibilitaet von Safari */
 display: block;
 float: right;
}

#ContainerSubMen {
 width: 939px;
 height: 38px;
}

#ContainerSubMen a, #ContainerSubMen div {
 display: block;
 float: left;
}

#ContainerSubMen a:active, #ContainerSubMen a:hover, #ContainerSubMen a:visited:hover,
#ContainerSubMen a.active {
   opacity: 0.50;
  -moz-opacity: 0.50;
  -khtml-opacity: 0.50;
  filter: Alpha(style=0, opacity=50);
}

#ContainerHiddenText {
  position:relative;
  top:0px;
  z-index:-1;
}

#ContainerHideText {
  position:relative;
  top:0px;
  z-index:10;
  background-color:#FFFFFF;
  margin-top:-12px;
}

#StructureLeft div.ContainerInfo {
 font-size: 12px;
 width: 241px;
 color: #333333;
/*  border:2px solid #ff0000;  */
}

#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;
 margin-bottom:5px;
}

#StructureContent div.InfoGroup1, #StructureContent div.InfoGroup {
 background-color: transparent;
}


#StructureLeft div.InfoPlain {
 clear: both;
 width: 241px;

}

#StructureContent div.InfoPlain {
 clear: both;
 width: 233px;

}

div#Level3Men div.InfoPlain {
 width: 235px;


}

div#Level3Men.wShadow div.InfoPlain {
 width: 231px;

}

/* behebt einen MSIE-Bug: */
div.InfoPlain img {
 display: block;
}

#StructureLeft div.InfoText { /* TODO: Rahmen */
 clear: both;
 padding-left: 18px;
 padding-right: 13px;
 width: 210px;

}

#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-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;
/* padding:0px !important;*/
}

/* ------ Specials Level-3-Menue ------ */

div#Level3Men {
 /* Zusammen mit .InfoGroup verwenden ! */
 width: 233px;
 margin-left: 0px;
 margin-right: 1px;
 margin-bottom: 3px;
 padding-left: 1px;
 padding-right: 1px;
 background-color: #FFFFFF;

}

div#Level3Men.wShadow {
 /* Zusammen mit .InfoGroup verwenden ! */
 width: 231px;
 margin-left: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 padding-left: 5px;
 padding-right: 5px;
 background-image: url(/images/FEB/bkgr/L3Menu_Shadow_Main.gif);
 background-position: left top;
}

div#Level3MenBottom {
 display: none;
}

div#Level3Men div#Level3MenBottom {
 /* Abstand unten */
 display: block;
 clear: both;
 font-size: 1px;
 width: 238px;
 height: 3px;
 background-color: #FFFFFF;
}

div#Level3Men.wShadow div#Level3MenBottom {
 /* Schatten unten */
 display: block;
 clear: both;
 width: 241px;
 height: 5px;
 margin-left: -5px;
 margin-right: -5px;
 background-image: url(/images/FEB/bkgr/L3Menu_Shadow_Bottom.gif);
 background-position: right top;
 background-repeat: no-repeat;
 font-size: 1px;
}

div#Level3Men h1 {
 display: block;
 float: left;
 clear: both;
}

div#Level3Men.wShadow h1 {
 float: right;
 padding-right: 5px;
 padding-bottom: 2px; /* MSIE-Bug */
 margin-top: 10px;
 margin-bottom: 10px;
 text-align: right;
}

div#Level3Men a:link, div#Level3Men a:active, div#Level3Men a:visited {
 float: right;
 clear: both;
 width: 233px; /* gesamt: 238 */
 font-size: 12px;
 /* height: 20px; */
 padding-top: 3px;
 padding-bottom: 3px;
 padding-left: 3px;
 padding-right: 2px;
 margin-top: 2px;
 margin-bottom: 1px;
 /*border:2px solid #ff0000;*/
}

div#Level3Men.wShadow a:link, div#Level3Men.wShadow a:active, div#Level3Men.wShadow a:visited {
 width: 223px; /* gesamt: 231 */
 padding-left: 2px;
 padding-right: 6px;
 text-align: right;
 font-weight: 800;
}

div#Level3Men ul {
  display: block;
  float: left;
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  list-style-position: inside;
  list-style-image: none;
}

div#Level3Men ul li {
  display: block;
  clear: both;
  float: left;
  width: 234px;  /* gesamt: 238 */
  background-color: transparent;
  font-weight: 400;
  padding: 0px;
  padding-left: 2px;
  padding-right: 2px;
  margin: 0px;
  margin-bottom: -1px;
}
div#Level3Men ul li ul li {
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 1px;
  margin-bottom: -1px;
}
div#Level3Men.wShadow ul li {
  width: 235px;
  padding-left: 0px;
  padding-right: 0px;
}

div#Level3Men ul li a:link, div#Level3Men ul li a:active, div#Level3Men ul li a:visited {
 float: left;
 width: 213px; /* gesamt: 234 (alt: 238) */
 font-size: 12px;
 font-weight: 800;
 padding-top: 3px;
 padding-bottom: 3px;
 padding-left: 19px;
 padding-right: 2px;
 margin: 0px;
}

div#Level3Men.wShadow ul li a:link, div#Level3Men.wShadow ul li a:active,
div#Level3Men.wShadow ul li a:visited {
 width: 230px; /* gesamt: 235 */
 font-size: 12px;
 font-weight: 800;
 padding-left: 3px;
 padding-right: 2px;
 margin: 0px;
}

div#Level3Men ul li ul li a:link, div#Level3Men ul li ul li a:active,
div#Level3Men ul li ul li a:visited {
 width: 202px; /* gesamt: 234 (alt: 238) */
 padding-left: 30px;
 font-weight: 400;
}

/* ------ 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.FooterListeUebersicht {
  /* zusammen mit Klasse 'Abschnitt(Plain)' verwenden ! */
  /* ist derzeit nicht fuer InfoAdjacent vorgesehen */
  background-image: url(/images/FEB/bkgr/Container_footer_liste_uebersicht.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  /* height: 71px; */
  margin-bottom: 0px;
}

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 */
  display: block;
  float: left;
  width: 520px;
  margin-left: 2px;
  /* UE-Strichelchen-Bug in MSIE beheben: */
  padding-top: 2px;
}

div.ColSep, div.MrgnLeft {
  width: 21px;
  height: 10px;
  float: left;
}

div.ColSep {
  width: 15px;
}

div.setMinHeight {
  width: 2px;
  height: 100px; /* per Stilangabe ueberschreiben! */
  float: right;
  margin: 0px -1px;
}

/* -- 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: 20px; /* war 30 */
}

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;
}

ul.liBars li.inhalt span.colHelper h2 {
    margin-top: 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; */
    text-decoration: underline;
    color: #AAAAAA;
}

span.breadcrumbs a:hover, span.breadcrumbs a:visited:hover {
/*     text-decoration:none; */
    text-decoration: underline;
    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 : 657px; /* 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;
  width:375px;
}

ul.liBars span.colHelper img {
  margin-top: -3px;
  margin-right: 0px;
  margin-left: 0px;
}

#LehrgangsAngebot ul.liBars li a.full:link,
#LehrgangsAngebot ul.liBars li a.full:visited,
#LehrgangsAngebot ul.liBars li a.full:active,
#LehrgangsAngebot ul.liBars li a.full:hover,
#LehrgangsAngebot ul.liBars li a.full:visited:hover {
  display: block;
  float: left;
  width : 653px; /* alt 664 ##### TODO ? */
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
}

#LehrgangsAngebot ul.liBars li {
    width: 653px;
}

#OAMStep1.liBars li {
    width: 653px;
}

#OAMStep1.liBars li span.colHelper {
    display: block;
    float: left;
    width: 620px;
}

#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;
}

ul.liMultiline_num span.colHelper {
  display: block;
  float: left;
  width: 645px;
}
div.InfoAdjacent ul.liMultiline_num span.colHelper {
  width: 387px;
}

ul.liMultiline_bull span.colHelper {
  display: block;
  float: left;
  width: 655px;
}
div.InfoAdjacent ul.liMultiline_bull span.colHelper {
  width: 397px;
}

ul.liMultiline_num a.goon span.colHelper {
  width: 626px;
}
div.InfoAdjacent ul.liMultiline_num a.goon span.colHelper {
  width: 368px;
}

ul.liMultiline_bull a.goon span.colHelper {
  width: 636px;
}
div.InfoAdjacent ul.liMultiline_bull a.goon span.colHelper {
  width: 378px;
}

ul.liBars li ul {
  list-style-position: outside;
  padding-left: 0px;
  margin-left: 17px;
  margin-top: 5px;
}
ul.liBars li ul li {
  display: list-item;
  float: none;
  width: auto;
  background-color: transparent;
  font-weight: 400;
  padding: 0px;
  margin: 0px;
  margin-bottom: 7px;
}

ul.liBars li.blankText {
 background-color: transparent;
 text-align: left;
 font-weight: 400;
 padding-top: 5px;
 padding-bottom: 5px;
}

/* "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.Text1Col 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;
}

/* --- */

ul.SuchergebnisVolltextsuche {
  list-style-type: none;
  list-style-image: none;
  padding-left: 0px;
  margin-left: 0px;
}

ul.SuchergebnisVolltextsuche li {
  padding-left: 55px;
  margin-left: 0px;
  margin-bottom: 15px;
}

ul.SuchergebnisVolltextsuche li span.Line1 {
  float: left;
  font-weight: 800;
}

ul.SuchergebnisVolltextsuche br {
  clear: both;
}

ul.SuchergebnisVolltextsuche span.MatchQuality {
  float: left;
  margin: 0px 0px 0px -50px;
  width: 50px;
  font-size: 14px;
  font-weight: 800;
}

ul.SuchergebnisVolltextsuche span.Match {
  padding: 0px 2px;
  margin: -1px 0px;
}
ul.SuchergebnisVolltextsuche span.suche_markup {
  padding: 0px 2px;
  margin: -1px 0px;
  color: #000000;
/*   font-weight: bold; */
}

ul.SuchergebnisVolltextsuche li span.PathBread {
  font-family: 'Arial Unicode MS', Arial, 'Nimbus Sans L', Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 400;
}

/* Allgemeines zu Tabellen: */

#ContainerContent th label {
  font-weight: 800;
}

/* 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 1 (automatische, horiz. Trennstriche): */

table.overviewList {
 border-collapse: collapse;
 border: 0px none;
 width : 657px;
}

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;
}

/* Extra: farbig hevorgehobene Zeile */
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%;
}

/* Uebersichtstabelle Typ 2 (manuelle Trennstriche): */

table.T100p {
 /* border-collapse: collapse; */
 border: 0px none;
 width : 657px;
}

div.InfoAdjacent table.T100p {
 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;
}

/* Extra: Hintergrund der Tabellenzeilen farbig und dazwischen weisser Abstand
   Hinweis: margin kann in Tabellen zusammen mit cellspacing nicht verwendet
            werden, das aber wird gebraucht*/

table.coloredRows tr th, table.coloredRows tr td {
 padding-bottom: 3px;
 border-bottom: 5px solid #FFFFFF;
}

table.coloredRows tr.startGroup th, table.coloredRows tr.startGroup td {
 padding-top: 9px !important;
 background-image: url(/images/FEB/bkgr/white_10x5.gif);
 background-repeat: repeat-x; /* no-repeat */
 background-position: left top;
}

table.coloredRows tr.endGroup th, table.coloredRows tr.endGroup td {
 padding-bottom: 8px !important;
 background-image: url(/images/FEB/bkgr/white_10x5.gif);
 background-repeat: repeat-x;
 background-position: left bottom;
}


/*
* Sondertabelle OSC Uebersicht "das Wichtigste":
*/

table.OSCdasWichtigste th, table.OSCdasWichtigste td {
  border-bottom: 1px dashed #CCCCCC;
  /* border-right: 1px solid #CCCCCC; */
  text-align: left;
  vertical-align: top;
  padding-top: 8px;
  padding-left: 6px;
  padding-bottom: 8px;
  /* margin-bottom: 10px; */
}

table.OSCdasWichtigste th {
  width: 121px;
  font-weight: 800;
}

table.OSCdasWichtigste td {
}

table.OSCdasWichtigste {
 width : 657px; /* ##### TODO ? */
  /* inverser Farbverlauf - oben dunkel, unten hell */
  background-color: #FBF9F3;
  background-image: url(/images/FEB/bkgr/bgGradUSD01.gif);
  background-position: top left;
  background-repeat: repeat-x;
}

div.InfoAdjacent table.OSCdasWichtigste {
 width : 421px;
}

/*
* Sondertabelle fuer Formulare mit Fehlerkennzeichnung:
*/

table.extraFormEM th, table.extraFormEM td {
  text-align: left;
  vertical-align: top;
  padding-bottom: 3px;
}

table.extraFormEM th {
  width: 130px; /* war 115*/
  font-weight: 800;
/*   padding-left: 6px; */
  padding-right: 0px;
  padding-top: 5px;
}

table.extraFormEM th.oam_header {
  width: 140px;
}

table.extraFormEM td {
  padding-left: 0px;
  padding-right: 4px;
  padding-top: 2px;
}

div.HeaderExtraForm {
 width : 678px; /* ##### TODO ? */
}

table.extraFormEM {
 width : 656px;
}

table.TableOAM {
    width: 530px;
}

div.InfoAdjacent table.extraFormEM,
div.InfoAdjacent div.HeaderExtraForm {
 width : 421px;
}

div.HeaderExtraForm {
 display: none; /* EINBLENDEN mit ... block; */
 float: none;
 padding-top: 5px;
 padding-bottom: 14px;
 text-align: center;
 color: #FFFFFF;
 font-weight: 800;
}

.bgExtraForm {
  /* analoger Farbverlauf - oben hell, unten dunkel */
  background-color: #FBF9F3;
  background-image: url(/images/FEB/bkgr/bgGradNORM01.gif);
  background-position: bottom left;
  background-repeat: repeat-x;
}

div.bgHeaderExtraFormError {
   background: url(/images/FEB/bkgr/bgHeaderFormError.gif) no-repeat 6px top transparent;
   background-position:left;
 }

div.bgHeaderExtraFormErrorOAM {
   background: url(/images/FEB/bkgr/bgHeaderFormErrorOAM.gif) no-repeat 6px top transparent;
   width: 458px;
   background-position:left;
}

/*
* Header Buchstaben-Auswahl:
*/

div.BuchstabenAuswahl {
 /* zusammen mit .UebersichtCategContent verwenden! */
 padding-top: 20px;
}
div.BuchstabenAuswahl a {
 display: block;
 float: left;
 /* width: 18px; */
 /* background-color: #00CCCC; */
}

/* Fehlerrahmen um Inputs: */

input.wFrame, textarea.wFrame, select.wFrame,
input.wChBxFrame { /* .wChBxFrame für Checkboxen */
 border: 1px solid #A9ABAC;
 background-color: #FFFFFF;
 padding-left: 2px;
 margin-bottom: 1px;
 margin-top: 1px;
 padding-right: 2px;
}
input.wChBxFrame {
 height: 14px;
 width: 14px;
 border: 1px solid #A9ABAC;
 background-color: #A9ABAC;
}

select.wFrame {
 padding-left: 0px;
}


span.FrameOnInput, td.FrameOnInput {
 font-size: 17px;
 padding: 1px;
 padding-top: 1px;
 /* border: 1px solid #CCCCCC; */
 margin: 1px;
}

span.FrameOnSelect {
    font-size: 17px;
    padding: 0px;
    margin: 1px;
}

div.FrameOnInput {
 font-size: 17px;
 padding: 1px;
 padding-top: 1px;
 /* border: 1px solid #CCCCCC; */
 margin: 1px;
 float: left;
 clear: right;
}

span.FrameOnRadio {
 padding-bottom: 2px;
}

span.FrameOnRadio input {
  padding: 0px;
  margin: 0px;
  vertical-align: middle;
  width: 11px;
  height: 11px;
}

span.inputError, td.inputError {
 border: 1px solid #CB4A3C;
 margin: 0px;
}

div.inputError {
 border: 1px solid #CB4A3C;
 margin: 0px;
}

div.w270 {
 width: 270px;
}

div.p0 {
 padding:0px;
}

div.mt31 {
 margin-top:31px;
}

span.p0 {
 padding:0px;
}

input.ml0 {
 margin-left:0px;
}

span.radioError {
 /* bgRingErrorRadio.gif */
 background: url(/images/FEB/bkgr/bgRingErrorRadio.gif) no-repeat left top transparent;
}

/**
* 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;
}



/* Bereich mit kleinen Schriftarten */

div.SmallFonts, div.SmallFonts p, div.SmallFonts td {
  font-family: 'Arial Unicode MS', Arial, 'Nimbus Sans L', Helvetica, sans-serif;
  font-size: 10px;
  line-height: 110%;
}

div.SmallFonts h2, div.SmallFonts .h2 {
/*
  font-family: 'Arial Unicode MS', Arial, 'Nimbus Sans L', Helvetica, sans-serif;
*/
  font-size: 12px;
  margin-bottom: 1px;
}

div.SmallFonts h3, div.SmallFonts .h3,
div.SmallFonts h4, div.SmallFonts .h4 {
  font-family: 'Arial Unicode MS', Arial, 'Nimbus Sans L', Helvetica, sans-serif;
  font-size: 10px;
  color: #333333;
  margin-bottom: 1px;
}

div.SmallFonts ul.liBars {
  margin-top: 30px; /* #TODO */
}

div.SmallFonts ul.liBars li { /* auch MSIE-Extra !! */
  padding-top: 3px;
  padding-bottom: 3px;
  margin-top: -13px;
  margin-bottom: 16px;
}

div.SmallFonts ul.liBars li a.full:link,
div.SmallFonts ul.liBars li a.full:visited,
div.SmallFonts ul.liBars li a.full:active,
div.SmallFonts ul.liBars li a.full:hover,
div.SmallFonts ul.liBars li a.full:visited:hover {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
}

#ContainerContent ul.liMultiline_bull img {
  margin-top: -1px;
  margin-left: 1px;
  margin-right: 8px;
}

/* ---- 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;
}

/* ---- Besonderheiten ---- */

.wh {
 color: #ffffff;
}
h1.wh {
   margin-bottom: 0px;
   margin-top:0px;
   font-size:15px;
   font-weight:800px;
}
.wh a:link,.wh a:active,
.wh a:visited  {
    color: #ffffff;
    text-decoration:underline;
    font-size:11px;
}
.wh a:hover,.wh a:visited:hover  {
    color: #ffffff;
/*     text-decoration:none; */
    text-decoration: underline;
    font-size:11px;
}

img.StudienhandbuchSpacer {
    width:26px;
    height: 0px;
    border: 0px none;
}

input.StudienhandbuchSpacer2{
    margin-right:5px;
}

span.FormularText {
    color: #666666;
    font-size: 12px;
    font-weight: 800;
    font-style: normal;
}

.displayNone {
    display:none;
}

/* Wunderweib */
.InfoPlain h1.htopten {
  margin-top:56px;
  margin-left:-4px;
  font-size: 12px;
  font-weight: 600;
  color:#F77332;
  
}.InfoPlain p.ptopten {
  font-size: 10px;
  color: #666666;
}
.InfoPlain ol.oltopten {
  font-size: 10px;
  color: #666666;
  margin-left:-25px;
}
.InfoPlain ol.oltopten a {
  font-size: 10px;
  color: #666666;
  line-height:15px;
/*  text-decoration:none; */
}
