/**
 *
 *  §1  DEFAULTS
 *  §1.1  reset
 *  §1.2  tools
 *  §1.3  typography
 *  §1.4  stripes
 *  §2  GLOBAL
 *  §2.1  container
 *  §2.2  header
 *  §2.3  secnav
 *  §2.4  langswitch
 *  §2.5  nav
 *  §2.6  content
 *  §2.7  sidebar
 *  §2.8  footer
 *  §3  MODULES
 *  §3.1  accordion
 *  §3.2  aktuelles
 */

/**
 *  COLOR REFERENCE
 *  #E8E8E8  content background
 *  #5158C6 nav background
 *  #B9C44E nav active background
 *  #656565 text color
 *  #656565 text headings
 *   #2A3092  text highlight
 */

/*  @group §1 DEFAULTS
 ********************************************************* /

/**
 *  @group §1.1  reset
 *
 *  basierend auf dem CSS reset von Eric Meyer,
 *  angepasst für www.statcon.de
 *
 *  @see http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 */
html,
body {
  cursor:       default;

  /* center page FIX @IE5.X, normaler weise reicht ein margin: 0 auto, um Blöcke zu zentrieren.  */
  text-align:     center;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin:       0;
  padding:       0;
  border:       0;
  outline:       0;
  font-weight:     normal;
  font-style:     normal;
  font-size:       100%;
  font-family:     inherit;
  vertical-align:   baseline;
}
:focus {
  outline:       0;
}
ol, ul {
  list-style:     none;
}
table {
  border-collapse:   collapse;
  border-spacing:   0;
}
caption, th, td {
  text-align:     left;
  font-weight:     normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}
/** @end reset **/

/**
 *  @group §1.2  Tools
 */
.hide {
  position:       absolute !important;
  left:        -9999px !important;
}

/* clearfix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* Clearen per Overflow */
.floatbox { overflow:hidden; }

/* .floatbox-Anpassung fuer IE6 */
* html .floatbox {width:100%;}
/** @end Tools **/


/**
 *  @group §1.3 typography
 */
body {
  color:        #666;
  font:        13px/20px Arial, Helvetica, sans-serif;
}
strong {
  font-weight:    bold;
}

/*#content h1 {
  color:        #2A3092;
  font-size:      27px;
  font-weight:    bold;
  padding-bottom:    21px;
}
*/
#content h1,
#content h2 {
  color:        #2A3092;
  font-size:      23px;
  font-weight:    bold;
  line-height:     27px;
  padding-bottom:    10px;     /* Karl-Henning*/
}
#content h3 {
  color:        #2A3092;   /* Karl-Henning*/
  font-size:      15px;    /* Karl-Henning*/
  font-weight:    bold;    /* Karl-Henning*/
  line-height:     16px;     /* Tobias */
  padding-bottom:    10px;     /* Karl-Henning*/
}
#content p,
#content ul,
#content ol,
#content dl {
  /*font-family:    Verdana, Arial, Helvetica, sans-serif;*/
  font-size:      12px;
  line-height:    16px;
}
/*
#content p {
  font-size:      12px;
  line-height:    18px;
}
*/

a {
  color:        #666;
  font-weight:    bold;
  text-decoration:  none;
}
a:focus,
a:hover {
  color:         #2A3092;
}
.stat {
  color:        #000;
  font-weight:    bold;
}
.con {
  font-style:      italic;
  font-weight:    bold;
  color:         #2A3092;
}
/** @end typography **/


/**
 *  @group $1.4 stripes
 *
 *  Stripes werden verwendet, um HTTP anfragen zu reduzieren und damit die Ladegeschwindigkeit zu optimieren.
 *   Anstatt für jedes Icon ein einzelnes Bild zu laden, wird ein großes Bild geladen und dann je nach Element
 *  der entsprechende Ausschnitt angezeigt.
 */
.sprite {
  background-image:   url(img/sprite.png);
  position:      relative;
  border:        0;
}

.statcon_logo {
  background-image:   url(img/logo2.png);
  width: 380px;
  height: 69px;
  background-position: 0px 0px;
}

/* nav */
.nav_software {
  width: 44px;
  height: 44px;
  background-position: -344px 0px;
}
li:hover .nav_software,
li.hover .nav_software,
li.active .nav_software,
li.current .nav_software  {
  width: 44px;
  height: 44px;
  background-position: -344px -44px;
}
.nav_schulung {
  width: 36px;
  height: 35px;
  background-position: -217px 0px;
}
li:hover .nav_schulung,
li.hover .nav_schulung,
li.active .nav_schulung,
li.current .nav_schulung {
  width: 36px;
  height: 35px;
  background-position: -217px -44px;
}
.nav_fachliteratur {
  width: 51px;
  height: 35px;
  background-position: -293px 0px;
}
li:hover .nav_fachliteratur,
li.hover .nav_fachliteratur,
li.active .nav_fachliteratur,
li.current .nav_fachliteratur  {
  width: 51px;
  height: 35px;
  background-position: -293px -44px;
}
.nav_beratung {
  width: 40px;
  height: 33px;
  background-position: -253px 0px;
}
li:hover .nav_beratung,
li.hover .nav_beratung,
li.active .nav_beratung,
li.current .nav_beratung {
  width: 40px;
  height: 33px;
  background-position: -253px -44px;
}

/* bullets */
.bullet_arrow {
  width: 4px;
  height: 7px;
  background-position: -185px -90px;
}
.bullet_content {
  width: 13px;
  height: 13px;
  background-position: -204px -88px;
}
.hover .bullet_content,
.selected .bullet_content {
  width: 13px;
  height: 13px;
  background-position: -191px -88px;
}
.accordion2 .bullet_content {
  width: 13px;
  height: 13px;
  background-position: -204px -88px;
}
.accordion2 .selected .bullet_content,
.accordion2 .hover .bullet_content {
  width: 13px;
  height: 13px;
  background-position: -191px -88px;
}
/* icons */
.icon_mail {
  width: 14px;
  height: 10px;
  background-position: -246px -88px;
}
.icon_shopping_cart {
  width: 15px;
  height: 13px;
  background-position: -217px -88px;
}
.icon_rss {
  width: 14px;
  height: 14px;
  background-position: -260px -88px;
}
.icon_rss:hover  {
  width: 14px;
  height: 14px;
  background-position: -274px -88px;
}

.icon_login {
  width: 14px;
  height: 14px;
  background-position: -232px -88px;
}

/* flags */
.flag_german {
  width: 14px;
  height: 11px;
  background-position: 0px -99px;
}
.current .flag_german,
a:hover .flag_german {
  width: 14px;
  height: 11px;
  background-position: 0px -88px;
}

.flag_english {
  width: 14px;
  height: 11px;
  background-position: -28px -99px;
}
.current .flag_english,
a:hover .flag_english {
  width: 14px;
  height: 11px;
  background-position: -28px -88px;
}
.flag_czech {
  width: 14px;
  height: 11px;
  background-position: -42px -99px;
}
.current .flag_czech,
a:hover .flag_czech {
  width: 14px;
  height: 11px;
  background-position: -42px -88px;
}

/** END **/


/** @end DEFAULTS *****************************************/
/** @group §2 GLOBAL ***********************************/

/**
 *  @group §2.1  container
 */
.container {
  margin:        0 auto;
  position:      relative;
  text-align:     left; /* reset center page FIX @IE5.X  */
  width:        900px;
}
#container_wrapper {  /* grey background for nav, content and sidebar */
  background:      #E8E8E8 url(img/trans.png) 0 -170px repeat-x;
  padding:      0 0 30px;
  z-index: 100;
}
/** @end header **/

/**
 *  @group §2.2  header
 */
#header {
  height:        78px;
  position:      relative;
  z-index: 300;
}
* html #header {
  height:        78px;
}
* html.js #header {
  height:        78px;
}
#header h1 a{
  display:      block;
  position:       absolute;
  top:        5px;
  left:        0;
  text-indent:     -9999px;
}
/** @end header **/

/**
 *  @group §2.3  gennav
 */
#gennav {
  position:       absolute;
  /*Tobi*/
  bottom:        3px;
  right:        0;
  z-index: 301;
}
.secnav {
  font-size:      12px;
}
.secnav a {
  color:        #666;
  font-weight:    bold;
  position:      relative;
}
.secnav a:focus,
.secnav a:hover {
  color:        #2A3092;
}
.secnav a.icon {
  padding-left:    21px;
}
.secnav a img {
  position:       absolute;
  left:        0;
  top:        0;
}
.secnav a img.icon_mail {
  top:        3px;
  left:        4px;
}
.secnav a img.icon_login {
  top:        0px;
  left:        4px;
}
.secnav a img.icon_shopping_cart {
  top:        1px;
  left:        2px;
}

/* FIX für den IE 5.0 **/
* html > body .secnav a img {
  position:      relative;
  margin-right:    3px;
}
* html > body .secnav a img.icon_mail {
  top:        1px;
  left:        4px;
}
* html > body .secnav a img.icon_login {
  top:        2px;
  left:        4px;
}
/** @end gennav **/



/**
 *  @group §2.5  nav
 */
#nav {
  padding:      0 0 3px;
  /* tobi */
  position:      absolute;
  left:0px;
  /*z-index:      90;*/
  /*overflow:visible;*/
}
#nav ul {
  position:      relative;
  /*overflow: visible;*/
}
/* level 1 */
#nav li{
  float:        left;
  width:        179px;
  position:      relative;
  /*overflow:visible;*/
}
#nav li {
  background:      #5158C6;
  margin-right:    1px;
  /*padding-bottom: 1px*/
}

#nav li ul {
padding-top: 9px;
padding-bottom: 9px;
}
#nav li li ul {
padding-top: 0px;
padding-bottom: 0px;
}

#nav li:hover,
#nav li.hover,
#nav li.current {
  background:      #B9C44E;
  /*padding-bottom: 1px*/
}

#nav li.software {
  width:        179px;
  margin-right:    1px;
}
#nav a {
  display:      block;
  line-height:    15px;
  padding:      26px 10px 0 70px;
  height:        75px; /* box model hack */
  hei\ght:      39px;
  position:      relative;

  background:      url(img/trans.png);
  color:        #FFF;
  font-size:      14px;
  text-transform:   uppercase;
  font-weight:    bold;
}
#nav li:hover a,
#nav li.hover a,
#nav .current a {
  background-position: 0 -85px;
}
#nav li.start a {
  padding:      26px 20px 0;
  height:        75px;  /* box model hack */
  hei\ght:      39px;
  text-align:     center;
  position:      relative;
}
#nav .fachliteratur a  {
  padding:      20px 10px 6px 70px;
  height:        75px; /* box model hack */
  hei\ght:      39px;
}
#nav img {
  position:       relative;
  top:        18px;
  left:        20px;
  display:      inline;
}
#nav .schulung img {
  position:       absolute;
  top:        18px;
  left:        20px;
}
#nav .beratung img {
  position:       absolute;
  top:        18px;
  left:        21px;
}
#nav .fachliteratur img {
  position:       absolute;
  top:        20px;
  left:        15px;
}
#nav .software img {
  position:       absolute;
  top:        16px;
  left:        18px;
}
/* level 2 */
#nav li ul {
  background:      #5158C6;
  position:       absolute;
  top:        73px;
  left:        0;
  /*overflow:       hidden;*/
  /*overflow:       visible; */

  /* Tobi*/
  width:        179px;
}

#nav li.fachliteratur ul {
  /* Tobi*/
  width:        179px;
}
#nav li.start ul {
  /* Tobi*/
  width:        179px;
}
#nav li.start li a {
  /* Tobi*/
  text-align:   left;
}



#nav li.current ul {
  background:      #B9C44E;
}
* html #nav li ul {
  position:      relative;
  top:        0;
}
* html.js #nav li ul {
  position:       absolute;
  top:        64px;
}

/* hide subnav if javascript available or IE > 6 */
.js #nav li ul {
  display:      none;
}
html>body #nav li ul {
  display:      none;
}

#nav li.hover ul,
#nav li:hover ul {
  background:      #B9C44E;
  /*background:      transparent;*/
  display:      block;
  /*tobi*/
  position:      relative;
  top: 0;
  z-index: 100;
}


#nav li li ul {
  display:      none;
  position:      absolute;
  list-style:     disc;
  margin-bottom: 0px;
  }
#nav li li ul li {
  display:      none;
  list-style:     disc;
  }



#nav li li {
  position:      relative;
  color:        #FFF;
  float:        none;
  line-height:    14px;
  background:      transparent;
  list-style:     disc;
  margin-left:    12px;/* Fix margin left for IE5 & 5.5 **/
  mar\gin-left:    22px;
  vertical-align:   top;
  text-align:   left;

}
#nav li.selc a {
font-weight: bold;
}
#nav li.selc li a {
font-weight: normal;
}
#nav li.selc li.selc a {
font-weight: bold;
}
#nav li li li {
  position:      relative;
  color:        #FFF;
  float:        none;
  line-height:    14px;
  background:      transparent;
  /*list-style:     block;*/
  /*
  margin-left:    5px;/* Fix margin left for IE5 & 5.5 **/
  /*
  mar\gin-left:    10px;
  */
  vertical-align:   top;
  text-align:   left;
  padding-left: 0px;
  padding-bottom: 0
}
#nav li li a {
  height:        auto !important;
  background:      transparent;
  font-size:      12px;
  line-height:    14px;
  padding:      0 20px 5px 0 !important;
  display:      block;
  /*overflow: visible;*/
  /*z-index:23; */
  font-weight:    100;
  text-transform:   none;
}
#nav li li li a {
  height:        auto !important;
  padding:      0 0 3px 0  !important;
}

#nav li li:hover,
#nav li li.hover,
#nav li li a:hover {
  color:        #2A3092;
  background:    transparent
}
/*
#nav li a:hover {
  color:        #2A3092;
  background:    white;
  display: block
}
*/
/*
#nav li li:hover {
  border-bottom: 1px solid #aa3333;
  border-left: 1px solid #aa3333;

}
*/
/* 2. Menüebene*/
#nav li li:hover ul {
  position:      absolute;
  left: 125px;
  top: -5px;
  margin-top: 0px;
  list-style:     disc;
  background:      #B9C44E;
  display:      block;
  margin-bottom: 0px;
  padding-top: 9px;
padding-bottom: 9px;
}
#nav li li ul li:hover,
#nav li li:hover ul li {
  background:      transparent;
  list-style:     circle;
  display:      list-item;
  margin-bottom: 0px;
}
#nav li li ul li a:hover
{
list-style:     disc;
margin-bottom: 0px;
}
/** @end nav **/
/**
 *  @group §2.5.1  lev2nav
 */

#lev2nav {
  padding:      0 0 3px;
  /* tobi */
  position:      absolute;
  left:0px;
  top: 66px;
  width: 899px;
  border-top: solid 4px #B9C44a;
  /*z-index:      110;*/
  /*overflow:visible;*/
}
#lev2nav ul {
  position:      absolute;
  /*overflow: visible;*/
}
/* level 1 */
#lev2nav li{
  float:        left;
  /*width:        175px;*/
  position:      relative;
  /*overflow:visible;*/
}
#lev2nav li {
  background:      #5158C6;
  /*margin-right:    1px;*/
  /*padding-bottom: 1px*/
}

/*
#lev2nav li li:last-child,
#lev2nav li li:hover:last-child {padding-bottom: 7px}

#lev2nav li li li:first-child,
#lev2nav li li li:hover:first-child {padding-top: 6px}
*/

#lev2nav li:hover,
#lev2nav li.hover,
#lev2nav li.current {
  background:      #B9C44E;
  /*padding-bottom: 1px*/
}

#lev2nav a {
  display:      block;
  line-height:    15px;
  padding:      7px 10px 7px 10px;
  height:        30px; /* box model hack */
  hei\ght:      14px;
  position:      relative;
  background:      url(img/trans.png);
  background-position: 0px -11px;
  color:        #FFF;
  font-size:      13px;
  border-top: solid 5px #E8E8E8;
  /*text-transform:   uppercase;*/
  font-weight:    bold;
  /*min-width: 140px;*/
}

/*
.js #nav a:hover #lev2nav a,
.js #nav a.hover #lev2nav a {
display: none;
}
*/

#lev2nav li li a {
/*position: absolute;*/
border-top: none;
min-width: 50px;
}
#lev2nav .current a {
/*top: -1px;
padding:      11px 10px 10px 10px;
*/

border-top: solid 5px #B9C44E;
}
#lev2nav .current ul li a {
/*top: -1px;
padding:      11px 10px 10px 10px;
*/

border-top: 0;
}
#lev2nav li:hover a,
#lev2nav li.hover a,
#lev2nav .current a {
  background-position: 0 -86px;
}

#lev2nav img {
  position:       relative;
  top:        18px;
  left:        20px;
  display:      inline;
}
#lev2nav ul li .current ul {
  background:      transparent;
  /*position:       absolute;*/

 }
/* level 2 */
#lev2nav li ul {
  background:      transparent;
  /*position:       absolute;*/

  top:        20px;
  left:        0;
  /*overflow:       hidden;*/
  /*overflow:       visible; */
  /* z-index:25;*/
  /* Tobi*/
  /*width:        175px;*/
}



#lev2nav li ul {
padding-top: 9px;
padding-bottom: 9px;
}

#lev2nav li ul a {
  /*position:      absolute;*/
  }
* html #lev2nav li ul {
  /*position:      absolute;  */
  top:        0;
}
* html.js #lev2nav li ul {
  /*position:       absolute;*/
  top:        77px;
}

/* hide subnav if javascript available or IE > 6 */
.js #lev2nav li ul {
  display:      none;
}
html>body #lev2nav li ul {
  display:      none;
}

#lev2nav li.hover ul,
#lev2nav li:hover ul {
  background:      #B9C44E;
  display:      block;
  position:      absolute;
  top: 33px;
  z-index:123;
}


#lev2nav li li ul {
  display:      none;
  position:      absolute;
  list-style:     disc;
  margin-bottom: 0px;
  }
#lev2nav li li ul li {
  display:      none;
  list-style:     disc;
  }



#lev2nav li li {
  position:      relative;
  color:        #FFF;
  float:        none;
  line-height:    14px;
  background:      transparent;
  list-style:     disc;
  margin-left:    10px;/* Fix margin left for IE5 & 5.5 **/
  mar\gin-left:    22px;
  vertical-align:   top;
  text-align:   left;

}
#lev2nav li.selc a {
font-weight: bold;
}
#lev2nav li.selc li a {
font-weight: normal;
}
#lev2nav li.selc li.selc a {
font-weight: bold;
}
#lev2nav li li li {
  position:      relative;
  color:        #FFF;
  float:        none;
  line-height:    14px;
  background:      transparent;
  list-style:     disc;
  /*
  margin-left:    5px;/* Fix margin left for IE5 & 5.5 **/
  /*
  mar\gin-left:    10px;
  */
  vertical-align:   top;
  text-align:   left;
  padding-left: 7px;
  padding-bottom: 0
}
#lev2nav li li a {
  height:        auto !important;
  background:      transparent;
  font-size:      12px;
  line-height:    14px;
  padding:      0 20px 5px 0 !important;
  display:      block;
  font-weight:    100;
  text-transform:   none;
}
#lev2nav li li li a {
  height:        auto !important;
  padding:      0 1px 3px 0 !important;
}

#lev2nav li li:hover,
#lev2nav li li.hover,
#lev2nav li li a:hover {
  color:        #2A3092;
  background:    transparent
}
/* 2. Menüebene*/
#lev2nav li li:hover ul {
  position:      absolute;
  left: 125px;
  top: -5px;
  margin-top: 0px;
  list-style:     disc;
  background:      #B9C44E;
  display:      block;
  margin-bottom: 0px;
}
#lev2nav li li ul li:hover,
#lev2nav li li:hover ul li {
  background:      transparent;
  list-style:     circle;
  display:      list-item;
  margin-bottom: 0px;
}
#lev2nav li li ul li a:hover
{
list-style:     disc;
margin-bottom: 0px;
}
/** @end lev2nav **/



/**
 *  @group §2.6  content
 */
#content {
   float:        left;
  width:        750px; /* Karl-Henning*/
  margin-left:    67px;
  /*tobi*/
  margin-top: 120px; /* Karl-Henning*/
  min-height: 300px;
  display:      inline; /* FIX: IE5.0 - 6 Doubled Float-Margin Bug */
  position:      relative;
}
#content p {
  padding-bottom:    10px;
  text-align:      justify; /* Karl-Henning*/
}
#content  li {
list-style: disc;
   display:    list-item;
}
#content ul {
margin-left: 17px;
padding-top: 4px;
padding-bottom:  20px;
}




#content h5 {
font-size: 12px;
font-weight: bold;
}
#content ul.arrow,
#content ul.arrow li {
list-style-image: url(img/arr4.png);
}
/** @end content **/



/**
 *  @group §2.8 footer
 */
#footer {
  margin:        0 auto;
  padding:      20px 0;
}
#footernav {
  float:         left;
}
#copy {
  width:400px;
  float: right;
  font-weight:    bold;
  text-align:     right;
}
#certs {
  position: relative;
  left: 0;
  top: -21px;
  width:82px;
  float: left;
}
#imprint {
  float: left;
  font-weight:    bold;
  text-align:     right;
}
#sharebutton {
  float: left;
  padding-right:7px;
  font-weight:    bold;
  text-align:     right;
}

/** @end footer **/


/** @end STRUCTURE ****************************************/
/** @group §3 MODULES **********************************/

/**
 *  @group §3.1  accordion
 *
 *  genutzt für ein und Ausblendbare Inhaltsbereiche im content
 */
#content .accordion {
  margin-top:    20px;
}
#content .accordion h3 {
  border-bottom:    1px solid #c0c0c0;
  color:        #2A3092;
  font-size:      16px;
  line-height:    21px;
  padding:      5px 5px 5px 20px;
  position:      relative;
}
#content .accordion h3.hover {
  cursor:       pointer;
}
#content .accordion .selected h3 {
  border-bottom:    0;
}
#content .accordion .selected h3.hover {
  cursor:       default;
}
#content .accordion h3 img {
  position:       absolute;
  left:        0;
  top:        7px;
}
* html #content .accordion h3 img {
  /* IE6 FIX */
  margin-left:    -20px;
}
#content .accordion .section_content {
  border-bottom:    1px solid #A7A7A7;
  padding:      0 0 10px;
  margin:        0 0 12px 22px;
}

/* hide section content if javascript available */
.js #content .accordion .section_content {
  display:      none;
}
#content .accordion .section_content h4 {
  color:        #2A3092;
  font-weight:    bold;
  padding-bottom:    4px;
}
#content .accordion .section_content p {
  padding-bottom:    10px;
}
#content .accordion .section_content li {
list-style: disc;
   display:    list-item;
}
#content .accordion .section_content ul {
margin-left: 17px;
padding-top: 4px
} 

/* Karl-Henning gleichmaessige vertikale Abstaende in Bulletlisten in Accordion */
#content .accordion .section_content ul li ul{
margin-left: 17px;
padding-top: 0px;
padding-bottom:  0px;
}




#content /*.accordion .section_content*/ ul.libuttons {
margin-left: 0px;
padding-top: 3px;
padding-bottom:  0px;
}
/*neu eingefügt evtl. wieder löschen */  /* Karl-Henning*/
 #content .accordion .section_content .libuttons li {
  float:        left;
  margin-right:    10px;
  display:      inline; /* FIX: IE5/6 Doubled Float-Margin Bug */
}
/**/
#content .libuttons li {    /* Karl-Henning*/
  float:        left;
  margin-right:    10px;
  display:      inline; /* FIX: IE5/6 Doubled Float-Margin Bug */
}
#content .libuttons li a {     /* Karl-Henning*/
  background:      #2A3092;
  color:        #FFF;
  display:      block;
  font-size:      11px;
  font-weight:    bold;

  padding:      2px 9px 2px;
}
#content .accordion .section_content .libuttons li.available {
  color:        #2A3092;
  float:        right;
  display:      block;
  padding:      3px 0 0px;
  text-align:     right;
  white-space:     nowrap;
}
#content .libuttons li a:hover,
#content .libuttons li:hover a {     /* Tobi*/
  background:      #B3C14C;
}
/* Schulungstabelle Traininginfo*/

#content table.traininginfo {      /* Karl-Henning*/
border: 1px dotted silver;
}
#content .traininginfo td,th {      /* Karl-Henning*/
  padding: 5px 5px;
  border: 1px dotted silver;
}
#content .traininginfo td {           /* Karl-Henning*/
  background-color:white;
  vertical-align:middle;  /* Karl-Henning */
}

#content .traininginfo th {
  font-weight: bold;
  background-color: #EEE;
}
#content .traininginfo tr.contactline td {    /* Karl-Henning*/
  border: none;
  background-color: #EEE;
  vertical-align: middle; /* Karl-Henning */
}
#content .traininginfo tr.spacerline td {     /* Karl-Henning*/ 
  padding: 0;
  line-height:7px;
  border: none;
 background-color: #EEE;
}

/** @end accordion **/

/**
 *  @group §3.2  accordion2
 *
 *  genutzt für ein und Ausblendbare Inhaltsbereiche im accordion-content
 */
#content .accordion2 {
  margin-top:    0px; /* Karl-Henning */
}
#content .accordion2 h4 {
/*  border-bottom:    1px solid #c0c0c0; */
  color:        #2A3092;
  font-size:      14px;
  line-height:    19px;
  padding:      5px 5px 5px 20px;
  position:      relative;
}
#content .accordion2 h4.hover {
  cursor:       pointer;
}
#content .accordion2 .selected h4 {
  border-bottom:    0;
}
#content .accordion2 .selected h4.hover {
  cursor:       default;
}
#content .accordion2 h4 img {
  position:       absolute;
  left:        0;
  top:        7px;
}
* html #content .accordion2 h4 img {
  /* IE6 FIX */
  margin-left:    -20px;
}
#content .accordion2 .section_content2 {
  /*border-bottom:    1px solid #A7A7A7;*/
  padding:      0 0 10px;
  margin:        0 0 12px 22px;
}

/* hide section content if javascript available */
.js #content .accordion2 .section_content2 {
  display:      none;
}
#content .accordion2 .section_content2 h4 {
  color:        #2A3092;
  font-weight:    bold;
  padding-bottom:    4px;
}
#content .accordion2 .section_content2 p {
  padding-bottom:    10px;
}
#content .accordion2 .section_content2 li {
list-style: disc;
   display:    list-item;
}
#content .accordion2 .section_content2 ul {
margin-left: 17px;
padding-top: 4px
} 

/* Karl-Henning gleichmaessige vertikale Abstaende in Bulletlisten in accordion2 */
#content .accordion2 .section_content2 ul li ul{
margin-left: 17px;
padding-top: 0px;
padding-bottom:  0px;
}



/*neu eingefügt evtl. wieder löschen */  /* Karl-Henning*/
 #content .accordion2 .section_content2 .libuttons li {
  float:        left;
  margin-right:    10px;
  display:      inline; /* FIX: IE5/6 Doubled Float-Margin Bug */
}
/*********************************/

#content .accordion2 .section_content2 .libuttons li.available {
  color:        #2A3092;
  float:        right;
  display:      block;
  padding:      3px 0 0px;
  text-align:     right;
  white-space:     nowrap;
}
/* Schulungstabelle Traininginfo*/


/** @end accordion2 **/




/** @end MODULES ***************************************/


/**/

.xquer { text-decoration: overline; font-size:0.8em; font-family: Times; font-weight:bold }