* { margin: 0px; padding: 0px; } body { background: url(../img/bg.jpg) repeat-x fixed; background-color: #B1B4B5; font-size: 62.5%; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000; text-align: center; scrollbar-face-color:#ccc; scrollbar-shadow-color:#666; scrollbar-highlight-color:#666; scrollbar-3dlight-color:#999; scrollbar-darkshadow-color:#999; scrollbar-track-color: #ccc; scrollbar-arrow-color:#666; } /* zentrierender aussencontainer */ #wrap { position: absolute; margin: -300px 0px 0px -475px; padding: 0px; height: 600px; width: 951px; top: 50%; left: 50%; text-align: left; background-color: #cbcccd; border-top: 0px solid black; border-right: 1px solid black; border-bottom: 0px solid black; border-left: 1px solid black; } /* zentrierte Infobox, z.b. Seite Partner */ #topbox { position: absolute; margin: -120px 0px 0px -200px; padding: 0px; height: 200px; width: 400px; top: 50%; left: 50%; text-align: left; background-color: #ccc; background: url(../img/bg_topbox.jpg) repeat-x; border: 1px solid black; z-index: 140; visibility: visible; overflow: auto; } #topbox h4 { font-size: 1.3em; margin: 40px 15px 15px 20px; } #topbox p { font-size: 1.1em; margin: 5px 15px 5px 20px; } #topbox a { float: right; font-size: 1.2em; color: black; margin: 10px 5px; display: block; padding-right: 20px; background: url(../img/x.gif) no-repeat right center;} #topbox a:hover { color: #fd0; } h1 { font-size: 1.5em; margin: 40px 0px 0px 150px;} h2 { font-size: 1.4em; margin: 20px 0px 0px 150px;} h3 { font-size: 1.3em; margin: 40px 0px 20px 150px;} h3.alignleft { margin: 40px 0px 20px 5px;} h4 { font-size: 1.3em; margin: 20px 0px 10px 150px;} p { font-size: 1.1em; margin: 15px 0px 40px 150px; line-height: 140%; } strong { font-weight: bold; /* border-bottom: 0px solid #000; */ } .italic { font-style: italic; } .small { font-size: 10px; } table { text-align: left; background-color: #fff; border: 1px solid black; padding: 0px; } th { background-color: #ccc; height: 20px; padding: 2px 0px 2px 4px; border-bottom: 1px solid black; } td { text-align: left; vertical-align: top; margin: 0px; padding: 0px} td.darker { background-color: #ccc; height: 14px; padding: 2px 0px 2px 4px; border-left: 1px solid black;} td.lighter { background-color: #fff; height: 14px; padding: 2px 0px 2px 4px; border-left: 1px solid black;} td.pdficon { text-align: center; background-color: #fff; height: 14px; padding: 0px; border-left: 1px solid black;} /* Kopfzeile */ #header { width: 951px; height: 112px; float: left; display: inline; background: url(../img/header.jpg) no-repeat; background-color: #cbcccd; } /* Flaggen - Links zu anderssprachigen website */ ul#language { padding: 20px 0px 0px 50px; height: 20px; width: 500px; list-style: none; float: left; } ul#language li { display: inline; font-size: 10px; text-transform: uppercase; } ul#language li a.de { background: url(../img/flag_d.gif) no-repeat left center; padding: 3px 0px 0px 35px; display: block; height: 20px; width: 70px; float: left; } ul#language li a.gb { background: url(../img/flag_gb.gif) no-repeat left center; padding: 3px 0px 0px 35px; display: block; height: 20px; width: 70px; float: left; } ul#language li a { text-decoration: none; } ul#language li a:hover { color: #fc0; text-decoration: none; } /* Menübereich, weitere definitionen s. u. */ #nav { margin: 50px 0px 0px 36px; width: 649px; height: 45px; } #nav li { float: left; display: inline; } /* nebeneinanderstellung für horz. top-navigation */ #nav li a { display: block; color: #000; font-weight: normal; text-decoration: none; } #nav li.on a { color: yellow; } #nav li.off a:hover, #nav li.on a:hover { color: #666; } #nav li span { position: absolute; left: -9384px; } /* extremes text-versetzen für das image replacement */ #lihome a, #liprofile a, #liproducts a, #liphilosophy a, #lireferences a, #liorder a, #licontact a { display: block; height: 45px; background: url(../english/img/navi_engl.gif) no-repeat; } /* bild alle hover-states */ /* Positionierung der Start-Zustände */ #lihome a { width: 70px; background-position: 0 0; } #liprofile a { width: 80px; background-position: -70px 0; } #liproducts a { width: 95px; background-position: -150px 0; } #liphilosophy a { width: 113px; background-position: -245px 0; } #lireferences a { width: 109px; background-position: -358px 0; } #liorder a { width: 97px; background-position: -468px 0; } #licontact a { width: 84px; background-position: -565px 0; } /* das sind die aktiven Zustände der Navi, die dem user anzeigen, wo er sich gerade befindet */ #lihome.on a { background-position: 0 -45px; } #liprofile.on a { background-position: -70px -45px; } #liproducts.on a { background-position: -150px -45px; } #liphilosophy.on a { background-position: -245px -45px; } #lireferences.on a { background-position: -358px -45px; } #liorder.on a { background-position: -468px -45px; } #licontact.on a { background-position: -565px -45px; } /* hover states, hover effekte - positionsangaben */ #lihome a:hover, #lihome:hover a, #lihome.over a { background-position: 0 -45px; } #liprofile a:hover, #liprofile:hover a, #liprofile.over a { background-position: -70px -45px; } #liproducts a:hover, #liproducts:hover a, #liproducts.over a { background-position: -150px -45px; } #liphilosophy a:hover, #liphilosophy:hover a, #liphilosophy.over a { background-position: -245px -45px; } #lireferences a:hover, #lireferences:hover a, #lireferences.over a { background-position: -358px -45px; } #liorder a:hover, #liorder:hover a, #liorder.over a { background-position: -468px -45px; } #licontact a:hover, #licontact:hover a, #licontact.over a { background-position: -565px -45px; } /* Infobereich "content", mittig, scrollend */ #content { background-color: #cbcccd; margin: 0px; padding: 0px; width: 951px; height: 461px; float: left; display: inline; } #scrollbox { width: 951px; height: 310px; overflow: auto; float: left; border-top: 2px solid black; border-bottom: 2px solid black;} #scrollbox #ankerup { margin: 0px 0px 0px 150px; padding: 0px; display: block; width: 500px; height: 12px; border-bottom: 1px solid black; text-align: right; } #scrollbox #ankerup.lastanker { margin-bottom: 20px; padding: 0px; } #scrollbox .arrowimg { border: none; } #scrollbox p { margin: 0px; padding: 0px 0px 10px 150px; font-size: 1.1em; line-height: 140%; width: 400px; } #scrollbox p.last { margin: 0px 0px 20px 0px; width: 400px; } #scrollbox p.anleitung { margin: 0px 0px 20px 0px; padding: 10px; width: 320px; border: 1px dotted black; } /* listen auf der Seite -- */ #scrollbox ul.links { margin: 0px; padding: 0px 0px 10px 165px; line-height: 140%; font-size: 1.1em; width: auto; list-style: outside square; } /* listen auf der Seite -partner- */ #scrollbox ul.linkspartner { margin: 0px; padding: 0px 0px 10px 165px; font-size: 1.1em; list-style: outside square; } #scrollbox ul.linkspartner li { padding: 5px 0px; } /* listen medlight und medlight marketing auf der Seite -products- */ ul#medlight { margin: 0px 0px 20px 150px; float: left; display: inline; /* gegen doublemargin float bug IE6 */ padding: 30px 0px 10px 0px; background: url(../img/medlight.gif) no-repeat left top; width: 22em; height: 10em; list-style: none; font-size: 1.1em; line-height: 1.8em; border-right: 1px solid #000; } ul#medlightmarketing { margin: 0px 0px 20px 20px; float: left; display: inline; /* gegen doublemargin float bug IE6 */ padding: 30px 0px 10px 0px; background: url(../img/medlightmarketing.gif) no-repeat left top; width: 30em; height: 10em; list-style: none; font-size: 1.1em; line-height: 1.8em; border: 0px solid green; } ul#medlightmarketing ul { list-style: none; padding-left:20px; } ul#medlight li, ul#medlightmarketing li { padding: 0px } ul#medlightmarketing li span, ul#medlightmarketing li span { padding-left: 15px; background: url(../img/bullet.gif) no-repeat left center; } ul#medlightmarketing li#ci li, ul#medlightmarketing li#pr li { padding-left: 15px; background: url(../img/bullet.gif) no-repeat left center; } a.pdfdownload { padding: 5px 20px 5px 0px; background: url(../img/pdf_icon.gif) no-repeat right center;} /* liste auf der Seite -products lichtberatung- */ #scrollbox ul.lichtplanung { margin: 0px; padding: 0px 0px 10px 165px; line-height: 140%; font-size: 1.1em; width: 400px; list-style-type: square; list-style-position: outside; } /* liste auf der Seite - products beleuchtung ------------------------------------------------------ */ /* Neu 28 11 2008 */ #scrollbox ul#beleuchtung { width: 300px; padding: 0 0 0 30px; line-height: 140%; font-size: 1.1em; float: left; list-style-type: square; list-style-position: inside; } /* Angaben für das Bewerben der beiden aktuellen Kataloge */ /* Neu 28 11 2008 */ #scrollbox div#katalogwerbung { float:left; width: 930px; } #scrollbox div#katalogwerbung dl { margin: 0 8px 0 0; padding: 5px 30px 5px 10px; line-height: 140%; font-size: 1.1em; float: left; display: inline; background: url(../img/leuchtenshop/dlbg.jpg); border: 1px solid #000; } #scrollbox div#katalogwerbung dl dd { padding: 0 0 0 20px; } /* liste auf der Seite -- */ #scrollbox ul.links_sub { margin-left: 20px; list-style-type: square; } #scrollbox em { font-style: normal; white-space: nowrap; } #scrollbox .logos { margin: 0px 0px 5px 150px; } #scrollbox .lispacer { margin-top: 8px; margin-bottom: 8px; } #scrollbox li.none { list-style-type: none; } #scrollbox a { color: #000; } #scrollbox a:hover { color: #FFdd00; } #scrollbox a:visited { color: #666; } #scrollbox .anker { margin: 0px 0px 5px 150px; line-height: 160%; font-size: 1.2em; } #scrollbox a.bestellink { margin: 0px; padding: 0px 2px; font-size: 1.0em; font-weight: bold; text-decoration: none; border-bottom: 2px solid #fd0; } #scrollbox a.bestellink:hover { background-color: #ddd; color: #555; } #scrollbox a#arch { display: block; margin: 100px 0px 10px 0px; } #scrollbox a#top { margin: 0px; padding: 0px; font-size: 1px; width: 1px; height: 1px; border: none; float: left; } /* Lichtplanung Portrait-Boxen */ #architects { margin: 5px 0px 20px 150px; padding: 0px; width: 760px; border: none; } #architects dl { margin: 0px 10px 10px 0px; padding: 0px; width: 360px; border: 1px solid #000; float: left; display: inline; background: url(../img/leuchtenshop/dlbg.jpg) } #architects dl span { margin: 0px; padding: 3px ; display: block; font-size: 1.2em; font-weight: bold; border-bottom: 1px solid black; background-color: #ccc; } #architects dt { margin: 5px 0px; float: left; padding: 5px; border: none; background: transparent; } #architects dt img { border: none; } #architects dd { padding: 8px 5px; font-size: 11px; font-weight: normal; color: #333; } .clear { clear: left; } /* Referenzen - Kooperationspartner Portrait-Boxen */ #kooperationspartner { margin: 5px 0px 20px 150px; padding: 0px; width: 760px; border: none; } #kooperationspartner dl { margin: 0px 10px 10px 0px; padding: 0px; text-align:center; width: 250px; border: 1px solid #000; float: left; display: inline; background: url(../img/leuchtenshop/dlbg.jpg) } #kooperationspartner dl span { margin: 0px; padding: 3px ; display: block; font-size: 1.2em; font-weight: bold; border-bottom: 1px solid black; background-color: #ccc; } #kooperationspartner dt { margin: 5px 0px; display: block; padding: 5px; border: none; background: transparent; } #kooperationspartner dt img { border: none; } #kooperationspartner dd { padding: 8px 25px; text-align:left; border-top: 1px solid black; font-size: 11px; font-weight: normal; color: #333; } /* einmalige anpassung in der datei contact.htm */ #contact p.contactdata { width: 200px; float: left;} /* einmalige anpassung in der datei contact.htm */ #contact { margin: 0px; display: inline; float: left; width: auto; } .home { background: url(../img/kat1.jpg) no-repeat; } .profile { background: url(../img/kat2.jpg) no-repeat; } .products { background: url(../img/kat3.jpg) no-repeat; } .philosophy { background: url(../img/kat4.jpg) no-repeat; } .partner { background: url(../img/kat5.jpg) no-repeat; } .contact { background: url(../img/kat6.jpg) no-repeat; } .impressum { background: url(../img/kat7.jpg) no-repeat; } .lichtplan { background: url(../img/kat8.jpg) no-repeat; } #imgbar { background: url(../img/imgbar.jpg) no-repeat; background-color: #cbcccd; margin: 0px; padding: 0px; float: left; display: block; width: 951px; height: 147px; } #slideshow { margin: 4px 0px; padding: 0px; height: 139px; width: 951px; } #slideshow li { margin: 0px; padding: 0px 2px 0px 0px; list-style: none; display: inline; float: left; border: none; } #slideshow li.right { padding: 0px; margin: 0px } /* Fusszeile */ #footer { background: url(../img/footer.jpg) no-repeat; background-color: #cbcccd; margin: 0px; padding: 0px; width: 951px; height: 26px; float: left; border-top: 2px solid black; } #footer a { margin: 7px 0px 0px 0px; padding: 0px 0px 0px 488px; display: block; color: #000000; font-size: 11px; } #footer a:hover { color: #FFE500; } #footer a:visited { color: #666666; } center { margin: 760px 0px 0px 0px; } #map { position: absolute; visibility: hidden; z-index: 99; background: url(../img/map.gif) no-repeat; background-color: #cccccc; margin: -142px 0px 0px -222px; padding: 0px; height: 284px; width: 444px; top: 50%; left: 50%; text-align: left; border: 1px solid black; } /* es folgen stile fürs menue leuchtenshop */ #navigation { margin: 0px 0px 0px 110px; padding: 0px; width: 810px; height: 290px; display: block; border: none; } #navigation a#hier:link, a#hier:visited, a#hier:hover, a#hier:active { background: url(../img/navb.gif) no-repeat; } h3.leuchtenshop { font-size: 1.3em; margin: 40px 0px 20px 40px; display: block; } .menu { width: 170px; height: 180px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; font-size: 11px; list-style: none; border: none;} .menu li { margin: 0px 0px 0px 0px;} .menu li a { background: url(../img/nava.gif) no-repeat; line-height: 23px; text-decoration: none; font-weight: normal; color:#363D5F; height: 23px; text-indent: 4px; display: block; cursor: hand; border: none; } .menu li a span { margin-left: 35px; height: 23px; display: block; } .menu li a:hover { background: url(../img/navb.gif) no-repeat; border-right-width: 0px;} /* link hover bild */ .menu li a:hover span { color: #000; } /* die link hover farbe */ #basisprod { width: 620px; height: auto; margin: 0px 0px 0px 10px; padding: 0px; float: left; font-size: 11px; list-style: none; border: none; /* 1px solid navy;*/ } .top { border-top: 0px solid green; } /* 1px solid #363D5F; */ /* es folgen stile fürs menue referenz-praxen */ #navigation2 { margin: 0px 0px 40px 80px; padding: 0px; width: 840px; height: 300px; border: 0px solid yellow;} h3.referenzpraxen { margin: 0px 0px 20px 150px; padding: 0px; font-size: 1.3em; width: 200px; border: none; } #referenzpraxen { margin: 0px 10px 0px 0px; padding: 0px; width: 220px; height: 210px; float: left; font-size: 11px; list-style: none; border: none;} #referenzpraxen li { margin: 0px 0px 2px 0px; padding: 0px; background-color: #ccc; height: 40px; border: none; } #referenzpraxen li img { margin: 0px; border: none; float: left; } #referenzpraxen li a { float: left; display: block; width: 160px; height: 40px; line-height: 14px; text-decoration: none; font-weight: bold; color:#000; cursor: hand; } #referenzpraxen li a:hover { color: #000; background-color: #bbb; } #referenzpraxen li a span, #referenzpraxen li a:hover span { margin: 5px 8px; padding: 0px; display: block; border: none; } #praxenbox { margin: 0px; padding: 0px; width: 600px; height: 244px; float: left; border: 0px solid red; } #praxenbox table { background-color: #000; border: none; font-size: 11px; } #praxenbox table td { background-color: #ccc; height: 20px; margin: 0px; padding: 0px; vertical-align: top; } #praxenbox table td span { display: block; margin: 2px 0px 2px 4px; } #praxenbox a { border: none; margin:0px; padding: 0px; display: block; border-bottom: 1px solid #000; border-top: 1px solid #000; } #praxisbilder1 { margin-top: 0px; padding: 0px; height: 244px; border: none; background-color: #ccc; } #praxisbilder2, #praxisbilder3, #praxisbilder4, #praxisbilder5, #praxisbilder6, #praxisbilder7, #praxisbilder8 { margin-top: -244px; padding: 0px; height: 244px; border: none; visibility: hidden; background-color: #ccc; } /* styles for entire medlight-site by m. r. feiter 2007 - starfeiter designbüro & atelier - update by christian kohnz 2009 - stilgebiet */ /* leave this note intact please */