/* CSS Document für Aktien-Fragen */

*  {padding: 0;
	margin: 0;}
	
html {
	height:101%;}/* erzwingt Scrollbar in Firefox*/

body {
	background:#990033;
	font-family:Verdana, Arial, Helvetica, sans-serif, Arial, Helvetica, ans-serif;
	font-size: medium;
	color:#990033;}/*Schriftfarbe im Text*/

/*==============================================================
1. Divbereiche
===============================================================*/	

#wrapper {
	background-image:url(Bilder/Hintergrund/ErdeKopie.jpg);
	background-attachment:fixed;
	width:1200px; /* Breite der braunen Box*/
	margin-top:10px;/* Abstand oben*/
	margin-right:auto;/* rechts*/
	margin-bottom:10px;/*Abstand unten*/
	margin-left:auto;
	border:solid #FFFFCC;
	border-style: inset;} /* links*/
	 		 
#kopfbereich { /* hier wird der gesamte Kopfbereich definiert, da aber nichts drin steht, keine Beeinflussung, Kopf ist außer Bild leer*/
   padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size:10px;}
	
#kopfbereich img { 
	padding-top: 5px;
	padding-right:30px;
	padding-bottom:5px;
	padding-left:10px;}/* hier wird nur das Bild definiert*/

#kopfbereich p {/* hier wird der Text unter dem Bild definiert, steht aber kein Text drin, daher keine Beeinflussung*/
	padding:5px 0px 5px 0px; /* diese Deklarierung könnte man auch weglassen, Kopfbereich p ist leer*/
	margin-bottom: 5px;
	text-align: center;
	font-size:10px;}

#textbereich {/* Abstände des Textes von oben, rechts, unten und links*/
	padding-top: 20px; /* Größe und Abstände der gelben Hintergrund-Box*/
	padding-right: 30px; /*Textabstände der Schrift von der gelben Box*/
	padding-bottom: 20px;
	padding-left: 50px;}

#textbereich a {
	color:#990033;
	font-size:18px;
	letter-spacing:3px;
	text-decoration: none;
	outline: none;}/*Schriftfarbe und Größe der Überschriften auf den einzelenen Seiten unter der gelben Linkbox*/
	
#textbereich p {
	margin-top:20px; /* Abstände des Textes und der Absätze von gelber LinkBox*/
	margin-right:0px;
	margin-bottom:10px;
	margin-left:0px;}
			
#fussbereich {/* hier sind die Abstände nach oben und unten sowie Textposition (email usw.)eingetragen*/
	padding-top: 50px;
	margin-top: 20px;
	margin-bottom:55px;/*gelber Hintergrund nach unten, Abstand zum roten Rahmen definiert*/
	text-align: center;}
	
#fussbereich a {/*email wird definiert*/
	color:#990033;
	background:none;}
	
#fussbereich p {
	color:#990033;
	font-size:12px; /*Schriftgröße*/
	padding-top: 5px;
	padding-right:10px;
	padding-bottom:5px; /* Abstände zwischen Namen und Email*/
	padding-left:10px;}
	
#navbereich {
	text-align:center;/*hier wird die gelbe Linkbox definiert, der Navbereich kommt in die Mitte des Bildes*/
	background-color:#990033;
	padding: 5px 5px 4px 5px; /* Abstände der "Links" im Rahmen, oben, rechts, unten, links*/
	margin: 5px 0 4px 0px;
	border-top: 1px solid #ffffcc;/* obere Rahmenlinie*/
	border-right:0px; 
	border-bottom: 1px solid #ffffcc;/*untere Rahmenlinie*/
	border-left:0px;}
	
#navbereich a {
	color:#FFFFCC;
	text-decoration: none;}/*Schriftfarbe der Hyperlinks in rotbrauner Box*/
				
#navbereich a:hover,/* für Hyperlink, wenn Mauszeiger drüber schwebt*/
#start #null a,
#aktien #eins a,
#anleihen #zwei a, /* dieser ganze Bereich ist dafür da, damit beim Anklicken der Links, der Besucher weiß, wo er sich gerade befindet*/
#devisen #drei a,  /* der Hintergrund beim Anklicken der jeweiligen Seite ist gelb und bleibt stehen.*/
#fonds #vier a, 
#optionsscheine #fünf a,
#rohstoffe #sechs a,
#zertifikate #sieben a,
#abkuerzungen #acht a {
	background-image:url(Bilder/Hintergrund/ErdeKopie.jpg);
	color:#990033;
	text-decoration:none;/*Farben, Hintergrund, Abstand unten usw., nur für den Schwebeeffekt, wenn Mauszeiger drüber fährt */
	background-color:#FFFFCC;
	padding-bottom: 5px;
	border-bottom: none;}
			
#navbereich a:active {
	background-color:#990033;}
				
#navbereich ul { /* die breite des gelben Bereiches in der gelben Link-Box und Rahmen*/
	padding-top: 3px; /* Abstände der Wörter von den Rändern oben*/
	padding-right:117px;
	padding-bottom:0px;
	padding-left:20px;
	margin-bottom:0px;
	text-decoration:none;}
	
#navbereich li {
	display:inline;/* Hyperlinks werden nebeneinander angezeigt*/
	margin:0 5px 10px 0px; /* Abstände der Schrift in der braunen Linbox oben, rechts, unten und links*/
	font-size:12px; /*Schriftgröße im Navbereich Liste*/
	letter-spacing:1px;/*Buchstaben werden auseinander gezogen*/
	padding-right: 20px;
	padding-left: 20px;}
			
/*=================================================================================
2. allgemeine HTML-Elemente
===================================================================================*/
html, body navbereich {
	scrollbar-base-color:#990033; /*Rahmen des Srcollbalkens*/
	scrollbar-3d-light-color:#99033;/* kleiner Pfeil im Scrollbalken*/
	scrollbar-arrow-color:#990033;
	scrollbar-darkshadow-color:#FFFFCC;
	scrollbar-face-color:#FFFFCC;
	scrollbarhiglight-color:red;
	scrollbar-track-color:#ffffcc;}
			
a {
	text-decoration:none;
	outline:none;}/*soll gestrichelte Linie entfernen, klappt aber nicht in jedem Browser*/
	
	
/*das ist für das linke Bild auf der Startseite, wird in der HTML-Datei mit class=bildlinks definiert*/
.bildlinks {float:left;}
/*das ist für das rechte Bild auf der Startseite, wird in der HTML-Datei mit class=bildrechts definiert*/	
.bildrechts {float:right;}	
	
		
a:link {
	color:#0033FF;}

a:visited {
	color: #993333;}
	
a:hover, a:focus {
	border-bottom-style:none;
	color:#66CCFF;
	background-color:#FFFFCC;} /*nimmt die Unterstreichung in den Einzelüberschriften, Links und Email weg*/
		
solid 1px #FFFFCC; font-family: Arial, Helvetica, sans; color: #FFFFCC; font-weight:bold;}
<!--Formularanwendung Ende-->