/* ***** ein schickes stylesheet fuer STADTARCHIV MUENSTER ********** ***** hier die styles fuer die normale ansicht ********** ***** fuer browser > netscape4 ********** */ /* ***** die farben: ***************************************************** weiss #FFF; schwarz #000; orange 100% #EE6903; */ /* ***** debug *********************************************************** div { border: 1px solid black; } body { background: url(../images/_vorlage.jpg) no-repeat; } */ .debug { border: 1px solid black; } /* ***** uebergreifendes ... ********************************************* */ * { margin: 0; padding: 0; } html { } body { padding: 0; margin: 0; text-align: center; background: #BEC0D5 url(../images/bg-body.gif) repeat-x fixed; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; line-height: 120%; color: #666; } #mantel { margin: 0 auto; padding: 0; width: 899px; text-align: center; } #mantelPad { margin: 0; padding: 0; background: white url(../images/bg-links-spalte.gif) repeat-y; border: 1px solid #B8C7CB; border-top: 0; } /* ***** global positioning **************** ( via MT3.1 => sixapart.com ) */ #oben { background: url(../images/bg-oben-verlauf.gif) repeat-x; } #links { float: left; width: 165px; overflow: hidden; } #mitte { float: left; width: 700px; overflow: hidden; } #unten { height: 1%; clear: both; } .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: left; } .start #obenPad { height: 325px; background: url(../images/start-oben-silhouette-.gif) 0px 42px no-repeat; } .standard #obenPad { height: 180px; background: url(../images/bg-links-spalte-verlauf.gif) 0px 0px no-repeat; } .standort #obenPad { height: 180px; background: url(../images/bg-links-spalte-verlauf.gif) 0px 0px no-repeat; } #linksPad { margin: 0; padding: 11px 0; text-align: left; } #mittePad { margin: 0 2px; padding: 15px 7px 11px 7px; text-align: left; } #untenPad { margin: 0; padding: 0; text-align: center; border-top: 1px solid #DEDEDE; background: white; } /* ***** navigationsliste horizontal ************************************* */ #navigationH { width: auto; margin: 10px 0 0 162px; padding: 5px 0 30px 12px; background: url(../images/bg-oben-navigationH.gif) repeat-x; } #navigationH ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: left; } #navigationH ul li { display: block; font-size: 10px; float: left; text-align: left; padding: 4px 0; margin: 0 3px 0 0; } #navigationH ul li a { padding: 5px 9px 5px 1px; font-size: 11px; color: #666; font-weight: bold; text-transform: uppercase; text-decoration: none; } #navigationH ul li a:hover, #navigationH ul li a:focus { color: white; background: #F18E3E url(../images/bg-oben-navigationH-hover.gif) repeat-x; } /* navi ausgewaehlt: */ #navigationH a.navAktiv { color: white; background: #F18E3E url(../images/bg-oben-navigationH-hover.gif) repeat-x; } a.navAktiv:hover { /* cursor: default; */ } /* ***** navigationsliste vertikal *********** ( => css.maxdesign.com.au ) */ #navigationV { position: fixed; width: 156px; margin: 0; padding: 0; font-size: 10px; } #navigationV h2 { font-size: 10px; font-weight: bold; color: #333; margin: 0; padding: 4px 0 3px 4px; } #navigationV ul { list-style-type: none; line-height: 120%; margin: 0; padding: 0; } #navigationV li { } #navigationV a { width: 99%; display: block; padding: 4px 7px 3px 4px; margin: 0; color: #555; text-decoration: none; } #navigationV ul ul { padding: 1px 7px 1px 17px; } #navigationV ul ul a { padding: 2px 7px 2px 4px; } #navigationV a:hover, #navigationV a:focus { color: #EE6903; } /* navi ausgewaehlt: */ #navigationV a.navAktiv { color: #EE6903; /* font-weight: bold; */ } a.navAktiv:hover { color: #EE6903; /* cursor: default; */ } /* ***** diverses ******************************************************** */ #oben #logos { float: right; width: auto; margin: 0; padding: 3px; } #oben #logos img { margin-left: 10px; } #oben #slogan { clear: both; width: auto; margin: 0 0 0 173px; } .start #oben #slogan { padding: 175px 0 0 0; } .standard #oben #slogan { padding: 30px 0 0 0; } .standort #oben #slogan { padding: 30px 0 0 0; } #content { } #content h2 { font-size: 16px; color: #666; line-height: 140%; padding: 4px 0; margin: 0; font-weight: normal; } #content h3 { font-size: 11px; color: #666; line-height: 140%; padding: 4px 0; margin: 0; font-weight: normal; text-transform: uppercase; letter-spacing: 0px; } #content p { font-size: 11px; color: #666; line-height: 155%; padding: 6px 0; margin: 0; } #mittePad #content p.vignette { padding: 17px 0 29px 0; text-align: center; color: #999; clear: both; } .start #content p { line-height: 150%; padding: 5px 0; } #content p.shortcut { margin: 5px 0; } #content a { color: #EE6903; text-decoration: underline; } #content a:active { color: white; background-color: #F1903F; } #content a:hover, #content a:focus { text-decoration: none; } #content .shortcut a { font-weight: bold; text-decoration: none; text-transform: uppercase; color: white; background: #F18E3E; padding: 1px 2px 2px 2px; } #content .oton a { text-decoration: none; background: #FEF7F2 url(../images/icon-speaker.gif) no-repeat 3px 3px; padding: 1px 3px 1px 15px; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; } #content .oton a:hover, #content .oton a:focus { text-decoration: none; background: #FDF3EB url(../images/icon-speakerHover.gif) no-repeat 3px 3px; border-bottom: 1px solid #F5AA71; border-right: 1px solid #F5AA71; } #content img { padding: 1px; border: 1px solid #EE6903; } #content a img:hover { padding: 0px; border: 2px solid #EE6903; } /* FF + safari only */ #content img.noborder { border: 1px solid white; } #content img.headline { float: none; border: 0; margin: 0; } #content ul, #content ol { font-size: 11px; color: #666; line-height: 145%; padding: 4px 0 4px 20px; margin: 0; list-style-type: square; } .brotkrumen { padding: 0 0 15px 0; margin: 0; color: #999; font-size: 10px; } .brotkrumen2 { padding: 15px 0 0 0; margin: 0; color: #999; font-size: 10px; } #content .brotkrumen a, #content .brotkrumen2 a { color: #999; } #content .brotkrumen a:hover, #content .brotkrumen2 a:hover { color: #EE6903; text-decoration: none; } .artikel { padding: 0 0 12px 0; } .artikelLinks { float: left; width: 416px; } .artikelRechts { float: right; width: 250px; } .artikel img, .artikel img.fRechts { float: right; margin: 4px 0 9px 17px; } .artikel img.fLinks { float: left; margin: 4px 17px 9px 0; } .start .artikel img { float: right; margin: 4px 0 45px 17px; } #content .logos2 { float: left; padding: 15px 24px 0 0; } #content .logos2 img { padding: 4px 4px 0 0; border: 0; } #content .logos2 a img:hover { padding: 4px 4px 0 0; border: 0; } /* FF + safari only */ #content .logos2 p { font-size: 10px; } #unten p { margin: 0; padding: 4px 0; color: #666; font-size: 10px; border: 1px solid #F0F0F0; background: #F6F6F6; } #unten p a { color: #888; text-decoration: none; } #unten p a:hover, #unten p a:focus { color: #EE6903; text-decoration: none; } /* ***** standards ******************************************************* */ small { font-size: 10px; } sup,sub { font-size: 11px; } /* ***** formulare ******************************************************* */ form { display: inline; } /* fuer IE, um umbruch zu vermeiden */ input, textarea { padding: 1px 2px; color: #333; font-style: normal; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; } textarea { width: 270px; height: 120px; } /* ***** standorte ******************************************************* */ .stadtplan #mantel { position: relative; } .ort a { color: #333; font-size: 10px; text-decoration: none; padding: 0 1px 1px 1px; background: url(../images/bg-stadtplan-orte.png) 0 100% repeat-x; /* nicht fuer IE6 */ } .ort a:hover { color: #333; font-size: 10px; text-decoration: underline; background: #FFFCF2; } /* die einzelnen orte */ .aki { position: absolute; top: 454px; left: 395px; z-index: 1; } .mazzotti { position: absolute; top: 424px; left: 383px; z-index: 2; } .vertrieben { position: absolute; top: 439px; left: 395px; z-index: 3; } .dezernat { position: absolute; top: 465px; left: 209px; z-index: 4; } .bruecke { position: absolute; top: 434px; left: 300px; z-index: 5; } .beirat { position: absolute; top: 453px; left: 289px; z-index: 6; } .ggua { position: absolute; top: 472px; left: 387px; z-index: 7; } .lwl { position: absolute; top: 387px; left: 310px; z-index: 8; } .portugiesisch { position: absolute; top: 508px; left: 220px; z-index: 9; } .spanisch { position: absolute; top: 567px; left: 400px; z-index: 10; } .stadtarchiv { position: absolute; top: 355px; left: 390px; z-index: 11; font-style: italic; } .scholl { position: absolute; top: 357px; left: 186px; z-index: 12; font-style: italic; } /* ***** mediabox ********* ( => http://iaian7.com/webcode/mediaboxAdvanced ) */ #mbOverlay { position: absolute; z-index: 9998; left: 0; width: 100%; /* background-color: #333; */ cursor: pointer; } #mbOverlay.mbOverlayFF { /* background: transparent url(../images/80.png) repeat; */ } #mbOverlay.mbOverlayIE { /* background: transparent url(../images/50.gif) repeat; */ } #mbCenter, #mbBottomContainer { position: absolute; z-index: 9999; /* left: 68%; */ right: 0; overflow: hidden; background-color: #E5E6EE; } .mbLoading { background: #B5E9EF url(../images/mediabox-laden.gif) no-repeat center; } #mbImage { border: 5px solid #B5E9EF; position: absolute; left: 0; top: 0; background-repeat: no-repeat; font-family: Verdana,Arial,Helvetica,sans-serif; line-height: 13px; font-size: 11px; color: #333; text-align: left; } /* sets the style for inline content, if no style is given */ #mbImage a, #mbImage a:link, #mbImage a:visited { color: #DDD; } /* sets the style for inline content, if no style is given */ #mbImage a:hover, #mbImage a:active { color: #DDD; } /* sets the style for inline content, if no style is given */ #mbBottom { border: 5px solid #E5E6EE; padding: 0 0 7px 0; border-top-style: none; border-bottom: 1px solid #B8C7CB; background: #E5E6EE; font-family: Verdana,Arial,Helvetica,sans-serif; line-height: 14px; font-size: 11px; color: #666; text-align: left; } #mbTitle { display: inline; color: #666; line-height: 14px; font-size: 10px; font-weight: bold; } #mbNumber { display: inline; color: #666; line-height: 14px; font-size: 10px; } #mbCaption { display: block; color: #333; line-height: 14px; font-size: 10px; } #mbPrevLink, #mbNextLink, #mbCloseLink { display: block; float: right; height: 20px; width: 83px; background: transparent url(../images/mediabox-close.gif) no-repeat center; margin: 0; outline: none; } #mbPrevLink { display: none; width: 22px; background: transparent url(../images/mediabox-previous.gif) no-repeat center; } #mbNextLink { display: none; width: 22px; background: transparent url(../images/mediabox-next.gif) no-repeat center; } #mbCloseLink { width: 90px; background: transparent url(../images/mediabox-close.gif) no-repeat center; } #mbError { position: relative; top: 30%; font-family: Verdana,Arial,Helvetica,sans-serif; line-height: 14px; font-size: 11px; color: #333; text-align: center; border: 10px solid #700; padding: 20px 10px 30px; margin: auto; } /* vorschauseite */ .mediabox { background: white none; } .mediabox #mitte { width: auto; } .mediabox #mittePad { margin: 0; padding: 5px 15px; text-align: left; } .mediabox #content p { font-size: 11px; color: #666; line-height: 140%; padding: 3px 0; margin: 0; } .mediabox #content img { padding: 1px; border: 1px solid #EE6903; } .mediabox #content img.headline { float: none; border: 0; margin: 0; } .mediabox .artikel img { float: none; margin: 0; } /* ***** empfohlene relative schriftgroessen ( => einfach-fuer-alle.de ) 69%, 76%, 86%, 93%, 101% */ /* ***** 11-12-2008 martin niggemann, www.weltrettung.org **************** */