/********************************************************************** generated by H2G Internetagentur, CH-Aarau, www.h2g.ch, September 09 ***********************************************************************/ /* global elements */ * { padding: 0; margin: 0; border: 0; } body { font: 13px Lucida Sans, Lucida Grande, Trebuchet MS, Helvetica, Arial, sans-serif; color: #2d2c2c; background: #7d7372 url(../img/bg.gif) repeat-x top; } /* headlines */ h1, h2, h3 { } /* global elements */ .accessibility { display: none; } .left { float: left; } .right { float: right; } .clear { clear: both; } a { color: #e41e0a; outline: none; } a:hover { } a:visited { } /* core layout elements */ #container { position: relative; width: 991px; margin: 0 auto; } #header { position: relative; z-index: 5; height: 381px; background: url(../img/bg_header.gif) no-repeat; } #logo { position: absolute; left: 13px; top: 51px; z-index: 1; } #topnavi {position: relative; padding-top: 12px; right: 12px; height: 15px; text-align: right; color: #2d2c2c; font-size: 11px; } #topnavi a { text-decoration: none; color: #2d2c2c; } #topnavi a:hover { color: #000; } #languages { margin-left: 30px; color: #ababab; } #languages a { color: #ababab; } #languages a:hover { color: #000; } #headImage { position: relative; left: 12px; width: 967px; height: 282px; } #rounded { position: absolute; left: 0; top: 0; width: 123px; height: 129px; z-index: 100; background: url(../img/headbild_rounded.png); } #headImageContent { position: absolute; left: 0; top: 0; z-index: 50; width: 967px; overflow: hidden; } #headImageLogo { position: absolute; left: 0; top: 127px; z-index: 55; width: 967px; height: 58px; overflow: hidden; background: url(../img/bg_logo_aarau.png); } #membernavi { position: relative; height: 24px; margin: 0 12px; background: url(../img/bg_membernavi.gif) repeat-x; overflow: hidden; } #mainnavi { position: relative; height: 38px; padding-left: 12px; } #content { position: relative; z-index: 1; padding: 18px 27px 100px 40px; background: url(../img/bg_content.gif) repeat-y; line-height: 18px; } #content .leftCol { float: left; width: 606px; position: relative; } #content .rightCol { float: right; width: 304px; margin-top: 18px; position: relative; } #breadcrumb { padding-left: 16px; margin-left: -16px; margin-bottom: 37px; font-size: 11px; border-bottom: 1px solid #b5b5b5; } #breadcrumb a { text-decoration: none; color: #2d2c2c; } #footer { position: relative; padding: 8px 0; background: url(../img/bg_footer.gif) no-repeat top; text-align: center; font-size: 10px; color: #bdb8b7; } #footer a { color: #bdb8b7; text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer div { text-align: center; padding-top: 7px; } /* member navi */ #membernavi ul { list-style: none; float: left; width: 967px; } #membernavi ul li { float: left; } #membernavi ul li a { float: left; display: block; height: 24px; text-indent: -99999px; background-position: left top; } #membernavi ul li a:hover { background-position: left -24px; } #membernavi ul li.member-home a { background-image: url(../img/bg_item_member_home.jpg); width: 166px; } #membernavi ul li.member-home-en a { background-image: url(../img/bg_item_member_home_en.jpg); width: 166px; } #membernavi ul li.member-info a { background-image: url(../img/bg_item_member_info.jpg); width: 70px; } #membernavi ul li.member-aarau a { background-image: url(../img/bg_item_member_aarau.jpg); width: 76px; } #membernavi ul li.member-aarauaktiv a { background-image: url(../img/bg_item_member_aarauaktiv.jpg); width: 75px; } #membernavi ul li.member-aegs a { background-image: url(../img/bg_item_member_aegs.jpg); width: 133px; } #membernavi ul li.member-gva a { background-image: url(../img/bg_item_member_gva.jpg); width: 133px; } #membernavi ul li.member-zentrum a { background-image: url(../img/bg_item_member_zentrum.jpg); width: 93px; } #membernavi ul li.member-vvsura a { background-image: url(../img/bg_item_member_vvsura.jpg); width: 221px; } #mainnavi.member { background-image: url(../img/bg_mainnavi_member.gif); font-size: 11px; } #mainnavi.portal, #mainnavi.portal-en { background: url(../img/bg_mainnavi.png) 12px top no-repeat transparent; } #mainnavi.member ul { float: left; padding: 0 0 0 192px; list-style-type: none; } #mainnavi.member ul li { float: left; position: relative; padding: 13px 10px; background: url(../img/bullet_mainnavi_member.gif) no-repeat 0 center; } #mainnavi.member ul li.first { background: none; } #mainnavi.member ul li a { float: left; text-decoration: none; color: #2d2c2c; } #mainnavi.member ul li a:hover { color: #e41e0a; } #mainnavi.member ul li ul { display: none; position: absolute; float: left; z-index: 10; left: -10px; top: 38px; padding: 0; width: 156px; background: url(../img/bg_mainnavi_member_subnavi.png) no-repeat top; } #mainnavi.member ul li ul li { margin: 0 9px 0 8px; padding: 0 0 0 12px; clear: both; width: 127px; background: none; line-height: 18px; } #mainnavi.member ul li ul li.first { margin-top: 13px; } #mainnavi.member ul li ul li.last { padding-bottom: 10px; border-bottom: 1px solid #f1f1f1; } #mainnavi.member ul li ul li a { float: none; display: block; z-index: 50; } /* portal navi deutsch */ #mainnavi.portal ul { float: left; list-style-type: none; } #mainnavi.portal ul li { float: left; } #mainnavi.portal ul li a.mnu { float: left; display: block; height: 38px; text-indent: -99999px; background-position: left top; } #mainnavi.portal ul li a.mnu:hover, #mainnavi.portal ul li a.active { background-position: left -38px; } #mainnavi.portal ul li div.outer-shell { position: absolute; top: 38px; display: none; width: 302px; padding-bottom: 14px; background: url(../img/bg_mainnavi_subshadow_bot.png) left bottom no-repeat transparent; } #mainnavi.portal ul li div div.inner-shell { padding: 0 7px; background: url(../img/bg_mainnavi_subshadow.png) left top no-repeat transparent; } #mainnavi.portal ul li div div ul { float: none; padding: 24px 0 14px 0; } #mainnavi.portal ul li div div ul li { float: none; } #mainnavi.portal ul li div div ul li a { color: #ffffff; display: block; height: 17px; padding-left: 25px; text-decoration: none; } #mainnavi.portal ul li div div ul li a:hover { background-color: #e41e0a; } #mainnavi.portal ul li.drop-nav1 a.mnu { width:110px; background-image:url(../img/bg_mainnavi_item_1.png); } #mainnavi.portal ul li.drop-nav1 div.outer-shell { left: 5px; } #mainnavi.portal ul li.drop-nav1 div div ul { min-height: 110px; background: url(../img/bg_dropdown_subnav.png) -128px top no-repeat; } #mainnavi.portal ul li.drop-nav2 a.mnu { width:170px; background-image:url(../img/bg_mainnavi_item_2.png); } #mainnavi.portal ul li.drop-nav2 div.outer-shell { left: 115px; } #mainnavi.portal ul li.drop-nav2 div div ul { min-height: 110px; background: url(../img/bg_dropdown_subnav.png) -68px top no-repeat; } #mainnavi.portal ul li.drop-nav3 a.mnu { width:143px; background-image:url(../img/bg_mainnavi_item_3.png); } #mainnavi.portal ul li.drop-nav3 div.outer-shell { left: 285px; } #mainnavi.portal ul li.drop-nav3 div div ul { min-height: 110px; background: url(../img/bg_dropdown_subnav.png) -95px top no-repeat; } #mainnavi.portal ul li.drop-nav4 a.mnu { width:170px; background-image:url(../img/bg_mainnavi_item_4.png); } #mainnavi.portal ul li.drop-nav4 div.outer-shell { left: 428px; } #mainnavi.portal ul li.drop-nav4 div div ul { min-height: 110px; background: url(../img/bg_dropdown_subnav.png) -68px top no-repeat; } #mainnavi.portal ul li.drop-nav5 a.mnu { width:177px; background-image:url(../img/bg_mainnavi_item_5.png); } #mainnavi.portal ul li.drop-nav5 div.outer-shell { left: 598px; } #mainnavi.portal ul li.drop-nav5 div div ul { min-height: 110px; background: url(../img/bg_dropdown_subnav.png) -61px top no-repeat; } #mainnavi.portal ul li.drop-nav6 a.mnu { width:197px; background-image:url(../img/bg_mainnavi_item_6.png); } #mainnavi.portal ul li.drop-nav6 div.outer-shell { left: 684px; } #mainnavi.portal ul li.drop-nav6 div div ul { min-height: 110px; background: url(../img/bg_dropdown_subnav_reversed.png) -171px top no-repeat; } /* portal navi englisch */ #mainnavi.portal-en ul { float: left; list-style-type: none; } #mainnavi.portal-en ul li { float: left; } #mainnavi.portal-en ul li a.mnu { float: left; display: block; height: 38px; text-indent: -99999px; background-position: left top; } #mainnavi.portal-en ul li a.mnu:hover, #mainnavi.portal-en ul li a.active { background-position: left -38px; } #mainnavi.portal-en ul li div.outer-shell { position: absolute; top: 38px; display: none; width: 302px; padding-bottom: 14px; background: url(../img/bg_mainnavi_subshadow_bot.png) left bottom no-repeat transparent; } #mainnavi.portal-en ul li div div.inner-shell { padding: 0 7px; background: url(../img/bg_mainnavi_subshadow.png) left top no-repeat transparent; } #mainnavi.portal-en ul li div div ul { float: none; padding: 24px 0 14px 0; } #mainnavi.portal-en ul li div div ul li { float: none; } #mainnavi.portal-en ul li div div ul li a { color: #ffffff; display: block; height: 17px; padding-left: 25px; text-decoration: none; } #mainnavi.portal-en ul li div div ul li a:hover { background-color: #e41e0a; } #mainnavi.portal-en ul li.drop-nav1 a.mnu { width:165px; background-image:url(../img/bg_mainnavi_en_item_1.png); } #mainnavi.portal-en ul li.drop-nav1 div.outer-shell { left: 5px; } #mainnavi.portal-en ul li.drop-nav1 div div ul { min-height: 110px; background: url(../img/bg_dropdown_subnav.png) -73px top no-repeat; } #mainnavi.portal-en ul li.drop-nav2 a.mnu { width:165px; background-image:url(../img/bg_mainnavi_en_item_2.png); } #mainnavi.portal-en ul li.drop-nav2 div.outer-shell { left: 170px; } #mainnavi.portal-en ul li.drop-nav2 div div ul { min-height: 110px; background: url(../img/bg_dropdown_subnav.png) -73px top no-repeat; } #mainnavi.portal-en ul li.drop-nav3 a.mnu { width:140px; background-image:url(../img/bg_mainnavi_en_item_3.png); } #mainnavi.portal-en ul li.drop-nav3 div.outer-shell { left: 335px; } #mainnavi.portal-en ul li.drop-nav3 div div ul { min-height: 110px; background: url(../img/bg_dropdown_subnav.png) -98px top no-repeat; } #mainnavi.portal-en ul li.drop-nav4 a.mnu { width:140px; background-image:url(../img/bg_mainnavi_en_item_4.png); } #mainnavi.portal-en ul li.drop-nav4 div.outer-shell { left: 475px; } #mainnavi.portal-en ul li.drop-nav4 div div ul { min-height: 110px; background: url(../img/bg_dropdown_subnav.png) -98px top no-repeat; } /* content elements */ h1 { font-size: 19px; font-weight: bold; margin-bottom: 17px; } p { margin: 6px 0; } a.more { padding-left: 15px; background: url(../img/bullet_more.gif) no-repeat 3px center; text-decoration: none; font-weight: bold; font-size: 12px; } a.more:hover { text-decoration: underline; } .picture { margin: 18px 0; font-size: 9px; text-align: right; line-height: 10px; } .text .picture { width: 304px; margin-top: 5px; margin-bottom: 7px; } .text .picture.left { margin-right: 18px; } .text .picture.right { margin-left: 18px; } /* eyecatcher */ .eyecatcher { margin-bottom: 14px; background: #eeeeee; font-size: 10px; line-height: 13px; } .eyecatcher p { margin: 14px 0; } .eyecatcher h2 { padding: 11px 12px; text-indent: -9999px; background-color: #7d7d7d; background-repeat: no-repeat; background-position: 12px center; } .eyecatcher a { text-decoration: none; } .eyecatcher a:hover { text-decoration: underline; } .eyecatcher .text { padding: 7px 13px 38px 13px; } .eyecatcher .big { font-size: 12px; line-height: 14px; } /* box */ .box { margin: 20px 0 20px 0; padding-bottom: 11px; font-size: 10px; line-height: 13px; background: #eeeeee; } .box h2 { padding: 12px 13px; text-indent: -9999px; background-repeat: no-repeat; background-position: 13px center; } .box .text { padding: 0 13px; } .box .text h2 { padding: 12px 0px; text-indent: 0px; } .box a { text-decoration: none; } .box a:hover { text-decoration: underline; } .box ul, .teaser ul { color: #e41e0a; margin: 15px 0 15px 13px; font-size: 11px; list-style-type: square; line-height: 18px; } .box ul a, .teaser ul a { font-weight: bold; text-decoration: underline; } .box ul a:hover, .teaser ul a:hover { text-decoration: none; } .box.left { margin: 20px 43px 20px 0; width: 315px; } .box.right { margin: 20px 0 20px 43px; width: 315px; } /* teaser */ .teaser { width: 295px; height:235px; margin: 10px 0; background: #eee; font-size: 10px; } .teaser h3 { padding: 10px 13px; background: #7d7d7d; font-size: 12px; font-weight: bold; color: #fff; } .teaser h2 { padding: 13px 13px 10px 13px; font-size: 16px; font-weight: bold; } .teaser .text { padding: 0 13px; } .teaser .text h2, .teaser .text h3 { padding-left: 0px; } .teaser.right.single { margin-left: 20px; display: inline; } .teaser.left.single { margin-right: 20px; display: inline; } .imageTeaser { } .imageTeaser img { margin: 10px 0; } .imageTeaser .teaser { width: 305px; } .imageTeaser .teaser h3 { padding-left: 20px; } .imageTeaser .teaser h2 { padding-left: 20px; } .imageTeaser .teaser .text { padding-left: 20px; } .startTeaser { width: 926px; min-height: 100px; margin: 0 0 20px; font-size: 13px; background: url(../img/bg_startheader.jpg) #eee bottom no-repeat; } .startTeaser h3 { padding: 10px 13px; background: #7d7d7d; font-size: 16px; font-weight: bold; color: #fff; } .startTeaser h2 { padding: 13px 13px 10px 13px; font-size: 16px; font-weight: bold; } .startTeaser .text { padding: 8px 20px 8px 16px; } .startTeaser .text h2, .teaser .text h3 { padding-left: 0px; } /* Teaser Startseite Intro */ .teaserStartseite { background-color: #eeeeee; display: block; position: relative; } .teaserStartseite .intro { padding-left: 300px; height: 235px; overflow: hidden; } .teaserStartseite .intro h3 { padding: 10px 13px; background: #7d7d7d; font-size: 12px; font-weight: bold; color: #fff; } .teaserStartseite .intro h2 { padding: 13px 13px 10px 13px; font-size: 16px; font-weight: bold; } .teaserStartseite .intro p { padding: 0 13px; font-size: 10px; } .teaserStartseite .shortnav { background-color: #e41e0b; height: 30px; text-align: center; padding-top: 10px; } .teaserStartseite .shortnav a img { margin: 0 14px; } /* Modul Dynamisch Gemeinden etc. */ a.moreinfos:link, a.moreinfos:visited { background: url(/img/icon_more.gif) 0 1px no-repeat transparent; padding: 0 0 0 16px; margin: 0 0 0 4px; font-size: 11px; } a.lessinfos:link, a.lessinfos:visited { background: url(/img/icon_less.gif) 0 1px no-repeat transparent; padding: 0 0 0 16px; margin: 0 0 0 4px; font-size: 11px; } .teaser_gemeinde { float: left; width: 295px; height:136px; margin: 0; background-color: #eee; font-size: 12px; } .teaser_gemeinde h3 { padding: 10px 13px; background-color: #7d7d7d; font-size: 12px; font-weight: bold; color: #fff; } .teaser_gemeinde h2 { padding: 13px 13px 10px 13px; font-size: 15px; font-weight: bold; } .teaser_gemeinde .text { padding: 0 13px; } .detail_gemeinde { width: 572px; margin: 0px; background-color: #eee; font-size: 12px; padding: 0px 13px 10px 13px; display:none;} .detail_gemeinde h2 { font-size: 16px; font-weight: bold; } .detail_gemeinde ul { list-style-image:url(/img/sys/we/bullet_list.gif); padding: 0px 0px 0px 14px;}} .detail_label { margin: 0px 0px 0px 0px; font-weight: bold; width: 266px; text-align: right;} .detail_text { margin: 0px 0px 0px 20px; width: 250px;} .contTeaser { background-color: #eee; margin: 0 0 6px 0; padding: 0px; } /* @group Adverts */ .advert { position: absolute; } .advert.topright { top: 371px; left: 991px; width: 172px; height: 600px; text-align: left; overflow: hidden; } .advert.botright { top: 983px; left: 991px; width: 172px; height: 600px; text-align: left; overflow: hidden; } /* @end */ /* @group mediaviewer */ #mediabox { position: relative; top: 0; left: 0; height: 300px; } #mediabox .loader { position: absolute; top: 50%; left: 50%; margin-left: -16px; margin-top: -16px; } #slide_holder { background-image: url(/img/carousel/bg_slideshow.png); background-repeat: no-repeat; height: 300px; overflow: hidden; position: relative; text-align: left; width: 923px; z-index: 1000; } #slide_holder_inner { height: 285px; left: 7px; overflow: hidden; position: absolute; top: 8px; width: 909px; z-index: 2000; } #intro, .intro { position: relative; z-index: 9000; } #slide_holder_inner div { position: absolute; } div#slide_holder_inner div.slide div { position: relative; } div#carousel_controls { background-position: 0 0; background-repeat: no-repeat; height: 30px; width: 909px; z-index: 4000; } #slide_buttons li:hover, #pause_button, .prev_button, .next_button, #hover_next_button, #hover_prev_button, #first_button, #last_button { cursor: pointer; cursor: hand; z-index: 5000; } #carousel_controls #button_selected, #carousel_controls .prev_button_disabled, #carousel_controls .next_button_disabled, #carousel_controls .first_button_diabled, #carousel_controls .last_button_disabled { cursor: auto; } #slide_buttons li span, #pause_button span, .prev_button span, .next_button span, #first_button span, #last_button span, #hover_next_button span, #hover_prev_button span, #water_mark span { margin-left: -10000px; } #slide_buttons li, #pause_button, .prev_button, .next_button, #first_button, #last_button, #water_mark { background-repeat: no-repeat; overflow: hidden; top: 0px; } ul#slide_buttons { padding: 15px 7px 15px 15px; position: absolute; right: 20px; top: -7px; z-index: 5000; } ul#slide_buttons li { background-image: url(/img/carousel/button.gif); display: block; float: left; height: 9px; list-style: none; margin: 0 0 0 3px; padding: 2px; width: 10px; } ul#slide_buttons li:hover {} ul#slide_buttons li#button_selected { background-image: url(/img/carousel/button_selected.gif); } ul#slide_buttons li#button_selected:hover { } #first_button { background-image: url(/img/carousel/first.png); height: 29px; left: 354px; width: 34px; background-position: 0 -36px; } #first_button:hover { background-position: 0 0; } #last_button { background-image: url(/img/carousel/last.png); height: 29px; left: 474px; width: 34px; background-position: 0 -36px; } #last_button:hover { background-position: 0 0; } #nex_prev_buttons { position: absolute; left: 0; z-index: 5000; } #next_button { background-image: url(/img/carousel/next.png); background-position: 0 -36px; height: 29px; left: 443px; width: 31px; } #next_button:hover { background-position: 0 0; } #prev_button { background-image: url(/img/carousel/prev.png); background-position: 0 -36px; height: 29px; left: 388px; width: 31px; } #prev_button:hover { background-position: 0 0; } .pause_button { background-image: url(/img/carousel/pause.png); background-position: 0 -36px; height: 29px; left: 419px; width: 24px; } .pause_button:hover { background-position: 0 0; } .paused_button { background-image: url(/img/carousel/play.png); background-position: 0 -36px; height: 29px; left: 419px; width: 24px; } .paused_button:hover { background-position: 0 0; } #hover_next_button, #hover_prev_button { height: 125px; background-repeat: no-repeat; display: none; overflow: hidden; width: 77px; top: 35px; z-index: 6000; } #hover_next_button span { } #hover_next_button { background-image: url(/img/carousel/hover_next.gif); background-position: 21px 35px; padding: 30px 0 30px 30px; right: 0; } #hover_prev_button { background-image: url(/img/carousel/hover_prev.gif); background-position: 8px 35px; padding: 30px 30px 30px 0; left: 0; } #slide_captions { color: #fff; left: 8px; overflow: visible; top: 5px; z-index: 6000; } #slide_captions span { font-family: Lucida Sans, Lucida Grande, Trebuchet MS, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; height: 20px; line-height: 20px; overflow: visible; } #water_mark { background-image: url(/img/carousel/water_mark.png); height: 30px; left: 202px; width: 246px; top: 208px; z-index: 6000; } #water_mark span { } #slide_number_display { background-image: url(/img/carousel/bg_swatch.png); background-position: 0 0; background-repeat: no-repeat; color: #333; font-family: Lucida Sans, Lucida Grande, Trebuchet MS, Helvetica, Arial, sans-serif; font-size: 15px; height: 23px; padding: 4px; right: 7px; text-align: center; top: 208px; width: 37px; z-index: 5000; } #row_of_slides { position: absolute; top: 0; } #row_of_slides .slide { display: none; position: absolute; } .multi { background-image: url(/img/carousel/bg_slide.gif); background-repeat: no-repeat; color: #333; height: 240px; width: 284px; margin: 30px 0px 0 0px; padding:8px 8px 4px 8px; } .multi p a { background-color: #7d7d7d; border-top: 1px solid #7d7d7d; border-bottom: 1px solid #7d7d7d; color: #fff; display: block; font-family: Lucida Sans, Lucida Grande, Trebuchet MS, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; height: 12px; line-height: 15px; margin: 0 0 5px 0; text-decoration: none; padding: 5px 0 10px 5px; } .multi a:link .multi a:visited { } .multi p { color: #333; font-size: 10px; line-height: 14px; padding: 0 0 0 0; margin: 0; text-align: left; } .multi p.text { padding: 0 5px; } #row_of_slides .multi_header_nl { background-color: #7d7d7d; border-top: 1px solid #7d7d7d; border-bottom: 1px solid #7d7d7d; color: #fff; display:block; font-family: Lucida Sans, Lucida Grande, Trebuchet MS, Helvetica, Arial, sans-serif; font-size:12px; font-weight: bold; height:12px; line-height:15px; margin: 0 0 5px 0; 5px 0 10px 5px; text-decoration:none; } #slide_number_display { right: 7px; top: 208px; } .padded { padding-left: 5px; } /* @group end */