/*	Red 1		color: #e2001a; */
/*	Red 2		color: #de0000; gibt es nicht mehr ?? */
/*	Schwarz		color: #000 */
/*	Grau 1		color: #333 */
/*	Grau 1		color: #555 */
/*	Grau 1		color: #808080 */
/*	Grau 1		color: #c0c0c0 */
/*	Grau 1		color: #e4e4e4 */
/*	Grau 1		color: #f1f1f1 */
/*	Blau		color: 3f77b2; */

/* ----------------------------------- Core -----------------------------------*/
th, td {
	font-size: 11px;
	line-height: 14px;
	vertical-align: top;
	padding: 2px 4px;
	color: #333;
	}
.level2active {
	font-weight: bold;
	}

/* ----------------------------------- Allgemeines -----------------------------------*/
.block { display: block; }
.floatLeft { float: left; }
.floatRight { float: right; }
.clear { clear: both; }

.left { text-align: left !important; }
.center { text-align: center !important; }
.right { text-align: right !important; }

.vAlignMiddle, table.vAlignMiddle td { vertical-align: middle !important; }
.checkbox { border: none !important; margin: 3px 0px; }

.bold { font-weight: bold !important; }
.normal { font-weight: normal !important; }

.spacer1 { height: 7px !important; }
.spacer2 { height: 14px !important; }
.spacer3 { height: 21px !important; }
.spacer4 { height: 28px !important; }
.spacerBoxesV { height: 21px !important; }

.marginLeft { margin-left: 14px; }
.marginRight { margin-right: 14px; }

.mt1 { margin-top: 7px; }
.mb1 { margin-bottom: 7px; }

.pl1 { padding-left: 7px; }
.pl4 { padding-left: 28px; }

/* ----------------------------------- Divs fuer Bereiche -----------------------------------*/
#markets-zone {
	width: 796px;
	position: absolute;
    top: 20px;
	left: 168px;
	}
#markets-header {
	width: 796px;
	height: 105px;
	background: url(../images/header/boersengeschehen.gif) no-repeat;
	}
.headerMarkets {}
.headerBonds { background: url(../images/header/anleihen-zinsen.gif) no-repeat !important; }
.headerCurrencies { background: url(../images/header/devisen.gif) no-repeat !important; }
.headerFunds { background: url(../images/header/fonds.gif) no-repeat !important; }
.headerNews { background: url(../images/header/nachrichten.gif) no-repeat !important; }
.headerWarrants { background: url(../images/header/optionsscheine-knockouts.gif) no-repeat !important; }
.headerCommodities { background: url(../images/header/rohstoffe.gif) no-repeat !important; }
.headerStocks { background: url(../images/header/aktien.gif) no-repeat !important; }
.headerDerivatives { background: url(../images/header/zertifikate.gif) no-repeat !important; }
.headerRodeo { background: url(../images/header/rodeo.gif) no-repeat !important; }
#markets-content {
	width: 794px;
	border: 1px solid #acacac;
	padding: 0px 0px 14px 0px;
	}
#markets-contentIE6 {
	_margin-left: -14px;
	}
#kurssuche {
	width: 310px;
	float: right;
	margin: 55px 14px 0px 0px; _margin: 55px 5px 0px 0px;
	font-size: 11px;
	height: 30px;
	}

/* ----------------------------------- Kurssuche -----------------------------------*/
#kurssuche p.search {
	padding-top: 1px; _padding-top: 2px;
	}
#kurssuche input {
	width: 148px !important;
	padding: 1px 3px !important;
	margin: 0px 14px !important;
	}

/* ----------------------------------- Boxen -----------------------------------*/
.boxMarkets1 {
	width: 766px;
	float: left;
	overflow: hidden;
	margin-left: 14px;
	}
.boxMarkets2 {
	width: 376px;
	float: left;
	margin-left: 14px;
	overflow: hidden;  /* bei allen Boxen, um ein Zerschiessen des Layouts zu verhindern? siehe v.a. IE 6 */
	}
.boxMarkets3 {
	width: 246px;
	float: left;
	margin-left: 14px;
	overflow: hidden;
	}

/* ----------------------------------- Texte, Content, Farben -----------------------------------*/
#markets-zone h1 {
	font-size: 35px;
	font-family: "Trebuchet MS", Arial, Helvetica;
	color: #3f77b2;
	margin: 0px 0px 0px 55px !important;
	background: #fff;
	width: 370px;
	padding: 50px 0px 30px 15px;
	border-top: 12px solid #5b8aa6;
	}
#markets-zone h2 {
	font-size: 13px;
	font-family: "Trebuchet MS", Arial, Helvetica;
	color: #3f77b2;
	margin: 20px 0px 14px 0px !important;
	padding-left: 14px;
	}
#markets-zone h3 {
	font-size: 11px;
	padding-left: 14px;
	font-weight: normal;
	}
#markets-zone h4 {
	border-bottom: 2px solid #4077b0;
	font-size: 11px;
	color: #3f77b2;
	margin: 0px;
	padding-left: 4px;
	}
#markets-zone .linksRelated h4 {
	border-bottom: 2px solid #555;
	color: #555;
	}
#markets-zone h5 {
	border-bottom: 1px solid #666;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #666;
	margin: 0px 0px 7px 0px;
	}
#markets-zone caption {
	border-bottom: 1px solid #333;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #333;
	padding: 7px 4px 0px 4px;
	text-align: left;
	}
#markets-zone a.linkBlock {
	display: block;
	font-size: 11px;
	line-height: 14px;
	padding-top: 7px;
	}
#markets-zone .linksRelated a, #markets-zone .linksRelated div {
	font-size: 11px;
	line-height: 18px;
	display: block;
	clear: right;
	}
#markets-zone .markets-functions {
	font-size: 11px;
	line-height: 16px;
	color: #666;
	float: right;
	padding: 14px 14px 0px 0px;
	}
#markets-zone .disclaimer {
	font-size: 11px;
	line-height: 14px;
	padding: 7px 14px 0px 14px;
	_margin-left: 14px;
	color: #666;
	}

#markets-zone .toolDisclaimer {
	font-size: 11px;
	line-height: 14px;
	padding: 7px 14px 0px 14px;
	_margin-left: 14px;
	color: #666;
	}
#markets-zone p {
	font-size: 11px;
	color: #333;
	}
p.quote, p.selectLegend {
	float: left;
	margin-right: 7px;
	font-weight: bold;
	}
p.diff {
	float: right;
	font-weight: bold;
	}
p.tableInfo {
	color: #666 !important;
	padding: 7px 4px 0px 4px;
	}
#markets-zone .paginator a {
	float: left;
	font-weight: bold;
	font-size: 11px;
	line-height: 16px;
	color: #666;
	padding: 1px 3px;
	margin: 3px 1px;
	}
#markets-zone .paginator a.active {
	color: #000;
	}
.newsHeadline {
	font-weight: bold;
	display: block;
	}
.newsDetails p {
	margin-top: 7px;
	margin-bottom: 7px;
	}
.newsDetails2 p { /* bisher nur Idee, noch nicht abgenommen */
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 13px !important;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	}
.newsDetails3 p { /* bisher nur Idee, noch nicht abgenommen */
	margin-top: 14px;
	margin-bottom: 14px;
	font-size: 14px !important;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	}
.error, .minus, .IDMS_negative {
	color: #f00 !important;
	}
.helper, .neutral, .vortag {
	color: #666 !important;
	}
.ok, .plus, .IDMS_positive {
	color: #65b332 !important;
	}

/* ----------------------------------- barColors / Balken fuer Markierungen, Legende usw. -----------------------------------*/
span.barGreen, span.barGrey, span.barRed, span.barYellow {
	line-height: 1px;
	font-size: 10px;
	margin-left: 3px;
	}
span.barGreen	{ background: #64B230; }
span.barGrey	{ background: #ccc;	}
span.barRed		{ background: #e2001a; }
span.barYellow	{ background: #fc0; }

/* ----------------------------------- Tabellen -----------------------------------*/
table {
	border: 0px;
	}
.tableMarkets, .tableMarketsLight, .tableMarketsPlain {
	width: 100%;
	border-bottom: 1px solid #e1e1e1;
	}
.tableMarketsAllocation {
	width: 295px;
	float: right;
	}
.tableMarkets th, .tableMarkets td {
	border-right: 1px solid #e1e1e1;
	text-align: right; /* Hinweis: die standard markets Tabelle ist rechtsbuendig, da meist Zahlen und Kurse angezeigt werden !! */
	}

.resultTableMarkets td {
	padding-right: 1px;
}

.tableMarketsLight th, .tableMarketsLight td {
	border-right: 1px solid #fff;
	text-align: left;
	}
.tableMarketsPlain th, .tableMarketsPlain td {
	border-right: 0px solid #fff;
	text-align: left;
	}
tr.trColgroup td {
	padding: 0px !important;
	border-right: 1px solid #fff;
	}
tr.trEven td {
	background: #fff;
	}
tr.trOdd td {
	background: #e1e1e1;
	}
.marketsCalender td, .marketsCalender th {
	text-align: center;
	}
.marketsCalender a.today {
	font-weight: bold;
	color: #e2001a;
	}
.marketsCalender a.active, .marketsCalender a:hover {
	font-weight: bold;
	color: #fff;
	background: #e2001a;
	}

/* ----------------------------------- markets-search und Formulare -----------------------------------*/
#markets-zone input, #markets-zone select {
	font-size: 11px;
	}
#markets-zone select.disabled {
	color: #666;
	background: #e4e4e4;
	}
#markets-zone .searchSmall, #markets-zone .searchMiddle, #markets-zone .searchLarge {
	font-size: 11px;
	}
#markets-zone input.searchSmall, #markets-zone input.searchMiddle, #markets-zone input.searchLarge {
	padding: 1px 3px;
	}
#markets-zone .searchSmall	{ width: 60px; }
#markets-zone .searchMiddle	{ width: 120px; }
#markets-zone .searchLarge	{ width: 200px; }
#markets-zone input.searchLarge	{ width: 190px; }
.optionSeparator {
	background: #e4e4e4;
	padding-left: 14px;
	font-weight: bold;
	}
form div.form-messages {
	border-right: 0px;
	border-left: 0px;
	_padding-left: 28px; /* sonst im IE6 wegen Korrektur zu weit links */
	}

/* markets-tools */
div.markets-tools {
	font-size: 11px;
	line-height: 14px;
	float: left;
	padding: 6px 5px 5px 6px;
	}
div.markets-tools a {
	padding: 0 0 0 20px;
	background: url(http://www.hypovereinsbank.de/img/ico/icon-print-5c5c5c.gif) no-repeat;
	}
div.page-up {
	float: right;
	padding: 7px 9px 0 0;
	}

/* ----------------------------------- Tab Navigation & Reiter fuer Charts (Ebene 1 analog HVB) -----------------------------------*/
#markets-zone ul.tab-nav {
	background: #acacac;
	height: 23px;
	}
#markets-zone ul.tab-nav li {
	font-size: 11px;
	line-height: 14px;
	padding: 0;
	background: #acacac;
	float: left;
	border-right: 1px solid #fff;
	}
* html #markets-zone ul.tab-nav li {
	padding: expression("0");
	background-position: expression("left bottom");
	}
#markets-zone ul.tab-nav li.active, #markets-zone ul.tab-nav-2 li.active, #markets-zone ul.tab-nav-charts li.active {
	background: #fff;
	}
#markets-zone ul.tab-nav li a {
	color: #fff;
	padding: 4px 14px 5px 14px;
	float: left;
	}
#markets-zone ul.tab-nav li a:hover, #markets-zone ul.tab-nav-2 li a:hover, #markets-zone ul.tab-nav-charts li a:hover {
	cursor: pointer;
	color: #000;
	}
#markets-zone ul.tab-nav li a.active, #markets-zone ul.tab-nav-2 li a.active, #markets-zone ul.tab-nav-charts li a.active {
	font-weight: bold;
	color: #333;
	}

/* ----------------------------------- Tab Navigation (Ebene 2) -----------------------------------*/
#markets-zone ul.tab-nav-2 {
	background: #ccc;
	height: 23px;
	margin-top: 1px;
	}
#markets-zone ul.tab-nav-2 li {
	font-size: 11px;
	line-height: 14px;
	padding: 0;
	background: #ccc;
	float: left;
	border-right: 1px solid #fff;
	}
#markets-zone ul.tab-nav-2 li a {
	color: #fff;
	padding: 4px 14px 5px 14px;
	float: left;
	}

/* ----------------------------------- speziell Tab Charts -----------------------------------*/
#markets-zone ul.tab-nav-charts {
	height: 19px;
	margin-top: 5px;
	}
#markets-zone ul.tab-nav-charts li {
	font-size: 11px;
	line-height: 11px;
	padding: 0;
	background: #e0e2e5;
	float: left;
	border-right: 1px solid #fff;
	}
* html #markets-zone ul.tab-nav-charts li {
	padding: expression("0");
	background-position: expression("left bottom");
	}
#markets-zone ul.tab-nav-charts li a {
	color: #666;
	padding: 3px 7px;
	float: left;
	}
#markets-zone ul.tab-nav-charts li a:hover {
	cursor: default;
	color: #000;
	}
#markets-zone ul.tab-nav-charts li.timestamp {
	background: none;
	color: #666;
	font-size: 10px;
	padding: 6px 0px 0px 7px !important;
	float: left;
	}

/* ----------------------------------- speziell Tabs Unterebene -----------------------------------*/
#markets-zone ul.tab-nav-margin {
	margin-top: 1px;
	}
/* ----------------------------------- IDMS Tabbed lists / labels / anything for charts ----------------------------------- */
ul.IDMS_tabbedlist { list-style: none; margin: 0;padding: 0; font-size: 11px; line-height: 11px; }
ul.IDMS_tabbedlist li {
	display: inline;
	margin: 0px;
	padding: 0px;
	}
ul.IDMS_tabbedlist li a {
	float: left;
	background: #e0e2e5 !important;
	margin-right: 1px;
	padding: 3px 7px;
	cursor: pointer;
	}
ul.IDMS_tabbedlist li a span {
	float: left;
	display: block;
	}
ul.IDMS_tabbedlist li:hover a {
	color: #000;
	}
ul.IDMS_tabbedlist li.active a {
	background: #fff !important;
	color: #000;
	font-weight: bold;
	}
ul.IDMS_tabbedlist li:hover a span, ul.IDMS_tabbedlist li.active a span {
	color: #000;
	}
.IDMS_chartOptions label {
	width: 75px;
	display: block;
	float: left;
	padding-top: 0.5em;
}
.IDMS_chartOptions select {
	border: 1px solid #666;
	margin-top: 0.2em;
	width: 160px;
}











/* ----------------------------------- Template-Navigation -----------------------------------*/
#template {
	position: absolute;
	top: 500px;
	left: 8px;
	width: 135px; _width: 135px;
	font-size: 11px;
	line-height: 16px;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	color: #666;
	border: 1px solid #ccc;
	padding: 5px;
	}
#template a {
	font-size: 11px;
	line-height: 16px;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	color: #666;
	}
#template a:hover {
	color: #e2001a;
	text-decoration: underline;
	}
#navigation-zone a.switch {
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	color: #666;
	background: #fff;
	position: relative;
	top: -30px;
	left: 20px;
	cursor: pointer;
	}
#templateNavOff, #mainNavFull {
	display: none;
	}
em.bw, em.idms, em.hvb {
	display: block;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	margin: 1px 0px 10px 0px;
	}
em.bw {
	border: 1px dotted #000066;
	background: #8282FF;
	}
em.idms {
	border: 1px dotted #FF6600;
	background: #FFAC75;
	}
em.hvb {
	border: 1px dotted #E2001A;
	background: #FF9DAA;
	}
/* Um kurzzeitig die notes TBD auszuschalten:
em { display: none !important; }
*/

.riskgroup {
    font-size: 11px;
    line-height: 14px;
    padding: 2px;
    margin: 2px;
    font-weight: bold !important;
}

.riskgroup dl {
    font-size: 11px;
    font-weight: normal !important;
}

.rodeoheader {
    background: url(../images/header/rodeowertpapiersuche.gif) no-repeat !important;
}

.hint {
    background: url(../images/hint.png) no-repeat center right !important;
    height: 12px !important;
    display: inline-block;
    margin-bottom: -1px;
    padding-right: 5px;
}

.bold span {
    #margin-top: -20px;
}

.boxMarkets1 ul {
    font-size: 11px;
    line-height: 14px;
    padding: 2px;
    margin: 2px;
}

.documentImage {
    float: left;
    margin-top: 4px;
}

.documentLink {
    display: block;
    padding-left: 15px;
}

div#navigation-zone {
top: 60px;
}

div#context-zone {
top: -10px;
}

.rodeoColumn5 {
    width: 5%;
}

.rodeoColumn6 {
    width: 6%;
}

.rodeoColumn7 {
    width: 7%;
}

.rodeoColumn8 {
    width: 8%;
}
.rodeoColumn9 {
    width: 9%;
}

.rodeoColumn10 {
    width: 10%;
}