/***********************************************/
/* Globales Stylesheet - Ascunia                           */
/***********************************************/

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;	
	color: #000000;
	text-align: justify;	
	background-color: #3F6FA9;

}

/************************************/
/* Hyperlinks  */
/************************************/
a{
	color: #666666;
	text-decoration: none;
}
a:link{
	color: #005FA9;
	text-decoration: none;
}
a:visited{
	color: #005FA9;
	text-decoration: none;
}
a:hover{
	color: #005FA9;
	text-decoration: underline;
}
/************************************/
/* Überschriften              */
/************************************/
h1{
 font-size: 10pt;
 font-weight: normal;
 color: #FFEEDD;
 margin: 0px;
 padding: 0px 0px 0px 0px;
 
}

h2{
 font-size: 12pt;
 font-weight: bold;
 color: #3F6FA9;
 padding: 30px 0px 0px 10px;
 text-align: center;
}

h3{
 font-size: 17pt;
 font-weight: bold;
 color: #FFEEDD;
 padding: 0px 0px 0px 10px;
 text-align: center;
}
h4{
 font-size: 10pt;
 font-weight: bold;
 color: #242424;
 padding: 0px 0px 0px 0px;
 text-align: left;
}
h5{
 font-size: 10pt;
 font-weight: bold;
 color: #FFEEDD;
 padding: 0px 0px 0px 10px;
 text-align: left;
}
h6{
 font-size: 10pt;
 font-weight: bold;
 color: #003366;
 padding: 0px 0px 0px 0px;
text-align: center; 
}
#downloads h6{
 font-size: 10pt;
 font-weight: bold;
 color: #3F6FA9;
 padding: 0px 0px 0px 0px;
 text-align: left;
}
/***********************************************/
/* Layout - Ebenen                                 */

/************************************/
#oben{
	position: absolute;
	width: 100%;
	margin: 0px;
	height: 87px;
	top: 30px;
   	}
.schrift1oben{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17pt;
	color: #FFEEDD;	
	text-align: center;
}	
.schrift2oben{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFEEDD;	
	font-weight: bold;
	text-align: left;
a color: #FFEEDD;
	text-decoration: none;

}	
#hauptfenster{
	position: absolute;
	width: 738px;
	top: 133px;
	right: 3%;	
	background-color: #ffeedd;
	height: 100%;
	left: 230px;
	padding-left: 10px;
}
#titelimhauptfenster{
	position: absolute;
	width: 747px;
	top: 109px;
	right: 3%;
	background-color: #6A95C8;
	left: 231px;
	margin: 0px;
	border-style: solid;
	border-color: #FFEEDD;
	border-width: 1px;
	
	
   	
	}
.schrift1{
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px 0px 5px 10px;
}


/***Navigation links Schriften ********/
#pageNav{
	position: absolute;
	top: 110px;
	left: 14px;
	width:20%;
	background-color: #3F6Fa9;
	border-bottom: 1px solid #cccccc;
	font-family: Verdana,sans-serif;
	font-size: 10pt;
}
/************************************/

/************************************/
#col2{
	margin:40px 0px 0px 178px;
	padding: 0px 10px 0px 0px;
	border-left: 1px solid #ccd2d2;
}
/************************************/


/* End Layout Divs                             */
/***********************************************/

/************************************/
/*Klassen innerhalb von Ebenen
/************************************/


/*untere Linkleiste im Hauptfenster***/
#siteInfo{
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
}
/**wichtig für navigationsleiste links**/

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}
/************************************/

/***Hell mit blauem Mouseover*********************************/
#sectionLinks{
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 10pt;
}

#sectionLinks a:link{
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-color: #FFEEDD;
	font-weight: normal; 
	padding: 3px 0px 1px 10px;
	color: #000000;
}

#sectionLinks a:visited{
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-color: #FFEEDD;
	font-weight: normal;
	padding: 3px 0px 3px 10px;
	color: #000000;
}

#sectionLinks a:hover{
	display: block;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #AFAFDC;
	padding: 3px 0px 3px 10px;
	text-decoration: none;
}
/*blau mit hellem Mouseover***********************************/
#sectionLinks1{
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
}

#sectionLinks1 h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 10pt;
}

#sectionLinks1 a:link{
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-color: #AFAFDC;
	font-weight: normal; 
	padding: 3px 0px 1px 10px;
	color: #000000;
}

#sectionLinks1 a:visited{
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-color: #AFAFDC;
	font-weight: normal;
	padding: 3px 0px 3px 10px;
	color: #000000;
}

#sectionLinks1 a:hover{
	display: block;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #FFEEDD;
	padding: 3px 0px 3px 10px;
	text-decoration: none;
}
#investox ul{
list-style-image: url("handelssystem/boerse/pfeil-blau.gif");
}
}


/************************************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story h3{
	font-family: Arial,sans-serif;
	font-size: 15pt;
	font-weight: bold;
	color: #000000;
}

.story p{
padding: 0px 0px 10px 0px;

}

.story a.capsule{
	font-family: Arial,sans-serif;
	font-size: 12pt;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
	font-weight: bold;
}

.story a.capsule:hover{
	text-decoration: underline;
}

td.storyLeft{
	padding-right: 12px;
}


/************* #breadCrumb styles *************/


.breadCrumb{
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px 0px 5px 10px;	
	
}
.breadCrumb a:link{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 8pt;
	font-weight: bold;
}

.breadCrumb a:visited{
	color: #FFEEDD;
	text-decoration: none;
	font-size: 8pt;
	font-weight: bold;
	
}

.breadCrumb a:hover{
	color: #FFFFFF;
	text-decoration: underline; 
	font-size: 8pt;
	font-weight: bold;
}
/******************************************************************************************/
/*End Component Divs                           */
/*****************************************************************************************+/


/***OPTIMIERTE NAMEN*********************************/
#börse{
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
}

#börse h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 10pt;
}

#börse a:link{
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-color: #FFEEDD;
	font-weight: normal; 
	padding: 3px 0px 1px 10px;
	color: #000033;
}

#börse a:visited{
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-color: #FFEEDD;
	font-weight: normal;
	padding: 3px 0px 3px 10px;
	color: #000033;
}

#börse a:hover{
	display: block;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #AFAFDC;
	padding: 3px 0px 3px 10px;
	text-decoration: none;
}
/*hellblau mit hellem Mouseover***********************************/
#börse1{
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
}

#börse1 h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 10pt;
}

#börse1 a:link{
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-color: #AFAFDC;
	font-weight: normal; 
	padding: 3px 0px 1px 10px;
	color: #000033;
}

#börse1 a:visited{
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-color: #AFAFDC;
	font-weight: normal;
	padding: 3px 0px 3px 10px;
	color: #000033;
}

#börse1 a:hover{
	display: block;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #FFEEDD;
	padding: 3px 0px 3px 10px;
	text-decoration: none;
}

/*dunkelhellblau mit hellem Mouseover***********************************/
#börse100{
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
}

#börse100 h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 10pt;
}

#börse100 a:link{
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-color: #000066;
	font-weight: normal; 
	padding: 3px 0px 1px 10px;
	color: #FFEEDD;
}

#börse100 a:visited{
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-color: #000066;
	font-weight: normal;
	padding: 3px 0px 3px 10px;
	color: #FFEEDD;
}

#börse100 a:hover{
	display: block;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #FFEEDD;
	padding: 3px 0px 3px 10px;
	text-decoration: none;
		color: #000066;

}

#börseVBS a:link{
	display: block;
	background-color: #FFEEDD;
	font-weight: normal; 
	padding: 3px 0px 1px 10px;
	color: #CC0000;
}

#börseVBS a:visited{
	display: block;
		background-color: #FFEEDD;
	font-weight: normal;
	padding: 3px 0px 3px 10px;
	color: #CC0000;
}

#börseVBS a:hover{
	display: block;
	background-color: #FFEEDD;
	padding: 3px 0px 3px 10px;
	text-decoration: underline;
		color: #CC0000;

}





/************************************/
#handelssystem{
	position: absolute;
	width: 77%;
	top: 109px;
	right: 3%;
	background-color: #6A95C8;
	left: 23%;
	margin: 0px;
	border-style: solid;
	border-color: #FFEEDD;
	border-width: 1px;
	height: 22px;
		
	}
#handelssysteme{
	position: absolute;
	width: 76%;
	top: 134px;
	right: 3%;	
	background-color: #FFEEDD;
	left: 23%;
	margin: 0px;
	border-style: solid;
	border-color: #FFEEDD;
	border-width: 1px;
		
	
	
	}
#zaehler{
	position: absolute;
	width: 167px;
	top: 629px;
	right: 3%;	
	background-color: #3f6Fa9;
	height: 1px;
	left: 1px;
	padding-left: 10px;
	}

.tickdaten{
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px 0px 5px 10px;
}
.frieda{
	font-size: 10pt;
	padding: 0px 0px 5px 10px;
}
.systemhandel {color: #666666;}
/***Navigation links Schriften ********/
#indikator{
	position: absolute;
	top: 110px;
	left: 14px;
	width:20%;
	background-color: #3F6Fa9;
	border-bottom: 1px solid #cccccc;
	font-family: Verdana,sans-serif;
	font-size: 10pt;
}
#performance{
text-decoration:underline;
	
}
#rechts {
background-color:#FFEEDD;
border-left-style: dotted;  
border-left-color:#3F6FA9;
border-left-width: 3px;
padding-left: 10px;
padding-right: 10px;

}
#rechts h6{
font-size: 9px;
font-weight: normal;
color: #003399;
 }
 
 #rechts h4{
font-size: 9px;
font-weight: bold;
color: #242424;
 }
 
 #grenze {
border-bottom-style: dotted;           
border-bottom-color:#3F6FA9;
border-bottom-width: 1px;
}

table.border td{
border-style: solid;
border-width: 1px;
border-color: #6A95C8;
}
table.border {
border-style: solid;
border-width: 1px;
border-color: #6A95C8;
}
