/* TQBF */

*, form, fieldset, input { margin: 0; padding: 0; }
body { background: #000 url("../images/bg-neu.jpg"); background-repeat:no-repeat; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666; margin: 0; padding: 0;}

#top { position: relative; width: 100%; height: 700px; }
#top #navi { position: relative; width: 240px; padding-top: 320px; padding-left: 555px; }
#top #navi img { border: 0; }
#top #navi a { display: block; height: 40px; width: 240px; overflow: hidden; }
#top #navi a:hover { display: block; text-indent: -240px; }
#top #navi .first { margin-bottom: -15px; }
#top #navi .second { margin-bottom: -5px; }

#persoenliches { width: 100%; height: 700px; background: url("../images/bg_persoenliches.jpg"); }
.content { width: 900px; background: transparent; position: relative; padding-left: 40px; }
.content .navi2 { padding-top: 7px; padding-bottom: 7px; position: absolute; top: 40px; right: 0; background: transparent;  border-top: 1px dotted #000; border-bottom: 1px dotted #000; }
.content .navi2 ul { list-style: none; }
.content .navi2 ul li { float: left; margin-right: 0px; font-weight: bold; }
.content .navi2 ul li a { font-family: Georgia; text-decoration: none; color: #000; font-size: 11px; font-style: italic; padding: 6px;   }
.content .navi2 ul li a:visited { font-family: Georgia; text-decoration: none; color: #000; font-size: 11px; font-style: italic; padding: 6px;    }
.content .navi2 ul li a:hover { color: #FFF; background: #000; }
.content .navi2 ul li a:active, a:visited { color: #FFF; background: #000; }

.text { position: absolute; top: 120px; left: 680px; }
.text ul { list-style: none; }
.text ul li { border-bottom: 1px dotted #000; padding: 10px 0 10px 0; width: 640px; position: relative; font-family: Georgia; font-size: 11px; font-style: italic; }
.text ul li .left { width: 100px; text-align: right; margin-right: 10px; font-weight: bold; color: #fff; background: #000; padding: 8px; letter-spacing: 4px; }
.text ul li .right { width: 540px; text-align: left; color: #000; position: absolute; left: 150px; }
.text p { position: absolute; width: 200px; line-height: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; color: #000; z-index: 100; }
.text .s { position: absolute; left: -30px; top: -20px; z-index: 0;   }

#arbeiten { width: 100%; height: 700px; background: url("../images/bg_arbeiten.jpg"); }
#arbeiten #referenzen { width: 900px; background: transparent; left: 40px; display: inline; position: absolute; top: 170px; } 
#arbeiten #referenzen .referenzen { display: inline; float: left; text-align: left; margin-right: 7px; margin-bottom: 7px; }
#arbeiten #referenzen .referenzen a { display: block; width: 143px; overflow: hidden; border: 0; }
#arbeiten #referenzen .referenzen a:hover { display:block; text-indent:-143px; }

#arbeiten #referenzen .referenzen img { border: 0; }

#kontakt { width: 100%; height: 700px; background: url("../images/bg_kontakt.jpg"); }
a:focus { outline: none;  }