/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- Body
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */
 
body.print 
	{ 
	background-color:#fff; 
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- [WAI] ZMSLinkContainer
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */

div.ZMSLinkContainer
	{
	background-color: #EEEEEE;
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- [WAI] ZMSFile
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */

div.ZMSFile div.title a:link,
div.ZMSFile div.title a:visited,
div.ZMSFile div.title
	{
	font-weight:bold;
	font-size:x-small;
	text-decoration:none;
	color:black;
	}

div.ZMSFile div.text
	{
	font-size:xx-small;
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- [WAI] ZMSLinkElement
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */

div.ZMSLinkElement
	{
	background-color: #EEEEEE;
	padding: 2px;
	}

div.ZMSLinkElement div.title a:link,
div.ZMSLinkElement div.title a:visited,
div.ZMSLinkElement div.title
	{
	font-weight:bold;
	font-size:x-small;
	text-decoration:none;
	color:black;
	}

div.ZMSLinkElement div.text
	{
	font-size:xx-small;
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- [WAI] ZMSGraphic
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */

div.ZMSGraphic 
	{ 
	background-color:transparent; 
	margin: 4px;
	}

div.ZMSGraphic.left 
	{
	text-align:left;
	}
	
div.ZMSGraphic.right 
	{
	text-align:right;
	}

div.ZMSGraphic.center 
	{
	text-align:center;
	}

div.ZMSGraphic.floatleft
	{ 
	float:left;
	}

div.ZMSGraphic.floatright
	{ 
	float:right;
	}

div.ZMSGraphic.center
	{ 
	text-align:center;
	}

div.graphic.alignleft
	{
	float:left;
	text-align:right;
	}
	
div.graphic.alignright
	{
	float:right;
	text-align:right;
	}
	
div.ZMSGraphic div.text
	{
	padding: 4px;
	}
	
a.zoom img.zoom
	{
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/zoom.gif);
	}

a.download img.download
	{
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/download.gif);
	}

a.superzoom img.superzoom
	{
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/superzoom.gif);
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- [WAI] ZMSTables
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */

table.ZMSTable th 
	{ 
	background-color:#DDEFFC; 
	}
	
table.ZMSTable td { 
	background-color:#EEEEEE; 
	}

body.print table.ZMSTable th, 
body.print table.ZMSTable td
	{ 
	background-color:transparent; 
	}	

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- [WAI] ZMSTeaser
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */

div#teaser
	{
	width:150px;
	font-size:x-small;
	}

div.ZMSTeaserContainer
	{
	padding:1px;
	margin-bottom:10px;
	}

div.ZMSTeaserElement
	{

	}

div.ZMSTeaserElement img.title
	{
	border: none;
	}

div.ZMSTeaserElement div.title a:link,
div.ZMSTeaserElement div.title a:visited,
div.ZMSTeaserElement div.title
	{
	font-weight:bold;
	text-decoration:none;
	color:black;
	padding: 2px;
	display: block;
	}

div.ZMSTeaserElement div.text a:link,
div.ZMSTeaserElement div.text a:visited,
div.ZMSTeaserElement div.text
	{
	}

.kurs {
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 2px dotted #FFA73F;
    color: #000;
}

.kursTitel {
    margin-bottom: 5px;
    /*border-bottom: 2px solid #FFA73F;
    background-color: #B9D1DE;*/
    font-size: 1.1em;
    font-weight: bold;
    color: #000;
}

.kursDatum {
    margin-left: 40px;
    font-weight: bold;
}

.kursDozent {
    margin-left: 30px;
}

.kursOrt {
    margin-left: 30px;
}

.kursGebuehr {
    margin-top: 20px;
    margin-left: 30px;
}
.kursDetailLeiste {
    margin-bottom: 2px;
    color: #000;
    display: block;
}
.kursDetailLeiste a {
    margin-right: 10px;
}
.kursInfoMenu {
    display: none;
    margin-left: 30px;
    margin-right: 40px;
    background-color: #ECF3F7;
}
.kursInfo {
    margin-left: 30px;
    margin-right: 40px;
    margin-bottom: 2px;
    background-color: #ECF3F7;
    display:none;
}
.kursInfoTabColumn1  {
    border-right:  1px solid #B2C3CE;
    padding: 4px;
    vertical-align:top;
}
.kursInfoTabColumn2  {
    padding: 4px;
    vertical-align:top;
}/* BO Kurse einzelnd */
.kurseEinzelnd td {
  vertical-align: top;
  padding: 2px
}


/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- [WAI] Misc
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */

div.ZMSObject.new, div.ZMSObject.modified {
  border: 2px dashed blue;
  background-color: #F0F0FF;
} 
div.ZMSObject.deleted {
  border: 2px dashed red;
  background-color: #FFF0F0;
  color: red;
  text-decoration: line-through;
} 

span.unicode { 
  font-family:"Arial Unicode MS", Arial, Helvetica, sans-serif; 
}

span.highlight { 
  background-color: yellow;
  color: red;
  font-weight: bold;
  border: 1px dashed blue; 
}


/**************************************/
/* (c) 2006 SNTL publishing           */
/* Author: Dr. F. Hoffmann            */
/* last change: 2006/09/23            */
/* Modifies YAML for ZMS              */
/**************************************/

/**************************************/
/* 1. CSS-Modul: COLORS               */
/**************************************/
.neutralColorTrans {background-color: transparent}
.neutralColorWhite {background-color: #fff}
.neutralColorLight {background-color: #e8e8e8}
.neutralColorMedium {background-color: #ccc}
.neutralColorStrong {background-color: #999}
.neutralColorBlack  {background-color: #000}
.teaserColor {background-color: #B8CB00;}
.secondColorStrong {background-color: #aaa;}
.secondColorMedium {background-color: #ddd;}
.secondColorLight {background-color: #eee;}
.primColorStrong {background-color: #00CC66;}
.primColorMedium {background-color: #B0C3DE;}
.primColorLight {background-color: #DCE0EA;}


/**************************************/
/* 10. ZMI Management Interface       */
/**************************************/

.cmsTxtColorStrong0 { color: #436976; }
.cmsTxtColorStrong1 { color: #666666; }
.cmsBgColorStrong0  { background-color: #8CABB9; }
.cmsBgColorStrong1  { background-color: #CCCCCC; }
.cmsBgColorMedium0  { background-color: #DDE6EC; }
.cmsBgColorLight0   { background-color: #FFFFFF; }
div.ZMSTable table th { background-color:#DDEFFC; }
div.ZMSTable table td { background-color:#EEEEEE; }

.zmiTableRowEven {background-color:#eee;}
.zmiTableRowOdd {background-color:#ccc;}

.form-submit { font-size:12px; }

body.zmi h1, body.zmi h2, body.zmi h3, body.zmi h4, 
body.zmi h5, body.zmi h6  {
    font-weight:bold;
    font-size:15px;
    line-height:19px;

} 
body.zmi p, body.zmi li, body.zmi blockquote  {
    font-size:12px;
    line-height:15px;
} 
body {
        font-family: Verdana,Helvetica,Arial,sans-serif;
        background:#fdcd20 none repeat scroll 0% 0%;
        padding:10px;
        min-height:101%;
        position:relative;
        text-align:left;
        color: #000;
        font-size: 62.5%;
        max-width: 1024px;
        margin: auto;
}

#page_margins {
    border:1px solid #888899;
    margin:auto;
    max-width:100em;
    min-width: 800px;
}
#footer {
background:#D3D4E8;
border-top:1px solid #DDDDDD;
color:#888888;
line-height:1em;
margin:0pt 0em;
padding:1em 0pt;
text-align:center;
}

/* ######################################################################################################
** # YAML KORREKTUR (c) 2006 SNTL Publishing #############################
** ######################################################################################################
*/ 

#web #xxl {
  display: none;
}
#web.xxl {
  width: 1250px;
}
#web.xxl #xxs {
  display: none;
}
#web.xxl #xxl {
  display: block;
}
#web #ztc_head_image {
    margin: 0 -1.2em 0 -1em;
    background-color: #ECF3F7; 
    text-align: center;
}
.description {
font-weight:bold;
color:#666;
}

body.neutralColorBlack{
margin:2px;
padding:0px;
}

body.neutralColorBlack table {
table-layout:auto;
margin:0px;
padding:0px;
border-collapse:separate;
width:auto;
}

#main a[href^="http:"], #main a[href^="https:"] {
padding-left: 0px;
background-image: none;
}


/*
**  YAML Version: 2.5.1
**  Dateiversion: 27.08.06  
**  Datei       : nav_vlist.css
**
*/

#Micronavigation {
    padding: 3px 0 3px 42px;
    border: 0 solid transparent;
}
#Micronavigation, #Micronavigation a, #Micronavigation a:hover {
    background-color: #ECF3F7;
    color: #467798;
    font-size: 10px;
}
#Micronavigation a:hover {
    background-color: transparent;
    text-decoration: underline;
}

@media all
{
/* ######################################################################################################
** ### Vertikale Listennavigation #######################################################################
** ######################################################################################################
*/

    ul.submenu { 
        width: 100%; 
        /*overflow: hidden;*/
        margin: 0 0 1.4em 0em;
        padding: 0 0 0 0px;
        list-style-type: square;
    }
    ul.submenu li a { 
        display:block;
        text-decoration: none;
        color: #000;
        width: 100%; 
        padding: 0;
        line-height: 1.5em;
        border-bottom: 1px solid #DDDDDD;
    }
    ul.submenu a span { 
        font-size: 100%;
        color: #000; 
    }
    ul.submenu li {
    /* neutralize YAML */
        display:block;
        width: 100%; 
        margin:0; 
        padding: 2px 0 0 0;
        line-height: 1.5em;
        background-color: #fff;
    }
    .submenuLi {
        position: relative;
        z-index: 1;
    }
    .submenu li span {
    /* neutralize YAML */
        display:block;
        padding: 0 0 0 10px; 
        background-color:transparent; 
        border-bottom: 0;
    }
    ul.submenu a:hover span { 
        background-color:transparent; 
        color: #3C5F77; 
                font-size: 100%; 
        font-weight:bold;
    }
    ul.submenu li a span { 
        display:block;
        border: 0;
        margin:0;
        padding:1px 0 1px 13px;
        cursor:pointer;
        color: #000;
    }
    ul.submenu ul li a span {}
    ul.submenu li a.active span { 
        font-weight:normal;
    }
    ul.submenu ul {
        border:1px dotted #75A1C0;
        display:none;
        left: 100%;
        margin:-23px 0pt 0pt;
        padding:0pt;
        position:absolute;
        width:206px;
        z-index: 209;
    }
    ul.submenu li.hover ul {
        display: block;
    }
    ul.submenu li ul li {
        margin:0;
        padding:0;
    }
    ul.submenu li ul li a {
        width:100%; 
        margin:0;
        padding: 0.1em 0 0.2em 0;
    }
    ul.submenu li ul li a span {
        margin:0;
        padding:0 0 0 10px;
    }
    ul.submenu li ul li ul li a span {
        padding:0em 0em 0em 2.5em;
    }
    ul.submenu li ul li ul li ul li a span {
        padding:0em 0em 0em 3.7em;
    }
    ul.submenu li ul li ul li ul li ul li a span {
        padding:0em 0em 0em 5.0em;
    }

/* ######################################################################################################
** ### Layout // TEASER #######################################################################
** ######################################################################################################
*/

/* Mittlere Spalte */
    #col3 { margin-right: 250px; border-left: 2px dotted #DDD; border-right: 2px dotted #DDD}
    #col3_content { margin: 0 2em 0; position: relative; z-index: 1; }
/* Rechte Spalte */
    #col2 { width: 250px; }
    #col2_content { margin-left: 1.2em; margin-right: 1.2em; }
    #col1_content { padding-left: 1em}
    form input#raw {
        display:block;
        float:left;
    }
    form input#btnSearch {
        line-height: 1.1em;
        padding: 1px 2px;
        border: #467798 solid 1px;
        border-left: 0;
        background-color: #8BBDDF;
        color: #08598F;
    }
    form input.fabianTextInput,
    form select.fabianTextInput{
        width: 150px;
        /*height: 12px;*/
        margin: 0;
        padding: 3px;
        border: #467798 solid 1px;
        line-height:1.1em;
        font-size: 1em;
    }
    form input.fabianContactFormInput {
        width: 268px;
        margin: 5px 0;
        border: #467798 solid 1px;
        line-height:1.1em;
        font-size: 1em;
    }
    form#kursanmeldung table {width: 98%}
	form#kursanmeldung td {
		padding: 5px;
	}
    form#kursanmeldung input.fabianTextInput {
                width:100%;
        }
    div#teaser {
        text-align:left;
        margin:3em 0.2em;
        padding:0px;
        border:0px;
    }
    div#teaser div.ZMSTeaserContainer,
    div#teaser div.ZMSTeaserElement,
    div#teaser div.ZMSTeaserElement div.graphic, 
    div#teaser div.ZMSTeaserElement div.title,
    div#teaser div.ZMSTeaserElement div.title a,
    div#teaser div.ZMSTeaserElement div.text,
    div#teaser div.ZMSTeaserElement div.text a  {
        float:none;
        clear:both;
        margin:0em;
        padding:0px;
        border:0px;
    }
    div#teaser div.ZMSTeaserContainer {
        padding:1px;
        width:210px;
    }
    div#teaser div.ZMSTeaserElement div.graphic,
    div#teaser div.ZMSTeaserElement div.text,
    div#teaser div.ZMSTeaserElement div.title {
        padding:3px;
    }

#main .space {
    line-height: 5px;
}
#Search .head, .submenu li.head {
    background-color: #fff;
    color: #000;
    padding: 0 0 2px 10px;
    font-size: 11pt;
    font-weight: bold;
    list-style-type: none;
}
#Search form{
    margin: 10px;
}
#Search input#raw {
}
#Search #advSearch {
  font-size: 10px; 
  color: #467798; 
  background: url(http://www.fbw-duisburg.de/instance/css/common/detailsuche.gif) no-repeat;
  line-height: 1.3em; 
  margin-top: -1px;
  padding-left: 3px;
}

#header {
  width: 100%;
  z-index: 100;
}
#header ul, #header li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#header a, #header a:hover, #header a:visited, 
#header a:link, #header a:active {
    text-decoration: none;
    /*display: block;*/
    font-size: 10px;
    float: left;
    margin-left: 1%;
    background: transparent;
}

#header #metaImgContainer {
    float: right;
    height: 155px;
    background-color: #fff;
}

#header #metaLogo {
    left: 10px;
    position: absolute;
    z-index: 2;
    height: 155px;
    background-color: #fff;
}

#header #metaImgWrapper {
    float: right;
}
/* m1 */
#header ul#menuTop1 {
    right: 0;
}
#header #menuTop1 li {
    background-color: #B80912;
    float: left;
    border: solid 1px #9A0B10;
    background-color: #D2161F;
    border-top-width: 0;
    border-right-width: 0;
    padding: 3px 7px;
}
#header #menuTop1 a:hover {
    text-decoration: underline;
} 

#footer a { color: #000; font-size: 8pt; font-weight: bold; margin: 0px; }

/* m2 */


#topnav2{
  background:transparent none repeat scroll 0% 0%;
  color:#000000;
  /*width:590px;*/
  margin: 0 0 0 1em;
  /*padding-bottom: 10px;*/
  z-index:222;
  text-align: right; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
  position: relative;
}

#topnav2 li a {
color: #000;
font-size:0.8em;
text-decoration:none;
border: solid 1px white;
}

ul#menuTop2 a, ul#dozmenu a {
  display: block;
  padding: 0px 4px;
  border: solid 1px white;
}
ul#menuTop2 a:hover, ul#dozmenu a:hover {
  background: #F0F0F0;
  text-decoration:none;
}
ul#menuTop2 ul a, ul#dozmenu ul a {
  display: block;
  padding: 0 7px 0 20px;
}
ul#menuTop2, ul#dozmenu {
    height: 2em;
    padding: 0 0 0 1em;
}
ul#dozmenu {
    top: 0;
    z-index: 99;
    padding: 0 0 0 1em;
    margin-left: 0;
    margin-bottom: 0;
    height: 2em;
}
ul#menuTop2 li, ul#dozmenu li {
    background-color: #fff;
    float:left;
    list-style:none;
    margin-left:0pt;
    margin-right:0.5em;
    z-index: 100;
}

#header ul#menuTop2 li.last, #header ul#dozmenu li.last {
    border-bottom-width: 1px;
}
ul#menuTop2 ul, ul#dozmenu ul {
    position: absolute;
    display: none;
    margin-left: -1px;
    z-index: 100;
    background: rgb(204,204,204);
}
.hover, li.hover ul, ul#menuTop2 li:hover ul, ul#dozmenu li:hover ul {
    display:block;
    z-index: 100;
}
ul#menuTop2 ul li, ul#dozmenu ul li {
    clear: left;
    float: none;
    width: 160px;
    text-align: left;
    border: solid 1px #75090D;
    /*border-bottom: solid 1px #cccccc;*/
    border-bottom: 0;
    border-top: 0;
    z-index: 196;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
}
ul#menuTop2 ul li a, ul#dozmenu ul li a {
    color: #000;
    background-color: #F8F3F3;
}
ul#menuTop2 li ul li:hover, ul#menuTop2 li ul:hover{ display: block}
ul#menuTop2 ul li:hover a, ul#menuTop2 ul li a:hover, ul#dozmenu ul li:hover a, ul#dozmenu ul li a:hover {
    color: #000;
    background:  #F0F0F0;
    display: block;
}
ul#menuTop2 ul li.last, ul#dozmenu ul li.last {
    border-bottom: 1px solid #75090D;
}
ul#menuDozenten {
    margin-top: 50px;
    list-style-type: square;
}

}

button.sbmtBtn {
  border: 1px solid #DF242B;
  border-top-color: #FC9;
  border-left-color: #FC9;
  background-color:#ddd;
  padding:0px 2px 0px 2px;
}



button.sbmtBtn:hover {
   border-color: #F00 #C30 #C30 #F00;
}


fieldset.form {
  width: 400px;
  padding: 6px;
  border:1px solid #DF242B;
}
fieldset.form legend{
  padding: 2px;
}
fieldset.form input{
  padding: 2px;
  border:1px solid #DF242B;
}

form.sep {
  margin-top:1.5em;
}

fieldset.form div.p {
  width:100px;
  height:1.5em;
}

fieldset.form div.form {
  width:100px;
}
#DozentenKurse,#DozentenKurse td {
 
 font-size:10px;
 border-spacing:2px;
 border:1px #75A1C0 solid;
 padding:3px;
 
 
}
#DozentenKurse .row_color_True {
 background-color:#ddd;
 border-spacing:5px;
 border:1px #75A1C0 solid;
}
#DozentenKurse .table_header {
 background-color:#75A1C0;
 font-size:11px;
 font-weight:bold;
 color:#fff;
 
}
#DozentenKurse .table_header th{
 padding:3px;
}


#DozentenHonorare, #DozentenHonorare td {
 
 font-size:10px;
 border-spacing:2px;
 border:1px #75A1C0 solid;
 padding:3px;
 
 
}
#DozentenHonorare .row_color_True {
 background-color:#ddd;
 border-spacing:5px;
 border:1px #75A1C0 solid;
}
#DozentenHonorare .table_header {
 background-color:#75A1C0;
 font-size:11px;
 font-weight:bold;
 color:#fff;
 
}
#DozentenHonorare .table_header th{
 padding:3px;
}

.KursMerker, .KursMerker td,.KursMerker th {
 
 font-size:11px;
 vertical-align:top;
 padding:3px;
 
}
.kursDatum {
font-weight:bold;
margin-left:15px;font-size:12px;
}
.kurs {
color:#000000;
margin-bottom:20px;
margin-top:10px;border-bottom:0;
}

#searchresult {
      width: 220%;
      height:250px;
      z-index:1;
      background-color:#ddf; 
      display:none;
      border: 2px solid #DF252B;
      position:absolute;
      left: 105%;
      top: 100px;
}
#searchfield {
width:180px;
background:#fff;
margin:5px 10px 0px 10px;
border:1px #75A1C0 solid;
}


ul#submenuAktuell { 
        width: 100%; 
        overflow: hidden;
        margin: 0 0 1.4em 0em;
        padding: 0 0 0 0px;
        list-style-type: disc;
    }
    ul#submenuAktuell li a { 
        display:block;
        text-decoration: none;
        width: 100%;
        padding: 0;
    }
    ul#submenuAktuell a span { 
                font-size: 10.5px;
                color:#888899; 
    }
#submenuAktuell li.head {
    background-color: #fff;
    color: #000;
    font-size: 11pt;
    font-weight: bold;
    list-style-type: none;
    margin-left:5px;
    margin-bottom:8px;
}
ul#submenuAktuell a:hover span { 
        background-color:transparent; 
        color: #3C5F77; 
               }
ul#submenuAktuell li {
margin-bottom:8px;
}

img.fabianTopGraphic {
    text-align: right;
    margin-left: 5px;