/* CSS Styles for Martina Doubek, Author Tim Reeves, Stand 2008-12-13 */ /* 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: #FFDEAD; 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; } 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 */ } div.main { position: relative; top: 20px; width: 920px; /* 960 => 920 */ height: 550px; /* 580 => 550 */ margin: 0px auto; text-align: left; overflow: hidden; background-color: transparent; } /* 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: 919px; top: 586px; height: 1px; width: 1px; } div.bottomright img { height: 1px; width: 1px; } /* 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: 0px; left: 0px; width: 170px; height: 100%; text-align: center; background-color: transparent; font-size: 12px; font-weight: bold; letter-spacing: 1px; } div.ctrDiv { height: 1px; width: 1px; } div.content { position: absolute; top: 0px; left: 170px; width: 750px; height: 550px; background-color: transparent; background-image: url(../images/hintergrund.gif); background-repeat: no-repeat; overflow: hidden; } div.contentScroll { position: absolute; top: 50px; left: 168px; width: 420px; height: 500px; text-align: center; padding-right: 12px; background-color: yellow; background-color: transparent; background-image: none; overflow: auto; } /* Classes for Text */ h1, h2, h3 { color: #1FA69F; text-decoration: none; letter-spacing: 1px; } h4, h5 { color: #00857E; text-decoration: none; } p, ul, ol, li, td, th { color: #00857E; text-decoration: none; } h1 { font-size: 15pt; margin: 16px 0px 6px 0px; } h2 { font-size: 13pt; margin: 14px 0px 4px 0px; } h3 { font-size: 12pt; margin: 10px 0px 3px 0px; } h4 { font-size: 11pt; margin: 10px 0px 3px 0px; } h5 { font-size: 10pt; font-weight: bold; margin: 10px 0px 2px 0px; } p, td, th, ul, ol, li { font-size: 13px; } .small { font-size: 12px; font-weight: normal; } p { margin: 4px 0px 6px 0px; line-height: 130%; } p.fliesstext { margin: 12px 0px 12px 0px; text-align: left; } ul, ol { margin: 4px 0px 0px 14px; padding: 0px; } ul { list-style-type: circle; } ol { margin-left: 20px; } ul li, ol li { margin: 0px 0px 6px 0px; padding: 0px 0px 0px 1px; } 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; } p.lessluft { margin: 4px 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; } hr.myrule { height: 1px; color: #FFD79A; background-color: #FFD79A; 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: #005A84; background-color: transparent; text-decoration: underline; } /* Except on Hover */ a:hover { color: #FFE5BE; background-color: #22B2AB; 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 { display: block; color: #009C94; /* background-color: #F9D097; */ background-color: transparent; text-align: center; text-decoration: none; margin: 9px 33px; padding: 1px 0px; } a.avble:hover { display: block; color: #00756F; background-color: #F9D097; text-align: center; text-decoration: none; margin: 9px 33px; padding: 1px 0px; } a.iscur, a.iscur:link, a.iscur:visited, a.iscur:active, a.iscur:focus { display: block; color: #FFE5BE; background-color: #22B2AB; text-align: center; text-decoration: none; margin: 9px 33px; padding: 1px 0px; } a.iscur:hover { display: block; color: #FAC77F; background-color: #22B2AB; text-align: center; text-decoration: none; margin: 9px 33px; padding: 1px 0px; }