* { margin: 0; padding: 0; } BODY { /*font-family: Georgia; */font-family: Arial; line-height: 1.4em; color: #333; font-size: 14px; border-top: 5px solid #000; } P { padding-bottom: 1em; } H1 { font-family: 'Droid Sans', arial, serif; /*display: none;*/ margin: .7em 0; line-height: 1.3em;font-size: 1.7em; letter-spacing: 0px; color: #000;} H2 { margin: .5em 0; } EM { color: #860400; } A, A:LINK, A:VISITED, A:HOVER { color: #BD0926; text-decoration: none; } img {border: 0px;} #main li { text-align: left; margin-left: 15px;} .right { text-align: right; } .left { text-align: left; } .error { color: #CA3421; padding-top: .5em; } .mandatory { color: #CA3421; } a.footerlink {color: #ccc;} #main .inside { position: static; /*IE7*/; text-align: left;} #main .mod_article { float: left; width: 630px; } #main .mod_article P { text-align: justify; } #main .mod_article TH { vertical-align: top; } #main .ce_text UL { list-style-type: disc; list-style-position: inside;} #right { float: right; margin-top: 20px; } #teaser {clear: both; float: left; height: 230px; width: 900px; margin-top: 100px; background: url(images/teaser.jpg) no-repeat; } #logo { position: absolute; left: 50%; margin-left: -440px; margin-top: 30px; width: 277px; height: 60px; } #header { width: 900px;} #current_user { float: right; margin-top: -340px; list-style-type: none; font-size: .8em; line-height: 1.5em; color: #999; padding: 2em 1em; text-align: left; top: 325px; } #link_joblist { padding-left: 20px; background: url(images/text_list_bullets.png) no-repeat;} #link_jobcalendar { padding-left: 20px; background: url(images/calendar.png) no-repeat;} #main .mod_article P.lost-password { text-align: right; margin-right: 105px; padding: 0; } /** * Tooltips */ .tooltip { padding: 8px; background: url(images/help.png) no-repeat 0 .6em; margin-left: .2em; } .tip { color: #fff; width: 139px; z-index: 13000; } .tip-title { font-size: .8em; margin: 0; color: #FFF; padding: 8px 8px 4px; background: url(images/bubble.png) top left; } .tip-bottom { padding: 4px 8px 8px; background: url(images/bubble.png) bottom right; } /** * Kalender */ .mod_calendar TABLE { border-collapse: collapse; } .mod_calendar TD, .mod_calendar TH { padding: .15em; vertical-align: top; border: 1px solid #FFF; } .mod_calendar TH.label { background-color: #860400; color: #FFDC73; padding: .15em .3em; border: 1px solid #FFF; font-weight: normal; } .mod_calendar TH.next { text-align: right; } .mod_calendar TH.current { text-align: center; } .mod_calendar .event { margin-bottom: 1em; } .mod_calendar .event A { font-size: .9em; } .mod_calendar .week_0 TD, .mod_calendar .week_2 TD, .mod_calendar .week_4 TD { background-color: #EEE; } .mod_minical {clear: both; position: absolute; top: 450px; left:50%; margin-left: 250px;} .mod_minical .active A { font-weight: bold; } .mod_eventlist .event { border-bottom: 1px dotted #EEE; padding: .5em 0; } .mod_eventlist .event.last { border-bottom: 0; } .mod_eventlist .header { margin-top: 1em; } .kalender #main .mod_minical { display: none; } .kalender #main .mod_article { width: auto; } /** * Navigation */ #nav_main { clear: both; background-color: #000000; float: right; margin-top: -270px;} #nav_main LI A { color: #fff; max-height: 40px; padding: 0px 16px 0px 16px; } #nav_main A:HOVER { background: #BD0926; color: #fff; display: block; } #nav_main UL { float: right; margin: 0; } #nav_main LI { font-family: 'Droid Sans', arial, serif; list-style-type: none; display: block; float: left; line-height: 40px; font-size: 1.2em; color: #fff; border-left: 0px solid #fff; } #nav_main LI.active{ background: #BD0926; color: #fff; padding: 0px 16px 0px 16px;} #nav_main LI.trail { background-color: #000; color: #BD0926; } #nav_main .trail A { color: #fff; } #nav_sub { width: 100%; background-color: #BD0926; height: 30px; float: right; } #nav_sub LI A { color: #FFF; max-height: 30px; padding: 0px 16px 0px 16px; } #nav_sub A:HOVER { background: #000; color: #fff; padding: 0px 16px 0px 16px; display: block} #nav_sub UL { float: right; margin: 0; } #nav_sub LI { font-family: 'Droid Sans', arial, serif; position: relative; list-style-type: none; display: block; line-height: 30px;float: left; font-size: 1.1em; color: #fff; border-left: 0px solid #fff;} #nav_sub LI.active{ background: #000; color: #fff; line-height: 30px; padding: 0px 16px 0px 16px; } #nav_sub LI.trail, #nav_sub LI.trail A { background-color: #000; color: #BD0926; } #nav_path { clear: both; text-align: left; padding: .2em; border-bottom: 1px solid #DDD; font-size: 1.1em;} #nav_help { clear: both; text-align: center; border-top: 1px solid #DDD; } #nav_help LI { display: inline; line-height: 3em; padding: 0.5em; } #nav_help A:HOVER { text-decoration: underline; } /* Projects */ #nav_projects UL { list-style-type: none; /*margin: 0 72px;*/ } #nav_projects LI { display: block; float: left; } #nav_projects A { display: block; height: 130px; background-repeat: no-repeat; } #nav_projects A SPAN { display: none; } #nav_projects .festival A { display: none; background-image: url(images/festivaljobs_lg_festivaljobs.gif); width: 140px; } #nav_projects .alwo A { background-image: url(images/festivaljobs_lg_alwo.gif); width: 117px; } #nav_projects .kulisse A { background-image: url(images/festivaljobs_lg_kulisse.gif); width: 133px; } #nav_projects .parroyal A { background-image: url(images/festivaljobs_lg_parroyal.gif); width: 144px; display: none; } #nav_projects .bigextra A { background-image: url(images/festivaljobs_lg_bigextra.gif); width: 97px; } #nav_projects .subcircus A{ background-image: url(images/festivaljobs_lg_subcircus.gif); width: 151px; } #nav_projects .matzke A { background-image: url(images/festivaljobs_lg_matzke.gif); width: 118px; } #nav_projects .szenario A { background-image: url(images/festivaljobs_lg_szenario.gif); width: 129px; } #nav_projects .fzb A { background-image: url(images/festivaljobs_lg_feuerzangenbowle.gif); width: 144px; } /** * Refernzen */ #referenzen TABLE { border-collapse: collapse; margin-bottom: 1em; } #referenzen TH, #referenzen TD { padding: .2em .5em; border: 1px solid #FFF; } #referenzen TH, #referenzen TD.label { background-color: #EEE; color: #666; } #referenzen li {text-indent:-10px;} /** * registration, personal data form */ .formbody { } .formbody INPUT, .formbody TEXTAREA { width: 320px; border: 1px solid #888; background: #FFF url(images/bg_input.png) repeat-x bottom; margin: .5em 0; padding: .2em 0; } .formbody SELECT { width: 320px; } .formbody FIELDSET { background: #FDFDFD url(images/bg_fieldset.gif) repeat-x; border: 1px solid #DDD; margin: 2em 0; padding: 1em; } .formbody LEGEND { font-size: 1.5em; border: 4px solid #FFF; background-color: #BD0926; color: #FFF; padding: .1em .3em; margin-left: 1em; } .formbody LABEL { color: #333; font-weight: bold; } .formbody SMALL.info { font-style: italic; } .formbody TD.col_0 { width: 180px; text-align: right; padding: .7em 1em .7em 0; vertical-align: top; } .formbody INPUT.submit { color: #860400; border: 4px solid #860400; margin: 1em 0; } .formbody INPUT.delete { float: right; } .formbody INPUT.checkbox { width: auto; border: 0; } .formbody .checkbox_container SPAN { display: block; } .formbody .checkbox_container INPUT { display: block; clear: left; float: left; } .formbody .checkbox_container LABEL { display: block; float: left; line-height: 2em; padding-left: 1em; } .formbody TD.col_1 INPUT.agreement.checkbox { display: block; float: left; margin-bottom: 1em; } .formbody TD.col_1 LABEL.agreement { display: block; margin-left: 25px; } .formbody TD.col_1 DIV.agreement_text { font-size: .7em; margin-left: 25px; } /** * Avatar frontend module */ .avatar_container .checkbox_container * { vertical-align: middle; } .avatar_container .label_container { margin-top: 10px; } .avatar_container .textlabel { font-weight: bold; } .avatar_container .error_message { color: red; } .avatar_container .hint { color: #888; margin-bottom: 10px; font-size: .6em; } .avatar_container IMG.avatar { padding: 1px; border: 1px solid #888; } .addthis_toolbox {position: fixed; width: 30px; top: 65px; right: 10px;}