/* Stylesheet */ /* Body */ body { color: #333; background-color: #fff; background-image: url("../images/bg.gif"); background-repeat: repeat-x; background-position: 0 0; margin: 0; padding: 0 } /* Hauptcontainer */ div#container { margin: 2em auto; padding: 0; width: 1068px; height: auto } body.fullwidth div#container { width: 100% } /* Navigation */ div#header { background-color: white; background-image: url("../images/bg_navigation.gif"); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 0; width: 1068px; height: 126px; border-style: solid; border-width: 1px 2px 2px 1px; border-color: #e5e5e5 } div#header_f { background-color: white; background-image: url("../images/bg_navigation_f.gif"); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 0; width: 1068px; height: 126px; border-style: solid; border-width: 1px 2px 2px 1px; border-color: #e5e5e5 } div#header_i { background-color: white; background-image: url("../images/bg_navigation_i.gif"); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 0; width: 1068px; height: 126px; border-style: solid; border-width: 1px 2px 2px 1px; border-color: #e5e5e5 } #logo { margin: 0; padding: 0; position: relative; top: 6px; left: 26px; width: 323px; height: 59px } #logo a { text-decoration: none; margin: 0; padding: 0 } /* Inhalt Navigation */ div#header-in { margin: 0; padding: 0 } /* -------------- navigation deutsch ------------- */ #navigation { margin: 4px 0 0 20px; padding: 0; position: relative; top: 0; left: 10px; height: 41px } #navigation a.themen { color: #fff; background-image: url("../navi/themen.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px; float: left } #navigation a.themen:hover { color: #fff; background-image: url("../navi/themen_over.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px } #navigation a.bestellung { color: #fff; background-image: url("../navi/bestellung.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px; float: left } #navigation a.bestellung:hover { color: #fff; background-image: url("../navi/bestellung_over.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px } #navigation a.impressum { color: #fff; background-image: url("../navi/impressum.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px; float: left } #navigation a.impressum:hover { color: #fff; background-image: url("../navi/impressum_over.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px } #navigation a.patronatstraeger { color: #fff; background-image: url("../navi/patronatstraeger.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px; float: left } #navigation a.patronatstraeger:hover { color: #fff; background-image: url("../navi/patronatstraeger_over.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px } #navigation a.mediadaten { color: #fff; background-image: url("../navi/mediadaten.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px; float: left } #navigation a.mediadaten:hover { color: #fff; background-image: url("../navi/mediadaten_over.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px } #navigation a.archiv { color: #fff; background-image: url("../navi/archiv.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px; float: left } #navigation a.archiv:hover { color: #fff; background-image: url("../navi/archiv_over.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px } #jetztbestellen { margin: 0; padding: 0; position: relative; top: 5px; width: 411px; height: 65px } #jetztbestellen h3 { color: #6cf; font-size: 13px; font-weight: bold; text-align: right; margin: 0; padding: 0; width: 411px; float: right } #jetztbestellen h3 a { color: #6cf; font-size: 13px; font-weight: bold; text-align: right; margin: 0; padding: 0; width: 411px; float: right } #middle_content a.jetztbestellen { background-image: url("../navi/jetztbestellen_over.gif"); margin: 0; padding: 0; width: 142px; height: 41px; float: left } #middle_content a.jetztbestellen:hover { background-image: url("../navi/jetztbestellen.gif"); margin: 0; padding: 0; width: 142px; height: 41px } #sprache { margin: 0 0 0 20px; padding: 0; position: relative; top: 5px; width: 200px; height: 65px } #sprache a { color: #666; font-weight: bold } #sprache a.hover { font-weight: bold; text-decoration: none } #sprache a.activ { color: #6cf; font-weight: bold } #home { margin: 0 0 0 20px; padding: 0 } #home a.home { background-image: url("../navi/home.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px; float: left } #home a.home:hover { background-image: url("../navi/home_over.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px } #middle_content a.bestellungeinzeln { background-image: url("../navi/bestellungeinzeln.gif"); margin: 0; padding: 0; width: 218px; height: 59px; float: left } #middle_content a.bestellungeinzeln:hover { background-image: url("../navi/bestellungeinzeln_over.gif"); margin: 0; padding: 0; width: 218px; height: 59px } #middle_content a.bestellunggross { background-image: url("../navi/bestellunggross.gif"); margin: 0; padding: 0; width: 218px; height: 59px; float: left } #middle_content a.bestellunggross:hover { background-image: url("../navi/bestellunggross_over.gif"); margin: 0; padding: 0; width: 218px; height: 59px } /* -------------- navigation italienisch ------------- */ #navigation a.temi { color: #fff; background-image: url("../navi/termi.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px; float: left } #navigation a.temi:hover { color: #fff; background-image: url("../navi/termi_over.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px } #navigation a.ordinazione { color: #fff; background-image: url("../navi/ordinazione.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px; float: left } #navigation a.ordinazione:hover { color: #fff; background-image: url("../navi/ordinazione_over.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px } #navigation a.siglaeditoriale { color: #fff; background-image: url("../navi/colophon.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px; float: left } #navigation a.siglaeditoriale:hover { color: #fff; background-image: url("../navi/colophon_over.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px } #navigation a.patrocinatori { color: #fff; background-image: url("../navi/patrocinatori.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px; float: left } #navigation a.patrocinatori:hover { color: #fff; background-image: url("../navi/patrocinatori_over.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px } #navigation a.datimedia { color: #fff; background-image: url("../navi/datimedia.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px; float: left } #navigation a.datimedia:hover { color: #fff; background-image: url("../navi/datimedia_over.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px } #navigation a.archivio { color: #fff; background-image: url("../navi/archivio.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px; float: left } #navigation a.archivio:hover { color: #fff; background-image: url("../navi/archivio_over.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px } #ordinateora { margin: 0 20px; padding: 0; position: relative; top: 20px; width: 150px; height: 94px } #middle_content a.ordinateora { background-image: url("../navi/ordinateora.gif"); margin: 0; padding: 0; width: 142px; height: 41px; float: left } #middle_content a.ordinateora:hover { background-image: url("../navi/ordinateora_over.gif"); margin: 0; padding: 0; width: 142px; height: 41px } #middle_content a.ordinazionesingola { background-image: url("../navi/ordinazionesingola.gif"); margin: 0; padding: 0; width: 218px; height: 59px; float: left } #middle_content a.ordinazionesingola:hover { background-image: url("../navi/ordinazionesingola_over.gif"); margin: 0; padding: 0; width: 218px; height: 59px } #middle_content a.ordinazionedistribuzione { background-image: url("../navi/ordinazionegrande.gif"); margin: 0; padding: 0; width: 218px; height: 59px; float: left } #middle_content a.ordinazionedistribuzione:hover { background-image: url("../navi/ordinazionegrande_over.gif"); margin: 0; padding: 0; width: 218px; height: 59px } /* -------------- navigation französisch ------------- */ #navigation a.themes { color: #fff; background-image: url("../navi/themes.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px; float: left } #navigation a.themes:hover { color: #fff; background-image: url("../navi/themes_over.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px } #navigation a.commande { color: #fff; background-image: url("../navi/comande.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px; float: left } #navigation a.commande:hover { color: #fff; background-image: url("../navi/comande_over.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px } #navigation a.impressum { color: #fff; background-image: url("../navi/impressum.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px; float: left } #navigation a.impressum:hover { color: #fff; background-image: url("../navi/impressum_over.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px } #navigation a.patronage { color: #fff; background-image: url("../navi/patronage.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px; float: left } #navigation a.patronage:hover { color: #fff; background-image: url("../navi/patronage_over.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px } #navigation a.donnesmedia { color: #fff; background-image: url("../navi/donneesmedia.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px; float: left } #navigation a.donnesmedia:hover { color: #fff; background-image: url("../navi/donneesmedia_over.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px } #navigation a.archives { color: #fff; background-image: url("../navi/archives.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px; float: left } #navigation a.archives:hover { color: #fff; background-image: url("../navi/archives_over.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 123px; height: 41px } #commandemaintenant { margin: 0 20px; padding: 0; position: relative; top: 20px; width: 150px; height: 94px } #middle_content a.commandemaintenant { background-image: url("../navi/commandez.gif"); margin: 0; padding: 0; width: 188px; height: 41px; float: left } #middle_content a.commandemaintenant:hover { background-image: url("../navi/commandez_over.gif"); margin: 0; padding: 0; width: 188px; height: 41px } #middle_content a.commandeprivee { background-image: url("../navi/commandeprivee.gif"); margin: 0; padding: 0; width: 218px; height: 59px; float: left } #middle_content a.commandeprivee:hover { background-image: url("../navi/commandeprivee_over.gif"); margin: 0; padding: 0; width: 218px; height: 59px } #middle_content a.commanderemettre { background-image: url("../navi/commanderemettre.gif"); margin: 0; padding: 0; width: 218px; height: 59px; float: left } #middle_content a.commanderemettre:hover { background-image: url("../navi/commanderemettre_over.gif"); margin: 0; padding: 0; width: 218px; height: 59px } /** Inhalt **/ #content { background-color: #fff; background-image: url("../images/bg_content_rand_lire.gif"); background-repeat: repeat-y; background-position: 0 0; margin: 18px 0 0; padding: 0; width: 1068px; height: inherit; min-height: 700px; border-style: solid; border-width: 1px 2px 0 1px; border-color: #e5e5e5 } #left_content { visibility: visible; margin: 0; padding: 0; width: 315px; float: left } #middle_content { visibility: visible; margin: 0; padding: 0; width: 540px; float: left } #right_content { visibility: visible; margin: 0; padding: 0; width: 200px; float: left } #patronatstraeger_content { visibility: visible; margin: 0; padding: 0; width: 855px; float: left } /* Inhalt Content */ div.content-in { margin: 0; padding: 10px 30px 20px 20px } /* Inhalt linke Spalte */ div.column-in-left { margin: 0; padding: 18px 27px 0 38px } #left_content img { margin: 0 0 10px; padding: 0; border: solid 1px #6cf } /* Inhalt rechte Spalte */ div.column-in-right { color: #666; font-size: 12px; font-family: Arial; line-height: 14px; margin: 0; padding: 13px 15px } #right_content img { margin: 0 0 10px; padding: 0; width: 150px; height: 106px; border: solid 1px #6cf } /* Inhalt linke und mittlere Spalte */ div.column-in-left-patronatstraeger { margin: 0; padding: 18px 17px 0 38px } #patronatstraeger_content img { margin: 0 35px 10px 0; padding: 0 } div.column-in-left-archiv { margin: 0; padding: 18px 17px 0 38px } #archiv_content img { margin: 0 35px 10px 0; padding: 0 } /* Fusszeile leer */ div#footer { background-image: url("../images/bg_content_rand_unten.gif"); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 0; width: 1068px; height: 17px; border-style: solid; border-width: 0 2px 2px 1px; border-color: #e5e5e5 } div#footer-in { margin: 0; padding: 20px } .orange { color: #f90; font-weight: bold } .grasgruen { color: #9c0; font-weight: bold } .rosa { color: #f6c; font-weight: bold } .rot { color: #f33; font-weight: bold } .rot_klein { color: #f33; font-size: 11px; font-weight: normal } .tuerkis { color: #6cf; font-weight: bold } .blaugruen { color: #6cc; font-weight: bold } .grau { color: #666; font-weight: bold } .blau { color: #6cf; font-weight: bold } /** SUB CONTAINERS **/ * { } /** LISTS **/ * { } /** TYPOGRAPHY **/ * { } /** FORMS **/ * { } /** END **/ #archiv { font-weight: bold; width: 300px } #archiv img { margin: 0 20px 0 0; padding: 0; float: left }