/* SHELL HEADER */

#header,#header-outer {
  *z-index: 40000;
  *position: relative;
}

div#header-outer {
  background: #fff url(../images/page_bg.gif) repeat-x 0 0;
}

div#header {
  width: 988px;
  margin: 0 auto;
  height: 85px;
  padding: 2px 6px 0; 
}

div#header dfn#logo {
  margin: 12px 0 0 6px;
  font-size: 200%;
  float: left;
}

div#header dfn#logo, div#header dfn#logo .bgfx, div#header dfn#logo .bgfx1 {
  width: 180px;
  height: 56px;
  background-image: url(../images/header_logo.gif);
  background-repeat: no-repeat;
}

div#header div.userinfo {
  float: right;
  font-size: 94%;
  margin-top: 0.6em;
}

div#header div.userinfo a.mail {
  padding-left: 19px;
  background: url(../images/icons/white/email.gif) no-repeat 0 50%;
}

div#header div.userinfo a.saved {
  padding-left: 19px;
  background: url(../images/icons/white/disk.gif) no-repeat 0 50%;
}

div#header div.search {
  clear: right;
  float: right;
  margin-top: 10px;
  position: relative;
}

div#header div.search input.text {
  font-size: 90%;
  padding: 2px 4px;
  color: #F7501C;
  width: 198px;
  height: 14px;
  border-color: #d8e8f3;
  border-right: 0;
  float: left;
}

div#header div.search input.search {
  background: url(../images/search_button.gif) center no-repeat;
  width: 27px;
  height: 20px;
  border-top: 1px solid #d8e8f3;
  border-right: 1px solid #d8e8f3;
  border-bottom: 1px solid #d8e8f3;
  padding: 0;
  border-left: 0;
  float: left;
}

/*
div#header div.search label {
  font-weight: 700;
  font-size: 90%;
  color: #2b4c75;
}*/



/* SHELL TOPNAV */

div#topnav {
  overflow: hidden;
  position: relative; /* IE KLUGE */
}

div#topnav div.tab_nav {
  font-size: 105%;
}

div#topnav div.tab_nav ul {
  width: 988px;
  margin: 0 auto;
  padding: 0 6px;
}

div#topnav div.tab_nav ul a {
  height: 19px;
  _height: auto;
  overflow: hidden;
  padding-left: 1.2em;
  padding-right: 1.2em;
}

div#topnav div.tab_nav div.shim {
  overflow: hidden;
  height: 2em;
}



/* CONTENT */

div#content {
  width: 988px;
  margin: 0 auto;
  padding: 1em 6px 0;
  min-height: 400px;
  _height: 400px;
}

div#content_banner, div.content_banner {
  background: #fdffba url(../images/uvp_bg.gif) repeat-x 0 50%;
  border: 1px solid #feee3b;
  text-align: center;
  margin-bottom: 13px;
}




/* SHELL FOOTER */

div#footer {
  clear: both;
  background-color: #36506e;
  padding-bottom: 0.6em;
}

div#footer div.wrapper {
  width: 988px;
  margin: 0 auto;
  padding: 0 0;
  overflow: hidden;
}

div#footer, div#footer h4, div#footer a, div#footer p, div#footer ul, div#footer ol, div#footer li {
  color: #dee7ed;
}

div#footer a:hover {
  text-decoration: none;
}

div#footer h4 {
  font-size: 130%;
  padding-left: 4px;
  margin-bottom: 0.3em;
}

div#footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

div#footer li {
  margin: 0;
  padding: 0;
}

div#footer div.column {
  float: left;
}

div#footer div.popular {
  width: 449px;
}

div#footer div.my_page {
  width: 304px;
}

div#footer div.featured {
  width: 235px;
}

div#footer div.popular li,
div#footer div.my_page li,
div#footer div.featured li {
  white-space: nowrap;
  float: left;
  overflow: hidden;
}

div#footer div.popular li, div#footer div.popular li {
  width: 145px;
}
div#footer div.my_page li {
  width: 145px;
}
div#footer div.featured li {
  width: 233px;
}

div#footer li a {
  display: block;
  background: no-repeat 4px 50%;
  border: 1px solid #36506e;
  padding: 0.1em 0.1em 0.1em 26px;
  overflow: hidden;
}

div#footer li a:hover {
  border: 1px solid #bcd9ed;
  /*background-color: #436388;*/
}

div#footer div.popular li a {
  background-image: url(../images/icons/dkblue/folder.gif);
}

div#footer div.my_page li a {
  background-image: url(../images/icons/dkblue/page_add.gif);
}

div#footer div.featured li a {
  background-image: url(../images/icons/dkblue/thumb_up.gif);
}



div#closer {
  background: #fff;
  font-size: 86%;
}

div#closer-inner {
  width: 988px;
  margin: 0 auto;
  padding: 0.5em 6px;
}

div#closer address {
  float: left;
}

div#closer ul {
  float: right;
  list-style: none;
}

div#closer li {
  float: left;
  margin-left: 1em;
}

div#closer a {
  color: #2e2e2e;
}



/* DEBUGGING */

/*
#content_body1 {
  background-color: #faa;
}

#content_body2 {
  background-color: #afa;
}

#content_body3 {
  background-color: #aaf;
}

#content_body4 {
  background-color: #ffa;
}

#content_body5 {
  background-color: #faf;
}
*/