@media all { * {border: 0;margin: 0;padding: 0;} html {height: 100%; scrollbar-darkshadow-Color:#E1E8F4;scrollbar-track-color:#E1E8F4;scrollbar-face-color:#B9CCDF; scrollbar-shadow-color:#E1E8F4;scrollbar-highlight-color:#E1E8F4;scrollbar-3dlight-color:#E1E8F4; scrollbar-arrow-color:#00172f;} body {background: #ffffff;color: #000000;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em;font-variant: normal;font-weight: normal;letter-spacing: normal;line-height: 1.2em; scrollbar-darkshadow-Color:#E1E8F4;scrollbar-track-color:#E1E8F4;scrollbar-face-color:#B9CCDF; scrollbar-shadow-color:#E1E8F4;scrollbar-highlight-color:#E1E8F4;scrollbar-3dlight-color:#E1E8F4; scrollbar-arrow-color:#00172f;text-transform: none;} #wrapper {width: 100%;} /*============================================================================================ >>>>>>>>>>SEHR<<<<<>>>>>WICHTIG<<<<<<>>>>>DIE STARTSEITEN SIND ANDERS<<<<<<<<<< STARTSEITEN > layout und/oder aufteilung in content- und/oder header-bereich sind anders > stile werden über ids für den -tag angepasst > deutsche version: > französische version: > englische version: definition STARTSEITEN > s.u. ==============================================================================================*/ /*============================================================================================ KOPFZEILE mit HAUPTNAVIGATION und SUCHE > - DIV-bereich "header", enthält die 2 DIV-bereiche - header_logo (links) > logo, logo-text, einzelbild links, links leistungen - header_img (rechts) > links sprachauswahl, bildstreifen rechts NAVIGATION mit SUCHE > s.u. ==============================================================================================*/ #header {background-image: url(../images/header_bg.gif);height: 172px;width: 100%;} #header ul {margin: 0px 0 0 0;} #header_christmas {background-image: url(../../site006/images/header_img_christmas2009.gif);background-repeat: no-repeat; border: none; position:absolute; top:73px; left:500px; width:256px; height:74px;} #header_logo {background-image: url(../images/header_logo_bg.jpg);background-repeat: no-repeat;border: none;float: left;height: 150px;overflow: visible;width: 75%;} #header_logo img {float: left;} #header_logo_serv li {font-size: 85%;font-style: normal;line-height: 125%;list-style-type: none;padding: 0 0 0 240px;white-space: nowrap;} #header_logo_serv A {background: none;color: #365C8B;padding: 0 0 0 10px;text-decoration: none;} #header_logo_serv A:visited {color: #365C8B;} #header_logo_serv A:hover, A:focus {background-image: url(../images/arrow_blue.gif);background-repeat: no-repeat;color: #ffffff;} #header_logo_serv A:active {background-image: url(../images/arrow_blue.gif);background-repeat: no-repeat;color: #e1e8f4;} #header_img {background-image: url(../images/header_img_bg.jpg);background-repeat: no-repeat;border: none;float: right;height: 150px;margin: 0;overflow: visible;width: 22%;} #header_img_lang li {display: inline;float: right;font-size: 85%;font-style: normal;list-style-item: none;padding: 10px 15px 0 0;white-space: nowrap;} #header_img_lang A {background-image: url(../images/arrow_white.gif);background-repeat: no-repeat;color: #e1e8f4;padding: 0 0 0 10px;text-decoration: none;} #header_img_lang A:visited {color: #ffffff;} #header_img_lang A:hover, A:focus {background-color: #00172f;color: #ffffff;} #header_img_lang A:active {background-color: #00172f;color: #e1e8f4;} #printlogo {border-bottom: 1px solid;border-color: #000000;border-top: 1px solid;clear: both;display: none;float: left;margin-bottom: 1cm;padding: 2pt 0;width: 100%;} /*=========================================================================================== NAVIGATION mit SUCHE DIV-bereich "header_nav", enthält die 2 DIV-bereiche - "header_navmain" (links) > ausklappbare hauptnavigation - "header_navsearch" (rechts) > link weiterempfehlen + link suche SUCHE > s.u. AUSGEWÄHLTE MENÜPUNKTE hervorheben > s.u. =============================================================================================*/ /* Background-Image für '#header_nav' eingefügt RS 07-04-2008 */ #header_nav {background-color: #00172f; background-image: url(../images/bg_navmain.gif); #00172F; border-bottom: 1px solid;border-color: #ffffff;border-top: 1px solid;clear: both;color: #ffffff;float: left;height: 22px;margin: 0;width: 100%;} #header_navmain {background-color: #365C8B;border-bottom: 1px solid;border-color: #ffffff;border-top: 1px solid;float: left;height: 17px;padding: 0 0 0 6px; width:69.5%} #header_navmain li {background-color: #365C8B;color: #e1e8f4;display: inline;float: left;font-style: normal;list-style-type: none;text-transform: uppercase;white-space: nowrap;} .mixit {text-transform: none;} #header_navmain A {background-image: none;color: #e1e8f4;font-style: normal;padding: 2px 6px;text-decoration: none;} #header_navmain A:visited {color: #ffffff;} #header_navmain A:hover, #header_navmain A:focus, /*=========================================================================================== jetzt folgen kombinationen für die hervorhebung des ausgewählten menüpunkts (weitere definition des ausgewählten menüpunkts > s.u.) =============================================================================================*/ #por00 #nav01 A, #serv01 #nav02 A, #serv02 #nav02 A, #serv03 #nav02 A, #serv04 #nav02 A, #serv05 #nav02 A, #serv06 #nav02 A, #serv07 #nav02 A, #serv08 #nav02 A, #pub01 #nav03 A, #pub02 #nav03 A, #pub03 #nav03 A, #pub04 #nav03 A, #pub05 #nav03 A, #pub06 #nav03 A, #pub07 #nav03 A, #pub08 #nav03 A, #ver00 #nav04 A, #kar00 #nav05 A, #lin00 #nav06 A, #kon00 #nav07 A, #lag00 #nav08 A, #suc00 #nav09 A /*=========================================================================================== ab hier gehts wieder normal weiter :-) =============================================================================================*/ {background-color:#00172F; border-bottom: 1px solid #00172F;border-left: 1px solid #ffffff;border-right: 1px solid #ffffff;border-top: 1px solid #ffffff;color: #ffffff;padding: 2px 5px;} #header_navmain A:active {color: #e1e8f4;} #subnav01, #subnav02 {border-top: 1px solid;border-color: #ffffff;visibility: hidden;padding: 0 0 0 24px;} ul#subnav01, ul#subnav02 {height: auto;list-style-item: none;position: absolute;} ul#subnav01 li, ul#subnav02 li {border-bottom: 1px solid;border-color: #ffffff;clear: both;display: block;padding: 0;white-space: nowrap;width: 30em;text-indent: 12px;text-transform: uppercase;} ul#subnav01 li.navending, ul#subnav02 li.navending {height: 3px;} ul#subnav02 li ul li {border-bottom: none;border-color: #ffffff;border-top: 1px solid;text-indent: 24px;text-transform: none;} #subnav01 A, #subnav02 A {background-color: #365C8B;background-image: none;border: none;color: #e1e8f4;display: block;font-style: normal;padding: 0;text-decoration: none;} #subnav01 A:visited, #subnav02 A:visited {color: #e1e8f4;} #subnav01 A:hover, #subnav01 A:focus, #subnav02 A:hover, #subnav02 A:focus {background-color: #00172F;border: none;color: #ffffff;padding: 0;} #subnav01 A:active, #subnav02 A:active {color: #e1e8f4;} /* Breite von 25% auf fix 250px geändert RS 07-04-2008 */ #header_navsearch {background-color: #365C8B;border-bottom: 1px solid;border-color: #ffffff;border-top: 1px solid;float: right;height: 17px;margin-left: -7px;overflow: visible;padding: 0 1px 0 0;text-align: right;width: 30.5%;} #header_navsearch li {float: right;display: inline;color: #e1e8f4;font-style: normal;font-weight: normal;font-variant: normal; line-height: 1.2em;padding: 2px 0;} #header_navsearch A {color: #e1e8f4;text-transform: none;text-decoration: none; background-image: url(../images/arrow_whiteinline.gif);background-repeat: no-repeat;color: #e1e8f4; border-bottom: 1px solid;border-top: 1px solid;border-color: #ffffff;padding: 2px 15px 2px 10px;} #header_navsearch A:visited {color: #ffffff;} #header_navsearch A:hover, #header_navsearch A:focus {background-color: #00172F;color: #ffffff;} #header_navsearch A:active {color: #e1e8f4;} /*=========================================================================================== AUSGEWÄHLTE MENÜPUNKTE in beiden navigationsebenen hervorheben - #suc00 #nav09 gibts nur in der englischen version, der menüpunkt "success stories" ist in den anderen sprachversionen nicht vorhanden =============================================================================================*/ #serv01 #subnav01 A, #serv02 #subnav01 A, #serv03 #subnav01 A, #serv04 #subnav01 A, #serv05 #subnav01 A, #serv06 #subnav01 A, #serv07 #subnav01 A, #serv08 #subnav01 A, #pub01 #subnav02 A, #pub02 #subnav02 A, #pub03 #subnav02 A, #pub04 #subnav02 A, #pub05 #subnav02 A, #pub06 #subnav02 A, #pub07 #subnav02 A, #pub08 #subnav02 A {background-color: #365C8B;border: none;color: #e1e8f4;padding:0;} #serv01 #subnav01 A:hover, #serv02 #subnav01 A:hover, #serv03 #subnav01 A:hover, #serv04 #subnav01 A:hover, #serv05 #subnav01 A:hover, #serv06 #subnav01 A:hover, #serv07 #subnav01 A:hover, #serv08 #subnav01 A:hover, #pub01 #subnav02 A:hover, #pub02 #subnav02 A:hover, #pub03 #subnav02 A:hover, #pub04 #subnav02 A:hover, #pub05 #subnav02 A:hover, #pub06 #subnav02 A:hover, #pub07 #subnav02 A:hover, #pub08 #subnav02 A:hover {background-color: #00172F;color: #ffffff;} #por00 #nav01 A, #serv01 #nav02 strong, #serv01 #nav0201 A, #serv02 #nav02 strong, #serv02 #nav0202 A, #serv03 #nav02 strong, #serv03 #nav0203 A, #serv04 #nav02 strong, #serv04 #nav0204 A, #serv05 #nav02 strong, #serv05 #nav0205 A, #serv06 #nav02 strong, #serv06 #nav0206 A, #serv07 #nav02 strong, #serv07 #nav0207 A, #serv08 #nav02 strong, #serv08 #nav0208 A, #pub01 #nav03 strong, #pub01 #nav0301 A, #pub02 #nav03 strong, #pub02 #nav0302 A, #pub03 #nav03 strong, #pub03 #nav0303 A, #pub04 #nav03 strong, #pub04 #nav0304 A, #pub05 #nav03 strong, #pub05 #nav0305 A, #pub06 #nav03 strong, #pub06 #nav0306 A, #pub07 #nav03 strong, #pub07 #nav0307 A, #pub08 #nav03 strong, #pub08 #nav0308 A, #ver00 #nav04 A, #kar00 #nav05 A, #lin00 #nav06 A, #kon00 #nav07 A, #lag00 #nav08 A, #suc00 #nav09 A {background-color: #00172F;} /*=========================================================================================== SUCHE DIV-bereich "search" > enthält das suchformular, wird erst bei klick auf den link "suche" eingeblendet =============================================================================================*/ #search {font-size: 85%;height: auto;left: 40%;overflow: visible;position: absolute;top: 56px;visibility: hidden;width: 30%;z-index: 100;} #search fieldset {border-bottom: 1px solid #00172f;border-top: 1px solid #00172f;padding: 3px 0 2px 12px;} #search input {height: 1.25em;width: 80%;margin:0;} #search input.button {background-color: #e1e8f4;border: none;color: #365C8B;letter-spacing: -0.1em;height: 1.25em;width: 10%;} #search label {line-height: 2em;} #search li {list-style-image: none;list-style-position: outside;list-style: none;} #search A {color: #365C8B;cursor: pointer;outline: none;text-decoration: none;white-space: nowrap;} #search A:visited {color: #365C8B;outline: none;} #search A:hover, p A:focus {background-color: #e1e8f4;background-image: none;color: #365C8B;outline: none;} #search A:active {color: #00172f;outline: none;} /*============================================================================================ DEFINITION CONTENT-BEREICH > 3spaltig DIV-bereich "content", enthält die 2 DIV-bereiche - "content_nav" (links) > meistens leer; im bereich publikationen steht hier das verlinkte inhaltverzeichnis der jeweiligen publikation - "content_main" (rechts) > unterteilt in 2 weitere DIV-bereiche - "content_txt" (links) > hauptinhalt, text, enthält als fußzeile den DIV-bereich - "txt_topprint" > unterteilt in 2 weitere DIV-bereiche - "txt_top" > link nach oben - "txt_print" > seite drucken ALTERNATIV in "txt_topprint" - "txt_up" > _nur_ link nach oben, ohne druckmöglichkeit - "content_sidebar" (rechts) > enthält ergänzungen zum content, auch links/unternavigation ==============================================================================================*/ #content {clear: both;position: static;width: 100%;} #content_nav {color: #00172f;float: left;width: 20%;} #content_nav ul {margin: 0 0 1em 0;} #content_nav li {line-height: 150%;list-style-type: none;list-style-image: none;padding: 0 15px 3px 12px;} dl.plan {clear: both;float: left;margin: 57px 0 0 12px;} #content_nav A {background-color: none;background-image: url(../images/marker_listblue.gif);background-repeat: no-repeat;color: #365C8B;text-decoration: underline;padding: 0 0 0 12px;} #content_nav A:visited {color: #365C8B;text-decoration: underline;} #content_nav A:hover, #content_nav A:focus {color: #365C8B;text-decoration: underline;} #content_nav A:active {color: #00172f;text-decoration: underline;} #content_main {float: right;width: 80%;} #content_txt {float: left;width: 72%;} #txt_topprint {color: #365C8B;font-size: 85%;font-style: normal;height: 6em;margin: 0 0 30px 0;white-space: nowrap;width: 100%;} #txt_top {border-bottom: 1px solid;border-color:#00172f;float: left;padding: 0 0 1px 0;text-align: left;width: 50%;} #txt_print {border-bottom: 1px solid;border-color:#00172f;float: right;margin-left: -1px;padding: 0 0 1px 0;text-align: right;width: 50%;} #txt_up {border-bottom: 1px solid;border-color:#00172f;float: left;padding: 0 0 1px 0;text-align: left;width: 100%;} #txt_topprint A {background-image: none;color: #365C8B;text-decoration: none;} #txt_topprint A:visited {color: #365C8B;} #txt_topprint A:hover, #txt_topprint A:focus {background-color: #e1e8f4;color: #365C8B;} #txt_topprint A:active {background-color: #e1e8f4;color: #365C8B;} #content_sidebar {float: right;width: 24%;} #content_sidebar p {border: #00172f solid;border-width: 0 0 1px 0;color: #00172f;padding: 15px 2px 0 0;} #content_sidebar dl {width: 100%;} #content_sidebar dd {padding: 12px 0 6px 0;} #content_sidebar li {border: #00172f solid;border-width: 0 0 1px 0;color: #00172f;list-style-image: none;list-style-position: outside;list-style-type: none;padding: 15px 0 0 0;} #content_sidebar A {background-image: none;color: #365C8B;display: block;text-decoration: none;} #content_sidebar A:visited {color: #365C8B;} #content_sidebar A:hover, #txt_topprint A:focus {background-color: #e1e8f4;color: #365C8B;} #content_sidebar A:active {background-color: #e1e8f4;color: #365C8B;} #content_sidebar fieldset {border-bottom: 1px solid #00172f;} #content_sidebar fieldset li {border: none;font-size: 85%;padding: 3px 0 0 0;} #content_sidebar input {width: 80%;margin:6px 0;} #content_sidebar input.button {background-color: #e1e8f4;border: none;color: #365C8B;letter-spacing: -0.1em;height: 1.25em;width: 10%;} #content_sidebar input.dot {background-color: #e1e8f4;border: none;clear: left;float: left;width: 10%;} /*=========================================================================================== FUSSZEILE mit ADRESSZEILE > DIV-bereich "footer", enthält die 2 DIV-bereiche - "footer_addr" (links) > adresse + e-mail-link - "footer_nav" (rechts) > legal-links + link sitemap =============================================================================================*/ #footer {background: #00172f;border: none;bottom: 0;clear: both;color: #ffffff;font-size: 85%;height: 35px;page-break-before: avoid;padding: 0.65em 0 0 0;position: fixed;width: 100%;} #footer ul {margin: 0;} #footer_addr {border-bottom: 1px solid;border-color: #ffffff;border-top: 1px solid;float: left;padding: 2px 0;text-indent: 15px;white-space: nowrap;width:75%;} #footer_nav {border-bottom: 1px solid;border-color: #ffffff;border-top: 1px solid;float: right;margin-left: -15px;padding: 2px 15px 2px 0;text-align: right;width:25%;} #footer_nav li {display: inline;line-height: 145%;list-style-type: none;white-space: nowrap;} #footer A {background: none;color: #e1e8f4;font-style: normal;} #footer A:visited {color: #ffffff;} #footer A:hover, #footer A:focus {color: #ffffff;} #footer A:active {color: #e1e8f4;} /*=========================================================================================== FORMULARE =============================================================================================*/ form {background-color: #e1e8f4;border: none;color: #00172f;margin: 0.5em 0 2em 0;} fieldset {border-top: 1px solid #00172f;margin: 12px 0 0 0;padding: 6px 0 0 12px;} legend {color: #365C8B;font-weight: bold;padding: 0 6px 0 6px;} input, textarea {background-color: #ffffff;border-bottom: 1px solid #00172f;margin: 0 0 4px 0;padding: 0 0 0 6px;width: 60%;} input.button {cursor: pointer;margin: 0 0 6px 0;width: 30%;} input.dot {border: none;clear: left;float: left;width: 10%;} input.marker {background-color: #9BB6D1;color: #ffffff;} input.small {margin: 0 0 0 6px;width: 10%;} label.before {clear: left;float: left;margin: 6px 12px 0 0;text-align: right;width:35%;} select {clear: left;float: left;margin: 6px 12px 0 0;width: 30%;} form p {border: none;color: #365C8B;margin: 0;padding: 0 0 0 6px;} /*=========================================================================================== TABELLEN (seufz. ja, es gibt welche. aber immerhin korrekt formatiert und nur in

s ;-) DIV-bereich "tab_flatout" > tabelle über die ganze breite =============================================================================================*/ table {background-color: #e1e8f4;border-collapse: collapse;margin: 6px 0 12px 0;} caption {color: #E9813A;font-weight: normal;text-transform: uppercase;} th, td {padding: 0.5em 1em;text-align: left;vertical-align: top;} th {border-bottom: 1px solid #00172f;color: #365C8B;font-size: 85%;font-weight: normal;letter-spacing: 0.025em;text-transform: uppercase;} td {border-bottom: 1px solid #ffffff;color: #00172f;} thead {border-bottom: 1px solid #00172f;} tbody {} tfoot {border-top: 1px solid #00172f;} table A {color: #365C8B;outline: none;text-decoration: none;} table A:visited {background-image: none;color: #365C8B;} table A:hover, ul li A:focus {background-color: #e1e8f4;background-image: none;color: #365C8B;text-decoration: underline;} table A:active {color: #00172f;} #tab_flatout {} table {width: 100%;} td {max-width: 50%;min-width: 25%;width: 25%;} /*=========================================================================================== GESAMTDOKUMENT > gestaltung der übrigen elemente =============================================================================================*/ h1,h2,h3,h4,h5,h6 {background-image: none;border: #00172f solid;border-width: 0 0 1px 0;color: #E9813A;font-size: 100%;font-style: normal;font-weight: bold;margin-top: 30px;margin-right: 0;word-spacing: normal;padding-bottom: 5px;padding-left: 15px;} h1 {background-image: url(../images/marker_blue.gif);background-repeat: no-repeat;} .thinner {background-image: none;font-weight: normal;} h2 {font-weight: normal;padding-left: 0;text-transform: uppercase;} h4 {border: none;font-weight: normal;margin-top: 0;padding: 0;text-transform: uppercase;} h5 {border: none;color: #365C8B;margin: 0;padding: 0;} h5 A {color: #365C8B;outline: none;text-decoration: underline;} h5 A:visited {color: #365C8B;} h5 A:hover, h5 A:focus {background-color: #e1e8f4;background-image: none;color: #365C8B;text-decoration: underline;} h5 A:active {color: #00172f;} h6 {border: none;color: #ffffff;font-size: 128.5%;letter-spacing: 0.025em;line-height: 0.55em;margin:0 0 12px 0;padding:14px 0 0 0;} p {font-style: normal;line-height: 135%;background-image: none;margin: 0.5em 0 2em 0;orphans: 5;widows: 5;word-spacing: normal;} A {color: #365C8B;outline: none;text-decoration: none;} A:visited {color: #365C8B;outline: none;} A:hover, p A:focus {background-color: #e1e8f4;background-image: none;color: #365C8B;outline: none;text-decoration: underline;} A:active {color: #00172f;outline: none;} dl {clear:left;color: #365C8B;float: left;font-size: 85%;margin: 12px 12px 30px 0;} dd {} dt {} dl A {color: #365C8B;outline: none;text-decoration: none;} dl A:visited {background-image: none;color: #365C8B;} dl A:hover, dl A:focus {background-color: #e1e8f4;background-image: none;color: #365C8B;text-decoration: underline;} dl A:active {color: #00172f;} dl.right {border: none;clear: right;float: right;width: auto;margin: 12px 0 30px 12px;} ul {margin: 0.5em 0 2em 0;} ul li {line-height: 150%;list-style-image: url(../images/marker_listblue.gif);list-style-position: outside;} ul li A {color: #365C8B;outline: none;text-decoration: none;} ul li A:visited {background-image: none;color: #365C8B;} ul li A:hover, ul li A:focus {background-color: #e1e8f4;background-image: none;color: #365C8B;text-decoration: underline;} ul li A:active {color: #00172f;} ol {margin: 0.5em 0 2em 0;} ol li {background-color: #e1e8f4;border-bottom: 1px solid;border-color: #ffffff;line-height: 150%;list-style-image: url(../images/marker_listorange.gif);list-style-position: inside;} ol li A {color: #365C8B;outline: none;text-decoration: none;} ol li A:visited {background-image: none;color: #365C8B;} ol li A:hover, ol li A:focus {background-color: #e1e8f4;background-image: none;color: #365C8B;text-decoration: underline;} ol li A:active {color: #00172f;} /*============================================================================================ STARTSEITE DEUTSCH > ==============================================================================================*/ /*============================================================================================ STARTSEITE DEUTSCH . DEFINITION HEADER > schmaler, ohne links leistungen ==============================================================================================*/ #de #header {background-image: url(../../site006/images/header_bg_start.gif);height: 136px;width: 100%;} #de #header_christmas {background-image: url(../../site006/images/header_img_christmas2009.gif);background-repeat: no-repeat; border: none; position:absolute; top:38px; left:500px; width:256px; height:74px;} #de #header_logo {background-image: url(../../site006/images/header_logo_bg_start.jpg);background-repeat: no-repeat;border: none;float: left;height: 114px;overflow: visible;width: 75%;} #de #header_img {background-image: url(../../site006/images/header_img_bg_start.jpg);background-repeat: no-repeat;border: none;float: right;height: 114px;margin: 0;overflow: visible;width: 22%;} #de #search {font-size: 85%;height: auto;left: 40%;overflow: visible;position: absolute;top: 20px;visibility: hidden;width: 30%;z-index: 100;} /*============================================================================================ STARTSEITE DEUTSCH . DEFINITION CONTENT-BEREICH > 3spaltig DIV-bereich "content", enthält die 2 DIV-bereiche - "content_main" (links) > unterteilt in 2 weitere DIV-bereiche - "content_pub" (links) > enthält links und anlesetext zu publikationen - "content_diagn" (rechts) > link und anlesetext zur aktuellen ausgabe diagnostic news - "content_event" (rechts) > enthält links zu aktuellen veranstaltungen DIV-bereich "content_serv" > breite 2spaltig oberhalb "content_main", enthält links zu leistungsumfang DIV-bereich "txt_topprint" > über gesamte breite, abschluss des content-bereichs, unterteilt in 2 weitere DIV-bereiche - "txt_top" > link nach oben - "txt_print" > seite drucken ALTERNATIV in "txt_topprint" - "txt_up" > _nur_ link nach oben, ohne druckmöglichkeit ==============================================================================================*/ #de #content {clear: both;margin: 0 5% 0 15%;width: 80%;} #de #bluewrap {background-color: #e1e8f4;border: 0;margin: 0;padding: 0 0 0 12px;} #de #bluewrap A {color: #365C8B;outline: none;text-decoration: none;} #de #bluewrap A:visited {color: #365C8B;outline: none;} #de #bluewrap A:hover, #de #content #bluewrap A:focus {background-color: #e1e8f4;background-image: none;color: #365C8B;outline: none;text-decoration: underline;} #de #bluewrap A:active {color: #00172f;outline: none;} /* beginn - provisorisch Klasse 'bluewrap' angelegt, bis Startseite freigegeben RS */ #de .bluewrap {background-color: #e1e8f4;border: 0;margin: 0;padding: 0 0 0 12px;} #de .bluewrap A {color: #365C8B;outline: none;text-decoration: none;} #de .bluewrap A:visited {color: #365C8B;outline: none;} #de .bluewrap A:hover, #de #content #bluewrap A:focus {background-color: #e1e8f4;background-image: none;color: #365C8B;outline: none;text-decoration: underline;} #de .bluewrap A:active {color: #00172f;outline: none;} #de .bluewrap h2 {} /* ende - provisorisch Klasse 'bluewrap' angelegt, bis Startseite freigegeben RS */ #content_serv {width: 100%;} /* beginn - provisorisch, bis Startseite freigegeben RS */ #content_serv p {padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;} #content_serv p a, #content_serv p a:link, #content_serv p a:active, #content_serv p a:visited {color: #7C94B3; font-size: 80%; text-decoration: underline;} #content_serv p a:hover {color: #7C94B3; background-color: #E1E8F4;} /* ende - provisorisch, bis Startseite freigegeben RS */ #de #content_main {color: #00172f;float: left;width: 70%;} #content_pub {float: left;margin: 0 1% 0 0;width: 49%;} #content_diagn {float: right;margin: 0 0 0 1%;width: 49%;} #content_event {float: right;width: 26%;} #content_event A {background-image: none;color: #365C8B;text-decoration: none;} #content_event A:visited {color: #365C8B;} #content_event A:hover, #content A:focus {background-color: #e1e8f4;color: #365C8B;} #content_event A:active {background-color: #e1e8f4;color: #365C8B;} #de #txt_topprint {clear: both;color: #365C8B;font-size: 85%;font-style: normal;height: 9em;margin: 0 0 30px 0;white-space: nowrap;width: 100%;} #de h1,#de h2,#de h3,#de h4 {border: #E9813A solid;border-width: 0 0 1px 0;color: #365C8B;font-weight: bold;} #de h1 {background-color: #9BB6D1;background-image: none;border: none;clear: both;letter-spacing: 0.025em;line-height: 100%;padding-bottom: 0;text-transform: uppercase;} #de h1.inv {background-color: #E9813A;color: #365C8B;} .white {background-color: #ffffff;} #de h2 {clear: both;} #de h4 {border: none;color: #E9813A;font-weight: normal;} #de h6 {padding-left: 180px;} #de p A {background-image: none;color: #E9813A;text-decoration: none;} #de p A:visited {color: #E9813A;} #de p A:hover, A:focus {background-color: #e1e8f4;color: #E9813A;} #de p A:active {background-color: #e1e8f4;color: #365C8B;} #de dl {width: auto;} #de dt {} #de dd {padding: 6px 0 0 0;} #de ol {float: left;margin: 0.5em 0 2em 0;width: 49.9%;} /*=========================================================================== "FLUGFENSTER" ===========================================================================*/ #boxDiv1,#boxDiv2,#boxDiv3,#boxDiv4, #boxDiv6{left:100px;position:absolute;top: -770px;width: 280px;z-index:1000;} #boxDiv1 {height: 495px;background-image: url(../../site006/images/bg_popuplayer01.png);} #boxDiv2 {height: 690px;background-image: url(../../site006/images/bg_popuplayer02.png);} #boxDiv3 {height: 724px;background-image: url(../../site006/images/bg_popuplayer03.png);} #boxDiv4 {height: 524px;background-image: url(../../site006/images/bg_popuplayer03.png);} #boxDiv5{left:100px;position:absolute;top: -900px;width: 280px;z-index:1000;} #boxDiv5 {height:774px;background-image: url(../../site006/images/bg_popuplayer03.png);} /* jw 20100428 */ #boxDiv6 {height: 710px;background-image: url(../../site006/images/bg_popuplayer06.png);} .flugfenster {font-size: 10px;} .flugfenster form {text-align: right; margin: 0 20px 0 20px; } .flugfenster p {margin: 0 30px 4px 30px;} .flugfenster h3 {margin: 0 20px;border-width: 1px;border-top-style: none;border-right-style: none;border-bottom-style: solid;border-left-style: none; border-color: #365C8B;text-align: left;} .flugfenster h4 {font-weight: normal;background-color: #9CB7D1;margin: 0 10px 0 10px;text-align: right;} .flugfenster h4 A {background-image: url(../images/marker_close.gif);background-repeat: no-repeat;background-position: right 0px; color: #00172f;text-decoration: none; padding: 0 15px 0 0;} .flugfenster h4 a:active {} .flugfenster h4 A:hover,.flugFenster h4 A:focus {background-color: #9CB7D1;color: #e1e8f4; text-decoration: none;} .flugfenster h4 A:visited {} .flugfenster form h3 {margin: 0;} .flugfenster form p {margin: 0px 0px 2px;} .flugfenster form p input {font-size: 10px; color: #365C8B; height: 14px; width: 120px; background-color: #FFFFFF; border-top: 1px none #9CB7D1; border-right: 1px none #9CB7D1; border-bottom: 1px solid #9CB7D1; border-left: 1px none #9CB7D1;margin: 2px 3px 0 0;} .flugfenster form p textarea {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px; color: #365C8B; width: 120px; background-color: #FFFFFF; border-top: 1px none #9CB7D1; border-right: 1px none #9CB7D1; border-bottom: 1px solid #9CB7D1; border-left: 1px none #9CB7D1;margin: 2px 3px 0 0;} .flugfenster form p .schalter { width: 16px; height: 18px; border: none;} .flugfenster form .abschicken { color: #e1e8f4; background-color: #365C8B; border: none;cursor: pointer;font-size: 10px;width: 125px;} /*============================================================================================ STARTSEITE FRANZÖSISCH > ==============================================================================================*/ /*============================================================================================ STARTSEITE FRANZÖSISCH . DEFINITION CONTENT-BEREICH > 2spaltig, aufteilung wie deutsche version DIV-bereich "content", enthält die 2 DIV-bereiche - "content_main" (links) > enthält vom kunden via mini-cms eingepflegte news - "content_event" (rechts) > enthält links und anlesetext zu publikationen DIV-bereich "content_serv" > enthält text zum unternehmen DIV-bereich "txt_topprint" > über gesamte breite, abschluss des content-bereichs, unterteilt in 2 weitere DIV-bereiche - "txt_top" > link nach oben - "txt_print" > seite drucken ALTERNATIV in "txt_topprint" - "txt_up" > _nur_ link nach oben, ohne druckmöglichkeit ==============================================================================================*/ #fr #content {width: 100%;border: 0;margin: 0;padding: 0;} #fr #content_main {color: #00172f;float: left;margin: 0 2% 0 3%;top: 300px;width: 55%;} .flagged {color:#E9813A;} #fr #content_serv p {color: #E9813A;font-size: 128.5%;padding: 0 0 0 6em;} #fr #content_event {float: right;margin: 0 5% 0 0;top: 300px;width: 25%;} #fr #content_event A {background-image: none;color: #365C8B;text-decoration: none;} #fr #content_event A:visited {color: #365C8B;} #fr #content_event A:hover, #fr #content_event A:focus {background-color: #e1e8f4;color: #365C8B;} #fr #content_event A:active {background-color: #e1e8f4;color: #365C8B;} #fr #bluewrap {background-color: #00172f;border: 0;margin: 0;padding: 0 0 0 12px;} #fr #bluewrap h2 {background-color: #00172f;border: #ffffff solid;border-width: 0 0 1px 0;text-indent: 0;} #fr #bluewrap p {color: #ffffff;padding: 0 6px 0 0;} #fr #bluewrap A {background-color: #00172f;color: #E9813A;outline: none;text-decoration: none;} #fr #bluewrap A:visited {background-color: #00172f;color: #e1e8f4;outline: none;} #fr #bluewrap A:hover, #fr #bluewrap A:focus {background-color: #00172f;background-image: none;color: #ffffff;outline: none;text-decoration: underline;} #fr #bluewrap A:active {background-color: #00172f;color: #e1e8f4;outline: none;} #fr #bluewrap A.img {background-color: #00172f;outline: none;} #fr #bluewrap A.img:visited {background-color: #00172f;outline: none;} #fr #bluewrap A.img:hover, #fr #bluewrap A.img:focus {background-color: #00172f;background-image: none;outline: none;} fr #bluewrap A.img:active {background-color: #00172f;outline: none;} #fr #bluewrap dl {width: 100%;} #fr #txt_topprint {clear: both;color: #365C8B;font-size: 85%;font-style: normal;height: 9em;margin: 0 0 30px 0;white-space: nowrap;width: 100%;} #fr h1,#fr h2,#fr h3 {border: #365C8B solid;border-width: 0 0 1px 0;color: #365C8B;font-weight: bold;} #fr h2 {background-color: #365C8B;border: none;clear: both;color: #ffffff;line-height: 150%;text-indent: 0.5em;text-transform: none;} #fr h2 A {background-color: #365C8B;background-image: none;color: #ffffff;text-decoration: underline;} #fr h2 A:visited {color: #ffffff;} #fr h2 A:hover, #fr h2 A:focus {background-color: #365C8B;color: #ffffff;} #fr h2 A:active {background-color: #365C8B;color: #ffffff;} /*============================================================================================ STARTSEITE ENGLISCH > DIV-bereich "content_serv" > breite 2spaltig oberhalb "content_main", enthält text zum unternehmen > wird nicht verwendet, da die englische startseite wie eine inhaltsseite aufgebaut ist ==============================================================================================*/ #content_serv {width: 100%;} #content_serv p {color: #E9813A;font-size: 128.5%;padding: 0 0 0 6em;} #en h1 {border: #365C8B solid;border-width: 0 0 1px 0;color: #365C8B;font-weight: bold;} /*============================================================================= STYLES fürs CMS, unverändert übernommen >> werden nur 1* in der datei coffranewsde2008/cms_navi-suche.htm aufgerufen =============================================================================*/ /* Modifiziert von SFA: Originalstile gelöscht, eigene Stile erstellt */ /* Textfeld im Editorbereich groß einstellen: */ .texteingabe {height: 400px;width: 100%;} /* Heads und Absätzen der Startseite formatieren */ .startseitelinks h2 {margin: 0px;padding: 0px;border: none;} .startseitelinks p {margin: 0px;padding: 0px;} .date {margin: 0px;padding: 4px 0px 8px;font-weight: normal;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;} .news-datum {color: #9CB7D1;} /* Heads und Absätzen der franzoesischen Startseite formatieren */ .td-con-marg-hier {padding-right: 0px;padding-left: 5px;} /*=========================================================================================== patches für IE5.x und IE6 - auskommentiert, weil pixelfehler in ie6 =============================================================================================*/ /*IE 5.x und 6: hasLayout für Hyperlinks*/ /*=========================================================================================== * html #header_navmain li, * html #header_navmain a {height: 1%;} =============================================================================================*/ } /*ende "@media" ("@media" beginnt ganz am anfang des stylesheets) > unbedingt stehenlassen*/