/* CSS Styles www.holtzbrinck-networks.de */
/*----------------------------------------*/
/*     Globales Style Sheet Dokument      */
/*----------------------------------------*/


#globalcontainer {
  margin: 0px auto;
  width: 818px;
  text-align: left;
  margin-top: 10px;
}
#topcontainer {
  position: relative;
  float: left;
  background: url(../gfx/main_top.gif) no-repeat top left;
  height: 20px;
  width: 818px;
}
#maincontainer {
  position: relative;
  float: left;
  background: url(../gfx/main_mid.gif) repeat-y top left;
  height: auto;
  width: 818px;
}
#bottomcontainer {
  position: relative;
  float: left;
  background: url(../gfx/main_bot.gif) no-repeat top left;
  height: 30px;
  width: 818px;
}
#globalcontent {
  position: relative;
  padding: 0 15px 0 15px;
  width: 788px;
  top: -7px;
}
#logo {
  position: relative;
  float: left;
  background: url(../gfx/logo_main.gif) no-repeat top left;
  width: 200px;
  height: 119px;
  margin: 0;
  paddnig: 0;
  font-size: 1%;
}
#header {
  position: relative;
  float: left;
  background: url(../picture/upload/Image/header_mouse.jpg) no-repeat top left #fff;
  width: 588px;
  height: 119px;
  margin: 0;
  padding:0;
  font-size: 1%;
}
#mainframe {
  position: relative;
  margin: 0 10px 0 10px;
}
#mainmenu {
  position: relative;
  float: left;
  height: 30px;
  line-height: 30px;
  width: 768px;
  background-color: #e2e2e2;
}
#content {
  /*border: 1px solid red;*/
  position: relative;
  float: left;
  background: url(../gfx/trenner_y.gif) no-repeat;
  width: 535px;
  min-height: 270px;
  padding: 25px 0 0 30px;
  margin: 0;
}

#searchbox {
  float: left;
  width: 171px;
  background-image: url(../gfx/mm_search_bg.gif);
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 30px;
  line-height: 30px;
}

/* SUCHE start */

#searchbox form {
  margin: 0;
  padding: 0;
}
#searchbox form div input {
  float: left;
  padding: 4px 3px 3px 3px;
  margin: 4px 3px 0 0;
  background-color: #fff;
  color: #000;
  font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
  font-size: 93%;
  border-top: 1px solid #414348;
  border-right: 1px solid #909297;
  border-bottom: 1px solid #e4e6eb;
  border-left: 1px solid #ae9999;
  width: 80px;
  height: 13px;
  }
  #searchbox form div label {
  float: left; !important
  clear: none; !important
  padding: 0 5px 0 0;
  margin: 0 5px 0 7px;
  font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 93%;
  color: #4262ad;
  line-height: 30px;
  }
  #searchbox form div legend {
  display: none;
}
#searchsubmit {
  float: left;
  padding: 0;
  margin: 4px 0 0 4px;
}

/* SUCHE ende */


/* FORMULARE start */

#contact_form {
  margin: 1.4em 0 0 0;
}
#contact_form input, #contact_form textarea, #contact_form select {
  padding: 4px 3px 3px 3px;
  margin: 0 20px 7px 0;
  background-color: #fff;
  color: #000;
  font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
  font-size: 93%;
  border-top: 1px solid #414348;
  border-right: 1px solid #909297;
  border-bottom: 1px solid #e4e6eb;
  border-left: 1px solid #ae9999;
  float: left;
  }
  #contact_form select {
  padding: 3px 3px 3px 3px;
  display: block;
  clear: right;
  width: 354px;
  }
  #contact_form input {
  width: 106px;
  height: 13px;
  }
  #contact_form textarea {
  width: 353px;
  height: 90px;
  }
  #contact_form label, #contact_form .formLabel, #contact_form .formLabelRequired {
  width: 110px;
  padding: 1px 0 3px 3px;
  font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
  color: #4262ad;
  background-color: #eee;
  height: 18px;
  line-height: 18px;
  }
  .formField {
  display: block;
  }
  #contact_form label, #contact_form .formLabelRequired, #contact_form .formLabel {
  float: left;
  }
  #contact_form .formLabelRequired {
  font-weight: bold;
  }
  #contact_form legend {
  display: none;
}
#contact_form #submitIt {
  float: left;
  padding: 0 0 2px 0;
  margin: 0 0 0 -114px;
  color: #fff;
  font-size: 101%;
  font-weight: bold;
  width: 114px;
  background-color: #4262ad;
  border-top: 1px solid #e4e6eb;
  border-right: 1px solid #909297;
  border-bottom: 1px solid #414348;
  border-left: 1px solid #ae9999;
  height: 23px;
}
#contact_form #name, #contact_form #email {
  width: 353px;
  clear: right;
  }
  #contact_form #email, #contact_form #country, #contact_form textarea {
  margin-bottom: 20px;
}

#newsletter .formLabel {
  /*float: left;*/
  margin: 0;
  padding: 4px 20px 4px 3px;
  font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
  color: #4262ad;
  background-color: #eee;
  height: 18px;
  line-height: 18px;
  }
  .newsletter input {
  /*margin: 0 20px 7px 0;*/
  background-color: #fff;
  color: #000;
  font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
  }
  .checkboxLabel {
  padding: 0 0 4px 0;
  margin: 0 0 4px 0;
  display: none;
  }
  .newsletter_checkbox {
  padding: 0;
  margin: 0 5px 0 0;
  display: none;
  }
  .inputNewsletter {
  padding: 4px 3px 3px 3px;
  margin: 0 20px 0 0;
  width: 170px;
  font-size: 93%;
  border-top: 1px solid #414348;
  border-right: 1px solid #909297;
  border-bottom: 1px solid #e4e6eb;
  border-left: 1px solid #ae9999;
  }
  .selectionLabel {
  display: none;
  }
  #formButton {
  float:left;
  padding: 4px 3px 3px 3px;
  margin: 1.4em 0 0 0;
  color: #fff;
  font-size: 101%;
  font-weight: bold;
  background-color: #4262ad;
  border-top: 1px solid #e4e6eb;
  border-right: 1px solid #909297;
  border-bottom: 1px solid #414348;
  border-left: 1px solid #ae9999;
  clear: both;
  }
  #newsletter {
  /*background-color: #f6f6f6;*/
  }
  #newsletter form {
  margin: 1.4em 0 0 0;
  padding: 0;
}

/* FORMULAR ende */

#subnavigation {
  position: relative;
  float: left;
  width: 171px;
}
#footer {
  position: relative;
  float: left;
  width: 750px;
  margin: 5px 0 5px 0;
}
.copyright {
  color: #4262ad;
  margin-left: 171px;
  }
  a.copyright {
  margin-left: 15px;
  text-decoration: none;
}
.headlinerow {
  clear: both;
  margin: 5px 0 10px 0;
}
.trenner_x, #break {
  background: url(../gfx/sep_hor.gif) repeat-x;
  height: 1px;
  font-size: 1%;
  width: 540px;
  clear: both;
  position: relative;
  float: right;
  right: 30px;
}
.trenner_results {
  background: url(../gfx/sep_hor.gif) repeat-x 0 15px;
  height: 16px;
  font-size: 1%;
  width: 100%;
  clear: both;
}
.border {
  position: relative;
  float: left;
  width: 768px;
  padding: 0 0 0 20px;
  background: url(../gfx/border_bg.gif) repeat-y top left;
}
.platzhalter {
  height: 10px;
  clear: both;
  font-size: 1%;
}
.block {
  position: relative;
  float: left;
  width: 20px;
  font-size: 1%;
  height: 30px;
  background-color:#e2e2e2;
  clear: left;
}


/* NAVIGATION */

/* Erste Ebene */

/*
#navigation {
  position: relative;
  float: left;
  left: 24px;
  margin: 0;
  padding: 0;
}
#navi {
  list-style: none;
  font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
  color: #4262ad;
  padding: 0;
  margin: 0;
  display: block;
  overflow: hidden;
}
#navi li {
  position: relative;
  float: left;
  font-weight: normal;
  overflow: hidden;
  padding-top: 0;
  margin-top: 0;
}
#navi li a {
  position: relative;
  float: left;
  text-decoration: none;
  padding: 0 6px 0 6px;
  margin: 0;
  font-weight: bold;
  font-size: 93%;
  color: #4262ad;
  overflow: hidden;
}
#navi li a:hover {
  color: #fff;
  background-color: #4262ad;
  overflow: hidden;
}
#navi li.cat-selected a, #navi li a.cat-selected {
  color: #4262ad;
  background-color: #fff;
  overflow: hidden;
}
#navi li.cat-selected:hover a, #navi li a.cat-selected:hover {
  color: #ccc;
  background-color: #fff;
  overflow: hidden;
}
*/

/* Erste Ebene */

#navigation {
  position: relative;
  float: left;
  left: 24px;
  overflow: hidden;
}
#levelsensitive, #levelsensitive ul {
  list-style: none;
  font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
  color: #4262ad;
  padding: 0;
  margin: 0;
  display: block;
  overflow: hidden;
}
#levelsensitive li {
  position: relative;
  float: left;
  font-weight: normal;
  overflow: hidden;
  padding-top: 0;
  margin-top: 0;
  height: 30px;
}
#levelsensitive li a {
  position: relative;
  float: left;
  text-decoration: none;
  padding: 0 6px 0 6px;
  margin: 0;
  font-weight: bold;
  font-size: 93%;
  color: #4262ad;
  overflow: hidden;
  height: 30px;
  line-height: 30px;
}
#levelsensitive li a:hover {
  color: #fff;
  background-color: #4262ad;
  overflow: hidden;
}
#levelsensitive li.cat-selected a,
#levelsensitive li a.cat-selected,
#levelsensitive_ul li #levelsensitive_active_link,
#levelsensitive_ul li a#levelsensitive_active_link
{
  color: #4262ad;
  background-color: #fff;
  overflow: hidden;
}
#levelsensitive li.cat-selected:hover a,
#levelsensitive li a.cat-selected:hover,
#levelsensitive_ul li:hover #levelsensitive_active_link,
#levelsensitive_ul li a#levelsensitive_active_link:hover
{
  color: #ccc;
  background-color: #fff;
  overflow: hidden;
}

/* UNTERNAVIGATION */

/* -- Erste Ebene -- */

#subnav, #subnav ul {
  margin: 0;
  list-style: none;
  width: 171px;
  overflow: hidden;
  font-size: 96%;
  font-weight: bold;
  background-color: #d3dbec;
  }
  #subnav {
  padding: 45px 0 45px 0;
  }
  #subnav ul {
  padding: 0;
}
#subnav ul li {
  position: relative;
  background-color: #d3dbec;
  overflow: hidden;
}
#subnav ul li a {
  display: block;
  text-decoration: none;
  padding: 9px 0 9px 24px;
  margin: 0;
  background-color: #d3dbec;
  overflow: hidden;
}
#subnav ul li a:hover {
  background-color: #4262ad; /*#f1f3f9*/
  padding: 9px 0 9px 24px;
  overflow: hidden;
}
#subnav ul li a.cat-selected, #subnav #subnav_ul li #subnav_active_link {
  background-color: #fff;
  overflow: hidden;
}
#subnav ul li a.cat-selected:hover, #subnav #subnav_ul li #subnav_active_link:hover {
  color: #ccc;
  background-color: #fff;
}

li:hover #subnav { display: block; } /* The magic */

/* -- Farben -- */
#subnav li a, 
#subnav li ul li a { color: #4262ad; }
#subnav li a:hover { color: #fff; }


#essential {
  margin-left: 198px;
  padding: 0;
  clear:both;
}
#essential ul {
  padding: 0;
  margin: 0;
  color: #4262ad;
}
#essential li, #essential li a {
  list-style-type: none;
  display: block;
}
#essential ul li {
  float: left;
  padding: 0 12px 0 0;
  margin: 6px 15px 6px 0;
  }
  /* FARBE */
  #essential ul li a {
  color: #4262ad;
  padding: 0 0 0 7px;
  margin: 0;
  background: url(../gfx/square0.gif) no-repeat 0 5px;
  }
  #essential ul li a:hover {
  color: #999;
}
#essential ul li a, essential ul li a:hover {
  text-decoration: none;
}
li:hover #essential { display: block; } /* The magic */

}


/* BILDER */
.imagebox {
  position: relative;
  float: left;
  padding-right: 15px;
  margin: 0;
}
.logobox, .teambox {
  position: relative;
  float: left;
  /*background-color: #eaeaea;*/
  margin: 0;
  clear: right;
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 10px;
  width: 100%;
  }
  .logobox p {
  padding: 0 0 1.4em 115px;
  margin: 0;
  }
  .teambox p {
  padding: 0 0 0 115px;
  margin: 0;
  }
  .teambox img {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 86%;
  color: #999;
}

.teamimg {
  position: relative;
  float: left;
  height: 72px;
  padding-right: 15px;
  clear: left;
  display: block;
}
.img {
  position: relative;
  float: left;
  clear: left;
}
.imgheader {
  position: relative;
  float: left;
}
.imghead_l {
  position: relative;
  float: left;
  background: url(../gfx/imghead_l.gif) no-repeat;
  width: 3px;
  height: 18px;
}
.imghead_m {
  position: relative;
  float: left;
  background: url(../gfx/imghead_m.gif) repeat-x;
  font-family: Geneva, Tahoma, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 93%;
  padding: 0 6px 0 6px;
  color: #fff;
  height: 18px;
}
.imghead_r {
  position: relative;
  float: left;
  background: url(../gfx/imghead_r.gif) no-repeat;
  width: 3px;
  height: 18px;
}
.imginfo {
  position: relative;
  float: left;
  font-family: Geneva, Tahoma, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 93%;
  color: #444;
  padding: 5px 0 10px 0;
  margin: 0;
  width: 338px;
}
.imginfo_top {
  position: relative;
  float: left;
  background: url(../gfx/imginfo_top.gif) no-repeat;
  height: 3px;
  width: 338px;
  font-size: 1%;
}
.imginfo_mid {
  position: relative;
  float: left;
  background: url(../gfx/imginfo_mid.gif) repeat-y;
  padding: 3px 10px 4px 10px;
  width: 318px;
}
.imginfo_bot {
  position: relative;
  float: left;
  background: url(../gfx/imginfo_bot.gif) no-repeat;
  height: 3px;
  width: 338px;
  font-size: 1%;
}
.top {
  background-image: url(../gfx/but_top.gif) no-repeat;
}

/* LISTEN start */

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

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

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


/* LISTE end */


.a_header, .a_header a {
  color: #4262ad;
  font-weight: bold;
}

.a_date {
  font-weight: normal;
  font-size: 93%;
  font-family: Geneva, Tahoma, Helvetica, sans-serif;
  color: #444;
  /*background-color: #005eab;*/
  text-decoration: none;
}

.c_nav {
  float: right;
  margin: 0 0 10px 0;
  height: 12px;
  font-size: 0.1%;
  clear: both;
}

.a_top, .a_back {
  font-size: 1%;
  margin-right: 10px;
  }
  .a_top {
  padding: 0;
  margin-right: 35px;
}

/*.print {
  text-decoration: none;
  }
  .print a {
  position: relative;
  float: right;
  background: url(../gfx/print0.gif) no-repeat 0px -1px;
  color: #666;
  font-size: 93%;
  font-weight: bold;
  text-decoration: none;
  padding: 0 36px 0 20px;
  margin: 6px 0 6px 0;
  overflow: hidden;
  }
  .print a:hover {
  background: url(../gfx/print1.gif) no-repeat 0px -1px;
  color: #4262ad;
  text-decoration: underline;
}
*/
.print {
  text-decoration: none;
  }
  .print a {
  position: relative;
  float: right;
  background: url(../gfx/printpage0.gif) no-repeat;
  color: #666;
  font-size: 0.1%;
  font-weight: bold;
  text-decoration: none;
  height: 12px;
  padding: 0 0 0 116px;
  margin: 6px 0 6px 0;
  overflow: hidden;
  }
  .print a:hover {
  background: url(../gfx/printpage1.gif) no-repeat;
}

.language {
  text-decoration: none;
  padding: 6px 37px 0 0;
  }
  .language a {
  position: relative;
  float: right;
  color: #666;
  text-decoration: none;
  overflow: hidden;
  padding-left: 6px;
  }
  .language a:hover {
  color: #4262ad;
}

.Code {
  float: left;
  padding: 1.4em 15px 1.4em 15px;
  margin: 0.7em 0 2.1em 0;
  font-weight: bold;
  font-size: 101%;
  color: #666;
  /*font-family: Georgia, Times, serif;*/
  background: url(../gfx/code_bg.gif) no-repeat 0 2px;
  /*background: url(../gfx/bg_kurs.gif) no-repeat bottom left;*/
  display: block;
  border-width: 1px; /*#EEDD7C*/
  border-top: 1px solid #dbdbdb;
  border-bottom: 2px solid #dbdbdb;
  width: auto;
  }
  .Code b, .Code strong {
  color: #a6272d;
  line-height: 1.4em;
  font-size: 121%;
}

.Title {
  color: #4262ad; /* BLAU: 31319f; ROT: a6272d; LIGHT: 999; DARK: 444*/
  font-size: 101%;
  font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
  font-weight: bold;
  padding: 12px 0 7px 0;
  margin: 0;
  clear: right;
  display: block;
}

.zitat {
  position: relative;
  float: left;
  color: #666;
  background-color: #f6f6f6;
  padding: 1.4em 25px 1.4em 25px;
  margin-bottom: 1.4em;
  display: block;
  line-height: 1.4em;
  }
  .zitat a {
  font-style: normal;
  }
  .zitat_headline {
  color: #4262ad; /* BLAU: 4262ad; ROT: a6272d; LIGHT: 999; DARK: 444*/
  font-weight: bold;
  padding: 0;
  margin: 0;
  clear: right;
  display: block;
}

.infobox {
  float: left;
  padding: 1.4em 15px 1.4em 15px;
  margin: 0.7em 0 2.1em 0;
  font-weight: bold;
  color: #666;
  font-size: 93%;
  /*font-family: Georgia, Times, serif;*/
  background: url(../gfx/code_bg.gif) no-repeat 0 3px;
  /*background: url(../gfx/bg_kurs.gif) no-repeat bottom left;*/
  display: block;
  border-width: 1px; /*#EEDD7C*/
  border-top: 1px solid #dbdbdb;
  border-bottom: 2px solid #dbdbdb;
  width: auto;
  }
  .infoboxtitel {
  color: #4262ad;
  line-height: 1.4em;
  font-weight: bold;
}

.bildtitel, .bildinfo {
  background-color: #666;
  color: #fff;
  font-family: Geneva, Tahoma, Helvetica, Verdana, sans-serif;
  font-size: 93%;
  font-weight: bold;
  padding: 2px 6px 3px 6px;
  margin: 5px 0 0 3px;
  }
  .bildinfo {
  font-weight: normal;
  font-size: 93%;
  color: #4262ad;
  background-color: #f6f6f6;
  display: block;
}

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

/* IE Hacks */

* html #globalcontent { width: 818px }

* html #content { height: 270px; }

* html #searchbox form div input { width: 94px; }

* html #searchbox form div input { width: 81px; }

* html .border { width: 768px }

* html .articleText { width: 420px; }

* html .liste a { height: 1% }

* html #contact_form select, 
* html #contact_form #name,
* html #contact_form #email,
* html #contact_form textarea { width: 349px; }
* html #contact_form select { font-size: 101%; margin-top: 1px; }
* html #contact_form #submitIt { padding: 0; }
* html #contact_form input { width: 104px; }

* html #newsletter input {  }
* html #newsletter .formLabel { display: block; float: left; padding-top: 2px; padding-bottom: 2px; }
* html #newsletter .inputNewsletter { float: left; padding: 4px 3px 4px 3px; }

* html #essential ul li a {  width: 1px; }

* html #subnav ul li { float: left; height: 1%; }
* html #subnav ul li a { height: 1%; }
* html #subnav ul li ul li { float: left; height: 1%; }
* html #subnav ul li ul li a { height: 1%; }
* html #subnav ul li ul li ul li { float: left; height: 1%; }
* html #subnav ul li ul li ul li a { height: 1%; }
* html #subnav ul li ul li ul li ul li { float: left; height: 1%; }
* html #subnav ul li ul li ul li ul li a { height: 1%; }

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