/* CSS Styles www.holtzbrinck-networks.de */
/* -------------------------------------- */

/* LISTENFORMATIERUNGEN */

.textliste {
  margin: 0;
  padding: 0 60px 0 60px;
  clear: left; !important
}

.textliste ul {
  margin: 0;
  padding: 0 0 0.7em 0;
  list-style-position: outside;
}

.textliste li {
  margin: 0;
  padding: 0;
  list-style-type: square;
  list-style-position: outside;
  line-height: 1.4em;
  }
  .textliste li ul {
  margin: 0 0 0 1px;
  padding: 0.7em 0 0 0;
  color: #4262ad;
  list-style-type: none;
  font-size: 93%;
  }
  .textliste li ul li {
  padding: 0 11px 0.7em 11px;
  background: url(../gfx/square0.gif) no-repeat 0 5px;
  list-style-type: none;
}

.listbox {
  position: relative;
  float: left;
  width: 100%;
  padding-top: 1.4em;
}

.liste {
  list-style: none;
  margin: 0;
  padding: 1.4em 0 1.4em 0;
  overflow: hidden;
  width: 100%;
}

.liste li .a_uneven, .liste li .a_even {
  position: relative;
  padding: 6px 0 6px 0;
  margin: 0;
  display: block;
  overflow: hidden;
  width: 100%;
  }
  .liste li .a_uneven {
  background: url(../gfx/sep_list.gif) repeat-x bottom left; /* #eaeaea */
  }
  .liste li .a_even {
  background: url(../gfx/sep_list.gif) repeat-x bottom left;
}

.liste li a {
  margin: 0;
  padding: 0 10px 0 0;
  color: #444;
  text-decoration: none;
  display: block;
  line-height: 1.4em;
  background: url(../gfx/sep_list.gif) repeat-x bottom left;
}

.liste li a:hover, 
.liste li .a_uneven:hover, 
.liste li .a_even:hover, 
.liste li a .a_uneven:hover, 
.liste li a:hover .a_uneven, 
.liste li a .a_even:hover {
  position: relative;
  text-decoration: none;
  background-color: #f6f6f6; /*eaeaea*/
  display: block;
  clear: both;
  cursor: pointer;
}

li:hover .liste { display: block; } /* The magic */

.articleText ul {
  padding: 0 60px 0.7em 30px;
  margin: 0;
  list-style-position: outside;
  /* background-color: #eee; */
}
.articleText li {
  margin: 0;
  padding: 0 0 0.7em 0;
  list-style-type: square;
  list-style-position: outside;
  line-height: 1.4em;
  }
  .articleText li ul {
  margin: 0 0 0 1px;
  padding: 0.7em 0 0 0;
  color: #4262ad;
  list-style-type: none;
  font-size: 93%;
  }
  .articleText li ul li, 
  .articleText ul ul /* phpwcms html-rendering failure */ {
  padding: 0;
  margin: 0;
  color: #4262ad;
  font-size: 93%;
  list-style-type: none;
  list-style-position: outside;
  }
  .articleText ul li ul {
  padding-top: 0.7em;
  }
  .articleText ul ul li {
  list-style-type: none;
  padding: 0 0 0.7em 11px;
  margin: 0;
  background: url(../gfx/square0.gif) no-repeat 0 5px;
}

/* LISTE als LINKDARSTELLUNG start */

.articleSummary ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  clear: both;
  width: 100%;
  color: #444;
}

.articleSummary li a img {
  float: left;
  display: block;
  clear: both;
  padding: 0;
  margin: 0 15px 0 0;
  border: 0;
}

.articleSummary li {
  padding: 0;
  margin: 0;
  clear: both;
  display: block;
  color: #444;
}

.articleSummary li a, .articleSummary li a p  {
  padding: 0 15px 1.4em 0;
  background: url(../gfx/sep_list.gif) repeat-x bottom left;
  /*color: #444; PRINT all colors BLACK */
  text-decoration: none;
  list-style-type: none;
  display: block;
  min-height: 105px;
}

.articleSummary li a:hover {
  margin: 0;
  padding: 0 15px 1.4em 0;
  color: #444;
  text-decoration: none;
  clear: both;
  display: block;
  background-color: #f6f6f6;
  cursor: pointer;
}

li:hover .articleSummary { display: block; cursor: pointer; } /* The magic */


/* ----------------------------- */
/*           HACKS               */
/* ----------------------------- */

/* IE Hacks */

* html .articleSummary li a, .articleSummary li a p { height: 105px; }

/* ----------------------------- */
/*        HACKS END              */
/* ----------------------------- */