/* ----------------------------------------------------------------- Definition CONTENT für: HAUPTSTADTREGION SCHWEIZ (www.hauptstadtregion.ch) 21.10.09 B.Sturm (das.zeichen) MEDIA: screen, projection --------------------------------------------------------------------- */ @media screen, projection { #content { font-size: 100% } /* Textfluss und Hierarchien */ #content p { font-size: 0.85em; line-height: 140%; margin: 0 0 1em } #content h1, #content, #content h2, #content h3, #content h4, #content h5 { color: black; font-size: 1.3em; font-style: normal; font-weight: normal; line-height: 120%; margin: 0 0 0.6em } #content h2, #content h3, #content h4, #content h5 { font-size: 1.1em; font-style: normal; font-weight: normal; margin: 2em 0 0.2em } #content h3, #content h4, #content h5 { font-size: 0.95em; margin: 1em 0 0 } #content h4, #content h5 { font-size: 0.8em; font-weight: normal } /* Readmore */ #content a.readmore { background-image: url(../images/bullet_content.gif); background-repeat: no-repeat; background-position: left top } /* Bilder */ /* Normales Inhaltsbild */ #content .img-wide a.zoom, #content .img-small a.zoom { background-color:transparent; width:490px; position:relative; } #content .img-wide, #content .img-small { width:490px; overflow:hidden; margin:0em 0em 1em 0em; } #content .img-small { width:206px; float:left; margin:0em 1em 1em 0em; } #content .img-wide img, #content .img-small img { width:484px; padding:2px; border:1px solid #CCC; } #content .img-small img { width:200px; } #content .img-wide p, #content .img-small p { font-size:0.8em; color:#666; } #content .zoom .symbol-zoom { background-image: url(../images/image_zoom.gif); background-position: 0 0; background-repeat: no-repeat; position:absolute; bottom:1em; right:1em; width:24px; height:24px; display:block; } /* flash */ #content .flash-border { width:484px; overflow:hidden; height:265px; border: 1px solid #CCC; } #content .flash-border object { display:block; margin:2px; } /* Slideshow */ #content #slideshow { height:250px; width:484px; background-color: #000; position:relative; } #content #slideshow-border { height:250px; width:484px; border:1px solid #CCC; padding:2px; background-color:#FFF; } #content #slideshow img { width:484px; height:250px; position:absolute; left:0px; top:0px; } /* Tabellen */ #content table { margin:1em 0em 1em 0em; background-color: #f1f1f1; } #content table td, #content table th { padding:0.2em; line-height:120%; } #content table th { text-align: left; border-bottom:1px dotted #000; } #content table td { padding-bottom:0.5em; border-bottom:1px solid #ccc; } /* Aufzählungslisten */ #content ul { font-size: 0.8em; background-position: 0 0; list-style-image: url(../images/bullet_content.gif); margin: 1em 3em 1em 0; padding: 0 } #content ul li { margin: 0 0 1em 1em } /* Formulare */ form input.button { color: #fff; font-size: 0.94em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: gray; margin: 0; padding: 0.2em; border: none } form input[type="text"]:focus { color: #000; background-color: #d1d1d1 } form input.inputbox { color: #000; font-size: 0.75em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 130%; background-color: #d1d1d1; display: block; margin: 0 0 1.5em; padding: 0.3em 0.2em 0.2em; width: 270px; border-style: none none solid; border-width: medium medium 1px; border-color: black } form textarea { color: #000; font-size: 0.75em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 130%; background-color: #d1d1d1; display: block; margin: 0 0 0.5em; padding: 0.3em 0.2em 0.2em; width: 270px; border-style: none none solid; border-width: medium medium 1px; border-color: black } form textarea:focus { color: #000; background-color: #d1d1d1 } form label { display:block; margin:0em 0em 0.2em 0em; } #content form input.inputbox { width:400px; } #content form textarea { width:400px; height:200px; } /* Liste */ /* SITEMAP */ ul#sitemap ul { list-style-image:none; } ul#sitemap, ul#sitemap li, ul#sitemap ul { margin:0; padding:0; } ul#sitemap { margin:0px 0em 1em 1em; padding:0px 0em 0em 1em; } ul#sitemap ul { margin:0px 0px 1em 0.5em; } /* Testimonials */ #content div.testimonial-each { margin:0em 0em 1em 0em; } #content div.testimonial-image { float:left; width:80px; } #content div.testimonial-quote { float:left; width:400px; } #content div.testimonial-quote h2 { margin:0em 0em 0.2em 0em; } /* Smybole für Downloads */ #content span.download-pdf { background-image: url(../images/symbol_pdf.gif); background-position: 0 0; background-repeat: no-repeat; height:24px; display:block; margin:1em 0em 0em 0em; } #content span.download-pdf a { margin:1em 0px 0em 2em; } #content span.download-jpg { background-image: url(../images/symbol_jpg.gif); background-position: 0 0; background-repeat: no-repeat; height:24px; display:block; margin:1em 0em 0em 0em; } #content span.download-audio { background-image: url(../images/symbol_audio.gif); background-position: 0 0; background-repeat: no-repeat; height:24px; display:block; margin:1em 0em 0em 0em; } /* Als Liste */ #content ul.download-pdf { margin-left:0em; } #content ul.download-pdf li { list-style-type:none; list-style-image: none; background-position: 0px 2px; background-image: url(../images/symbol_pdf.gif); background-repeat: no-repeat; margin-left:0em; padding-left:2.5em; } #content ul.download-jpg { margin-left:0em; } #content ul.download-jpg li { list-style-type:none; list-style-image: none; background-position: 0px 2px; background-image: url(../images/symbol_jpg.gif); background-repeat: no-repeat; margin-left:0em; padding-left:2.5em; } #content ul.download-audio { margin-left:0em; } #content ul.download-audio li { list-style-type:none; list-style-image: none; background-position: 0px 2px; background-image: url(../images/symbol_audio.gif); background-repeat: no-repeat; margin-left:0em; padding-left:2.5em; } }