/******************************************/
/* top menu containing logo and searchbar */
/******************************************/

/* contains logo bar and searchbar */
#topMenu {
    position:relative;
    border:1px solid #85a3c2;
    color:inherit;
    background-color:white;
}

/* contains logo and mini advertisements */
#logoContainer {
    position:relative; /* disturbs pagerendering in IE6 (fix later) */
    border:2px solid white; /*margin:2px;   */
    color:inherit;
    background-color:#dee6eb;
    height:4.1875em; /* 67px; */
    text-align:center;
}

#logoMiddle {
    text-align:center;
}

#topMenu .logoSubscript {
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.625em; /* 10px */
    color:#839cb4;
    background-color:inherit;
}

/* small teasers at either side of the logo */

#topMenu .xhtmlTeaser {
    width:12.0625em;
    height:4.1875em; /* 67px; */
    text-align:left;
    margin:0px;
}

#topMenu .xhtmlTeaser p {
    margin:0px;
}

#topMenu table.smallTeaser {
    width:12.0625em;
    height:4.1875em; /* 67px; */
    text-align:left;
    background-image:url(/welt.de/images/background/teaserback.jpg);
    background-repeat:no-repeat;
    background-position:center center;
    margin:0px 10px 0px 10px;
}

#topMenu table.smallTeaser td {
    vertical-align:middle; /* problem without a table ;) */
    padding-left:10px;
}

#topMenu .smallTeaser .teaserImageLeft	{
	float: left;
    vertical-align: middle;
	margin:0px;
}

#topMenu .smallTeaser p.smallTeaserHeader {
    font-size:0.625em; /* 10px */
    font-weight:bold;
    padding-right:5px;
    text-transform:uppercase;
    margin:0px;
}

#topMenu .smallTeaser p.smallTeaserHeaderText {
    font-size:0.625em; /* 10px */
    padding-right:5px;
    margin:0px;
}

#topMenu .smallTeaser a {
    color:#336699;
    background-color:inherit;
    text-decoration:none;
}

#topMenu .smallTeaser a:hover {
    text-decoration:underline;
}

/* searchbar and login buttons */
#searchBar {
    border-top:1px solid #85a3c2;
    text-align:center;
    height:1.75em; /* 28px */
}

/* contains searchform */
#searchFormTopContainer {
    margin-left:auto;
    margin-right:auto;
    width:21.25em; /* 340px; */
    padding-top:5px;
}

/* search form */
#searchFormTop {
    margin:0px;
    padding:0px;
}

#searchFormTop input {
    margin:0px;
    padding:0px;
}

#searchFormTop .textBoxInput {
    float:left;
    border:1px solid #cccccc;
    height:1em;
    vertical-align:middle;
    width:9.125em; /* 146px */
}

#searchFormTop .textBoxInput input {
    font-size: 0.6875em; /* 11px */
    border:0px;
    width:98%;
    padding-left:2px;
}

#searchFormTop span.button {
    float:left;
    font-size:0.625em;
    display:block;
    border:1px solid #ccc;
    background-color:white;
    color:inherit;
    padding:1px;
}

#searchFormTop input.submitField {
    font-family:Verdana, Arial, sans-serif;
    font-weight:bold;
    font-size:1em;
    color:#336699;
    padding-left:8px;
    background-image:url(/welt.de/images/navigation/arrowright.gif);
    background-repeat:no-repeat;
    background-position:4px 40%;
    background-color:#dee6eb;
    border-width:0px;
}

#searchBar .searchArrow {
    vertical-align:2px;    
}

#searchBar .erweiterteSuche {
    font-size:0.625em; /* 10px */
    color:#336699;
    background-color:inherit;
    font-weight:normal;
    text-decoration:none;
    padding-left:3px;
    vertical-align:2px;
}

#searchBar .erweiterteSuche:hover {
    text-decoration:underline;
}

#LoginRegister {
    font-family:Arial, Helvetica, sans-serif;
    margin-top:3px;
    padding-right:12px;
}

#LoginRegister .arrowLink {
    font-size:0.625em; /* 10px */
    text-transform: uppercase;
    margin:0px;
}

#searchBar .textDivider {
    color:#d0d0d0;
    background-color:inherit;
}

#searchBar #leftImage {
    padding-left:5px;
    width:10.1875em; /* 163px */
}
/****************************************************************/
/* main menu, can also be included in the menustrip (see above) */
/****************************************************************/

#mainMenu {
    float:left;
    width:6.4375em; /* 103 px  */
    background-color:white;
    color:inherit;
    overflow:hidden;
}

#mainMenu ul {
    padding:0.0625em; /* 1px */
    border: 0.0625em solid #d0d0d0; /* 1px */
    margin:0px;
    list-style:none;
}

#mainMenu li {
    float:left;
    list-style:none;
    margin:0px;
    padding:0px;
    width:100%;
}

/* menubuttons mainmenu */

#frontpageLayout .mainMenuButtonHome {
    display:none;    /* Do not show "home" button on frontpage */
}

a.mainMenuButton, a.mainMenuButtonSpecial, a.mainMenuButtonSpecial2 {
    display:block;
    font-size:0.625em; /* 10px */
    font-weight:bold;
    text-transform:uppercase;
    text-decoration:none;
    color:#333333;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #e0c580;
    background-color:#efe4c8;
}

a.mainMenuButtonSpecial {
    color:#336699;
    border-top: 1px solid #c9daec;
    border-bottom: 1px solid #97b1cb;
    background-color:#b5c9d4;
}

a.mainMenuButtonSpecial2 {
    color:#666666;
    background-color:#efe4c8;
}

a.mainMenuButton:hover, a.mainMenuButtonSpecial2:hover  {
    background-color:#e0c580;
    color:inherit;
}

a.mainMenuButtonSpecial:hover {
    color:inherit;
    background-color:#97b1cb;
}

span.mainMenuButtonText {
    display:block;
    padding:0.1875em 0em 0.1875em 0.1875em; /* 3px 0px 3px 3px */
}

#mainMenu .divider {
    line-height:1px;
    height:1px;
}

#mainMenu .dividerred {
    line-height:1px;
    height:1px;
    background-color:#e0c580;
    color:inherit;
}
/**********************************************************************************/
/* horizontal menu at the top of the page (ressort, channels and navigation path) */
/**********************************************************************************/

/* top level */
div#horizontalNavigation {
    margin-bottom:5px;
}

/* contains ressort and channel navigation */
div#ressortChannelContainer {}

/* ressort navigation */
div#ressortNavigation {
    position:relative;
    /*z-index:1000;*/
    z-index:1;
    width:6.4375em; /* 103 px  */
}

div#ressortNavigation div.outerBox {
    position:relative;
    border:1px solid #d0d0d0;
}

div#ressortNavigation div.innerBox {
    border:1px solid white;
    color:inherit;
    background-color:#efe4c8;
}

div#ressortNavigation div.ressortButton {
    display:block;
    padding:0.1875em 10px 0.1875em 4px;  /* 3px 10px 4px 10px */
    text-decoration:none;
    text-transform:uppercase;
    font-weight:bold;
    color:#333333;
    background-color:inherit;
    cursor:default;
}
div#ressortNavigation a.ressortButton:hover {
    text-decoration:underline;
}

div#ressortNavigation span.menuButtonText {
    font-size:0.625em; /* 10px */
}

/* mainMenu is included in ressortmenu as an absolutely positioned div */
div#ressortNavigation div#mainMenu{
    position:absolute;
    visibility:hidden;
    top:1.5625em; /* 25px */
    left:0px;
    z-index:1;
}

/*  channel navigation */

div#channelNavigation {
    width:46.0625em; /* 737px; */
}

div#channelNavigation div.outerBox {
    border:1px solid #d0d0d0;
}

div#channelNavigation div.innerBox {
    border:1px solid white;
}

div#channelNavigation ul.menuList {
    float:left;
    list-style:none;
    margin:0px;
    padding:0px;
    color:inherit;
    background-color:white;
}

div#channelNavigation li.menuListItem {
    float:left;
    list-style:none;
    padding:0px;
    border-top:1px solid white;
    border-bottom:1px solid white;
    margin-top:-1px;
    margin-bottom:-1px;
    margin-left:0px;
    margin-right:0px;
}

div#channelNavigation li.menuListItemChannel {
    float:left;
    list-style:none;
    padding:0px;
    border-top:1px solid white;
    border-bottom:1px solid white;
    margin-top:-1px;
    margin-bottom:-1px;
    margin-left:0px;
    margin-right:0px;
}

div#channelNavigation li.menuListItemActive {
    display:inline;
    float:left;
    list-style:none;
    padding:0px;
    border-top:1px solid #d0d0d0;
    border-bottom:1px solid #d0d0d0;
    margin-top:-1px;
    margin-bottom:-1px;
    margin-left:1px;
    margin-right:1px;
    color:inherit;
    background-color:white;
    position:relative;
    top:1px;
    border-left:1px solid #d0d0d0;
    border-right:1px solid #d0d0d0;
}

div#channelNavigation a.menuButton {
    text-transform:capitalize;
    display:block;
    padding:0.1875em 10px 0.1875em 10px;  /* 3px 10px 4px 10px */
    text-decoration:none;
}

div#channelNavigation a.menuButton:hover {
    text-decoration:underline;
}

div#channelNavigation li.menuListItemActive a.menuButton {
    position:relative;
    top:1px;
    color:inherit;
    background-color:white;
}

div#channelNavigation li.menuListItemActive a.menuButton:hover {
    text-decoration:none;
}

div#channelNavigation li.menuListItemChannel a.menuButton {
    text-transform:uppercase;
    font-weight:bold;
}

div#channelNavigation span.menuButtonText {
    font-size:0.625em; /* 10px */
}

div#channelNavigation li.menuListItemActive span.menuButtonText {
    position:relative;
    top:-2px;
}

div#channelNavigation li.divider a {
    background-image:url(/welt.de/images/navigation/verticalbuttondivider.gif);
    background-repeat:no-repeat;
    background-position:center left;
}

div#channelNavigation .normalColor {
    background-color:#efe4c8;
    color:#595651;
}

div#channelNavigation .normalColorHighLight {
    background-color:#e0c580;
    color:#333333;
}

/* navigation path (breadcrumb) */

div#navigationPath {
    padding-left:5px;
}

div#navigationPath a.menuButton {
    font-size:0.625em; /* 10px */
    color:#336699;
    background-color:inherit;
    text-decoration:none;
    text-transform:capitalize;
}

div#navigationPath a.menuButton:hover {
    text-decoration:underline;
}

div#navigationPath span.divider {
    color:#939393;
    background-color:inherit;
    font-size:0.625em; /* 10px */
}

/*********************/
/* footer navigation */
/*********************/

#footerWrapper	{
    clear:both;
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.625em; /* 10px */
    padding:2px 0px 0px 0px;
    text-transform: capitalize;
}

#footerWrapper ul	{
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#footerWrapper li	{
	list-style-type: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}

#footerWrapper ul#footerTop {
    padding:8px 0px 8px 0px;
    border-top:1px solid #d0d0d0;
    border-bottom:1px solid #d0d0d0;
}

#footerWrapper ul#footerTop	a {
    color:#336699;
    background-color:inherit;
    text-decoration:none;
    padding:0px 6px 0px 6px;
}

#footerWrapper ul#footerTop	a:hover {
    text-decoration:underline;
}

#footerWrapper ul#footerBottom {
    color:#666666;
    background-color:inherit;
    padding:8px 0px 8px 0px;
}

#footerWrapper ul#footerBottom a {
    color:#666666;
    background-color:inherit;
    text-decoration:none;
}

#footerWrapper ul#footerBottom a:hover {
    text-decoration:underline;
}

#extraFooterLinks {
    color:#999;
    background-color:inherit;
    line-height:180%;
}

#extraFooterLinks ul, #extraFooterLinks li {
    margin:0px;
    padding:0px;
}

#extraFooterLinks li {
    text-transform:none;
    display:block;
}

#extraFooterLinks .title {
    text-transform:uppercase;
    clear:both;
}

#extraFooterLinks a {
    color:#999;
    background-color:inherit;
    text-decoration:none;
    margin:0px;
    padding:0px;
}

#extraFooterLinks a:hover {
    text-decoration:underline;
}

#mainMenuIframeBackground {
    display:none; /* overruled and activated for IE6 and lower in ie_only.css */
    position: absolute;
    z-index:0;
    margin:0px;
    padding:0px;
    color:inherit;
    background-color:white;
    visibility:hidden;
}