* { margin: 0; padding: 0; } BODY { font-family: Verdana, Sans-Serif; line-height: 1.4em; color: #888; font-size: 11px; } P { padding-bottom: 1em; } H1 { margin: .5em 0; font-size: 14px; color: #009035; font-family: Helvetica, Verdana, Sans-Serif; font-weight: normal; text-transform: uppercase; } H2 { margin: .5em 0; font-size: 12px; color: #009035; font-weight: normal; } EM { color: #009035; } TD, TH { padding: 4px; vertical-align: top; } TH { color: #AAA; } A, A:LINK, A:VISITED, A:HOVER { color: #AAA; text-decoration: none; } BODY { background: #1A171B url(alwo_bg_body.gif) repeat-x; } #wrapper { background: url(alwo_bg_wrapper.png) no-repeat !important; background-image: url(alwo_bg_wrapper.gif); padding: 0 129px; } #header { position: relative; } #container { background-color: #1C1C1C; } #left { } #right { margin-bottom: 60px; } #right .inside { } #main { padding: 26px 18px 26px 18px; background: #2A2A2A url(alwo_bg_main.gif) right 32px no-repeat; } #footer { width: 900px; margin: 0 auto; background-color: #211F22; } #footer .inside { height: 200px; text-align: center; border-top: 1px solid #333; } #copyright { font-size: 12px; } #logo { position: absolute; top: 120px; width: 456px; height: 130px; margin: 63px 222px 0 222px; background: url(alwo_logo.png) no-repeat !important; background-image: url(alwo_logo.gif); } #news { } /* COMMON */ .default #main .mod_article { padding: 0 20px; } /* TEASER */ #teaser { position: absolute; top: 120px; width: 900px; height: 193px; background: #1C1C1C url(alwo_bg_teaser_default.jpg) no-repeat; } #sticker { position: absolute; top: -61px; right: 0; width: 250px; height: 60px; background: url(alwo_bg_sticker.gif) no-repeat; } /* SITEMAP*/ .mod_sitemap UL UL { padding-left: 2em; } /* NAVIGATION */ /* Main */ #nav_main UL { position: absolute; width: 900px; height: 120px; list-style-type: none; } #nav_main LI { display: block; float: left; } #nav_main A, #nav_main SPAN { display: block; height: 120px; background-repeat: no-repeat; text-indent: -10000px; } #nav_main A.events, #nav_main SPAN.events { background-image: url(alwo_bt_events.gif); width: 176px; } #nav_main A.pics, #nav_main SPAN.pics { background-image: url(alwo_bt_pics.gif); width: 183px; } #nav_main A.location, #nav_main SPAN.location { background-image: url(alwo_bt_location.gif); width: 183px; } #nav_main A.jobs, #nav_main SPAN.jobs { background-image: url(alwo_bt_jobs.gif); width: 183px; } #nav_main A.finder, #nav_main SPAN.finder { background-image: url(alwo_bt_finder.gif); width: 175px; } /* Help */ #nav_help { clear: both; } #nav_help UL { list-style-type: none; padding: 1em 0; } #nav_help LI { display: inline; border-right: 1px solid #555; } #nav_help LI.last { border: none; } #nav_help A, #nav_help SPAN { padding: 0 2em; color: #888; } #nav_help A:HOVER { text-decoration: underline; } /* Projects */ #nav_projects UL { list-style-type: none; /* margin: 0 71px; */} #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 { background-image: url(alwo_lg_festivaljobs.gif); width: 139px; } #nav_projects .kulisse A { background-image: url(alwo_lg_kulisse.gif); width: 119px; } #nav_projects .szenario A { background-image: url(alwo_lg_szenario.gif); width: 129px; } #nav_projects .parroyal A { background-image: url(alwo_lg_parroyal.gif); width: 142px; display: none; } #nav_projects .bigextra A { background-image: url(alwo_lg_bigextra.gif); width: 100px; } #nav_projects .subcircus A{ background-image: url(alwo_lg_subcircus.gif); width: 155px; } #nav_projects .matzke A { background-image: url(alwo_lg_matzke.gif); width: 116px; } #nav_projects .fzb A { background-image: url(alwo_lg_feuerzangenbowle.gif); width: 142px; } #nav_projects .alwo { display: none; } /* Social */ #nav_social { position: absolute; top: 96px; left: 368px; } #nav_social UL { list-style-type: none; } #nav_social LI { display: block; float: left; padding: 4px; } #nav_social A { display: block; width: 32px; height: 32px; background-repeat: no-repeat; } #nav_social SPAN { display: none; } #nav_social .facebook A { background-image: url(../../_social_icons/facebook_32.png); } #nav_social .studivz A { background-image: url(../../_social_icons/studivz_32.png); } #nav_social .youtube A { background-image: url(../../_social_icons/youtube_32.png); } #nav_social .myvideo A { background-image: url(../../_social_icons/myvideo_32.png); } /* Pagination */ .pagination { clear: both; text-align: center; padding-top: 20px; font-family: Helvetica, Verdana, Sans-Serif; text-transform: uppercase; } .pagination P { padding: 0; font-size: 11px; /* border-top: 1px dotted #333;*/ } .pagination UL { list-style-type: none; } .pagination LI { display: inline; } .pagination A { color: #009035; padding: 4px 8px; } .pagination .current { } .pagination .previous { } .pagination .next { } /* Backlinks */ .back A { color: #009035; font-family: Helvetica, Verdana, Sans-Serif; text-transform: uppercase; } /* Morelinks */ .more { text-align: right; } .more A { color: #009035; font-family: Helvetica, Verdana, Sans-Serif; text-transform: uppercase; } /* EVENTS */ /* Sidebar */ #event_sidebar { margin-top: 18px; } #event_sidebar H1 { width: 225px; height: 50px; background: url(alwo_bg_eventlist_header.gif ) no-repeat; text-indent: -10000px; margin: 0; } #event_sidebar .event { line-height: 1.1em; } #event_sidebar .date { display: block; font-size: 11px; color: #00532D; background: #000 url(alwo_bg_eventlist_bullet.gif) 17px 1px no-repeat; padding-left: 105px; } #event_sidebar A { display: block; font-size: 13px; color: #888; padding: 10px 17px; } /* List */ #event_list .row { clear: both; padding-top: 10px; } #event_list A { color: #009035; } #event_list .header { font-size: 11px; color: #555; } #event_list .day { display: none; } .mod_eventlist .row { clear: both; } .mod_eventlist IMG { margin-bottom: 10px; } /* Reader */ #event_reader { } #event_reader .event.block{ width: 400px; } /* SAFARI: Bug */ /* FLASH */ #flash { padding-left: 8px; } /* FORMS*/ .formbody LABEL { font-weight: bold; font-size: 10px; } .formbody INPUT.submit { margin: 10px 0; } .formbody INPUT.text, .formbody TEXTAREA.textarea { background-color: #000; color: #EEE; margin: 5px 0; padding: 2px; border: 1px solid #555; } /* COMMENTS */ #comments { padding-top: 30px; } #comments .comment_default{ padding-bottom: 15px; } #comments .even { } #comments .info { font-size: 10px; color: #888; padding: 0; } #comments .date { color: #DDD; } #comments .comment { font-size: 11px; color: #888; background-color: #111; padding: 1em; } #comments .form { margin-top: 30px; } #comments P.error { font-size: 10px; color: #FFF; } /* POLL */ #poll { margin: 18px 10px 0 10px; padding: 10px; border: 1px solid #555; color: #AAA; font-style: italic; } #poll .title { font-weight: bold; color: #FFF; } #poll .description { padding: 8px 0; } #poll .formbody { } #poll .radio_container { } #poll SPAN { display: block; line-height: 25px; } #poll .submit_container { padding-top: 12px; } #poll .resultslink { color: #FFF; } #poll P.error { font-size: 10px; color: #FFF; } #poll .stoptext { display: none; } #poll .totaltext { display: none; } #poll .graph { } #poll .graph .label { font-weight: bold; font-size: 12px; color: #FFF; } #poll .graph .results DIV { font-style: normal; font-size: 10px; line-height: 15px; background-color: #00532D; margin-bottom: .5em; } /* NEWSLETTER */ #newsletter .invisible { width: auto; height: auto; position: static; } #newsletter.abo { } #newsletter.quit { } #newsletter.reader { } #newsletter.list { } #newsletter.sidebar { margin: 18px 10px 0 10px; padding: 5px 10px; border: 1px solid #555; color: #AAA; font-style: italic; } #newsletter.sidebar H1 { font-size: 12px; color: #FFF; } #newsletter.sidebar LABEL { display: none; } #newsletter.sidebar .text { margin: 0; } /* PAGEFLIP */ #page-flip { position: fixed; right: 0; top: 0; } #page-flip-image { width: 50px; height: 52px; z-index: 99; position: absolute; right: 0; top: 0; -ms-interpolation-mode: bicubic; } #page-flip-message { width: 50px; height: 50px; overflow: hidden; right: 0; top: 0; background: url(../images/subscribe.png) no-repeat right top; } /* FANCYZOOM */ #zoomer #zoombox { position: absolute; width: 184px; height: 94px; top: -156px; right: -231px; padding: 8px; background-color: #000; color: #FFF; opacity: 0.75; } #zoomer #zoombox H3 { color: #009035; padding-bottom: 1em; } #zoomer #zoombox A { color: #009035; text-decoration: underline; } #zoomer #zoomwindow {} /* OTHER */ #matzke { display: block; width: 106px; height: 20px; background: url(alwo_lg_matzke.gif) no-repeat; margin: 1em auto; } #matzke SPAN { display: none; } #main UL { padding-left: 2em; } #left .mod_article { margin: 30px 10px; } #left H1 { font-weight: bold; color: #FFF; } #recaptcha_instructions_error { font-size: 7pt; } #alwo_inaction H1 { background-image: url(alwo_bg_headline_inaction.gif ); } #alwo_promotion H1 { background-image: url(alwo_bg_headline_promotion.gif ); } .sideblock { margin-top: 18px; } .sideblock H1 { width: 225px; height: 50px; background-repeat: no-repeat; text-indent: -10000px; margin: 0; } .sideblock H2 { font-size: 11px; color: #00532D; background: #000 url(alwo_bg_eventlist_bullet.gif) 17px 1px no-repeat; padding-left: 105px; margin: 0; } .sideblock P { padding: 10px 17px; } .sideblock IMG { padding: 0 17px 17px 17px; } /* Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com */ HTML, BODY, #wrapper { height: 100%; } BODY > #wrapper { height: auto; min-height: 100%; } #container { padding-bottom: 201px; } /* must be same height as the footer */ #footer { position: relative; margin-top: -201px; clear:both; } /* CLEAR FIX*/ #container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #container { display: inline-block; } /* Hides from IE-mac \*/ * HTML #container { height: 1%; } #container { display: block; } /* End hide from IE-mac */