/* CSS Styles for Zapchen (Oben-Links Unten-Rechts), Tim Reeves, 2009-06-21 */ /* For the xml parser the canvas is , not */ html { width: 100%; height: 100%; /* Gecko and Opera both need this, in html AND body */ margin: 0px; padding: 0px; overflow: hidden; background-color: #FAE9E9; font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; } body { height: 100%; width: 100%; /* MSIE has a stupidly large default value */ margin: 0px; padding: 0px; overflow: hidden; background-color: #FAE9E9; } /* To make things "pixelgenau" */ img, table, table td, form, div, div div, div div div, div div div div, pre { margin: 0px; padding: 0px; border-style: none; border-width: 0px; text-align: left; overflow: hidden; } table { /* Let width default - works better in IE6 when a scrollbar comes */ border-collapse: collapse; /* Gets rid of IE Borders */ border-spacing: 0px; /* Gets rid of Firefox Borders */ } div.alles { /* Some browsers, esp. IE5, miss scrollbars on body */ width: 100%; height: 100%; overflow: auto; /* THIS allows the scrollbars */ background-color: transparent; } table.alles { width: 100%; /* set via JS to clientWidth */ height: 100%; /* set via JS to clientHeight */ background-color: transparent; } div#topbar { /* position static within table "alles" top row */ width: 100%; height: 57px; overflow: hidden; border-bottom: 2px solid #A33333; background-image: url(../images/background_rote-ringlblumen.jpg); } table.content { /* position static within table "alles" top row */ table-layout: fixed; margin-top: 20px; height: 500px; width: 737px; /* background-color: #CCCCCC; test */ } table.content td { vertical-align: middle; } table.content td.nav { width: 200px; font-weight: bold; background-position: 20px bottom; background-repeat: no-repeat; } table.content td.cont { width: 537px; text-align: center; /* center pictures */ } table.alles td.bottomleft { padding: 0px 0px 0px 0px; text-align: left; white-space: nowrap; width: 45%; height: 54px; vertical-align: bottom; background-image: url(../images/zapchen-dzogchen-tsokpa.jpg); background-position: 20px 0px; background-repeat: no-repeat; } table.alles td.bottomright { padding: 0px 28px 0px 0px; text-align: right; width: 55%; height: 54px; vertical-align: bottom; background-color: transparent; } table#botbar { background-color: transparent; } table#botbar td.menu { width: auto; /* 300 - 52 - 9 */ padding-right: 9px; white-space: nowrap; vertical-align: bottom; background-color: transparent; } table#botbar td.logo { width: 52px; } table#botbar td.logo img { display: block; } table#botbar td.menu p { margin: 0px 0px 5px 0px; line-height: 100%; } /* This div is vertically middled in table.content td.nav and contains the menu items */ div.nav { width: 180px; height: auto; text-align: left; margin-left: 20px; background-color: transparent; } div.ctrDiv { /* tacked on to the bottom of nav items */ height: 1px; width: 1px; } /* This div fills out table.content td.cont and is used for text content */ div.cont { width: 525px; /* so centering in table cell has no effect */ height: 500px; /* so middling in table cell has no effect */ overflow: auto; /* allows scrollbars on text content */ padding-right: 12px; background-color: transparent; } /* Classes for Text */ h1, h2, h3, h4, h5 { color: #A33333; text-decoration: none; } p, ul, ol, li, td, th { color: #A33333; font-size: 10pt; text-decoration: none; } h1 { font-size: 14pt; margin: 12px 0px 6px 0px; } h2 { font-size: 12pt; margin: 10px 0px 4px 0px; } h3 { font-size: 11pt; margin: 8px 0px 3px 0px; } h4 { font-size: 10pt; margin: 8px 0px 3px 0px; } h5 { font-size: 10pt; font-weight: bold; margin: 6px 0px 2px 0px; } p { margin: 6px 0px 9px 0px; line-height: 130%; text-align: justify; } ul, ol { margin: 3px 0px 0px 14px; padding: 0px; } ul { list-style-type: disc; } ul.sec { list-style-type: circle; } ul.sec li { margin-left: 0px; } ol { margin-left: 20px; } ul li, ol li { margin: 0px 0px 7px 0px; padding: 0px 0px 0px 1px; line-height: 130%; text-align: justify; } td { vertical-align: top; } hr { height: 1px; color: #A33333; background-color: #A33333; border-style: none; /* note that msie doesnt collapse margins around an hr */ margin: 20px 0px 10px 0px; padding: 0px; } .vielluft { margin: 16px 0px 9px 0px; } .mehrluft { margin: 10px 0px 9px 0px; } .ohneluft { margin: 0px 0px 0px 0px; } .vorliste { margin-bottom: 3px; } .letzte { margin-bottom: 0px; padding-bottom: 15px; } .topless { margin-top: 0px !important; } .bottomless { margin-bottom: 0px !important; } strong, .strong { font-size: 9pt; font-weight: bold; letter-spacing: 1px; } p.nachoben { font-size: 11px; margin-top: 16px; } .small { font-size: 11px; } /* Standard link style : Red links go blue on hover */ a, a:link, a:visited, a:active, a:focus { color: #FF0000; background-color: transparent; text-decoration: underline; } /* Except on Hover */ a:hover { color: #0000FF; background-color: transparent; text-decoration: underline; } /* Classes for Navigation */ /* The main navigation, items appear underneath each other */ a.menu, a.menu:link, a.menu:visited, a.menu:focus, a.menu:hover, a.menu:active { display: block; height: auto; width: 200px; /* Column is 276 wide, but hold back on sensitive area */ font-size: 10pt; font-weight: bold; text-decoration: none; letter-spacing: 0px; margin: 5px 0px 5px 1.6em; text-indent: -1em; margin: 5px 0px 5px 0px; text-indent: 0px; padding: 1px 0px; background-color: transparent; /* background-color: #CCC5BE; test */ } /* The main navigation, deltas for submenu items */ a.sub, a.sub:link, a.sub:visited, a.sub:focus, a.sub:hover, a.sub:active { } /* The navigation link colours */ a.avble, a.avble:link, a.avble:visited, a.avble:focus, a.avble:active { color: #666666; } a.avble:hover { color: #A33333; } a.iscur, a.iscur:link, a.iscur:visited, a.iscur:focus, a.iscur:active { color: #A33333; } a.iscur:hover { color: #A33333; } /* The extra navigation, items appear next to each other */ p.xtra { color: #666666; font-size: 11px; font-weight: bold; } a.xtra, a.xtra:link, a.xtra:visited, a.xtra:focus, a.xtra:hover, a.xtra:active { text-decoration: none; letter-spacing: 0px; background-color: transparent; } /* Tabellarische Daten ohne Umrandung, z.B. Impressum, Kontaktdaten */ table.daten { margin-top: 6px; } table.daten, table.daten td { vertical-align: top; padding-bottom: 6px; } /* Einfach umrandete Tabelle */ table.delineated { margin: 12px 0px 0px 1px; /* FF loses left border w/o at least 1px left margin */ border: 1px solid #BFC0E9; background-color: #FEF0F0; } table.delineated td, table.delineated th { padding: 3px; vertical-align: middle; border: 1px solid #BFC0E9; } table.delineated th { /* Font remains Verdana */ border-bottom: 1px solid #888888; } table.delineated td { /* For Text content - cram more in */ font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; } a.aktuell { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #A33333; text-decoration: underline; font-weight: bold; } a.aktuell:hover { color:#C82828; }