* { margin: 0; padding: 0; border: 0; }
html, body { }
html {
}
body { 
 text-align:center; 
 background: #fff ; 
 color: #000;
 font-size: 100.01%; 
 font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; 
 background: url(../images/portal-2007/bg-down.gif) repeat-y 50% 0%; 
}
.distance {
 position: relative;
 margin: 0px auto;
 width: 1008px;
 height: 20px;
 height: 0px;
 text-align: left;
 background: #fff;

}
.wrappage {
 position: relative;
 margin: 0px auto;
 width: 1008px;
 text-align: left;
/* background: #cecece; */
}
.head {
 height: 300px;
 width: 1008px;
 background: url(../images/portal-2007/bg-quickfunds-portal.jpg); 
}
.navi-start {
 position: relative;
 height: 82px;
 width: 1008px;
 background: url(../images/portal-2007/bg-navi.gif) repeat-x;
}
.navi-start ul {
 position: absolute;
 left: 0px;
 top: 0;
}
.navi-start ul li {
 list-style-type: none;
 float: left;
 width: 200px;
 padding: 0; margin: 0;
 padding: 0 10px 0 10px;
 text-align: right; 
 line-height: .9em;
 height: 85px;
}
.navi-start img {
 border: 0px solid #000000; 
 padding: 0; margin: 0;
}
.navi-start a {
 text-decoration: none;
 color: #000;
 font-weight: bold;
 font-size: .8em;
 margin-bottom: 5px;
}
.navi-start a:hover {
 border: 0;
}


.unten {
 background: url(../images/portal-2007/bg-down.gif) repeat-y;
}
.details {
 background: url(../images/portal-2007/bg-3spalten-portal-2.gif) no-repeat;
}
.details h2, .oben h2 {
 font-size: .7em;
 font-weight: normal; 
 color: #fff;
 text-align: center;
}
.details h3, .oben h3 {
 font-size: .7em;
}
.details p, .oben p {
 font-size: .7em;
 margin-top: 5px;
}
.details a, .oben a {
 color: #000;
}
.details a.qf:hover, .oben a.qf:hover {
 color: #FE3F01;
}
.details a.qfv:hover, .oben a.qfv:hover {
 color: #335CD7;
}
.details a.ddf, .oben a.ddf {
 color: #002D5B;
}
.details a.ddf:hover, .oben a.ddf:hover {
 color: #000;
}

.details a.qfs, .oben a.qfs {
 text-decoration: none;
 color: #000;
}
.details a.qfs:hover, .oben a.qfs:hover {
 color: yellow;
}
.details a.qfs:hover .qfs, .oben a.qfs:hover .qfs {
 color: #000;
}

.details a.qfr {
 text-decoration: none;
}
.details a.qfr:hover {
 color: #37696E;
}
.details a.qfr:hover .qfr {
 color: #000;
}



.details a.nounder, .oben a.nounder {
 text-decoration: none;
}
.oben-rechts {
 position: absolute;
 top: 305px;
 left: 690px;
 width: 300px;
 text-align: left;
}

.details .qflinks {
 width: 300px;
 float: left;
 padding: 18px;
/* position: relative;
 display: block;
 left: 30px;
 top: 18px;
 padding-bottom: 40px; */
}
.details .qf-links {
 width: 140px;
 float: left;
 padding: 18px;
/* position: relative;
 display: block;
 left: 30px;
 top: 18px;
 padding-bottom: 40px; */
}
.details .qf-rechts {
 width: 140px;
 float: left;
 padding: 18px;
 padding-left: 5px;
/* position: absolute;
 left: 185px;
 top: 400px;
 width: 140px; */
}
.details .ddf-mitte {
 width: 140px;
 float: left;
 padding: 18px;
 padding-left: 65px;
 padding-right: 65px;
 width: 205px;
 text-align: center;
/* position: absolute;
 border: 1px solid white;
 left: 400px;
 top: 400px;
 width: 205px;
 text-align: center;
 */
}
.details .ddf-mitte .ddf-links {
 float:left;
 width: 95px;
 text-align: right;
}
.details .ddf-mitte .ddf-rechts {
 float:right;
 width: 95px;
 text-align: left;
}
.details .ddf-mitte .ddf-unten {
 position: absolute;
 top: 460px;
 left: 398px;
 width: 210px;
 text-align: center;
}
.details .qfv-links {
 width: 140px;
 float: left;
 padding: 18px;
 padding-left: 58px;
/* position: absolute;
 left: 680px;
 top: 400px;
 width: 140px;*/
}
.details .qfvrechts {
 text-align: right; 
 width: 300px;
 float: left;
 padding: 18px;
 padding-right: 0;
/* position: absolute;
 border: 1px solid black;
 left: 835px;
 top: 400px;
 width: 140px;*/
}
.details .qfv-rechts {
 width: 140px;
 float: left;
 padding: 18px;
 padding-right: 0;
/* position: absolute;
 border: 1px solid black;
 left: 835px;
 top: 400px;
 width: 140px;*/
}
.dubai {
 height: 125px;
 background: url(images/portal-dubai.jpg) no-repeat;
}
.footer {
 height: 186px;
 background: url(images/qf-portal-footer.jpg) no-repeat;
}
.footer ul {
 position: absolute;
 left: 70px;
}
.footer ul li {
 list-style-type: none;
 display: inline;
}
.footer a span {
 display: none;
}
.footer a:hover {
 border: 0px solid #fff;
}
.footer a:hover span {
 display: block;
 position: absolute;
 top: 0px;
 left: 0px;
}
.footer a:hover span.nachtrag {
 left: 149px;
}
.footer a:hover span.roadshow {
 left: 478px;
}

.qf {
 color: #FE3F01;
}
.qfv {
 color: #335CD7;
}
.ddf {
 color: #002D5B;
}
.qfs {
 color: yellow;
}
.qfr {
 color: #37696E;
}
a.qfs {
 color: #000;
}
a:hover.qfs {
 color: yellow;
}


#add {
 position:absolute;
 background: #fff url(http://www.quickfunds.de/css/images/dubai-kalender-2008.jpg) no-repeat; 
 top:-640px;
 width:500px;
 height:400px;
 z-index:5;
 text-align:left;
 visibility: visible;
 right: 45px;
 text-align: center;
 border: 1px solid #FE3F01;
}

#add #wrapad {
 position: relative;
 margin: 20px auto;
 width: 350px;
 text-align: left;
 font-size: .9em;
}
#add h2 {
 text-align: center;
 font-size: 1.1em;
/* border-bottom: 2px solid #FE3F01; */
}
#add p {
 text-align: justify;
 margin: 5px;
}
#add p.small {
 font-size: .8em;
}


a.rot { text-decoration: none; color: #FF0000; }
a.rot:hover { text-decoration: underline; }
