body { color: #595958; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: #006885; } h1 { font-size: 2em; font-weight: bold; margin: 0.67em 0; } h2 { font-size: 1.5em; font-weight: bold; margin: 0.83em 0; } p {} td { text-align: left; font-size: 12px;} .td2 { text-align: center; font-size: 12px;} .td2randunten { text-align: center; border-color: #df5e1c; border-style: none none solid; border-width: 1px;} /*a:link { color: #df5e1c ; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; line-height: 14px; text-decoration: underline; }*/ hr {color: #0078C5; width:550px; align:left;} .center {text-align:center; width:auto} /*a:visited { color: #df5e1c ; font-size: 12px; line-height: 14px; text-decoration: underline; }*/ /*a:hover { color: #df5e1c ; text-decoration: none; } a:active { color: #df5e1c }*/ body a:link { color: #df5e1c ; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; line-height: 14px; text-decoration: underline; } .pathway { color: #008fa9; font-size: 11px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; text-decoration: none; } .pathway:link, .pathway:visited { color: #008fa9; font-size: 11px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; text-decoration: underline; } .pathway:hover { color: #008fa9; font-size: 11px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; text-decoration: none; } .bunews { color: #008fa9; font-size: 10px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; text-decoration: none; } .footer { color: #008fa9; font-size: 11px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; text-decoration: none; } .footer:link, .footer:visited { color: #008fa9; font-size: 11px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; text-decoration: underline; } .footer:hover { color: #008fa9; font-size: 11px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; text-decoration: none; } .randrechts { color: #df5e1c; border-right: 1px solid #cce9ee; } .randrundum { border: solid 1px #df5e1c; } .randunten { border-color: #df5e1c; border-style: none none solid; border-width: 1px; } .randuntenheinemann { border-style: none none solid; border-width: 1px; border-color: #008fa9; } .randobenheinemann { border-color: #008fa9; border-style: solid none none; border-width: 1px; } .randuntengrau { border-style: none none solid; border-width: 2px; border-color: #cdd0d9; } .randoben { border-color: #df5e1c; border-style: solid none none; border-width: 1px; } .thumbrand { border: solid 1px #ccc; } .headheinemann { color: #008fa9; font-size: 19px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; } .subheadheinemann { color: #008fa9; font-size: 13px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; } .headallaway { color: #df5e1c; font-size: 19px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; } .subheadallaway { color: #df5e1c; font-size: 13px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; } .headvallox { color: #007bc5; font-size: 19px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; } .subheadvallox { color: #007bc5; font-size: 13px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; } .textklein { color: #595958; font-size: 11px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 11px; } .textkleinbold { color: #595958; font-size: 11px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 11px; } .text, .td { color: #595958; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 14px; } .textbold { color: #595958; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 14px; } .textkat { color: #595958; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 14px; pedding-left:20px; } .textprod { color: #595958; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 14px; pedding-left:40px;} .textrot { color: #FF0E2A; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 14px; } .tdgrauinnenabstand { color: #595958; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 14px; background-color: #cdd0d9; padding-left: 3px; } .tdhellgrauinnenabstand { color: #595958; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 14px; background-color: #e9ebf2; padding-left: 3px; } .tdblauinnenabstand { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 14px; background-color: #007bc5; padding-left: 3px; } .text a, .text a:visited {color:#DF5E1C; /*border-bottom:1px dotted #BC2300;*/ text-decoration:underline;} .text a:focus, .text a:hover, .text a:active {color:#DF5E1C; border-bottom:0px; text-decoration:none;} .textbold, .zw-ue { color: #595958; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 14px; } .textboldweiss { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 14px; } .textweiss { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; line-height: 14px; } .textboldblau { color: #008fa9; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 14px; } .datumnavinews { color: #595958; font-size: 10px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 12px; } .buallaway { color: #008fa9; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; line-height: 14px; } .news { color: #008fa9; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 14px; text-decoration: none; } .news:link, .news:visited { color: #008fa9; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 14px; text-decoration: underline; } .news:hover { color: #008fa9; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 14px; text-decoration: none; } /*********** Topnavi1 ************/ .topnavi1 { color: #feffff; font-size: 10px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; text-decoration: none; } .topnavi1:link, .topnavi1:visited { color: #feffff; font-size: 10px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; text-decoration: none; } .topnavi1:hover { color: #feffff; font-size: 10px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; text-decoration: underline; } /*********** Topnavi2 ************/ .he, .all, .kont .all_horizontal { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; } .he:link, .he:visited, .all:link, .all:visited, .all_horizontal:link, .all_horizontal:visited { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; } .he:hover, .all:hover, .all_horizontal:hover { color: #a6dee7; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; } .val { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; } .val:link, .val:visited { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; } .val:hover { color: #a6dee7; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; } .val_activ { color: #a6dee7; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; } .info { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; } .info:link { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; } .info:visited { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; } .info:hover { color: #a6dee7; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; } .info_activ { color: #a6dee7; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; } .kont:link { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; } .kont:visited { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; } .kont:hover { color: #a6dee7; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; } .kont_activ { color: #a6dee7; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; } #heinemann .he { color: #a6dee7; font-weight: bold; } #vallox .val { color: #a6dee7; font-weight: bold; } #allaway .all_horizontal { color: #a6dee7; font-weight: bold; text-decoration: none; } /*#infocenter .info { color: #a6dee7; font-weight: bold; }*/ #kontakt .kont { color: #a6dee7; font-weight: bold; } /******* Navigation Linklist ********/ .heinemann { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; } .heinemann:link, .heinemann:visited { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; } .heinemann:hover { color: #a6dee7; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; } .he_selected { color: #a6dee7; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; } .heinemann_activ { color: #a6dee7; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; } .infocenter { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; } .infocenter:link, .infocenter:visited { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; } .infocenter:hover { color: #a6dee7; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; } .infocenter_activ { color: #a6dee7; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; } .infocenternormal { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 17px; text-decoration: none; } .infocenternormal:link, .infocenternormal:visited { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 17px; text-decoration: none; } .infocenternormal:hover { color: #a6dee7; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 17px; text-decoration: none; } .infocenternormal_activ{ color: #a6dee7; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 17px; text-decoration: none; } .allaway { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; } .allaway:link { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; } /*.allaway:link,*/ .allaway:visited { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; } .allaway:hover { color: #f8cea7; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; } .allaway_activ { color: #f8cea7; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; }*/ /*#allaway*/ a.all_senkrecht:link { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; } a.all_senkrecht:visited { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; } a.all_senkrecht_activ { color: #f8cea7; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; text-decoration: none; } a.all_senkrecht:hover { color: #f8cea7; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; text-decoration: none; } .allawaynormal { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 17px; text-decoration: none; } .allawaynormal:link, .allawaynormal:visited { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 17px; text-decoration: none; } .allawaynormal:hover { color: #f8cea7; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 17px; text-decoration: none; } .allawaynormal_activ { color: #f8cea7; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 17px; text-decoration: none; } .vallox { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; } .vallox:link, .vallox:visited { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; } .vallox:hover { color: #a6d8f0; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: bold; line-height: 17px; text-decoration: none; } #vallox .val_senkrecht { color: #a6d8f0; font-weight: bold; } .valloxnormal { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 17px; text-decoration: none; } .valloxnormal:link, .valloxnormal:visited { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 17px; text-decoration: none; } .valloxnormal:hover { color: #a6d8f0; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 17px; text-decoration: none; } .valloxnormal_activ { color: #a6d8f0; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-weight: normal; line-height: 17px; text-decoration: none; } /******* Navigation vertical Heinemann********/ #vnavigation{ margin: 0 0 0 0; } #vnavigation ul { width: 10em; margin: 0; padding: 0.8em; list-style: none; } * html ul#vnavigation { /* Korrekturen fuer IE 5.x */ width: 11.6em; w\idth: 10em; padding-left: 0; padd\ing-left: 0.8em; } #vavigation ul li { list-style: none; margin: 0.4em; padding: 10.2em; } #vnavigation ul a { text-decoration: none; font-weight: bold; color: #fff; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; line-height: 16px; } #vnavigation ul a:hover { text-decoration: none; font-weight: bold; color: #a6dee7; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; line-height: 16px; } /******* PopUps, fest positioniert zum Viewport ********/ #container_technik { background-color: #df5e1c; width: 500px; height: 500px; margin-right: auto; margin-left: auto; z-index: 1; } #popup1 { background-color: #d3d9dc; position: relative; top: -750px; left: 620px; width: 300px; height: 300px; z-index: 2; visibility: hidden; } #popup2 { background-color: #a6dee7; position: relative; top: -1050px; left: 620px; z-index: 3; width: 300px; height: 300px; visibility: hidden; } #popup3 { background-color: #ebee01; position: relative; top: -1350px; left: 620px; z-index: 4; width: 300px; height: 300px; visibility: hidden; } #popup4 { background-color: #35434c; position: relative; top: -1650px; left: 620px; z-index: 5; width: 300px; height: 300px; visibility: hidden; } /******* PopUps, fest positioniert zur Abbildung ********/ #container_technik2 { background-color: #fff; position: relative; width: 360px; height: 333px; margin-right: auto; margin-left: auto; z-index: 1; } #popup5 { color: #595958; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; line-height: 14px; background-color: #fff; text-align: left; position: absolute; top: -200px; left: 220px; width: 300px; height: 300px; z-index: 2; visibility: hidden; padding-top: 2px; padding-left: 12px; border: solid 1px #cdd0d9; } #popup6 { color: #595958; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; line-height: 14px; background-color: #fff; text-align: left; visibility: hidden; padding-left: 12px; position: absolute; z-index: 2; top: -220px; left: 220px; width: 300px; height: 345px; padding-top: 5px; border: solid 1px #cdd0d9; } #popup7 { color: #595958; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; line-height: 14px; background-color: #fff; text-align: left; visibility: hidden; padding-left: 12px; position: absolute; z-index: 2; top: -200px; left: 220px; width: 300px; height: 365px; padding-top: 5px; border: solid 1px #cdd0d9; } #popup8 { color: #595958; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; line-height: 14px; background-color: #fff; text-align: left; visibility: hidden; padding-left: 12px; position: absolute; z-index: 2; top: -200px; left: 220px; width: 300px; height: 350px; border: solid 1px #cdd0d9; } #container_herz { background-color: #fff; margin-right: auto; margin-left: auto; position: relative; z-index: 1; width: 360px; height: 387px; } #popup09 { color: #595958; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; line-height: 14px; background-color: #d4ebf0; text-align: left; visibility: hidden; padding-left: 5px; position: absolute; z-index: 2; top: 80px; left: 300px; width: 300px; height: 75px; padding-top: 3px; border: solid 1px #cdd0d9; } #popup10 { color: #595958; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; line-height: 14px; background-color: #d4ebf0; text-align: left; visibility: hidden; padding-left: 5px; position: absolute; z-index: 2; top: 80px; left: 300px; width: 300px; height: 160px; padding-top: 3px; border: solid 1px #cdd0d9; } #popup11 { color: #595958; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; line-height: 14px; background-color: #d4ebf0; text-align: left; visibility: hidden; padding-left: 5px; position: absolute; z-index: 2; top: 80px; left: 300px; width: 300px; height: 70px; padding-top: 5px; border: solid 1px #cdd0d9; } #popup12 { color: #595958; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; line-height: 14px; background-color: #d4ebf0; text-align: left; visibility: hidden; padding-left: 5px; position: absolute; z-index: 2; top: 80px; left: 300px; width: 300px; height: 70px; padding-top: 5px; border: solid 1px #cdd0d9; } #popup13 { color: #595958; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; line-height: 14px; background-color: #d4ebf0; text-align: left; visibility: hidden; padding-left: 5px; position: absolute; z-index: 2; top: 80px; left: 300px; width: 300px; height: 70px; padding-top: 5px; border: solid 1px #cdd0d9; } #container_herz_vallox { background-color: #fff; margin-right: auto; margin-left: auto; position: relative; z-index: 1; width: 520px; height: 387px; } #popup14 { color: #595958; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; line-height: 14px; background-color: #d4ebf0; text-align: left; visibility: hidden; padding-top: 5px; padding-left: 5px; position: absolute; z-index: 2; top: 320px; left: 70px; width: 370px; height: 70px; border: solid 1px #cdd0d9; } #popup15 { color: #595958; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; line-height: 14px; background-color: #d4ebf0; text-align: left; visibility: hidden; padding-top: 5px; padding-left: 5px; position: absolute; z-index: 2; top: 320px; left: 70px; width: 370px; height: 80px; border: solid 1px #cdd0d9; } #popup16 { color: #595958; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; line-height: 14px; background-color: #d4ebf0; text-align: left; visibility: hidden; padding-top: 5px; padding-left: 5px; position: absolute; z-index: 2; top: 320px; left: 70px; width: 370px; height: 80px; border: solid 1px #cdd0d9; } #popup17 { color: #595958; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; line-height: 14px; background-color: #d4ebf0; text-align: left; visibility: hidden; padding-top: 5px; padding-left: 5px; position: absolute; z-index: 2; top: 320px; left: 70px; width: 370px; height: 80px; border: solid 1px #cdd0d9; } #popup18 { color: #595958; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; line-height: 14px; background-color: #d4ebf0; text-align: left; visibility: hidden; padding-top: 5px; padding-left: 5px; position: absolute; z-index: 2; top: 320px; left: 70px; width: 370px; height: 90px; border: solid 1px #cdd0d9; } #popup19 { color: #595958; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; line-height: 14px; background-color: #d4ebf0; text-align: left; visibility: hidden; padding-top: 5px; padding-left: 5px; position: absolute; z-index: 2; top: 320px; left: 70px; width: 370px; height: 60px; border: solid 1px #cdd0d9; } #popup20 { color: #595958; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; line-height: 14px; background-color: #d4ebf0; text-align: left; visibility: hidden; padding-top: 5px; padding-left: 5px; position: absolute; z-index: 2; top: 320px; left: 70px; width: 370px; height: 60px; border: solid 1px #cdd0d9; } #popup21 { color: #595958; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; line-height: 14px; background-color: #d4ebf0; text-align: left; visibility: hidden; padding-top: 5px; padding-left: 5px; position: absolute; z-index: 2; top: 320px; left: 70px; width: 370px; height: 60px; border: solid 1px #cdd0d9; } #popup22 { color: #595958; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; line-height: 14px; background-color: #d4ebf0; text-align: left; visibility: hidden; padding-top: 5px; padding-left: 5px; position: absolute; z-index: 2; top: 320px; left: 70px; width: 370px; height: 60px; border: solid 1px #cdd0d9; } #popup23 { color: #595958; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; line-height: 14px; background-color: #d4ebf0; text-align: left; visibility: hidden; padding-top: 5px; padding-left: 5px; position: absolute; z-index: 2; top: 320px; left: 70px; width: 370px; height: 60px; border: solid 1px #cdd0d9; } #container_technik_lueftung { background-color: #fff; margin-right: auto; margin-left: auto; position: relative; z-index: 1; width: 550px; height: 555px; } #popup24 { text-align: center; color: #595958; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; line-height: 14px; background-color: #fff; text-align: left; visibility: hidden; padding-top: 5px; padding-left: 5px; position: absolute; z-index: 2; top: -150px; left: 150px; width: 200px; height: 230px; border: solid 1px #cdd0d9; } #popup25 { color: #595958; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; line-height: 14px; background-color: #fff; text-align: left; visibility: hidden; padding-top: 5px; padding-left: 5px; position: absolute; z-index: 2; top: -150px; left: 150px; width: 200px; height: 270px; border: solid 1px #cdd0d9; } #popup26 { color: #595958; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; line-height: 14px; background-color: #fff; text-align: left; visibility: hidden; padding-top: 5px; padding-left: 5px; position: absolute; z-index: 2; top: -150px; left: 150px; width: 200px; height: 225px; border: solid 1px #cdd0d9; } #popup27 { color: #595958; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; line-height: 14px; background-color: #fff; text-align: left; visibility: hidden; padding-top: 5px; padding-left: 5px; position: absolute; z-index: 2; top: -150px; left: 150px; width: 255px; height: 260px; border: solid 1px #cdd0d9; } #popup28 { color: #595958; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; line-height: 14px; background-color: #fff; text-align: left; visibility: hidden; padding-top: 5px; padding-left: 5px; position: absolute; z-index: 2; top: -150px; left: 150px; width: 200px; height: 170px; border: solid 1px #cdd0d9; } #datenschutz { color: #595958; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; line-height: 14px; background-color: #e9ebf2; text-align: left; visibility: hidden; position: absolute; z-index: 100; top: 700px; left: 700px; width: 300px; height: 150px; padding: 10px; border: solid 1px #cdd0d9; } #datenschutz_jubi { color: #595958; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; line-height: 14px; background-color: #e9ebf2; text-align: left; visibility: hidden; position: absolute; z-index: 100; top: 700px; left: 700px; width: 300px; height: 100px; padding: 10px; border: solid 1px #cdd0d9; } .boldgelb { color: #fdfb2a; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; line-height: 14px; } /* Relativer Tooltip */ a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active { position: relative; text-decoration: underline; } a.tooltip:hover { background: transparent; text-decoration: none; } a.tooltip span { display: none; text-decoration: none; } a.tooltip:hover span { display: block; position: absolute; top: -260px; left: 20px; width: 360px; z-index: 100; color: #000000; border:1px solid #999999; background: #FFFFFF; } li { line-height:1.5em; margin-left:-10px; }