/* Moderna Blau #1E2355 R30/G35/B85 */ /* body { background: #FFFFFF url(../images/bg_moderna_head.gif) repeat-x; } */ h1 { margin: 0 0 0.2em 0; color: #666666; font-weight: normal; font-size: 18px; } h2 { margin: 0 0 0.2em 0; color: #666666; font-weight: normal; font-size: 14px; } p { margin: 0 0 0.5em 0; font-size: 12px; line-height: 140%; } td { vertical-align: top; } .left { text-align :left; } .center { text-align :center; } .right { text-align :right; } .top { vertical-align :top; } .bottom { vertical-align :bottom; } #head { height: 60px; border-bottom: 1px solid #1E2355 } #head .logo { margin-right: 20px; } #branding { position: absolute; top: 15px; right: 20px; } #suche { position: absolute; top: 65px; right: 20px; width: 150px; } #suche form { padding:0; margin: 0; } #suche input { font-size: 10px; background: #D3D4DE; border: 1px solid #333333; color: #1E2355 } #suche .suchfeld { margin-right: 10px; background: #FFF; } #suche .pulldown { font-size: 10px; background: #E0E0E0;} #icons { position: absolute; right: 20px; top: 65px; text-align: right; z-index: 120; } #icons img { margin-left: 2px; vertical-align: middle} /*** NAVIGATION ***/ div#navigation { width: 730px; } div#navigation div.element, div#navigation div.selected { padding: 3px 5px; margin-right: 1px; float: left; background: #D3D4DE; } .navelement { background: #D3D4DE; font-size: 11px; } a:link.navelement, a:hover.navelement, a:visited.navelement { color: #1E2355; text-decoration: none; } a:hover.navelement { text-decoration: none; background: #8F91AA; color: #D3D4DE; } div#navigation div.selected { color: #FFFFFF; background: #1E2355; } div#navigation a:link.selected, div#navigation a:hover.selected, div#navigation a:visited.selected { color: #FFFFFF; background: #1E2355; } #subnavigation { font-size: 10px; color: #1E2355} #subnavigation a:link, #subnavigation a:hover, #subnavigation a:visited { color: #333333; text-decoration: none; } #subnavigation a:hover { text-decoration: underline; } /*** INHALT ***/ #inhalt h1, #inhalt h2 { margin: 0 0 0.2em 0; color: #666666; font-weight: normal; } #inhalt h1 { font-size: 20px; } #inhalt h2 { font-size: 16px; } #inhalt table { margin-bottom: 5px; } #inhalt .randblau { border: 1px solid #1E2355; } #inhalt .bu { font-size: 10px; margin-bottom: 10px;} #inhalt .anriss { font-weight: bold } #inhalt .navicon { margin-top: 5px; } #inhalt .bildoben { margin-bottom: 10px; } #main .decor_table p { font-family: "Arial Narrow", Arial; font-size: 10px; line-height:100% } #main .decor_thumb { border: 1px solid #1E2355; } #main .decor_thumb p { font-family: "Arial Narrow", Arial; font-size: 10px; line-height:100% } #main .bu { font-size: 10px; margin-bottom: 10px;} #main div.thumbcontainer { position: relative; float: left; width: 65px; height: 100px; margin-right: 7px;} #main div.thumbcontainer div.mini_icon_cont { position: absolute; left: 2px; top: 2px;} #main .mini_icon { margin-right: 2px; } #main div.thumbcontainer p { font-family: "Arial Narrow", Arial; font-size: 10px; line-height:100% } /*** MARGINAL-SPALTE ***/ #marginale { font-size: 10px; } #marginale .artikel, #main .artikel { padding-bottom: 10px; margin-bottom: 10px;border-bottom: #CCCCCC 1px dotted;} #marginale .box { margin-bottom: 10px; padding: 0px; } #marginale .boxhead { margin: 0; padding: 0; } #marginale .boxhead h1, #marginale .zubhead h1 { margin: 0; padding: 5px; color:#FFFFFF; font-size: 12px; font-weight:bold } #marginale .boxbody { margin: 0; padding: 5px 10px 5px 5px; } #marginale .boxfooter { margin: 0; padding: 2px; } #marginale .laminatbox { background: url(../images/laminatboxbody.jpg) repeat-y; } #marginale .laminatboxhead { background: url(../images/laminatboxhead.jpg) no-repeat top left; } #marginale .laminatboxfooter{ background: url(../images/laminatboxfooter.gif) no-repeat bottom left; } #marginale .paneelbox { background: url(../images/paneelboxbody.jpg) repeat-y; } #marginale .paneelboxhead { background: url(../images/paneelboxhead.jpg) no-repeat top left; } #marginale .paneelboxfooter { background: url(../images/paneelboxfooter.gif) no-repeat bottom left; } #marginale .zubehoerbox { background: url(../images/boxbodyweiss.gif) repeat-y; } #marginale .zubehoerboxhead { background: url(../images/zubehoerboxhead.jpg) no-repeat top left; } #marginale .zubehoerboxfooter{ background: url(../images/zubehoerboxfooter.gif) no-repeat bottom left; } #marginale .patch { float: left; margin-right: 5px; } #marginale .news h1 { font-size: 13px; color: #1E2355} /************************/ /** ICONS Produktliste **/ /************************/ #marginale p { font-size: 10px; margin: 0 0 0.5em 0; } #marginale p.losefeder { background: url(/pics/icons/lose-feder.gif) no-repeat top right; padding-right: 25px; } #marginale p.festefeder { background: url(/pics/icons/feste-feder.gif) no-repeat top right; padding-right: 25px; } #marginale p.nullfuge { background: url(/pics/icons/0-fuge.gif) no-repeat top right; padding-right: 25px; } #marginale p.downlight { background: url(/pics/icons/downlight.gif) no-repeat top right; padding-right: 25px; } #marginale p.deckenspot { background: url(/pics/icons/deckenspot.gif) no-repeat top right; padding-right: 25px; } #marginale p.einbauleuchte { background: url(/pics/icons/einbauleuchte.gif) no-repeat top right; padding-right: 25px; } #marginale p.deckenelement { background: url(/pics/icons/deckenelement.gif) no-repeat top right; padding-right: 25px; } #marginale p.download { background: url(/pics/icons/download.gif) no-repeat top right; padding-right: 25px; } #marginale p.brief { background: url(/pics/icons/brief.gif) no-repeat top right; padding-right: 25px; } #marginale p.pdf { background: url(/pics/icons/pdf.gif) no-repeat top right; padding-right: 25px; } /* #marginale p.fliesen { background: url(/pics/icons/fliesen.gif) no-repeat top right; padding-right: 25px; } #marginale p.kork { background: url(/pics/icons/kork.gif) no-repeat top right; padding-right: 25px; } #marginale p.blitz { background: url(/pics/icons/blitz.gif) no-repeat top right; padding-right: 25px; } */ #marginale a.neu { background: url(/pics/icons/neu.gif) no-repeat top right; padding-right: 25px; } /*#marginale h1 { margin: 0 0 0.2em 0; color: #666666; font-weight: normal; font-size: 18px; border-bottom: #CCCCCC 1px dotted; }*/ #marginale h2 { margin: 0; color: #1E2355; font-weight: normal; font-size: 14px; } #marginale a:link, #marginale a:visited { color: #1E2355; text-decoration: none; } #marginale a:hover { color: #1E2355; text-decoration: underline; } table.techdata { width: 100% } .techdata td { font-size: 11px; padding: 3px 8px; background-color: #E4DFC1; border-bottom: 1px solid #FFFFFF} .techdata .col1 { font-weight: bold; text-align: right; color: #6E5D3D; } #fussleiste { background: url(../images/bg_fussleiste.gif) repeat-x; padding: 3px 0; color: #FFF; font-size: 9px; font-weight: bold; letter-spacing: 0.1em } #fussleiste a { padding: 3px; color: #FFF; text-decoration: none; } #fussleiste a:hover { text-decoration: underline; } table#pfeatures { border: none; } table#pfeatures td { font-size:10px; } table#pfeatures td.icon { padding: 2px 10px 2px 0; } .small { font-size:10px; } table#downloads { border-collapse: collapse; font-size: 10px; width: 480px} table#downloads td.down_header { font-size: 12px; font-weight:bold; color: #FFFFFF; background-color: #9A9A98; text-align: left; border-bottom: 0px solid #1E2355; border-top: 0px solid #1E2355; padding: 5px 5px 5px 10px } table#downloads td { font-size: 10px; padding: 10px 5px 10px 5px; border-bottom: 1px solid #9A9A98; } table#downloads td.col1 { text-align: center; padding: 10px; background: #D8D8D8; } table#downloads td.col2 { width: 230px; } table#downloads td.col3 { width: 40px; } table#downloads td.col4 { width: 90px; } .plusliste { list-style-image: url(../images/icons/plus.gif); margin: 10px 0 0 26px; padding: 0; font-size: 14px; } .plusliste li { margin-bottom: 5px; padding-bottom: 2px; }