a { text-decoration: none; } a:hover { text-decoration: underline; } .tinytext { font-size: 11px; } .tinytext a { text-decoration: none; color: #000000; } .tinytext a:hover { text-decoration: underline; } label { font-size: 14px; text-align: right; } input, textarea { border: 1px solid #ff9933; } input, textarea { width: 220px; } label input, input.checkbox, input.radio { width: 14px; } .doctors input, .doctors textarea { border: 1px solid #3399cc; } .patients input, .patients textarea { border: 1px solid #339900; } input.checkbox { border: none; } input.button { width: 75px; } input.date { width: 60px; } .tag_10 { font-size: 10px; } .tag_11 { font-size: 11px; } .tag_12 { font-size: 12px; } .tag_14 { font-size: 14px; } .tag_16 { font-size: 16px; } .tag_18 { font-size: 18px; } .tag_20 { font-size: 20px; } .tag_22 { font-size: 22px; } /* general elements */ body { font-size: 13px; overflow-y: scroll; margin: 0; padding: 0; border: 0; font-family: Arial, Helvetica, sans-serif; } * html body { text-align: center; } #main { margin: 0 auto 64px auto; width: 990px; } #diastaple { width: 415px; height: 173px; position: relative; } #diastaple img { width: 415px; height: 173px; position: absolute; top: 0; left: 0; } #diastaple img.toplevel { z-index: 3; } #diastaple img.inactive { z-index: 2; } #logo { } #logo .oeag { background: url(../img/logo_oeag_medium.png) center left no-repeat; height: 146px; width: 172px; margin: 8px 58px 0 0px; } /* *************************************************************************************** pictogram bar */ .info #mainmenu { height: 25px; position: relative; background: #ff9933; } .doctors #mainmenu { height: 25px; position: relative; background: #3399cc; } .patients #mainmenu { height: 25px; position: relative; background: #339900; } #mainmenu ul li { position: absolute; top: -20px; z-index: 5; } #mainmenu ul li a { display: block; height: 44px; } #mainmenu ul li.info { left: 16px; } #mainmenu ul li.info a { background: url(../img/piktos/pikto_info_44_ff9933.png) no-repeat top left; width: 12px; } * html #mainmenu ul li.info a { background: url(../img/piktos/pikto_info_44_ff9933.gif) no-repeat top left; } #mainmenu ul li.info a:hover, #mainmenu ul li.info a.active { background: url(../img/piktos/pikto_info_44_ff9933.png) no-repeat top right; } * html #mainmenu ul li.info a:hover, * html #mainmenu ul li.info a.active { background: url(../img/piktos/pikto_info_44_ff9933.gif) no-repeat top right; } #mainmenu ul li.doctor { left: 56px; } #mainmenu ul li.doctor a { background: url(../img/piktos/pikto_doctor_44_3399cc.png) no-repeat top left; width: 21px; } * html #mainmenu ul li.doctor a { background: url(../img/piktos/pikto_doctor_44_3399cc.gif) no-repeat top left; } #mainmenu ul li.doctor a:hover, #mainmenu ul li.doctor a.active { background: url(../img/piktos/pikto_doctor_44_3399cc.png) no-repeat top right; } * html #mainmenu ul li.doctor a:hover, * html #mainmenu ul li.doctor a.active { background: url(../img/piktos/pikto_doctor_44_3399cc.gif) no-repeat top right; } #mainmenu ul li.patient { left: 106px; } #mainmenu ul li.patient a { background: url(../img/piktos/pikto_patient_44_339900.png) no-repeat top left; width: 21px; } * html #mainmenu ul li.patient a{ background: url(../img/piktos/pikto_patient_44_339900.gif) no-repeat top left; } #mainmenu ul li.patient a:hover, #mainmenu ul li.patient a.active { background: url(../img/piktos/pikto_patient_44_339900.png) no-repeat top right; } * html #mainmenu ul li.patient a:hover, * html #mainmenu ul li.patient a.active { background: url(../img/piktos/pikto_patient_44_339900.gif) no-repeat top right; } #mainmenu ul li.lang { left: 150px; width: 40px; top:7px; font-size: 11px; } #mainmenu ul li.lang a { color: #ffffff; display: inline; height: 20px; } #mainmenu h1 { font-size: 14px; line-height: 25px; font-weight: normal; color: #ffffff; text-transform: uppercase; } #mainmenu h2 { font-size: 14px; line-height: 25px; font-weight: normal; color: #ffffff; } #breadcrumb { font-size: 11px; line-height: 25px; font-weight: normal; color: #ffffff; } #breadcrumb a { color: #ffffff !important; } .searchbutton { background: url(../img/icons/lupe.png) no-repeat center center; width: 32px; height: 25px; border: none; } * html .searchbutton { background: url(../img/icons/lupe.gif) no-repeat center center; } #searchfield input { border: 1px solid #ff9933; height: 25px; width: 214px; float: right; } input#mailformsubmit.submit { height: 21px; width: 20px; margin: 2px 6px 0 6px; border: 0; float: right; } .doctors #searchfield input { border: 1px solid #3399cc; } .patients #searchfield input { border: 1px solid #339900; } /* *************************************************************************************** left menu */ #leftcol { width: 248px; text-align: left; } #menu { width: 248px; } #menu ul.level0 li { font-size: 16px; font-style: normal; line-height: 14px; color: #000000; } #menu ul.level1 { border: 0; background: none; padding: 0; } #menu ul.level1 li a { font-size: 12px; font-style: italic; font-weight: bold; line-height: 12px; } .info #menu ul.level1 li a { color: #ff9933; } .doctors #menu ul.level1 li a { color: #3399cc; } .patients #menu ul.level1 li a { color: #339900; } #menu ul.level1 li a .dots { color: #000000; line-height: 15px; } #menu ul.level2 { border: 0; background: none; padding: 0; } #menu ul.level2 li a { font-size: 12px; font-style: normal; font-weight: normal; color: #000000 !important; } #menu ul.level2 li a .dots { line-height: 15px; } .info #menu ul.level2 li a .dots { color: #ff9933; } .doctors #menu ul.level2 li a .dots { color: #3399cc; } .patients #menu ul.level2 li a .dots { color: #339900; } #menu ul.level3 { border: 0; background: none; } #menu ul.level3 li a { font-size: 11px; font-style: normal; color: #000000; } #menu ul.level3 li a .dots { line-height: 15px; } .info #menu ul.level3 li a .dots { color: #ff9933; } .doctors #menu ul.level3 li a .dots { color: #3399cc; } .patients #menu ul.level3 li a .dots { color: #339900; } div.follow { padding: 24px 0 4px 0; margin: 0 48px 0 16px; width: 184px; float: left; } * html div.follow { margin: 0 24px 0 8px; } .info div.follow { border-bottom: 1px solid #ff9933; } .doctors div.follow { border-bottom: 1px solid #3399cc; } .patients div.follow { border-bottom: 1px solid #339900; } div.follow_text { font-size: 14px; margin: 8px 0 0 0; } .info div.follow_text { color: #ff9933; } .doctors div.follow_text{ color: #3399cc; } .patients div.follow_text{color: #339900; } div.fb { background: url(../img/follow_fb_24.png) no-repeat; width: 24px; height: 24px; } div.fb a { display: block; width: 24px; height: 24px; } div.tw { background: url(../img/follow_tw_24.png) no-repeat; width: 24px; height: 24px; margin: 0 4px 0 0; } div.tw a { display: block; width: 24px; height: 24px; } ul.global .dots { line-height: 14px; } ul.global a { font-size: 11px; color: #000000; } /* *************************************************************************************** center area */ #maintxt { width: 500px; text-align: left; } #maintxt h1 { font-size: 16px; text-transform: uppercase; font-weight: normal; line-height: 18px; } #content h1 { margin-bottom: 16px; } #maintxt h2 { font-size: 16px; font-weight: normal; line-height: 14px; } .info #maintxt h1, .info a, .info h2 { color: #ff9933; } .doctors #maintxt h1, .doctors a, .doctors h2 { color: #3399cc; } .patients #maintxt h1, .patients a, .patients h2 { color: #339900; } #maintxt p, #maintxt .line, #addtxt p { /* font-size: 13px; */ font-weight: normal; /* line-height: 15px; */ margin-bottom: 6px; } /* *************************************************************************************** right column */ #addtxt { width: 240px; text-align: left; } #addtxt h2 { font-size: 16px; font-weight: normal; line-height: 14px; color: #000000; } #menu h2 { font-size: 16px; font-weight: normal; } #addtxt h3 { font-size: 14px; font-style: italic; padding: 16px 0 4px 0; } #addtxt h4 { font-size: 13px; font-weight: bold; padding: 0; } .info #addtxt h4, .info #addtxt .dots { color: #ff9933; } .doctors #addtxt h4 { color: #3399cc; } .patients #addtxt h4 { color: #339900; } .printicon { width: 33px; height: 25px; background: url(../img/icons/icon_print_ora.png) no-repeat bottom left; } .sitemapicon { width: 43px; height: 25px; background: url(../img/icons/icon_sitemap_ora.png) no-repeat bottom left; } .recommendicon { width: 33px; height: 25px; background: url(../img/icons/icon_message_ora.png) no-repeat bottom left; } .pdficon { width: 31px; height: 29px; background: url(../img/icons/pdf_ora.png) no-repeat bottom left; } * html .printicon { width: 33px; height: 25px; background: url(../img/icons/icon_print_ora.gif) no-repeat bottom left; } * html .sitemapicon { width: 43px; height: 25px; background: url(../img/icons/icon_sitemap_ora.gif) no-repeat bottom left; } * html .recommendicon { width: 33px; height: 25px; background: url(../img/icons/icon_message_ora.gif) no-repeat bottom left; } * html .pdficon { width: 31px; height: 29px; background: url(../img/icons/pdf_ora.gif) no-repeat bottom left; } .doctors .printicon { width: 33px; height: 25px; background: url(../img/icons/icon_print_blu.png) no-repeat bottom left; } .doctors .sitemapicon { width: 43px; height: 25px; background: url(../img/icons/icon_sitemap_blu.png) no-repeat bottom left; } .doctors .recommendicon { width: 33px; height: 25px; background: url(../img/icons/icon_message_blu.png) no-repeat bottom left; } .doctors .pdficon { background: url(../img/icons/pdf_blu.png) no-repeat bottom left; } * html .doctors .printicon { width: 33px; height: 25px; background: url(../img/icons/icon_print_blu.gif) no-repeat bottom left; } * html .doctors .sitemapicon{ width: 43px; height: 25px; background: url(../img/icons/icon_sitemap_blu.gif) no-repeat bottom left; } * html .doctors .recommendicon { width: 33px; height: 25px; background: url(../img/icons/icon_message_blu.gif) no-repeat bottom left; } * html .doctors .pdficon { background: url(../img/icons/pdf_blu.gif) no-repeat bottom left; } .patients .printicon { width: 33px; height: 25px; background: url(../img/icons/icon_print_gre.png) no-repeat bottom left; } .patients .sitemapicon { width: 43px; height: 25px; background: url(../img/icons/icon_sitemap_gre.png) no-repeat bottom left; } .patients .recommendicon { width: 33px; height: 25px; background: url(../img/icons/icon_message_gre.png) no-repeat bottom left; } .patients .pdficon { background: url(../img/icons/pdf_gre.png) no-repeat bottom left; } * html .patients .printicon { width: 33px; height: 25px; background: url(../img/icons/icon_print_gre.gif) no-repeat bottom left; } * html .patients .sitemapicon { width: 43px; height: 25px; background: url(../img/icons/icon_sitemap_gre.gif) no-repeat bottom left; } * html .patients .recommendicon { width: 33px; height: 25px; background: url(../img/icons/icon_message_gre.gif) no-repeat bottom left; } * html .patients .pdficon { background: url(../img/icons/pdf_gre.gif) no-repeat bottom left; } #addtxt { } #headline { font-size: 28px; font-family: Times, Serif; padding: 32px 0 16px 0; text-align: left; } #lowerpart { text-align: left; } #content_left { width: 372px; float: left; } #content_right { width: 262px; float: left; padding-left: 64px; } .rss { width: 24px; height: 24px; display: block; background: url(../img/icon_rss.png) no-repeat; padding: 0; } * html .rss { background: url(../img/icons/icon_rss.gif) no-repeat; } .bodytext { /* font-size: 13px; */ line-height: 15px; } /* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */ .clearfix:after { clear: both; content:' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } .float_left { float: left; } .float_right { float: right; } hr { color: #ff9933; background-color: #ff9933; height: 1px; border: none; margin: 32px 0; } .doctors hr { color: #3399cc; background-color: #3399cc; } .patients hr { color: #339900; background-color: #339900; } /* *************************************************************************************** CSS styled content CSC */ .csc-default ul { padding-left: 16px; } .csc-default li { list-style: disc; font-size: 13px; line-height: 16px; } .csc-textpic-imagewrap { margin-bottom: 10px; } div.csc-textpic-intext-left div.csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap { margin-right: 18px !important; } .csc-default { clear: both; } .csc-textpic-text ul { position: relative; height: auto; padding-left: 16px; } .csc-textpic-text li { font-size: 12px; line-height: 12px; margin-bottom: 4px; list-style: disc; } /* formlib */ table .p { font-size: 13px; } table .paragraph { font-size: 13px; } /* process bar */ /* process row (e.g. step a of x) */ #processrow { height: 29px; /* margin: 20px 0 0 00px; */ } * html #processrow { margin: 0 0 0 00px; } .processrow_start { float: left; width: 10px; height: 29px; } .processrow_start_active { float: left; width: 10px; height: 29px; } .processrow_entry_std { float: left; padding: 0 10px 0 10px; width: 120px; height: 29px; line-height: 29px; text-align: center; } .processrow_entry_active { float: left; padding: 0 10px 0 10px; width: 120px; height: 29px; line-height: 29px; text-align: center; } .processrow_separator { float: left; width: 10px; height: 29px; } .processrow_separator_pre { float: left; width: 10px; height: 29px; } .processrow_separator_post { float: left; width: 10px; height: 29px; } .processrow_end { float: left; width: 10px; height: 29px; } .processrow_end_active { float: left; width: 10px; height: 29px; } /* process row (e.g. step a of x) */ #processrow { } #processrow { font-size: 14px; font-weight: bold; } * html #processrow { } .processrow_start { background-image: url(../img/processbar/process_bar_start.png); background-repeat: no-repeat; } .processrow_start_active { background-image: url(../img/processbar/process_bar_start_active.png); background-repeat: no-repeat; } .processrow_entry_std { background-image: url(../img/processbar/process_bar_entry_std.png); background-repeat: repeat-x; } .processrow_entry_active { background-image: url(../img/processbar/process_bar_entry_active.png); background-repeat: repeat-x; color: #ffffff; } .processrow_separator { background-image: url(../img/processbar/process_bar_separator.png); background-repeat: no-repeat; } .processrow_separator_pre { background-image: url(../img/processbar/process_bar_separator_pre_active.png); background-repeat: no-repeat; } .processrow_separator_post { background-image: url(../img/processbar/process_bar_separator_post_active.png); background-repeat: no-repeat; } .processrow_end { background-image: url(../img/processbar/process_bar_end_int.png); background-repeat: no-repeat; } .processrow_end_active { background-image: url(../img/processbar/process_bar_end_active_int.png); background-repeat: no-repeat; }