/* ***** hier die styles fuer die normale ansicht ********** ***** fuer browser > netscape4 ********** */ /* ***** die farben: ***************************************************** /*farben dunkelgruen #0F3025 gruen #919887 hellgruen #CFD6C3 beige #FFFFEA */ /* ***** 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: #ECECEC; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 0.70em; text-align: left; } /* ***** global positioning **************** ( via MT3.1 => sixapart.com ) */ #frame { position: absolute; left: 50%; top: 30px; margin-left: -510px; width: 1020px; text-align: left; } #oben { float: left; width: 1020px; height: 70px; z-index: 5; background: url(../assets/bg-top.gif) repeat-x top left; } #mitte { float: left; width: 1020px; z-index:6; background: url(../assets/bg-mitte.gif) repeat-y top left; padding: 0 0 0 18px; } #unten { float: left; width: 1020px; height: 131px; z-index:7; background: url(../assets/main-bg.gif) no-repeat top left; border-left: 0px solid #CFD6C3; border-right: 0px solid #CFD6C3; background: url(../assets/bg-bottom.gif) repeat-x top left; } .clear { clear: both; padding: 0; /* padd.: hack, um das bg des wrappers darzustellen, thx eric => meyerweb.com */ } div.spalterechts { float: left; width: 450px; height: 500px; margin: 0 0 0 -1px; } div.spaltemitte { float: left; width: 420px; text-align: left; margin: 0 0 0 100px; } div.spaltemitte1 { float: left; width: 420px; text-align: left; margin: 0 0 0 85px; } div.spalterechts1 { float: left; width: 350px; height: 500px; margin: 0 0 0 -1px; background: url(../assets/bg-links-5.gif) no-repeat top left; } div.spalteform { float: left; width: 450px; text-align: left; padding: 0; margin: 0 0 0 55px; z-index: 20; } /* ***** global padding ************************************************** */ #obenPad { margin: 0; padding: 40px 0 0 90px; border: 0; } #mittePad { margin: 0; padding: 0; border: 0; } #untenPad { margin: 0; padding: 0; border: 0; } /* ***** header ********************************************************** */ #obenPad img.logo { margin: 0; padding: 0; } #obenPad img { margin: 0; padding: 0; float: right; } /* banner und popups */ #banner { position: absolute; top: 600px; left: 50%; margin-left: 330px; z-index: 10; width: 300px; height: 190px; } #logo { position: absolute; top: 74px; left: 700px; z-index: 10; width: 150px; height: 118px; text-align: left; } #pic { position: absolute; top: 157px; left: 17px; z-index: 11; width: 500px; height: 160px; } /* ***** navigationsliste horizontal *********** */ #navigation { margin: 0; padding: 0; clear:both; font-weight: bold; font-family: "Verdana", Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; margin: 0 0 0 20px; } #navigation ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: left; } #navigation ul li { display: block; float: left; text-align: left; padding: 5px 0 1px 0; margin: 0; } #navigation ul li a { padding: 1px 10px 2px 10px; font-size: 1.25em; text-decoration: none; letter-spacing: 0.07em; color: #FFF;} #navigation ul li a:hover, #navigation ul li a:focus { color: #4EA2E1; } #navigation ul li a.navAktiv { color: #4EA2E1; } #navigation ul ul { position:absolute; z-index:100; margin: 12px 0 0 10px; padding:0; /* clear:both; */ display:block; width:50px; line-height: 150%; } #navigation ul ul li { padding-top:0; } #navigation ul ul li a { padding: 5px 0 5px 1px; font-size: 1.0em; color: #000; letter-spacing: 0.02em; font-weight: normal; } #navigation ul ul li a:hover, #navigation ul ul li a:focus { color: #4EA2E1; } #navigation div.zweiteEbene { clear:both; float:none; display:block; line-height:1px; margin:0; } #navigation a.psst, #navigation a.psst:visited { width: 55px; background: url(../menue/psst.gif) no-repeat center; } #navigation a.psst:hover { background: url(../menue/psst_on.gif) no-repeat center; } #navigation a.psstaktiv { width: 55px; background: url(../menue/psst_on.gif) no-repeat center; } #navigation a.leistungen, #navigation a.leistungen:visited { width: 120px; background: url(../menue/leistungen.gif) no-repeat center; } #navigation a.leistungen:hover { background: url(../menue/leistungen_on.gif) no-repeat center; } #navigation a.leistungenaktiv { width: 120px; background: url(../menue/leistungen_on.gif) no-repeat center; } #navigation a.produktion, #navigation a.produktion:visited { width: 120px; background: url(../menue/produktion.gif) no-repeat center; } #navigation a.produktion:hover { background: url(../menue/produktion_on.gif) no-repeat center; } #navigation a.produktionaktiv { width: 120px; background: url(../menue/produktion_on.gif) no-repeat center; } #navigation a.kontakt, #navigation a.kontakt:visited { width: 80px; background: url(../menue/kontakt.gif) no-repeat center; } #navigation a.kontakt:hover { background: url(../menue/kontakt_on.gif) no-repeat center; } #navigation a.kontaktaktiv { width: 80px; background: url(../menue/kontakt_on.gif) no-repeat center; } /* ***** 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: left; padding: 0; margin: 0; } #subline ul li a { padding: 0 4px 0 4px; color: #000075; text-decoration: none; font-weight: bold; } #subline ul li a:visited { padding: 0 4px 0 4px; color: #000075; text-decoration: none; font-weight: bold; } #subline ul li a:hover, #subline ul li a:focus { color: #83856A; text-decoration: underline; } #subline ul li a:visited:hover { color: #83856A; text-decoration: underline; } /* ***** navigationsliste imprint *********** */ #imprint { float: right; margin: 70px 40px 0 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 10px 0 0; } #imprint ul li { display: inline; text-align: right; padding: 0; margin: 0; } #imprint ul li a { padding: 1px 4px 3px 4px; color: #0F3025; text-decoration: none; font-weight: bold; } #imprint ul li a:visited { padding: 0 4px 0 4px; color: #0F3025; text-decoration: none; font-weight: bold; } #imprint ul li a:hover, #imprint ul li a:focus { color: #000; text-decoration: underline; } #imprint ul li a:visited:hover { color: #000; text-decoration: underline; } /* ***** 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: 160%; } .spaltemitte h1 { margin: 275px 5px 10px 0; color: #0F3025; font-family: Georgia, "Times New Roman", Times, serif; text-align: left; letter-spacing: 0.0em; font-size: 1.7em; font-weight: normal; line-height: 120%; } .spaltemitte h2 { margin: 10px 0 10px 0; color: #919887; font-family: Georgia, "Times New Roman", Times, serif; text-align: left; letter-spacing: 0.01em; font-size: 1.25em; font-weight: bold; line-height: 110%; } .spaltemitte1 { color: #000; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; line-height: 170%; } .spaltemitte1 h1 { margin: 150px 10px 0 0; color: #0F3025; font-family: Georgia, "Times New Roman", Times, serif; text-align: left; letter-spacing: 0.0em; font-size: 1.7em; font-weight: normal; line-height: 110%; } .spaltemitte1 h2 { margin: 0px 0 10px 0; color: #919887; font-family: Georgia, "Times New Roman", Times, serif; text-align: left; letter-spacing: 0.01em; font-size: 1.25em; font-weight: bold; line-height: 110%; } .spaltemitte1 p,.content { color: #000; font-size: 1.1em; line-height: 170%; } .spaltemitte1 p, td { font-family: "Verdana", Helvetica, sans-serif; margin: 5px 0 0 0; color: #000; font-size: 0.9em; line-height: 170%; padding: 0 10px 10px 0; } .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: "Verdana", Helvetica, sans-serif; margin: 5px 0 0 0; color: #000; font-size: 0.9em; line-height: 170%; padding: 0 10px 10px 0; } .spaltemitte 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: right; margin: 15px 0 0 20px; border: 0px solid #0F3025; } .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: 0; height: 12px; } .spaltemitte a { text-decoration: none; color: #000; font-weight: bold; font-size: 0.9em; line-height: 190%; } .spaltemitte a:hover, .spaltemitte a:focus { color: #000; text-decoration: underline; } .spaltemitte a:visited { text-decoration: none; } .spaltemitte a:visited:hover { text-decoration: underline; color: #CFD6C3; } .spaltemitte1 a { text-decoration: none; color: #000; font-weight: bold; font-size: 0.9em; line-height: 190%; } .spaltemitte1 a:hover, .spaltemitte1 a:focus { color: #000; text-decoration: underline; } .spaltemitte1 a:visited { text-decoration: none; } .spaltemitte1 a:visited:hover { text-decoration: underline; color: #CFD6C3; } .spalterechts { color: #000; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .spalterechts h1 { margin: 17px 0 0 0; color: #0F3025; font-family: Georgia,"Times New Roman",Times,serif; text-align: left; letter-spacing: 0.05em; font-size: 1.2em; font-weight: bold; padding: 10px 0 5px 5px; } .spalterechts h2 { margin: 0; color: #919887; font-family: Georgia,"Times New Roman",Times,serif; text-align: left; letter-spacing: 0.05em; font-size: 1.0em; font-weight: bold; padding: 10px 0 5px 5px; } .spalterechts h2 a { color: #FFF; 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 { color: #000; font-size: 1.0em; line-height: 160%; padding: 0 15px 0 5px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: left; margin: 0; } .spalterechts a { text-decoration: underline; color: #0F3025; font-weight: bold; } .spalterechts a:hover, .spalterechts a:focus { text-decoration: none; } .spalterechts a:visited { text-decoration: none; } .spalterechts a:visited:hover { text-decoration: none; } .spalterechts img { padding: 8px 0 5px 0; } .spaltelinks img { border: 0px solid #0F3025; } .spaltelinks p { margin: 0; } #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; } .spalteform h1 { margin: 118px 10px 10px 0; color: #0F3025; font-family: Georgia, "Times New Roman", Times, serif; text-align: left; letter-spacing: 0.0em; font-size: 1.7em; font-weight: normal; line-height: 120%; } .spalteform h2 { color: #656565; font-size: 1em; font-weight: bold; margin: 0; line-height: 170%; } div.csc-mailform-field { margin: 5px 0 5px 0; padding: 0 0 0 0; font-family: "Verdana", Helvetica, sans-serif; margin: 5px 0 0 0; color: #000; font-size: 0.9em; line-height: 170%; } #mailformFirma { border: 0px solid #333333; border-bottom: 1px solid #BCBFC0; background-color: #FFF; } #mailformVorname { border: 0px solid #333333; border-bottom: 1px solid #BCBFC0; background-color: #FFF; } #mailformNachname { border: 0px solid #333333; border-bottom: 1px solid #BCBFC0; background-color: #FFF; } #mailformStrasse { border: 0px solid #333333; border-bottom: 1px solid #BCBFC0; background-color: #FFF; } #mailformOrt { border: 0px solid #333333; border-bottom: 1px solid #BCBFC0; background-color: #FFF; } #mailformPostleitzahl { border: 0px solid #333333; border-bottom: 1px solid #BCBFC0; background-color: #FFF; } #mailformtelefon { border: 0px solid #333333; border-bottom: 1px solid #BCBFC0; background-color: #FFF; } #mailformtelefax { border: 0px solid #333333; border-bottom: 1px solid #BCBFC0; background-color: #FFF; } #mailformfrom_email { border: 0px solid #333333; border-bottom: 1px solid #BCBFC0; background-color: #FFF; } #mailformTextfeld { border: 0px solid #333333; border-bottom: 1px solid #BCBFC0; background-color: #FFF; } .csc-mailform-submit { border: 0px solid #333333; border-bottom: 0px solid #BCBFC0; color: #3A3B48; background: url(../assets/submit.gif); padding: 2px 0 20px 15px; width: 90px; } /* ***** 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; */