/* ***** ein schickes stylesheet fuer johanna **************** */ /* ***** debug *********************************************************** div { border: 1px solid black; } body { background: url(../images/_vorlage.jpg) no-repeat; } */ .debug { border: 1px solid black; } /* ***** uebergreifendes ... ********************************************* */ html { /* border-top: 2px solid #C6E2EE; */ border-left: 1px solid white; } body { padding: 0; margin: 10px 0; background: white url(himmel2.gif) repeat-x fixed; font-family: "Lucida Grande","Lucida Sans Unicode",Lucida,Geneva,"Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 11px; text-align: center; } #mantel { margin: 0 auto; padding: 0; width: 98%; text-align: left; } #mantelPad { margin: 2px; padding: 2px; } /* ***** global positioning **************** ( via MT3.1 => sixapart.com ) */ #oben { max-width: 1280px; } #links { position: fixed; top: 125px; left: 44px; width: 170px; /* z-index: 10; */ overflow: hidden; } #mitte { margin: 0 0 0 220px; width: auto; max-width: 1280px; overflow: hidden; } #unten { position: fixed; bottom: 0; left: 0; width: 100%; margin: 0 0 0 219px; background: white; } .clear { clear: both; padding: 1px; /* padd.: hack, um das bg des wrappers darzustellen, thx eric => meyerweb.com */ } /* ***** global padding ************************************************** */ #obenPad { margin: 0; padding: 0; text-align: center; } #linksPad { margin: 2px; padding: 2px; text-align: left; } #mittePad { margin: 0; padding: 2px 2px 30px 2px; text-align: left; } #untenPad { margin: 0; padding: 1px; text-align: left; } /* ***** navigationsliste vertikal *********** ( => css.maxdesign.com.au ) */ .navigation { width: 100px; margin: 0 0 10px 0; padding: 10px 0 0 0; } .navigation ul { list-style-type: none; font-weight: bold; font-size: 12px; line-height: 160%; letter-spacing: 1px; margin: 0; padding: 0; } .navigation a { width: 99%; display: block; padding: 2px 10px 2px 30px; margin: 1px 0 0 0; color: #5F86A7; border-bottom: 1px dashed #EAEFF4; border-left: 1px solid white; text-decoration: none; } .navigation ul ul a { } .navigation a:hover, .navigation a:focus { background: #F7F7F7; color: #EFA71D; border-bottom: 1px solid #EAEFF4; border-left: 1px solid #EAEFF4; } /* navi ausgewaehlt: */ /* alt: */ .navigation a.navAktiv { background: #F7F7F7; color: #EFA71D; border-bottom: 1px dashed #EAEFF4; border-left: 1px dashed #EAEFF4; font-weight: bold; } a.navAktiv:hover { cursor: default; border-bottom: 1px solid #EAEFF4; border-left: 1px solid #EAEFF4; } /* deutsch: */ .bodyCat283-2020 #navCat283-2020 a, .bodyCat284-2019 #navCat284-2019 a, .bodyCat285-2018 #navCat285-2018 a, .bodyCat286-2017 #navCat286-2017 a, .bodyCat287-2016 #navCat287-2016 a, .bodyCat288-2015 #navCat288-2015 a, .bodyCat289-2014 #navCat289-2014 a, .bodyCat290-2013 #navCat290-2013 a, .bodyCat291-2012 #navCat291-2012 a, .bodyCat292-2011 #navCat292-2011 a, .bodyCat293-2010 #navCat293-2010 a, .bodyCat294-2009 #navCat294-2009 a, .bodyCat295-2008 #navCat295-2008 a, .bodyCat296-2007 #navCat296-2007 a, .bodyCat297-2006 #navCat297-2006 a, .bodyCat298-2005 #navCat298-2005 a, .bodyCat299-2004 #navCat299-2004 a, /* englisch: */ .bodyCat783-2020 #navCat783-2020 a, .bodyCat784-2019 #navCat784-2019 a, .bodyCat785-2018 #navCat785-2018 a, .bodyCat786-2017 #navCat786-2017 a, .bodyCat787-2016 #navCat787-2016 a, .bodyCat788-2015 #navCat788-2015 a, .bodyCat789-2014 #navCat789-2014 a, .bodyCat790-2013 #navCat790-2013 a, .bodyCat791-2012 #navCat791-2012 a, .bodyCat792-2011 #navCat792-2011 a, .bodyCat793-2010 #navCat793-2010 a, .bodyCat794-2009 #navCat794-2009 a, .bodyCat795-2008 #navCat795-2008 a, .bodyCat796-2007 #navCat796-2007 a, .bodyCat797-2006 #navCat797-2006 a, .bodyCat798-2005 #navCat798-2005 a, .bodyCat799-2004 #navCat799-2004 a, .navigation .navAktiv a { background: #F7F7F7; color: #EFA71D; border-bottom: 1px dashed #EAEFF4; border-left: 1px dashed #EAEFF4; font-weight: bold; } .navAktiv a:hover { cursor: default; border-bottom: 1px solid #EAEFF4; border-left: 1px solid #EAEFF4; } /* ***** startseite ****************************************************** */ #start #mantel { margin: 0 auto; padding: 0; width: 90%; text-align: center; } #start #mitte { float: none; } #start #mittePad { text-align: center; } #start #content { padding: 0; } #start #content img { padding: 1px; border: 3px solid #C6E2EE; margin: 0; } #start #content img:hover { border: 3px solid #EFA71D; } #start #obenPad { margin: 0; padding: 0; } #start #mitte { margin: 0; padding: 0; } #start #oben h1 a { cursor: default; } #start #oben h1 a:hover, #start #oben h1 a:focus { color: #5F86A7; text-decoration: none; } #start .artikel { padding: 0; } #start #content a { border: 0; } #start #content a:hover { border: 0; background: white; } #content #sprachwahl { color: #CCC; padding: 20px 0 10px 0; font-size: 13px; /* font-family: StRydeRegular,Georgia,"Times New Roman",Times,serif; text-shadow: 1px 1px 2px #A2B8CB; */ } #content #sprachwahl a { text-decoration: none; color: #5F86A7; border-bottom: 1px solid white; } #content #sprachwahl a:hover, #content #sprachwahl a:focus { background: #F7F7F7; color: #EFA71D; border-bottom: 1px solid #EAEFF4; } /* ***** diverses ******************************************************** */ #oben h1 { color: #5F86A7; font-weight: normal; font-size: 30px; font-family: StRydeRegular,Georgia,"Times New Roman",Times,serif; text-shadow: 1px 1px 2px #A2B8CB; line-height: 150%; letter-spacing: 1px; padding: 35px 0 0 0; margin: 0; } #oben h1 a { color: #5F86A7; text-decoration: none; border-bottom: 1px solid #EAEFF4; padding: 0 8px 3px 8px; } #oben h1 a:hover, #oben h1 a:focus { color: #5F86A7; text-decoration: none; } #oben h2 { color: #999; font-weight: normal; font-size: 18px; font-family: StRydeRegular,Georgia,"Times New Roman",Times,serif; text-shadow: 1px 1px 2px #DDDDDD; line-height: 150%; letter-spacing: 1px; padding: 40px 0 0 0; margin: 0; } #content { padding: 20px 0 0 0; } #content h2 { color: #444; font-weight: bold; font-size: 24px; font-family: StRydeRegular,Georgia,"Times New Roman",Times,serif; line-height: 150%; letter-spacing: 1px; padding: 5px 0 0 0; margin: 0; } #content h2 a { color: #444; 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: #444; font-weight: normal; font-size: 18px; font-family: StRydeRegular,Georgia,"Times New Roman",Times,serif; text-shadow: 1px 1px 2px #CCCCCC; line-height: 150%; letter-spacing: 0px; padding: 5px 0 0 0; margin: 0; } #content h4 { color: #555; font-weight: normal; font-size: 18px; font-family: StRydeRegular,Georgia,"Times New Roman",Times,serif; text-shadow: 1px 1px 2px #FCEFD6; line-height: 150%; padding: 10px 10px 8px 10px; margin: 0; } #content h4 a { text-decoration: none; color: #EFA71D; border-bottom: 1px solid #FCEFD6; padding: 0 2px 0 1px; } #content h4 a:hover, #content h4 a:focus { background: #F7F7F7; border-bottom: 1px solid #EAEFF4; } #content p { color: #555; font-size: 11px; line-height: 150%; padding: 3px 10px; margin: 0; } #content p.indent { padding: 0 0 8px 25px; } #content a { text-decoration: none; color: #EFA71D; border-bottom: 1px solid transparent; } #content p a:hover, #content p a:focus { background: #F7F7F7; border-bottom: 1px solid #EAEFF4; } #content img { padding: 1px; border: 3px solid #C6E2EE; margin: 10px 20px 10px 0; } #content img:hover { border: 3px solid #EFA71D; } #content img.noborder { border: 1px solid white; } #content ul, #content ol { padding: 0 0 4px 35px; margin: 0; } /* #artikel img { float: right; } */ #artikel #galerie img { float: left; } .artikel { padding: 20px 0 0 0; } .artikelBilderGalerie { padding: 12px 0; } .smd_slimbox { padding: 0 10px; } .artikelBild { float: left; width: 190px; } #content .artikelBild img { margin: 10px 20px 10px 10px; } .artikelText { float: left; width: 70%; } #unten p { color: #CCC; width: 350px; border-top: 1px solid #EAEFF4; font-weight: normal; font-size: 11px; font-family: "Lucida Grande","Lucida Sans Unicode",Lucida,Geneva,"Trebuchet MS",Arial,Helvetica,sans-serif; line-height: 150%; letter-spacing: 0px; padding: 3px 0 2px 0; margin: 0 0 0 10px; } #unten p a { color: #5F86A7; text-decoration: none; padding: 0 3px 3px 3px; } #unten p a:hover, #unten p a:focus { color: #EFA71D; } /* ***** standards ******************************************************* */ small { font-size: 10px; } .caps { font-size: 10px; letter-spacing: 1px; } blockquote { text-decoration: none; font-weight: normal; font-style: normal; padding: 5px 0 5px 50px; margin: 0; } a { outline: 0; } /* ***** 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% */ /* ***** 29-03-2011 martin niggemann, www.weltrettung.org **************** */