/* CSS Styles for Innovas (Hor-Centering), Tim Reeves, Stand 2007-03-28 */ /*div.navia { position: absolute; top: 560px; left: 800px; }*/ /* 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: #FDFEFF; 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; background-image: url(../../innovas_standard/images/hg.jpg); background-repeat: repeat-x; } /* 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 */ body table.contentpaneopen { width: 100%; } body table.contentpaneopen tbody tr td.buttonheading { width: auto; } body.mceContentBody { /* tinyMCE Editor-Fenster (in einem Iframe) */ overflow: auto; /* allows scrollbars */ } body.contentpane { /* Druck-Fenster */ width: 100%; padding: 12px 3% 12px 3%; background-color: white; } body.contentpane table.contentpaneopen { width: 94%; } body.contentpane table.contentpaneopen tbody tr td.contentheading { width: auto; } body.contentpane table.contentpaneopen tbody tr td.buttonheading { text-align: right; } body.contentpane table.contentpaneopen tbody tr td.buttonheading a { display: inline; } /* table.contentpaneopen td { padding-right: 10px; A little space between two blog columns } */ .small { /* Formats "Written by:...." and "Close (print) window" */ font-size: 11px; } span.article_seperator { font-size: 6px; line-height: 6px; } table.pagenav { width: 100%; text-align: center; margin: 0px 0px 6px 0px; } 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: 0px; width: 960px; height: 600px; margin: 0px auto; text-align: left; overflow: hidden; background-image: url(../../innovas_standard/images/hintergrund.jpg); background-repeat: no-repeat; 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: 959px; top: 636px; 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: 117px; left: 34px; width: 210; height: 466px; text-align: left; background-color: #d2dcf0; border-top-style:solid; border-top-color:white; border-top-width:1px; } /* Für die Hilfsnavigation (oben, quer 'rüber) */ div.hilfsnav { position: absolute; top: 53px; left: 268px; width: 424px; height: auto; text-align: left; background-color: transparent; } /* Für die Zusatznavigation (unten links) */ div.zusatznav { position: absolute; top: 70px; left: 780px; width: 210px; height: auto; text-align: left; background-color: transparent; } /* Für den Pfad */ div.pfad { position: absolute; top: 98px; left: 268px; width: 424px; height: auto; text-align: left; background-color: transparent; } span.pathway { font-size: 11px; font-weight: normal; letter-spacing: 1px; } a.pathway, a.pathway:link, a.pathway:visited, a.pathway:active, a.pathway:hover, a.pathway:focus { text-decoration: none; background-color: transparent; } a.pathway, a.pathway:link, a.pathway:visited, a.pathway:active, a.pathway:focus { color: black; } a.pathway:hover { color: #00397E; } div.textinhalt { /* Joomla: Main Text */ position: absolute; top: 128px; left: 268px; width: 416px; /* Insgesamt 424 */ height: 448px; padding: 0px 8px 0px 0px; background-color: transparent; overflow: auto; } div.textinhalt div.msiefix { /* MSIE has problems with Scrollbars */ width: auto; height: auto; padding: 0px; } div.bildinhalt { /* Joomla: Intro Text */ position: absolute; top: 108px; left: 732px; width: 186px; height: 484px; padding: 0px; background-color: transparent; overflow: hidden; } div.bildinhalt img { display: block; padding: 8px 0px 0px 0px; } div.textinhalt img { display: block; } div.textinhalt table.einbild, div.textinhalt table.zweibilder { width: 398px; margin: 4px 0px 12px 0px; } div.textinhalt table.einbild tbody tr td.rechts { width: 200px; vertical-align: bottom; } /* Gecko Bug - Block-Img bleibt links */ div.textinhalt table.zweibilder tbody tr td img { display: inline; } div.textinhalt table.zweibilder tbody tr td.rechts { width: 186px; } div.textinhalt table.zweibilder tbody tr td div.mosimage_caption { margin-top: 3px; } /* Kontaktliste - Zeilen abwechselnd sectiontableentry1 / sectiontableentry2 */ td.sectiontableentry1, td.sectiontableentry2 { width: auto; } /* Classes for Text */ h1, h2, td.contentheading, div.componentheading { color: #000000; text-decoration: none; letter-spacing: 1px; } h3, h4, h5 { color: #000000; text-decoration: none; } p, ul, ol, li, td, th, div { /*font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;*/ color: #000000; text-decoration: none; } h1, td.contentheading, div.componentheading, div.sitemap h2.componentheading { font-weight: bold; font-size: 13pt; margin: 0px 0px 6px 0px; } td.contentheading { padding-bottom: 2px; } div.sitemap h2.componentheading { margin: 0px; } h2 { font-size: 12pt; margin: 14px 0px 4px 0px; } h2.menutitle { margin: 0px; font-size: 10px; line-height: 100%; visibility: hidden; } h3 { font-size: 11pt; margin: 11px 0px 4px 0px; } h4 { font-size: 10pt; margin: 8px 0px 4px 0px; } h5 { font-size: 9pt; font-weight: bold; letter-spacing: 1px; margin: 6px 0px 4px 0px; } table.blog table.contentpaneopen h5 { color: #495873; } p, td, th, ul, ol, li, div { font-size: 13px; } p { margin: 4px 0px 12px 0px; line-height: 135%; } ul, ol { margin: 4px 0px 9px 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 6px 0px; padding: 0px 0px 0px 1px; } td { vertical-align: top; } p.pretty:first-letter { font-weight: bold; } p.vielluft { margin: 12px 0px 12px 0px; } p.mehrluft { margin: 10px 0px 12px 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, td.sectiontableheader { font-size: 9pt; font-weight: bold; letter-spacing: 1px; } hr.myrule { height: 1px; color: #00529E; background-color: #00529E; 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: #00529E; background-color: transparent; text-decoration: underline; } /* Except on Hover */ a:hover { color: #00529E; background-color: #F2F7FD; text-decoration: underline; } a.readon, a.readon:link, a.readon:visited, a.readon:active, a.readon:focus, a.readon:hover, table.pagenav a, table.pagenav a:link, table.pagenav a:visited, table.pagenav a:active, table.pagenav a:focus, table.pagenav a:hover { text-decoration: none; } /* Für die Hauptnavigation */ a.openhn0, a.openhn0:link, a.openhn0:visited, a.openhn0:active, a.openhn0:hover, a.openhn0:focus, a.avblhn0, a.avblhn0:link, a.avblhn0:visited, a.avblhn0:active, a.avblhn0:hover, a.avblhn0:focus, a.currhn0, a.currhn0:link, a.currhn0:visited, a.currhn0:active, a.currhn0:hover, a.currhn0:focus { display: block; width: 197px; /* div is 210 */ font-size: 13px; font-weight: normal; text-align: left; text-decoration: none; letter-spacing: 1px; padding: 4px 0px 2px 20px; margin: 0px 0px 0px 0px; background-color: transparent; border-bottom-style:solid; border-bottom-color:white; border-bottom-width:1px; } a.fahne, a.fahne:link, a.fahne:visited, a.fahne:active, a.fahne:hover, a.fahne:focus{ display: block; /* div is 210 */ background-color: transparent; } a.avblhn1, a.avblhn1:link, a.avblhn1:visited, a.avblhn1:active, a.avblhn1:hover, a.avblhn1:focus, a.currhn1, a.currhn1:link, a.currhn1:visited, a.currhn1:active, a.currhn1:hover, a.currhn1:focus { display: block; width: 178px; font-size: 13px; font-weight: normal; text-align: left; text-decoration: none; letter-spacing: 1px; padding: 3px 0px 1px 4px; margin: 0px 0px 0px 34px; background-color: transparent; border-bottom-style:solid; border-bottom-color:white; border-bottom-width:1px; border-left-style:solid; border-left-color:white; border-left-width:1px; } a.avblhn0, a.avblhn0:link, a.avblhn0:visited, a.avblhn0:active, a.avblhn1, a.avblhn1:link, a.avblhn1:visited, a.avblhn1:active { color: black; } a.avblhn0:hover, a.avblhn0:focus, a.avblhn1:hover, a.avblhn1:focus { color: white; background-color: #01559d; } a.currhn0, a.currhn0:link, a.currhn0:visited, a.currhn0:active, a.currhn0:focus, a.currhn0:hover, a.openhn0, a.openhn0:link, a.openhn0:visited, a.openhn0:active, a.openhn0:focus, a.openhn0:hover { color: white; background-color: #01559d; } a.currhn0, a.currhn0:link, a.currhn0:visited, a.currhn0:active, a.currhn0:focus, a.currhn1, a.currhn1:link, a.currhn1:visited, a.currhn1:active, a.currhn1:focus { color: white; background-color: #01559d; } a.currhn0:hover, a.currhn1:hover { color: white; } a.openhn0, a.openhn0:link, a.openhn0:visited, a.openhn0:active, a.openhn0:focus { color: #0057A0; } a.openhn0:hover { color: #00397E; } /* Putting this here avoids nasty questions of relative paths from generated pages */ a.english { background-image: url(../../innovas_standard/images/unionjack.gif) !important; } a.deutsch { background-image: url(../../innovas_standard/images/brdfahne.gif) !important; } /* Für die Hilfsnavigation (oben, quer 'rüber) */ span.mainlevelxn { padding-left: 20px; } a.mainlevelxn, a.mainlevelxn:link, a.mainlevelxn:visited, a.mainlevelxn:active, a.mainlevelxn:hover, a.mainlevelxn:focus { font-size: 11px; font-weight: normal; letter-spacing: 1px; text-decoration: none; background-color: transparent; } a.mainlevelxn, a.mainlevelxn:link, a.mainlevelxn:visited, a.mainlevelxn:active { color: black; } a.mainlevelxn:hover, a.mainlevelxn:focus { color: white; background-color: #01559d; } a#active_menuxn, a#active_menuxn:link, a#active_menuxn:visited, a#active_menuxn:active, a#active_menuxn:focus { color: white; background-color: #01559d; } a#active_menuxn:hover { color: white; } /* Kludge for Zusatznavigation - Fahnen */ div.zusatznav a.avblhn0, div.zusatznav a.avblhn0:link, div.zusatznav a.avblhn0:visited, div.zusatznav a.avblhn0:active, div.zusatznav a.avblhn0:focus, div.zusatznav a.avblhn0:hover { background-image: url(../../innovas_standard/images/empty.gif); background-repeat: no-repeat; background-position: left 3px; } /* Kontakt-Modul - E-Mail Formular */ div.contact_email input.inputbox, div.contact_email textarea.inputbox { font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; font-weight: normal; font-size: 12px; margin: 1px 0px 1px 0px; vertical-align: middle; background-color: #FDFDFF; border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid #98AC9B; border-bottom: 1px solid #98AC9B; } div.contact_email input.inputbox { height: 16px; padding: 1px 1px 0px 3px; width: 390px; margin-bottom: 6px; } div.contact_email textarea.inputbox { height: 92px; padding: 0px 1px 0px 2px; width: 390px; margin: 0px; } div.contact_email label { }