body { padding:0; margin:0; background-color:#f1f1f1; font-family:Arial, Helvetica, sans-serif; font-size:84%; color:#515056; } p { margin-top:0em; margin-bottom:1em;} #top_navi { background-image: url(../media/images/bg_nav_top.gif); background-repeat:repeat-x; margin-left:28px; margin-right:28px; height:52px;} #navArea #logo { margin-top:20px; margin-bottom:20px; background-image:url(../media/images/logo.gif); background-position:center; height:88px; width:100%; background-repeat:no-repeat; } br.clear { clear:both;} br.clearXS { clear:both; height:1px; font-size:1px; line-height:1px; padding:0; margin:0;} #navArea ul { list-style: none; margin:0; padding:0; color:#666; width:100%;} #navArea ul.links { margin-bottom:75px;} #navArea ul.links a { color:#333333; font-variant: small-caps; font-weight:bold; text-decoration:none; ; } #navArea ul.links a:hover { color:#000; text-decoration:none;} #navArea ul a { color:#666; text-decoration:none; } #navArea ul a:hover { color:#000; text-decoration:none;} #navArea li { margin-bottom:0.5em; padding:0.1em 0.4em; } #navArea li.active { color:#cc0000;} #navArea li.active a { color:#000;} #li_shade { background-color:#f2f2f2;} /* Flex Teaser ---------------------------------------------- */ #flex_teaser { background-color:#FFF; border:1px solid #e6e6e6; padding:4px;} #flex_gradient { background-image:url(../media/images/bg_konzert.gif); background-repeat:repeat-x; height:240px;} #flex_gradient img { float:right; margin-left:15px; } #flex_gradient #flex_text { color:#FFFFFF; padding-top:15px; padding-left:15px; } #flex_text h3,h4 { padding:0; margin:0; line-height:0px;} .agendaLeft {width:38%; float:left; color:#333;} .agendaRight {width:62%; float:left;} #navArea #hl_center h1 { color:#000000;} ul#agenda strong {color:#333333; font-variant: small-caps; font-weight:bold;} ul#agenda a { text-decoration: underline;} ul#agenda a:hover { text-decoration: underline; color:#000000;} /* Basic IMG Format -----------------------------------------------*/ #contentText .setFloat {float:left; padding-right:5%; padding-bottom:2%;} /* Teaser Area -----------------------------------------------*/ #boxBGinv { background-image:url(../media/images/bg_teaserrepeat.gif); background-repeat:repeat-x; background-position:bottom;} #boxBG { background-image:url(../media/images/bg_teaser_01.jpg); background-repeat:no-repeat; background-position:right bottom; height:286px; color:#FFFFFF;} #boxBG2 { background-image:url(../media/images/bg_teaser_02.jpg); background-repeat:no-repeat; background-position:right bottom; height:286px; color:#FFFFFF;} #boxBG3 { background-image:url(../media/images/bg_teaser_03.jpg); background-repeat:no-repeat; background-position:right bottom; height:286px; color:#FFFFFF;} #boxBG4 { background-image:url(../media/images/bg_teaser_04.jpg); background-repeat:no-repeat; background-position:right bottom; height:286px; color:#FFFFFF;} #boxBG5 { background-image:url(../media/images/bg_teaser_05.jpg); background-repeat:no-repeat; background-position:right bottom; height:286px; color:#FFFFFF;} #boxBG6 { background-image:url(../media/images/bg_teaser_06.jpg); background-repeat:no-repeat; background-position:right bottom; height:286px; color:#FFFFFF;} #boxCorner { background-image:url(../media/images/bg_teaser_corner.gif); background-repeat:no-repeat;height:286px; width:9px; float:left; } #boxWrap { padding-top:215px;} #boxWrap #seperate { background-image:url(../media/images/bg_teaser_seperate.gif); background-repeat:no-repeat; background-position:center;width:3%; float:left; height:62px;} #boxFormat { width:42%; float:left; font-size:0.8em; margin-left:2%;margin-right:2%;} #boxFormat a { color:#FFFFFF; } #TeaserHeadline { position: absolute; float:left; padding-top:50px; padding-left:1.5%; } #TeaserHeadline h1,h2 { padding:0; margin:0; line-height:0.9em;} #TeaserHeadline h1 { font-size:2em;} #TeaserHeadline h2 { font-size:1.1em;} .iconAdd {float:left; padding-top:4px; padding-right:10px;} #boxFormat h1 { margin:0; padding:0; font-size:1.2em; font-weight:bold;} /* Top Navigation Styles -----------------------------------------------*/ #top_navi a, #top_navi #logo, #top_navi #start, #top_navi #seperate, #top_navi #language {height:52px; float:left; display:block;} #top_navi a { text-decoration:none; padding:0; margin:0; } a#top_navi_allm.active { width:39px; background:url(../media/images/navi_top_allm_on.gif); } a#top_navi_allm { width:39px; background:url(../media/images/navi_top_allm_off.gif) no-repeat; } a#top_navi_allm:hover { width:39px; background:url(../media/images/navi_top_allm_on.gif); } a#top_navi_allm:focus { width:39px; background:url(../media/images/navi_top_allm_on.gif); } a#top_navi_eltern.active { width:58px; background:url(../media/images/navi_top_eltern_on.gif); } a#top_navi_eltern { width:58px; background:url(../media/images/navi_top_eltern_off.gif) no-repeat; } a#top_navi_eltern:hover { width:58px; background:url(../media/images/navi_top_eltern_on.gif); } a#top_navi_eltern:focus { width:58px; background:url(../media/images/navi_top_eltern_on.gif); } a#top_navi_eltern_fr.active { width:81px; background:url(../media/images/navi_top_parents_on.gif); } a#top_navi_eltern_fr { width:81px; background:url(../media/images/navi_top_parents_off.gif) no-repeat; } a#top_navi_eltern_fr:hover { width:81px; background:url(../media/images/navi_top_parents_on.gif); } a#top_navi_eltern_fr:focus { width:81px; background:url(../media/images/navi_top_parents_on.gif); } a#top_navi_links.active { width:23px; background:url(../media/images/navi_top_links_on.gif); } a#top_navi_links { width:23px; background:url(../media/images/navi_top_links_off.gif) no-repeat; } a#top_navi_links:hover { width:23px; background:url(../media/images/navi_top_links_on.gif); } a#top_navi_links:focus { width:23px; background:url(../media/images/navi_top_links_on.gif); } a#top_navi_links_fr.active { width:23px; background:url(../media/images/navi_top_liens_on.gif); } a#top_navi_links_fr { width:23px; background:url(../media/images/navi_top_liens_off.gif) no-repeat; } a#top_navi_links_fr:hover { width:23px; background:url(../media/images/navi_top_liens_on.gif); } a#top_navi_links_fr:focus { width:23px; background:url(../media/images/navi_top_liens_on.gif); } a#top_navi_agenda.active { width:35px; background:url(../media/images/navi_top_03_on.gif); } a#top_navi_agenda { width:35px; background:url(../media/images/navi_top_03_off.gif) no-repeat; } a#top_navi_agenda:hover { width:35px; background:url(../media/images/navi_top_03_on.gif); } a#top_navi_agenda:focus { width:35px; background:url(../media/images/navi_top_03_on.gif); } a#top_navi_agenda_fr.active { width:35px; background:url(../media/images/navi_top_03_on.gif); } a#top_navi_agenda_fr { width:35px; background:url(../media/images/navi_top_03_off.gif) no-repeat; } a#top_navi_agenda_fr:hover { width:35px; background:url(../media/images/navi_top_03_on.gif); } a#top_navi_agenda_fr:focus { width:35px; background:url(../media/images/navi_top_03_on.gif); } a#top_navi_infos.active { width:22px; background:url(../media/images/navi_top_infos_on.gif); } a#top_navi_infos { width:22px; background:url(../media/images/navi_top_infos_off.gif) no-repeat; } a#top_navi_infos:hover { width:22px; background:url(../media/images/navi_top_infos_on.gif); } a#top_navi_infos:focus { width:22px; background:url(../media/images/navi_top_infos_on.gif); } a#top_navi_01.active { width:49px; background:url(../media/images/navi_top_01_on.gif); } a#top_navi_01 { width:49px; background:url(../media/images/navi_top_01_off.gif) no-repeat; } a#top_navi_01:hover { width:49px; background:url(../media/images/navi_top_01_on.gif); } a#top_navi_01:focus { width:49px; background:url(../media/images/navi_top_01_on.gif); } a#top_navi_02.active { width:66px; background:url(../media/images/navi_top_02_on.gif); } a#top_navi_02 { width:66px; background:url(../media/images/navi_top_02_off.gif) no-repeat; } a#top_navi_02:hover { width:66px; background:url(../media/images/navi_top_02_on.gif); } a#top_navi_02:focus { width:66px; background:url(../media/images/navi_top_02_on.gif); } a#top_navi_03.active { width:35px; background:url(../media/images/navi_top_03_on.gif); } a#top_navi_03 { width:35px; background:url(../media/images/navi_top_03_off.gif) no-repeat; } a#top_navi_03:hover { width:35px; background:url(../media/images/navi_top_03_on.gif); } a#top_navi_03:focus { width:35px; background:url(../media/images/navi_top_03_on.gif); } a#top_navi_04.active { width:33px; background:url(../media/images/navi_top_04_on.gif); } a#top_navi_04 { width:33px; background:url(../media/images/navi_top_04_off.gif) no-repeat; } a#top_navi_04:hover { width:33px; background:url(../media/images/navi_top_04_on.gif); } a#top_navi_04:focus { width:33px; background:url(../media/images/navi_top_04_on.gif); } a#top_navi_04_fr.active { width:42px; background:url(../media/images/navi_top_glossaire_on.gif); } a#top_navi_04_fr { width:42px; background:url(../media/images/navi_top_glossaire_off.gif) no-repeat; } a#top_navi_04_fr:hover { width:42px; background:url(../media/images/navi_top_glossaire_on.gif); } a#top_navi_04_fr:focus { width:42px; background:url(../media/images/navi_top_glossaire_on.gif); } a#top_navi_05.active { width:41px; background:url(../media/images/navi_top_05_on.gif); } a#top_navi_05 { width:41px; background:url(../media/images/navi_top_05_off.gif) no-repeat; } a#top_navi_05:hover { width:41px; background:url(../media/images/navi_top_05_on.gif); } a#top_navi_05:focus { width:41px; background:url(../media/images/navi_top_05_on.gif); } a#top_navi_05_fr.active { width:23px; background:url(../media/images/navi_top_dons_on.gif); } a#top_navi_05_fr { width:23px; background:url(../media/images/navi_top_dons_off.gif) no-repeat; } a#top_navi_05_fr:hover { width:23px; background:url(../media/images/navi_top_dons_on.gif); } a#top_navi_05_fr:focus { width:23px; background:url(../media/images/navi_top_dons_on.gif); } a#top_navi_06.active { width:36px; background:url(../media/images/navi_top_06_on.gif); } a#top_navi_06 { width:36px; background:url(../media/images/navi_top_06_off.gif) no-repeat; } a#top_navi_06:hover { width:36px; background:url(../media/images/navi_top_06_on.gif); } a#top_navi_06:focus { width:36px; background:url(../media/images/navi_top_06_on.gif); } a#top_navi_06_fr.active { width:36px; background:url(../media/images/navi_top_contact_on.gif); } a#top_navi_06_fr { width:36px; background:url(../media/images/navi_top_contact_off.gif) no-repeat; } a#top_navi_06_fr:hover { width:36px; background:url(../media/images/navi_top_contact_on.gif); } a#top_navi_06_fr:focus { width:36px; background:url(../media/images/navi_top_contact_on.gif); } a#top_navi_07.active { width:37px; background:url(../media/images/navi_top_07_on.gif); } a#top_navi_07 { width:37px; background:url(../media/images/navi_top_07_off.gif) no-repeat; } a#top_navi_07:hover { width:37px; background:url(../media/images/navi_top_07_on.gif); } a#top_navi_07:focus { width:37px; background:url(../media/images/navi_top_07_on.gif); } a#top_navi_08.active { width:33px; background:url(../media/images/navi_top_08_on.gif); } a#top_navi_08 { width:33px; background:url(../media/images/navi_top_08_off.gif) no-repeat; } a#top_navi_08:hover { width:33px; background:url(../media/images/navi_top_08_on.gif); } a#top_navi_08:focus { width:33px; background:url(../media/images/navi_top_08_on.gif); } a#top_navi_09.active { width:37px; background:url(../media/images/navi_top_09_on.gif); } a#top_navi_09 { width:37px; background:url(../media/images/navi_top_09_off.gif) no-repeat; } a#top_navi_09:hover { width:37px; background:url(../media/images/navi_top_09_on.gif); } a#top_navi_09:focus { width:37px; background:url(../media/images/navi_top_09_on.gif); } #top_navi #logo { width:1.25%; } #top_navi #start { background-image:url(../media/images/bg_nav_top_start.gif); width:9px; } #top_navi #seperate { margin:0px 6px; background-image:url(../media/images/bg_nav_top_seperate.gif); width:2px; background-repeat:no-repeat; background-position:top left; text-decoration:none;} #topNaviStart { background-image:url(../media/images/bg_nav_top_start.gif); width:9px; height:52px; } #topNaviSeperate { background-image:url(../media/images/bg_nav_top_seperate.gif); width:2px; height:52px; } #contentText { margin:0px 4%; line-height:1.5em; } #contentText p { padding-left:2%;} #contentText a { color:#333333; font-variant: small-caps; font-weight:bold; text-decoration:underline; } #contentText a:hover { color:#000; text-decoration:underline; } #contentText strong { color:#333333; font-variant: small-caps; font-weight:bold;} /* Headline -----------------------------------------------*/ #headline { background-image:url(../media/images/bg_hl_center.gif); display:block; height:31px; margin-top:2em;} #hl_start { background-image:url(../media/images/bg_hl_left.gif); height:31px; width:9px; float:left; } #hl_center { float:left; } #hl_end { background-image:url(../media/images/bg_hl_right.gif); height:31px; width:9px; float:right;} #hl_print { height:31px; width:107px; float:right;} #hl_center h1 { font-size:15px; margin:0; padding:0; color:#d60022; margin-top:7px; } #centerMe { margin:0 auto 0 auto; width:80%; text-align:left; } .leftBorderBG { background-image:url(../media/images/bg_content_left.gif); background-repeat:repeat-y; } #container-content #centerMe { background-color:#FFFFFF;background-image:url(../media/images/bg_content_right.gif); background-repeat:repeat-y; background-position:right;} #container-foot-shadow #centerMe { background-color:#FFFFFF;background-image:url(../media/images/bg_footer_shadow_right.gif); background-repeat:repeat-y; background-position:right;} #footerArea { clear:both;} #container-content { } #leftBorder, #rightBorder { float:left; width:28px;} #navArea { float:right; width:23%; padding-right:5.3%; line-height:1.5em; font-size:0.86em;} #container-content #contentArea { float:left; width:66%; background-image:url(../media/images/bg_content_seperate.gif); background-position:right; background-repeat:repeat-y;} /* Shadow Area Above Footer -----------------------------------------------*/ .rightBorder {background-image:url(../media/images/bg_footer_shadow_right.gif); background-repeat:no-repeat; background-position:right;} #container-foot-shadow #centerMe { background-image: url(../media/images/bg_footer_shadow_white.gif); background-repeat: repeat-x; } #container-foot-shadow #leftBorder { height: 43px; background-image:url(../media/images/bg_footer_shadow_left.gif); background-repeat:no-repeat; } #container-foot-shadow #contentArea { float:left; height: 43px; width:66%; background-image:url(../media/images/bg_footer_shadow_seperate.gif); background-position:right; background-repeat:repeat-y; } #container-foot-shadow #navArea { height: 43px; } /* Footer Area -----------------------------------------------*/ #container-foot-shadow { position:relative; min-width:700px; width: 100%; height: 43px; background-image:url(../media/images/bg_footer_shadow_darkgray.gif); background-repeat:repeat-x; } #container-foot { position:relative; width: 100%; height: 113px; background-image:url(../media/images/bg_footer.gif); background-repeat:repeat-x; } #avatar { position: absolute; background-image:url(../media/images/avatar.gif); width:151px; height:212px; bottom:19px; right:16%;} #foot { padding-top:30px; color:#FFFFFF; text-align:center; padding-right:22%;} #foot p { margin:0px 10px; display: inline; } #foot a { color:#fff; text-decoration:none; } #foot a:hover { color:#fff; text-decoration:none; } form.cmxform label { clear: left; display: block; float: left; width: 100px; text-align: left; padding-right: 10px; margin-bottom: 0.5em; vertical-align: top; line-height: 1.8;} form.cmxform fieldset { margin: 2%; padding:2%; } form.cmxform legend { padding: 0 2px; font-weight: bold; } form.cmxform fieldset ol { margin: 0; padding: 0; } form.cmxform fieldset li { list-style: none; padding: 5px; margin: 0; } form.cmxform fieldset fieldset { border: none; margin: 3px 0 0; } form.cmxform fieldset fieldset legend { padding: 0 0 5px; font-weight: normal; } form.cmxform fieldset fieldset label { display: block; width: auto; } form.cmxform em { font-weight: bold; font-style: normal; color: #f00; } form.cmxform label { width: 120px; /* Width of labels */ } form.cmxform fieldset fieldset label { margin-left: 123px; /* Width plus 3 (html space) */ } #contentText img.border { border:1px solid #ccc; margin-right:10px; margin-bottom:10px; padding-bottom:0; padding-right:0; }