body { background-color:#E0E0E0; font-family:Arial; font-size:10pt;
       width:100%;
       height:100%;
}
table { background-color: white }
caption  {  background-color: white; font-size:12pt;font-family:Arial;color:#6495ED}
td,th  { font-size:10pt;font-family:Arial;color:#000000}
h1  { font-size:22pt;font-family:Arial;color:#ff1000; margin-bottom:1pt;margin-top:1pt; }
h2  { font-size:18pt;font-family:Arial;color:#7509E8; margin-bottom:1pt;margin-top:1pt; }
h3  { font-size:15pt;font-family:Arial;color:#1281ff; margin-bottom:1pt;margin-top:1pt;}
h4,pre  { font-size:10pt;font-family:Arial;color:#000000}
p   { font-size:12pt;font-family:Arial;color:#000000}
li   { font-size:11pt;font-family:Arial;color:#000000}
a:link { font-family:Arial; text-decoration:underline; font-weight:bold; color:#0000FF; }
a:visited { font-family:Arial; text-decoration:none; font-weight:bold; color:#000000; }
a:hover { font-family:Arial; text-decoration:underline; font-weight:bold; background-color:#FFFF00; }
a:active { font-family:Arial; text-decoration:underline; font-weight:bold; background-color:#CCFFFF; }
#klein { font-size:8pt;font-family:Arial,Courier New;color:#000000}
#bigBlue { font-size:16pt;font-family:Arial;color:#0000FF}
#black { font-family:Arial,Courier New;color:#000000}
#red   { font-family:Arial,Courier New;color:#FF0000}
#blue   { font-family:Arial,Courier New;color:#0000FF}
#fuchsia { font-size:13pt;font-family:Arial;color:#FF00FF}
.size0  { font-size:9px; }
.size1  { font-size:10px; }
.size2  { font-size:14px; }
.size3  { font-size:18px; }
.size4  { font-size:19px; }
.size5  { font-size:22px; }
.size6  { font-size:26px; color:#FF0000 }
#GraphicSwap {position:relative; left: 760px; top: 350px; width:400px; z-index:1; }
#Bild  {position:relative; display:block; float:left;  width:450px; z-index:2; }
#Links { position:relative; right: 10px; top: 20px; width:220px;  z-index:2; }
#Anmeldung { position:relative; left: 10px; top: 10px; width:250px; }
#head  { width:1000px;
         float:left;
         text-align:center;
}
#Rechts { margin-left:50px; width:200px;float:left; }
#main_links {
    float:left;
margin-left:275px;
}

#main_text {
    clear:left; margin-left:150px; width:700px;
}

#text  { width:400px; float:left; }
#Twitter  { position:relative; left: 420px; top: 460px; width:450px; z-index:5; }
.whitebox { background-color:#FFFFFF; padding:2px; margin:3px; }
.gelb { background-color:#FFFF66; }
#marketingPlan {
    position: relative;
    width: 270px;
    height: 200px;
    z-index: 5;
    right: 50px;
    top: 350px;
}
#download {
    position: relative;
    width: 260px;
    height: 200px;
    z-index: 5;
    right: 50px;
    top: 350px;;
}
#FastTrack {
    position: relative;
    width: 300px;
    height: 200px;
    z-index: 5;
    right: 50px;
    top: 350px;;
}
#mehrGeld {
     position:relative;
     width:260px;
     height:250px;
     z-index:5;
     right:50px;
      top: 350px;;
}
#mehrZeit {
     position:relative;
     width:260px;
     height:200px;
     z-index:5;
     right:50px;
      top: 350px;;
}
#pravention {
     position:relative;
     width:260px;
     height:300px;
      z-index:5;
       right:50px;
        top: 350px;
}
#chance {
    position:relative;
     width:260px;
     height:300px;
     z-index:5;
      right:50px;
      top: 350px;;
}
#americanWay {
    position:relative;
    width:260px;
     height:300px;
      z-index:5;
      right:50px;
      top: 350px;;
}
#beautyConsultant {
     position:relative;
     width:280px;
     height:300px;
      z-index:5;
      right:50px;
      top: 350px;;
}
#Cashflow {
    position: relative;
    width: 260px;
    height: 200px;
    z-index: 5;
    right: 50px;
    top: 350px;;
}
#ohneRisiko {
    position: relative;
    width: 260px;
    height: 200px;
    z-index: 5;
    right: 50px;
    top: 350px;;
}

#zuHause {
    position: relative;
    width: 260px;
    height: 200px;
    z-index: 5;
    right: 50px;
    top: 350px;;
}
#Zeiteinteilung {
    position: relative;
    width: 260px;
    height: 200px;
    z-index: 5;
    right: 50px;
    top: 350px;;
}

ul.nav li {
float:left;
display:block;

border:2px solid #3E0607;

}

ul.nav a:hover, ul.nav a:active, ul.nav a:focus{
background:black;
color: #FFF;
}
ul.nav a, ul.nav a:visited{
text-decoration: none;
        font-style:normal;
        font:14px   "Times New Roman", Times, serif;
        font-weight:bold;
        font-variant:small-caps;
        color:black;
        background:yellow;
        text-align:center

}



#main
{
    text-align:center;
}

#container {
    height:1000px;
    width:850px;
float:left;
}


/* DROPPING MAGIC
 ---------------------------------------*/
 /*Verhalten der Unterlisten bei Hover */
 #vertical ul li:hover ul {
 display:block; /* Blockanzeige der Unterlisten */
 }
 /*Submenulisten*/
 #vertical ul ul {
 position:relative; /* relative Positionierung */
 left:180px; /*Abstand Links (breite des Hauptmenüs) */
 top:0; /*Abstand oben */
 border-top:1px solid #e9e9e9; /* oberer Rand */
 display:none; /* Keine Anzeige, wenn li nicht gehovert */
 }
 /*Listenelemente Submenu */
 #vertical ul ul li {
 width:170px; /* Breite */
 background:#DCE1E8; /*Hintergrundfarbe*/
 border:1px solid #D5D7DB; /*Rand*/
 border-top:0; /*Rand oben*/
 }
 /* Links Submenu */
 #vertical ul ul li a {
 color:#476EA8; /* Schriftfarbe */
 font-size:15px; /* Schriftgrösse */
 }
 /* Links Submenu Hoverzustand */
 #vertical ul ul li a:hover {
 color:#153363; /*Schriftfarbe */
 letter-spacing: 1px; /*Buchstabenabstand*/
 background: #F0F4FA; /*Hintergrundfarbe */
 }

#vertical { 
	position: relative;/* relative Positionierung des gesamten Codes */
	height:100%;
top:20%;
float:left;
	z-index: 1; /*Höhe auf der Z-Ebene (in den Vordergrund)*/
}

/* Ungeordnete Liste */
#vertical ul{
	background: #153363; /* Hintergrundfarbe */
	width: 180px; /* Breite */
    list-style:none; /* kein Listen-stil, keine "Bullets"*/
    margin:0; /*kein Rand aussen*/
    padding:0; /* kein Rand innen */
}

/*Listenpunkte */
#vertical ul li {
    position:relative; /*relative Positionierung der 
    					Listenpunkte, damit Unterpunkte 
    					absolut positioniert werden können.*/
}

/* Links */
#vertical a {
    color:#f9f9f9; /* Schriftfarbe */
    padding:12px 0px; /* Abstände innerhalb */
    display:block; /* Block-Anzeige, jedes Element neue Zeile */
    text-decoration:none; /*keine Unterstreichung*/
    transition:1s; /* Fliessende Bewegung */
    -moz-transition:1s;
    -webkit-transition:1s;
    -o-transition:1s;
    font-family:Playfair Display; /* Schriftart */
    font-weight: bold; /* Fett */
    font-size:16px; /* Schriftgrösse */
    padding-left:20px; /* Abstand links */
}

/* Links Hoverzustand */
#vertical a:hover {
    background: RGBA(255,255,255,0.05); /* Hintergrundfarbe */
    color:#fff; /* Schrifrfarbe */
    font-style: italic;  /* Kursiv */
}