/* ***** hier die styles fuer die normale ansicht ********** ***** fuer browser > netscape4 ********** */ /* ***** die farben: ***************************************************** /*farben hintergrund #000 hellbraun #FFEBB6 mittelgrau #656565 dunkelbraun #c20003 dunkelgrau #656565 */ /* ***** 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: #FAF3DB; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 0.70em; text-align: left; } /* ***** global positioning **************** ( via MT3.1 => sixapart.com ) */ #frame { margin: 30px auto 0 auto; width: 955px; } #oben { float: left; width: 960px; font-family: "Verdana", Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; letter-spacing:0.05em; text-align: left; } #mitte { float: left; width: 960px; z-index:4; background: url(../assets/mitte-back.gif) repeat; border-left: 1px solid #000; } #mittebreit { float: left; width: 960px; z-index:4; background: url(../assets/mittebreit-back.gif) repeat; border-left: 1px solid #000; } #unten { float: left; width: 960px; z-index:5; border-top: 1px solid #000; } .clear { clear: both; padding: 1px; /* padd.: hack, um das bg des wrappers darzustellen, thx eric => meyerweb.com */ } div.spalte { float: left; width: 191px; text-align: left; margin-top: 10px; } div.spaltebreit { float: left; width: 760px; text-align: left; margin-top: 10px; } div.spalteschmal { float: left; width: 191px; text-align: left; margin-top: 10px; } .spaltebreit img { vertical-align:text-top; float:right; margin: 5px 20px 20px 20px; clear: both; } /* ***** global padding ************************************************** */ #obenPad { margin: 0; padding: 0 20px 0 0; text-align: center; } #mittePad { margin: 0; padding: 0; text-align: left; background-color: #c20003; } #untenPad { margin: 0; padding: 0; border: 0; } /* ***** header ********************************************************** */ #obenPad img.logo { margin: 0; padding: 0; } #obenPad img.topimage { margin: 0; padding: 0; } #logo { float: right; padding: 0 0 20px 0; margin: 0; } #adresse { float: left; padding: 45px 0 0 0 ; margin: 0; } /* ***** navigationsliste horizontal *********** */ #navigation { clear: both; float: left; width: 960px; height: auto; margin: 0; padding: 0; font-family: "Verdana", Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; letter-spacing:0.05em; background: #FFF; border-top: 1px solid #000; border-right: 1px solid #000; } #navigation ul { width: 960px; height: 192px; padding: 0; border: 0; margin: 0 auto; list-style-type: none; } #navigation ul li { padding: 0; width: 192px; display: block; float: left; margin: 0; } #navigation ul li a { padding: 155px 0 5px 0; display: block; width: 100%; font-size: 1.2em; color: #000; text-decoration: none; font-weight: bold; border-left: 1px solid #000; border-bottom: 1px solid #000; background-color: #b69066; } #navigation ul li a:hover, #navigation ul li a:focus { color: #000; } #navigation a.navAktiv { color: #000; } #navAktiv:hover { cursor: default; border-bottom: 1px solid #000; } #kontakt { background: url(../assets/kontakt.jpg) no-repeat top center; } #kontakt:hover { background: url(../assets/kontakt-on.jpg) no-repeat top center; } #kontaktaktiv { background: url(../assets/kontakt-on.jpg) no-repeat top center; } #leistung { background: url(../assets/leistung.jpg) no-repeat top center; } #leistung:hover { background: url(../assets/leistung-on.jpg) no-repeat top center; } #leistungaktiv { background: url(../assets/leistung-on.jpg) no-repeat top center; } #massivbau { background: url(../assets/massivbau.jpg) no-repeat top center; } #massivbau:hover { background: url(../assets/massivbau-on.jpg) no-repeat top center; } #massivbauaktiv { background: url(../assets/massivbau-on.jpg) no-repeat top center; } #objektbau { background: url(../assets/objektbau.jpg) no-repeat top center; } #objektbau:hover { background: url(../assets/objektbau-on.jpg) no-repeat top center; } #objektbauaktiv { background: url(../assets/objektbau-on.jpg) no-repeat top center; } #unternehmen { background: url(../assets/unternehmen.jpg) no-repeat top center; } #unternehmen:hover { background: url(../assets/unternehmen-on.jpg) no-repeat top center; } #unternehmenaktiv { background: url(../assets/unternehmen-on.jpg) no-repeat top center; } /* ***** navigationsliste vertikal *************************************** */ #navigation1 { float: left; margin: 0; padding: 0; font-family: "Trebuchet MS", Helvetica, sans-serif; text-align: left; letter-spacing:0.2px; } #navigation1 ul { list-style-type: none; text-align: left; margin: 5px 0 10px 0; padding: 0; } #navigation1 ul ul { margin: 0 0 0 10px; font-weight: normal; } #navigation1 a { clear: both; width: 99%; display: block; text-align: left; margin: 7px 0 0 0; color: #656565; text-decoration: none; } #navigation1 ul li a { font-size: 1.2em; } #navigation1 a:hover, #navigation1 a:focus { color: #B8B818; } /* navi ausgewaehlt: */ #mittePad .navAktiv { color: #c20003; } /* ***** navigationsliste subline *********** */ #subline { float: right; width: 912px; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #c20003; text-align: left; letter-spacing: 0.2px; font-size: 0.8em; font-weight: normal; } #subline ul { border: 0; padding: 2px 0; list-style-type: none; text-align: right; margin: 0 15px 0 610px;} #subline ul li { display: inline; text-align: left; padding: 0; margin: 0; } #subline ul li a { padding: 0 4px 0 4px; color: #c20003; text-decoration: none; } #subline ul li a:hover { color: #000; background-color: #FFF; text-decoration: underlined; } #subline ul li a:focus { color: #000; background-color: #FFF; text-decoration: none; } #subline ul li a:visited:hover { color: #000; background-color: #FFF; text-decoration: underlined; } /* ***** diverses ******************************************************** */ #oben h1 { color: #000; font-size: 1.2em; font-weight: bold; line-height: 130%; letter-spacing: 0.5px; padding: 10px 0 0 35px; text-align: left; } #oben h2 { color: #000; font-size: 1em; font-weight: bold; line-height: 130%; padding: 10px 0 0 35px; text-align: left; } #oben h2 a { color: #000; text-decoration: none; } #oben h2 a:hover, #oben h2 a:focus { text-decoration: none; } #oben h2 a span { } #oben h2 a:hover span { } #oben h3 { color: #000; font-weight: bold; line-height: 100%; font-size: 1em; padding: 5px 0 0 35px; text-align: left; } #oben h3 a { color: #c20003; text-decoration: none; } #oben h3 a:hover { color: #000; text-decoration: underlined; } #oben h3 a:focus { color: #000; text-decoration: none; } #oben h3 a:visited:hover { color: #000; text-decoration: underlined; } .center { text-align: center; } .spalte { color: #c20003; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .spalte h1 { color: #c20003; font-size: 1.2em; font-weight: bold; line-height: 130%; letter-spacing: 0.5px; padding: 5px 0 5px 40px; } .spalte h1 a { color: #656565; text-decoration: none; } .spalte h1 a:hover, .spalte h1 a:focus { text-decoration: none; color: #c20003; } .spalte h1 a span { } .spalte h1 a:hover span { } .spalte h2 { color: #656565; font-size: 1em; font-weight: bold; margin: 20px 0 10px 0; line-height: 130%; } .spalte h2 a { color: #656565; text-decoration: none; } .spalte h2 a:hover, .spalte h2 a:focus { text-decoration: none; color: #FFEBB6; } .spalte h2 a span { } .spalte h2 a:hover span { } .spalte p,.content { color: #656565; font-size: 1.0em; line-height: 170%; } .spalte p { } .spalte p a, .spalte td a, .spalte ol.comments a { text-decoration: underline; color: #c20003; } .spalte ul a, .spalte ol a { } .spalte p a:hover, .spalte p a:focus, .spalte td a:hover, .spalte td a:focus, .spalte ol.comments a:hover, .spalte ol.comments a:focus { text-decoration: none; color: #656565; } .spalte ul a:hover, .spalte ul a:focus, .spalte ol a:hover, .spalte ol a:focus { } .spalte img { margin: 0; } .spalte img.noborder { border: 0px solid white; } .spalte ul, .spalte ol { padding: 0 0 4px 35px; margin: 0; } .spaltebreit { color: #000; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .spaltebreit h1 { color: #c20003; text-transform: uppercase; font-size: 2em; font-weight: bold; line-height: 130%; letter-spacing: 1.8px; padding: 15px 0 0 20px; font-family: "Trebuchet MS"; Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .spaltebreit p { color: #e656565; font-size: 1.2em; line-height: 170%; padding: 0 20px 0 20px; } .spaltebreit a { color: #c20003; text-decoration: underline; } .spaltebreit a:hover { text-decoration: none; color: #c20003; text-decoration: none; } .spaltebreit a:visited:hover { text-decoration: none; color: #c20003; text-decoration: none; } .spaltebreit h2 { color: #656565; font-weight: bold; font-size: 1.5em; font-family: Georgia, "Times New Roman",Times,serif; line-height: 150%; padding: 15px 0 15px 20px; margin: 0; } .spaltebreit h3 { color: #c20003; font-weight: bold; font-size: 1.2em; font-family: Georgia, "Times New Roman",Times,serif; line-height: 150%; padding: 15px 0 0 20px; margin: 0; } .spaltebreit ul li { color: #e656565; font-size: 1.2em; line-height: 170%; padding: 0 20px 0 20px; } .spaltebreit ul { border: 0; padding: 2px 0; text-align: left; margin: 0 15px 0 50px;} .spalteschmal h1 { color: #FFF; font-size: 1.2em; font-weight: bold; line-height: 130%; letter-spacing: 0.5px; padding: 5px 0 5px 40px; margin-top: 15px;} .spalteschmal h1 a { color: #fff; text-decoration: none; } .spalteschmal h1 a:hover, .spalteschmal h1 a:focus { text-decoration: none; color: #c20003; } .spalteschmal h1 a span { } .spalteschmal h1 a:hover span { } .artikel img { float: right; } .artikel #galerie img { float: left; } #unten p { margin: 0; padding: 4px 0; color: #c2003; font-size: 1em; font-weight: bold; } #unten p a { color: #656565; text-decoration: none; } /* ***** standards ******************************************************* */ small { font-size: 1em; } /* ***** formulare ******************************************************* */ form { display: inline; } /* fuer IE, um umbruch zu vermeiden */ input, textarea { padding: 1px 2px; color: #656565; font-style: normal; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 0.7em; } textarea { width: 270px; height: 120px; } /* ***** 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 #000; } /* border-bottom:1px; border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #B1B1B1; */