body { margin: 0; padding: 0; text-align: center; background-color: #fff; } body.cs-silver { background: #fff url('../images/blocks/bg_body--silver.jpg') repeat-x; } body.cs-yellow{ background: #fff url('../images/blocks/bg_body--yellow.jpg') center top no-repeat; } body.cs-orange{ background: #fdfcf9 url('../images/blocks/bg_body--orange.jpg') repeat-x; } body.cs-blue{ background: #fff url('../images/blocks/bg_body--blue.jpg') repeat-x; } body.cs-grey{ background: #fff url('../images/blocks/bg_body--grey.jpg') repeat-x; } /* #b-ie6 */ .hover-htc { behavior: url('fileadmin/templates/aok/js/csshover2.htc'); } .png-htc img { behavior: url('fileadmin/templates/aok/js/pngbehavior.htc'); } .clearer { clear: both; } .fl { float: left !important; } .fr { float: right !important; } #mainContainer { width: 990px; text-align: left; margin: 0 auto; } .tmpl-print { width: 800px!important; text-align: left; background: #fff; margin: 0 auto; } /* BANNER ================================================================================== */ #banner { margin: 10px 0; } /* HEADER ================================================================================== */ #header { width: 800px; margin-bottom: 10px; float: left; position: relative; } #b-ie6 #header, #b-ie7 #header { z-index: 1; } #header .header-l { width: 180px; margin-bottom: 10px; float: left; } #header .header-r { width: 610px; margin-bottom: 10px; float: right; } .tmpl-2cols #header .header-r, .tmpl-1col #header .header-r, .tmpl-2cols #header .header-l, .tmpl-1col #header .header-l { margin-bottom: 0; } #header .logo { width: 180px; height: 70px; margin-top: 10px; float: left; } #header .branding { width: 133px; height: 38px; position: absolute; left: 180px; top: 10px; z-index: 200; } #header #teaser { width: 610px; height: 343px; } .tmpl-print #header { width: 100%; margin-top: 10px; } .tmpl-print #header .logo { margin: 0 0 0 10px; display: inline;} .tmpl-print #header .branding { position: static; margin: 0; float: left; } /* MAIN NAVIGATION ================================================================================== */ #mainNavi { height: 68px; background: url('../images/blocks/bg_mainnavi-l2.gif') left top no-repeat; margin: 21px 0 0 0; } .cs-silver #mainNavi { background-position: 0 0; } .cs-yellow #mainNavi { background-position: 0 -68px; } .cs-orange #mainNavi { background-position: 0 -136px; } .cs-blue #mainNavi { background-position: 0 -204px; } .cs-grey #mainNavi { background-position: 0 -272px; } .tmpl-2cols #mainNavi , .tmpl-1col #mainNavi { margin-bottom: 10px; } #mainNavi a { font-size: 11px; font-weight: normal; color: #333; text-decoration: none; } #mainNavi a:hover { text-decoration: none; } /* level 1*/ #mainNavi ul.l1 { height: 39px; background: url('../images/blocks/bg_mainnavi.gif') left 37px no-repeat; padding-left: 126px; position: relative; z-index: 100; } #mainNavi .mn-yellow, #mainNavi .mn-orange, #mainNavi .mn-blue, #mainNavi .mn-grey { width: 122px; height: 39px; color: #009933; line-height: 39px; text-align: center; background: url('../images/blocks/bg_mainnavi-l1.gif') no-repeat; margin-left: -1px; float: left; } #mainNavi .mn-yellow:hover , #mainNavi .mn-orange:hover, #mainNavi .mn-blue:hover, #mainNavi .mn-grey:hover { color: #333; } #mainNavi a.l1 { width: 122px; height: 39px; font-size: 16px; color: inherit; background: center -5px no-repeat; display: block; zoom: 1;} #mainNavi a.l1:hover, #mainNavi .act a.l1:hover { color: inherit; } #mainNavi li:hover a.l1, #mainNavi li.act a.l1 { background-position: center -47px; } .cs-yellow #mainNavi .mn-yellow, #mainNavi .mn-yellow:hover { background-position: 0 -39px; } .cs-orange #mainNavi .mn-orange, #mainNavi .mn-orange:hover { background-position: 0 -78px; } .cs-blue #mainNavi .mn-blue, #mainNavi .mn-blue:hover { background-position: 0 -117px; } .cs-grey #mainNavi .mn-grey, #mainNavi .mn-grey:hover { background-position: 0 -156px; } .cs-yellow #mainNavi .mn-yellow a.l1, .cs-orange #mainNavi .mn-orange a.l1, .cs-blue #mainNavi .mn-blue a.l1, .cs-grey #mainNavi .mn-grey a.l1 { background-position: center -47px; } /* level 2*/ #mainNavi ul.l1 ul { position: absolute; z-index: 99; } #mainNavi ul.l2 { width: 610px; height: 37px; line-height: 20px; text-align: left; background: url('../images/blocks/bg_mainnavi-l2.gif') 0 -57px no-repeat; padding: 12px 0 0; left: -1px; top: 30px; visibility: hidden; } #mainNavi ul.l1 li:hover ul.l2 { visibility: visible; z-index: 999; } .cs-yellow #mainNavi .mn-yellow ul.l2, .cs-orange #mainNavi .mn-orange ul.l2, .cs-blue #mainNavi .mn-blue ul.l2, .cs-grey #mainNavi .mn-grey ul.l2 { visibility: visible; } .cs-yellow #mainNavi .mn-yellow ul.l2, #mainNavi li.mn-yellow:hover ul.l2 { background-position: 0 -98px; } .cs-orange #mainNavi .mn-orange ul.l2, #mainNavi li.mn-orange:hover ul.l2 { background-position: 0 -166px; } .cs-blue #mainNavi .mn-blue ul.l2, #mainNavi li.mn-blue:hover ul.l2 { background-position: 0 -234px; } .cs-grey #mainNavi .mn-grey ul.l2, #mainNavi li.mn-grey:hover ul.l2 { background-position: 0 -302px; } #mainNavi ul.l2 li { padding: 0 9px; float: left; position: relative; } #mainNavi ul.l2 li a.l2 { float: left; display:block; height:30px; } #mainNavi ul.l2 li a.l2:hover, #mainNavi ul.l2 li.act a.l2{ text-decoration: underline; } #mainNavi .mn-blue ul.l2 li.act a.l2{ font-weight: bold; text-decoration: none; } #mainNavi .mn-yellow ul.l2 a { color: #666666; } /* level 3*/ #mainNavi ul.l2 ul { width: 184px; background: #e5e9ec; /* padding: 0 1px 1px 1px; */ /* border: 1px solid #e5e9ec; border-top-width: 0; */ z-index: 100; } #mainNavi .mn-yellow ul.l2 ul { background: #ffff99; /* border: 1px solid #ffff99; */ } #mainNavi .mn-orange ul.l2 ul { background: #ffcc99; /* border: 1px solid #ffcc99; */ } #mainNavi .mn-blue ul.l2 ul { background: #99ccff; /* border: 1px solid #99ccff; */ } #mainNavi .mn-grey ul.l2 ul { background: #cccccc; /* border: 1px solid #cccccc; */ } #mainNavi ul.l3 { top: 25px; left: 0; visibility: hidden; } #mainNavi ul.l2 li:hover ul.l3 { visibility: visible; } #mainNavi ul.l3 li { width: 100%; background: url('../images/blocks/bg_dots02.gif') left bottom repeat-x; padding: 0 0 1px 0; float: left; zoom: 1; } #mainNavi ul.l3 li.last { background-position: -1000px -1000px; padding-bottom: 0; } #mainNavi ul.l3 li:hover, #mainNavi ul.l3 li.act { background-color: #fff; } #mainNavi ul.l3 li.act ul.l4 li.act { background-color: transparent; } #mainNavi ul.l3 li a { padding: 5px 17px; display: block; } #mainNavi ul.l3 li.sub a.l3 { background: url('../images/bullets/bullet05.gif') 165px 10px no-repeat; } /* level 4*/ #mainNavi ul.l4 { top: 0; left: 184px; visibility: hidden;} #mainNavi ul.l3 li:hover ul.l4 { visibility: visible; } #mainNavi ul.l4 li.act { background-color: #fff!important; } /* META NAVIGATION ================================================================================== */ #metaNavi { width: 162px; height: 111px; background: url('../images/blocks/bg_metanavi.gif') no-repeat; border: 1px solid #e3e3e3; padding: 2px 8px; } #metaNavi li a { color:#047c2c; font-weight: normal; display: block; border-bottom:1px dotted #48bc43; padding: 4px 0; } #metaNavi li.last a { border: none; } #metaNavi li a img { margin: 0 0 -2px 5px; } /* SUB NAVIGATION ================================================================================== */ #subnavi {} #subnavi ul { padding-top: 6px; } #subnavi ul ul { padding: 0; } #subnavi ul ul li { background: url('../images/blocks/bg_dots02.gif') repeat-x; padding: 8px 0; margin: 0; } #subnavi ul ul ul li { background: none; padding: 0; } #subnavi ul a { font-weight: normal; color: #333; display: block; zoom: 1; } #subnavi ul a.l1 { background: #cccccc; padding: 4px 10px; margin-bottom: 2px; font-weight: bold; } #subnavi ul a.l1:hover { text-decoration: none; } .cs-silver #subnavi ul a.l1 { background: #cccccc; } .cs-yellow #subnavi ul a.l1 { background: #ffff99; } .cs-orange #subnavi ul a.l1 { background: #ffcc99; } .cs-blue #subnavi ul a.l1 { background: #99ccff; } .cs-grey #subnavi ul a.l1 { background: #cccccc; } #subnavi ul a.l2 { background: url('../images/bullets/bullet06.gif') 10px 5px no-repeat; padding: 3px 10px 3px 20px; } #subnavi ul a.l3 { background: url('../images/bullets/bullet06.gif') 20px 5px no-repeat; padding: 3px 10px 3px 30px; } #subnavi ul ul .act a { text-decoration: underline; } #subnavi ul ul .act ul a { text-decoration: none; } #subnavi ul ul .act ul a:hover, #subnavi ul ul ul .act a { text-decoration: underline; } /* BREADCRUBS ================================================================================== */ #breadcrubs { height: 23px; background: #fcfcfc; border: 1px solid #e2e2e2; clear: both; } #breadcrubs li { height: 23px; line-height: 23px; background: url('../images/bullets/bullet03.gif') right center no-repeat; padding: 0 16px 0 10px; float: left; } #breadcrubs li.home { background: url('../images/blocks/bg_breadcrumbs--silver.png') right top no-repeat; padding-right: 30px; border-left: 1px solid #fff; } #breadcrubs li.last { background-image: none; } #breadcrubs a { font-size: 11px; font-weight: normal; color: #000; text-decoration: underline; } #breadcrubs a:hover { text-decoration: none; } #breadcrubs li.home a { height: 23px; font-size: 12px; color: #333333; background: url('../images/icons/icon_home--silver.gif') no-repeat; padding-left: 20px; float: left; zoom: 1; } .cs-silver #breadcrubs { background: #fcfcfc; } .cs-yellow #breadcrubs { background: #fff; } .cs-orange #breadcrubs { background: #fff; } .cs-blue #breadcrubs { background: #fff; } .cs-grey #breadcrubs { background: #fff; } .cs-silver #breadcrubs li.home { background-image: url('../images/blocks/bg_breadcrumbs--silver.png'); } .cs-yellow #breadcrubs li.home { background-image: url('../images/blocks/bg_breadcrumbs--yellow.png'); } .cs-orange #breadcrubs li.home { background-image: url('../images/blocks/bg_breadcrumbs--orange.png'); } .cs-blue #breadcrubs li.home { background-image: url('../images/blocks/bg_breadcrumbs--blue.png'); } .cs-grey #breadcrubs li.home { background-image: url('../images/blocks/bg_breadcrumbs--grey.png'); } .cs-silver #breadcrubs li.home a { background-image: url('../images/icons/icon_home--silver.gif'); } .cs-yellow #breadcrubs li.home a { background-image: url('../images/icons/icon_home--yellow.gif'); } .cs-orange #breadcrubs li.home a { background-image: url('../images/icons/icon_home--orange.gif'); } .cs-blue #breadcrubs li.home a { background-image: url('../images/icons/icon_home--blue.gif'); } .cs-grey #breadcrubs li.home a { background-image: url('../images/icons/icon_home--grey.gif'); } .tmpl-home #breadcrubs li.home { padding-right: 40px; } /* REGIONS SELECTOR ================================================================================== */ #regions { text-align: center; background: #fff; border: 1px solid #e3e3e3; margin-bottom: 10px; clear: both; position: relative; } #regions #aok_regionselect_flash { height: 190px; } #regions #aok_regionselect_flash .no-flash { height: 190px; } #regions #aok_regionselect_flash .no-flash img { border-width: 0; } #regions #aok_regionselect_flash .no-flash .i-select { width: 160px; margin-top: 8px; } #regions form { margin: 0 0 6px 0; } #regions form .i-text { width: 30%; padding: 2px; } #regions form .i-button-gfx { width: 25px; height: 25px; font-size: 1px; text-indent: 1000px; vertical-align: middle; background: url('../images/buttons/button01.gif') no-repeat; margin-bottom: 3px; overflow: hidden; } #regions dl { width: 160px; background: #f00; position: absolute; left: 10px; bottom: 33px; z-index: 100; opacity:0.6; filter:alpha(opacity=60); } #regions dl dd{ font-size: 10px; font-weight: bold; color: #fff; padding: 3px; } #regions-holder { height: 44px; background: #fff url('../images/blocks/bg_regions_small.png') no-repeat; border: 1px solid #e3e3e3; clear: both; position: relative; } #regions-holder #regions { width: 100%; display: none; margin-bottom: 0; position: absolute; left: -1px; top: -1px; z-index: 99; } /* #regions-holder:hover #regions { display: block; } */ #regions-holder h5 { font-size: 10px; font-weight: bold; color: #666666; margin: 5px 0 5px 50px; } #regions-holder p { font-size: 10px; margin: 0 0 0 42px; } #regions-holder p a { background: url('../images/bullets/bullet01--silver.gif') left 4px no-repeat; padding-left: 8px; } .cs-silver #regions-holder { background-position: left 0; } .cs-yellow #regions-holder { background-position: left -44px; } .cs-orange #regions-holder { background-position: left -88px; } .cs-blue #regions-holder { background-position: left -132px; } .cs-grey #regions-holder { background-position: left -176px; } .cs-silver #regions-holder p a { background-image: url('../images/bullets/bullet01--silver.gif'); } .cs-yellow #regions-holder p a { background-image: url('../images/bullets/bullet01--yellow.gif'); } .cs-orange #regions-holder p a { background-image: url('../images/bullets/bullet01--orange.gif'); } .cs-blue #regions-holder p a { background-image: url('../images/bullets/bullet01--blue.gif'); } .cs-grey #regions-holder p a { background-image: url('../images/bullets/bullet01--grey.gif'); } #regions a.close { width: 7px; height: 7px; position: absolute; z-index: 100; right: 1px; top: 2px; display: none; } .js-true a.close { display: block!important; } .tmpl-home .js-true a.close { display: none!important; } .js-true a.close img { display: block; } /* SIDEBAR ================================================================================== */ #sidebar { width: 180px; float: right; overflow: hidden; } #sidebar .help-link { width: 80px; height: 20px; background: url('../images/buttons/btn_help.gif') no-repeat; margin: 21px 0 18px 0; display: block; zoom: 1; clear: both; } /* SEARCH / WEBCODES / SHORTCUTS ================================================================================== */ #sidebar #sws { } #sidebar #sws ul.tabs { height: 21px; border-bottom: 1px solid #c2c2c2; clear: both;} #sidebar #sws ul.tabs li { background: url('../images/blocks/bg_box01_h_r.gif') right top no-repeat; padding-right: 4px; margin-right: -1px; float: left; } #sidebar #sws ul.tabs li a { height: 21px; line-height: 21px; font-size: 11px; font-weight: normal; color: #57a2c8; background: url('../images/blocks/bg_box01_h_l.gif') no-repeat; padding: 0 6px 0 10px; float: left; zoom: 1; } #sidebar #sws ul.tabs li a:hover { color: #336699; text-decoration: none; } #sidebar #sws ul.tabs li.act { margin-bottom: -1px; } #sidebar #sws ul.tabs li.act a { height: 22px; color: #336699; } #sidebar #sws .sws-c { background: #fff; border: 1px solid #c2c2c2; border-top: 0; padding: 10px 10px 5px 10px; margin-bottom: 10px; } #sidebar #sws form { text-align: right; padding: 0 0 5px; } #sidebar #sws form .i-text { width: 99%; margin-bottom: 8px; } #sidebar #sws ul.sws-shortcuts { border-top: 1px solid #c2c2c2; padding-top: 10px; } #sidebar #sws ul.sws-shortcuts a { height: 25px; line-height: 25px; font-size: 10px; font-weight: normal; color: #336699; background: right top no-repeat; margin-bottom: 2px; display: block; zoom: 1; } #sidebar #sws ul.sws-shortcuts a:hover { text-decoration: none; background-color: #cce0eb; padding-left: 10px; } #sidebar #sws ul.sws-shortcuts li.social a { background-image: url('../images/icons/icon_shortcut_social.png'); } #sidebar #sws ul.sws-shortcuts li.tipafriend a { background-image: url('../images/icons/icon_shortcut_tipafriend.png'); } #sidebar #sws ul.sws-shortcuts li.contact a { background-image: url('../images/icons/icon_shortcut_contact.png'); } #sidebar #sws ul.sws-shortcuts li.register a { background-image: url('../images/icons/icon_shortcut_register.png'); } /* COLUMNS ================================================================================== */ #contentContainer { width: 800px; float: left; clear: left; } #contentContainer .content { clear: both; } #mainColumn { min-height: 10px; float: left; overflow: hidden;} #rightColumn { float: left; overflow: hidden;} .tmpl-home #mainColumn { width: 800px; } .tmpl-home #mainColumn .content { width: 800px; } .tmpl-2cols #contentContainer { width: 798px; border: 1px solid #e1e1e1; } .tmpl-2cols #mainColumn { width: 595px; } .tmpl-2cols #mainColumn .content { margin: 0 21px 35px 19px; padding-top: 8px; /* for pin negative positioning */ clear: none; /* for section navigation floating out of content zone */} .tmpl-2cols #rightColumn { width: 201px; } .tmpl-2cols #rightColumn .content { margin: 0 9px 35px 13px; padding-top: 8px; /* for pin negative positioning */ } .tmpl-1col #mainColumn { width: 800px; } .tmpl-1col #mainColumn .content { margin: 0 21px 0 19px; } .tmpl-2cols #contentContainer, .tmpl-1col #contentContainer { background: #fff url('../images/blocks/bg_content--silver.png') repeat-x; } .cs-silver .tmpl-2cols #contentContainer, .cs-silver .tmpl-1col #contentContainer { background-image: url('../images/blocks/bg_content--silver.png'); } .cs-yellow .tmpl-2cols #contentContainer, .cs-yellow .tmpl-1col #contentContainer { background-image: url('../images/blocks/bg_content--yellow.png'); } .cs-orange .tmpl-2cols #contentContainer, .cs-orange .tmpl-1col #contentContainer { background-image: url('../images/blocks/bg_content--orange.png'); } .cs-blue .tmpl-2cols #contentContainer, .cs-blue .tmpl-1col #contentContainer { background-image: url('../images/blocks/bg_content--blue.png'); } .cs-grey .tmpl-2cols #contentContainer, .cs-grey .tmpl-1col #contentContainer { background-image: url('../images/blocks/bg_content--grey.png'); } .tmpl-print #mainColumn { width: 100%; } .tmpl-print #mainColumn .content { margin: 20px; } #bwrapper { min-height: 100px; height: auto!important; height: 100px; border: 1px solid #fff; } #cwrapper { width: 100%; background: url('../images/blocks/bg_dots03.gif') 594px 0 repeat-y; margin: 0 0 20px 0; float: left; } .tmpl-1col #cwrapper { background: none; } /* STATUSBAR ================================================================================== */ .statusbar { height: 24px; background: #f3f3f3 url('../images/blocks/bg_statusbar.png') no-repeat; } #topbar { width: 779px; margin: 24px 9px 10px 8px; float: left; display: inline; } #bottombar { margin: 0 20px 10px 8px; } .tmpl-print #topbar { width: 780px; margin: 10px; } .statusbar .statusbar-r { height: 24px; line-height: 24px; background: url('../images/blocks/bg_statusbar.png') right -24px no-repeat; padding: 0 10px; } .cs-silver .statusbar { background-color: #f3f3f3; background-position: left 0; } .cs-yellow .statusbar { background-color: #ffffb2; background-position: left -48px; } .cs-orange .statusbar { background-color: #f6e9dc; background-position: left -96px; } .cs-blue .statusbar { background-color: #dbe8f2; background-position: left -144px; } .cs-grey .statusbar { background-color: #f3f3f3; background-position: left -192px; } .cs-silver .statusbar-r { background-position: right -24px; } .cs-yellow .statusbar-r { background-position: right -72px; } .cs-orange .statusbar-r { background-position: right -120px; } .cs-blue .statusbar-r { background-position: right -168px; } .cs-grey .statusbar-r { background-position: right -216px; } .statusbar .date { min-height: 10px; width: 167px; margin: 0; float: left; } .statusbar .rating { min-height: 10px; width: 245px; margin: 0; float: left; } .statusbar .rating p { margin: 0 5px 0 0; float: left; } .statusbar .rating .tx-imprating-pi1 { width: 100px; height: 24px; float: left; } .statusbar .rating .tx-imprating-pi1 .imp-rater { width: 100px; margin-top: 4px; overflow: hidden; } .statusbar ul { width: 116px; float: right; } #topbar ul { margin-right: 182px; display: inline; } #bottombar ul { margin-right: 9px; display: inline; } .tmpl-1col #topbar ul { margin-right: 9px; } .tmpl-print #topbar ul { margin-right: 10px; } .statusbar ul li { background: url('../images/blocks/bg_dots03.gif') right top repeat-y; float: left; } .statusbar ul li a { height: 24px; background: url('../images/icons/icons_statusbar.gif') no-repeat; display: block; zoom: 1; } .statusbar ul li.print a { width: 40px; background-position: 11px 0; } .statusbar ul li.tipafriend a { width: 45px; background-position: -35px 0; } .statusbar ul li.social a { width: 31px; background-position: -80px 0; } .cs-silver .statusbar ul li.print a { background-position: 11px 0; } .cs-yellow .statusbar ul li.print a { background-position: 11px -24px; } .cs-orange .statusbar ul li.print a { background-position: 11px -48px; } .cs-blue .statusbar ul li.print a { background-position: 11px -72px; } .cs-grey .statusbar ul li.print a { background-position: 11px -96px; } .cs-silver .statusbar ul li.tipafriend a { background-position: -35px 0; } .cs-yellow .statusbar ul li.tipafriend a { background-position: -35px -24px; } .cs-orange .statusbar ul li.tipafriend a { background-position: -35px -48px; } .cs-blue .statusbar ul li.tipafriend a { background-position: -35px -72px; } .cs-grey .statusbar ul li.tipafriend a { background-position: -35px -96px; } .cs-silver .statusbar ul li.social a { background-position: -80px 0; } .cs-yellow .statusbar ul li.social a { background-position: -80px -24px; } .cs-orange .statusbar ul li.social a { background-position: -80px -48px; } .cs-blue .statusbar ul li.social a { background-position: -80px -72px; } .cs-grey .statusbar ul li.social a { background-position: -80px -96px; } .tmpl-print .statusbar ul li.tipafriend , .tmpl-print .statusbar ul li.social { display: none!important; } .tmpl-print .statusbar ul li.print { float: right!important; } /* PAGETITLE ================================================================================== */ #pagetitle { margin: 20px 21px 10px 19px; } #pagetitle h1 { margin: 0; } #pagetitle h3 { font-size: 1em; color: #999; margin: 0; } .tmpl-print #pagetitle { margin: 20px; } /* TEASER ================================================================================== */ #teaser-text, #teaser-media { margin: 10px 21px 10px 19px; } #teaser-text h2 { margin: 0; } #teaser-media img { display: block; } #teaser-media .caption { font-size: 0.91em; color: #999; text-align: right; } .tmpl-print #teaser-text, .tmpl-print #teaser-media { margin: 10px 20px 10px 20px; } /* SECTIONS NAVIGATION ================================================================================== */ .sectionsnavi { width: 170px; font-size: 0.91em; margin: 10px 0 10px 19px; padding: 0; float: left; display: inline; } .sectionsnavi li { width: 100%; margin-bottom: 10px; float: left; } .sectionsnavi a { background: url('../images/bullets/bullet01--silver.gif') left 3px no-repeat; padding-left: 10px; display: block; zoom: 1; } .cs-silver .sectionsnavi a { background-image: url('../images/bullets/bullet01--silver.gif'); } .cs-yellow .sectionsnavi a { background-image: url('../images/bullets/bullet01--yellow.gif'); } .cs-orange .sectionsnavi a { background-image: url('../images/bullets/bullet01--orange.gif'); } .cs-blue .sectionsnavi a { background-image: url('../images/bullets/bullet01--blue.gif'); } .cs-grey .sectionsnavi a { background-image: url('../images/bullets/bullet01--grey.gif'); } #sections { width: 180px; line-height: 1.25em; margin: 10px 20px 10px 19px; float: left; display: inline; clear: left; } #sections .sectionsnavi { width: 100%; margin: 0; padding: 0; list-style-image: none; } #sections .sectionsnavi li a { margin: 0; } .cs-silver #sections h3 { color: #009933; } .cs-yellow #sections h3 { color: #ff9900; } .cs-orange #sections h3 { color: #990033; } .cs-blue #sections h3 { color: #336699; } .cs-grey #sections h3 { color: #666666; } /* PAGER ================================================================================== */ #pager { width: 160px; text-align: right; margin: 10px 21px 10px 0; float: right; display: inline; } #pager span { height: 30px; line-height: 30px; font-size: 1.27em; margin-left: 5px; float: right; } #pager a { width: 30px; height: 30px; background: url('../images/buttons/btn_pager-prev-next.png') no-repeat; margin-left: 5px; float: right; zoom: 1; } #pager a.prev { background-position: left 0; } #pager a.next { background-position: right 0; } .cs-silver #pager { color: #009933; } .cs-yellow #pager { color: #ff9900; } .cs-orange #pager { color: #990033; } .cs-blue #pager { color: #336699; } .cs-grey #pager { color: #009933; } .cs-silver #pager a.prev { background-position: left 0; } .cs-yellow #pager a.prev { background-position: left -30px; } .cs-orange #pager a.prev { background-position: left -60px; } .cs-blue #pager a.prev { background-position: left -90px; } .cs-grey #pager a.prev { background-position: left -120px; } .cs-silver #pager a.next { background-position: right 0; } .cs-yellow #pager a.next { background-position: right -30px; } .cs-orange #pager a.next { background-position: right -60px; } .cs-blue #pager a.next { background-position: right -90px; } .cs-grey #pager a.next { background-position: right -120px; } /* FOOTER ================================================================================== */ #footer { width: 100%; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; margin-bottom: 20px; float: left; clear: both; } #footer ul { text-align: right; padding: 4px 0; } #footer ul li { font-size: 10px; text-transform: uppercase; padding-right: 24px; display: inline; } #footer ul li a{ font-weight: normal; color: #666666; } .tmpl-print #footer { display: none; } /* SOCIAL BOOKMARKS ================================================================================== */ #socialbookmark { width: 141px!important; border: 1px solid #9c9c9c!important; } #socialbookmark a { font-size: 10px; font-weight: normal; margin: 5px 10px; display: block; zoom: 1; text-align: left; } #socialbookmark a:hover { text-decoration: none; } #socialbookmark a img { vertical-align: middle; } #socialbookmark span { font-size: 10px; font-weight: bold; position: absolute!important; left: 125px!important; }