/* CSS Styles for Sokolnitzky, Author Tim Reeves, Stand 2008-03-07 */ /* 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: white; font-family: 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: transparent; } /* 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; background-color: white; } 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 */ } /* and don't forget to avoid the "white-space next to " bug in MSIE */ div.alles { /* Some browsers, esp. IE5, miss scrollbars on body */ position: absolute; /* so we need an extra div for them */ top: 0px; left: 0px; width: 100%; height: 100%; overflow: auto; /* THIS allows the scrollbars */ text-align: center; /* This is for a weakness in IE5 */ background-color: white; } div.main { position: relative; top: 20px; width: 970px; height: 580px; margin: 0px auto; text-align: left; overflow: hidden; background-color: white; } /* For browsers which are not so good, set the bottom-right corner in div.alles */ /* If this coincides with the bottom-right of div.main, then IE6/7 und FF get the scrollers right, you can just scroll to the bottom right corner. But it does not work right in Opera, which overlays the bottom 17px of div-main with the scroller. SO make things visually balanced top-bottom and all content visible in Opera by setting this 17px lower than div.main. */ div.bottomright { position: absolute; left: 969px; top: 616px; height: 1px; width: 1px; } div.bottomright img { height: 1px; width: 1px; } /* This DIV is the header right across the top of the page */ div.header { position: absolute; top: 0px; left: 0px; width: 100%; height: 80px; text-align: left; text-indent: 210px; overflow: hidden; background-image: url(../images/MyoControl-Logo.gif); background-repeat: no-repeat; background-color: #CCD9F3; } div.header div.schlagwort { position: absolute; top: 0px; right: 0px; width: auto; height: 80px; text-align: center; text-indent: 0px; overflow: hidden; background-image: none; background-color: transparent; } /* This DIV is the column containing all the menu items */ /* If you specify a width for this DIV then in IE hover only works */ /* on the text, not the block - so use a width on the link itself. */ div.nav { position: absolute; top: 94px; left: 8px; width: 184px; height: 486px; /* div.main - header */ text-align: left; overflow: hidden; background-color: transparent; } div.sprache { position: absolute; bottom: 0px; left: 0px; width: auto; height: auto; background-color: transparent; } div.sprache a, div.sprache a:link, div.sprache a:visited, div.sprache a:active, div.sprache a:focus { color: #0000FF; display: block; width: 20px; height: 13px; text-decoration: none; background-color: transparent; background-repeat: no-repeat; } /* Dunkle Variante */ div.sprache a:hover { color: #0000FF; display: block; width: 20px; height: 13px; text-decoration: none; background-color: transparent; background-repeat: no-repeat; } div.sprache a.en, div.sprache a.en:link, div.sprache a.en:visited, div.sprache a.en:active, div.sprache a.en:focus { background-image: url(../images/en_flag_hell.gif); } div.sprache a.en:hover { background-image: url(../images/en_flag.gif); } div.sprache a.de, div.sprache a.de:link, div.sprache a.de:visited, div.sprache a.de:active, div.sprache a.de:focus { background-image: url(../images/de_flag_hell.gif); } div.sprache a.de:hover { background-image: url(../images/de_flag.gif); } div.ctrDiv { height: 1px; width: 1px; } div.content { position: absolute; top: 100px; left: 210px; width: 760px; height: 480px; /* div.main - header */ overflow: auto; background-color: transparent; background-color: white; } /* A table (igitt) to make sure both columns force content's scroller */ div.content table { table-layout: fixed; width: 740px; } div.content table tr td.haupt { width: 490px; padding-right: 30px; } div.content table tr td.haupt p, div.content table tr td.haupt ul li { text-align: justify; } div.content table tr td.extra { width: 220px; text-align: center; vertical-align: middle; } div.content table table { table-layout: auto; width: auto; } div.content table table tr td { text-align: justify; padding-bottom: 6px; } div.content table table tr td.links { padding-right: 12px; } /* Classes for Text */ h1, h2, h3 { font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; font-weight: normal; color: #0000FF; text-decoration: none; letter-spacing: 1px; } h4, h5 { color: #0000FF; text-decoration: none; } p, ul, ol, li, td, th { font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; color: #333333; text-decoration: none; } div.content table tr td.extra p { color: #0000FF; } h1 { font-size: 22pt; margin: 18px 0px 6px 0px; } div.header h1 { margin: 20px 0px 0px 0px; } div.header div.schlagwort h1 { color: white; margin: 4px 10px 0px 0px; } h2 { font-size: 12pt; margin: 16px 0px 4px 0px; } h3 { font-size: 11pt; margin: 14px 0px 3px 0px; } h4 { font-size: 10pt; margin: 12px 0px 6px 0px; } h5 { font-size: 10pt; font-weight: bold; margin: 10px 0px 4px 0px; } p, td, th, ul, ol, li { font-size: 14px; } p { margin: 3px 0px 7px 0px; line-height: 124%; } ul, ol { margin: 8px 0px 0px 16px; padding: 0px; } ul li, ol li { margin: 0px 0px 7px 0px; padding: 0px 0px 0px 1px; } ul { list-style-image: url(../images/bullet.gif) } ul.sec { list-style-image: none; list-style-type: circle; margin: 6px 0px 0px 13px; padding: 0px 0px 0px 1px; } ul.sec li { margin-left: 0px; } td { vertical-align: top; } p.pretty:first-letter { font-weight: bold; } p.vielluft { margin: 16px 0px 6px 0px; } p.mehrluft { margin: 10px 0px 6px 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 { color: #0000FF; font-weight: normal; } hr.myrule { height: 1px; color: #0000FF; background-color: #0000FF; border-style: none; /* note that msie doesnt collapse margins around an hr */ margin: 16px 0px 16px 0px; padding: 0px; } /* Standard link style : Permanently blue links */ a, a:link, a:visited, a:active, a:focus { color: #0000FF; background-color: transparent; text-decoration: underline; } /* Except on Hover */ a:hover { color: #0000FF; background-color: #E1E7F2; text-decoration: underline; } /* Classes for Navigation */ /* The margins and paddings order: top right bottom left */ a.avble, a.avble:link, a.avble:visited, a.avble:active, a.avble:focus { font-size: 14px; background-color: transparent; text-decoration: none; display: block; margin: 6px 0px 3px 0px; padding: 1px 0px 1px 2px; } a.avble:hover { font-size: 14px; background-color: #E1E7F2; text-decoration: none; display: block; margin: 6px 0px 3px 0px; padding: 1px 0px 1px 2px; } a.offen, a.offen:link, a.offen:visited, a.offen:active, a.offen:focus { font-size: 14px; background-color: #E1E7F2; text-decoration: none; display: block; margin: 6px 0px 3px 0px; padding: 1px 0px 1px 2px; } a.offen:hover { font-size: 14px; background-color: #CCD9F3; text-decoration: none; display: block; margin: 6px 0px 3px 0px; padding: 1px 0px 1px 2px; } a.iscur, a.iscur:link, a.iscur:visited, a.iscur:active, a.iscur:focus { font-size: 14px; background-color: #CCD9F3; text-decoration: none; display: block; margin: 6px 0px 3px 0px; padding: 1px 0px 1px 2px; } a.iscur:hover { font-size: 14px; background-color: #E1E7F2; text-decoration: none; display: block; margin: 6px 0px 3px 0px; padding: 1px 0px 1px 2px; } a.avblesub, a.avblesub:link, a.avblesub:visited, a.avblesub:active, a.avblesub:focus, a.avblesub:hover, a.iscursub, a.iscursub:link, a.iscursub:visited, a.iscursub:active, a.iscursub:focus, a.iscursub:hover { padding-left: 14px; font-size: 12px; margin: 3px 0px; }