html
{
  height:                             100%;
  margin:                             0px;
  padding:                            0px;
}

body
{
  background-color:                   white;
  color:                              #666666;
  font-family:                        verdana, arial, helvetica, sans-serif;
  font-size:                          12px;
  margin:                             0px;
  padding:                            0px;
}

#head,
#navigation,
#teaser,
#body,
#footer
{
  border-left:                        #CCCCCC solid 1px;
  border-right:                       #CCCCCC solid 1px;
  margin-top:                         0px;
  margin-right:                       auto;
  margin-bottom:                      0px;
  margin-left:                        auto;
  width:                              778px;
}


/**
 * block level
 */
h1
{
  color:                              #656565;
  float:                              left;
  font-size:                          100%;
  margin:                             42px 0px 0px 0px;
  padding:                            0px;
}

h1 a#h1:link,
h1 a#h1:hover,
h1 a#h1:active,
h1 a#h1:visited,
h1#h1
{
  background-image:                   url(img/arrow.heading.png);
  background-position:                0px 3px;
  background-repeat:                  no-repeat;
  color:                              #656565;
  font-weight:                        normal;
  padding-left:                       14px;
  text-decoration:                    none;
}

h2
{
  color:                              #666666;
  font-family:                        Arial, Helvetica, sans-serif;
  font-size:                          1.25em;
  margin:                             1em 0px .5em;
  padding:                            0px;
}

h2.plain
{
  background-image:                   url(img/arrow.heading.png);
  background-position:                14px 3px;
  background-repeat:                  no-repeat;
  margin-top:                         15px;
  padding-left:                       27px;
}

h2.news
{
  background-image:                   url(img/arrow.heading.index.news.png);
}

.index h2.plain
{
  background-position:                0px 3px;
  padding-left:                       14px;
}

h2 .subheading
{
  font-size:                          .85em;
}

h2.plain a:link,
h2.plain a:hover,
h2.plain a:active,
h2.plain a:visited
{
  color:                              #666666;
}

h2.plain .ips,
h3.plain .ips
{
  color:                              #993333;
}

h2 label
{
  font-family:                        Arial, Helvetica, sans-serif;
}

h3
{
  font-size:                          1em;
  margin:                             1em 0px .5em;
  padding:                            0px;
}

h3.plain,
#left h2.plain
{
  background-image:                   url(img/arrow.heading.png);
  background-position:                0px 3px;
  background-repeat:                  no-repeat;
  color:                              #666666;
  font-family:                        Arial, Helvetica, sans-serif;
  font-size:                          1.25em;
  padding-left:                       14px;
}

h3.plain a:link,
h3.plain a:hover,
h3.plain a:active,
h3.plain a:visited,
#left h2.plain a:link,
#left h2.plain a:hover,
#left h2.plain a:active,
#left h2.plain a:visited
{
  color:                              #666666;
}

#left h2.plain label
{
  font-family:                        Arial, Helvetica, sans-serif;
}

h3 .subtitle
{
  display:                            block;
  font-weight:                        normal;
  margin:                             .5em 0px 1em;
}

h4
{
  color:                              #666666;
  font-size:                          1em;
  margin:                             20px 28px 0px 0px;
}

p
{
  margin:                             0px 0px 1em;
}

.index #center p.more,
.index #right p.more
{
  margin-top:                         0px;
  padding-top:                        0px;
}

hr
{
  display:                            none;
}


/**
 * links
 */
a:link,
a:visited
{
  color:                              #993333;
  text-decoration:                    none;
}

a[href]:hover,
a[href]:active
{
  color:                              #993333;
  text-decoration:                    underline;
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active
{
  color:                              white;
}

a.back:link,
a.back:visited
{
  background-image:                   url(img/arrow.back.png);
  background-position:                0px 4px;
  background-repeat:                  no-repeat;
  color:                              #993333;
  padding-left:                       10px;
  text-decoration:                    none;
}

p.more
{
  margin-top:                         -.75em;
}

p.more a:link,
p.more a:visited
{
  background-image:                   url(img/arrow.png);
  background-position:                0px 4px;
  background-repeat:                  no-repeat;
  color:                              #993333;
  padding-left:                        10px;
  text-decoration:                    none;
}

a.back:hover,
a.back:active,
p.more a:hover,
p.more a:active
{
  color:                              #993333;
  text-decoration:                    underline;
}

a img
{
  border:                             0px;
}

#left ul li a:link,
#left ul li a:visited
{
  color:                              #666666;
  text-decoration:                    none;
}

#left ul li a:hover,
#left ul li a:active
{
  color:                              #993333;
  text-decoration:                    underline;
}

/**
 * Layout
 */
#head
{
  border-bottom:                      #993333 solid 8px;
  border-left:                        0px;
  border-right:                       0px;
  height:                             70px;
  overflow:                           hidden;
  width:                              780px;
}

#logo
{
  position:                           absolute;
  right:                              75px;
  top:                                34px;
}

#navigation
{
  background-color:                   #C2C2C2;
  border-bottom:                      white solid 1px;
  border-left:                        0px;
  border-right:                       0px;
  border-top:                         white solid 1px;
  height:                             25px;
  overflow:                           hidden;
  text-align:                         right;
  width:                              780px;
}

#teaser
{
  height:                             180px;
  position:                           relative;
}

#teaser-content
{
  bottom:                             75px;
  color:                              white;
  font-size:                          110%;
  left:                               12px;
  line-height:                        120%;
  max-height:                         120px;
  overflow:                           hidden;
  position:                           absolute;
  width:                              236px;
}

#teaser-slogan
{
  bottom:                             6px;
  color:                              #993333;
  font-size:                          110%;
  left:                               12px;
  line-height:                        120%;
  max-height:                         120px;
  overflow:                           hidden;
  position:                           absolute;
  width:                              236px;
}

#body
{
  overflow:                           hidden;
}

#footer
{
  background-color:                   #993333;
  color:                              white;
  font-size:                          .9em;
  height:                             16px;
  padding:                            2px 18px 3px 0px;
  text-align:                         right;
  width:                              762px
}

#footerContent
{
  float:                              right;
  margin-top:                         2px;
}

/**
 * Index
 */
#left,
.index #center,
.index #right
{
  float:                              left;
  padding:                            0px 10px 30px 13px;
  width:                              236px;
}

#left
{
  margin-bottom:                      0px;
}

.index #body
{
  background-image:                   url(img/bg.body.gif);
  background-position:                259px 0px;
  background-repeat:                  repeat-y;
}

.index #left
{
  background-color:                   white;
}

.index #center
{
  background-color:                   #F5F5F5;
}

.index #right
{
  background-color:                   white;
}


/**
 * Default
 */
#center
{
  float:                              left;
  width:                              519px;
}

.full-width#center
{
  float:                              none;
  width:                              778px;
}

#heading
{
  overflow:                           hidden;
  width:                              100%;
}

#heading h2
{
  float:                              left;
}

#heading p.pdfLink
{
  float:                              right;
  font-size:                          1em;
  margin:                             0px;
  padding-top:                        1.3em;
  padding-right:                      20px;
}

#contentMargin
{
  margin:                             0px 17px 20px 28px;
}


/**
 * lists
 */
#contentMargin ul
{
  list-style-type:                    disc;
  margin:                             .5em 0px 1em;
  padding:                            0px;
}

#contentMargin ul ul
{
  margin-top:                         0px;
}

#contentMargin li
{
  margin:                             0px 0px 0px 20px;
  padding:                            0px;
}

#left ul,
#contentMargin ul.catalog
{
  list-style-image:                   url(img/arrow.png);
  list-style-type:                    none;
  margin:                             .5em 0px 2em 25px;
  padding:                            0px;
}

#left ul li,
#contentMargin ul.catalog li
{
  margin:                             0px 0px .25em;
  padding:                            0px;
}

#left ul ul
{
  margin:                             .25em 0px 1em 16px;
}

#left ul a.selected
{
  color:                              #993333;
  font-weight:                        bold;
}

#left ul ul a.selected
{
  font-weight:                        bold;
}

ul.catalog
{
  font-weight:                        bold;
}

ul.catalog ul
{
  margin:                             .5em 0px 1em 15px;
}


/**
 * Main Menu
 */

#navigation ul
{
  margin:                             0px 0px 0px 259px;
  padding:                            0px;
  width:                              530px;
}

#navigation ul li
{
  float:                              left;
  height:                             25px;
  list-style:                         none;
}

#navigation ul li a
{
  background-image:                   url(img/arrow.navigation.png);
  background-repeat:                  no-repeat;
  background-position:                10px 8px;
  border-left:                        white solid 1px;
  color:                              white;
  display:                            block;
  float:                              left;
  height:                             15px;
  padding:                            5px 12px 5px 23px;
  text-decoration:                    none;
}

#navigation ul li a:hover,
#navigation ul li a.selected,
#navigation ul li a.fmMenuButtonActive
{
  color:                              #993333;
  text-decoration:                    underline;
}




/**
 * JS Menu
 */
div.fmMenu
{
  background-color:                   #C2C2C2;
  border-color:                       white;
  border-style:                       solid;
  border-width:                       1px 1px 0px;
  color:                              white;
  font-family:                        Verdana, Arial, Helvetica, sans-serif;
  font-size:                          1em;
  font-style:                         normal;
  font-weight:                        normal;
  left:                               0px;
  margin-top:                         -1px;
  padding:                            0px;
  position:                           absolute;
  top:                                0px;
  opacity:                            1;
  visibility:                         hidden;
  z-index:                            101;
}

div.fmMenu.topLevel
{
  padding:                            0px;
}

/*
div.fmMenu a.fmMenuItem:link,
div.fmMenu a.fmMenuItem:active,
div.fmMenu a.fmMenuItem:visited,
div.fmMenu a.fmMenuItem:hover
*/
div.fmMenu a
{
  background-image:                   url(img/arrow.navigation.png);
  background-repeat:                  no-repeat;
  background-position:                10px 5px;
  border-bottom:                      white solid 1px;
  color:                              white;
  cursor:                             pointer;
  display:                            block;
  font-family:                        Verdana, Arial, Helvetica, sans-serif;
  font-size:                          11px;
  font-style:                         normal;
  font-weight:                        normal;
  margin:                             0px;
  padding:                            3px 12px 3px 23px;
  text-decoration:                    none;
  white-space:                        nowrap;
}

div.fmMenu a.fmMenuItem:hover,
div.fmMenu a.fmMenuItemHighlight,
div.fmMenu.topLevel a.fmMenuItem:hover,
div.fmMenu.topLevel a.fmMenuItemHighlight
{
  color:                              #993333;
}

div.fmMenu a.fmMenuItem span.fmMenuItemArrow
{
  font-size:                         10px;
  font-family:                       monospace;
  margin-right:                      -.5em;
}


/**
 * Forms
 */
input,
select,
option,
textarea,
label
{
  font-family:                        verdana, arial, helvetica, sans-serif;
  font-size:                          1em;
}

input.text,
textarea,
fieldset
{
  border-style:                       inset;
  border-width:                       1px;
}

fieldset
{
  margin-bottom:                      1em;
  padding-top:                        0px;
  padding-bottom:                     .5em;
}

input.radio
{
  border-width:                       0px;
  vertical-align:                     text-bottom;
}

input.readonly
{
  background:                         transparent;
}

input.submitButton
{
  background:                         #C0C0C0;
  border-style:                       outset;
  color:                              black;
}

form.datenbank
{
  color:                              #999999;
  font-size:                          .9em;
  margin:                             0px 0px 20px 0px;
  padding:                            0px;
}

form.datenbank div
{
  margin-left:                        15px;
}

#right form input
{
  font-size:                          .9em;
  width:                              140px;
}

#left form input
{
  font-size:                          .9em;
  width:                              140px;
}

#right form .submitButton,
#left form .submitButton
{
  background-color:                   white;
  background-image:                   url(img/arrow.png);
  background-position:                1px 50%;
  background-repeat:                  no-repeat;
  border:                             0px;
  color:                              #993333;
  padding:                            0px;
  width:                              60px;
}

table.static th,
table.static td
{
  vertical-align:                     baseline;
}

table.static td
{
  padding-left:                       15px;
}

table.static td.price-currency
{
  width:                              1em;
}

table.static td.price-amount
{
  padding-left:                       0px;
  text-align:                         right;
  width:                              1em;
}

table.static tr.sum th,
table.static tr.sum td
{
  border-top:                         #333333 solid 1px;
}

fieldset table.contactForm
{
  margin-top:                         1em;
  margin-bottom:                      .5em;
}

table.contactForm th
{
  text-align:                         right;
  width:                              125px;
}

table.contactForm .comment
{
  font-size:                          10px;
  font-weight:                        normal;
}

table.contactForm td.asterik
{
  width:                              1em;
}


table.prices td
{
  padding:                            0px 5px 0px 0px;
}




/**
 * catalog
 */
h4.catalog
{
  margin-top:                         .25em;
  margin-bottom:                      .25em;
}

table.catalog
{
  margin-bottom:                      1em;
  width:                              100%;
}

table.catalog th
{
  background-color:                   #C2C2C2;
  color:                              white;
  padding:                            1px 2px;
}

table.catalog td
{
  background-color:                   #F6F6F6;
  padding:                            1px 5px;
}

table.catalog td.date
{
  white-space:                        nowrap;
}

table.catalog td.duration
{
  text-align:                         center;
  width:                              auto;
}

table.catalog td.location
{
  text-align:                         center;
  width:                              auto;
}

table.catalog td.price
{
  text-align:                         right;
  white-space:                        nowrap;
  width:                              18%;
}

table.catalog td.icon
{
  text-align:                         center;
  width:                              12%;
}


/**
 * order menu
 */
ul#orderMenu
{
  list-style-type:                    none;
  margin-right:                       0px;
  margin-left:                        0px;
  overflow:                           hidden;
  padding:                            0px;
  width:                              100%;
}

ul#orderMenu li
{
  float:                              left;
  padding:                            0px;
  margin:                             0px 5px 0px 0px;
}

ul#orderMenu li.done,
ul#orderMenu li.done a,
ul#orderMenu li.done a:visited
{
  color:                              #993333;
  font-weight:                        bold;
}


li#orderMenu3
{
  margin-right:                       0px;
}


/**
 * survey-box
 */
div.survey-box
{
  background:                         #E7E7E7;
  border:                             #E7E7E7 solid 1px;
  padding:                            10px;
}

div.survey-box label,
div.survey-box .label
{
  margin-right:                       10px;
}

div.survey-box input,
div.survey-box .input
{
  margin-right:                       20px;
  width:                              130px;
}

div.survey-box input#courseNumber,
div.survey-box input#courseCode
{
  width:                              80px;
}

div.survey-box input#email
{
  width:                              230px;
}


/**
 * ratings
 */
.full-width#center fieldset
{
  padding-right:                      10px;
  padding-left:                       10px;
}

ol.rating
{
  padding-left:                       0px;
  margin-left:                        10px;
}

#contentMargin ol.rating li
{
  padding:                            0px 0px 2em;
  margin:                             0px 0px 0px 15px;
}

table.rating
{
  width:                              100%;
}

table.rating thead th
{
  font-weight:                        normal;
  text-align:                         center;
}

table.rating tbody th
{
  border-top:                         #E5E5E5 solid 1px;
  font-weight:                        normal;
  text-align:                         left;
}

table.rating tbody td
{
  border-top:                         #E5E5E5 solid 1px;
  text-align:                         center;
  width:                              15%;
}

table.rating.first tbody th
{
  border-top:                         0px;
}

table.rating.first tbody td
{
  border-top:                         0px;
}

table.rating.bool tbody td
{
  border-top:                         #E5E5E5 solid 1px;
  text-align:                         right;
  width:                              auto;
}

table.rating.multi tbody td
{
  border-top:                         #E5E5E5 solid 1px;
  text-align:                         right;
  width:                              auto;
}



/**
 * misc
 */
.lite
{
  font-weight:                        normal;
}

.hilite
{
  color:                              #993333;
}

fieldset.hilite
{
  border:                             #993333 solid 1px;
  font-weight:                        bold;
  padding:                            1em;
}

.print
{
  display:                            none;
}

p.footnote
{
  border:                             #993333 solid 1px;
  margin-top:                         1em;
  padding:                            4px;
  text-align:                         right;
}

.noprint
{
}

.reference
{
  font-size:                          9px;
  font-weight:                        normal;
}

p.footnote .reference
{
  font-weight:                        bold;
}

div.hr
{
  border-top:                         #E5E5E5 solid 1px;
  margin:                             1em 0px;
}


/**
 * checkable tree
 */
#checkable-tree,
#checkable-tree ul
{
  margin:                             0px;
  padding:                            0px;
}

#checkable-tree li
{
  list-style-type:                    none;
  margin:                             0px;
  padding:                            0px 0px 0px 20px;
}

#checkable-tree img,
#checkable-tree label,
#checkable-tree input
{
  vertical-align:                     middle;
}


.plate
{
  background-image:                   url(img/bg.plate.top.png);
  background-position:                0px 0px;
  background-repeat:                  no-repeat;
  margin:                             0px auto;
  padding-top:                        13px;
  width:                              204px;
}

.plate-outer
{
  background-image:                   url(img/bg.plate.bottom.png);
  background-position:                0px 100%;
  background-repeat:                  no-repeat;
  padding-bottom:                     13px;
}

.plate-inner
{
  background-image:                   url(img/bg.plate.png);
  background-position:                0px 0px;
  background-repeat:                  repeat-y;
  color:                              white;
  padding:                            0px 19px 5px;
}

.plate-inner h4
{
  color:                              white;
  font-size:                          1.2em;
  margin:                             0px 0px 5px;
}

.plate-inner .plate-intro,
.plate-inner .plate-footer
{
  color:                              #CCCCCC;
  font-size:                          .9em;
  margin:                             0px;
}

.plate-inner a:link,
.plate-inner a:hover,
.plate-inner a:visited
{
  color:                              #CCCCCC;
}

.plate-inner .plate-body
{
  color:                              white;
  font-size:                          1.2em;
  font-weight:                        normal;
  margin:                             5px 0px;
}

/**
 * infobox
 */
#infoBox
{
  background:                         #F6F6F6;
  height:                             100%;
  left:                               0px;
  opacity:                            .8;
  position:                           absolute;
  top:                                0px;
  width:                              100%;
}

#infoBoxContent
{
  position:                           absolute;
  width:                              100%;
}

#infoBoxContentWrapper
{
  background:                         white;
  border:                             #CCCCCC solid 1px;
  margin:                             100px auto 100px auto;
  padding:                            5px 10px 5px 19px;
  width:                              749px;
}

#infoBoxClose
{
  color:                              #993333;
  cursor:                             pointer;
  text-decoration:                    none;
}


.aktion-123
{
  font-size:                          .9em;
  margin-top:                         -1em;
  padding-left:                       5px;
}


.initials-menu
{

}

#contentMargin .initials-menu li
{
  display:                            inline;
  list-style-type:                    none;
  margin:                             0px;
  padding:                            0px 3px;
}

div.workshops-list
{
  border-bottom:                      #CCCCCC solid 1px;
  overflow:                           hidden;
  width:                              100%;
}

div.workshops-list h3
{
  float:                              left;
  font-size:                          13px;
  margin:                             0px;
  padding:                            0px;
}

div.workshops-list p
{
  float:                              right;
  margin:                             0px;
  padding:                            0px;
}