/**
 * screen layout style sheets
 * 
 * @project    november ag
 * @author     maik mettenheimer
 * @version    2009-03-17
 * 
 * colors:      #e7e9e3 - body background
 *              #690019 - red
 *              #2d3946 - text
 */


/* general
------------------------------------------------------------------------------*/

body { 
	background-color: #e7e9e3;
    background-color: #e8e8e4;
	min-width: 980px;
}
	
#wrapper {
	background: #fff url(../img/wrapper.gif) repeat-y top left;
	margin: 40px auto;
	text-align: left;
	width: 953px;
}


.clear,
.clearfix {
	float: none;
	clear: both;
}

.invisible {
	visibility: hidden;
}

.aural {
	display: none;
}

/* header
------------------------------------------------------------------------------*/

#header {
	background: #fff url(../img/wrapper_header.gif) repeat-y top left;
	float: left;
	width: 953px;
	position: relative;
}

#header h1 {
	position: absolute;
	top: 54px;
	left: 32px;
	width: 171px;
	height: 23px;
	width: 189px;
    height: 25px;
}

#header h1 a {
	margin: 0;
	padding: 0;
	width: 171px;
	height: 23px;
	width: 189px;
    height: 25px;
	position: relative;
	display: block;
}

#header h1 a span {
	width: 100%;
	height: 100%;
	background: url(../img/novemberag.gif) no-repeat top left;
	position: absolute;
}


/* top navigation
------------------------------------------------------------------------------*/

#serviceNav {
	background: url(../img/wrapper_header_top.gif) no-repeat top left;
	float: left;
	width: 953px;
	color: #fff;
}

#serviceNav .spacer {
	padding: 8px 0 0;
	margin: 0 6px;
	float: right;
	color: #fff;
}

#serviceNav ul {
	float: right;
	list-style: none;
	padding: 5px 0px 0px 10px;
	margin: 0;
}

#serviceNav ul li {
	margin: 0 0 0 1px;
	padding: 0;
	list-style: none;
	float: left;
	line-height: 24px;
	background-image: none;
}

#serviceNav ul li a:link,
#serviceNav ul li a:visited {
	color: #fff;
	text-decoration: none;
	margin: 0;
	padding: 0 10px;
	display: block;
}

#serviceNav ul li a:active,
#serviceNav ul li a:focus,
#serviceNav ul li a:hover {
	background-color: #adacae;
	color: #fff;
}

#serviceNav ul li.active {
	background-color: #adacae;
	color: #fff;
	margin: 0 0 0 1px;
	padding: 0 10px;
}

#serviceNav ul#languageSelect {
	padding-right: 30px;
}

#serviceNav ul#languageSelect li {
	margin: 0 0 0 1px;
	padding: 0;
	list-style: none;
	float: left;
	line-height: 24px;
	color: #adacae;
	background-image: none;
    color: #fff;
}

#serviceNav ul#languageSelect li span {
    color: #adacae;
}

#serviceNav ul#languageSelect li.active {
	background-color: transparent;
}

#serviceNav ul#languageSelect li a:link,
#serviceNav ul#languageSelect li a:visited {
	color: #adacae;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
#serviceNav ul#languageSelect li a {
    display: inline;    
}

#serviceNav ul#languageSelect li a:active,
#serviceNav ul#languageSelect li a:focus,
#serviceNav ul#languageSelect li a:hover {
	color: #fff;
	background-color: transparent;
}

#serviceNav ul#languageSelect li.active { display: none; }

/* main navigation
------------------------------------------------------------------------------*/

#mainNav {
	background: #fff url(../img/wrapper.gif) repeat-y top left;
	float: left;
	width: 953px;
	height: 75px;
}

#mainNav ul {
	list-style: none;
	float: right;
	padding: 0px 30px 30px 10px;
	margin: 0;
}

#mainNav ul li {
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
	float: left;
	background: url(../img/mainNav_right.gif) no-repeat 0% 200%;
}

#mainNav ul li a:link,
#mainNav ul li a:visited {
	margin: 0;
	padding: 20px 10px 5px 10px;
	color: #2d3946;
	text-decoration: none;
	display: block;
	background: url(../img/mainNav_left.gif) no-repeat 100% 200%;
}

#mainNav ul li a:active,
#mainNav ul li a:focus,
#mainNav ul li a:hover {
	color: #690019;
}

#mainNav ul li.active {
	background: url(../img/mainNav_right.gif) no-repeat bottom right;
}

#mainNav ul li.active span {
	background: url(../img/mainNav_left.gif) no-repeat bottom left;
	margin: 0;
	padding: 20px 10px 5px 10px;
	color: #690019;
	text-decoration: none;
	display: block;
}

/* sub navigation */

#subNav {
	line-height: 2em;
	margin: 0 0 0 6px;
	width: 179px;
}

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

#subNav ul li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	background-image: none;
}

#subNav ul li a:link,
#subNav ul li a:visited {
	color: #2d3946;
	display: block;
	text-decoration: none;
	white-space: nowrap;
	margin: 0 0 1px 0;
	padding: 0 0 0 30px;
}

#subNav ul li a:active,
#subNav ul li a:focus,
#subNav ul li a:hover {
	background-color: #e8e8e4;
	color: #690019;
}

#subNav ul li.active a {
	background-color: #e8e8e4;
	color: #690019;
}

#subNav ul li span {
	color: #690019;
	display: block;
	background-color: #e8e8e4;
	margin: 0 0 1px 0;
	padding: 0 0 0 30px;
}

#subNav ul li ul {
	display: none;
	list-style: none;
	margin-bottom: 10px;
}

#subNav ul li.active ul {
	display: block;
}

#subNav ul li ul li {
	list-style: none;
}

#subNav ul li.active ul {
	display: block;
}

#subNav ul li ul li a:link,
#subNav ul li ul li a:visited {
	background-color: transparent;
	color: #2d3946;
}

#subNav ul li ul li a:active,
#subNav ul li ul li a:focus,
#subNav ul li ul li a:hover {
	background-color: transparent;
	color: #690019;
}

#subNav ul li ul li.active a {
	color: #690019;
}

#subNav ul li ul li span {
	color: #690019;
	display: block;
	background-color: transparent;
	margin: 0 0 1px 0;
	padding: 0 0 0 30px;
}

/* main picture, ticker, breadcrumb
------------------------------------------------------------------------------*/

#mainPicture {
	clear: both;
	width: 953px;
	height: 170px;
	background: url(../img/novemberag.jpg) no-repeat top left;
}

#breadcrumb {
	border-bottom: 1px solid #dbdbdb;
	margin: 0 5px 20px 6px;
	overflow: hidden;
	position: relative;
	width: 942px;
	line-height: 26px;
}

#breadcrumb span {
	display: block;
	padding: 0px 30px;
}

#breadcrumb table,
#breadcrumb table tr,
#breadcrumb table tr:hover,
#breadcrumb table th,
#breadcrumb table td {
	border: 0;
	margin: 0;
	padding: 0;
	background-color: #690019;
	color: #fff;
}

#breadcrumb table a {
	color: #fff;
	text-decoration: none;
}

#breadcrumb table a:hover {
	text-decoration: underline;
}

/* content container
------------------------------------------------------------------------------*/

#contentContainer {
	background: url(../img/wrapper_cols.gif) repeat-y top left;
	float: left;
	width: 953px;
	position: relative;
	margin-bottom: 20px;
}

#main-body {
	float: left;
	width: 711px;
}

#content {
	float: right;
	width: 485px;
	padding-bottom: 56px;
}

#contentContainer.wide {
	background: url(../img/wrapper_col.gif) repeat-y top left;
}

#contentContainer.wide #main-body {
	width: 922px; 
}

#contentContainer.wide #content {
	width: 686px;
	margin-right: 10px;
}


/* content
------------------------------------------------------------------------------*/

#functionsNav {
	position: absolute;
	bottom: 0px;
	left: 227px;
	margin: 0;
	padding: 0;
	width: 485px;
}

#content #functionsNav a:link,
#content #functionsNav a:visited {
	background-image: none;
	padding: 0;
	margin: 0;
	text-decoration: none;
	color: #2f2e2e;
}

#content #functionsNav a:active,
#content #functionsNav a:focus,
#content #functionsNav a:hover {
	text-decoration: underline;
	color: #690019;
}

/* sidebar
------------------------------------------------------------------------------*/

#sidebar {
	float: right;
	width: 194px;
	margin-right: 6px;
	display: inline;
}

/* forms */

#searchForm,
#nlForm {
	float: left;
	width: 170px;
}

#searchForm {
	margin: 0px 10px 0px 0px;
}
	
#nlForm h3 {
	margin: 0;
	padding: 5px 0 0 10px;
}

#nlForm p {
	margin: 0;
	padding: 0 0 5px 10px;
}

#searchForm form div.submit,
#nlForm form div.submit {
	margin: 0;
	padding: 0px 0px 0px 10px;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	border-left: 1px solid #e1e4e9;
	border-right: 1px solid #e1e4e9;
	float: left;
	line-height: 1;
}

#searchForm form input.text,
#nlForm form input.text {
	border: 0 none;
	margin: 0;
	padding: 0;
	float: left;
	color: #2d3946;
	width: 140px;
	font-size: 11px;
}

#searchForm form input.button,
#nlForm form input.button {
	background: #2f2d30 url(../img/submit.gif) no-repeat center;
	border: 0 none;
	color: #fff;
	display: block;
	width: 15px;
	padding: 0;
	margin: 0;
	text-indent: -9000em;
	cursor: pointer;
	float: right;
	line-height: 1;
	font-size: 11px;
}


/* footer
------------------------------------------------------------------------------*/

#footer {
	background: url(../img/wrapper_footer_bottom.gif) no-repeat bottom left;
	clear: both;
}

#footerContent {
	background: url(../img/wrapper_footer_top.gif) no-repeat top left;
	padding: 12px 242px 22px 227px;
}


/* ce_2col
------------------------------------------------------------------------------*/

.col2Container .col_left {
	float: left;
	width: 226px;
}

.col2Container .col_right {
	float: right;
	width: 226px;
}


/* ce_3col
------------------------------------------------------------------------------*/

.col3Container {
	margin: 0;
}

.col3Container .col_left {
	float: left;
	width: 155px;
	width: 115px;
}

.col3Container .col_center {
	float: left;
	width: 155px;
	width: 195px;
}

.col3Container .col_right {
	float: right;
	width: 155px;
}

/* fce_contact
------------------------------------------------------------------------------*/

.contact_container {
	margin: 0;
	padding: 18px 0 0 0;
	border-top: 1px solid #e8e8e4;
}
	
.contact_container .picture {
	float: left;
	width: 110px;
	margin-top: 4px;
}

.contact_container h3 {
	margin: 0;
	padding: 0;
}

.contact_container img {
	margin: 0 0 16px 0;
}

.contact_container .info {
	float: right;
	width: 330px;
}

.contact_container p {
	margin: 0 0 1.6em 0;
}

/* ce_teaser
------------------------------------------------------------------------------*/

.teaser {
	width: 226px;
	border: 1px solid #dbdbdb;
	margin-top: 20px;
}

.teaser h3 {
	padding: 0;
	margin: 20px 10px 15px 10px;
}

#content .teaser a {
	background-image: none;
	margin: 0px;
	padding: 15px 10px;
	display: block;
	text-decoration: none;
}

/* indexed search
------------------------------------------------------------------------------*/

div.tx-indexedsearch-browsebox ul {
	margin: 30px 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 100%;
}

div.tx-indexedsearch-browsebox ul li {
	float: left;
	padding: 0 10px 0 10px;
	margin: 0;
	list-style: none;
	border-left: 1px solid #2f2d30;
	line-height: 1;
	background-image: none;
}

/* ext css_filelinks
------------------------------------------------------------------------------*/

.filelinks {
	width: 485px;
	margin: 1.6em 0 0 0;
	padding: 0;
}

.filelinks a {
	background-image: none;
	padding: 0;
	margin: 0;
}

.filelinks .file {
	float: left;
	margin: 0 0 1.6em 0;
}

.filelinks .description {
	float: right;
	width: 450px;
}

.filelinks .link {
	float: left;
	width: 35px;
}


/* ext latest (sidebar)
------------------------------------------------------------------------------*/

#sidebar .latestContainer {
	border-bottom: 1px solid #d2d2d2;
	margin: 0;
	width: 160px;
}

#sidebar .latestContainer .item {
	margin: 0 0 1em 0;
	padding: 0 0 0 10px;
	color: #2f2d30;
}

#sidebar .latestContainer {
	border-bottom: 1px solid #d2d2d2;
	clear: both;
}

#sidebar .latestContainer .item {
	margin-bottom: 1em;
	padding-left: 10px;
	color: #2f2d30;
}

#sidebar .latestContainer h3 {
	margin: 0;
	padding: 5px 0 0 10px;
}

#sidebar .latestContainer a:link,
#sidebar .latestContainer a:visited {
	text-decoration: none;
	color: #690019;
}

#sidebar .latestContainer a:active,
#sidebar .latestContainer a:focus,
#sidebar .latestContainer a:hover {
	text-decoration: underline;
	color: #690019;
}

#sidebar .latestContainer h4 {
	font-weight: normal;
}


/* rulers
------------------------------------------------------------------------------*/

.csc-frame-rulerBefore {
	border-top: 1px solid #d2d2d2;
	margin-top: 1.8em;
}

.csc-frame-rulerAfter {
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 1.8em;
/*	margin-top: 2em; */
}

.csc-frame-frame1 {
	border: 1px solid #d2d2d2;
	border: 0 none;
	margin: 0;
	padding: 0;
}

/* EXT: tt_news
------------------------------------------------------------------------------*/

.newsHeadline h2 {
	font-weight: normal;
	padding-bottom: 16px;
}

.newsHeadline h2 {
	margin: 0;
	width: 380px;
	float: left;
}

.newsHeadline a {
	float: right;
	width: 80px;
	text-align: right;
	font-size: 11px;
}
.newsHeadline a:link,
.newsHeadline a:visited {
	text-decoration: none;
}

.newsHeadline a:active,
.newsHeadline a:focus,
.newsHeadline a:hover {
	text-decoration: underline;
}

/* single + top latest */
.news-single-container {
	margin-bottom: 20px;
}

.news-single-item {
	margin: 0 0 16px 0;
}

.news-single-item h3 {
	font-weight: bold;
	margin: 0;
	/* width: 420px; */
}

.news-single-item h4 {
	font-weight: normal;
	font-style: italic;
	margin: 16px 0;
}

.news-single-item .file_link ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.news-single-item .file_link ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#content .news-single-item .file_link ul li a[href$=".pdf"] {
	background: url(../icons/pdf.gif) no-repeat 0px 0px;
    padding: 4px 0px 4px 35px;
}

/* news */
div.sub_header p {
	font-weight: bold;
	margin: 16px 0 0 0;
	padding: 0;
}

/* list */
.news-list-container {
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 16px;
	padding-bottom: 8px;
}

.news-list-item {
	margin: 16px 0;
}

.news-list-item h3 {
	font-weight: normal;
	margin: 0;
}

/* stock info chart (deutsche boerse ag)
------------------------------------------------------------------------------*/

iframe {
	border: 1px solid #d2d2d2;
}

.stockinfo {
	margin: 25px auto;
	width: 585px;
	height: 440px;
}

.stockinfo2 {
	margin: 0px 0 25px 0;
	width: 585px;
	height: 440px;
}

.stockinfo3 {
	margin: 0px 0 0px 0;
	width: 685px;
	height: 290px;
}

.stockinfo2 iframe,
.stockinfo3 iframe {
	border: 0 none;
}


/* EXT: kiwi_slider
------------------------------------------------------------------------------*/

/* container widths */
.tx-kiwislider-pi1 .scroll,
.tx-kiwislider-pi1 .scroll .scrollContainer .panel {
	width: 485px;
}

.jcarousel-container {
	width: 483px;
}

.jcarousel-clip {
    width: 451px;
	margin: 0 16px;
}

.jcarousel-list li {
	width: 57px;
	background-image: none;
}

ul.navigation li.jcarousel-item-1 {
	width: 52px;
}

 /* This is the viewing window */
.tx-kiwislider-pi1 .scroll {
	position: relative;
	overflow: hidden; 
	margin: auto;
	height: auto;
	clear: both;
	background: #fff;
}

 /* This is the big long container used to house your end-to-end divs.
  * Width is calculated and specified by the JS  */
.tx-kiwislider-pi1 .scroll .scrollContainer {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	list-style-type: none;
}

 /* Each panel is arranged end-to-end */
.tx-kiwislider-pi1 .scroll .scrollContainer .panel {
	float: left;
	height: 100%;
	position: relative;
}

.tx-kiwislider-pi1 ul.navigation,
.tx-kiwislider-pi1 ul.navigation li {
	margin: 0;
	padding: 0;
    list-style: none;
	float: left;
	background-image: none;
}

.tx-kiwislider-pi1 ul.navigation a:link,
.tx-kiwislider-pi1 ul.navigation a:visited {
	display: block;
	text-decoration: none;
	color: #2f2d30;
	text-align: center;
	padding: 0;
	margin: 0;
}

.tx-kiwislider-pi1 ul.navigation a:active,
.tx-kiwislider-pi1 ul.navigation a:focus,
.tx-kiwislider-pi1 ul.navigation a:hover {
	text-decoration: none;
	color: #690019;
}

.tx-kiwislider-pi1 ul.navigation li a.selected:active,
.tx-kiwislider-pi1 ul.navigation li a.selected:focus,
.tx-kiwislider-pi1 ul.navigation li a.selected:hover,
.tx-kiwislider-pi1 ul.navigation li a.selected:link,
.tx-kiwislider-pi1 ul.navigation li a.selected:visited {
	background-color: #690019;
	color: #fff;
	cursor: default;
}

.tx-kiwislider-pi1 ul.navigation li a.current:active,
.tx-kiwislider-pi1 ul.navigation li a.current:focus,
.tx-kiwislider-pi1 ul.navigation li a.current:hover,
.tx-kiwislider-pi1 ul.navigation li a.current:link,
.tx-kiwislider-pi1 ul.navigation li a.current:visited {
	background-color: #690019;
	color: #fff;
	cursor: default;
}

/* slider navigation  */
.jcarousel-container {
    position: relative;
    border: 1px solid #2f2d30;
    border-top: 1px dotted #2f2d30;
    border-bottom: 0 none;
    margin: 0;
    padding: 0;
	line-height: 20px;
	margin-bottom: 1em;
}

.jcarousel-clip {
    z-index: 2;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li {
    border-left: 1px solid #2f2d30;
	background-image: none;
}

ul.navigation li.jcarousel-item-1 {
	border: none;
}

.jcarousel-next {
    z-index: 3;
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 16px;
    height: 20px;
    cursor: pointer;
    background: url(../img/sliderNav.gif) no-repeat -15px 0;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 16px;
    height: 20px;
    cursor: pointer;
    background: url(../img/sliderNav.gif) no-repeat 0 0;
}

.jcarousel-next:hover,
.jcarousel-next:active {
    background-position: -15px -25px;
}

.jcarousel-next-disabled,
.jcarousel-next-disabled:hover,
.jcarousel-next-disabled:active {
    cursor: default;
    background-position: -15px -50px;
}

.jcarousel-prev:hover,
.jcarousel-prev:active {
    background-position: 0 -25px;
}

.jcarousel-prev-disabled,
.jcarousel-prev-disabled:hover,
.jcarousel-prev-disabled:active {
    cursor: default;
    background-position: 0 -50px;
}


/* FCE Stellenangebot
------------------------------------------------------------------------------*/

.companyTitle h2 {
	margin: 0;
	width: 380px;
	float: left;
	font-weight: bold;
	padding-bottom: 16px;
}

.companyTitle h2 a {
	float: left;	
}

.companyTitle h2 a img {
	padding-top: 4px;
}

.companyTitle a {
	float: right;
	width: 80px;
	text-align: right;
	font-size: 11px;
}
.companyTitle a:link,
.companyTitle a:visited {
	text-decoration: none;
}

.companyTitle a:active,
.companyTitle a:focus,
.companyTitle a:hover {
	text-decoration: underline;
}

h2.jobTitle {
	font-weight: bold;
	font-size: 20px;
	font-size: 17px;
	color: #690019;
}

div.jobDescription ul {
	margin: 0 0 16px 0;
	padding: 0;
}

div.jobDescription ul li {
	background: url(../img/bullet2.gif) no-repeat 0px 6px;
	margin: 0;
	padding: 0 0 0 14px;
	list-style: none;
}

/* company logos /karriere */
#content a.imagelink:link,
#content a.imagelink:visited,
#content a.imagelink:active,
#content a.imagelink:focus,
#content a.imagelink:hover {
	background-image: none;
	padding: 0;
	margin: 0;
}


/* FCE Infobox
------------------------------------------------------------------------------*/

.infobox {
	background: url(../img/box_bottom_left2.gif) no-repeat bottom left;
	float: left;
	margin-bottom: 8px;
	width: 100%;
}
.infobox-outer {
	background: url(../img/box_bottom_right2.gif) no-repeat bottom right;
}
.infobox-inner {
	background: url(../img/box_top_left2.gif) no-repeat top left;
}
.infobox-content {
	background: url(../img/box_top_right2.gif) no-repeat top right;
	padding: 16px 24px 6px 40px;
}


/* CE: Sitemap (Newsletetr archive)
------------------------------------------------------------------------------*/

ul.csc-menu {
	margin: 16px 0 26px;
}

ul.csc-menu li {
	margin-bottom: 8px;
}

/* newsletter preview */
#fancy_ajax {
	background-color: #e8e8e4;
}

#fancy_ajax table {
	width: auto;
	margin: 10px;
	padding: 0;
	border: 0;
}

#fancy_ajax table td {
	border: 0;
	padding: 0;
}

#fancy_ajax table td span {
	display: block;
	text-align: right;
	padding-top: 6px;
}

#fancy_ajax table a:link,
#fancy_ajax table a:visited,
#fancy_ajax table a:hover,
#fancy_ajax table a:active,
#fancy_ajax table a:focus {
	color: #690019;
	text-decoration: underline;
}

#fancy_ajax table h1,
#fancy_ajax table h2,
#fancy_ajax table h3,
#fancy_ajax table h4,
#fancy_ajax table h5,
#fancy_ajax table h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2d3946;
}

#fancy_ajax table p {
	font-size: 12px;
	color: #2d3946;
	line-height: 1.6;
	text-align: left;
	margin: 0 0 1.6em 0;
	padding: 0;
}

#fancy_ajax table ul {
	margin-top: 0;
	margin-bottom: 1.6em;
}