/* CSS-Compatible Browsers Style Sheet HiContrast Author: Stefano Bonzi (stefano.bonzi@siag.it) Date: september 2004 */ /* Holly Hack (hidden from MAC) \ */ * html #hiLites, * html #contextNavigator1, * html #contextNavigator2, * html #wrapper, * html #contentArea, * html #themes, * html serviceNavigator { height: 1%; } /* End Holly Hack */ /* REDIFINED HTML TAGS */ body, table, dl, ul, ol, div, td { font-size: 110%;/* Resets basic.css settings */ } body { /*font-size: 150%;*/ background: #000; color: #fff; font-weight: bold; } h1, h2, h3 { background: #000; color: #f00; } a:link, a:visited { background: #000; color: #0ff;; } a:hover { background: #fff; color: #00f; text-decoration: none; } div, h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; } ul, ol, dl, li, dd, dt { margin: 0; padding: 0; list-style-type: none; } address { text-align: center; border-top: thin solid #ccc; padding: 1em 0 1em 0; } h1 span { display: block; font-size: 1.5em; } h2 { font-size: 1.3em; } .twoCols h2, .threeCols h2 { text-align: left; } h2 span { display: block; padding: 1em; } h2 img { display: none; } form { margin: 0.25em; } input { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.1em; } table { font-size: 1.1em; font-family: Verdana, Arial, Helvetica, sans-serif; } input.text { width: 12em; background: #fff; color: #000; border: 1px solid #ccc; padding: 0.25em; } input.radio { vertical-align: middle; } #contentArea label { display: block; font-size: 1.1em; margin: 0.5em 0 0.75em 0; } select { vertical-align: middle; margin-left: 0.5em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.1em; } fieldset { border: 1px solid #ccc; padding: 1em; margin: 0 1em 1em 1em; } fieldset input.text { margin-left: 0.5em; } fieldset fieldset { border: none; margin: 1em 0 0.5em 0; padding: 0; } fieldset fieldset input { margin-left: 2em; } fieldset fieldset legend { font-size: 1.1em; margin: 0; padding: 0; } fieldset fieldset label { margin: 0; } legend { font-weight: bold; font-size: 1.1em; padding: 0.25em; } /* MAIN CONTAINERS */ #wrapper { position: absolute; } #contextNavigator1 { float: left; width: 29%; font-size: 1.1em; background: #000; color: #fff; } #contentArea { margin: 0 18% 0 30%; } .twoCols #contentArea { margin: 0 0 0 30%; } #contextNavigator2 { float: right; width: 17%; font-size: 1.0em; background: #000; color: #fff; } #header { border-bottom: thin solid #ccc; } #footer { padding-bottom: 1em; background: #000; color: #fff; } /* NAVIGATORS */ #mainNavigator { font-size: 1.2em; border-bottom: thick solid #ccc; padding: 1em 0 1em 0; } #mainNavigator li { display: inline; padding: 1em 0.5em 0 0.5em; text-indent: 0;/* Resets basic.css */ } /* PAGE INDICATORS FOR MAINNAVIGATOR Based on the id */ #home #mNav1 { border-bottom: thick solid #f00; } #umwelt #mNav2 { border-bottom: thick solid #f00; } #radwege #mNav3 { border-bottom: thick solid #f00; } #soziales #mNav4 { border-bottom: thick solid #f00; } #verwaltung #mNav5 { border-bottom: thick solid #f00; } #aktuelles #mNav6 { border-bottom: thick solid #f00; } /* PAGE INDICATORS FOR SERVICENAVIGATOR Based on the id */ #kontakt #sNav1 { border-top: thick solid #f00; } #sitemap #sNav2 { border-top: thick solid #f00; } #suche #sNav3 { border-top: thick solid #f00; } #impressum #sNav4 { border-top: thick solid #f00; } #contextNavigator1 dt { margin: 0.5em 0.25em 0.5em 0.5em; } #contextNavigator1 dt.title { margin: 1em 0 0.25em 0; font-size: 1.2em; background: #000; color: #f00; } #contextNavigator1 dd { padding-bottom: 0.75em; border-bottom: 1px solid #ccc; margin: 0.5em; } #contextNavigator1 dd.lastItem { margin-bottom: 0.25em; border-bottom: none; } #contextNavigator1 ul { margin: 2em 0 0 0; } #contextNavigator1 ul ul { margin-top: 0; } #contextNavigator1 li { padding: 0.5em; border-bottom: 1px solid #ccc; } #contextNavigator1 ul ul li { padding: 0.25em 0 0.25em 0; border-bottom: none; } #contextNavigator1 li.firstItem { border-top: 1px solid #ccc; } #themes { padding-top: 0.5em; padding-bottom: 0.5em; } #theme1 { margin-bottom: 0.5em; border: thin solid #ff0; padding: 0.5em; } #theme1 h3 { font-size: 1.2em; } #theme1 p { padding: 1em 0 0 0; } #theme2 { margin-bottom: 0.5em; border: thin solid #ff0; padding: 0.5em; } #theme2 h3 { font-size: 1.2em; } #theme2 p { padding: 1em 0 0 0; } #contextNavigator2 dt { margin: 0.5em 0.25em 0.5em 0.5em; } #contextNavigator2 dt.title { margin: 1em 0 0.25em 0; font-size: 1.2em; background: #000; color: #f00; } #contextNavigator2 dd { padding-bottom: 0.75em; border-bottom: 1px solid #ccc; margin: 0.5em; } #contextNavigator2 dd.lastItem { margin-bottom: 0.25em; border-bottom: none; } #styleswitcher { display: block; margin: 0 0 1em 0; } #sizer a:link, #sizer a:visited { border: thin solid #0ff; background: #000; color: #0ff; text-decoration: none; padding: 0 0.15em 0 0.15em; } #sizer a:hover { background: #00f; color: #fff; } #styleswitcher dd { border: none; padding-bottom: 0.25em; } #mainNavigator li { display: inline; padding: 1em 0.5em 0 0.5em; text-indent: 0;/* Resets basic.css */ } #serviceNavigator { text-align: center; border-top: thick solid #ccc; padding: 1em 0 1em 0; } #serviceNavigator li { display: inline; padding: 1em 0.5em 0 0.5em; text-indent: 0;/* Resets basic.css */ } /* CONTENT ELEMENTS */ #hiLites { border: thin solid #ccc; padding: 0.25em; margin: 0.5em 0 1em 0; } #contentArea #hiLites h3 { border: none; margin: 0 0 0.5em 0; } #hiLites img { float: left; border: none; margin: 0 0.5em 0 0.25em; } #hiLites p { line-height: 1.5; margin: 0 0.5em 0 0.5em; } #contentArea h3 { font-size: 130%; border-bottom: thin dashed #ccc; margin: 1.5em 0 1em 0; clear: left; } #contentArea h4 { font-size: 120%; background: #000; color: #ff0; margin: 0.5em 0 0.5em 0; } #home #contentArea img { display: inline; float: left; margin: 0 1em 0 1em; } #contentArea dt { font-weight: bold; } #contentArea dd { font-size: 110%; margin: 1em; line-height: 1.25; } #contentArea p { font-size: 110%; line-height: 1.5; margin: 0.5em 1em 1em 1em; } .smallPictureSX { float: left; margin: 0.5em 1em 0.5em 0.5em; } .smallPictureDX { float: right; margin: 0.5em 0.5em 0.5em 1em; } .fullWidthPicture { text-align: center; margin: 1em 0 1em 0; } .threeCols .fullWidthPicture img { display: block; /*width: 350px;*/ height: auto; margin: 1em 0 0.5em 0; } .twoCols .fullWidthPicture img { display: block; /*width: 460px;*/ height: auto; margin: 1em 0 0.5em 0; } #contentArea li { list-style-position: inside; margin: 0.5em 0 0.5em 3em; font-size: 110%; } #contentArea ol li { list-style: decimal; } #copyright { text-align: center; margin: 1em; } #copyright img { display: inline; vertical-align: middle; margin: 0 0.5em 0 0.5em; } /* TERMINE */ #calendar { float: right; border: 1px solid #aaa; } #calendar caption { font-weight: bold; text-align: center; } #calendar caption a:link, #calendar caption a:visited { display: block; font-weight: bold; border-bottom: none; } #calendar caption a:hover { border-bottom: none; } #calendar .nav1 { float: left; } #calendar .nav2 { float: right; } #calendar td, #calendar th { border: 1px solid #ccc; padding: 0.175em; text-align: center; } #calendar th { background: #eee; color: #000; } #calendar .weekend { background: #F2E1E3; color: #000; } p.feedbackMsg { background: #fff; color: #c00; text-align: center; padding: 1em; font-size: 150% !important; border: 1px solid #000; } .tblResults { margin: 1em auto 1em auto; font-size: 110%; width: 94%; border-collapse: collapse; border: 1px solid #aaa; } .tblResults caption { font-size: 130%; text-align: left; font-weight: bold; margin: 1em 0 0 0; padding: 0.25em 0 0.25em 0; } .tblResults td, .tblResults th { text-align: left; padding: 0.25em; border-bottom: 1px solid #ccc; } .tblResults th { background: #C2CF99; color: #000; border-bottom: 1px solid #859845; } .tblResults tfoot { background: #eee; color: #000; } .tblResults td.pager { text-align: right; } .tblResults td.pager img { border: none; } /* HACKS AND UTILITIES */ .spacer { clear: both; } .spacerSX { clear: left; }