body { font-family: Arial, Verdana, Sans Serif; font-size: 12px; color: #000; behavior: url(csshover.htc); background-color: #fff; text-align: center; border: 0px; margin: 0; padding: 0;} #huelle { width: 800px; height: 600px; margin-top: 50px; margin-left: auto; margin-right: auto; text-align: left;} #film { float: left; width: 800px; height: 600px; background-color: #fff;} #skip { float: right; color: #030765;} #skip a { text-decoration: none;} #skip a:hover { background-color: #457DFC;} #wrap { width: 800px; height: 615px; margin-top: 10px; margin-left: auto; margin-right: auto; text-align: left; padding: 0;} #wrap1 { width: 800px; height: 615px; background: url(../inlays/wrap0.jpg) no-repeat 12px 130px; margin-top: 10px; margin-left: auto; margin-right: auto; text-align: left; padding: 0;} #pla { position: relative; top: 37px; left: 116px; width: 96px; height: 27px; background: url(../inlays/plarewa.png) no-repeat top left;} #left { float: left; width: 198px; height: 600px; background: url(../inlays/verlauf.png) no-repeat 13px 98px; margin: 0; padding: 0; text-align: left;} #left1 { float: left; width: 198px; height: 600px; margin: 0; padding: 0; text-align: left;} #submen { float: left; width: 198px; height: 600px; background: url(../inlays/gitterg.png); margin: 0; padding: 0; text-align: left;} .logo { width: 110px; height: 82px; border: 0px; margin: 8px 0 0 12px; padding: 0;} .titel { font-size: 150%; font-weight: bold; color: #fff; margin-left: 14px; line-height: 15px;} .titel a { text-decoration: none; color: #fff;} .titel a:hover { text-decoration: none; color: #000;} .stitel { font-size: 110%; font-weight: bold; color: #fff; margin-left: 14px; line-height: 15px;} div#submen ul#pro1 { width: 170px; height: 400px; margin: 18px 0 0 18px; padding: 0; background: url(../inlays/listback.png); display: block;} div#submen ul li.prmen { list-style: none; text-decoration: none; width: 160px; margin: 0 0 7px 0; padding: 0 0 0 3px; line-height: 11px; font-size: 10px; text-align: right;} div#submen ul li.prmen a { color: #000; text-decoration: none;} div#submen ul li.prmen a:hover { color: #fff; text-decoration: none;} div#submen ul li.prw { list-style: none; width: 160px; margin: 0 0 7px 0; padding: 0 0 0 3px; font-weight: bold; color: #fff; line-height: 11px;} div#submen ul li.pr { list-style: none; text-decoration: none; width: 160px; margin: 0 0 7px 0; padding: 0 0 0 3px; font-weight: bold; line-height: 11px; cursor: pointer;} div#submen ul li.pr:hover { color: #fff; text-decoration: none;} div#submen ul li.pr2:hover { color: #fff; text-decoration: none;} div#submen ul li.pr1 { list-style: none; width: 160px; margin: 0 0 7px 0; padding: 0 0 0 3px; font-weight: bold; line-height: 11px;} div#submen ul li.pr3 { list-style: none; width: 160px; margin: 0 0 7px 0; padding: 0 0 0 3px; line-height: 11px;} div#submen ul.pro { list-style: none; margin: 0; font-size: 80%; cursor: pointer;} div#submen ul.pro li.pr2, #submen ul.pro li.pr2 a { list-style: none; margin: 2px 0 3px 0; text-decoration: none; color: #000;} div#submen ul.pro li.pr2:hover , #submen ul.pro li.pr2 a:hover { list-style: none; margin: 2px 0 3px 0; text-decoration: none; color: #fff;} div#submen ul#pro2 { width: 170px; height: 400px; margin: 18px 0 0 18px; padding: 0; background: url(../inlays/listback.png); display: none;} .min { width: 45px; height: 30px; border: none;} #submen ul ul li.mini { list-style: none; cursor: pointer; margin: 3px 0 2px 0; color: #000;} #right { float: left; width: 602px; height: 600px; background: url(../inlays/gitter.png); margin: 0; padding: 0; text-align: left;} #oben { float: left; width: 602px; height: 31px; margin: 0; padding: 0; text-align: left;} .oben { width: 588px; height: 15px; color: #1571BF; font-weight: bold; letter-spacing: 0.7px; text-align: right; margin-top: 15px;} #lauf { float: left; width: 602px; height: 50px; background-color: none; text-align: right;} #leiste { margin-right: 15px;} div#nav { float: left; width: 602px; height: 50px; margin: 0; padding: 0; text-align: left;} div#nav ul.level1 { width: 582px; height: 15px; margin: 2px 0 0 5px; padding: 0; background: #1571BF;} div#nav li.submenu {position: relative; float: left; list-style: none; background: #1571BF; color: #fff; font-weight: bold; text-decoration: none; letter-spacing: 1px; margin: 0; padding: 0 0 0 15px; cursor: pointer; list-style-type: none;} div#nav li.submenu:hover { color: #08087A; font-weight: bold; text-decoration: none; letter-spacing: 1px; margin: 0; padding: 0 0 0 15px;} div#nav li.submenu a { display: block; color: #fff; font-weight: bold; text-decoration: none; letter-spacing: 1px; margin: 0; padding: 0;} div#nav li.submenu a:hover { color: #08087A; font-weight: bold; text-decoration: none; letter-spacing: 1px; margin: 0; padding: 0;} div#nav ul.level1 ul.level2 { position: absolute; display: none; margin: 0; padding: 0; width: 144px; height: 39px; top: 15px; left: 0px;} div#nav ul.level1 ul.level2 li { list-style-type: none; width: 144px; height: 13px; background: #1571BF; margin: 0; padding: 0 0 0 15px;} div#nav ul.level1 li:hover ul.level2 { display: block;} .log { width: 130px; height: 14px; margin: 0; padding: 0;} input { float: right; width: 90px; font-size: 100%; color: #000; margin: -14px 0 0 0; padding: 0;} #cont { float: left; width: 600px; height: 460px; margin: 0; padding: 0; text-align: left;} #text { float: left; width: 400px; height: 440px; margin: 0; padding: 0; overflow: auto;} .leer { width: 317px; height: 40px;} .cont { width: 317px; color: #1571BF; letter-spacing: 0.5px; margin-left: 3px;} .contb { width: 300px; color: #1571BF; font-weight: bold; letter-spacing: 0.5px; margin: 5px 0 0 5px;} .conts { width: 317px; color: #000; font-weight: bold; letter-spacing: 0.5px; margin-left: 3px;} .contc { width: 317px; height: 100px; color: #1571BF; letter-spacing: 0.5px; margin-left: 3px;} .contd { font-size: 12px; width: 267px; color: #1571BF; letter-spacing: 0.5px; margin-left: 100px;} .link, .link a { width: 317px; color: #1571BF; letter-spacing: 0.5px; margin-left: 5px; text-decoration: none;} .link a:hover { color: #000; letter-spacing: 0.5px; margin-left: 5px;} /*FIRMA 1*/ #contf1 { float: left; width: 600px; height: 450px; background: url(../inlays/firma1.jpg) no-repeat 335px 0px; margin: 0; padding: 0; text-align: left;} /*FILIALEN*/ .quad { float:left; width: 190px; height: 220px; border: 1px solid #1571BF; margin: 0 0 3px 3px; padding: 0; background-color: #fff;} #q1 { background: url(../inlays/fil1.jpg) no-repeat top left #fff;} #q2 { background: url(../inlays/fil2.jpg) no-repeat top left #fff;} #q3 { background: url(../inlays/fil3.jpg) no-repeat top left #fff;} #q4 { background: url(../inlays/fil4.jpg) no-repeat top left #fff;} #q5 { background: url(../inlays/fil5.jpg) no-repeat top left #fff;} #q6 { background: url(../inlays/fil6.jpg) no-repeat top left #fff;} .fil { font-weight: bold; font-size: 80%; padding: 5px; color: #000; margin: 170px 0 0 0; background-color: #fff;} .filw { font-weight: bold; margin: 0; padding: 4px; color: #fff; letter-spacing: 0.02px;} /* IMPRESSUM */ #impress { float: left; width: 500px; height: 400px; padding: 0; margin: 5px 0 0 10px;} .impress { float: left; width: 250px; padding: 0; margin: 0; border-top: 1px solid #000; font-size: 80%;} /*PROJEKTE*/ .ttitel { font-size: 100%; font-weight: bold; color: #fff; margin-left: 16px; line-height: 15px;} .ttitel a { text-decoration: none; color: #fff;} .ttitel a:hover { text-decoration: none; color: #000;} #q10 { background: url(../inlays/pro1.jpg) no-repeat top left #fff;} #q20 { background: url(../inlays/pro2.jpg) no-repeat top left #fff;} #q30 { background: url(../inlays/pro3.jpg) no-repeat top left #fff;} #q40 { background: url(../inlays/pro4.jpg) no-repeat top left #fff;} #q50 { background: url(../inlays/pro5.jpg) no-repeat top left #fff;} #q60 { background: url(../inlays/pro6.jpg) no-repeat top left #fff;} .prog {width: 190px; height: 190px; border: 0px; margin: 0; padding: 0;} .prop { font-weight: bold; font-size: 80%; padding: 5px; color: #000; margin: 0; background-color: #fff;} div#nav ul.protitel { width: 350px; height: 15px; margin: 10px 0 0 5px; padding: 0; font-weight: bold; color: #1571bf; background-color: none;} div#nav ul.protitel li.utitel { list-style-type: none; margin: 0; background: none; display: none;} #doku { width: 600px; height: 450px; margin: 10px 0 0 0; padding: 0; text-align: left; border: none: frame-border: none;} /*INDEX*/ #adress { float: left; width: 194px; height: 180px; background: #fff; border: 1px solid #1571bf; margin: 10px 0 0 0px; color: #1571bf; padding: 5px; text-align: right;} .pla { letter-spacing: 1px; font-size: 120%;} .textr { width: 133px; height: 100px; border: 0px; margin: 0 0 10px 0; padding: 0;} #icons { float: left; width: 134px; height: 190px; background-color: #fff; margin: 10px 0 0 0; padding: 0; border-top: 1px solid #1571bf; border-right: 1px solid #1571bf; border-bottom: 1px solid #1571bf;} .adler { width: 134px; height: 97px; border: 0px; margin: 0; padding: 0;} .bvqi { width: 66px; height: 79px; border: 0px; margin: 0 0 0 30px; padding: 0;} /*FACHBEREICHE*/ #submen ul#fach { margin: 14px 0 0 14px; padding: 0;} #submen ul#fach li { list-style: none; width: 160px; height: 25px; margin: 0 0 8px 0; font-weight: bold; line-height: 11px; text-align: right; cursor: pointer;} /*#submen ul#fach li:hover { color: #fff;}*/ #submen ul#fach li#li1 { background: url(../inlays/li1.png) no-repeat top left;} #submen ul#fach li#li2 { background: url(../inlays/li2.png) no-repeat top left;} #submen ul#fach li#li3 { background: url(../inlays/li3.png) no-repeat top left;} #submen ul#fach li#li4 { background: url(../inlays/li4.png) no-repeat top left;} #submen ul#fach li#li5 { background: url(../inlays/li5.png) no-repeat top left;} #submen ul#fach li#li6 { background: url(../inlays/li6.png) no-repeat top left;} #submen ul#fach li#li7 { background: url(../inlays/li7.png) no-repeat top left;} #submen ul#fach li#li8 { background: url(../inlays/li8.png) no-repeat top left;} /*#submen ul#fach li#li9 { background: url(../inlays/li9.png) no-repeat top left;}*/ .li1 { margin-right: 25px; padding: 2px;} .li2 { margin-right: 20px; padding: 2px;} .li3 { margin-right: 15px; padding: 2px;} .li4 { margin-right: 12px; padding: 2px;} p.li1:hover, p.li2:hover, p.li3:hover, p.li4:hover { color: #fff; text-decoration: none;} #cont ul#fach1 { width: 585px; height: 400px; margin: -5px 0 0 3px; padding: 0;} #cont ul#fach1 li { list-style: none; width: 585px; height: 385px; display: none; margin: 0; padding: 15px 0 0 0; text-align: justify;} #cont ul#fach1 li#f0 { background: url(../inlays/fachlif0.jpg);} #cont ul#fach1 li#f1 { background: url(../inlays/fachlif1.jpg);} #cont ul#fach1 li#f2 { background: url(../inlays/fachlif2.jpg);} #cont ul#fach1 li#f3 { background: url(../inlays/fachlif3.jpg);} #cont ul#fach1 li#f4 { background: url(../inlays/fachlif4.jpg);} #cont ul#fach1 li#f5 { background: url(../inlays/fachlif5.jpg);} #cont ul#fach1 li#f6 { background: url(../inlays/fachlif6.jpg);} #cont ul#fach1 li#f7 { background: url(../inlays/fachlif7.jpg);} #cont ul#fach1 li#f8 { background: url(../inlays/fachlif8.jpg);} .fach { width: 555px; font-weight: bold; background: none; margin: 0 0 0 15px; padding: 0;} .pica { float: left; width: 210px; height: 140px; border: none; margin: 10px 0; padding: 0;} .picb { float: left; width: 140px; height: 140px; border: none; margin: 10px 12px; padding: 0;} .picc { float: left; width: 140px; height: 140px; border: none; margin: 10px 0; padding: 0;} .picd { float: left; width: 140px; height: 140px; border: none; margin: 10px 0 0 8px; padding: 0;} .pic4 { float: left; width: 585px; height: 140px; border: none; margin: 10px 0; padding: 0;} .vaz { width: 555px; height: 100px; font-weight: bold; background: none; margin: 5px 0 0 15px; padding: 0;} .vaz1 { width: 555px; height: 80px; font-weight: bold; background: none; margin: 5px 0 0 15px; padding: 0;} .vaz2 { width: 555px; height: 60px; font-weight: bold; background: none; margin: 5px 0 0 15px; padding: 0;} .pic { width: 300px; height: 200px; border: none; margin: 10px 0; padding: 0;} .prot { font-size: 100%; color: #1571bf; margin 10px 0;} span {font-size: 120%; font-weight: bold; color: #1571bf;} /* GUTACHTEN*/ #textgut { float: left; width: 590px; height: 440px; margin: 0; padding: 0;} .guta { font-size: 80%; font-weight: bold; width: 578px; height: 20px; margin: 0 0 0 2px; padding: 0; text-align: left; border-bottom: 2px solid #1571BF; background-color: #77B8EE; overflow: auto;} td#tda1 { width: 134px; margin: 0; padding: 0; border-left: 1px solid #1571BF;} td#tda2 { width: 160px; margin: 0; padding: 0; border-left: 1px solid #1571BF;} td#tda3 { width: 211px; margin: 0; padding: 0; border-left: 1px solid #1571BF;} td#tda4 { width: 72px; margin: 0; padding: 0; border-left: 1px solid #1571BF; border-right: 2px solid #1571BF;} #tabelle { width: 598px; height: 325px; margin: 0 0 0 2px; padding: 0; text-align: left; overflow: auto;} #tabelle table.gutacht { float: left; width: 578px; border: 1px solid #1571BF; margin: 0; padding: 0; text-align: left; font-size: 80%; background-color: #C0E0FB;} table.gutacht td { border-right: 1px solid #1571BF; border-bottom: 1px solid #1571BF;} table.gutacht td#td1 { width: 134px; margin: 0; padding: 0;} table.gutacht td#td2 { width: 160px; margin: 0; padding: 0;} table.gutacht td#td3 { width: 210px; margin: 0; padding: 0;} table.gutacht td#td4 { width: 72px; margin: 0; padding: 0;} /* FORSCHUNG */ #dokuf { width: 595px; height: 445px; margin: 0; padding: 0; text-align: left;} .quadf { float:left; width: 190px; height: 217px; border: 1px solid #1571BF; margin: 3px; padding: 0; /*background: url(../inlays/logo.png) no-repeat 40px 50px #fff;*/} .fol { font-weight: bold; font-size: 80%; padding: 3px 5px 0 5px; color: #000; margin: 190px 0 0 0; background-color: #fff;} #fo1 { background: url(../inlays/fo1.jpg) no-repeat;} #fo2 { background: url(../inlays/fo2.jpg) no-repeat;} #fo3 { background: url(../inlays/fo3.jpg) no-repeat 0px 30px;} #fo4 { background: url(../inlays/fo4.jpg) no-repeat;} #fo5 { background: url(../inlays/fo5.png) no-repeat;} #fo6 { background: url(../inlays/fo6.jpg) no-repeat;}