/* CSS Styles for Marcus Vetter, Author Tim Reeves, Stand 2007-09-28 */ /* 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: transparent; 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: #B5AEA9; /* RGB 181, 174, 169 */ } /* To make things "pixelgenau" */ img, table, table th, 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#flow2 { /* top bar - position static within table "alles" top row */ width: 100%; height: 70px; overflow: hidden; background-color: white; /* or grey - #65605C = RGB 101, 96, 92 */ } div#flow2 img { display: block; margin-top: 24px; margin-left: 21px; } div#flow1 { /* only generated in html if required for fading */ display: block; /* afterwards set to display none - don't obscure anything */ position: absolute; top: 70px; left: 0px; width: 100%; height: 100%; /* doesn't cause scrollbars since not in static flow */ z-index: 99; /* Appropriate background-color is added by php in a script block*/ } table.content { /* position static within table "alles" top row */ table-layout: fixed; margin-top: 60px; height: 500px; max-height: 500px; width: 986px; /* background-color: #CCCCCC; test */ } table.content td { height: 500px; max-height: 500px; vertical-align: middle; } table.content td table { table-layout: auto; margin-top: 0px; height: auto; max-height: auto; width: auto; } table.content td table td { height: auto; max-height: auto; vertical-align: top; } table.content td.nav { width: 276px; font-weight: bold; /* background-color: #AAAAAA; test */ } /* ALL pages now use td.nav + td.cont + td.ico */ table.content td.cont { /* for main content */ width: 500px; max-width: 500px; /* background-color: #BBBBBB; test */ } table.content td.cont h6 { /* for main content with picture */ margin: 0px; padding: 0px; text-align: center; /* center pictures */ text-align: left; /* nope, now left-align pictures */ } table.content td.cont h6 img { display: block; /* takes away inline height (which adds a pixel or two) */ text-align: center; /* center pictures */ text-align: left; /* nope, now left-align pictures */ } table.content td.gap { width: 50px; /* background-color: #888888; test */ } table.content td.ico { width: 160px; /* padding-left: 50px; Safari-Bug */ } table.content td.cont img.marcus { position: absolute; top: 549px; /* 70 + 60 + 500 - 81 */ left: 180px; } table.content td.ico div.pfeile { /* position: absolute; */ /* top: 642px; /* 70 + 60 + 500 + 12 */ /* left: 276px; /* width of td.nav */ /* z-index: 2; */ white-space: nowrap; padding-top: 4px; line-height: 11px; height: 11px; } div.pfeile a.li, div.pfeile a.li:link, div.pfeile a.li:visited, div.pfeile a.li:focus, div.pfeile a.li:active, span.pfeillinks { background-image: url(../images/pfeil-links-avl.gif); background-repeat: no-repeat; background-position: bottom; vertical-align: top; } div.pfeile a.li:hover { background-image: url(../images/pfeil-links-hvr.gif); background-repeat: no-repeat; background-position: bottom; vertical-align: top; } div.pfeile a.re, div.pfeile a.re:link, div.pfeile a.re:visited, div.pfeile a.re:focus, div.pfeile a.re:active, span.pfeilrechts { background-image: url(../images/pfeil-rechts-avl.gif); background-repeat: no-repeat; background-position: bottom; vertical-align: top; } div.pfeile a.re:hover { background-image: url(../images/pfeil-rechts-hvr.gif); background-repeat: no-repeat; background-position: bottom; vertical-align: top; } /* The structures at the bottom of the browser window */ table.alles td.bottomleft { padding: 0px 0px 0px 20px; text-align: left; white-space: nowrap; width: auto; height: 54px; vertical-align: bottom; background-color: transparent; } table.alles td.bottomright { padding: 0px 28px 0px 0px; text-align: right; width: auto; height: 54px; vertical-align: bottom; background-color: transparent; } table#botbar { background-color: transparent; } table#botbar td.menu { width: auto; /* 300 - 64 - 9 */ padding-right: 3px; white-space: nowrap; vertical-align: bottom; background-color: transparent; } table#botbar td.logo { width: 64px; } table#botbar td.logo img { display: block; } table.alles td.bottomleft p, table#botbar td.menu p { margin: 0px 0px 5px 0px; line-height: 100%; } /* This div is middled in table.content td.nav and contains the menu items */ div.nav { width: 262px; height: auto; text-align: left; margin-left: 14px; background-color: transparent; } div.ctrDiv { /* tacked on to the bottom of nav items */ height: 1px; width: 1px; } /* UNUSED This div is middled in table.content td.ico and contains the 2nd. nav */ div.ico { width: 80px; height: auto; max-height: 500px; text-align: left; overflow: auto; background-color: transparent; } /* Instead use a table and take a second row if more than 19 pictures */ table.ico { height: auto; max-height: 500px; } table.ico td { width: 80px; max-height: 500px; vertical-align: top; } table.ico td table.icomail { display: block; /* W3C browsers need this to collapse table-table margins */ margin: 5px 0px 5px 0px; } table.ico td table.icomail td { width: auto; } /* This div fills out table.content td.cont and is only used for text content */ div.cont { width: 490px; /* so centering in table cell has no effect */ height: auto; /* so middling in table cell takes effect */ max-height: 500px; /* so that finally this div gets a scroller */ overflow: auto; /* allows scrollbars on text content */ padding-right: 10px; /* allows some space between text and scrollbar */ text-align: left; background-color: transparent; } /* Tabellarische Daten ohne Umrandung, z.B. Impressum, Kontaktdaten */ table.daten, table.daten td { padding-bottom: 5px; } /* Classes for Text */ h1, h2, h3, h4, h5 { color: white; text-decoration: none; } h1 { font-size: 12px; margin: 0px 0px 9px 0px; } h2 { font-size: 11px; margin: 10px 0px 6px 0px; } h2.mehrluftunten { margin: 10px 0px 12px 0px; } h3 { font-size: 11px; margin: 8px 0px 4px 0px; } h4 { color: #666666; font-size: 11px; margin: 8px 0px 4px 0px; } h5 { font-size: 10px; font-weight: bold; letter-spacing: 1px; margin: 6px 0px 2px 0px; } p, td, ul, ol, li, div { color: #666666; color: #555555; font-size: 11px; text-decoration: none; } p { margin: 3px 0px 7px 0px; line-height: 130%; } 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; } td { vertical-align: top; } p.vielluft { margin: 16px 0px 16px 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; } .rot { color: #FF0000 !important; } .small { font-size: 10px !important; } th, th p, strong, .strong { color: #666666 !important; font-size: 10px !important; font-weight: bold !important; letter-spacing: 1px !important; text-decoration: none !important; } hr { height: 1px; color: white; background-color: white; border-style: none; /* note that msie doesnt collapse margins around an hr */ margin: 8px 0px 6px 0px; padding: 0px; width: 351px; } /* Standard link style */ a, a:link, a:visited, a:focus, a:hover, a:active, .mylink { color: #666666; font-size: 10px; font-weight: bold; text-decoration: none; letter-spacing: 0px; background-color: transparent; } /* Hover color */ a:hover { color: #FFFFFF; } /* 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: 10px; 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: #FFFFFF; } a.iscur, a.iscur:link, a.iscur:visited, a.iscur:focus, a.iscur:active { color: #FFFFFF; } a.iscur:hover { color: #FFFFFF; } /* The icon navigation, 50x20 thumbs appear underneath each other div.ico a, div.ico a:link, div.ico a:visited, div.ico a:focus, div.ico a:hover, div.ico a:active { display: block; height: 20px; width: 50px; padding: 0px; margin: 5px 0px 5px 0px; text-decoration: none; background-color: transparent; } */ table.ico td a, table.ico td a:link, table.ico td a:visited, table.ico td a:focus, table.ico td a:hover, table.ico td a:active { display: block; width: 50px; height: 20px; padding: 0px; margin: 5px 0px; text-decoration: none; background-color: transparent; background-position: top left; } table.ico td table.icomail td al, table.ico td table.icomail td a:link, table.ico td table.icomail td a:visited, table.ico td table.icomail td a:focus, table.ico td table.icomail td a:hover, table.ico td table.icomail td a:active { margin: 0px; } table.ico td table.icomail td a.eml, table.ico td table.icomail td a.eml:link, table.ico td table.icomail td a.eml:visited, table.ico td table.icomail td a.eml:focus, table.ico td table.icomail td a.eml:hover, table.ico td table.icomail td a.eml:active { width: 20px; margin: 0px 5px; background-image: url(../images/email.gif); } table.ico td table.icomail td a.eml:hover { background-image: url(../images/email-hover.gif); } table.ico td a.trenner, table.ico td a.trenner:link, table.ico td a.trenner:visited, table.ico td a.trenner:focus, table.ico td a.trenner:hover, table.ico td a.trenner:active { display: block; width: 48px; height: 16px; font-size: 10px; font-weight: bold; color: #666666; padding-top: 2px; border: 1px solid #666666; text-align: center; margin: 5px 0px; } table.ico td a.curtren, table.ico td a.curtren:link, table.ico td a.curtren:visited, table.ico td a.curtren:focus, table.ico td a.curtren:hover, table.ico td a.curtren:active, table.ico td a.trenner:hover { color: #FFFFFF !important; } /* The extra navigation, items appear next to each other */ p.xtra { color: #666666; font-size: 10px; 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; /* background-color: #CCC5BE; test */ } /* Umrandete Tabelle */ table.delineated { margin: 0px 0px 0px 1px; /* FF loses left border w/o at least 1px left margin */ border-left: 1px solid #333333; border-bottom: 1px solid #444444; border-top: 1px solid #BFC0E9; border-right: 1px solid #BFC0E9; background-color: white; border-collapse: collapse; /* Gets rid of IE Borders */ border-spacing: 0px; /* Gets rid of Firefox Borders */ } table.delineated td { /* Padding here causes IE5 to calculate wrongly */ } table.delineated th p { /* Font remains Verdana */ margin: 2px 8px 2px 6px !important; } table.delineated td p { /* For Text content - cram more in */ font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; margin: 2px 8px 2px 6px !important; } table.delineated th.ltBordBott, table.delineated td.ltBordBott { border-bottom: 1px solid #BFC0E9; } table.delineated th.ltBordRight, table.delineated td.ltBordRight { border-right: 1px solid #BFC0E9; } table.delineated th.dkBordBott, table.delineated td.dkBordBott { border-bottom: 1px solid #444444; } table.delineated th.dkBordRight, table.delineated td.dkBordRight { border-right: 1px solid #444444; } table.delineated th.shadowLeft, table.delineated td.shadowLeft { border-left: 1px solid #333333; }