/*****************************************************************************************/ /* SHOW/IT - Framework - CSS */ /* Authors: Bernhard Wöhrlin & Jan Evers */ /* http://it.cappuccinonet.com http://www.keimzelle.net */ /* copyright 2005 */ /*****************************************************************************************/ /****** SKIN ******/ .testvar {display: block;} /* STRICTLY BASIC */ /****************************************************************************************/ body {font: small Georgia, Verdana, Goudy Old Style sans-serif;} #page .si-bitv, #page .jumper {display: none;} hr.si-bitv {display: block ! important; height: 1px; margin-top: -1px; visibility: hidden;} fieldset.bitv-main {border: 0px hidden ! important;} ul.menu li, #area-navi-sub li {list-style: none;} img {border: 0px;} /*font-styles */ a {color: #000;} a:hover {color: #0066FF !important;} a span {cursor: pointer;} .hi a {color: #0066FF;} b.hd {letter-spacing: 0.2em;} .input_button input, input.input_button {cursor: pointer; background: #fdfdfd url(../../../../icons/clients/keimzelle/bt_default_lo.gif) bottom left no-repeat; border: 2px dotted #0066ff; color: #0066FF; font-weight: bold; text-transform: uppercase; letter-spacing: 0.2em; padding-left: 30px;} .input_button input:hover, input.input_button:hover {background: #0066FF url(../../../../icons/clients/keimzelle/bt_default_hi.gif) bottom left no-repeat; color: #FFF; border: 2px solid #0066FF;} /* CLASSES*/ /****************************************************************************************/ /* AREAS */ /****************************************************************************************/ /* 1 #area-head */ #area-logo {display: none;} #fr1-head {background: #577400 url(../../../../icons/clients/keimzelle/kopfgrund.jpg) bottom left no-repeat;} #fr2-head {background: url(../../../../icons/clients/keimzelle/logo-w.gif) 460px 19px no-repeat;} /* 2 #area-pagepath */ #area-pagepath {padding-left: 0.5em;} #fr1-pagepath {font-size: 85%; color: #fff;} #ct-pagepath {padding-top: 0.2em;} #ct-pagepath li {display: inline;} #ct-pagepath li a {color: #fff; padding-left: 0.3em; text-decoration: none;} #ct-pagepath li.li-home a {padding-left: 0px;} /* 3 #area-navi-main */ #area-navi-main {padding-bottom: 1em;} #area-navi-main hr.si-bitv {clear: both ! important;} #ct-navi-main ul {width: 550px; min-height: 20px;} #ct-navi-main li {float: left; background: url(../../../../icons/clients/keimzelle/linkdivider.gif) 0px 2px repeat-y;} #ct-navi-main a {float: left; text-decoration: none; text-transform: uppercase; font-size: 110%; color: #666; font-size: 105%; } #ct-navi-main a:hover, #ct-navi-main a:hover span {color: #FFF ! important;} #ct-navi-main a .onoff { padding: 0.3em 0.5em 0.2em 0.5em; float: left;} #ct-navi-main a:hover .onoff { background: #0066FF ! important;} #ct-navi-main .hi, #area-navi-main .parent {float: left; background: #0066FF; } #ct-navi-main .hi a, #area-navi-main .parent a { color: #fff ! important;} #ct-navi-main .li-home span {padding-left: 0px; padding-right: 0px; display: block;} #ct-navi-main .li-home .onoff {width: 20px; overflow: hidden; visibility: hidden;} #ct-navi-main .li-home .on { background: url(../../../../icons/clients/keimzelle/chromosom-home.gif) 4px 50% no-repeat;} #ct-navi-main .li-home .parent a:hover {background: #0066FF url(../../../../icons/clients/keimzelle/chromosom-home.gif) 4px 50% no-repeat;} #ct-navi-main .li-home .parent a:hover .on {background: transparent;} #ct-navi-main .li-home a {background: transparent url(../../../../icons/clients/keimzelle/chromosom-home_hi.gif) 4px 50% no-repeat;} #ct-navi-main .li-home .parent a {background: transparent url(../../../../icons/clients/keimzelle/chromosom-home.gif) 4px 50% no-repeat;} #ct-navi-main .li-home .parent {background: transparent;} #ct-navi-main .li-home .hi {background: transparent;} /* 4 #area-search */ #fr1-search {padding: 0px 0px 0px 10px;background: #fff url(../../../../icons/clients/keimzelle/linkdivider.gif) top left repeat-y; z-index: 40;} #fr2-search {text-align: right; background: url(../../../../icons/clients/keimzelle/linkdivider.gif) top right repeat-y;} #ct-search .input_button input {border: 0px solid #fff; background: url(../../../../icons/clients/keimzelle/bt-search_lo.gif) 0px 0px no-repeat; font-size: 0px ! important; height: 25px; padding-left: 20px; color: #fff ! important; letter-spacing: -0.5em;} #ct-search .input_button input:hover {border: 0px solid #fff; background: url(../../../../icons/clients/keimzelle/bt-search_hi.gif) 0px 0px no-repeat; padding-left: 20px;} #ct-search .input_text input {background: #F5FFCC; border: 1px solid #999; font-size: xx-small; width: 100px;} #ct-search .input_text input:focus {background: #fff; border: 1px solid #0066ff;} #ct-search {padding: 0 0.25em 0.25em 0.25em;} /* #area-contentfield */ #ct-contentfield {background: #efefef url(../../../../icons/clients/keimzelle/gr_chromosome_main.png) bottom right no-repeat;} .tpl-teaser #area_contentfield {background: #efefef url(../../../../icons/clients/keimzelle/gr_tpl_teaser.gif) top right repeat-y;} .tpl-teaser #fr1_contentfield {background: url(../../../../icons/clients/keimzelle/gr_chromosome_teaser.gif) bottom right no-repeat;} #area_contentfield #blocker_contentfield {display: block ! important; visibility: visible ! important; height: 15px ! important; clear: both ! important; background: #C5D0A7 url(../../../../icons/clients/keimzelle/gr_chromosome_border.jpg) bottom right no-repeat ! important;} /* #area-content */ #area-content {border-left: 1px solid #C5D0A7;} .tpl-noteaser #area-content {border-right: 1px solid #C5D0A7;} /* #rte-content */ #area-rte {position: relative;} /* #ie needs relative */ #ct-rte {padding: 15px 5% 3em 10px; border-top: 1px solid #C5D0A7; position: relative;} /* #ie needs relative */ /* basics */ .level_1 #ct-rte ul li, .level_1 #ct-rte ol li {list-style: none;} #area-rte ul li { padding: 0.25em 0; list-style-position: inside;} .level_1 #ct-rte li {clear: left;} #ct-rte ol {margin: 1em 0 1em 0;} #ct-rte ol li {padding: 0.25em 0; clear: left; list-style-position: inside;} #ct-rte h1 {color: #4D6706; font: 220% Verdana, Gill; line-height: 95%; letter-spacing: 0.05em; font-weight: bold; margin: 0px 0px 0px 0px;} #ct-rte h2 {color: #4D6706; font: 180% Verdana, Gill; line-height: 95%; letter-spacing: 0.05em; margin: 0 0 0.25em 0px; text-align: right;} #ct-rte h3 {color: #333; font: 150% Verdana, Gill; line-height: 95%; margin: 1em 0 0.5em 0;} #ct-rte h4 {color: #c60;} #ct-rte b {color: #333;} #ct-rte p {margin: 0.25em 0 0.25em 0; } #ct-rte a {color: #666600;} #ct-rte img {border: 1px solid #4D6706;} #ct-rte img.img01 {float: left; position: relative;} #ct-rte img.img02 {border: 0px solid #4D6706;} #ct-rte p img.img01 {margin: 0px 10px 10px 0px;} #ct-rte li img.img01 {margin: 2px 8px 0px 2px;} #ct-rte .img {float: left;} #page_62 #ct-rte p {clear: left;} #ct-rte table h3 {padding: 0px;} #ct-rte table { margin: 0 0 0 20px;} #ct-rte table strong {color: #4D6706; letter-spacing: 0.1em;} #ct-rte table td {padding: 0 1em 0.25em 0em;} #ct-rte table .tb-subhead .td-col1 {text-align: left; padding-top: 0.5em; letter-spacing: 0.1em; } #ct-rte table .td-col1 {color: #c60; font-weight: bold; text-align: right;} #ct-rte table .td-col3 {color: #999; font-style: italic; letter-spacing: 0.05em;} #ct-rte table .td-col3 strong {color: #c60; font-weight: normal;} #ct-rte em.title {color: #999; padding-left: 1em;} #ct-rte .div_headpic {overflow: hidden; position: relative; left: -21px; top: -16px; margin-bottom: -16px;} div.tpl-teaser .div_headpic {width: 498px;} div.tpl-noteaser .div_headpic {margin-right: 2px;} #ct-rte .div_headpic, .div_headpic img {border: 0px solid #fff !important;} /* #area-navi-sub */ #ct-navi-sub {font-size: 85%;} #ct-navi-sub ul {display: block;} #ct-navi-sub ul a {display: block; padding: 0px; text-decoration: none;} #ct-navi-sub ul a:hover {color: #fff !important} #ct-navi-sub ul a span {display: block;} /* basics */ #ct-navi-sub ul {padding: 0px 0px 1em 10px; background: #E0F0B3; border-right: 1px solid #fff; border-top: 1px solid #fff;} #ct-navi-sub ul li {border-bottom: 1px solid #fff;} #ct-navi-sub ul li a {} #ct-navi-sub .hi a {background: #fff; font-weight: bold; border: 1px solid #0066FF;} #ct-navi-sub ul li a:hover {background: #0066FF; color: #fff;} #ct-navi-sub ul li a span {padding: 0.5em;} /* 5 #area-teaser */ div.tpl-noteaser #fr1-teaser {display: none;} #area-teaser {background: url(../../../../icons/clients/keimzelle/subkeimedge.gif) 0px 0px no-repeat; border: 1px solid #99CC00; border-bottom: 0px solid #99CC00;} #fr1-teaser h1, #fr1-teaser h2 {color: #fff; font-family: courier, courier new ; font-weight: normal;} #ct-teaser {display: block; padding: 45px 5px 0px 5px; overflow: hidden; font-size: 80%;} .teaser-sinlge .fr2-teaser {background: url(../../../../icons/clients/keimzelle/divline_01.gif) bottom left repeat-x; padding-bottom: 1em;} .teaser-sinlge .rte_field {padding: 10px 0px 1em 0px; font-weight: bold;} .teaser-sinlge .rte_field .img {border: 1px solid #fff; overflow: hidden; margin: 0px 0 6px 0; display: block; height: 60px; width: 220px !important;} .teaser-sinlge .rte_field p {padding: 0px 5px 0.25em 5px;} .teaser-sinlge .rte_field i, .teaser-sinlge .rte_field em {text-transform: uppercase; font-style: normal; letter-spacing: 0.25em; color: #fff;} .teaser-sinlge .rte_field a {color: #fff; float: right;} /* #area-viewprefs */ #ct-viewprefs {width: 25px;} #ct-viewprefs li { width: 25px; height: 22px; position: relative; margin-bottom: -1px; padding: 0px ! important; background: url(../../../../icons/clients/keimzelle/frame-viewprefs.gif) top left no-repeat; overflow: hidden !important;} #ct-viewprefs li a {display: block; width: 25px; height: 22px;} #ct-viewprefs li a span {display: block; width: 25px; height: 22px;} #ct-viewprefs li a:hover .on {background: transparent ! important;} #ct-viewprefs li a .onoff {display: none ! important;} #ct-viewprefs li.view-normal a { background: url(../../../../icons/clients/keimzelle/view-normal_hi.gif) top left no-repeat;} #ct-viewprefs li.view-normal a .on { background: url(../../../../icons/clients/keimzelle/view-normal_hi.gif) top left no-repeat;} #ct-viewprefs li.view-medium a { background: url(../../../../icons/clients/keimzelle/view-normal_hi.gif) top left no-repeat;} #ct-viewprefs li.view-medium a .on { background: url(../../../../icons/clients/keimzelle/view-medium.gif) top left no-repeat;} #ct-viewprefs li.view-large a { background: url(../../../../icons/clients/keimzelle/view-large_hi.gif) top left no-repeat;} #ct-viewprefs li.view-large a .on { background: url(../../../../icons/clients/keimzelle/view-large.gif) top left no-repeat;} #ct-viewprefs li.view-x-large a { background: url(../../../../icons/clients/keimzelle/view-large_hi.gif) top left no-repeat;} #ct-viewprefs li.view-x-large a .on { background: url(../../../../icons/clients/keimzelle/view-xlarge.gif) top left no-repeat;} /* #area-langselect */ #ct-langselect ul {position: absolute; bottom: 0px; right: 0px; width: auto; text-align: left; padding-bottom: 3px; display: inline;} #ct-langselect li {display: inline; float: left; height: 1em;} #ct-langselect a {text-decoration: none; color: #666 ! important; font-size: 90%; background: url(../../../../icons/clients/keimzelle/linkdivider.gif) top right repeat-y;} #ct-langselect .hi a {color: #0066FF ! important; font-weight: bold; } #ct-langselect a:hover {color: #0066FF ! important;} #ct-langselect a span { padding: 0 0.5em;} /* 6 #area-navi-footer */ #ct-navi-footer ul {position: absolute; bottom: 0px; left: 0px; width: 550px; text-align: left; padding-bottom: 3px; display: inline;} #ct-navi-footer li {display: inline; float: left; height: 1em;} #ct-navi-footer a {text-decoration: none; color: #666 ! important; font-size: 90%; background: url(../../../../icons/clients/keimzelle/linkdivider.gif) top left repeat-y;} #ct-navi-footer .hi a {color: #0066FF ! important; font-weight: bold; } #ct-navi-footer a:hover {color: #0066FF ! important;} #ct-navi-footer a span { padding: 0 0.5em;} /* #area-footer */ #area-footer {background: #fff url(../../../../icons/clients/keimzelle/gr_chromosome_body.jpg) top right no-repeat !important;} #fr1-footer { padding: 1em 0 0 10px; color: #A4B17F;} #ct-footer p {padding: 0; margin: 0px 0px 0.5em 0px; color: #818F5A} #ct-footer b { color: #818F5A;} #ct-footer a {color: #A4B17F;} #vcard {padding-bottom: 4em;} #vcard a { font-weight: bold; color: #818F5A;} #comment_bitv * {color: #999 ! important;} #area-sifcopy {display: none;} /* .w3c */ #area-w3c {text-align: right; padding: 1em; clear: both; background: #fff;} #area-w3c ul.menu {float: right;} .w3c {display: inline;} .w3c a .on {float: left; height: 32px; width: 88px;} .w3c a .onoff {display: none;} #w3cxhtml a .on {background: url(../../../../icons/w3c/valid-xhtml10.png) top left no-repeat !important;} #w3ccss a .on {background: url(../../../../icons/w3c/vcss.png) top left no-repeat !important;} #w3cwaia a .on {background: url(../../../../icons/w3c/wcag1A.png) top left no-repeat !important;} #w3cwaiaa a .on {background: url(../../../../icons/w3c/wcag1AA.png) top left no-repeat !important;} #w3cwaiaaa a .on {background: url(../../../../icons/w3c/wcag1AAA.png) top left no-repeat !important;} #sit-label a .on {width: 67px; height: 41px; background: url(../../../../icons/sif/sif-hq-label.gif) top right no-repeat !important;} /* PAGES*/ /****************************************************************************************/ /* search.tpl */ .searchresult {padding: 0.5em 1em 1em 1em;} .searchresult .infoline {display: block; padding: 0 0 0 0; margin: 0 0 0.7em 0; border-bottom: 1px solid #4D6706;} #container .searchresult .infoline a {text-decoration: none; color: #4D6706;} #container .searchresult .infoline a:hover {text-decoration: none; color: #0066FF;} .searchresult .infoline .si-cont {font-weight: bold;} .searchresult .infoline .si-expl {display: none;} .searchresult .infoline .result-id {color: #c60;} .searchresult .resultpreview {} .searchresult .resultpreview b {padding: 0 0em 0 0em; border: 1px solid #c60; font-size: 100%;} .searchresult .resultlink {padding-top: 0.5em; text-align: right;} .searchresult .resultlink a {font-size: small; } .searchresult .resultlink a:hover {} #container b.hd {letter-spacing: 0.1em; color: #818F5A;} /* contact.tpl */ #tpl-contact #form_contact {margin-top: 2em; padding: 0 0 0 20px;} #tpl-contact #form_contact div {padding: 0 0 0.5em 0;} #tpl-contact .si_expl {float: left; clear: left; width: 12em; padding-top: 0.2em; color: #4D6706;} #tpl-contact .si_input .input_text {width: 250px;} #tpl-contact #set_email .si_input input, #set_sonstiges textarea {width: 400px;} #set_sonstiges textarea {height: 150px;} #set_email {margin-top: 1em;} #tpl-contact #fixedfoot {color: #999; margin: 1em 0 0 0em; padding: 0 0 0 20px;} #tpl-contact #area_submit {margin: 1em 0 0 12em;} /* .errorprompt */ div.errorprompt { padding: 1em;} div.fr1-errorprompt {border: 1px solid #0066FF; padding: 2em 0px 2em 0px; text-align:center; -moz-border-radius: 7px; background: #fafafa; font-size: 120%;} div.fr1-errorprompt .input_button {padding: 1em 0px 2em 0px;} /* sitemap.tpl */ #tpl-sitemap #area-rte ul.sitemap {padding: 0px; margin: 0px 0px 0px 30px;} #tpl-sitemap #area-rte ul.sitemap ul {padding: 0px; margin: 0px 0px 0px 30px;} #tpl-sitemap #area-rte em.title {color: #999; padding-left: 1em; font-size: 85%;} #tpl-sitemap #area-rte ul.sitemap li {list-style-type: upper-roman;} #tpl-sitemap #area-rte ul.sitemap ul li {list-style-type: decimal;} #tpl-sitemap #area-rte ul.sitemap ul ul li {list-style-type: square;} #tpl-sitemap #area-rte ul.sitemap a {color: #c60;} #tpl-sitemap #area-rte li b {color: #c60; font: 100% Verdana, Gill;} /* #page_1 (startseite) */ #page_1 #area-rte .format .h1 {padding: 0px; margin: 1em 0 0.5em 0;} #page_1 #area-rte .format .h1 h1 {font-size: 100%; text-align: right; width: 445px;} #page_1 #area-rte .format h1 a {margin-right: 15px; text-decoration: none; color: #4D6706; margin-top: 0px;} #page_1 #area-rte .format p {padding: 0 20px 0px 3px;} #page_1 #area-rte .format a {font-weight: bold;} #page_1 #area-rte .format p a {position: relative; left: -3px;} #page_1 #area-rte .format p a span {display: block; padding: 25px 0 8px 60px; text-align: left; letter-spacing: 0.02em;} #page_1 #area-rte .format .design h1 {background: url(../../../../icons/clients/keimzelle/ic_square_design.gif) bottom right no-repeat;} #page_1 #area-rte .format .design p a span {background: url(../../../../icons/clients/keimzelle/arrow_design.gif) bottom left no-repeat;} #page_1 #area-rte .format .design img {border: 1px solid #B2CA00;} #page_1 #area-rte .format .products h1 {background: url(../../../../icons/clients/keimzelle/ic_square_products.gif) bottom right no-repeat;} #page_1 #area-rte .format .products p a span {background: url(../../../../icons/clients/keimzelle/arrow_products.gif) bottom left no-repeat;} #page_1 #area-rte .format .products img {border: 1px solid #404040;} #page_1 #area-rte .format .access h1 {background: url(../../../../icons/clients/keimzelle/ic_square_access.gif) bottom right no-repeat;} #page_1 #area-rte .format .access p a span {background: url(../../../../icons/clients/keimzelle/arrow_access.gif) bottom left no-repeat;} #page_1 #area-rte .format .access img {border: 1px solid #0066FF;}