/* ***** ein schickes stylesheet fuer T R I A L O G ********** ***** hier die styles fuer die normale ansicht ********** ***** fuer browser > netscape4 ********** */ /* ***** die farben: ***************************************************** weiss #FFFFFF; schwarz #000000; */ /* ***** debug *********************************************************** div { border: 1px solid black; } body { background: url(../images/_vorlage.jpg) no-repeat; } */ .debug { border: 1px solid black; } /* ***** uebergreifendes ... ********************************************* */ html { } body { padding: 0; margin: 0; background: #FFFFEB url(../images/bg-header-default.gif) no-repeat; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 13px; text-align: left; } body#trialog { background: #FFFFEB url(../images/bg-header-trialog-5.gif) no-repeat; } body#angebot,body#service { background: #F6F1F0 url(../images/bg-header-angebotService-2.gif) no-repeat; } body#kontakt { background: #EBF5FF url(../images/bg-header-kontakt.gif) no-repeat; } #mantel { margin: 0; padding: 0; width: 870px; text-align: left; } #mantelPad { margin: 0; padding: 0; } /* ***** global positioning **************** ( via MT3.1 => sixapart.com ) */ #oben { height: 198px; background: url(../images/logo-default.gif) 26px 86px no-repeat; } #angebot #oben,#service #oben { background: url(../images/logo-angebotService.gif) 26px 86px no-repeat; } #kontakt #oben { background: url(../images/logo-kontakt.gif) 26px 86px no-repeat; } #links { float: left; width: 190px; overflow: hidden; } #mitte { float: left; width: 450px; height: 385px; background: white; overflow: auto; border-top: 5px solid white; border-bottom: 5px solid white; } #rechts { float: right; width: 200px; overflow: hidden; } #unten { clear: both; } #cache { position: absolute; top: -1000px; left: -1000px; width: 100px; } .clear { clear: both; padding: 1px; /* padd.: hack, um das bg des wrappers darzustellen, thx eric => meyerweb.com */ } /* ***** global padding ************************************************** */ #obenPad { margin: 0; padding: 0; text-align: left; } #linksPad { margin: 0 0 0 25px; padding: 0; text-align: left; } #mittePad { margin: 0; padding: 27px 30px 20px 30px; background: white; text-align: left; } #rechtsPad { margin: 269px 0 0 60px; padding: 0; text-align: left; } #untenPad { margin: 0; padding: 10px; text-align: center; } /* ***** navigationsliste horizontal, a la sliding doors ***************** */ #navigationH { width: 540px; height: auto; margin: 0 0 0 270px; padding: 178px 0 0 0; } #navigationH ul { margin: 0; padding: 0; list-style-type: none; text-align: left; letter-spacing: 1px; } #navigationH ul li { float: left; text-align: left; padding: 0 0 0 15px; margin: 0; } #navigationH ul li a { float:left; /* <= fuer IE5-Mac only */ display: block; text-transform: uppercase; padding: 3px 0 6px 25px; margin: 0; font-size: 11px; color: #222; text-decoration: none; background: url(../images/bg-dash.gif) no-repeat left top; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #navigationH ul li a { float: none; } /* End IE5-Mac hack */ #navigationH ul li a:hover, #navigationH ul li a:focus { text-decoration: underline; } /* navi ausgewaehlt: */ #default #navigationH ul li#navAktuelles, #aktuelles #navigationH ul li#navAktuelles, #trialog #navigationH ul li#navTrialog, #angebot #navigationH ul li#navAngebot, #kontakt #navigationH ul li#navKontakt, #service #navigationH ul li#navService { background: url(../images/bg-dasher-left.gif) no-repeat left top; } #default #navigationH ul li#navAktuelles a, #aktuelles #navigationH ul li#navAktuelles a, #trialog #navigationH ul li#navTrialog a, #angebot #navigationH ul li#navAngebot a, #kontakt #navigationH ul li#navKontakt a, #service #navigationH ul li#navService a { padding: 3px 25px 6px 15px; cursor: default; text-decoration: none; background: url(../images/bg-dasher-right.gif) no-repeat right top; } /* nachfolgendes element */ #default #navigationH ul li#navTrialog a, #aktuelles #navigationH ul li#navTrialog a, #trialog #navigationH ul li#navAngebot a, #angebot #navigationH ul li#navKontakt a, #kontakt #navigationH ul li#navService a { padding: 3px 0 6px 0; background-image: none; } /* vorhergehendes element */ #default #navigationH, #aktuelles #navigationH { margin: 0 0 0 280px; } #trialog #navigationH ul li#navAktuelles a, #angebot #navigationH ul li#navTrialog a, #kontakt #navigationH ul li#navAngebot a, #service #navigationH ul li#navKontakt a { padding: 3px 10px 6px 25px; } /* ***** sub-naviliste vertikal *********** ( => css.maxdesign.com.au ) */ #navigationV { width: 139px; height: 309px; margin: 0; padding: 0; } #navigationV ul { list-style-type: none; font-size: 11px; line-height: 160%; margin: 0; padding: 50px 0 0 0; } #navigationV li { margin: 0 0 0 10px; padding: 0 0 0 22px; } #navigationV li li { border: 0; background: none; padding: 0; } #navigationV a { width: 99%; display: block; padding: 9px 2px 8px 0px; margin: 0; color: #222; text-decoration: none; } #navigationV ul ul { margin: 0; padding: 0; font-size: 11px; } .id2 #navigationV ul ul, .id20 #navigationV ul ul, .id28 #navigationV ul ul { display: none; } .id21 #navigationV #subnav21 a, .id22 #navigationV #subnav22 a, .id23 #navigationV #subnav23 a, .id24 #navigationV #subnav24 a { color: #C59D00; } .id21 #navigationV #subnav21 a:hover, .id22 #navigationV #subnav22 a:hover, .id23 #navigationV #subnav23 a:hover, .id24 #navigationV #subnav24 a:hover { text-decoration: none; cursor: default; } /* gelb-braune navi */ .navigationVaktuelles li, .navigationVtrialog li { background: url(../images/icon-gelb-leer.gif) 0 8px no-repeat; border-bottom: 1px dashed #C59D00; } .id1 .navigationVaktuelles li#nav1 { background: url(../images/icon-gelb-voll.gif) 0 8px no-repeat; } .id10 .navigationVaktuelles li#nav10 { background: url(../images/icon-gelb-voll.gif) 0 8px no-repeat; } .id2 .navigationVtrialog li#nav2 { background: url(../images/icon-gelb-voll.gif) 0 8px no-repeat; } .id20 .navigationVtrialog li#nav20 { background: url(../images/icon-gelb-voll.gif) 0 8px no-repeat; } .id21 .navigationVtrialog li#nav21 { background: url(../images/icon-gelb-voll.gif) 0 8px no-repeat; } .id22 .navigationVtrialog li#nav21 { background: url(../images/icon-gelb-voll.gif) 0 8px no-repeat; } .id23 .navigationVtrialog li#nav21 { background: url(../images/icon-gelb-voll.gif) 0 8px no-repeat; } .id24 .navigationVtrialog li#nav21 { background: url(../images/icon-gelb-voll.gif) 0 8px no-repeat; } .id28 .navigationVtrialog li#nav28 { background: url(../images/icon-gelb-voll.gif) 0 8px no-repeat; } /* rote navi */ .navigationVangebot li, .navigationVservice li { background: url(../images/icon-rot-leer.gif) 0 8px no-repeat; border-bottom: 1px dashed #FF0033; } .id3 .navigationVangebot li#nav3 { background: url(../images/icon-rot-voll.gif) 0 8px no-repeat; } .id30 .navigationVangebot li#nav30 { background: url(../images/icon-rot-voll.gif) 0 8px no-repeat; } .id31 .navigationVangebot li#nav31 { background: url(../images/icon-rot-voll.gif) 0 8px no-repeat; } .id32 .navigationVangebot li#nav32 { background: url(../images/icon-rot-voll.gif) 0 8px no-repeat; } .id33 .navigationVangebot li#nav33 { background: url(../images/icon-rot-voll.gif) 0 8px no-repeat; } .id5 .navigationVservice li#nav5 { background: url(../images/icon-rot-voll.gif) 0 8px no-repeat; } /* blaue navi */ .navigationVkontakt li { background: url(../images/icon-blau-leer.gif) 0 8px no-repeat; border-bottom: 1px dashed #3333FF; } .id4 .navigationVkontakt li#nav4 { background: url(../images/icon-blau-voll.gif) 0 8px no-repeat; } .id40 .navigationVkontakt li#nav40 { background: url(../images/icon-blau-voll.gif) 0 8px no-repeat; } #navigationV ul ul a { border: 0; padding: 0 2px 4px 0; } #navigationV a:hover { color: black; text-decoration: underline; } /* navi ausgewaehlt: */ #navigationV a.navAktiv { } a.navAktiv:hover { } /* ***** diverses ******************************************************** */ #links p { color: #222; font-size: 12px; line-height: 15px; padding: 4px 0; margin: 0 0 0 10px; } #links a { color: #222; text-decoration: none; } #links a:hover, #links a:focus { color: black; text-decoration: underline; } #content { } #content h2 { color: #333; font-weight: bold; font-size: 22px; line-height: 150%; padding: 8px 0; margin: 0; } #content h3 { color: #333; font-weight: bold; font-size: 16px; line-height: 150%; padding: 107px 0 8px 0; margin: 0; } #content p,#content { color: #222; font-size: 13px; line-height: 155%; padding: 8px 0; margin: 0; } #content p { } #content p.indent { padding: 0 0 8px 25px; } #content p a, #content td a, #content ul a { text-decoration: none; color: #222; border-bottom: 1px solid #BBB; } #content p a:hover, #content p a:focus, #content td a:hover, #content td a:focus, #content ul a:hover, #content ul a:focus { text-decoration: underline; color: #000; border-bottom: 1px solid #FFF; } #content img { float: right; padding: 1px; border: 1px solid #BBB; margin: 0; } .id40 #content img { float: none; position: relative; padding: 0; margin-top: -60px; border: 0; } .id40 #content a { border: 0; } #content ul, #content ol { list-style-type: disc; padding: 8px 0 8px 30px; margin: 0; } #content li { padding: 0 0 8px 0; } #rechts h4 { color: #222; font-size: 14px; line-height: 17px; margin: 0; padding: 4px 0; font-weight: normal; } #rechts p { color: #222; font-size: 12px; line-height: 15px; padding: 4px 0; margin: 0; } #rechts a { color: #222; text-decoration: none; } #unten p { margin: 0; padding: 4px 0; color: #444; font-size: 11px; } #unten p a { color: #333; text-decoration: none; } /* ***** standards ******************************************************* */ small { font-size: 12px; } span.caps { font-size: 12px; letter-spacing: 1px; } /* ***** formulare ******************************************************* */ form { display: inline; } /* fuer IE, um umbruch zu vermeiden */ input, textarea { padding: 1px 2px; color: #333; font-style: normal; font-family: "Lucida Grande","Lucida Sans Unicode",Lucida,Geneva,"Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 11px; } textarea { width: 270px; height: 120px; } /* ***** empfohlene relative schriftgroessen ( => einfach-fuer-alle.de ) 69%, 76%, 86%, 93%, 101% */ /* ***** 12-03-2006 martin niggemann, www.weltrettung.org **************** */