/* ***** hier die styles fuer die normale ansicht ********** ***** fuer browser > netscape4 ********** */ /* ***** die farben: ***************************************************** /*farben dunkelblau #840006 magenta #E2007A orange #EE7F01 rot #840006 */ /* ***** 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: #EBD910; 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%; top: 30px; margin-left: -476px; width: 952px; text-align: left; background: #FFF; } #oben { float: left; width: 950px; height: 170px; z-index:5; text-align: right; } #mitte { float: left; width: 950px; z-index:6; } #unten { margin: 2px 2px 2px 2px; float: left; width: 946px; height: 20px; z-index:7; border-right: 1px solid #840006; border-left: 1px solid #840006; border-bottom: 1px solid #840006; background: url(../assets/bg-unten.gif) repeat; border-top: 1px solid #840006; } .clear { clear: both; padding: 0; /* padd.: hack, um das bg des wrappers darzustellen, thx eric => meyerweb.com */ } div.spaltelinks { float: left; width: 160px; height: 250px; text-align: left; margin: 0; z-index: 30; background: #FFF; } div.spaltemitte { float: left; width: 780px; text-align: left; margin: 0 0 0 10px; } div.spalterechts { float: right; width: 150px; text-align: left; 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 ********************************************************** */ #mittePad img.pic { float: right; padding: 0 0 0 30px; margin-top: -20px; } /* ***** navigationsliste vertikal *************************************** */ #navigation { float: left; margin: 0; padding: 0; font-family: "Trebuchet MS", Helvetica, sans-serif; text-align: right; } #navigation ul { list-style-type: none; text-align: right; padding: 0; margin: 5px 0 0 0; } #navigation ul li { padding: 0; display: block; float: left; margin: 0; width: 150px; } #navigation ul a { padding: 4px 0 4px 5px; font-size: 1.15em; color: #EAB638; text-align: right; letter-spacing: 0.02em; } #navigation ul ul { margin: 0; font-weight: normal; } #navigation a { clear: both; width: 99%; display: block; text-align: left; margin: 0; color: #1F0A5; text-decoration: none; } #navigation a:hover { color: #840006; text-decoration: none; } #navigation ul li a { font-size: 1.5em; line-height: 130%; } #navigation ul li li a { font-size: 0.9em; line-height: 100%; } #navigation ul li li li a { font-size: 0.8em; line-height: 120%; } /* navi ausgewaehlt: */ #navigation ul li a.navAktiv { /*background: url(../assets/menue.gif) no-repeat top center; */color: #840006; border-bottom: 0px solid #999; text-decoration: none; } #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: #000037; text-align: left; letter-spacing: 0.17em; text-transform: none; font-weight: bold; } #navigation .subnavi a { color: #000075; } #menue { } #menue:hover { color: #83856A; text-decoration: none; } /* ***** 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: #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: 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: 4px 40px 0 0; } #imprint ul li { display: inline; text-align: right; padding: 0; margin: 0; } #imprint ul li a { padding: 0 4px 0 4px; color: #840006; text-decoration: none; font-weight: bold; } #imprint ul li a:visited { padding: 0 4px 0 4px; color: #840006; text-decoration: none; font-weight: bold; } #imprint ul li a:hover, #imprint ul li a:focus { color: #840006; text-decoration: underline; } #imprint ul li a:visited:hover { color: #840006; 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 h1 { margin: 7px 10px 0 5px; color: #EAB638; font-family: "Verdana", Helvetica, sans-serif; text-align: left; letter-spacing: 0.0em; font-size: 2em; text-transform: normal; font-weight: normal; line-height: 120%; } .spaltemitte h2 { margin: 10px 0 7px 5px; color: #009100; font-family: "Arial", Helvetica, sans-serif; text-align: left; letter-spacing: 0.01em; font-size: 1.25em; font-weight: bold; text-transform: normal; line-height: 110%; } .spaltemitte h2 a:hover, .spaltemitte h2 a:focus { text-decoration: none; margin: 0 0 0 5px; } .spaltemitte h2 a span { } .spaltemitte h2 a:hover span { } .spaltemitte p,.content { color: #000; font-size: 1.2em; line-height: 180%; margin: 0 0 0 5px; } .spaltemitte p { font-family: "Verdana", Helvetica, sans-serif; margin: 5px 0 0 5px; color: #000; font-size: 1em; line-height: 180%; padding: 0 10px 0 0; } .spaltemitte td a, .spaltemitte li { font-size: 0.9em; line-height: 170%; font-weight: bold; padding: 0 0 15px 0; list-style-type: square; } .top img { margin: -15px 0 0 0; padding: 0 0 10px 0; } .spaltemitte img { } .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: none; color: #840006; font-weight: bold; font-size: 0.9em; line-height: 190%; } .spaltemitte a:hover, .spaltemitte a:focus { color: #840006; text-decoration: underline; } .spaltemitte a:visited { text-decoration: underline; } .spaltemitte a:visited:hover { text-decoration: underline; color: #840006; } 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: #000075; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .spalterechts h1 { margin: 7px 0 0 0; color: #840006; font-family: "Verdana", Helvetica, sans-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: #840006; font-family: "Verdana", Helvetica, sans-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: #840006; 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: #840006; 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; } #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; */ /* banner und popups */ #banner { position: absolute; top: 290px; left: 50%; margin-left: -150px; z-index: 40; width: 300px; height: 125px; } #logo { position: absolute; top: 0; left: 0; margin-top: 2px; margin-left: 2px; background-image: url(../assets/maislabyrinth-logo.gif); background-repeat: no-repeat; z-index: 10; width: 946px; height: 160px; border: 1px solid #840006; }