/* www.wahle.com -------------------------------------------------------------- */ .printonly { display:none; } body { font-size:75%; overflow-y:scroll; text-align:center; } /* LAYOUT -------------------------------------------------- */ #page_stripe { position:absolute; top:130px; left:0; height:100px; width:100%; background:#7f94af; z-index:1; } #pwrap { margin:0 auto; position:relative; width:800px; overflow:hidden; padding-bottom:10px; text-align:left; z-index:20; } /*-------- Pagehead --------*/ #pagehead { height:175px; z-index:200; } #site_title_a { position:absolute; top:20px; left:110px; display:block; width:60px; height:77px; background:url(/_images/bildmarke.png) center center no-repeat; } #site_title_a span { display:none; } #site_mark { position:absolute; top:118px; left:478px; display:block; width:121px; height:12px; background:url(/_images/wortmarke.png) top left no-repeat; } /*-------- MAIN Navigation --------*/ #nav_main_box { position:absolute; top:145px; left:0; } #nav_main { list-style-type:none; margin:0; } #nav_main li { float:left; margin-right:1px; } #nav_main li a { font:normal 1.1em/1.25em arial, sans-serif; padding:6px 10px 10px; color:#fff; text-decoration:none; display:block; text-shadow:#000 0 1px 0; } #nav_main li a:hover, .cat_webdesign #navmaina a, .cat_corpdesign #navmainb a, .cat_referenzen #navmainc a { background:#6c7176; } /*-------- LOCAL Navigation--------*/ #nav_local_box { position:absolute; top:30px; left:0; padding:0; z-index:900; } #nav_local { list-style-type:none; margin:25px 0; } #nav_local li { float:none; } #nav_local li a { font:normal 1em/1.25em arial, sans-serif; padding:4px 10px 4px 20px; color:#ddd; text-decoration:none; display:block; } .cat_referenzen #nav_local li a { width:130px; } .cat_webdesign #nav_local li a, .cat_corpdesign #nav_local li a { width:290px; } #nav_local li a:hover, .page_webdesign #navlocala a, .page_corpdesign #navlocalb a, .page_werbung #navlocalc a, .page_qed #navlocala a, .page_velagic #navlocalb a, .page_ribbbock #navlocalc a, .page_swl #navlocald a, .page_hissel #navlocale a, .page_schramke #navlocalg a, .page_innung #navlocalf a, .page_loetronic #navlocalh a, .page_schierg #navlocali a, .page_nishiki #navlocalj a, .page_tresemer #navlocalk a, .page_kleynen #navlocall a { padding:4px 8px 4px 22px; background:transparent url(/_images/navlocal_a_currentpage.gif) 8px 7px no-repeat; } .cat_webdesign #nav_local_box, .cat_corpdesign #nav_local_box { width:480px; } .cat_referenzen #nav_local_box { width:160px; } #nav_local_bg { position:absolute; top:175px; left:0; width:480px; height:300px; background:#6c7176; z-index:-500; } .cat_referenzen #nav_local_bg { height:450px; } .cat_webdesign #nav_local_bg, .cat_corpdesign #nav_local_bg { height:229px; } /*-------- META-Navigation --------*/ #nav_meta_box { position:absolute; top:108px; right:0; z-index:900; height:92px; overflow:hidden; } #nav_meta { list-style-type:none; margin:0; } #nav_meta li { float:left; margin-left:1px; } #nav_meta li a { font:normal 1em/1.25em arial, sans-serif; padding:8px 10px 70px; color:#f5f5f5; text-decoration:none; display:block; text-shadow:#000 0 1px 0; } #nav_meta li a:hover, #kontakt #navmetaa a, #impressum #navmetab a { background:#fff; color:#888; text-shadow:none; } /* color scheme nav */ #change_colorscheme { display:none; } #change_colorscheme h4 { display:none; } #change_colorscheme { position:absolute; top:175px; left:480px; z-index:500; } #change_colorscheme ul { list-style-type:none; margin:0; } #change_colorscheme li { float:left; } #change_colorscheme li a { display:block; width:24px; height:25px; } #change_colorscheme li a span { display:none; } #change_colorscheme li a:hover { border-color:#fff; } #colorscheme_blau { background:#758daa; } #colorscheme_brombeer { background:#947a84; } #colorscheme_gruen { background:#96a27f; } #colorscheme_tuerkis { background:#7c959b; } #colorscheme_goldig { background:#9d9477; } /*-------- Content area --------*/ #cwrap { position:relative; width:800px; } #cmain { float:right; margin:25px 0 0 0; background:#fff; padding-bottom:100px; } .cat_referenzen #cmain { width:640px; padding-bottom:0; } .cat_webdesign #cmain, .cat_corpdesign #cmain { width:560px; } .cat_wahledesign #cmain { width:640px; padding-bottom:0; } #cmain h1 { font:normal 2.5em/1.2em helvatica, arial, sans-serif; margin:10px 20px 2em; padding:.6em 0 .2em; border-bottom:1px solid #d5b6f3; } .referenzen_home #cmain h1 { margin-bottom:15px; border-bottom:0; } #cmain h2 { font:bold 1.25em/1.45em helvatica, arial, sans-serif; color:#666; padding:1.5em 0 .3em 20px; } #cmain .box2cols h2, #cmain .box3cols h2 { padding-top:.5em; } .referenzen_home #cmain h2 { padding:2em 0 0 20px; } #cmain p, #cmain li { font:normal 1.1em/1.5em arial, sans-serif; color:#444; } #cmain p { padding:.5em 160px .5em 20px; } #cmain li { padding-right:160px; } #cmain ul { margin-left:40px; } #ccontext { float:left; width:240px; margin:230px 0 0 80px; background:#3b4b5e; z-index:22; padding-bottom:0px; } #ccontext h3 { color:#bd8cec; font:normal 1.2em/1.5em georgia, times new roman, serif; text-decoration:none; } #ccontext h3.no_a { padding:.5em 15px .5em 17px; } #lexicon a { outline:none; display:block; padding:.5em 15px .5em 17px; border-top:1px solid #758daa; text-decoration:none !important; } #ccontext p { color:#b1b6bc; font:normal 1em/1.5em "Lucida Grande", georgia, times new roman, serif; padding:0 15px 1em 17px; } #ccontext a { text-decoration:underline; color:#b1b6bc; } #ccontext a:hover { text-decoration:none; color:#fff; } .cat_webdesign #ccontext, .cat_corpdesign #ccontext { margin-left:0; } #ccontext .lexicon_header { color:#b1b6bc; font:italic normal 1em/1.5em "Lucida Grande", georgia, times new roman, serif; padding:10px 0 1em 17px; } /*-------- Footer --------*/ #footer { display:block; position:relative; top:5px; left:320px; z-index:30; } #footer p { font:normal .83em/1.5em verdana, Arial, sans-serif; } #footer a { text-decoration:underline; } #footer a:hover { text-decoration:none; } /* CONTENTS -------------------------------------------------- */ #cmain p a { text-decoration:none; font-weight:bold; } #cmain p a:hover { text-decoration:underline; } /* PORTFOLIO */ .cat_referenzen #cmain { background:#414447 !important; } .cat_referenzen #cmain img { display:block; } .cat_referenzen #cmain h1 { border-color:#823961; } #navnextprev_box { width:640px; height:450px; display:block; } #nextitem { position:absolute; display:block; width:640px; height:450px; z-index:3000; } /*#nextitem:hover { background:url(/_images/pf_nextitemlink_bg.png) top right no-repeat; z-index:3000; }*/ .portfolio_description { padding:50px 0 10px 0; } .portfolio_description * { color:#fff !important; font:normal 1em/1.5em arial, sans-serif !important; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; } .portfolio_description h1 { border:none !important; margin:0 0 0 20px !important; } .portfolio_description p { width:320px; padding:.5em 0 .5em 20px !important; } .portfolio_description p.facts a { display:block; } .portfolio_description p.facts .services { display:block; text-transform:uppercase; padding-top:1em; } .portfolio_description h1 + p { padding-top:0 !important; } /* Farben unten Einzelseiten */ .page_qed #cmain, .page_qed .portfolio_description { background:#0d3457 !important; } .page_hissel #cmain, .page_hissel .portfolio_description { background:#002d66 !important; } .page_hissel #navnextprev_box { height:560px; } .page_velagic #cmain, .page_velagic .portfolio_description { background:#262626 !important; } .page_ribbbock #cmain, .page_ribbbock .portfolio_description { background:#a8046b !important; } .page_swl #cmain, .page_swl .portfolio_description { background:#0d2d5c !important; } .page_schramke #cmain, .page_schramke .portfolio_description { background:#97c85f !important; } .page_innung #cmain, .page_innung .portfolio_description { background:#fdf6d6 !important; } .page_schierg #cmain, .page_schierg .portfolio_description { background:#e5dfd0 !important; } .page_loetronic #cmain, .page_loetronic .portfolio_description { background:#004671 !important; } .page_nishiki #cmain, .page_nishiki .portfolio_description { background:#820f0f !important; } .page_nishiki #navnextprev_box { height:555px; } .page_tresemer #cmain, .page_tresemer .portfolio_description { background:#c7eaff !important; } .page_kleynen #cmain, .page_kleynen .portfolio_description { background:#9a9a9a !important; } .page_schramke .portfolio_description *, .page_schierg .portfolio_description *, .page_tresemer .portfolio_description *, .page_innung .portfolio_description * { color:#000 !important; } .kdlist_box { width:600px; margin:20px; } .kdlist { list-style-type:none; margin:0 !important; } .kdlist li { padding:4px 0 !important; vertical-align:middle; margin:0; color:#666 !important; display:block;border-top:1px solid #2d3032; } .kdlist li strong { color:#bbb !important; font-weight:normal; } .img_kundenliste_inline { vertical-align:baseline; margin:0 0 0 8px; display:inline !important; } .kdlist li a { float:right; width:200px; color:#bbb; text-decoration:none; } .kdlist li a:hover { color:#fff; text-decoration:underline; } /* .kdlist li.swl { background:url(/_images/portfolio/kundenliste_swl.png) 30px 0 no-repeat; } .kdlist li.trako { background:url(/_images/portfolio/kundenliste_trako.png) 0 17px no-repeat; } .kdlist li.hissel { background:url(/_images/portfolio/kundenliste_hissel.png) 20px -1px no-repeat; } .kdlist li.loete { background:url(/_images/portfolio/kundenliste_loetronic.png) 0 15px no-repeat; } .kdlist li.globell { background:url(/_images/portfolio/kundenliste_globell.png) 30px 4px no-repeat; } .kdlist li.qed { background:url(/_images/portfolio/kundenliste_qed.png) 15px 6px no-repeat; } .kdlist li.nishiki { background:url(/_images/portfolio/kundenliste_nishiki.png) 30px 0 no-repeat; } .kdlist li.hassler { background:url(/_images/portfolio/kundenliste_hassler.png) 45px 0 no-repeat; } .kdlist li.ishkacs { background:url(/_images/portfolio/kundenliste_ishkacs.png) 40px 0 no-repeat; } .kdlist li.tresemer { background:url(/_images/portfolio/kundenliste_tresemer.png) 26px -1px no-repeat; } .kdlist li.schierg { background:url(/_images/portfolio/kundenliste_schierg.png) 40px 0 no-repeat; } */ /* KONTAKT, IMPRESSUM */ #kontakt #cmain { width:640px; padding-bottom:10px; } #kontakt #cmain p { float:left; margin-right:60px; padding-right:0; } p.phone_fax span { display:block; float:left; width:4em; } #gmap_canvas { position:relative; top:218px; left:0; width:800px; height:500px; } #gmap_canvas p { font:normal 1em/1.5em arial, sans-serif; color:#444; padding:0; } #kontakt #ccontext { width:640px; margin:218px 0 0 160px; } #kontakt #ccontext p { width:320px; } #impressum #cmain { left:320px; width:480px; } #impressum p { padding-right:20px; } /* HOME */ #home #cmain { width:800px; padding:30px 0 22px; background:#414447/* url(/_images/h1_bg_wahledesign.png) 0 0 no-repeat;*/ } #home #cwrap { overflow:hidden; } /* #home #cmain h1 { margin:0 20px 20px; color:#88a4c5; border-bottom-color:#4d5661; background:url(/_images/h1_bg_wahledesign.png) 1px 30px no-repeat; } #home #cmain h1 em { display:block; position:relative; left:-9999px; } */ #home #cmain h2 { color:#fff; padding-bottom:0; font:normal 1.6em/130% helvetica, arial, sans-serif; text-transform: none; } /* #home #cmain h2.header { color:#88a4c5; text-align:right; padding:.5em 0; font-size:1em; background:url(/_images/h2_bg_webdesignetc.png) 477px 8px no-repeat; } #home #cmain h2.header span { display:block; position:relative; left:-9999px; } */ #home #cmain p { font-size:1.1em; line-height:1.7em; color:#88a4c5; padding:1em 0 1em 20px; } #home #cmain p a { color:#fff; text-decoration:underline; } #home #cmain p a:hover { color:#fff !important; } #boxportfolio { overflow:hidden; display:block; } #boxportfolio p { padding-left:0; font-style:italic; } #home #boxportfolio { width:620px; margin:0 0 0 20px; height:450px; } .cat_referenzen #boxportfolio { width:640px; height:270px; } .cat_referenzen #boxportfolio img { margin-top:-35px; } .box2cols { display:block; width:800px; } .box2cols div { width:320px; float:left; } /* default color scheme: blueish */ body { background:#758daa; } #page_stripe { background:#8ea2b9; } #footer p, #footer a { color:#a1b1c4 !important; } #cmain h1 { color:#9e3861; border-color:#dbaabe; } #ccontext { background:#3b4b5e; } #ccontext h3, #lexicon h3 a { color:#c3a924; } #cmain p a { color:#04C; }