body
{
  background-color:               white;
  color:                          #333333;
}


/**
 * Form elements
 */
input,
select,
optgroup,
option,
textarea
{
  color:                          #333333;
}

/**
 * Headings
 */

h1,
h2,
h3,
h4
{
  color:                          #FF3300;
}

h1.index,
h2.index
{
  color:                          #333333;
}


/**
 * Inline elements
 */
a
{
  color:                          #FE9900;
}

a[name],
a[name]:hover
{
  color:                          #FE9900;
}

a[href]
{
  color:                          #FE9900;
}

strong
{
  color:                          #999999;
}

abbr:hover
{
  color:                          #FF9933;
}


/**
 * Custom inline elements
 */
input.textButton,
a.textButton
{
  color:                          #FE9900;
  background-image:               url(img/bg.arrow.blue.gif);
}

.separator
{
  color:                          #333333;
}



/**
 * Header
 */
#header
{
  background-color:               #999999;
}

#permNav,
#permNav a
{
  color:                          #F7F7F7;
}

#permNav .separator
{
  color:                          #FFFFFF;
}


p.intro
{
  color:                          #999999;
}


/**
 * Mainmenu
 */

#mainmenu a,
#mainmenu a.selected
{
  border-bottom-style:            solid;
  border-bottom-width:            4px;
  display:                        block;
  float:                          left;
  margin:                         0px 40px 0px 0px;
  padding:                        2px 0px 4px 0px;
  text-decoration:                none;
}

#mainmenu
{
  background-color:               #EF4001;
  color:                          white;
}

#mainmenu a
{
  border-bottom-color:            transparent;
  color:                          white;
}

#mainmenu a.selected,
#mainmenu a:hover
{
  border-bottom-color:            #666666;
}

/**
 * Submenu
 */
#leftCol li a,
#leftCol li a:hover
{
  color:                          #F7F7F7;
}


/**
 * JS menu
 */
div.jsMenu
{
  background:                     #EF4001;
  border-top-color:               #666666;
}

div.jsMenu a:link,
div.jsMenu a:active,
div.jsMenu a:visited
{
  color:                          white;
}

div.jsMenu a:hover
{
  color:                          #CDCDCD;
}


/**
 * News items
 */
.newsItem p
{
  color:                          #333333;
}


/**
 * Footer
 */
#footer
{
  color:                          #666666;
}

#footer a,
#footer strong
{
  color:                          #666666;
}


.pagingBar
{
  border-top:                     #003366 solid 1px;
  border-bottom:                  #003366 solid 1px;
}


table.addressList caption
{
  color:                          #336699;
}

table.addressList h2
{
  color:                          #336699;
}


/*E3S spezifisch*/

table.programme
{
  margin-bottom:                  1em;
  margin-top:                     1.5em;
}

table.programme th
{
  border-bottom:                  #999999 solid 1px;
  padding:                        1px 30px 1px 2px;
  vertical-align:                 bottom;
}

table.programme td
{
  border-bottom:                  #CCCCCC solid 1px;
  padding:                        1px 20px 1px 2px;
  text-align:                     right;
}


table.programme td.date
{
  padding:                        1px 30px 1px 2px;
  text-align:                     right;
  white-space:                    nowrap;
}


table.programme td.topic,
table.programme td.location
{
  text-align:                     left;
}

table.programme td.location
{
padding-right:                    2px;
}




/**
 * ZOW specific styles
 */
table.list tr.topTen
{
  background-color:               #E4E3E3;
}

table.list tr.topTen a
{
  font-weight:                    bold;
  color:                          #336699;
}

.contactForm th
{
  color:                          #333333;
}

.inline {
  display               : inline;
  padding               : 0px 0px 0px 0px;
  margin                : 0px 0px 1em 0px;
  list-style-type       : none;
}

ul.inline li {
  display               : inline;
}

table.termine
{
  margin-bottom:                  1em;
}

table.termine th
{
  border-bottom:                  #999999 solid 1px;
  padding:                        1px 20px 1px 2px;
  vertical-align:                 bottom;
}

table.termine td
{
  border-bottom:                  #CCCCCC solid 1px;
  padding:                        1px 20px 1px 2px;
}

table.termine th.lastCol,
table.termine td.lastCol
{
  padding-right:                  2px;
}

table.termine tr.gelb
{
 background-color:                #FEF8E0;
}

table.termine tr.blau
{
 background-color:                #F4F4F4;
}

table.termine a
{
  color:                          #333333;
  text-decoration:                none;
}



/**
 * Hallenpläne - Farbfelder
 */
div#halle19
{
  background-color:     #D3A2CB;
  float:                left;
  margin:               1em 5px 1.5em 0px;
  width:                20px;
  height:               20px;
}

div#halle20
{
  background-color:     #FDAE15;
  float:                left;
  margin:               1em 5px 1.5em 0px;
  width:                20px;
  height:               20px;
}

div#halle21
{
  background-color:     #EF3B41;
  float:                left;
  margin:               1em 5px 1.5em 0px;
  width:                20px;
  height:               20px;
}

div#halle22_1
{
  background-color:     #2EB457;
  float:                left;
  margin:               1em 5px 1em 0px;
  width:                20px;
  height:               20px;
}

div#halle22_2
{
  background-color:     #C6E4C5;
  float:                left;
  margin:               1em 5px 1em 0px;
  width:                20px;
  height:               20px;
}


div#halle23
{
  background-color:     #1F6FAC;
  float:                left;
  margin:               1em 5px 1em 0px;
  width:                20px;
  height:               20px;
}


div#halle19einzeln
{
  background-color:     #FFAACC;
  float:                left;
  margin:               1em 5px 1.5em 0px;
  width:                20px;
  height:               20px;
}

div#halle20einzeln
{
  background-color:     #FFAA33;
  float:                left;
  margin:               1em 5px 1.5em 0px;
  width:                20px;
  height:               20px;
}

div#halle21einzeln
{
  background-color:     #FF0000;
  float:                left;
  margin:               1em 5px 1.5em 0px;
  width:                20px;
  height:               20px;
}

div#halle22_1einzeln
{
  background-color:     #00AB00;
  float:                left;
  margin:               1em 5px 1em 0px;
  width:                20px;
  height:               20px;
}

div#halle22_2einzeln
{
  background-color:     #CBFF9A;
  float:                left;
  margin:               1em 5px 1em 0px;
  width:                20px;
  height:               20px;
}


div#halle23einzeln
{
  background-color:     #CCCCFF;
  float:                left;
  margin:               1em 5px 1em 0px;
  width:                20px;
  height:               20px;
}



/**
  * Farbfelder - Legende
  */

div.legende
{
  float:                left;
  width:                140px;
  margin:               1em 5px 1.5em 0px;
}

/**
 * Feature box - gelb
 */
.featureBox_gelb
{
  background-image:               url(img/bg.featurebox_gelb.gif);
  background-repeat:              repeat-y;
  margin-bottom:                  19px;
  width:                          151px;
}

.featureBox_gelb h2
{
  background-image:               url(img/bg.featurebox.top_gelb.gif);
  background-position:            top;
  background-repeat:              no-repeat;
  font-size:                      1.2em;
  margin-top:                     0px;
  margin-bottom:                  .75em;
  padding:                        13px 7px 0px 7px;
  width:                          137px;
}

.featureBox_gelb .content
{
  background-image:               url(img/bg.featurebox.bottom_gelb.gif);
  background-position:            bottom;
  background-repeat:              no-repeat;
  padding:                        0px 7px 10px 7px;