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


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

/**
 * Headings
 */
h1,
h2,
h3,
h4
{
  color:                          #336699;
}

h2.index
{
  color:                          #003366;
}


/**
 * Inline elements
 */
a
{
  color:                          #6699CC;
}

a.termine:hover
{
  color:                          #336699;
  text-decoration:                underline;
}


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

a[href]
{
  color:                          #6699CC;
}

strong
{
  color:                          #336699;
}

abbr:hover
{
  color:                          #336699;
}


/**
 * Custom inline elements
 */
input.textButton,
a.textButton
{
  color:                          #6699CC;
}

.separator
{
  color:                          #003366;
}



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

#permNav,
#permNav a
{
  color:                          #6699CC;
}

#permNav .separator
{
  color:                          black;
}


p.intro
{
  color:                          #6699CC;
}


/**
 * 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:               #003366;
  color:                          white;
}

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

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

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


/**
 * JS menu
 */
div.jsMenu
{
  background:                     #003366;
  border-top-color:               #0066FF;
}

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

div.jsMenu a:hover
{
  color:                          #6699CC;
}


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


/**
 * Footer
 */
#footer
{
  color:                          #6699CC;
}

#footer a,
#footer strong
{
  color:                          #6699CC;
}


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

table.addressList caption
{
  color:                          #336699;
}

table.addressList h2
{
  color:                          #336699;
}

table.dataSheet caption
{
  color:                          #336699;
}

strong
{
  color:                          #336699;
}


/**
 * ZOW specific styles
 */

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

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



table.list tr.topTen
{
  background-color:               #E4E3E3;
}

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

.contactForm th
{
  color:                          #003366;
}

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

ul.inline li {
  display               : inline;
}

ul.abstand
{
  padding               : 0px 0px 0px 0px;
  margin                : 0px 0px 1em 20px;

}

ul.abstand li
{
  margin                : 0px 0px 0.25em 0px;
}

ul.dicht
{
  padding               : 0px 0px 0px 0px;
  margin                : 0px 0px 0.25em 20px;

}


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


.featureBox_m
{
  background-image:               url(img/bg.featurebox_m.gif);
  background-position:            0px 44px;
  background-repeat:              no-repeat;
  margin-bottom:                  2em;
  padding:                        0px 0px 0px 0px;
  width:                          151px;
  height:                         144px;
}


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


.featureBox_m .content
{
  background-image:               url(img/bg.featurebox.bottom_m.gif);
  background-position:            bottom;
  background-repeat:              no-repeat;
  color:                          #333333;
  padding:                        0px 7px 12px 7px;
}