/*Headline, Meta-Navigation, Suche */

#header-one {
    position: relative;
    height: 28px;
    background-color: #000;
}

span.meta-text {
    color: #a4a4a4;
    margin-left: 35px;
    line-height: 28px;
    font-family: "Arial Narrow", Arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
    float: right;
    margin-top: 45px;
    font-stretch: condensed;
}

/* Sonderlösung für Chrome, font-stretch wir nicht interpretiert 23.09.2014 */
[class^="chrome"] span.meta-text {
    font-size: 14px;
}

ul.meta-links {
    position: relative;
    float: left;
    color: #a4a4a4;
    margin-left: 165px; /*geändert wg. Arial Narrow Schriftproblematik*/
    list-style-type: none;
    list-style: none;
}

li.meta-links {
    line-height: 14px;
    border-right: 1px #a4a4a4 solid;
    float: left;
    padding: 0 5px 0 5px;
    margin-top: 7px;
    text-transform: uppercase;
    /*font-family:"Arial Narrow", Arial, sans-serif;/*auskommentiert wegen Arial Narrow Schriftproblematik*/
    font-weight: bold;
    font-stretch: condensed;
    font-family: Arial, sans-serif; /*geändert wg. Arial Narrow Schriftproblematik*/
    font-size: 11px;
}

/* Sonderlösung für Chrome, font-stretch wir nicht interpretiert 23.09.2014*/
[class^="chrome"] li.meta-links {
    font-size: 10px;
}

li.meta-links.last {
    border-right: 0px #a4a4a4 solid;
}

li.meta-links a {
    text-decoration: none;
    color: #a4a4a4;
}

    li.meta-links a:hover {
	color:#009edb;
        text-decoration: none;
    }

.search {
	/*position: absolute;
    right: 0px;
    width: 170px;
	background: url('images/layout/bg_search.png') left top no-repeat scroll transparent;*/
    visibility:hidden;
    display:none;
}

.search label input {
    background-color: transparent;
    border: 0;
    width: 120px;
    padding-left: 7px;
    height: 28px;
    float: left;
}

.msie .search label input {
    padding-top: 5px;
}

.submit-image {
    position: relative;
    float: right;
    margin: 0px 0 0 5px;
    padding: 0 0 0 0px;
    top: 0px;
    right: 15px;
    width: 19px;
    height: 28px;
    border: 0px;
    z-index: 1000;
}


/*Header mit Logo*/

#header {
    position: relative;
    height: 80px;
    background-color: #fff !important;
}

.logo {
    position: relative;
    left: 17px;
	height:45px;
    top:10px;
	/*width:260px;*/
	
}

.logo-mobil {
    width: 70%;
    padding: 10px;
}

/*Content im Header right*/

.header-right {
    position: relative;
    top: -55px;
	margin-left: 500px;
    margin-right: 20px;
}

/*Navigation oben*/

#MainNavigationTop {
	height:26px;
	background:url('images/layout/bg-main-nav.png')	left top repeat-x scroll #fff;
    border-bottom: 1px #fff solid;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    padding-left: 28px;
}

.jt-active {
    background-color: #366092;
    color: #fff;
    text-transform: uppercase;
    padding-top: 3px !important;
    height: 28px !important;
}

.a-jt-active {
    color: #fff;
}

div.hover-expandable ul {
    padding-top: 3px; /*T6818 11.12.2012, aza*/
    list-style-type: none;
    list-style: none;
    margin: 0;
    padding: 0;
}

#MainNavigationTop a {
    font-size: 14px;
    color: #024890;
    font-weight: normal;
}

    #MainNavigationTop a:hover {
	color:#009edb;
        text-decoration: none;
    }

ul.flyout-nav {
    margin-left: 30px;
    width: 936px;
}

li.parent,
li.parent-last {
    height: 30px; /*T6818 11.12.2012, aza*/
    border-right: 1px #fff solid;
    float: left;
    padding: 0 20px 0 15px;
    font-size: 14px;
}

    li.parent.more,
li.parent-last.more
 {
	background:url('images/layout/menu-more.png') right 10px no-repeat scroll transparent;
    }

        li.parent.more:hover,
        li.parent-last.more:hover,
li.parent.more.active
 {
	background:url('images/layout/menu-more-activ.png') right 10px no-repeat scroll #fff;
        }

li.parent-last {
	border-right:0px;
}

        li.parent.active,
        li.parent.more.active,
li.parent-last.active
 {
	color:#009edb;
            text-decoration: none;
            background-color: #fff;
            box-shadow: 0px 6px 12px 0px #666;
            filter: progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=135, Strength=3);
        }

            li.parent.active strong.active span,
            li.parent-last.active strong.active span,
            li.parent.more.active strong.active span {
	color:#009edb;
}

/*flyout menu (Karriere)*/
/* 
flyout-active ist das aktive Menu
expand-container wird bei hover sichtbar
 */
.flyout-active {
	position: absolute;
	z-index: 1000;
	margin-top: 5px;
	margin-left:-15px;	
	background: #fff;
	padding:10px;
	box-shadow: 0px 6px 12px 0px #666;	
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=135, Strength=3);

}

li.flyout-nav.flyout, 
.flyout-active 
{
	border:	1px #fff solid;
	background-color:#fff;
	color:#009edb;
	box-shadow: 0px 6px 12px 0px #666;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=135, Strength=3);
	}
	

li.parent.more.active strong.active span {
	color:#009edb;
}

.expand-container 
{
	display: none;
	position: absolute;
	padding: 10px;
	z-index: 10000;
	margin-top: 2px;/*T6818 11.12.2012, aza*/
	margin-left:-15px;
	background: #fff;
	box-shadow: 0px 6px 12px 0px #666;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=135, Strength=3);


}


#MainNavigationTop a.flyout,
table.sub-menu a {
	font-weight:bold;
	font-size:12px !important;
}

span.vis-ina {
	color: #737373; /*#024890*/
}

table.sub-menu
{
	width: 100%;  
   /* table-layout: fixed;*/
}

table.sub-menu tr td{
	padding-right:10px;
            }

/*content und context*/

#content-wide,
#content-wide-tests  {
	width: 930px;
	padding: 5px 15px;
	z-index:10;
	margin-top:10px;
}

#content-wide-tests {
	padding:0;
}

#content-left,
#tests-left
{
	width: 615px;
	margin: 0 15px 10px 0;
	display:block;
	float:left;
	background-color:#fff;
	
}

#tests-left {
	background-color:#DEE3E9;
}

#content-right,
#content-right-tests {
	margin-left:630px;
	width:300px;
	display:block;
	margin-top:0px;
	position:relative;
}

.navi-separator {
    clear: both;
    display: block;
    height: 0px;
}

    .navi-separator hr {
        display: none;
    }


/*Navigation unten, aus Content*/

#footer-content {
    position: relative;
    height: 80px;
    background: url('images/bg_footer.png') repeat-x left top;
    margin-top: 10px;
    padding-top: 10px;
}

#footer-nav {
	padding-top:20px;
    margin-left: 5px;
    color: #4b4b4d;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin:10px 5px;
}

ul.footer-nav,
li .footer-link {
    list-style-type: none;
    list-style: none;
}

li.footer-nav {
    float: left;
    margin: 0 15px;
}

a.footer-nav {
    color: #4B4B4D;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

a:hover.footer-nav {
	color:#009edb;
    text-decoration: none;
}

/*footer-links, Inhalt aus Content*/

#footer-links {
    position: relative;
    float: right;
    margin-right: 20px;
    /*width: 310px;*/
    color: #6d6d6d;
    text-transform: uppercase;
    font-size: 11px;
    margin-top: -40px;
}

ul li.footer-link.left {
    width: 130px;
	float:left;
}

a.footer-link {
    color: #6d6d6d;
    text-transform: uppercase;
    font-size: 12px;

}

a:hover.footer-link {
	color:#009edb;
    text-decoration: none;
}

.footer-link.right {
    margin:10px;
}

/*footer-second, Inhalt aus Content*/
#footer-second {
    background: url('../images/c804-karrriere-direct-bg_footer-second.png') left top no-repeat scroll transparent;
    height: 28px;
    background-color: #000;
}

/* ------------------------------------------------------------------------------------- */
/* .breadcrumb                                                                           */
/* ------------------------------------------------------------------------------------- */
.breadcrumb {

/*Responsive Anpassungen*/
@media only screen and (max-width: 768px) {
    .header-row,
    #header-one,
    .header-slogan,
    #footer-content,
    #footer-second {
        display: none !important;
        visibility: hidden;
    }


    #header-mobil {
        height: 40px;
    }

    .logo-mobil {
        background-color: #fff;
        padding-left:7px;
    }

    .header-search input {
        width: 50%;
        margin-bottom: 10px;
    }

    button.btn.btn-primary {
        position: absolute;
        bottom: 30px;
        right: 35px;
        margin-left: 10px;
    }

    .nav > li > a {
        border-bottom: 1px solid #fff;
    }

    .nav > li:last-child > a {
        border-bottom: 0px solid #fff;
    }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
    li.parent, li.parent-last {
            padding: 0 20px 0 5px;
    }
}