/*
 * Copyright 2002-2011 inxire GmbH. All rights reserved.
 * ----------------------------------------------------------
 * Version: $Id: browse.css,v 1.30.24.5.6.2.2.63 2011/02/02 17:47:02 mgall 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.send
 *
 * Use CSS classes, ID's or context nodes to narrow definitions                     *
 * !! NO tag defaults should go here !!!                                            *
 * 
 * Author: Axel Morgner and Hans-Martin Keller
 */


/* ******************************************************************************** *
 * 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 !!!                                            *
 *                                                                                  *
 * ******************************************************************************** */
 
 /* Erzwingen des Scrollbalken */
/*html { height: 100% }
body { min-height: 101% }*/
html {overflow-y: scroll;}

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

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

.mainTable, .shadowTable {
  width: 1000px;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 auto;
  padding: 0;
}

.mainTable td, .shadowTable td {
  padding: 0px;
  margin: 0;
}

.mainTable table.contentTable {
  width: 100%;
  height: 400px;
  background: #fff;
  border-spacing: 0;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
}

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

.mediaTableWrapper {
  text-Align: center;
}

.mediaTable {
  padding-left: auto;
  padding-right: auto;
  border-collapse: collapse;
  width: 100%;
}

.mediaTable .imageArea td {
  padding-left: 0px;
  padding-right: 0px;
}

.mediaTable .imageArea a, .mediaTable .imageArea a:hover {
/* Ticket: 2010021010000011 */
  color: #626465;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-style: italic;
  letter-spacing: 0;
  line-height: 12px;
  padding:7px 0 0 !important;
}

/* 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: 215px;
  margin: 0;
  
/*  font-size: 1.2em;*/
}

/*.mlvl0 {
  padding: 3px 0px 4px 3px;
  border-bottom: 1px dotted #d2d6db;
}*/

.mlvl1 {
  padding: 2px 0px 2px 20px;
  border-bottom: 1px solid #d2d6db;
}

.mlvl2 {
  padding: 2px 0px 2px 32px;
  border-bottom: 1px solid #d2d6db;
}

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

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

.mlvl5 {
  padding: 2px 2px 2px 68px;
  border-bottom: 1px solid #d2d6db;
}

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

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

/* Emphasis current node */
div.browseNavigationTree em.currentNode, div.browseNavigationTree em.currentPath {
  /*padding-left: 8pt;
  background: url('../img/r_arrow_dark.gif') no-repeat left center;*/
  font-weight: normal;
  /*color: #9e0204;*/
  color: #c3393c;
}


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

#leftColumnBox {
  vertical-align: top;
  width: 215px;
}

#rightColumnBox {
  width: 165px;
  text-align: left;
  vertical-align: top;
  /*padding-right: 1px;*/
}

#rightColumnBox .wrapper {
  background: #e6eaed;
  /*padding: 0 0 0 5px;*/
  margin: 0 ;
}

/*#rightColumnBox .teaserContent  {
  background-color: #e5e8ed;
}*/

/*#rightColumnBox .teaserBackground  {
  height: 100%;
  background: url('../img/teaser_middle_graphic.jpg') left repeat-y;
}*/


/*
  Right Column box is the tuev customized teaser
*/

#rightColumnBox .teaserContent  {
  height: 100%;
  background: url('../img/teaser_middle_graphic.jpg') left repeat-y;
} 

#teaserTopGraphic  {
  height: 24px;
  background: url('../img/teaser_top_graphic.jpg') left bottom no-repeat;
  padding-right: 1px;
}

#teaserBottomGraphic  {
  background: url('../img/teaser_bottom_graphic.jpg') left top no-repeat;
  height: 35px;
  padding-right: 1px;
}

#rightColumnBox .wrapper .article .section p, .wrapper .teaserContent em.highlightedLink, .wrapper .teaserContent em.lightHighlightedLink {
  font-size: 9.5px;
}

#rightColumnBox .wrapper .article .section p {
  /*width: 153px; /*  172px - (padding-left + padding-right)*/
  padding: 0 6px 17px 6px;
  line-height: 14px;
  color: #283a3c !important;
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-decoration: none;
  font-style: normal;
  letter-spacing: 0;
  margin-top: 10px;
  margin-bottom: 0;
}

#rightColumnBox .wrapper .article .mediaobject {
  margin: 0;
  padding: 0 1px 0 0;
  text-align: center;
  /*width: 172px;*/
}

#rightColumnBox .wrapper .article .mediaobject img {
  /*margin: 10px 0 10px 0;*/
  text-align: center;
  padding: 0;
}

#rightColumnBox .wrapper .article .titlepage .title {
  color: #283a3c !important;
  display: block;
  font-size: 10.5px;
  font-family:  Arial, Helvetica, sans-serif;
  font-weight: bold;
  /*margin: 26px 0 10px 0;*/
  /*margin: 0 0 7px 0;
  padding: 0 8px 0 11px;*/
  margin: 0 0 6px 0;
  padding: 0 6px 0 6px;
  float: none;
  line-height: 1.5em;
  letter-spacing: 0.5pt; /** @TODO Max 0.0 */
}

#rightColumnBox .wrapper .article .section h2   {
  margin: 0;
  padding: 0;
}

#rightColumnBox .wrapper .teaserDot {
  height: 1px;
  background: url('../img/teaser_dot.gif') repeat-x center; /* do not use browser defaults or transparency */
}

#rightColumnBox .wrapper .teaserDotWrapper  {
  padding: 0 4px;
  margin: 9px 0 24px 0;
}

#rightColumnBox .teaserContent .mediaobject {
  float: none;
  margin: 0;
  padding: 0;
}

/*#teaserTopGraphic {
  background: url('../img/teaser_top_graphic.jpg') left top no-repeat;
}

#teaserBottomGraphic {
  background: url('../img/teaser_bottom_graphic.jpg') left top no-repeat;
}*/

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

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

.newsSite div.localEditHandle {
  margin-right: 20px;
  margin-bottom: 5px;
  margin-left: 0;
}

.newsSite .teaser div.localEditHandle {
  margin-top: 0;
  margin-right: 0;
}

.newsSite .rest div.localEditHandle {
  margin-right: 0;
}

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

/* Display images and video object. Specify margin and padding here */
.imageArea {
  text-align: center;    /* Needed by IE to center table horizontally */
  /*border: 1px solid #ccc;*/
  padding: 0.25em;
  margin-top: 20px;
}
/* Table around image or videoobject, specify view port size with this element */
.imageArea table {    
  margin-left: auto;     /* Needed by standard browsers to center table */
  margin-right: auto;
  border-collapse: collapse;
}
.imageArea td {       /* This cell contains the image or videoobject */
  padding: 0px;       /* needed by IE, Moz, ... */
  text-align: center;
  vertical-align: middle;
}


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

/*.imgHeader {
  text-align: right;
  background: #FFFFFF;
  height: 87px;
}*/

/* Search form 
.imgHeader form {
  height: 36px;
  padding: 12px 45px 0px 0px;
  vertical-align: top;
}*/

/*.imgHeader form input {
  height: 22px;
  margin: 0px;
}*/

/*.imgHeader form img {
  margin: -6px 3px 0px 0px;
  vertical-align: middle;
}*/

#headerBar {
  line-height: 4em;
  width: 100%;
  height: 144px;
  margin: 0px;
  padding: 0px;
}

#headerBar em {
  font-style: normal;
  font-weight: bold;
}

#menuBox {
  text-align: left;
}

.pathBar a,
.pathBar a:link,
.pathBar a:visited {
  color: #a4a7a6;
  text-decoration: none;
}

.pathBar a:focus, 
.pathBar a:link:hover,  .pathBar a:visited:hover,
.pathBar a:link:active, .pathBar a:visited:active {
  color: #C00F23;
  text-decoration: none;
}

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

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

/* **************************************** *
 * 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/portal_frame_left.gif') left top no-repeat;
}

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

.portalFrameBottom td.right {
  width: 20px;
  height: 20px;
  background: url('../img/portal_frame_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;
  color: #626465;
}

#loginBox h1  {
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none !important;
  color: black !important;
  /*font-style: italic;*/
  margin-bottom: 10px;
}

#loginHeaderBox {
  height: 139px;
  background: url('../img/tuev_at_logo.jpg') 35px 12px no-repeat; ;
}

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

.loginTable td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding: 0px;
  /*background: #f2f4f7;*/
  background: #EEF2F3;
  /*color: #666;*/
  color: #626465;
}

/*.loginTable a,
.loginTable a:visited {
  color: #666;  
}*/
.loginTable .links a:link, .loginTable .links a:visited, .loginTable .links a:link:focus, .loginTable .links a:visited:focus,
.loginTable .links a:link:hover, .loginTable .links a:visited:hover, .loginTable .links a:link:active, .loginTable .links a:visited:hover
{
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none !important;
  color: #c3393c !important;
  font-style: italic;
}

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

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

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

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

#loginFooterBox {
  font-size: 0.9em;
  width: 773px;
  height: 28px;
  margin: 25px auto;
  background: transparent url(../img/printview_footer.jpg) no-repeat scroll 0 0;
}

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

.contentBox {
  width: 100%;
  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; */
}

.sitemapBoxContent ul.menuLevel1 li, .sitemapBoxContent ul.menuLevel2 li, .sitemapBoxContent ul.menuLevel3 li, 
.sitemapBoxContent ul.menuLevel4 li, .sitemapBoxContent ul.menuLevel5 li, .sitemapBoxContent ul.menuLevel6 li {
  display: list-item;
}

/*.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 */
/*.sitemapTree a:link:hover,  .sitemapTree a:visited:hover, 
.sitemapTree a:link:active, .sitemapTree a:visited:active {
  text-decoration: none;
}

.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 {
  /*font-weight: bold;
  font-size: 1.2em;*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #c3393c;
}

/*.searchTitle {
  /*font-weight: bold;
  font-size: 1.2em;*/
  /*font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #c3393c;
}*/

.searchResults a:link, .searchResults a:visited, .searchResults a:link:focus, .searchResults a:visited:focus,
.searchResults a:link:hover, .searchResults a:visited:hover, .searchResults a:link:active, .searchResults a:visited:hover {
  text-decoration: none !important;
  font-family: Arial, Helvetica, sans-serif;
  color: #c3393c !important;
  font-style: normal;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.5pt;
  line-height: 19px;
}

.searchResults {
  vertical-align: top;
}

/*.searchResults div.article div.abstract p {
  font-style: italic;
}*/

.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: #005188;
  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.2em;
  line-height: 1em;
}

.browsePage .mainMenu .menuList {

}

.browsePage .mainMenu .singleMenuBox {
  background: url('../img/browse_menu_bg.gif') bottom left repeat-x;
  float: left;
  display: block;
  height: 24px;
  padding-top: 15px;
  width: 1px;
}

.browsePage .mainMenu #first {
  padding-left: 35px;
  background: url('../img/browse_menu_bg_left.gif') bottom left no-repeat;
}

.browsePage .mainMenu #last {
  padding-right: 10px;
  background: url('../img/browse_menu_bg_right.gif') bottom right no-repeat; 
}

/* 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 10px;
  line-height: 1.0em;
  border-right: 1px solid #cfd3d8;
}

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

.browsePage .mainMenu .current {
  color: #eca51f;
}

 /* :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;
}


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


/*
  Customization browseHeader
*/

.logo {
  height: 144px;
  width: 215px;
}

#collage {
  height: 116px;
  width: 608px;
}

#headerBarTop {
  width: 773px;
  height: 11px;
}

#headerBarBottom {
  width: 773px;
  height: 17px;
}

.borderShadowLeft {
    background: url('../img/border_shadow_left.png') repeat-y;
}

.borderShadowRight {
    background: url('../img/border_shadow_right.png') repeat-y;
}

#loupe {
  width: 18px;
  height: 14px;
  margin: 0 7px 12px 14px;
}

#headerSearchInputField {
  font-family: Verdana, Arial, sans-serif;
  border: 1px solid #ededef;
  font-size: 9px;
  margin-left: 0;
  padding-left: 0;
  width: 114px;
  height: 12px;
  letter-spacing: 0;
  padding: 0;
}

#languageBlock {
  position: relative;
  padding: 20px 0 0 10px;
  height: 13px;
}

#languageSelector {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 165px;
  background: url('../img/header_box_background_max.jpg') no-repeat 0 0;
}

#languageSelector .languageItem {
  display: block;
}

/** use holding.css/automotive.css/etc. to override for a distinct firm (path may point to "/Bilder/Internet/Akademie/special.jpg") */
#languageSelector a.languageItem:hover {
  background: url('../img/select_language_hover.png') repeat-y 0 0;
}

#languageSelector #topLanguageItem {
  margin: 16px 0 0 0;
}

#loginBlock {
  padding: 9px 0 0 10px;
  height: 13px;
}

#distanceTop {
  background-color: #FFF;
  overflow: hidden;
}

/*
  Be careful! This slector exists as well in safari.css
*/
#breadCrumb {
  padding: 3px 0 0 215px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 7pt;
  color: #a4a7a6;
  background-color: #ffffff;
  letter-spacing: 0.5pt;
}

#redBox, #redBox table, #redBox table tbody, #rightColumnBox .wrapper table, #newsSiteContent table  {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0; padding: 0;
}

#rightColumnBox .wrapper table  {
  width: 100%;
}

#redBox {
  width: 165px;
  height: 116px;  
}

#redBoxContainer  {
  width: 165px;
  height: 116px;
}

#redBox form tbody div img  {
  margin: 0 0 0 12px;
}

#redBox form tbody div input  {
   margin: 0 0 0 3px;
}

#redBox table tr {
   height: 48px;
}

#headerInput  {
  width: 129px;
}

#headerInput div {
  vertical-align: bottom;
  height: 14px;
  margin: 0 0 11px 0;
}

/*#headerLoupe  {
  width: 22px;  
}*/

#headerLoupe, #headerInput  {
  height: 58px;
  vertical-align: bottom;
}

#headerLoupe div {
  height: 14px;
  margin: 0 0 11px 0;
  cursor: pointer;
}

#searchTable  {
  width: 165px;
}

/*
Footer customizations
*/

#footerBox {
  font-size: 0.9em;
  width: 773px;
  height: 17px;
  margin: 0;
  background-repeat: no-repeat;
}

#footerBottom {
  width: 988px;
  height: 17px;
}

#footerBottomLine {
  width: 988px;
  height: 6px;
  background: #858585;
}

a.footerRightSide {
  vertical-align: top;
  float: right;
  margin: 2px 28px 0 0;
  display: block;
}

#contact  {
  margin: 0 4px 0 0;
}

#serviceCardRef, #impressumRef {
  float: left;
  margin: 0 110px 0 0;
}

#eventsRef {
  float: left;
  margin: 0 110px 0 19px;
}

/*
browseNavigation customization
*/
/*.browseNavigationTree ul {
  list-style-image: none;
  list-style-type:  none;
  padding: 0 0 0 23px;
  margin: 0;
}

.browseNavigationTree ul li {
  margin: 0 0 0 0;
}

.browseNavigationTree ul li img {
  margin: 0 0 8px 0;
  padding: 0 0 0 14px;
  border: 0;
}*/

#navigationList, #navigationList table, #navigationList table tbody, #header, #header table, #header table tbody  {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0; padding: 0;
}

#navigationList {
  margin-left: 19px;
  /*width: 192px;*/
}

#navigationList td  {
   vertical-align: bottom;
}

div.browseNavigationTree a:active {
}

.browseNavigationTree .firstLevel, .browseNavigationTree .secondLevel {
  font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Helvetica, Arial sans-serif;
}

.browseNavigationTree .firstLevel  {
  font-weight: normal;
  font-size: 12px;
  letter-spacing: .5pt;
}

/*
  Be careful! This slector exists as well in safari.css
*/
.browseNavigationTree .firstLevel {
  padding-bottom: 7px;
  padding-top: 27px;
}

/*
  Be careful! This slector exists as well in Mac.css and safari.css
*/
.browseNavigationTree .firstItem {
  padding-top: 22px;
}

/*
  Be careful! This slector exists as well in firefox.xss
*/
.browseNavigationTree .secondLevel {
  font-weight: normal;
  font-size: 10px;
  letter-spacing: .9pt;
}

.browseNavigationTree .secondLevel {
  padding-bottom: 8px;
  padding-top: 30px;
}

.browseNavigationTree a span  {
  cursor: pointer;
}

.firstLevel span, .secondLevel span {
  display: block;
  overflow: hidden;
}

.secondLevel span  {
  padding-left: 14px;
  width: 143px;
}

.firstLevel span  {
  padding-left: 13px;
  width: 144px;
  line-height: 18px;
}

.browseNavigationTree .firstLevel a:hover span {
  background-image: url('../img/navigation_arrow.gif');
  background-repeat: no-repeat;
  background-position: 0 top;
}

.browseNavigationTree .secondLevel .currentNode span {
  font-weight: normal;
  /*color: #9e0204;*/
  color: #c3393c;
}

#navigationList a,
#navigationList a:link,
#navigationList a:visited {
  /*color: #626465;*/
  color: #646464;
  text-decoration: none;
}

#navigationList a:focus, 
#navigationList a:link:hover,  #navigationList a:visited:hover,
#navigationList a:link:active, #navigationList a:visited:active {
  /*color: #9e0204;*/
  color: #c3393c;
  text-decoration: none;
}

#navigationList a:focus {
  outline: none; 
}

div.browseNavigationTree .dottedLineContainer {
  padding: 0 0 0 12px;
  margin: 0;
}

div.browseNavigationTree .dottedLineContainer img {
  padding: 0;
}

/*
  Be careful! This slector exists as well in Mac.css and safari.css
*/
#headerTriangle div {
  padding: 22px 0 0 19px;
}

#headerTriangle {
  vertical-align: top;
}

/*
  Be careful! This slector exists as well in Mac.css
*/
#headerTitleGraphic {
  padding: 0 0 0 8px;
  margin: 23px 0 6px 0; /* margin top equals to "firstItem" */
  background-position: center left;
  /*color: #9e0204;*/
  color: #c3393c;
  text-decoration: none;
  font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  letter-spacing: .5pt;
  width: 145px;
}

#header {
  margin: 0 0 0 0;
}

#pathbar {
  padding-left: 4px;
}

#newsSiteContent  
{
  width: 760px;
}

#newsSiteContent td {
  vertical-align: top;
}

#newsSiteContent  {
  margin: 0;
  padding:  0;
  border-collapse: collapse;
  border-spacing: 0;
}

.prioOneContent {
  margin-top: 6px;
}

#newsSiteContent .prioOneContent .focusTitle {
  text-align: center;
  margin-bottom: 11px;
}

#newsSiteContent .prioOneContent h1.title  {
  float: none;
  margin-left: auto;
  margin-right: auto;
  text-transform: none;
}

.teaserAndRest .teaser  {
  padding-top: 6px;
}

.teaserAndRest .rest  {
  padding-top: 2px;
}

#middleColumnBox, #middleColumnBoxFull {
  vertical-align: top;
  margin: 0;
  padding: 19px 0 0 0;
  overflow: hidden;
  vertical-align: top;
}

/* Be careful! This selector also exists in safari.css and internetExplorer.css */
#middleColumnBoxFull.middleColBoxSitemap {
  padding: 12px 0 0 0;
}

#middleColumnBoxFull.newsSite {
  padding: 21px 0 0 0;
}

#middleColumnBoxFull  {
  width: 773px;
}

#middleColumnBox  {
  width: 608px;
}

#middleColumnBox .contentArea, #middleColumnBoxFull.searchWrapper .contentArea  {
  padding: 0 11px 0 3px !important;
}

#middleColumnBoxFull .contentArea  {  
  padding: 0 27px 0 3px !important;
}

/*
  If there is a content area in a content area, don't use padding twice!
*/
#middleColumnBoxFull .contentArea div.contentArea  {
  padding: 0 !important;
}

#middleColumnBoxFull .siteMapContent  {
  padding: 0 0 0 0 !important;
}

#middleColumnBoxFull .contentArea .moreLink, #middleColumnBox .contentArea .moreLink  {
  padding: 0;
}

.teaserAndRest .teaser .titlepage div.mediaobject, .firstSection div.mediaobject  {
  float: none;
  margin: 0;
}

#breadCrumbArea {
  margin: 0;
}

.pathBar a:link:active, .pathBar a:visited:active { text-decoration: underline; color: #afafaf; }
a:link:active, a:visited:active { text-decoration: underline; color: #777979; }

.articleinfo {
  padding: 17px 0 10px 0;
}

.articleinfo h1.title, .middleColumnBox h1.title, .middleColumnBoxFull h1.title  {
  font-size: 12px;
  font-weight: bold;
  line-height: 19px;
  letter-spacing: .5pt;
}

.articleinfo h1.title {
  margin: 0 0 0 12px;
}

.articleinfo h1.title a,
.articleinfo h1.title a:link, .articleinfo h1.title a:link:hover, .articleinfo h1.title a:link:active,
.articleinfo h1.title a:visited, .articleinfo h1.title a:visited:hover, .articleinfo h1.title a:visited:active,
.articleinfo h1.title a:focus, .articleinfo h1.title a:link:focus, .articleinfo h1.title a:visited:focus {
  color: #626465 !important;
  text-decoration: none;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.articleinfo h2.subtitle, .middleColumnBox h2.subtitle, .middleColumnBoxFull h2.subtitle  {
  font-size: 11px;
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  color: #626465;
  text-decoration: none;
  font-style: italic;
  line-height: 19px;
  letter-spacing: .5pt;
}

.articleinfo h2.subtitle {
  margin: 5px 12px 0 12px;
}

.middleColumnBox h2.subtitle, .middleColumnBoxFull h2.subtitle  {
  margin: 10px 0 0 12px;
}


.articlepreview {
  background-repeat: repeat-x;
  background-position: bottom;
  border-bottom: 2px solid white;
  cursor: pointer;
}

.articlepreview .subtitleAndMore {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  width: 100%;
}

.abstractbottomline  {
   border-top: 1px solid #ccc;
   margin: 0 0 1px 0;
   height: 1px; overflow: hidden;
   padding: 0;
   clear: both;
}

.article .articleinfo .subtitleAndMore h2.subtitle  {
  font-size: 11px;
}

.articlepreview .subtitleAndMore h2.subtitle {
	margin: 0 0 0 12px;
	/*display: inline;
	float: left;*/
}

.articlepreview .subtitleAndMore .moreLink {
  margin: 0;
  float: none;
  vertical-align: bottom;
  text-align: right;
  white-space: nowrap;
}

.articlepreview .subtitleAndMore .moreLink div {
  margin: 0 12px 0 12px;
}

.articlepreview .moreLink  {
  float: right;
  margin: 0 12px 0 0;
  padding: 0;
}

.articlepreview .moreLink a, .articlepreview .moreLink a:hover, .articlepreview .moreLink a:visited, .articlepreview .moreLink a:link  {
  font-size: 10px;
  color: #c3393c !important;
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-decoration: none;
  font-style: italic;
}

.restArticlesHeader  {
  font-size: 14px;
  font-family:  Arial, Helvetica, sans-serif;
  color: #626465;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0.5pt;
  border-bottom: 1px solid #ccc;
  margin: 0;
  padding: 0 0 3px 0;
}

.restArticleItem {
  border-bottom: 1px solid #ccc;
  padding: 1px 0;
}

.restArticleItemBackground {
  margin: 0;
  padding: 9px 2px 10px 2px;
  background-position: bottom !important;
  cursor: pointer;
  background-repeat: repeat-x;
}

.newsTeaserTitle {
  display: block;
  float: left;
  font-size: 11px;
  line-height: 16px;
  color: #626465;
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  line-height: 19px;
  letter-spacing: 0.1pt;
}

.newsTeaserPubDate, .prioOneMoreLink, .videoLink, .moreLinkWrapper .searchMoreLink {
  font-size: 10px;
  line-height: 16px;
  color: #c00f23;
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-decoration: none !important;
  font-style: italic;
  display: block;
}

a:link, a:visited {
  text-decoration: none !important;
}

.newsTeaserPubDate  {
  white-space: nowrap;
}

.moreLinkWrapper .searchMoreLink  {
  line-height: 10px;
}

.newsTeaserPubDate {
  float: right;
  padding-top:2px;
  padding-left: 2px;
}

.teaser .outerContentWrapper {
  padding: 0;
}

#newsSiteContent .teaser .section {
  background: url(../img/news_teaser_bg_1x62.jpg) bottom repeat-x;
}

#newsSiteContent .teaser .section p {
  width: 220px;
  border-left: 1px solid #d7dfe1;
  border-right: 1px solid #d7dfe1;
  margin: 0;
  padding: 8px 10px 0 8px;
  font-size: 9px;
  line-height: 15px;
  /*min-height: 70px;*/
}

#newsSiteContent .teaser .section p em.standardRunningText,
#newsSiteContent .teaser .section p em.lightHighlighted,
#newsSiteContent .teaser .section p em.heavyHighlighted, .article em.heavyHighlighted a:link, #newsSiteContent .teaser .section p em.heavyHighlighted a:visited,
#newsSiteContent .teaser .section p em.heavyHighlighted a:link:focus, #newsSiteContent .teaser .section p em.heavyHighlighted a:visited:focus,
#newsSiteContent .teaser .section p em.heavyHighlighted a:link:hover, #newsSiteContent .teaser .section p em.heavyHighlighted a:visited:hover,
#newsSiteContent .teaser .section p em.heavyHighlighted a:link:active, #newsSiteContent .teaser .section p em.heavyHighlighted a:visited:hover,
.teaser em.highlightedLink, #newsSiteContent .teaser .section p em.highlightedLink a:link, #newsSiteContent .teaser .section p em.highlightedLink a:visited,
#newsSiteContent .teaser .section p em.highlightedLink a:link:focus, #newsSiteContent .teaser .section p em.highlightedLink a:visited:focus,
#newsSiteContent .teaser .section p em.highlightedLink a:link:hover, #newsSiteContent .teaser .section p em.highlightedLink a:visited:hover,
#newsSiteContent .teaser .section p em.highlightedLink a:link:active, #newsSiteContent .teaser .section p em.highlightedLink a:visited:hover,
.teaser em.lightHighlightedLink, #newsSiteContent .teaser .section p em.lightHighlightedLink a:link, #newsSiteContent .teaser .section p em.lightHighlightedLink a:visited,
#newsSiteContent .teaser .section p em.lightHighlightedLink a:link:focus, #newsSiteContent .teaser .section p em.lightHighlightedLink a:visited:focus,
#newsSiteContent .teaser .section p em.lightHighlightedLink a:link:hover, #newsSiteContent .teaser .section p em.lightHighlightedLink a:visited:hover,
#newsSiteContent .teaser .section p em.lightHighlightedLink a:link:active, #newsSiteContent .teaser .section p em.lightHighlightedLink a:visited:hover {
  font-size: 9px;
}

#newsSiteContent .videoLink {
  text-align: right;
  border-left: 1px solid #d7dfe1;
  border-right: 1px solid #d7dfe1;
  width: 233px;
  margin: 0;
  padding: 0 5px 0 0;
}

.containerNewsTeaserBottomIMG  {
  margin:0 0 44px 0;
  padding:0;
  height: 9px;
  overflow: hidden;
}

.newsTeaserBottomIMG  {
  background: url(../img/news_teaser_bottom_img.jpg) no-repeat;
  height: 9px;
}

.outerContentWrapper  {
  padding: 1px;
}

/*
  NewsSite latest column
*/

.latestArticleContent {
  margin-top: 2px;
}

.latestArticleContent .titlepageBottomline  {
   margin: 3px  0 7px 0;
}

.latestArticleContent .titlepage div.mediaobject {
  /*float:left;
  margin:3px 2.12em 1em 0;
  white-space:normal;*/
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: center;
}

.latestPubDate {
  /*margin: 0px 0 12px 0;*/
  margin: 0;
  font-size: 10px;
  line-height: 16px;
  color: #626465;
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-decoration: none;
  font-style: italic;
}

.latestArticleContent .titlepage p.latestPubDate {
  margin-bottom: 0;
  padding-bottom:0;
}

.latestArticleContent .abstract {
  padding-top: 3px;
}

.articleLinkContainer .moreLink span {
  display: inline;
  white-space: nowrap;
}

.mainTable .pager {
	text-align: center;
	font-weight: bold;
	word-spacing: 6px;
  font-weight: normal;
}

.mainTable .pager a, .mainTable .pager a:link, .mainTable .pager a:visited {
	text-decoration: none;
	color: #626465;
}

.mainTable .pager a:hover, .mainTable .pager a:active {
	text-decoration: none;
	color: #C00F23;
}

.mainTable .pager em {
	color: #C00F23;
}

/*
  PrioOne Column
*/

#newsSiteContent .moreLinkContainer {
  text-align: right;
}

.prioOneTopIMG {
  background: url(../img/prio_one_image_top.jpg) top no-repeat;
  margin:0;
  padding:0;
  height: 4px;
  overflow: hidden;
}

.containerPrioOneBottomIMG {
  margin:0;
  padding:0;
  height: 4px;
  overflow: hidden;
}

.prioOneBottomIMG {
  background: url(../img/prio_one_image_bottom.jpg) no-repeat;
  height: 4px;
}

.prioOneMiddle {
  border-left: 1px solid #d7dfe1;
  border-right: 1px solid #d7dfe1;
  width: 238px;
  background: url(../img/prio_one_background_1x66.jpg) center bottom repeat-x;
}

.prioOneInnerWrapper .article {
  padding: 17px 15px 5px 13px;
  width: 208px;
}

.prioOneContent .prioOneInnerWrapper .mediaobject {
  margin-top: 15px;
  margin-bottom: 18px;
  text-align: center;
}

.prioOneInnerWrapper .moreLinkContainer {
  padding: 0 11px 5px 0;
  text-decoration: none !important;
}

.distanceFooterContent  {
  margin-top: 6px;
  margin-bottom: 6px;
}

/*
  Sitemap
*/
.sitemapBox  {
  border:0 none;
  /*float: left;*/
  height: 100%;
  margin-bottom: 32px;
  margin-right: 10px;
  margin-top: 5px;
  position: relative;
  width: 360px;
  text-decoration: none;
}

.sitemapTree  {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: 0.5pt;
  line-height: 19px;
  padding-right: 10px;
  position: relative;
  width: 762px;
}

.sitemapBox fieldset  {
  border: 1px solid #C3CCD1;
  padding:0 0 0 0.8em;
  margin: 0;
}

.sitemapBox legend  {
  padding-bottom: 7px;
  padding-left: 0;
}

.itemLevel2 {
  list-style-image: url(../img/sitemap_ul_bg.gif);
  margin-left: 12px;
  font-size: 11px;
}

.itemLevel3 {
  font-size: 10px;
  font-style: italic;
  list-style-image: url(../img/sitemap_ul_small_bg_no.gif);
  margin-left: 12px;
  padding-left: 0;
}

/*.sitemapBoxContent  {
  min-height: 150px;
}*/

.sitemapBoxContent ul.menuLevel2  {
  padding-left: 0;
  padding-top: 3px;
  padding-bottom: 16px;
  /*min-height: 119px; /*150px - padding top and bottom and 12px to the top*/  
}

/* Link in sitemap */
.sitemapTree a, .sitemapTree a:hover  {
  text-decoration: none;
}

.sitemapTree a:link, .sitemapTree a:visited  {
  color: #646464;
  text-decoration: none;
}

.sitemapTree legend a:link, .sitemapTree legend a:visited  {
  color: #C3393C;
  text-decoration: none;
}

.sitemapTree a:focus,        /* :link:focus may confuse IE */
.sitemapTree a:link:hover,  .sitemapTree a:visited:hover, 
.sitemapTree a:link:active, .sitemapTree a:visited:active {
  color: #C3393C;
}

.sitemapBox .sitemapLegend a {
  color: #C3393C;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  line-height: 8px;
}


/*
  SearchForm
*/

#middleColumnBoxFull.searchWrapper .titlepageBottomline {
  margin-bottom: 1px; 
}

.searchForm .innerTable td, .inputFormTable td {
  padding: 4px;
}

.searchForm .innerTable a:link, .searchForm .innerTable a:visited, .searchForm .innerTable a:link:focus, .searchForm .innerTable a:visited:focus,
.searchForm .innerTable a:link:hover, .searchForm .innerTable a:visited:hover, .searchForm .innerTable a:link:active, .searchForm .innerTable a:visited:hover
{
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none !important;
  color: #c3393c !important;
  font-style: italic;
}

/*
  SearchResult
*/

#middleColumnBoxFull.searchWrapper .noSearchResult {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 0.5pt;
  line-height: 19px;
  color: #c3393c;
}

.searchWrapper .innerTable  {
  width: 100%;
}

.searchWrapper .searchResultTable td {
  margin: 0;
  padding: 0;
}

.searchWrapper .pager {
  padding-top: 21px;
  /*padding-bottom: 27px;*/
}

.dividingLineContainer {
  border-bottom: 1px solid #dfe6e4;
  margin-top: 1px;
}

.dividingLineContainerLast {
  border-bottom: 1px solid #white;
  margin-top: 1px;
}

table.breadcrumbAndMoreLink {
  width: 100%;
  margin-top: 3px;
  margin-bottom: 2px;
  border-collapse: collapse;
  border-spacing: 0;
}

.moreLinkWrapper {
  vertical-align: top;
}

.breadcrumbWrapper a span {
  display: block;
  padding-top: 7px;
}

.moreLinkWrapper  {
  text-align: right;
}

.breadcrumbAndMoreLink .breadcrumbWrapper a:link, .breadcrumbAndMoreLink .breadcrumbWrapper a:visited, .breadcrumbAndMoreLink .breadcrumbWrapper a:link:focus, .breadcrumbAndMoreLink .breadcrumbWrapper a:visited:focus,
.breadcrumbAndMoreLink .breadcrumbWrapper a:link:hover, .breadcrumbAndMoreLink .breadcrumbWrapper a:visited:hover, .breadcrumbAndMoreLink .breadcrumbWrapper a:link:active, .breadcrumbAndMoreLink .breadcrumbWrapper  a:visited:hover {
  text-decoration: none !important;
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 7pt;
  letter-spacing: 0.5pt;
  color: #626465;
}

.searchResults .abstract p  {
  padding-top: 7px;
  padding-bottom: 6px;
}

.article .abstract a.searchResultLink:link, .article .abstract a.searchResultLink:visited, .article .abstract a.searchResultLink:link:focus, .article .abstract a.searchResultLink:visited:focus,
.article .abstract a.searchResultLink:link:hover, .article .abstract a.searchResultLink:visited:hover, .article .abstract a.searchResultLink:link:active, .article .abstract a.searchResultLink:visited:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  letter-spacing: 0.5pt;
  line-height: 19px;
  margin-bottom: 0;
  color: #626465 !important;
  font-weight: normal;  
}

.moPictureWrapper {
  padding-top: 19px;
  background-repeat: repeat-x;
  background-position: bottom;
}

.moPictureWrapper table {
  width: 100%;
}

/*
  PrintView
*/

.printView .contentArea  {
  margin: 0 18px;
}

.printView .titlepage .titlesWrapper {
  vertical-align: bottom;
}

/*.topLine  {
  background: url('../img/printview_top_line.jpg') repeat-x top center;
  height: 7px;
  width: 100%;
  margin-bottom: 28px;
}*/

.footerTopDistance  {
  margin-top: 18px;
  /*vertical-align: top;*/
  /*height: 60px;*/
}

.printFooterTextTopLine {
  text-align: center;
  line-height: 0;
  font-size: 0;
  border-top: 2px solid #e8edef
}

.printFooterText {
  color: #000;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px;
  letter-spacing: 0.5pt;
  margin: 0;
  padding: 8px 0 0 0;
}

.printFooterTextWrapper {
  text-align: center;
  width: 100%;
}

/** Reset colors to default in print view */
.printView .article em,
.printView .article a:link, .printView .article a:visited,
.printView .article a:link:focus, .printView .article a:visited:focus,
.printView .article a:link:hover, .printView .article a:visited:hover,
.printView .article a:link:active, .printView .article a:visited:hover,
.printView .titlepage h1.title, .printView .titlepage h2.subtitle, .printView .titlepage h2.subtitlenewline,
.printView .article, .printView .article p, .printView .article .section p,
.printView .imageSubtitle,
.printView .article table,
.printView .article p.title, .printView h2.sectionTitle,
.printView .informaltable table thead tr th, .printView .informaltable table thead tr th p,
.printView .informaltable table tbody td, .printView .informaltable table tfoot th
{
  color: #000 !important;
}

/*
  Image Gallery
*/

.imageDescription, p.pager {
  color:  #626465;
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-size:  11px;
  letter-spacing: 0.1pt;
  line-height:  19px;
}

.currentThumbnail {
  border: 2px solid #c3393c;
}

/*
  min-height work arround
*/

.minHeightSitemap {
  height: 137px;
  float: right;
  width: 1px;
  margin: 0;
  padding: 0;
  border: none;
}

.listedContent  {
  padding-top: 12px;
}

.sitemapTree .leftColumn, .sitemapTree .rightColumn {
  float: left;
}

/* Bugfix 1289 */
.TUVTabTeaser .firstCol {
  padding-left: 5px !important;
}

.TUVTabTeaser .lastCol  {
  padding-right: 5px !important;
}
/*End Bugfix 1289 */

/* Start twitter / facebook stuff */
.titlepage #titlepageContent div.send {
  margin-bottom: -4px;
}

.sendWrapper .send img, a.facebook  {
  padding-left: 6px;
}

.facebook .FBConnectButton_Simple, .FBConnectButton_RTL_Simple {
  background-image: url('../img/facebook.png');
}

.sendWrapper .send .facebook .FBConnectButton_Text_Simple {
  margin-left: 11px;  /* To size image */
}

#custom-tweet-button {
  display: inline;
  width: 11px;
  height: 11px;
}
/* End twitter / facebook stuff */