/** * based on code by Sebastian Faubel * modified by Christoph Cullmann */ /* common (X)HTML formats */ body { font-size: 100%; line-height: 1.2em; /* Note: it is inherited as is, not recalculated! */ background-color: white; color: black; font-family: sans-serif; padding: 0; margin: 0; } table, td, th { font-family: sans-serif; padding: 0; margin: 0; text-align: left; } input, select { font-size: 0.8em; line-height: 1em; } optgroup { font-style: normal; } a:link { color: #0000C0; text-decoration: none; } a:visited { color: #800080; text-decoration: none; } a:hover { text-decoration: underline; } /* navigation header, this is the combined area with logo and section links */ #nav_header_top { position: absolute; z-index: 5; top: 0px; left: 0px; right: 0px; width: 100%; height: 52px; text-align: right; background-color: #418ade; border-bottom: 1px solid #000000; } #nav_header_bottom { margin-top: 52px; padding: 6px 6px 6px 84px; background-color: #dfe7f3; border-bottom: 1px solid #000000; height: 1em; } #nav_header_logo { float: left; margin-top: 10px; margin-left: 10px; border: 0px; z-index: 10; } #nav_header_logo a img { width: 64px; height: 64px; } /* title text */ #nav_header_title { position: absolute; top: 12px; left: 86px; border: 0px; font-size: 32px; font-weight: bold; color: white; white-space: nowrap; line-height: 36px; } /* location combo */ #nav_header_location { position: absolute; top: 12px; right: 8px; border: 0px; color: #444; vertical-align: middle; white-space: nowrap; font-size: 14px; } /* location URL */ #nav_header_bottom_left { float:left; text-align: left; vertical-align: middle; font-size: 0.8em; line-height: 1.1em; } /* place for the links to contact, sitemap, ... s*/ #nav_header_bottom_right { text-align: right; vertical-align: middle; font-size: 0.8em; line-height: 1.1em; } #nav_header_bottom a:link, #nav_header_bottom a:visited { text-decoration: none; } #nav_header_bottom a:hover { text-decoration: underline; } .nav_list ul { margin: 0px; padding: 0em; } .nav_list ul li { list-style-type: none; position: relative; left: -2em; padding: 0px; } /* main color definitions */ .invisible { display: none; } .menuheader { height: 0; line-height: 0; margin: 0; padding: 0; font-size: 0; background-color: #3E91EB; } #leftmenu, #rightmenu { width: 20%; } #leftmenu h2, #rightmenu h2 { font-size: 1em; padding-left: 1em; vertical-align: middle; background-color: #418ade; border-top: 0.3em solid #418ade; border-bottom: 0.3em solid #418ade; color: white; margin-top: 0; } #leftmenu ul, #rightmenu ul { margin: 0; padding-left: 0.5em; padding-bottom: 1em; } #leftmenu li, #rightmenu li { font-size: 0.8em; margin-left: 2em; } #leftmenu ul ul, #rightmenu ul ul { margin: 0; padding-left: 0; } #leftmenu li li, #rightmenu li li{ font-size: 0.8em; margin-left: 1em; } /** * page footer */ /* background + border at top */ #footer { border-top: 1px solid #000000; background-image: url(/media/images/footer_bg.png); background-repeat: repeat-x; background: #418ADE; width: 100%; height: 100px; bottom:0px; } /* right footer, contains the wave image */ #footer_right { float: right; right: 0px; text-align: right; z-index: 5; } #footer_right img { display: none; } /* left footer, contains the text */ #footer_left { float: left; text-align: left; padding: 1em 1.5em 0em 1.5em; clear: both; z-index: 10; } #header { font-size: 0.8em; height: 1.2em; padding-left: 1em; vertical-align: middle; background-color: #418ade; color: white; margin: 0; padding: 0; border-top: 1px solid white; border-bottom: 1px solid #206dcd; } #headerpath { text-align: left; font-weight: bold; padding-left: 0.5em; } #headermenu { text-align: right; font-weight: bold; padding-right: 0.5em; } #rightmenu h3 { padding: 0.3em 1.3em; font-size: 1em; } /* classes */ /* static IDs, ordered top to bottom */ #location { padding-right: 1em; vertical-align: middle; text-align: right; } #location i { color: #036; font-style: normal; font-size: 0.8em; } #location form { margin: 0; } #location input, #location select { margin: 2px; } #content { background-color: white; padding: 0.5em 0.7em 1.5em 0.7em; background-color: white; text-align: justify; } #content td, #content th { font-family: sans-serif; padding: 0.25em; margin: 0; text-align: left; } #content h4, #content h3, #content h2, #content h1 { color: #418ade; text-align: left; line-height: 1em; /* without this lines stick in each other for headings */ } #quicklinks { background-color: #E6F0F9; font-size: 1em; padding: 1em; text-align: center; margin-top: 1em; margin-left: 0.5em; margin-bottom: 0.5em; margin-right: 0.5em; } #leftmenu, #rightmenu { background-color: white; color: #036; } .menu_box { border-top: 8px solid white; border-right: 8px solid white; border-left: 8px solid white; background-color: #dfe7f3; } #search { text-align: center; padding: 0.2em 0.2em 0.2em 0.2em; } #search label { display: none; } #search input, #search select { width: 95%; margin-bottom: 2px; } #hotspot { font-size: 0.8em; line-height: 1em; text-align: center; padding: 0 0 0.8em 0; } #rightmenu h3 { margin-bottom: 0; } .newsbox1 { background-color: #E6F0F9; margin-top: 1em; margin-bottom: 0.5em; } .newsbox2 { background-color: white; margin-top: 1em; margin-bottom: 0.5em } /* hidden stuff */ .doNotDisplay { display: none; } /* common style for tables used in the page */ .table_box { background-color: #dfe7f3; border: 0; padding: 0; margin: 0; border-spacing: 0; } .table_box th { background-color: #418ade; color: white; } td.indexkey { vertical-align: top; background: #dfe7f3; } #content td.memItemLeft { text-align: right; } .groupHeader { font-size: large; color: #418ADE; } hr { display: none; } #content h2 { margin-left: 0px; } table.mdTable { background-color: #f8f8f8; border: .2em solid #d7d7d7; } td.mdRow { padding: 8px 20px; } td.md { font-weight: bold; } td.mdname1 { font-weight: bold; color: #602020; } td.mdname { font-weight: bold; color: #602020; }