/* ***** hier die styles fuer die normale ansicht ********** ***** fuer browser > netscape4 ********** */ /* ***** die farben: ***************************************************** /*farben hellgrau #E3E3DB mittelgrau #ADAB9C dunkelgrau #666666 lila #923387 hellblau #A0B6CB helllila #EFE2F1 gruen #ABDC50 hellgruen #E6F4CA */ /* ***** debug *********************************************************** div { border: 1px solid black; } body { background: url(../images/bg.gif) no-repeat; } .debug { border: 1px solid black; } /* ***** uebergreifendes ... ********************************************* */ * { margin:0; padding:0; } div { border:0; padding:0; margin:0; } html { border:0; padding:0; margin:0; } body { margin: 0; padding: 0; text-align:left; background: #FFFFFF; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 0.70em; text-align: left; background-image: url(../assets/bg.gif) ; } /* ***** global positioning **************** ( via MT3.1 => sixapart.com ) */ #frame { position: absolute; left: 50%; margin-top: 0; margin-left: -395px; width: 790px; text-align: left; background: #FFF; } #oben { float: left; width: 789px; height: 155px; z-index:5; border-right: 1px solid #A0B6CB; border-left: 1px solid #A0B6CB; border-top: 1px solid #A0B6CB; } #mitte { float: left; width: 789px; z-index:6; border-right: 1px solid #A0B6CB; border-left: 1px solid #A0B6CB; background: url(../assets/menue-bg.gif) repeat-y top left;} #unten { float: left; width: 789px; height: 16px; z-index:5; border-right: 1px solid #A0B6CB; border-left: 1px solid #A0B6CB; border-bottom: 1px solid #A0B6CB; } .clear { clear: both; padding: 0; /* padd.: hack, um das bg des wrappers darzustellen, thx eric => meyerweb.com */ } div.spaltelinks { float: left; width: 128px; text-align: left; padding: 15px 0 0 15px; margin: 0; } div.spaltemitte { float: left; width: 470px; text-align: left; padding: 15px 0 0 0; border-top: 15px solid #EFE2F1; margin: 0 15px 0 15px; } div.spalterechts { float: left; width: 130px; text-align: left; padding: 10px 0 0 0; border-top: 15px solid #EFE2F1; margin: 0; color: #656565; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: 0.8em; } /* ***** global padding ************************************************** */ #obenPad { margin: 0; padding: 0; border: 0; } #mittePad { margin: 0; padding: 0; border: 0; } #untenPad { margin: 0; padding: 0; border: 0; } /* ***** header ********************************************************** */ #obenPad img.logo { margin: 0; padding: 0; } /* ***** navigationsliste vertikal *************************************** */ #navigation { float: left; margin: 0; padding: 0; font-family: "Trebuchet MS", Helvetica, sans-serif; text-align: left; } #navigation ul { list-style-type: none; text-align: left; margin: 0; padding: 0; } #navigation ul li { padding: 0; display: inline; float: left; text-align: left; margin: 0; width: 129px; } #navigation ul a { padding: 21px 0 0 0; font-size: 0px; color: #EFE2F1; text-decoration: none; } #navigation ul ul { margin: 0; font-weight: normal; } #navigation a { clear: both; width: 99%; display: block; text-align: left; margin: 0; color: #EFE2F1; text-decoration: none; } #navigation a:hover { color: #923387; } /*#navigation ul li a { font-size: 1.0em; line-height: 150%; } #navigation ul li li a { font-size: 0.9em; line-height: 150%; } #navigation ul li li li a { font-size: 0.8em; line-height: 150%; } #navigation ul li li li li a { font-size: 0.8em; line-height: 130%; }*/ #startseite { background: url(../menue/startseite.gif) no-repeat center; } #startseite:hover { background: url(../menue/startseite-on.gif) no-repeat center; } #startseiteaktiv { background: url(../menue/startseite-visited.gif) no-repeat center; } #aussteller { background: url(../menue/aussteller.gif) no-repeat center; } #aussteller:hover { background: url(../menue/aussteller-on.gif) no-repeat center; } #ausstelleraktiv { background: url(../menue/aussteller-visited.gif) no-repeat center; } #rahmenprogramm { background: url(../menue/rahmenprogramm.gif) no-repeat center; } #rahmenprogramm:hover { background: url(../menue/rahmenprogramm-on.gif) no-repeat center; } #rahmenprogrammaktiv { background: url(../menue/rahmenprogramm-visited.gif) no-repeat center; } #messeinformationen { background: url(../menue/messeinformationen.gif) no-repeat center; } #messeinformationen:hover { background: url(../menue/messeinformationen-on.gif) no-repeat center; } #messeinformationenaktiv { background: url(../menue/messeinformationen-visited.gif) no-repeat center; } #fachtagung { background: url(../menue/fachtagung.gif) no-repeat center; } #fachtagung:hover { background: url(../menue/fachtagung-on.gif) no-repeat center; } #fachtagungaktiv { background: url(../menue/fachtagung-visited.gif) no-repeat center; } #veranstalter { background: url(../menue/veranstalter.gif) no-repeat center; } #veranstalter:hover { background: url(../menue/veranstalter-on.gif) no-repeat center; } #veranstalteraktiv { background: url(../menue/veranstalter-visited.gif) no-repeat center; } #modenschau { background: url(../menue/modenschau.gif) no-repeat center; } #modenschau:hover { background: url(../menue/modenschau-on.gif) no-repeat center; } #modenschauaktiv { background: url(../menue/modenschau-visited.gif) no-repeat center; } #weinschokoseminar { background: url(../menue/wein-schoko-seminar.gif) no-repeat center; } #weinschokoseminar:hover { background: url(../menue/wein-schoko-seminar-on.gif) no-repeat center; } #weinschokoseminaraktiv { background: url(../menue/wein-schoko-seminar-visited.gif) no-repeat center; } #cafemondial { background: url(../menue/cafemundial.gif) no-repeat center; } #cafemondial:hover { background: url(../menue/cafemundial-on.gif) no-repeat center; } #cafemondialaktiv { background: url(../menue/cafemundial-visited.gif) no-repeat center; } #artatwork { background: url(../menue/artatwork.gif) no-repeat center; } #artatwork:hover { background: url(../menue/artatwork-on.gif) no-repeat center; } #artatworkaktiv { background: url(../menue/artatwork-visited.gif) no-repeat center; } #gmoeaktion { background: url(../menue/gmoeaktion.gif) no-repeat center; } #gmoeaktion:hover { background: url(../menue/gmoeaktion-on.gif) no-repeat center; } #gmoeaktionaktiv { background: url(../menue/gmoeaktion-visited.gif) no-repeat center; } #oeffnungszeiten { background: url(../menue/oeffnungszeiten.gif) no-repeat center; } #oeffnungszeiten:hover { background: url(../menue/oeffnungszeiten-on.gif) no-repeat center; } #oeffnungszeitenaktiv { background: url(../menue/oeffnungszeiten-visited.gif) no-repeat center; } #anreise { background: url(../menue/anreise.gif) no-repeat center; } #anreise:hover { background: url(../menue/anreise-on.gif) no-repeat center; } #anreiseaktiv { background: url(../menue/anreise-visited.gif) no-repeat center; } #unterkunft { background: url(../menue/unterkunft.gif) no-repeat center; } #unterkunft:hover { background: url(../menue/unterkunft-on.gif) no-repeat center; } #unterkunftaktiv { background: url(../menue/unterkunft-visited.gif) no-repeat center; } #kontakt { background: url(../menue/kontakt.gif) no-repeat center; } #kontakt:hover { background: url(../menue/kontakt-on.gif) no-repeat center; } #kontaktaktiv { background: url(../menue/kontakt-visited.gif) no-repeat center; } #downloads { background: url(../menue/downloads.gif) no-repeat center; } #downloads:hover { background: url(../menue/downloads-on.gif) no-repeat center; } #downloadsaktiv { background: url(../menue/downloads-visited.gif) no-repeat center; } #programm { background: url(../menue/programm.gif) no-repeat center; } #programm:hover { background: url(../menue/programm-on.gif) no-repeat center; } #programmaktiv { background: url(../menue/programm-visited.gif) no-repeat center; } #anmeldung { background: url(../menue/anmeldung.gif) no-repeat center; } #anmeldung:hover { background: url(../menue/anmeldung-on.gif) no-repeat center; } #anmeldungaktiv { background: url(../menue/anmeldung-visited.gif) no-repeat center; } #siegel { background: url(../menue/siegel.gif) no-repeat center; } #siegel:hover { background: url(../menue/siegel-on.gif) no-repeat center; } #siegelaktiv { background: url(../menue/siegel-visited.gif) no-repeat center; } /* navi ausgewaehlt: */ #navigation ul li a.navAktiv { /*background: url(../assets/menue.gif) no-repeat top center; */color: #E69600; border-bottom: 0px solid #999; } #navigation ul ul { float: left; z-index:100; margin:0; padding:0; /* clear:both; */ display:block; width:auto; } #navigation ul ul li { padding-top:1px; } #navigation .subnavi { float: left; margin: 0; padding: 8px 0 2px 0; color: #A0B6CB; text-align: left; letter-spacing: 0.17em; text-transform: none; font-weight: bold; } #navigation .subnavi a { color: #A0B6CB; } #menue { } #menue:hover { color: #E69600; } /* ***** navigationsliste subline *********** */ #subline { float: left; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #ADAB9C; text-align: right; letter-spacing: 0.2px; font-size: 0.8em; } #subline ul { border: 0; padding: 0; list-style-type: none; text-align: right; margin: 0 0 0 32px;} #subline ul li { display: inline; text-align: right; padding: 0; margin: 0; } #subline ul li a { padding: 0 4px 0 4px; color: #9237A0; text-decoration: underline; font-weight: bold; } #subline ul li a:visited { padding: 0 4px 0 4px; color: #9237A0; text-decoration: underline; font-weight: bold; } #subline ul li a:hover, #subline ul li a:focus { color: #923387; text-decoration: none; } #subline ul li a:visited:hover { color: #923387; text-decoration: none; } /* ***** navigationsliste imprint *********** */ #imprint { float: right; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #ADAB9C; text-align: right; letter-spacing: 0.2px; font-size: 0.8em; } #imprint ul { border: 0; padding: 0; list-style-type: none; text-align: right; margin: 0 20px 0 0; } #imprint ul li { display: inline; text-align: right; padding: 0; margin: 0; } #imprint ul li a { padding: 0 4px 0 4px; color: #ABDC50; text-decoration: underline; font-weight: bold; } #imprint ul li a:visited { padding: 0 4px 0 4px; color: #ABDC50; text-decoration: underline; font-weight: bold; } #imprint ul li a:hover, #imprint ul li a:focus { color: #923387; text-decoration: none; } #imprint ul li a:visited:hover { color: #923387; text-decoration: none; } /* ***** diverses ******************************************************** */ #oben h1 { color: #CCC; font-weight: bold; font-size: 1em; font-family: Georgia,"Times New Roman",Times,serif; line-height: 120%; letter-spacing: 1px; } #oben h1 a { color: #CCC; text-decoration: none; } .spaltemitte { color: #000; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; line-height: 170%; } .spaltemitte h1 { margin: 5px 0 0 0; color: #666666; font-family: "Arial", Helvetica, sans-serif; text-align: left; letter-spacing: -0.05em; font-size: 2.75em; text-transform: uppercase; font-weight: normal; line-height: 100%; } .spaltemitte h2 { margin: 10px 0 7px 2px; color: #9237A0; font-family: "Arial", Helvetica, sans-serif; text-align: left; letter-spacing: 0.01em; font-size: 1.25em; font-weight: bold; text-transform: uppercase; line-height: 110%; } .spaltemitte h2 a:hover, .spaltemitte h2 a:focus { text-decoration: none; } .spaltemitte h2 a span { } .spaltemitte h2 a:hover span { } .spaltemitte p,.content { color: #000; font-size: 1.1em; line-height: 170%; } .spaltemitte p { font-family: Georgia, "Times New Roman", Times, serif; text-align: left; margin: 0 0 0 2px; color: #000; font-size: 1.1em; line-height: 170%; } .spaltemitte td a, .spaltemitte li { font-size: 0.9em; line-height: 170%; font-weight: bold; padding: 0 0 15px 0; list-style-type: square; } .spaltemitte img { float: left; margin: 5px 15px 5px 0; } .top img { margin: -15px 0 0 0; padding: 0 0 10px 0; } .spaltemitte img.noborder { border: 1px solid white; } .spaltemitte ul, .spaltemitte ol { padding: 0 0 0 35px; margin: 0; } tr.tr-even { background-color: #FFF6FF; margin-right: 0; padding: 0; } tr { vertical-align:top; } td { padding: 5px; } .spaltemitte a { text-decoration: underline; color: #ABDC50; font-weight: bold; font-size: 0.9em; text-transform: uppercase; line-height: 190%; } .spaltemitte a:hover, .spaltemitte a:focus { color: #923387; text-decoration: none; } .spaltemitte a:visited { text-decoration: underline; } .spaltemitte a:visited:hover { text-decoration: none; color: #923387; } a.up { text-decoration: none; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color: #FFF; font-size: 0.7em; line-height: 190%; background: #ABDC50; text-transform: lowercase; padding: 2px 2px 3px 4px; } a:hover.up, a:focus.up { color: #FFF; background: #923387; } a:visited.up { text-decoration: none; } a:visited:hover.up { text-decoration: none; color: #FFF; } .spalterechts { color: #656565; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .spalterechts h1 { margin: 0; color: #666666; font-family: "Trebuchet MS", Helvetica, sans-serif; text-align: left; letter-spacing: 0.01em; font-size: 1.55em; font-weight: bold; text-transform: uppercase; } .spalterechts h2 { margin: 0; color: #9237A0; font-family: "Trebuchet MS", Helvetica, sans-serif; text-align: left; letter-spacing: 0.01em; font-size: 1.2em; font-weight: bold; text-transform: uppercase; } .spalterechts h2 a { color: #656565; text-decoration: none; } .spalterechts h2 a:hover, .spalterechts h2 a:focus { text-decoration: none; } .spalterechts h2 a span { } .spalterechts h2 a:hover span { } .spalterechts h3 { color: #444; font-weight: bold; font-size: 0.7em; font-family: Georgia, "Times New Roman",Times,serif; line-height: 150%; padding: 0; margin: 0; } .spalterechts p,.content { color: #656565; font-size: 1.0em; line-height: 170%; } .spalterechts p { font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: left; margin: 0; color: #656565; font-size: 1.0em; line-height: 170%; } .spalterechts a { text-decoration: none; color: #A0B6CB; } .spalterechts a:hover, .spalterechts a:focus { text-decoration: underline; } .spalterechts a:visited { text-decoration: none; } .spalterechts a:visited:hover { text-decoration: none; } #unten p { margin: 0; padding: 0; } #unten p a { color: #666666; text-decoration: none; } /* ***** standards ******************************************************* */ small { font-size: 1em; } /* ***** formulare ******************************************************* */ label { display: block; float: left; width: 130px; padding: 0; margin-bottom: 5px; clear: left; } input { display: block; float: left; margin-bottom: 5px; } form { display: inline; } /* fuer IE, um umbruch zu vermeiden */ input, textarea { padding: 0 2px; color: #333; font-style: normal; font-size: 11px; } .input { float: right; } .csc-mailform { border: 0px; } .csc-mailform-field { clear: both; padding: 1px; margin-top: 3px; } .csc-mailform-label { clear: both; padding-top: 2px; } /* ***** empfohlene relative schriftgroessen ( => einfach-fuer-alle.de ) 69%, 76%, 86%, 93%, 101% */ .artikel { border:0; padding:0; margin:0; } /* .rahmen { padding:0; margin:0; border: 1px solid #B8B818; } */ .rahmen { padding:0; margin:0; border: 1px solid #DDD; } /* border-bottom:1px; border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #B1B1B1; */