* { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; } body { margin:0px; padding:0px; background:url(../../gfx/basis/page_bg.gif) repeat-x; } a { color:#535353; text-decoration:underline; } a:hover { color:#C4005A; } img { border:none; } form { margin:0; padding:0; } hr { color:#ccc; height:1px; border:none; border-bottom:1px solid #ccc; margin:5px 0 15px 0; } h1 { font-size:18px; color:#747474; margin:0; padding:0; margin-bottom:10px; } h2 { font-size:16px; color:#747474; margin:0; padding:0; margin-bottom:5px; } h3 { font-size:14px; color:#747474; margin:0; padding:0; margin-bottom:5px; } p { margin:0; padding:0; margin-bottom:10px; } li { margin-bottom:5px; } ul { margin-left:8px; padding-left:10px; } #navigation { background:url(/gfx/basis/menue_bg.gif) repeat-x; height:41px; } #navigation .nav_element { font-size:14px; font-weight:bold; text-transform:uppercase; color:#ffffff; text-decoration:none; } #navigation .active { color:#C4005A; } #sidenav .active { color:#C4005A; } /* Teaser Starseite */ #teaser_startseite { background:url(../../gfx/basis/teaser_bg.gif) no-repeat; height:215px; position:relative; } #teaser_startseite #headline { position:absolute; top:35px; left:35px; } #teaser_startseite #text { position:absolute; top:100px; left:35px; width:200px; } #teaser_startseite p { margin:8px 0 22px; font-size:12px; color:#959595; font-weight:bold; } html > body #teaser_startseite #titelimage { position:absolute; top:70px; right:80px; background:url(../../gfx/images/globusse.png) no-repeat; width:360px; height:139px; } * html #teaser_startseite #titelimage { position:absolute; top:70px; right:80px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../gfx/images/globusse.png',sizingMethod='crop'); width:360px; height:139px; } /* Teaser Firmenprofil */ #teaser_firmenprofil { background:url(../../gfx/basis/teaser_bg.gif) no-repeat; height:153px; position:relative; } #teaser_firmenprofil #headline { position:absolute; top:35px; left:160px; } #teaser_firmenprofil #text { position:absolute; top:95px; left:160px; width:200px; font-weight:bold; } #teaser_firmenprofil p { margin:8px 0 22px; font-size:12px; color:#959595; font-weight:bold; } #teaser_firmenprofil #titelimage { position:absolute; top:20px; left:20px; background:url(../../gfx/images/globus_sextant.gif) no-repeat; width:360px; height:139px; } /* Teaser Stellenangebote */ #teaser_stellenangebote { background:url(../../gfx/basis/teaser_bg.gif) no-repeat; height:153px; position:relative; } #teaser_stellenangebote #headline { position:absolute; top:35px; left:160px; } #teaser_stellenangebote #text { position:absolute; top:95px; left:160px; width:250px; font-weight:bold; } #teaser_stellenangebote p { margin:8px 0 22px; font-size:12px; color:#959595; font-weight:bold; } #teaser_stellenangebote #titelimage { position:absolute; top:20px; left:20px; background:url(../../gfx/images/globus_kompass.gif) no-repeat; height:114px; width:105px; } /* Fortschrittsbalken */ #fortschrittsbalken { border:1px solid #aaa; margin-bottom:10px; } #fortschrittsbalken div { height:14px; text-align:right; background-color:#c4005a; } #fortschrittsbalken div span { color:#fff; position:relative; top:1px; font-size:9px; } #content { margin:10px 10px;} #footer { background:url(../../gfx/basis/footer_bg.gif) repeat-x bottom; height:216px; text-align:center; color:#959595; margin-top:20px; } .box_245 { margin-bottom:20px;} .box_245 .headline { background:url(../../gfx/boxen/hl_245.gif) no-repeat; width:245px; height:26px; } .box_245 .headline div { padding:5px 0 0 20px; font-weight:bold; font-size:14px; color:#ffffff; } .box_245 .content { background:url(../../gfx/boxen/footer_245.gif) no-repeat bottom; width:245px; background-color:#e5e5e5; } .box_245 .image { text-align:center; } .box_245 .image img { margin-top:10px; } .box_245 .text { padding:8px 20px; } .box_715 { margin-bottom:20px;} .box_715 .headline { background:url(../../gfx/boxen/hl_715.gif) no-repeat; width:715px; height:26px; } .box_715 .headline div { padding:5px 0 0 20px; font-weight:bold; font-size:14px; color:#ffffff; } .box_715 .content { background:url(../../gfx/boxen/footer_715.gif) no-repeat bottom; width:715px; background-color:#e5e5e5; } .box_715 .image { text-align:center; } .box_715 .image img { margin-top:10px; } .box_715 .text { padding:8px 20px; } .box_440 { margin-bottom:20px;} .box_440 .headline { background:url(../../gfx/boxen/hl_440.gif) no-repeat; width:440px; height:26px; } .box_440 .headline div { padding:5px 0 0 20px; font-weight:bold; font-size:14px; color:#ffffff; } .box_440 .content { background:url(../../gfx/boxen/footer_440.gif) no-repeat bottom; width:440px; background-color:#e5e5e5; } .box_440 .image { text-align:center; } .box_440 .image img { margin-top:10px; } .box_440 .text { padding:8px 20px; } .box_profil { margin-bottom:20px; } .box_profil .headline { background:url(../../gfx/boxen/hl_246.gif) no-repeat; height:26px; } .box_profil .headline div { padding:5px 0 0 20px; font-weight:bold; font-size:14px; color:#ffffff; } .box_profil .background { background:url(../../gfx/boxen/con_profil.gif) no-repeat; width:246px; } .box_profil .image { text-align:center; } .box_profil .image img { margin-top:10px; } .box_profil .text { padding:8px 20px; } .c_weiss { color:#FFFFFF; } .c_orange { color:#f3ac17; } .c_blau { color:#006ab3; } .c_rot { color:#FF0000; } .c_gruen { color:#009900; } .c_grau { color:#888888; } .c_magenta { color:#C4005A; } .c_gelb { color:#E7E56E; } .c_bg_orange { background-color:#f3ac17; } .left { float:left; } .right { float:right; } .clear { clear:both; } .clear_r { clear:right; } .clear_l { clear:left; } .link { width:15px; float:left; } .link_content { line-height:12px; margin-left:15px; } .lh { line-height:14px; } .abs_txt_head { margin:8px 0 22px; } .abs_shead { margin-bottom:10px; } .abs_akt_headline { margin-bottom:3px; } .abs_txt_box { padding:8px 0; } .cursor { cursor:pointer; } .balken { border-left:solid 5px #d6d6d6; padding-left:6px; } .trenner { height:1px; font-size:1px; border-bottom:solid 1px #CCCCCC; padding:0; margin:11px 0px 12px 0px; } .upper { text-transform:uppercase; } .highlight { color:#747474; font-weight:bold; } .highlight_2 { color:#959595; font-weight:bold; } .k1 { font-size:9px; } .g1 { font-size:14px; } .font_normal { font-weight: normal;} .tab_job { width:400px; } .tab_job td { border-bottom:1px solid #ccc; padding:3px 0px; } .td_job_titel { padding-right:10px; color:#535353; font-weight:bold; width:140px; } .boxed_dropdown { position:relative; } .boxed_select { width:99%; height:20px; background-color:#ffffff; border:1px solid #999999; cursor:pointer; } .boxed_select div { color:#000000; font-size:11px; padding:4px 0px 0px 5px; position:relative; } .boxed_select_content { border:solid 1px #4b4c4c; background-color:#ffffff; width:99%; overflow:auto; } .boxed_select_content div { padding:2px 3px; } .img_left { float:left; margin-right:11px; margin-bottom:11px; } .img_right { float:right; margin-left:11px; margin-bottom:11px; } .img_border1 { border:solid 1px #CCCCCC; } .img_border2 { border:solid 2px #FFFFFF; } .img_text { margin-top:3px; } .rbs_blau div { background-color:#006ab3; } .rbs_hellblau div { background-color:#7baef6; } /* .rbs_orange div { background-color:#f3ac17; } */ .rbs_orange div { background-color:#f6d21c; } .rbs_rot div { background-color:#FF0000; color:#fff; } .rbs_gruen div { background-color:#009900; } .rbs_top_foot { margin:0px 1px; height:1px; font-size:1px; } .rbs_content { padding:4px 6px } .rbs_blau .rbs_content { color:#FFFFFF; } .rbs_orange .rbs_content { color:#c4005a; font-weight:bold; } .rbs_hellblau .rbs_content { color:#fff; font-weight:bold; } .rbs2_blau div { background-color:#006ab3; } .rbs2_hellblau div { background-color:#7baef6; } .rbs2_hellgruen div { background-color:#e6f3e6; } .rbs2_hellrot div { background-color:#fbe0e3; } .rbs2_orange div { background-color:#f6d21c; } .rbs2_rot div { background-color:#FF0000; } .rbs2_gruen div { background-color:#009900; } .rbs2_top_foot { margin:0px 1px; height:1px; font-size:1px; } .rbs2_content { padding:6px 11px; overflow:auto; } .rbs2_blau .rbs2_content { color:#FFFFFF; } .rbs2_hellrot .rbs2_content { color:#FF0000; } .rbs2_hellgruen .rbs2_content { color:#009900; } .rbs3_blau div { background-color:#006ab3; } .rbs3_hellblau div { background-color:#7baef6; } .rbs3_hellgruen div { background-color:#e6f3e6; } .rbs3_hellrot div { background-color:#fbe0e3; } .rbs3_orange div { background-color:#f6d21c; } .rbs3_rot div { background-color:#FF0000; } .rbs3_gruen div { background-color:#009900; } .rbs3_top_foot { margin:0px 1px; height:1px; font-size:1px; } .rbs3_content { padding:16px 20px; overflow:auto; } .rbs3_blau .rbs2_content { color:#FFFFFF; } .rbs3_hellrot .rbs2_content { color:#FF0000; } .rbs3_hellgruen .rbs2_content { color:#009900; } .form_style2 { border: solid 1px #999999; background-color:#D9E9F4; } .form_style { border: solid 1px #999999; background-color:#FFFFFF; padding:1px 2px 2px 2px; position:relative; left:-1px; } .form_style_select { border: solid 1px #999999; background-color:#FFFFFF; height:20px; } .form_style_err { border: solid 1px #fff; background-color:#7baef6; padding:1px 2px 2px 2px; position:relative; left:-1px; } .form_bez { padding:2px 0 2px 5px; vertical-align:top; } .form_elem { padding:2px 0 2px 5px; } .form_button { } .form_block_label { color:#959595; font-weight:bold; text-decoration:underline; padding:7px 0 3px 0; } .pflichtfeld { color:#c4005a; font-weight:bold; font-size:14px; position:relative; top:2px; } /*===== CSS theme file for CalendarXP 9.0 (Totally configurable) =====*/ /* NOTE: Better use numbered color values instead of literal ones, because opera has problem with the latter in certain cases. */ /* Calendar Day Header - the cells showing "Sunday", "Monday" .... */ .CalHead {cursor:default; text-align:center;} /* Day of Week - the Anchor inside CalHead showing the day of week */ .DoWAnchor {text-decoration:none; font:bold 7.5pt Tahoma, Verdana, sans-serif; color:white;} /* Day Column Cell - the TD cell of each day */ .CalCol {} /* Day Cell - the DIV cell inside TD */ .CalCell {cursor:pointer; text-align:center;} /* Day Number - the Anchor inside DIV showing the day number */ .CellAnchor {text-decoration:none; font:9pt verdana;} /* WeekNo Header - the top header cell of the week number column */ .WeekHead {cursor:default; text-align:center; font:bold 10pt arial; color:white;} /* WeekNo Column Cell - the cells of the week number column */ .WeekCol {cursor:default; text-align:center; background:#b0c4de;} /* WeekNo Anchor style */ .WeekAnchor {text-decoration:none; font:bold 8pt arial; color:white;} /* Month navigators - the "< " or ">" used to move to previous or next month */ .MonthNav {vertical-align:middle; height:22px; width:18px; font:bold 10pt arial bold; color:black;} A.MonthNav:hover {color:yellow} A.MonthNav:active {color:red} /* styles for the 3 calendar sections (actually 3 table TDs) */ .CalTop {text-align:center;} .CalMiddle {} .CalBottom {text-align:center;} /* Calendar title - showing year and month. when giDCStyle=0, it's the style of the year/month dropdowns; giDCStyle>0, it's the style to show gsCalTitle. */ .CalTitle {vertical-align:middle; font:10pt arial; color:black;} /* The style of internal floating div/layer tags, which are usually used to create the artificial dropdown selectors. */ .FreeDiv {} /* The style of the outer TABLE tag which is the outer calendar panel. */ #outerTable {border:2px ridge #ffffff;} /* The style of the inner DIV tag that holds the inner panel of all calendar cells. */ #innerDiv {border:1px solid #dcdcdc;} /*===== Above CSS styles are commonly used in the script engine =====*/ /*====== Following are additional per-theme styles, e.g. the inner dropdown selectors and today etc. You may have your own defined. ======*/ .BottomAnchor {text-decoration:none; font:9pt Tahoma, Verdana; color:black;} A.BottomAnchor:hover {color:#CC0000;} A.BottomAnchor:active {color:red;}