/*
 * Copyright 2002-2007 inxire GmbH. All rights reserved.
 * ----------------------------------------------------------
 * Version: $Id: browse.css,v 1.30.24.5.6.1.2.2 2009/06/05 14:41:19 amorgner Exp $
 *
 * Cascading Stylesheet (CSS 1.0)
 *
 * CSS stylesheet for portal view.
 *
 * This file contains all special layout rules for public
 * browse pages, but no WebArticle layout.
 *
 * This file is indented to be maintained by the LAYOUTER.
 *
 * Use CSS classes, ID's or context nodes to narrow definitions                     *
 * !! NO tag defaults should go here !!!                                            *
 *
 * Author: Axel Morgner, Hans-Martin Keller and Lars Zimmermann
 */


/* ******************************************************************************** *
 * CSS rules for special page elements in portal region                             *
 *                                                                                  *
 * Use CSS classes, ID's or context nodes to narrow definitions                     *
 * !! NO tag defaults should go here !!!                                            *
 *                                                                                  *
 * ******************************************************************************** */

body.browsePage {
  background: #aab3bf url('../img/bg_wave2.jpg') repeat-x top center; /* do not use browser defaults or transparency */
}

body.editMode {
  width: 98%;    /* IE6 shows horizontal scrollbar otherwise (workaround) */
}

#mainTable {
  width: 974px;
  border-collapse: collapse;
  margin: 0 auto;
}

#mainTable td {
  padding: 0px;
}

#mainTable td#mainArea {
  padding: 0px;
  background: #fff url('../img/bg_content.gif') left top no-repeat;
}

#mainTable table.contentTable {
  width: 100%;
  margin-top: 16px;
  border-collapse: collapse;
  height: 400px;
}

/* Inner tables are tables within the content box.
 * Used for label/value listings or form item formatting. */
.innerTable {
  border-collapse: collapse;
}

/* Add only right padding to support left alignment with text above/below */
.innerTable td {
  padding-left: 0px;
  padding-right: 0.25em;
}

/*
 * Error formatting
 */
.errorMessage {
  margin-top: 1em;
  color: red;
}


/* ********************************** *
 *       Left Navigation Menu         *
 * ********************************** */
div.browseNavigationTree {
  width: 100%;
  color: #666;
}

/* div.browseNavigationTree div {
  height: 18px;
  line-height: 1em;
} */

.mlvl0 {
 /* padding: 8px 0px 4px 20px; */
  border-top: 1px solid #d1d4da;
  font-weight: bold;
  font-size: 1.0em;
}

.mlvl1 {
  /* padding: 8px 0px 4px 30px; */
  border-top: 1px solid #d1d4da;
  font-size: 1.0em;
  background: #f8fafb url('../img/mlvl1_bg.gif') repeat-y top right;
}

.mlvl2 {
  padding: 0px 0px 0px 20px;
  border-top: 1px solid #d1d4da;
}

.mlvl3 {
  padding: 2px 0px 2px 44px;
  border-top: 1px solid #d1d4da;
}

.mlvl4 {
  padding: 2px 0px 2px 56px;
  border-top: 1px solid #d1d4da;
}

.mlvl5 {
  padding: 2px 2px 2px 68px;
  border-top: 1px solid #d1d4da;
}

.mlvl6 {
  padding: 2px 0px 2px 80px;
  border-top: 1px solid #d1d4da;
}

/* Remove border on top item */
div.browseNavigationTree .topItem {
  border-top: none;
}

/* Link in browse navigation tree */
div.browseNavigationTree a:link,        div.browseNavigationTree a:visited,
div.browseNavigationTree a:focus {       /* :link:focus may confuse IE */
  text-decoration: none;
  color: #666;
  padding:8px 0 8px 15px;
  display:block;
}

div.browseNavigationTree a:link:hover,
div.browseNavigationTree a:visited:hover,
div.browseNavigationTree a:link:active,
div.browseNavigationTree a:visited:active {
  text-decoration: none!important;
  color: #333;
}

/* Link in browse navigation tree 2nd Level */
div.browseNavigationTree .mlvl1 a:link,
div.browseNavigationTree .mlvl1 a:visited,
div.browseNavigationTree .mlvl1 a:focus {       /* :link:focus may confuse IE */
  text-decoration: none;
  color: #898989;
  padding:8px 0 8px 25px;
}
div.browseNavigationTree .mlvl1 a:link:hover,
div.browseNavigationTree .mlvl1 a:visited:hover,
div.browseNavigationTree .mlvl1 a:link:active,
div.browseNavigationTree .mlvl1 a:visited:active {
  text-decoration: none!important;
  color: #eaa31a;
}





/* Ordinary tree element */
div.browseNavigationTree span {
}

/* Emphasis current path */
div.browseNavigationTree em {
  /*color: #fff;*/
  font-style: normal!important;
}

div.browseNavigationTree .currentPath {
/*  text-decoration: underline;*/
  background: #536070 url('../img/mlvl0_bg.gif') repeat-y top right;
}

/* Emphasis current node */
div.browseNavigationTree .currentNode {
  background: #536070 url('../img/mlvl0_bg.gif') repeat-y top right;
}

div.browseNavigationTree .currentPath a,
div.browseNavigationTree .currentPath a:hover {
  color: #fff;
  background:  url('../img/d_arrow_white.gif') no-repeat 202px center;
}

/* Emphasis current node */
div.browseNavigationTree .currentNode a,
div.browseNavigationTree .currentNode a:hover {
  color: #fff;
  background: url('../img/r_arrow_white.gif') no-repeat 202px center;
}







div.browseNavigationTree .mlvl1.currentPath {
  background: #f8fafb url('../img/mlvl1_bg.gif') repeat-y top right;
}

/* Emphasis current node */
div.browseNavigationTree .mlvl1.currentNode {
  background: #f8fafb url('../img/mlvl1_bg.gif') repeat-y top right;
}

div.browseNavigationTree .mlvl1.currentPath a {
  color: #eaa31a;
  background:none;
}

/* Emphasis current node */
div.browseNavigationTree .mlvl1.currentNode a, div.browseNavigationTree .mlvl1.currentNode a:visited {
  color: #eaa31a;
  background:none;
}


/* ********************************** *
 *           Content Columns          *
 * ********************************** */

#leftColumnBox {
  vertical-align: top;
  width: 216px;
  /*padding-left: 20px ! important;*/
  background: transparent url('../img/main_content_shadow_left.jpg') right top no-repeat;
  margin: 0px ! important;
  padding: 0px ! important;
}

#leftColumnBoxIndex {
  vertical-align: top;
  width: 20px;
  /*padding-left: 20px ! important;*/
  background: transparent url('../img/main_content_shadow_left.jpg') right top no-repeat;
  margin: 0px ! important;
  padding: 0px ! important;
}

#middleColumnBox {
  /*height: 400px;*/
  /* width: 100%;    HMK: brake layout for some browsers */
  width: 542px;
  vertical-align: top;
  padding: 0px;
  margin: 0px;
  background: #fff;
}

#middleColumnBoxIndex {
  /*height: 400px;*/
  /* width: 100%;    HMK: brake layout for some browsers */
  width: 761px;
  vertical-align: top;
  padding: 0px;
  margin: 0px;
  background: #fff;
}

.innerHeader {
  width: 545px;
  height: 87px;
  /*background: url('../img/inner_header.jpg') left top no-repeat;*/
}

#rightColumnBox {
/*  height: 400px;*/
  width: 216px;
  text-align: left;
  vertical-align: top;
  /*padding-left: 40px ! important;*/
  background: transparent url('../img/main_content_shadow_right.gif') left top no-repeat;
}

#footerBox {
  text-align: center;
  color: #fff;
  font-size: 0.9em;
}

#footerBox a,
#footerBox a:link,
#footerBox a:visited {
  color: #fff;
}

/* Intro article on index page */
.intro {
  width: 200px; /* same width as header image */
  margin: 30px 0 0 0;
  padding: 0px 29px;
  border-right: 1px solid #e5e5e8;
  float: left;
  line-height: 1.5em;
}

.intro .abstract {
  font-weight: bold;
}

.intro .title {
  font-size: 1.47em;
  color: #585858;
}

.intro h1.abstractTitle {
  display:none;
}




/*div.abstract p {
 display: inline;
}*/


/* Container for teaser articles in two-column layout */
.teaserContainer {
  width: 460px;
  float: left;
  line-height: 1.5em;
  color: #585858;
}

.teaser {
  width: 190px;
  height: 160px;
  margin: 30px 0 13px 0;
  padding: 0px 0 0 35px;
  float: left;
}

.teaser .titlepage {
  width: 187px;
  height: 55px;
  text-align: left ! important;
  padding: 0px;
  margin: 0px;
}

.teaser h1.abstractTitle {
  font-size: 1em;
  color: #585858;
  padding: 0px;
  margin: 0px;
  line-height: 1em;
  text-indent: -9999px;
}

.teaser div.mediaobject {
  height: 54px;
  width: 180px;
  padding: 0px;
  margin: 0px;
}

.teaser div.titleBox {
  height: 1px;
  width: 1px;
  padding: 0px;
  margin: 0px;
}

.teaser h1.abstractTitle a,
.teaser h1.abstractTitle a:link,
.teaser h1.abstractTitle a:visited {
  color: #585858;
  text-decoration: none ! important;
}

.teaser .abstract {
  padding: 0px;
  margin: 0px;
}

/* Box around content area (middle column), may include <h1> */
.contentArea {
  padding: 0em 20px 0em 28px;
/*  border-top: 1px solid #fff;*/
  line-height:1.5em;
}

.contentArea h1 {
 line-height:1.2em;
}

.contentArea .abstract {
 font-size:1em;
 font-weight:bold;
 margin: 0 0 10px 0;
}

.contentArea h2.sectionTitle {
 font-size:1em;
 margin-top:30px;
 }

.contentArea .section p {
 font-size:1em;
 line-height:1.6em;
 margin: 0 0 1.4em 0;
}

.contentTable h3 {
 margin:0 0 2em 0;
 color:#2d3844;
 font-weight:bold;
}

.overview .contentArea .abstract {
  font-weight: normal ! important;
  margin-bottom: 0;
}

.overview .moreLink {
  margin-bottom: 6em;
}

h2.subtitle {
  color:#454444;
  font-size:1.25em;
  font-weight:bold;
  line-height:1.4em;  
}

.editMode .contentArea {
  border: 1px solid #d3d3d3;
  margin: 0.5em 0.5em 1.0em 0.5em;
  padding: 0.5em 28px;
}

div.localEditHandle {
  border-top: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  background-color: #f0f0f0;
  margin: 0.5em 0.5em -0.5em 0.5em;
  padding: 0.25em 1.0em;
}

div.globalEditHandle {
  border: 1px solid #d3d3d3;
  background-color: #f0f0f0;
  margin: 0.5em 0.5em 1.0em 0.5em;
  padding: 0.25em 1.0em;
}

/* normalize article margins (and avoid double border bug in IE5.5) */
.contentArea div.article {
  margin-top: 1em;
  /* border-top: 1px solid blue; */
}

/* Heading in itemArea */
.itemArea h2 {
  padding: 0 0 0.5em 0;
  margin: 0;
}

/* Item area in left or right column.
 * HMK: brakes CSS concept, use contentArea and define some add-on class for layout */
.itemArea {
  width: 100%;
}

.item {
  padding: 2px;
  white-space: nowrap;
}

.item img, .areaHeader img, .moreLink img {
  vertical-align: middle;
}

.moreLink,
.moreLink a,
.moreLink a:link,
.moreLink a:visited {
  margin-top: 0em;
  text-align: right;
  color:#467ebd!important;
}

.gallery,
.singleImage {
  padding: 0 20px 0 28px ! important;
}

.gallery .imageArea {
  display: table-cell;
  vertical-align: middle;
  width: 120px;
  #position: absolute;
  #top: 50%;
}


.gallery .imageArea .thumbnail {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  #position: relative;
  #top: -50%
}

.mediaObjectTitle {
  /*width: 118px;*/
  height: 20px;
  text-align: center;
  font-size: 0.9em;
  line-height: 1.25em;
}

.mediaObjectTitle a,
.mediaObjectTitle a:link,
.mediaObjectTitle a:visited {
  color: #888 ! important;
  text-decoration: none ! important;
}


.mediaObjectTitle a.active,
.mediaObjectTitle a:link.active,
.mediaObjectTitle a:visited.active,
.mediaObjectTitle a:hover {
  color: #000 ! important;
}


/* inner area for thumbnail slides */
.gallery .slide {
  /*text-align: center;*/
  width: 120px;
  height: 120px;
  display: table;
  overflow: hidden;
  #position: relative;
}

/* outer area for thumbnail slides */
.gallery .slideFrame {
  float: left;
  width: 120px;
  height: 180px;
}


.detail img {
  max-width: 490px;
  max-height: 490px;
}

div.mediaobject {
  /*margin:0;*/
  /*text-align:left;*/
}

.mediaobject.alignLeft {
  float:left;
  padding:0 35px 25px 0;
}

.mediaobject.alignCenter {
  padding:0 0 25px 0;
}

.mediaobject.alignRight {
  float:right;
  padding:0 0 25px 35px;
}


/* ********************************** *
 *           Header box               *
 * ********************************** */

/*
#headerBar {
  line-height: 4em;
  width: 100%;
  height: 114px;
  margin: 0px;
  padding: 0px;
}
*/
#headerBar em {
  font-style: normal;
  font-weight: bold;
}

.utils {
  background: url('../img/logo_inxire.gif') 20px 15px no-repeat;
  text-align: right;
  height: 56px;
  width: 100%;
  margin: 0px;
  padding: 0px;
  color: #cad9ec;
  line-height: 4em;
}

.utils a,
.utils a:link,
.utils a:visited {
  color: #cad9ec ! important;
  text-decoration: none ! important;
}

.utils a:link:hover,
.utils a:link:active,
/* .utilities a:link:focus,*/
.utils a:hover,
.utils a:active,
.utils a:focus {
  color: #fff ! important;
  text-decoration: underline ! important;
}

.utils .info {
  padding-right: 20px;
}

.topNavi {
  position: relative;
  background: url('../img/top_navi_bg.gif') left top no-repeat;
  height: 46px;
  text-align: right;
}

/* Search form */
.topNavi form {
  position: absolute;
  right: 22px;
  top: 12px;
  width: 300px;
  height: 24px;
}

.topNavi form input {
  /*line-height: 1em;*/
}

#headerSearchInputField {
  height: 16px;
  border: 1px solid #8a9096;
}

.topNavi form img {
  margin: -5px 3px 0px 0px;
  vertical-align: middle;
}

#menuBox {
  position: absolute;
  top: 20px;
  left: 6px;
  height: 40px;
  width: 720px;
  text-align: left;
  text-transform: uppercase;
/*  background: url('../img/browse_menu_bg_left.gif') top left no-repeat;*/
}

#pathBar {
  padding: 0 20px 0 28px;
  font-size: 0.9em;
  margin-top: 18px;
}

#pathBar .path {
  height: 20px;
  color: #888;
}

.path a,
.path a:link,
.path a:visited {
  color: #888 ! important;
  text-decoration: underline;
}

.path a:focus,
.path a:link:hover,  .pathBar a:visited:hover,
.path a:link:active, .pathBar a:visited:active {
  color: #888;
  text-decoration: underline;
}

.path img {
  vertical-align: middle;
  padding: 0px 5px;
}

/* Preview warning - should be big and ugly */
.previewWarning {
  clear: both;
  text-align: center;
  font-size: 3em;
  color: #ff5b5e;
}

.previewWarning h1 {
  margin: 0;
  padding: 0;
}

/*
 * Overwrite result pager in browse pages
 */
.pager em {
  font-style: normal;
  font-weight: bold;
  color: #454545;
  font-size: 12pt;
}
.pager a:link,        .pager a:visited,
.pager a:focus,                                        /* :link:focus may confuse IE */
.pager a:link:hover,  .pager a:visited:hover,
.pager a:link:active, .pager a:visited:active {
  text-decoration: underline;
  color: #454545;
  font-size: 12pt;
}
.pager img {
  vertical-align: middle;
}

/* **************************************** *
 * Stage area, used for multimedia content  *
 * **************************************** */
.stage.index {
  height: 299px;
/*  border-bottom: 6px solid #eaa31a;*/
}

.stage {
  height: 69px;
  border-bottom: 6px solid #eaa31a;
  background: url('../img/bg_header.jpg') no-repeat;
}

/* **************************************** *
 * Portal frame bottom with rounded corners *
 * **************************************** */

table.portalFrameBottom {
  border-collapse: collapse;
  padding: 0px;
  margin: 0px;
  height: 20px;
  width: 100%;
}

.portalFrameBottom td.left {
  width: 20px;
  height: 20px;
  background: url('../img/main_round_corner_left.gif') left top no-repeat;
}

.portalFrameBottom td.middle {
  width: 945px;
  height: 20px;
  background: #fff;
}

.portalFrameBottom td.right {
  width: 20px;
  height: 20px;
  background: url('../img/main_round_corner_right.gif') right top no-repeat;
}


/* ********************************** *
 *             Login Page             *
 * ********************************** */

#outerLogin {
  width: 100%;
  text-align: center;   /* needed for IE 5.5 to center loginBox */
}

#loginBox {
  margin-left: auto;
  margin-right: auto;
  margin-top: 10em;
  text-align: left;
  width: 32em;
}

#loginHeaderBox {
  height: 139px;
}

.loginTable {
  width: 100%;
  border-collapse: collapse;
}

.loginTable td {
  padding: 0px;
  background: #f2f4f7;
  color: #666;
}

.loginTable a,
.loginTable a:visited {
  color: #666;  
}

.loginTable td h1 {
  color: #000;
  margin-top: 0;
}

.loginTable td.left,
.loginTable td.right {
  width: 2em;
}

.loginTable td.top,
.loginTable td.bottom {
  height: 2em;
}

.loginTable td.topLeft,
.loginTable td.topRight,
.loginTable td.bottomLeft,
.loginTable td.bottomRight {
  width: 2em;
  height: 2em;
}

.loginTable td.topLeft {
  background: url('../img/login_top_left.gif') top left no-repeat;
}

.loginTable td.topRight {
  background: url('../img/login_top_right.gif') top right no-repeat;
}

.loginTable td.bottomLeft {
  background: url('../img/login_bottom_left.gif') bottom left no-repeat;
}

.loginTable td.bottomRight {
  background: url('../img/login_bottom_right.gif') bottom right no-repeat;
}

.loginTable .links {
  padding-top: 1em;
}

.loginSpacer { line-height: 0.5em; }

.loginTable .input {
  text-align: right;
}

.loginTable .input input[type=text],
.loginTable .input input[type=password] {
  width: 20em;
  margin: 0;
}

#loginHeaderBox {
  background: url('../img/logo_white.gif') 35px 12px no-repeat;
}


/* ********************************** *
 *  Solid and outlined content boxes  *
 * ********************************** */

.contentBox {
  width: 85%;
  border-collapse: collapse;
}

.contentBox h2 {
  margin-top: 0;
}

.contentBox.solid td {
  background: #ebeef1;
}

.contentBox.outline td {
  background: #fff;
  border: none;
}

.contentBox td.topLeft,
.contentBox td.topRight,
.contentBox td.bottomLeft,
.contentBox td.bottomRight {
  width:  7px;
  height: 7px;
}

.contentBox.solid td.topLeft { background: url('../img/content_box_top_left.gif') top left no-repeat; }
.contentBox.solid td.topRight { background: url('../img/content_box_top_right.gif') top right no-repeat; }
.contentBox.solid td.bottomLeft { background: url('../img/content_box_bottom_left.gif') bottom left no-repeat; }
.contentBox.solid td.bottomRight { background: url('../img/content_box_bottom_right.gif') bottom right no-repeat; }

.contentBox.outline td.left { border-left: 1px solid #ebeef1; }
.contentBox.outline td.right { border-right: 1px solid #ebeef1; }
.contentBox.outline td.top { border-top: 1px solid #ebeef1; }
.contentBox.outline td.bottom { border-bottom: 1px solid #ebeef1; }
.contentBox.outline td.topLeft { background: url('../img/content_box_top_left_outline.gif') top left no-repeat; }
.contentBox.outline td.topRight { background: url('../img/content_box_top_right_outline.gif') top right no-repeat; }
.contentBox.outline td.bottomLeft { background: url('../img/content_box_bottom_left_outline.gif') bottom left no-repeat; }
.contentBox.outline td.bottomRight { background: url('../img/content_box_bottom_right_outline.gif') bottom right no-repeat; }

/* ********************************** *
 *             Sitemap                *
 * ********************************** */

/*
 * The sitemap follows the new navigation tree style. This HTML
 * structure is in accordance with the accessibility guidelines:
 *
 * <div class="sitemapTree">
 *   <ul class="menuLevel1">
 *     <li class="itemLevel1">
 *       <div class="itemHeader1">
 *         <a href="...">LEBEN IM QUADRAT</a>
 *       </div>
 *     </li>
 *     ...
 *     <li class="currItemLevel1">
 *       <div class="currItemHeader1">
 *         <a href="..."><em>FREIZEIT</em></a>
 *       </div>
 *       <ul class="menuLevel2">
 *         <li class="itemLevel2">
 *           <div class="itemHeader2">
 *             <a href="...">FACHBEREICH SPORT UND FREIZEIT</a>
 *           </div>
 *         </li>
 *         ...
 *         <li class="currItemLevel2">
 *           <div class="currItemHeader2">
 *             <a href="..."><em>SCHWIMMEN</em></a>
 *           </div>
 *         </li>
 *         ...
 *       </ul>
 *     </li>
 *   </ul>
 * </div>
 */

/* reset defaults for all menu lists */
ul.menuLevel1, ul.menuLevel2, ul.menuLevel3,
ul.menuLevel4, ul.menuLevel5, ul.menuLevel6 {
  margin: 0px;    /* needed by IE */
  padding: 0px;   /* needed by Mozilla */
  /* border: 1px solid green; */
}

ul.menuLevel1 li, ul.menuLevel2 li, ul.menuLevel3 li,
ul.menuLevel4 li, ul.menuLevel5 li, ul.menuLevel6 li {
  display: block;
  list-style-type: none;
  /* border: 1px solid green; */
}

.sitemapTree {
  font-size: 1.0em;  /* 0.83em; */
  /* line-height: 140%;  /* reduce line height */
}

/* Link in sitemap */
.sitemapTree a:link,        .sitemapTree a:visited,
.sitemapTree a:focus {        /* :link:focus may confuse IE */
  text-decoration: none;
}
.sitemapTree a:link:hover,  .sitemapTree a:visited:hover,
.sitemapTree a:link:active, .sitemapTree a:visited:active {
  text-decoration: underline;
}

.sitemapTree h1, .sitemapTree h2, .sitemapTree h3,
.sitemapTree h4, .sitemapTree h5, .sitemapTree h6 {
  font-weight: normal;
  font-size: 1em;
  margin: 0px;
}

.sitemapTree em {
  font-style: italic;
  /* font-weight: bold; */
}

.sitemapTree ul.menuLevel1 ul {
  padding-left: 2em;
}


/* ********************************** *
 *           Thread Tree              *
 * ********************************** */

.postTree {
  font-size: 1.0em;  /* 0.83em; */
  line-height: 140%;  /* reduce line height */
}

.postTree h1, .postTree h2, .postTree h3,
.postTree h4, .postTree h5, .postTree h6 {
  font-weight: normal;
  font-size: 1em;
  margin: 0px;
}

.postTree em {
  font-style: italic;
  /* font-weight: bold; */
}

.postTree ul.menuLevel1 ul {
  padding-left: 2em;
}


/* ********************************** *
 *           Browse Search            *
 * ********************************** */

.searchTitle,
.searchResults  a,
.searchResults  a:link,
.searchResults  a:visited {
  font-weight: bold;
  font-size: 10.5pt;
  text-decoration: none;
  color: #585858;
}

.searchResults {
  vertical-align: top;
  padding-right: 10px ! important;
}

.searchResults div.article {
  margin-top: 0 ! important;
}

.searchResults .abstract {
  font-weight: normal ! important;
}

.searchInfo {
  padding-right: 1em;  /* need by postList.jsp */
}
.searchInfo img {
  vertical-align: middle;
}

.scoreBarOuterBox {
  margin: 0.25em 0 0.5em 0;
  border: 1px solid #ccc;
  width: 104px;
}

.scoreBarInnerBox {
  background-color: #eaa31a;
  margin: 2px;
  padding: 0px;
  font-size: 0.5em;  /* dummy size, IE 5.5 will not make box smaller than font-size+2 */
  line-height: 80%;
  height: 1.5em;  /* 8px; */
  /* width is specified on-the-fly by "style" attribute */
}


/* ************************************************************************** *
 *                    Main Menu Customization                                 *
 * ************************************************************************** */

/*
 * Box around main menu list. The following definitions may be used as a template
 * for menu bar customization.
 *
 * HMK:
 * 1) "width" must be given, or IE5.5 will brake header height and IE 6 may hang !!
 *    (TestCase: iocore/src/web/test/scripttest/nestedDivBug.html)
 * 2) "padding must not be set here, but in "menuList" (brakes menu positioning)
 */
 
.browsePage .mainMenu {
  width: 100%;
  font-weight: bold;
  font-size: 1.0em;
  line-height: 1em;
}

.browsePage .mainMenu .menuList {

}

.browsePage .mainMenu .singleMenuBox {
  float: left;
  display: block;
  border-right: 1px solid #4f5458;
  height: 0.8em;
  line-height: 0.8em;
}

.browsePage .mainMenu #first {
}

.browsePage .mainMenu #last {
  border: none ! important;
}

/* Style of actuator element (may be an anchor or span) */
.browsePage .mainMenu .actuator,
.browsePage .mainMenu a.actuator:link,
.browsePage .mainMenu a.actuator:visited {
  font-weight: bold;
  text-decoration: none;
  /* margin: 0px 10px;    /* do not use vertical margin, or menus will be mis-alligned */
  padding: 0px 1em;
  color: #4f5458;
}

.browsePage .mainMenu #last .actuator,
.browsePage .mainMenu #last a.actuator:link,
.browsePage .mainMenu #last a.actuator:visited {
  border: none ! important;
}

.browsePage .mainMenu .current {
  color: #efab00 ! important;
}

 /* :link:focus may confuse IE */
.browsePage .mainMenu a.actuator:focus,
.browsePage .mainMenu a.actuator:link:hover,
.browsePage .mainMenu a.actuator:link:active,
.browsePage .mainMenu a.actuator:visited:hover,
.browsePage .mainMenu a.actuator:visited:active {
  text-decoration: none;
  color:#EFAB00;
}


/* define width for some menus (needed by IE, NS7 and Mozilla) */
#helpMenu           { width: 11em; }



/* **************************************** *
 *  Side area of index page                 *
 * **************************************** */

.sideBox {
  margin-bottom:15px;
  padding: 15px;
  background:#E7EAEE url('../img/bg_sidebox.gif') repeat-y top left;
}

.sideBox ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

.sideBox .news li {
  padding-left:10px;
  margin:0 0 10px 0;
  background: url('../img/pfeil_box.gif') left 6px no-repeat;
}

.sideBox .news li a {
  color:#5d7b9c;
  text-decoration:none;
  font-size:12px;
}

/* **************************************** *
 *  Banner area at bottom of index page     *
 * **************************************** */
.banner {
  padding: 30px 0 10px 0px ! important;
  background: #fff;
}