/* CSS Styles for Gerolf Bender, Author Tim Reeves, Stand 2006-03-29 */ /* For the xml parser the canvas is , not */ html { height: 100%; /* Gecko and Opera both need this, in html AND body */ width: 100%; margin: 0px; padding: 0px; overflow: hidden; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; } body { height: 100%; width: 100%; /* MSIE has a stupidly large default value */ text-align: center; /* For MSIE 5.x, der margin:auto bei Blockelementen missachtet */ margin: 0px; padding: 0px; overflow: hidden; } /* To make things "pixelgenau" */ img, table, table td, div, div div, div div div, div div div div { 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 */ /* The purpose of this DIV is to get the scrollers - IE5 and IE6 disagree about scrollers in and , so this is easy and universal. But OH GOD the positioning in IE6!! This must itself be a positioned block so that div.main is positioned relative to this. Otherwise, a relatively positioned div.main is in front of 'div.alles' scrollers */ div.alles { position: absolute; /* Opera doesn't like "relative" here */ top: 0px; /* and for "absolute" MSIE needs top left */ left: 0px; height: 100%; width: 100%; background-color: rgb(11,13,113); overflow: auto; } div.bottomright { position: absolute; left: 893px; top: 554px; height: 1px; width: 1px; } div.bottomright img { height: 1px; width: 1px; } /* The only way to get horizontal AND vertical positioning: Since we default to "table-layout: auto" the dimensions will be increased to at least that of the content, i.e. maybe more than 100% of the viewport, but not less */ table.mitte { width: 100%; height: 100%; } table.mitte td { vertical-align: middle; text-align: center; /* MSIE 5.x missachtet margin:auto bei Blockelementen */ width: 100%; height: 100%; /* Borders would look nice here, but cause scrollers - 100% + X */ /* The only way is to simulate them with 4 positioned divs */ } /* Don't let these be inherited */ table.mitte table { width: auto; height: auto; } table.mitte td table td { vertical-align: top; text-align: left; width: auto; height: auto; } div.main { position: relative; width: 760px; height: 595px; margin: 0px auto; background-color: white; overflow: hidden; } div.mainkurz { background-image: url(../images/welt_hg.jpg); background-repeat: no-repeat; background-position: 460px 98px; } div.nav { position: absolute; top: 22px; left: 0px; width: 125px; height: 471px; background-color: transparent; overflow: hidden; background-image: url(../images/menu_hg.jpg); background-repeat: no-repeat; background-position: 0px 425px; padding-top: 124px; } div.navkurz { background-position: 0px 312px; } div.head { position: absolute; top: 0px; left: 125px; width: 610px; height: 102px; background-image: url(../images/head.jpg); background-repeat: no-repeat; background-position: 341px top; overflow: hidden; } div.foot { position: absolute; bottom: 0px; left: 125px; width: 610px; height: 98px; background-image: url(../images/unten_lang.jpg); background-repeat: no-repeat; overflow: hidden; } div.footkurz { background-image: url(../images/unten_kurz.jpg); bottom: 113px; } div.foot div { /* Link zur Startseite */ position: absolute; top: 66px; left: 114px; width: auto; height: auto; } div.contscroll { position: absolute; top: 112px; left: 125px; width: 635px; height: 385px; overflow: auto; } div.contscrollkurz { top: 102px; height: 282px; } div.contscrollreiter { position: absolute; top: 142px; left: 125px; width: 635px; height: 355px; overflow: auto; } div.contreiter { position: absolute; top: 112px; left: 155px; width: 605px; height: 18px; overflow: auto; } div.contreitertrenner { position: absolute; top: 17px; left: 0px; width: 580px; height: 1px; overflow: hidden; background-color: #4A4A99; z-index: 1; } table.reiter { position: absolute; top: 0px; left: 0px; height: 18px; z-index: 2; } table.reiter td a, table.reiter td a:link, table.reiter td a:visited, table.reiter td a:active, table.reiter td a:focus, table.reiter td a:hover { display: block; position: relative; color: #4A4A99; height: 16px; font-size: 12px; padding: 1px 16px 0px 16px; border-bottom: 1px solid #4A4A99; text-decoration: none; background-color: #CACFE6; } table.reiter td a:hover { color: #FFFFFF; background-color: #939ECC; } table.reiter td a.current, table.reiter td a.current:link, table.reiter td a.current:visited, table.reiter td a.current:active, table.reiter td a.current:focus, table.reiter td a.current:hover { color: #FFFFFF; background-color: #939ECC; border-bottom: 1px solid #939ECC; } table.reiter td a img.tablinks { position: absolute; top: 0px; left: 0px; } table.reiter td a img.tabrechts { position: absolute; top: 0px; right: 0px; } div.content { /* FF and Opera add 2px y-offset - couldn't get rid of it. */ width: 610px; height: auto; background-color: transparent; } div.contentkurz { width: 320px; } h1, h2 { font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; font-size: 13px; color: #666699; text-decoration: none; letter-spacing: 1px; margin: 0px; } h3, h4, h5 { font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; color: #666699; text-decoration: none; } h3 { font-size: 13px; margin: 12px 0px 3px 0px; } h4 { font-size: 12px; letter-spacing: 1px; margin: 0px; } h5 { font-size: 11px; font-weight: bold; margin: 8px 0px 4px 0px; } p, td, th, ul, ol, li, div { font-size: 13px; color: #56566B; } p { margin: 2px 0px 1px 0px; line-height: 130%; } p.justify { text-align: justify; margin: 2px 0px 6px 0px; } p.justinlist { text-align: justify; margin: 0px 0px 9px 0px; } p.justinlist6 { text-align: justify; margin: 0px 0px 6px 0px; } p.merkmal { color: #C02713; margin: 0px 8px 0px 0px; } td.text { line-height: 130%; } .rot { color: #C02713; } ul, ol { margin: 8px 0px 0px 16px; padding: 0px; } ul li, ol li { margin: 0px 0px 6px 0px; padding: 0px 0px 0px 1px; } ul { list-style-image: url(../images/bullet.gif) } p.pretty:first-letter { font-weight: bold; } p.mehrluft { margin: 8px 0px 1px 0px; } p.lessluft { margin: 0px 0px 0px 0px; } b { font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; color: #666699; } strong, .strong { color: #666699; font-size: 13px; font-weight: bold; letter-spacing: 1px; } td.strong { vertical-align: middle !important; } em { color: #5B5B87; background-color: #CACFE6; font-style: normal; letter-spacing: 0px !important; } table.trichter { width: 582px; table-layout: fixed; margin: 30px 0px 0px 10px; } table.trichter tr td h4 { font-size: 11px; margin: 0px 0px 6px 0px; } table.trichter tr td p { font-size: 11px; line-height: 138%; margin: 6px 0px 0px 0px; } table.trichter tr td ul { margin: 3px 0px 0px 16px; } table.trichter tr td ul li { font-size: 11px; line-height: 138%; margin: 0px 0px 2px 0px; } /* Standard link style */ a, a:link, a:visited, a:active, a:focus { color: #4A4A99; background-color: transparent; text-decoration: underline; } /* Except on Hover */ a:hover { color: #4A4A99; background-color: #CACFE6; text-decoration: none; } /* Classes for Navigation */ /* The margins and paddings order: top right bottom left */ div.item { /* Nötig für IE5, der sonst den margin bei hover verliert */ padding: 0px 0px 7px 20px; line-height: normal; } a.avble, a.avble:link, a.avble:visited, a.avble:active, a.avble:focus, a.avble:hover, a.iscur, a.iscur:link, a.iscur:visited, a.iscur:active, a.iscur:focus, a.iscur:hover { display: block; height: 12px; width: 82px; font-size: 9px; font-weight: bold; text-decoration: none; letter-spacing: 1px; line-height: normal; margin: 0px; padding: 2px 0px 0px 6px; } a.avble, a.avble:link, a.avble:visited, a.avble:active, a.avble:focus { color: #4A4A99; background-color: #CACFE6; } a.avble:hover { color: #FFFFFF; background-color: #939ECC; } a.iscur, a.iscur:link, a.iscur:visited, a.iscur:active, a.iscur:focus { color: #FFFFFF; background-color: #939ECC; } a.iscur:hover { color: #FFFFFF; background-color: #939ECC; } div.sub { /* Zweite Menu-Ebene */ padding: 0px 0px 7px 36px; } a.sub, a.sub:link, a.sub:visited, a.sub:active, a.sub:focus, a.sub:hover { width: 66px; } table.headnav { position: absolute; bottom: 0px; right: 0px; height: 14px !important; empty-cells: show; } table.headnav td { width: auto; height: 14px !important; line-height: 100%; } table.headnav td.trenner { background-color: #7C7CC7; width: 2px !important; overflow: hidden; } table.headnav td a.avble, table.headnav td a.avble:link, table.headnav td a.avble:visited, table.headnav td a.avble:active, table.headnav td a.avble:focus, table.headnav td a.avble:hover, table.headnav td a.iscur, table.headnav td a.iscur:link, table.headnav td a.iscur:visited, table.headnav td a.iscur:active, table.headnav td a.iscur:focus, table.headnav td a.iscur:hover { padding: 2px 9px 0px 9px; width: auto; }