/* Allgemeiner Aufbau der Seite & des Layouts */ html { width: 100%; } @media all { html { height: 100% }} body { width: 100%; height: 100% } html * { padding: 0; margin: 0; border-collapse:collapse; border-spacing: 0; } img { border: 0; vertical-align: bottom; outline: 0; } body { background-color: #9a9aa3; } #wrapper { background-color: #ffffff; margin-top: -300px; position: absolute; top: 50%; left: 50%; width: 850px; height: 600px; margin-left: -425px; } #wrapper_content { } #header { height:80px; border-bottom: 2px solid #973250; } .jauns { height:50px; left:646px; position:relative; top:18px; width:160px; } #navigation { background: url(../../media/gfx/layout/navi_linie.gif) repeat-x 0 17px; ; height:20px; } #content_wrapper { } #content { position: relative; height:374px; width:800px; background: url(../../media/gfx/layout/headstrich.gif) no-repeat 0 79px #FFF; } #flash { height:100px; left:0; position:absolute; top:103px; width:100%; z-index:2; z-index:20; } #footer { width:100%; height:124px; background: url(../../media/gfx/layout/kopf_unten.jpg) no-repeat; } #flashfuss { height:124px; width:850px; } /* Stildefinitionen fuer Textstruktur */ body,h1,table,form,input,textarea,p,a { color: #484849; font-size: 12px; font-family: Helvetica, Verdana, Arial, sans-serif; line-height: 14px; } #header h1 span { display:none; } address { color: #484849; font-size: 12px; font-family: Helvetica, Verdana, Arial, sans-serif; line-height: 14px; font-style:normal; } h2 { color: #484849; font-size: 28px; line-height: 28px; letter-spacing: 1px; margin-left: 0; padding: 0 0 4px 0; } h3 { color: #000; font-size: 14px; line-height: 18px; margin: 0px; padding: 0px; } .important { color: #983251; } #content p, #content ul, #content ol, #content address { margin: 10px 0; } #content p .abstand { padding-top: 20px; } table { font-size: 12px; line-height: 115%; margin: 0; padding: 0; } em { font-style: italic } strong { font-style: normal; font-weight: bold } .bu { color: #983251; font-size: 12px; margin: 3px 0 0 } .bu1 { color: #484849; font-size: 10px; margin-top: 8px; } .bu2 { color: white; font-size: 12px; margin-top: 3px; } .bu3 { color: #983251; font-size: 12px; text-decoration: none; margin-top: 3px; } /* Auflistungen Navigation*/ #navigation ul { list-style: none; margin: 0; padding: 2px 0 0 28px; } #navigation ul li { padding: 0 6px; float: left; } #navigation ul li a { display: block; padding: 1px 2px; line-height: 1%; font-size: 11px; } #navigation ul li a img { vertical-align: top; } .aktiv { border-bottom: 3px solid #973250; } .email { left: 428px; top: 10px; z-index: 10; position: absolute; } .impr { left: 476px; top: 11px; z-index: 10; position: absolute; } /* Stile fuer Links Navigation*/ #navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited, #navigation ul li a:active { } #navigation ul li a:hover { border-bottom: 3px solid #973250; } /* Stile fuer MarkenNavigation*/ #markennavi { position:absolute; top:388px; left:50px; width:400px; height:200px; z-index: 10; } #markennavi ul { list-style: none; margin-left: -7px; padding: 1px 0; } #markennavi ul li { padding: 0 6px; float: left; margin:2px 1px; color: #983251; position:relative; width: auto; height: 15px; } #markennavi ul li a { display: block; } #markennavi ul .mnaktiv { font-weight: bold; text-decoration: none; } /* Stile fuer MarkenNavigation*/ #markennavi a, #markennavi a:link, #markennavi a:visited, #markennavi a:active { color: #983251; font-weight: normal; font-size: 12px ; line-height: 15px; text-decoration: underline; } #markennavi a:hover { text-decoration: none; } /* Auflistungen */ ul { list-style: square; margin: 0; padding: 0 } ul li { font-size: 12px; margin: 0 0 0px 14px; } ol { list-style-type: decimal; list-style-position: outside; margin: 0px 0px 14px; padding: 0px 0px 0px 25px } ol li { margin: 0px 0px 5px; padding: 0px } /* Stile fuer Links generell*/ a, a:link, a:visited, a:active { color: #484849; text-decoration: underline } a:hover { text-decoration: none } /* Stile fuer Links in der Navigation*/ .navN:link, .navN:visited, .navN:active { color: #983251; font-weight: normal; font-size: 12px ; line-height: 15px; text-decoration: underline; } .navN:hover { color: #983251; text-decoration: none; } .navA:link, .navA:visited, .navA:active, .navA:hover { color: #983251; font-size: 12px; font-weight: bold; line-height: 15px; text-decoration: none; } /* Stile fuer kleine Links (PopUps) */ .small, .small:link, .small:visited { color: white; font-size: 11px; text-decoration: underline; margin: 0 } .small:hover { color: red; text-decoration: none } /* Stile MarkenLogoPosition */ .m_schoeffel { position:absolute; top:207px; left:28px; } .m_wellendorff { position:absolute; top:165px; left:28px; } .m_pandora { position:absolute; top:158px; left:27px; } .m_meister { position:absolute; top:207px; left:27px; } .m_bunz { position:absolute; top:154px; left:27px; } .m_chronoswiss { position:absolute; top:157px; left:27px; } .m_ebel { position:absolute; top:194px; left:27px; } .m_nomos { position:absolute; top:149px; left:27px; } .m_omega { position:absolute; top:144px; left:27px; } .m_seikopremier { position:absolute; top:174px; left:27px; } .m_seiko { position:absolute; top:175px; left:27px; } .m_tissot { position:absolute; top:159px; left:27px; } .m_touch { position:absolute; top:192px; left:131px; } .m_muehle { position:absolute; top:187px; left:27px; } /* Stile Header-Bilder */ .home { background: url(../../media/gfx/layout/hi_home.jpg) no-repeat; top: 0; left:0; } .home h1 { display:none; } .schmuck { background: url(../../media/gfx/layout/hi_schmuck.jpg) no-repeat; top: 0; left:0; } .silber { background: url(../../media/gfx/layout/hi_silber.jpg) no-repeat; top: 0; left:0; } .uhren { background: url(../../media/gfx/layout/hi_uhren.jpg) no-repeat; top: 0; left:0; } .untermehmen { background: url(../../media/gfx/layout/hi_unternehmen.jpg) no-repeat; top: 0; left:0; } .kontakt { background: url(../../media/gfx/layout/hi_kontakt.jpg) no-repeat; top: 0; left:0; } /* Stile ForwardBackward */ .pfeil { float:left; height:22px; width:19px; border:0; outline:0; } #forward { background: url(../../media/gfx/layout/forward.jpg) no-repeat; } #backward { background: url(../../media/gfx/layout/backward.jpg) no-repeat; } #content_navi { position:absolute; top:436px; left:809px; height:22px; width:38px; display:none; } /* Stile Objekte */ .autoclear { overflow: hidden; } .display { display: none; } .objekt { background-color: #ffffff; width:750px; height:373px; position: absolute; top: 1px; left:50px; z-index: 3; overflow: visible } .abb { position:absolute; right:0; bottom:0; margin-bottom:19px; z-index:5; } .abbschmuck { position:absolute; right:-20px; bottom:0; margin-bottom:19px; z-index:5; } .abbsilber { position:absolute; right:-36px; bottom:0; margin-bottom:56px; z-index:5; } .abbuhr { position:absolute; right:1px; bottom:0; margin-bottom:18px; z-index:5; } .abbmeister { position:absolute; right:79px; bottom:0; margin-bottom:19px; z-index:5; } .abbnomos { position:absolute; right:46px; bottom:0; margin-bottom:9px; z-index:5; } .infotext { padding-top:61px; } .abbhome { position:absolute; top:20px; left:350px; } .logo175 { left: 328px; top: 293px; z-index: 5; position: absolute; } .uplan { left: 475px; top: 33px; position: absolute; z-index: 5; } .iplan { left: 686px; top: 248px; position: absolute; z-index: 6; } .download { height: 26px; width: 280px; left: 526px; top: 348px; position: absolute; z-index: 7; } .copyright { left: 812px; top: 190px; position: absolute; z-index: 8; }