/* * dunlopillo css * anvee/2007.09.03 * weboriginal.eu */ body {margin:0; padding:0; font-family:Verdana,Arial,sans-serif; color:#6d6d6d; background-color:#81735C; text-align:center;} div, p, h1, h2, h3, ul, li {display:block; position:relative;} .nf {clear:both;} .ph {height:20px;} /* ornamentumok*/ div.orn {position:absolute; width:203px; height:242px;} div.orn.tl {background:url(images/ornamente/oben_links.gif) top left no-repeat; top:0px; left:0px;} div.orn.tr {background:url(images/ornamente/oben_rechts.gif) top left no-repeat; top:0px; right:0px;} div.orn.bl {background:url(images/ornamente/unten_links.gif) top left no-repeat; bottom:0px; left:0px;} div.orn.br {background:url(images/ornamente/unten_rechts.gif) top left no-repeat; bottom:0px; right:0px; height:215px;} /* kozepso tartalom arnyekkal */ div#content {width:1072px; height:auto; margin:10px auto 0 auto;} div#content_top {height:45px; background:url(images/box_shadow_top.png) top left no-repeat; -background:transparent; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box_shadow_top.png', sizingMethod='scale');} div#content_bottom {height:47px; background:url(images/box_shadow_bottom.png) top left no-repeat; -background:transparent; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box_shadow_bottom.png', sizingMethod='scale');} div#content_middle {height:100%; background:url(images/box_shadow_bg.png) top left repeat-y; -background:transparent; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box_shadow_bg.png', sizingMethod='scale');} div#menu {width:1018px; margin:0 auto; z-index:50;} div#menu div.menuitem {float:left; height:60px;} div#menu div.menuitem div.submenu{display:block; position:absolute; top:59px; left:0px; visibility:hidden; background-color:#FEF3E7; z-index:100; width:200px; text-align:left;} div#menu div.menuitem a {display:block; position:relative; text-decoration:none; text-align:left;} div#menu div.menuitem div.submenu a {padding:10px; color:#555; font-size:12px;} div#menu div.menuitem a:hover {text-decoration:underline;} div#menu div.menuitem a span {display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; background-position:0 0; display-block} div#menu div.menuitem a:hover span {background-position:0 -68px;} div#menu div.menuitem a.item1 {width:161px; height: 60px;} div#menu div.menuitem a.item1 span {background-image:url(images/item1.gif);} div#menu div.menuitem a.item2 {width:121px; height: 60px;} div#menu div.menuitem a.item2 span {background-image:url(images/item2.gif);} div#menu div.menuitem a.item3 {width:105px; height: 60px;} div#menu div.menuitem a.item3 span {background-image:url(images/item3.gif);} div#menu div.menuitem a.item4 {width:103px; height: 60px;} div#menu div.menuitem a.item4 span {background-image:url(images/item4.gif);} div#menu div.menuitem a.item5 {width:153px; height: 60px;} div#menu div.menuitem a.item5 span {background-image:url(images/item5.gif);} div#menu div.menuitem a.item6 {width:130px; height: 60px;} div#menu div.menuitem a.item6 span {background-image:url(images/item6.gif);} div#inner {z-index:0; text-align:left; color:black;} #produkt_navigation {height:360px; width: 180px; float: left; background-image: url(bilder/trennlinie_verikal.gif); background-position: right; background-repeat: no-repeat; text-align:left; margin:0 20px; border-right:1px solid black; z-index:100;} #produkt_navigation ul { list-style: none; text-decoration: none; padding-top: 5px; font-size: 11px; line-height: 12px;} #produkt_navigation ul p { font-size: 12px; font-weight: bold; color: Black; line-height: 24px;} #produkt_navigation ul li { margin-top: 9px;} #produkt_navigation ul a { text-decoration: none; color: black; } #produkt_navigation ul a:hover { text-decoration: underline; color: #9E8D8B;} #produkt_inhalt { min-height:430px; height:auto !important; height:430px; width: 300px; float: left; font-size: 10px; display: inline; } #produkt_inhalt H1 { font-size: 16px; font-weight: bold; } #produkt_inhalt H2 { font-size: 10px; font-weight: bold; } #produkt_bild { height:250px; width: 400px; float: left; display: inline; font-size: 10px; } #produkt_piktos{ height:100px; width: 400px; float: left; display: inline; } #produkt_kissen { height:400px; width: 230px; margin-left:25px; margin-top:45px; float: left; font-size: 10px; display: inline; } #produkt_kissen H2 { font-size: 10px; font-weight: bold; } #produkt_kissen2 { height:300px; width: 230px; margin-left:25px; margin-top:45px; float: left; font-size: 10px; display: inline; } #produkt_kissen2 H2 { font-size: 10px; font-weight: bold; } #qualitaet_inhalt { height:420px; width: 760px; float: left; font-size: 10px; background-image: url(images/siegel.jpg); background-position: bottom left; background-repeat: no-repeat; } #qualitaet_inhalt p { margin-left: 300px; } #qualitaet_inhalt h1 { margin-left: 300px; font-size: 16px; font-weight: bold; margin-top: 40px; } #labor_inhalt { min-height:530px; height:auto !important; height:530px; width: 600px; float: left; font-size: 11px; line-height: 14px; display: inline; background-image: url(images/qualitaet.jpg); background-position: bottom right; background-repeat: no-repeat; } #labor_inhalt H1 { font-size: 16px; font-weight: bold; } #centerflash {text-align:center;} .verschieber { margin-left: 25px; margin-top: 15px;} .verschieber_piktos{ margin-left: 60px; margin-top: 10px;} .verschieber_navi {left: 180px;} #interview { min-height:370px; height:auto !important; height:370px; width: 450px; float: left; margin-left: 30px; margin-top: 50px; font-size: 11px; display: inline; float: left; } #interview h1 { font-size: 22px; font-weight: bold; } #interview h2 { font-size: 15px; font-weight: bold; } #frage { font-style: italic; font-weight: bold; margin-top: 35px; } #antwort { margin: 15px 0px 25px 0px; line-height: 14px; } #interview fieldset {border: 1px solid #B8B8B8; background-color: #EBEBEB;} #interview label { font-weight: bold; margin-bottom:12px; font-size:10px; color: black;} #einschlafen { margin: 15px 0px 15px 60px; position: relative; display: inline; float: left; width: 600px; height: 150px; font-size: 11px; } #einschlafen_bild { position: relative; display: inline; float: left; width: 200px;} #einschlafen_text { margin: 0px 0px 0px 15px; display: inline; float: left; width: 300px; font-size: 11px; } div.fcontent {float:left; margin-left: 20px; margin-top: 32px; font-size:11px; width:500px;} div.fcontent h1 {font-size:18px;margin:0 auto 10px auto;} div.fcontent h1 span {display:block; position:absolute; right:0; top:7px; font-weight:normal; font-size:10px;} div.fcontent h2 {font-size:12px;} div.fcontent table {margin-bottom:10px; font-size:11px; color:black;} .centered {text-align:center;} div.pikto {width:170px; text-align:center; margin: 0 10px 10px 0;} div.pikto h2 {margin:0; padding:0;} /*Produkte A-Z*/ #aufzaehlung { width: 180px; font-size: 10px; float: left; display: inline; margin: 15px 0px 0px 25px; } #aufzaehlung li { list-style: none; margin-left: 0px; display:inline;} #aufzaehlung h1 { font-size: 16px; font-weight: bold; margin-bottom: 0px; } #aufzaehlung a { text-decoration: none; color: black; display:block;padding: 0px 5px 0px 5px; } #aufzaehlung a:hover { text-decoration: underline; color: #9E8D8B;} div.index_box {display:block; position:relative; float:left; padding:20px 40px 20px 80px; font-size:11px;} div.contactbox {display:block; position:relative; float:left; border:1px solid #eee; width:200px; margin-right:30px; padding-bottom:10px; border-bottom:10px solid #eee;} div.contactbox span {display:block; position:relative; background: #eee; height:30px; line-height:30px; padding-left:15px;} div.contactbox p {padding-left:15px;} /* főoldalra block link katalógushoz */ a.katalogus_link {display:block; position:relative; width:255px; height:132px; background:url(images/prospekt.jpg) top left no-repeat;} a.katalogus_link span {display:block; position:absolute; top:86px; left:47px;}