* { margin: 0; padding: 0; } BODY { font-family: Verdana, Sans-Serif; line-height: 1.4em; color: #555; font-size: 13px; } P { padding-bottom: 1em; } H1 { margin: .5em 0; font-size: 13px; color: #B4113E; } H2 { margin: .5em 0; font-size: 13px; } EM { color: #B4113E; } TD, TH { padding: 4px; vertical-align: top; } A, A:LINK, A:VISITED, A:HOVER { color: #B4113E; text-decoration: none; } BODY { } #wrapper { background: url(matzke_bg_body.gif) repeat-y; padding: 0 30px; } #header { position: relative; } #container { background: url(matzke_bg_container_top.gif) no-repeat; } #left { } #right { } #main { padding: 25px; } #footer { min-width: 960px; background-color: #EEE; border-top: 1px solid #B2B2B2; } #footer .inside { width: 900px; margin: 0 auto; text-align: center; } #copyright { font-size: 12px; } #logo { position: absolute; } #news { width: 450px; height: 225px; } /* TEASER */ #teaser { position: absolute; top: 120px; width: 900px; height: 225px; background: #EFEFEF; } #teaser-mask { position: absolute; top: 120px; background: url(matzke_bg_teaser-mask.gif) no-repeat; width: 900px; height: 225px; } #teaser-address { position: absolute; top: 272px; right: 2px; width: 201px; height: 51px; color: #FFF; background-color: #B4113E; line-height: 1.1em; font-size: 12px; padding: 10px; } #teaser-mosaic DIV { position: absolute; width: 71px; height: 71px; } #teaser-mosaic .mosaic1 { top: 122px; right:2px; } #teaser-mosaic .mosaic2 { top: 197px; right:77px; } #teaser-mosaic .mosaic3 { top: 272px; right:302px; } #teaser-mosaic .mosaic4 { top: 272px; right:227px; } /* SITEMAP*/ .mod_sitemap UL UL { padding-left: 2em; } /* NAVIGATION */ /* Main */ #nav_main { position: absolute; top: 120px; left: 0; width: 225px; height: 225px; background-color: #FFF; } #nav_main UL { list-style-type: none; padding: 15px; } #nav_main A { display: block; color: #555; line-height: 24px; padding: 0 11px; border-bottom: 1px solid #DADADA; cursor: pointer; } #nav_main A.last { border: none; } #nav_main A:HOVER, #nav_main A.active, #nav_main A.trail, #nav_main SPAN { display: block; color: #FFF; background-color: #B4113E; line-height: 24px; padding: 0 11px; border-bottom: 1px solid #FFF; } /* Sub */ #nav_sub { position: absolute; top: 120px; left: 225px; width: 225px; height: 225px; background: url(matzke_bg_nav_sub.png) !important; background: url(matzke_bg_nav_sub.gif); } #nav_sub UL { list-style-type: none; padding: 15px; } #nav_sub A, #nav_sub SPAN { color: #555; line-height: 25px; padding: 0 11px; } #nav_sub A:HOVER, #nav_sub A.active, #nav_sub A.trail, #nav_sub SPAN { background: url(matzke_bl_nav_sub.gif) top left no-repeat; } /* Help */ #nav_help { clear: both; } #nav_help UL { list-style-type: none; padding-bottom: 1em; } #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; } #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 { background-image: url(matzke_lg_festivaljobs.gif); width: 134px; } #nav_projects .alwo A { background-image: url(matzke_lg_alwo.gif); width: 121px; } #nav_projects .kulisse A { background-image: url(matzke_lg_kulisse.gif); width: 129px; } #nav_projects .szenario A { background-image: url(matzke_lg_szenario.gif); width: 129px; } #nav_projects .parroyal A { background-image: url(matzke_lg_parroyal.gif); width: 145px; display: none; } #nav_projects .bigextra A { background-image: url(matzke_lg_bigextra.gif); width: 105px; } #nav_projects .subcircus A{ background-image: url(matzke_lg_subcircus.gif); width: 137px; } #nav_projects .fzb A { background-image: url(matzke_lg_feuerzangenbowle.gif); width: 145px; } #nav_projects .matzke { display: none; } /* Pagination */ .pagination { clear: both; text-align: center; padding: 20px 0; } .pagination P { padding: 0; font-size: 11px; /* border-top: 1px dotted #333;*/ } .pagination UL { list-style-type: none; } .pagination LI { display: inline; } .pagination A { padding: 4px 8px; } .pagination .current { } .pagination .previous { } .pagination .next { } /* Backlinks */ .back A { } /* Morelinks */ .more { text-align: right; } .more A { } /* EVENTS */ /* Sidebar */ #event_sidebar { padding: 26px 0; font-size: 11px; } #event_sidebar H1 { } #event_sidebar .event { line-height: 16px; padding: 2px 0px 2px 20px; background: 0 3px no-repeat; } #event_sidebar .date { color: #888 } #event_sidebar A { color: #666; } #event_sidebar .cal_100001{ background-image: url(../../alwo/images/favicon.ico); } #event_sidebar .cal_100002{ background-image: url(../../parroyal/images/favicon.ico); } #event_sidebar .cal_100003{ background-image: url(../../szenario/images/favicon.ico); } #event_sidebar .cal_100004{ background-image: url(../../kulisse/images/favicon.ico); } #event_sidebar .cal_100005{ background-image: url(../../bigextra/images/favicon.ico); } /* List */ #event_list .row { clear: both; padding-top: 10px; } #event_list A { } #event_list .header { } #event_list .day { display: none; } .mod_eventlist .row { clear: both; } .mod_eventlist IMG { margin-bottom: 10px; } /* Reader */ #event_reader { } /* FLASH */ #flash { } /* FORMS*/ .formbody LABEL { font-weight: bold; font-size: 10px; } .formbody INPUT.submit { margin: 10px 0; } .formbody INPUT.text, .formbody TEXTAREA.textarea { margin: 5px 0; padding: 2px; border: 1px solid #888; } .formbody .checkbox_container SPAN { display: block; } /* NEWSLETTER */ #newsletter.abo { } #newsletter.quit { } #newsletter.reader { } #newsletter.list { } #newsletter LABEL { clear: both; } /* #newsletter.sidebar { margin-left: 12px; padding: 5px 10px; background-color: #EEE; color: #000; font-style: italic; } #newsletter.sidebar H1 { font-size: 1em; } #newsletter.sidebar LABEL { display: none; } #newsletter.sidebar .text { margin: 0; } */ /* OTHER */ .left { float: left; } .right { float: right; } #main UL { padding-left: 2em; } #recaptcha_instructions_error { font-size: 7pt; } /* Slide Gallery */ .gallery { position: relative; overflow: hidden; } .gallery .holder { position: relative; overflow: hidden; } .gallery .parent { width: 400px; height: 260px; } .gallery .parent .block { width: 400px; height: 260px; } .slideGallery .parent { width: 3000px; } .slideGallery .parent .block { float: left; } .fadeGallery .block { position: absolute; left: 0; top: 0; } /* 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 */