/* ***** ein schickes stylesheet fuer A R C A D I A ********** ***** hier die styles fuer die normale ansicht ********** ***** fuer browser > netscape4 ********** */ /* ***** die farben: ***************************************************** weiss #FFFFFF; schwarz #000000; */ /* ***** debug *********************************************************** div { border: 1px solid black; } body { background: url(../images/_vorlage.jpg) no-repeat; } */ .debug { border: 1px solid black; } /* ***** splash ********************************************************** */ #splash div { margin: 0 auto; padding: 60px 0 0 0; width: 823px; } #splash p { text-align: left; margin: 0 0 0 62px; padding: 0; color: white; } #splash a { text-decoration: none; color: #545AB2; } #splash a:hover { color: #0C1492; } /* ***** uebergreifendes ... ********************************************* */ html { border-top: 3px solid #CCDBE4; } body { padding: 0; margin: 0; background: #B7CDD9 url(../images/bg_blue.gif); text-align: center; font-family: "Lucida Grande","Lucida Sans Unicode",Lucida,Geneva,"Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 12px; line-height: 160%; color: #262626; } #mantel { margin: 0 auto; padding: 0; width: 823px; text-align: left; background: url(../images/logo_headline.gif) no-repeat 0px 60px; } #mantelPad { margin: 0; padding: 110px 0 131px 0; background: url(../images/logo_guillemet.gif) no-repeat bottom right; } /* ***** global positioning **************** ( via MT3.1 => sixapart.com ) */ #navcontainer { } #mitte { width: 710px; } #unten { } .clear { clear: both; padding: 1px; /* padd.: hack, um das bg des wrappers darzustellen, thx eric => meyerweb.com */ } /* ***** global padding ************************************************** */ #navcontainerPad { margin: 0; padding: 0; text-align: left; } #mittePad { margin: 0; padding: 0; text-align: left; } #untenPad { margin: 0 0 0 62px; padding: 2px; text-align: left; } /* ***** navigationsliste horizontal ********* ( => css.maxdesign.com.au ) */ #navigation { color: white; width: 540px; height: auto; margin: 0 0 0 62px; padding: 23px 0 20px 0; } #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: 0; margin: 0 4px 0 0; } #navigation ul li a { padding: 0 5px 0 0; font-size: 12px; color: #545AB2; text-decoration: none; } #navigation ul li a:hover, #navigation ul li a:focus { color: #0C1492; } /* #navigation a#navAktiv { background: #DDD; color: #444; border-bottom: 1px solid #999; } a#navAktiv:hover { cursor: default; border-bottom: 1px solid #999; } */ /* ***** diverses ******************************************************** */ #oben h1 { color: #262626; font-weight: bold; font-size: 28px; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; line-height: 150%; letter-spacing: 1px; padding: 5px 0 0 0; margin: 0; } #oben h1 a { color: #262626; text-decoration: none; } #content { padding: 0 5px 0 62px; } #content h2 { color: #F3EB39; font-weight: bold; font-size: 28px; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; line-height: 150%; letter-spacing: 1px; padding: 5px 0 0 0; margin: 0; } #content h2 a { color: #F3EB39; text-decoration: none; } #content h2 a:hover, #content h2 a:focus { text-decoration: none; } #content h2 a span { } #content h2 a:hover span { } #content h3 { color: #F3EB39; font-weight: bold; font-size: 28px; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; line-height: 150%; letter-spacing: 1px; padding: 5px 0 0 0; margin: 0; } #content h4 { color: #444; font-weight: bold; font-size: 14px; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; line-height: 130%; padding: 5px 0 6px 0; margin: 0; } #content h5 { color: #262626; font-weight: bold; font-size: 12px; padding: 20px 0 0 0; margin: 0; } #content p { clear: both; color: #262626; font-size: 12px; padding: 2px 0 6px 0; margin: 0; } #content ul, #content ol { clear: both; color: #262626; font-size: 12px; padding: 2px 0 6px 25px; margin: 0; list-style-type: circle; } #content p.indent { padding: 0 0 8px 25px; } #content p a, #content td a, #content ol.comments a { text-decoration: none; color: #545AB2; } #content ul a, #content ol a { text-decoration: none; color: #545AB2; } #content p a:hover, #content p a:focus, #content td a:hover, #content td a:focus, #content ol.comments a:hover, #content ol.comments a:focus { color: #0C1492; } #content ul a:hover, #content ul a:focus, #content ol a:hover, #content ol a:focus { color: #0C1492; } #content img { border: 3px solid white; margin: 3px 5px; } #content img.noborder { border: 0; } #content ul, #content ol { padding: 0 0 4px 35px; margin: 0; } #artikel img { float: right; } #artikel #galerie img { float: left; } #content #artikel .lightbox img { float: none; margin: 2px 4px 2px 0; } #rechts p { margin: 0 padding: 4px 0; color: #111; font-size: 10px; } #rechts h4 { margin: 0 padding: 4px 0; color: #111; font-size: 12px; font-weight: bold; } #rechts p a { color: #111; text-decoration: none; } #unten p { width: 388px; border-top: 1px solid #96A9B3; margin: 0 padding: 4px 0; color: #96A9B3; font-size: 11px; font-weight: bold; } #unten p a { color: #96A9B3; text-decoration: none; } #unten p a:hover { color: #545AB2; text-decoration: underline; } /* ***** standards ******************************************************* */ small { font-size: 10px; } /* ***** formulare ******************************************************* */ form { display: inline; } /* fuer IE, um umbruch zu vermeiden */ input, textarea { padding: 1px 2px; color: #333; font-style: normal; font-family: "Lucida Grande","Lucida Sans Unicode",Lucida,Geneva,"Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 11px; } textarea { width: 270px; height: 120px; } /* ***** empfohlene relative schriftgroessen ( => einfach-fuer-alle.de ) 69%, 76%, 86%, 93%, 101% */ /* ***** 12-03-2006 martin niggemann, www.weltrettung.org **************** */