/*----------------- MODULE SCREEN STYLES FOR DAX-INDICES.COM -----------------*/


/*----------------- GENERAL -----------------*/
.bordercontainer {
	border:1px solid #e8e8e8;
	padding:1px 1px 1px 1px;
	margin:0;
}
.teaserimagelink {
display:block;
	line-height:0;
}
.openup {
	background:url(images/bg-openup.png) right 0 no-repeat transparent;
	text-align:right;
	padding:4px 14px 4px 0;
	margin:0 0 15px 0
}
.openup a{
	text-decoration:none;
	color:#fff;
	padding-left:12px;
	background:url(images/anchor-bullet-service.png) 0 center no-repeat transparent
}
.openup a:hover {
	color:#041daa;
}

/*----------------- NEWSMODULE -----------------*/
.newsbox {
	margin:0;
	padding:8px;
	list-style-type:none;
	border:1px solid #e8e8e8;
	background:#fff
}
.newsbox li {
	display:block;
	margin:0;
	padding:3px 0 4px 0;
	border-bottom:1px solid #e5e8f6;
	background:url(images/anchor-bullet-service.png) right center no-repeat transparent
}
.newsbox li.last {
	border-bottom:none;
}
.newsbox li span {
	float:left;
	display:block;
	color:#000;
	padding:0 5px 0 0;
	width:60px;
}
.newsbox li a {
	clear:left;
	color:#9b9b9b;
	text-decoration:none
}
.newsbox li a:hover {
		color:#041daa;
}
.newscontainer {
	margin:0 0 3px -12px;
}
.newscontainer h3 {
	border:1px solid #e8e8e8;
	margin:0 0 1px 0;
	padding:0;
}
.newscontainer h3 a {
	background:url(images/bg-grade.png) 0 0  repeat-x;
	display:block;
	border:1px solid #fff;
	padding:6px 0 7px 12px;
	color:#041daa;
	margin:0;
	min-height:16px;
	}
.newscontainer h3 a img {
	float:right;
	margin-right:12px;
}
.newscontainer ul {
	margin:0 0 3px 0;
	padding:12px;
	display:block;
	list-style-type:none;
	border-width: 0 1px 1px 1px;
	border-color:#e8e8e8;
	border-style:solid;
}
.newscontainer ul li {
	background:url(images/dotline-black.png) 0 bottom repeat-x;
	padding:3px 0 3px 0;
}
.newscontainer ul li a {
	display:block;
}
.newscontainer ul li a .date {
	display:block;
	background:url(images/datebullet.png) 0 center  no-repeat;
	padding:0 0 0 17px;
	color:#000;
}


/*----------------- DOWNLOADSMODULE ----------------- */

.downloadscontainer {
	margin:0 0 0 -11px;
}

.downloadscontainer h3 {
	padding:0;
	margin:0 0 6px 0;
	height:25px;
	color:#000;
	text-transform:none;
	position:relative;
	z-index:1;
}

.downloadscontainer h3 a {
	display:block;
	color:#000;
	margin:0;
	}

.downloadscontainer h3 a:hover {
	color:#041daa;
	}

.downloadscontainer h3 a span {
	border:1px solid #e8e8e8;
	display:block;
	width:525px;
	float:left;
	padding:5px 0 4px 27px;
	background:url(images/arrow-anchor-bullet.png) 8px center  no-repeat;
}

.downloadscontainer h3 a img {
	float:left;
	margin:0 1px 0 0;
}
.downloadlistbox {
	border-style:solid;
	border-width:0 1px 1px 1px;
	border:1px solid #e8e8e8;
	margin:-7px 0 6px 0;
	width:574px;
	position:relative;
}

.downloadscontainer ul {
	margin:0;
	padding:12px 27px;
	display:block;
	list-style-type:none;
	border:1px solid #fff;
	background:#f6f6f6;
	position:relative;
	z-index:0;
}

.downloadscontainer ul li {
	display:block;
	clear:both;
}

.downloadscontainer ul li a {
	display:block;
	background:url(images/anchor-bullet-service.png) 0 5px no-repeat transparent;
	padding:0 0 3px 12px;
}

.downloadscontainer ul li a .format {
	display:block;
	padding:0 5px 0 17px;
	margin:0 5px 0 0;
	color:#041daa;
	float:right;
	width:70px;
	border-left:1px solid #041daa;
	text-align:right;
}

.downloaddescription {
	display:block;
	float:left;
}
.layerpage .downloadlistbox {
	border:0 none #fff;
	margin:0 0 6px 0;
	width:auto;
}
.layerpage .downloadscontainer {
	margin:0;
}
.layerpage  .downloadscontainer ul {
	margin:0;
	padding:12px 0;
	border:0 none #fff;
	background:none;
	position:relative;
	z-index:0;
}
.layerpage .downloadscontainer ul li a .format {
	display:block;
	padding:0 0 0 5px;
	margin:0 0 0 5px;
	color:#041daa;
	float:right;
	width:70px;
	border-left:1px solid #041daa;
	text-align:right;
}
.layerpage .downloadscontainer ul li a .date {
	display:block;
	padding:0 5px 0 0;
	color:#000;
	float:left;
	width:70px;
}
.layerpage  .downloadscontainer .downloadsdescription {
	width:240px;
	display:block;
	float:left;
}
.layerpage .columnleft h3,
.layerpage .columnright h3 {
	font-size:12px;
	padding:0 0 4px 18px;
	margin:0 0 4px 0;
	height:auto;
	color:#000;
	text-transform:none;
	position:relative;
	z-index:1;
	background:url(images/arrow-anchor-bullet.png) 0 center  no-repeat;
	border-bottom:1px dotted #666
}
/*----------------- INDEXPORTRAIT -----------------*/

.shadowcontainer {
	background:url(images/shadowbox-upperleft.png) 0 0  no-repeat;
	padding:12px 0 0 12px;
	position:relative;
	z-index:0;
	margin:0 -3px;
}
.innershadowcontainer {
	background:url(images/shadowbox-bottomright.png) right bottom  no-repeat;
	padding: 0 12px 12px  0
}
.upperright {
	width:12px;
	height:12px;
	position:absolute;
	z-index:1;
	background:url(images/shadowbox-upperright.png) 0 0  no-repeat;
	top:0;
	right:0;
}
.bottomleft {
	width:12px;
	height:12px;
	position:absolute;
	z-index:1;
	background:url(images/shadowbox-bottomleft.png) 0 0  no-repeat;
	bottom:0;
	left:0;
}
.layerpage h2 {
	color:#041daa;
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
}
.layerpage table.indexportrait {
	width:100%;
	border:0;
	Border-collapse:collapse;
	padding:0;
	margin:0;
}
.layerpage table.indexportrait td {
	padding:3px;
}
.layerpage table.indexportrait td.right {
	text-align:right;
	border-left:2px solid #fff;
	color:#666
}
.layerpage table.indexportrait td.grey {
	border-left:2px solid #fff;
	color:#666
}
.layerpage table.indexportrait th {
	background:none;
	color:#041daa;
	padding:3px;
	border-bottom:1px solid #f5f5f5;
	vertical-align:bottom;
}
/*----------------- CALENDARMODULE -----------------*/
.layerpage .calbox {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	margin:0 0 0 0;
	width:740px;
	height:580px;
	}

.layerpage .innerbelt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 48px;
	}
.layerpage .innerbelt .calcolumn {
	width:220px;
	float:left;
	background:url(images/bg-calcolumn.png) 0 0  no-repeat;
	padding:20px 0 20px 24px;
	margin:0 4px 0 0;
}
.calcolumn h2 {
	font-size:28px;
	margin:0;
	padding:0 0 30px 0;
	font-weight:normal;
}

.calcolumn h2 span{
	color:#e5e5e5;
}
.scrollcolumn {
	height:448px;
	overflow:auto;
}
.calcontainer {
	font-size:11px;
	margin:0 10px 20px 0
}
.calcolumn .newsbox {
	background:none;
	border:0 none #fff;
	padding:0;
}
.calcontainer .newsbox li {
	display:block;
	margin:0;
	padding:3px 0 4px 0;
	border-bottom:1px solid #e5e8f6;
	text-indent:15px;
	background:url(images/arrow-anchor-bullet.png) left 5px no-repeat transparent
}
.calcontainer .newsbox li ul {
	margin:0 0 0 16px;
	padding:0
}
.calcontainer .newsbox li ul li{
	margin:0;
	padding:1px 0 0 8px;
	border:0 none #fff;
	background:url(images/anchor-bullet-service.png) 0 5px no-repeat transparent;
	text-indent:0;
}
.calcontainer .newsbox li span {
	padding:0 2px 0 0;
	width:58px;
}

.calcontainer .newsbox li div.moreSection {
	padding-top: 10px;
	font-weight: normal;
}

.calcontainer .newsbox li div.moreSection li {
	padding-top: 5px;
	background-position: 0px 8px;
}

.calcontainer .newsbox li div.moreSection li span {
	float: none;
}

.calcontainer h3 {
	font-size:11px;
	color:#000;
	background:url(images/bg-h3-calcolumn.png) left 0 no-repeat transparent;
	margin:0 0 10px 0;
	min-height:35px;
	padding:0 0 0 0;
	width:200px;
}
.calcontainer h3.chain {
	background:url(images/bg-h3-calcolumn_chain.png) left 0 no-repeat transparent;
}
.calcontainer h3.events {
	background:url(images/bg-h3-calcolumn_events.png) left 0 no-repeat transparent;
}
.calcontainer h3.change {
	background:url(images/bg-h3-calcolumn_change.png) left 0 no-repeat transparent;
}
.calcontainer h3.list {
	background:url(images/bg-h3-calcolumn_list.png) left 0 no-repeat transparent;
}
.calcontainer h3.circle {
	background:url(images/bg-h3-calcolumn_circle.png) left 0 no-repeat transparent;
}
.calcontainer h3.extra {
	background:url(images/bg-h3-calcolumn_extra.png) left 0 no-repeat transparent;
}
.calcontainer h3.new {
	background:url(images/bg-h3-calcolumn_new.png) left 0 no-repeat transparent;
}
.calcontainer h3 span{
	
}
.calcontainer h3 span {
	display:block;
	margin-left:35px;
	padding:15px 0px 6px 0px;
	background:url(images/bg-h3span-calcolumn.png) -35px bottom no-repeat transparent;
}
.legend {
	margin:15px  0 0 8px;
	padding:10px 0 0 0;
	background:url(images/dotline-black.png) 0 0 repeat-x;
	height:60px;
	width:733px;
}
.legendbox {
	font-size:10px;
	color:#ccc;
	text-align:center;
	float:left;
	width:103px;
	
}
.legendbox .icon {
	margin:auto;
	width:30px;
	height:29px;
	overflow:hidden;
}
#calbox-paginate {
	position:absolute;
	width:100%;
	height:20px;
	text-align:center;
	z-index:10;
	margin:5px 0 0 0;
	font-size:11px;
	color:#a6a6a6;
}
#calbox-paginate span {
	padding-left:20px;
}
#calbox-paginate img {
	margin:0 16px 0 0;
	vertical-align:top;
}
#calbox-paginate a {
	color:#041daa;
	background:url(images/anchor-bullet-service.png) 0 center no-repeat transparent;
	padding:0 0 0 10px;
}
/*----------------- INDEXTEASER -----------------*/
.focusbox {
	 font-family:Arial, Helvetica, Sans-Serif;
	background:url(images/bg-index-teaser.png) 0 35px repeat-x; 
	width:383px;
	height:257px;
	margin:0 0 0 0;
}
.focusbox h6 {
	background:#f0f0f0;
	margin:0;
	padding:4px 12px;
	color:#a6a6a6;
	font-weight:normal;
	font-size:12px;
	text-transform:uppercase;
	border-top:14px solid #fafafa
}
.focusbox .bottomline {
	background:#fafafa;
	padding:4px 12px;
	color:#a6a6a6;
	font-weight:normal;
	font-size:10px;

}
.focusbox .containerwindow {
	margin:7px 42px 18px 42px;
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width:300px;
	height:177px;
}
.focusbox .chartcontainer {
	background:#fff;
	min-height:177px;
	margin:0 15px 0 0;
	width:300px;
	
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	position:relative;
	z-index:51;
}
.belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;

	}
.focusbox .chartcontainer h5 {
	color:#000;
	font-size:13px;
	font-weight:normal;
	margin:13px 9px 0 45px;
	padding:0 0 12px 0;
	background:url(images/dotline-black.png) 0 bottom repeat-x;
}
.focusbox .chartcontainer h5 span {
	display:block;
}
.focusbox .chartcontainer h5 span.negative {
	background:url(images/iteaser-negative.png) right center no-repeat;
	color:#000;
}
.focusbox .chartcontainer h5 span.positive {
	background:url(images/iteaser-positive.png) right center no-repeat;
	color:#000;
}
.focusbox .chartcontainer .chart {
	position:relative;
	z-index:0;
	margin:7px 0 0 12px;
}
.focusbox .new {
	width:31px;
	height:33px;
	text-indent:-999em;
	font-size:0;
	overflow:hidden;
	background:url(images/iteaser-new.png) 0 0 no-repeat;
	position:absolute;
	top:-1px;
	left:9px;
}
.focusbox .datetable {
	width:86px;
	position:absolute;
	top:50px;
	right:0;
	margin:0 9px 0 0;
}
.focusbox .datetable span {
	display:block;
}
.focusbox .datetable span.points {
	font-size:13px;
	font-weight:bold;
	background:url(images/dotline-black.png) 0 bottom repeat-x;
	padding:0 0 3px 0;
	margin:0 0 3px 0;
	}
.focusbox .datetable span.gainloss,
.focusbox .datetable span.percentage {
	font-size:11px;
	background:url(images/dotline-black.png) 0 bottom repeat-x;
	padding:0 0 3px 0;
	margin:0 0 3px 0;
	}

.focusbox .datetable span.isin {
	color:#a6a6a6;
	font-size:11px;
	background:url(images/dotline-black.png) 0 bottom repeat-x;
	padding:0 0 3px 0;
	margin:0 0 3px 0;
	}
.focusbox .datetable span.date {
	color:#a6a6a6;
	font-size:11px;
	padding:0 0 3px 0;
	margin:0 0 3px 0;
	}
.focusbox .datetable span.logo {
	padding:5px 0 0 0;
}
/*----------------- CALENDARMODULE -----------------*/
.calendarbox {
	margin:0;
	padding:0;
	list-style-type:none;
}
.calendarbox li {
	margin:0;
	padding:5px 8px;
	display:block;
	background:url(images/bg-dateitem.png) 0 0 no-repeat transparent;
	line-height:11px;
}
.calendarbox li a {
	color:#9b9b9b;
	text-decoration:none;
	background:url(images/bg-dateitem-a.png) 0 0 no-repeat transparent;
	display:block;
	padding-left:28px;
}
.calendarbox li a span {
	display:block;
	color:#000
}
.calendarbox li a:hover {
	color:#041daa;
	background:url(images/bg-dateitem-a.png) 0 -87px no-repeat transparent;
}


/*----------------- TICKERMODULE -----------------*/
.tickerbox {
	background:url(images/dotline-black.png) 0 0 repeat-x transparent;
	margin:15px 0 0 0;
	overflow:hidden;
}
.innertickerbox {
	background:url(images/dotline-black.png) 0 bottom repeat-x transparent;
	position:relative;
	z-index:52;
	padding:7px 0;
	/*overflow: scroll; leave this value alone*/
	height:12px;
	overflow:hidden;
	width:383px;
}
.tickerline {
	text-align:center;
	padding:0 50px;
	height:32px;
	z-index:1;
}
.tickertitle {
	color:#000;
	font-weight:bold
}
.tickerquotation {
	background:url(images/tickerbullet.png) 10px center no-repeat transparent;
	padding-left:28px;
}
.tickerpercentage {
	background:url(images/tickerbullet.png) 10px center no-repeat transparent;
	padding-left:28px;
}
.tickerlabel {
	color:#959595
}
.tickerpanel {
	float: left;
	position:relative;
	z-index:51;
	width:383px;
	padding:5px 0;
	text-align:center;
	background:url(images/bg-tickerline.png) center center no-repeat transparent;
}
.tickerrefresh {
	padding:2px 5px;
	background:url(images/dotline-black.png) 0 bottom repeat-x transparent;
	font-size:10px;
	height:15px;
	color:#a6a6a6;
}
.refreshlink {
	display:block;
	float:right;
	background:url(images/refreshbullet.png) 0 center no-repeat transparent;
	padding:0 0 0 12px;
	color:#041daa;
}
/*----------------- LIZENZNEHMER -----------------*/
singlecolumn.right .tickerpanel,
.right .tickerpanel {
	width:181px;
	background:url(images/bg-tickerpanel-small.png) 0 0 no-repeat;
	margin:5px 0 0 0;
}
.right .tickerpanel .tickertitle {
	font-weight:normal;
}
#rotatorbox{
	overflow: scroll; /*leave this value alone*/
	height:180px;
	position:relative;
}
#rotatorbox .rotatorcontainer {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	}
.rotatorbelt {
	position: absolute; /*leave this value alone*/
}
/*----------------- STATISTICMODULE -----------------*/
.statistik {
	padding:12px;
	font-size:11px;
	line-height:14px;
	min-height:103px;
	color:#959595
}
.statistik p {
	margin:0;
	padding:0 0 3px 0; 
}

/*----------------- MULTIBOX -----------------*/
.mfbox {
	width:841px;
	height:237px;
	background:url(images/bg-mfbox.png) 0 7px no-repeat;
	margin:0 0 0 137px;
}
.innermfbox {
	width:693px;
	height:220px;
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	margin:0 0 0 55px;
	
}
.mfbox .tabnavigation {
	position:absolute;
	z-index:2;
	right:10px;
	top:18px;
	width:332px;
}
.mfboxcontainer {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	position:relative;
	z-index:51;
	width:693px;
	height:220px;
	}
.mfboxbelt {	
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	}
.mfbox  .titlepic {
	position:absolute;
	z-index:1;
	padding:18px 0 0 0;
}
.mfbox .titletxt {
	position:absolute;
	z-index:1;
	margin:82px 0 0 280px;
	
}
.mfbox .titletxt h2 {
	font-weight:normal;
	color:#041daa;
	text-transform:uppercase
}
.mfbox .titletxt .readmore {
	font-size:12px;
	color:#041daa;
}
.mfbox .titletxt .readmore:hover {
	text-decoration:underline;
}
.mfbox .tabnavigation ul.idTabs {
	list-style-type:none;
	margin:0;
	padding:0;
	min-height:30px;
}
.mfbox .tabnavigation ul.idTabs li {
	margin:0 1px 0 0;
	padding:0;
	display:block;
	float:left;
	width:82px;
}
.mfbox .tabnavigation ul.idTabs li a {
	font-size:11px;
	color:#959595;
	background:#fff;
	text-align:center;
	padding:13px 9px 0 0;
	display:block;
	background:url(images/bg-mfboxtab.png) 0 0 no-repeat;
	height:16px;
	position:relative;
	z-index:2;
}
.mfbox .tabnavigation ul.idTabs li a:hover,
.mfbox .tabnavigation ul.idTabs li a.selected {
	color:#041daa;
	background:url(images/bg-mfboxtab_hover.png) 0 0 no-repeat;
}
.mfbox .tabnavigation ul li.firsttab a {
	background:url(images/x.gif) 0 0 transparent;
}
.mfbox .tabnavigation ul li.firsttab a:hover {
	background:url(images/x.gif) 0 0 transparent;
}
.mfbox .tabnavigation ul.idTabs li.firsttab a.selected {
	background: none;
}

.tabtoggler {
	display:none;
	background:#fff;
	font-size:11px;
	color:#959595;
	text-align:left;
	padding:10px;
	border:1px solid #e5e5e5;
	position:relative;
	width:310px;
	margin:-2px 0 0 0;
	z-index:1;
	height:132px;
}
.tabtoggler h4 {
	font-size:14px;
	text-transform:uppercase;
	padding:0 0 5px 0;
	margin:0
}
.tabtoggler .readmore {
	display:block;
	color:#041daa;
	padding:0 0 0 10px;
	margin:5px 0 0 0;
	background:url(images/anchor-bullet-service.png) 0 5px no-repeat transparent;
}
.mfbox .tabnavigation ul li.firsttab {
	height:220px;
	width:693px;
	position:absolute;
	z-index:0;
	right:-10px;	
}
.mfbox .tabnavigation ul li.firsttab a {
	text-indent:-999em;
	background:none;
	height:220px;
	width:693px;
}
#mfbox-paginate {
	width: 693px; 
	text-align:center; 
	display:block; 
	height:20px; 
	background:url(images/bg-white-30.png); 
	z-index:100; 
	position:absolute; 
	top:380px; 
	left:192px;
	}
#mfbox-paginate span{
	cursor: default;
	display:block;
	margin:0 0 0 282px;
	text-align:left;
	}
#mfbox-paginate span.reset a{
	display:block;
	width:7px;
	height:8px;
	float:left;
	text-indent:-999em;
	background:url(images/reset-mfbox.png) 0 0 no-repeat;
	margin:7px 10px 0 auto;
	overflow:hidden;
}
#mfbox-paginate span a:hover{
	background:url(images/reset-mfbox_hover.png) 0 0 no-repeat;
}
#mfbox-paginate img {
	margin:3px 3px 0 0;
	text-align:left;
}
#mfbox-paginate img.Point0 {
	display: none;
}


.layerpage.videolayer .innercontainer,
.videolayer .innercontainer{
	width:540px;
	height:340px;
}
.layerpage .videopage {
	padding:0;
	margin:auto;
	text-align:center;
	width:auto;
}
/*Base Superbox Styles */

#superbox-overlay{
	position:fixed;
	top:0;
	left:0;
	z-index:9998;
	width:100%;
	height:100%;
	}
#superbox-wrapper{
	position:fixed;
	z-index:9999;
	top:0;
	left:0;
	display:table;
	width:100%;
	height:100%;
	text-align:left;
	}
#superbox-container{
	position:relative;
	display:table-cell;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	vertical-align:middle;
	}
#superbox{margin:0 auto;padding:0;}
#superbox-container .loading{margin:0;text-align:center;}

#superbox-overlay{background:#98aec7;}
#superbox-container .loading{text-align:center;font-size:40px;color:#fff;}
#superbox{padding:10px;background:#aab0b8;opacity:0.28}
#superbox-innerbox{
	padding:15px 0;
	position:relative;
	z-index:99
	}
#superbox.image{text-align:center;}
#superbox .nextprev{overflow:hidden;margin:0;}
#superbox .close {
	display:block;
	font-size:11px;
	font-weight:normal;
	position:absolute;
	color:#959595;
	z-index:100;
	margin:45px 0 0 700px
}
#superbox .close a {
	position:relative;
	color:#959595;
	display:block;
	background:url(images/button-close.png) right 0 no-repeat;
	padding:2px 20px 2px 0;
}
#superbox .close a:hover {
	background:url(images/button-close_hover.png) right 0 no-repeat;
	color:#041daa;
}
#superbox .close strong {
	font-weight:normal;
}
#superbox.videolayer .close{
	position:relative;
	margin:0 0 0 0;
	color:#fff
}
#superbox.videolayer .close a{
	color:#fff;
	float:right;
	height:20px;
}
/*----------------- INDEX UEBERSICHT -----------------*/