/******************************************** * * Copyright: emion interaktive medien GmbH * http://www.emion.de | info@emion.de * mschmidt@20070412 1519 * *********************************************/ body { font:normal 0.75em Verdana,Arial,sans-serif; color:#000; background: #f6f7f8 url(../images/body_bg.jpg) left top repeat-x; } /* ------------------------------------------------- DEF: Rahmen ------------------------------------------------- */ #tabelle { background-color: #ffffff; border: 1px solid #787878; width:900px; margin:auto } /* .ol { width:4px; height:4px; background:url(../images/main/s-ol.gif) bottom right no-repeat } .o { width:992px; height:4px; background:url(../images/main/s-o.gif) bottom left repeat-x } .or { width:4px; height:4px; background:url(../images/main/s-or.gif) bottom left no-repeat } .l { width:4px; background:url(../images/main/s-l.gif) top right repeat-y } */ .m { width:992px; padding:8px } /* .r { width:4px; background:url(../images/main/s-r.gif) top left repeat-y } .ul { width:4px; height:4px; background:url(../images/main/s-ul.gif) top right no-repeat } .u { width:992px; height:4px; background:url(../images/main/s-u.gif) top left repeat-x } .ur { width:4px; height:4px; background:url(../images/main/s-ur.gif) top left no-repeat } */ /* ------------------------------------------------- DEF: Kopf ------------------------------------------------- */ #logo { width:192px; height:102px; margin:0; display:block; text-indent:-3333px; background:url(../images/main/logo.gif) no-repeat } h1#kopftext1 { width:300px; margin:0; padding:0 0 0 5px; float:left; font:normal 0.75em Arial; text-transform:uppercase; color:#999; border-left:5px solid #999 } #kopftext1 a { text-decoration:none; color:#999 } #kopftext2 { width:320px; float:right; text-align:right; font:normal 0.8em Arial; text-transform:uppercase; color:#999 } #navi { width:677px; height:40px; margin:36px 0 0 0; padding:0; list-style-type:none; background:#95abc0 } #navi li { float:left } #navi li a { width:111px; display:block; text-align:center; text-decoration:none; font-weight:bold; line-height:40px; color:#fff; background:#95abc0; border-right:1px solid #fff } #navi li a:hover,#navi li a.aktiv { background:#F37232 } #subnavi { height:1em; margin:0; padding:0 0 0 209px; list-style-type:none; background:#999 url(../images/main/bg_subnavi.gif) repeat-x } /* ------------------------------------------------- DEF: Balken links ------------------------------------------------- */ #bl { width:195px } #box-hotline { height:90px; margin:4px 0 0 0; text-indent:-3333px; border:1px solid #e8e0d3 } #box-hotline a { height:90px; width:193px; display:block; text-indent:-3333px; background:url(../images/main/analyse.jpg) no-repeat } #box-hotline:hover { border:1px solid #efb51d } #box-suche { margin:4px 0 0 0; padding:5px 10px 7px 10px; background:url(../images/main/bg_box-suche.gif) repeat-x; border:1px solid #e8e0d3 } #box-suche label { margin:0 0 5px 0; display:block; font-weight:bold; font-size:0.8em; color:#898987 } #box-suche input { width:120px; vertical-align:middle; background:#fff !important; border:1px solid #898987 } #box-suche .suchen { height:20px; vertical-align:middle; border:0; background:transparent } #box-suche:hover { border:1px solid #efb51d } #box-backlinks { margin:4px 0 0 0; padding:5px 10px 7px 10px; background:url(../images/main/bg_box-suche.gif) repeat-x; border:1px solid #e8e0d3 } #box-backlinks label { margin:0 0 5px 0; display:block; font-weight:bold; font-size:0.8em; color:#898987 } #box-backlinks input { width:120px; vertical-align:middle; color:#999; border:1px solid #898987 } #box-backlinks .checken { height:20px; vertical-align:middle; border:0; background:transparent } #box-backlinks:hover { border:1px solid #efb51d } #box-kundenstimmen { height:90px; margin:4px 0 0 0; border:1px solid #e8e0d3 } #box-kundenstimmen a { height:90px; width:193px; display:block; text-indent:-3333px; background:url(../images/main/bg_box-kundenstimmen.gif) no-repeat } #box-kundenstimmen:hover { border:1px solid #efb51d } #box-agenturmodell { height:90px; margin:4px 0 0 0; border:1px solid #e8e0d3 } #box-agenturmodell a { height:90px; width:193px; display:block; text-indent:-3333px; background:url(../images/main/agenturmodell.jpg) no-repeat } #box-agenturmodell:hover { border:1px solid #efb51d } #box-referenzen { height:300px; margin:4px 0 0 0; border:1px solid #e8e0d3 } #box-referenzen a { height:300px; width:193px; display:block; text-indent:-3333px; background:url(../images/main/bg_box-referenzen.gif) no-repeat } #box-referenzen:hover { border:1px solid #efb51d } /* ------------------------------------------------- DEF: Main ------------------------------------------------- */ #main { width:482px; padding:18px 20px 30px 23px } #main h1 { margin:0; padding:0; font-size:1.1em; color:#66a8dc } #main h2 { margin:0; padding:0; font-size:1em; color:#66a8dc } #main h5 { padding:3px 5px; font-size:1em; background:#ecf9ff; border:1px solid #66a8dc } #main p { text-align:justify; line-height:1.5em } #main p a { padding:0 1px; text-decoration:none; color:#000; border-bottom:1px solid #000 } #main p a.lb { padding:0; border-bottom:1px solid #e0e0e0 } #main p a.nb { padding:0; border:0 } #main p a:hover { color:#fff; background:#efb51d; border:0 } .agb { font-size:0.9em; line-height:1.2em } .agb h2 { padding:20px 0 0 0; color:#000 !important } /* ------------------------------------------------- DEF: Balken rechts ------------------------------------------------- */ #br { width:195px } #box-newsletter { height:110px; margin:4px 0 0 0; padding:7px 10px 7px 10px; background:url(../images/main/bg_box-newsletter.gif) repeat-x; border:1px solid #e8e0d3 } #box-newsletter label { margin:0 0 5px 0; display:block; font-weight:bold; font-size:0.8em; color:#898987 } #box-newsletter label span { padding:2px 0 6px 0; display:block; font-size:0.9em; font-weight:normal; color:#61a1d1 } #box-newsletter input { width:120px; vertical-align:middle; color:#999; border:1px solid #898987 } #box-newsletter .eintragen { height:20px; vertical-align:middle; border:0; background:transparent } #box-newsletter:hover { border:1px solid #efb51d } #box-news { margin:4px 0 0 0; border:1px solid #e8e0d3 } #box-news h6 { margin:0; padding:3px; font-size:0.8em; font-weight:normal; color:#fff; background:#95abc0 } #box-news h6 a { text-decoration:none; color:#fff } #box-news dl { margin:8px 0 0 0; background:url(../images/main/bg_box-news-dl.gif) bottom left repeat-x } #box-news dt { margin:0; padding:0 5px 3px 5px; font-weight:bold; font-size:0.8em; color:#798996 } #box-news dt a { text-decoration:none; color:#798996 } #box-news dd { margin:0; padding:0 5px 3px 5px; font-size:0.8em; color:#798996 } #box-news dd a { text-decoration:none; color:#798996 } #box-news:hover { border:1px solid #efb51d } #box-glossar { margin:4px 0 0 0; padding:5px 10px 7px 10px; background:url(../images/main/bg_box-suche.gif) repeat-x; border:1px solid #e8e0d3 } #box-glossar label { margin:0 0 5px 0; display:block; font-weight:bold; font-size:0.8em; color:#898987 } #box-glossar select { width:160px; vertical-align:middle; font-size:0.75em; color:#999; border:0 } #box-glossar .hg { color:#000; background:#dfdfdf; border-bottom:1px solid #fff } #box-glossar optgroup { padding:0 0 0 5px; font-weight:bold; font-style:normal; color:#fff; background:#efb51d; border-bottom:1px solid #fff } #box-glossar:hover { border:1px solid #efb51d } /* #box-garantie { height:130px; margin:4px 0 0 0; text-indent:-3333px; border:1px solid #e8e0d3 } */ #box-garantie { display: none; } #box-garantie a { height:130px; display:block; text-indent:-3333px; background: url(../images/main/bg_box-garantie.gif) no-repeat } #box-garantie:hover { border:1px solid #efb51d } /* ------------------------------------------------- DEF: Fuss ------------------------------------------------- */ #fuss { margin:8px 0 0 0 } #fuss-l { width:70%; height:20px; padding:0 0 0 110px; font-size:0.75em; line-height:20px; color:#fff; background:#aaa url(../images/main/bg_fuss-l.gif) bottom left no-repeat } #fuss-r { width:30%; height:20px; padding:0 10px 0 0; text-align:right; font-size:0.75em; line-height:20px; color:#fff; background:#aaa } #fuss-l a,#fuss-r a { text-decoration:none; color:#fff } /* ------------------------------------------------- DEF: Dropdowns ------------------------------------------------- */ .dd { width:180px; position:absolute; display:none; background:#fff; border:1px solid #95abc0; border-top:0; filter:alpha(opacity=95); -moz-opacity:0.95; z-index:2 } .dd a { width:160px; padding:4px 10px; display:block; text-decoration:none; font:bold 0.8em/1.8em Verdana; color:#5a7e9f; border-bottom:1px solid #95abc0 } .dd a:hover { color:#F37232 } /* ------------------------------------------------- DEF: Referenzen Suchmaschinenoptimierung ------------------------------------------------- */ #reflogo td { width:200px; padding:5px 0; vertical-align:middle; font-size:0.9em; color:#999 } #reflogo .logo { width:190px; height:100px; display:block; padding:0 !important; text-indent:-3333px; border:2px solid #fff } #reflogo .logo:hover { border:2px solid #d7a115 } .hasenkamp { background:url(../images/logos/hasenkamp.gif) no-repeat } .beate-uhse { background:url(../images/logos/beate-uhse.gif) no-repeat } .vfddw { background:url(../images/logos/vfddw.gif) no-repeat } .valet-parking { background:url(../images/logos/valet-parking.gif) no-repeat } .interadent { background:url(../images/logos/interadent.gif) no-repeat } .eska-implants { background:url(../images/logos/eska-implants.gif) no-repeat } .hh-moelln { background:url(../images/logos/hh-moelln.gif) no-repeat } .giffits-werbeartikel { background:url(../images/logos/giffits-werbeartikel.gif) no-repeat } .detektei-becker { background:url(../images/logos/detektei-becker.gif) no-repeat } .rlg,.rlg a { color:#999 !important; border:0 !important } /* ------------------------------------------------- DEF: Glossar ------------------------------------------------- */ #glossarnavig { font-size:9px } #glossarnavig a { text-decoration:none } #glossarnavig a:hover { text-decoration:underline } #glossaruebersicht a { padding:2px 5px !important; display:block; border-bottom:1px solid #ccc !important } #glossaruebersicht a:hover { font-weight:bold } /* ------------------------------------------------- DEF: Formular ------------------------------------------------- */ #formular input, #formular textarea { display:block; width:190px; padding:1px; border:1px solid #999 } #formular label { display:block; margin:5px 0 0 0 } #formular select { display:block } #formular textarea { height:160px } #formular .senden { width:120px; background:#fff; color:#848484; border:0 } #formular .senden:hover, .senden:focus { color:#65290a; border:0 } /* ------------------------------------------------- DEF: Kontaktformular ------------------------------------------------- */ #af fieldset { padding:15px 10px; display:block } #af label { width:80px; padding:10px 0 0 0; display:block } #af input { width:180px; padding:1px; border:1px solid #999 } #af select { width:185px } #af textarea { padding:1px; font-family:Verdana; font-size:12px; border:1px solid #999 } #af input:focus,#af textarea:focus { background:#ffffcc; border:1px solid #000 } #af .senden { width:160px !important; margin-top:20px; color:#fff !important; background:#5a7e9f !important; border:1px solid #185496 !important } #af .cb td { vertical-align:middle } #af .cb input { width:20px; padding:0; border:0 } #af .cb label { width:400px; padding:0 } /* ------------------------------------------------- DEF: Allgemein ------------------------------------------------- */ td { vertical-align:top; font:normal 1em Verdana,Arial,sans-serif } .klein { font-size:0.9em } a { color:#000 } a img { border:0 } a:focus { outline:none } input { padding:1px } form { margin:0; padding:0 } fieldset { margin:0; padding:0; border:0 } button { cursor:pointer } /* ------------------------------------------------- DEF: Google Coop ------------------------------------------------- */ .xyz { width:600px; height:950px; overflow:hidden } .klogo { border:1px solid #ccc }