/* global settings -----------------------------------------------------------*/
html, body {
font-family: arial, helvetica, sans-serif;
font-size: 100.01%;
margin: 0;
padding: 0;
}
body {
background: #FFF url(../images/css/background_horizon_gray.gif) no-repeat;
}
body.citadel {
background: #FFF url(../images/css/background_citadel.gif) no-repeat;
}
body.none {
background: none;
}
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
li,
dl,
dt,
dd,
img,
object,
table,
form,
input,
select,
textarea {
margin: 0;
padding: 0;
border: 0;
}
a {
color: #706B57;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a.externallink {
padding: 0 0 0 12px;
background: url(../images/css/icon_exlink.gif) no-repeat left center;
}
/* color legend --------------------------------------------------------------*/
/*
#A9AFBB = yukon_sky
#757985 = amethyst_shadow
#334259 = north_sea
#7E8798 = silhouette
#9CAEC4 = citadel
#D0DCEA = ice_sculpture
#B2B300 = dark_lime
#C1C233 = spring_moss
#D1D166 = eccentric_lime
#E0E199 = grape_green
#F0F0CC = hibiscus
#585647 = tuscany_green
#706B57 = army_green
#A39E8B = creekside_green
#C6C4B7 = horizon_gray
#E0DDD4 = titanium
#FAB500 = yellow_flash
#FBC433 = sunshine
#FCD366 = yellow_highlighter
*/
/* teaser --------------------------------------------------------------------*/
#teaser {
position: absolute;
top: 0;
right: 0;
z-index: 1;
width: 305px;
height: 47px;
}
#teaserlink {
position: absolute;
top: 0;
right: 0;
z-index: 2;
width: 305px;
height: 47px;
background: transparent;
}
/* navigation main -----------------------------------------------------------*/
#navigationmain {
position: absolute;
top: 0;
left: 130px;
width: 240px;
height: 150px;
display: inline;
background: #C6C4B7;
}
#navigationmain ul {
font-size: 1.5em;
list-style: none;
padding: 30px 0 0 0;
}
#navigationmain ul li a {
width: 230px;
display: block;
padding: 0 0 0 10px;
text-decoration: none;
color: #FFF;
}
#navigationmain ul li a:hover {
color: #706B57;
}
#navigationmain ul li.active a {
color: #706B57;
}
/* navigation sub ------------------------------------------------------------*/
#navigationsub {
position: absolute;
top: 0;
left: 370px;
width: 572px;
height: 150px;
margin: 0 0 0 1px;
}
#navigationsub ul {
font-size: 0.75em;
font-weight: normal;
list-style: none;
padding: 0 0 0 5px;
}
#navigationsub ul#unternehmen {
padding-top: 37px;
}
#navigationsub ul#kompetenzen {
padding-top: 65px;
}
#navigationsub ul#projekte {
padding-top: 93px;
}
#navigationsub ul#blog {
padding-top: 121px;
}
#navigationsub ul li {
float: left;
color: #706B57;
}
#navigationsub ul li a {
padding: 0 5px;
text-decoration: none;
color: #706B57;
}
#navigationsub ul li a:hover {
color: #000;
}
#navigationsub ul li.active a {
color: #000;
}
/* logo ----------------------------------------------------------------------*/
#logo {
position: absolute;
top: 150px;
left: 784px;
width: 159px;
height: 55px;
}
/* helpers -------------------------------------------------------------------*/
div.floatleft {
float: left;
}
div.floatright {
float: right;
}
div.marginleft50 {
margin: 0 0 0 50px;
}
.noflash {
width: 100%;
text-align: center;
}
.flexcroll.home p a.readmore60D8FB {
margin: 0 0 0 15px;
padding: 0 0 0 15px;
color: #60D8FB;
background: url(../images/css/background_readmore_60D8FB.gif) no-repeat left center;
}
div.background_silhouette p a.readmoreFAB500,
div.background_citadel p a.readmoreFAB500 {
padding: 0 0 0 15px;
color: #FAB500;
background: url(../images/css/background_readmore_FAB500.gif) no-repeat left center;
}
div.background_ice_sculpture p a.readmoreC99202 {
padding: 0 0 0 15px;
color: #C99202;
background: url(../images/css/background_readmore_C99202.gif) no-repeat left center;
}
div.background_silhouette p a.readmoreA7D40D {
padding: 0 0 0 15px;
color: #A7D40D;
background: url(../images/css/background_readmore_A7D40D.gif) no-repeat left center;
}
a.readmoreFAB500 {
padding: 0 0 0 15px;
color: #FAB500;
background: url(../images/css/background_readmore_FAB500.gif) no-repeat left center;
}
a.readmoreFFF {
padding: 0 0 0 15px;
color: #FFF;
background: url(../images/css/background_readmore_FFF.gif) no-repeat left center;
}
a.readmoreB2B300 {
padding: 0 0 0 15px;
color: #B2B300;
background: url(../images/css/background_readmore_B2B300.gif) no-repeat left center;
}
a.readmore0076FD {
font-size: 0.8em;
padding: 0 0 0 15px;
color: #0076FD;
background: url(../images/css/background_readmore_0076FD.gif) no-repeat left center;
}
p a.readmoreC99202.marginleft15,
p a.readmoreFAB500.marginleft15,
p a.readmoreA7D40D.marginleft15 {
margin: 0 0 0 15px;
}
div.googlemaps {
width: 250px;
}
.background_creekside_green div.googlemaps p {
color: #585647;
}
/* content ----------------------------------------------------------------------*/
/* framework settings */
div#framework {
clear: both;
width: 813px;
height: 361px;
margin: 205px 0 0 130px;
}
/* width settings */
div.width240 {
float: left;
width: 240px;
border-right: 1px solid #FFF;
}
div.width330 {
float: left;
width: 330px;
border-right: 1px solid #FFF;
}
div.width481 {
float: left;
width: 481px;
border-right: 1px solid #FFF;
}
div.width571 {
float: left;
width: 571px;
border-right: 1px solid #FFF;
}
div.width812 {
float: left;
width: 812px;
border-right: 1px solid #FFF;
}
/* height settings */
div.height180 {
height: 180px;
}
div.height361 {
height: 361px;
}
/* container settings */
div.container0104 {
float: left;
width: 482px;
height: 361px;
}
div.container0506 {
clear: both;
position: absolute;
top: 522px;
left: 396px;
background: transparent;
}
/* border settings */
div.border_bottom_FFF {
border-bottom: 1px solid #FFF;
}
/* background settings */
div.background_yukon_sky {
background: #A9AFBB;
}
div.background_amethyst_shadow {
background: #757985;
}
div.background_north_sea {
background: #334259;
}
div.background_silhouette {
background: #7E8798;
}
div.background_citadel {
background: #9CAEC4;
}
div.background_ice_sculpture {
background: #D0DCEA;
}
div.background_dark_lime {
background: #B2B300;
}
div.background_spring_moss {
background: #C1C233;
}
div.background_eccentric_lime {
background: #D1D166;
}
div.background_grape_green {
background: #E0E199;
}
div.background_hibiscus {
background: #F0F0CC;
}
div.background_tuscany_green {
background: #585647;
}
div.background_army_green {
background: #706B57;
}
div.background_creekside_green {
background: #A39E8B;
}
div.background_horizon_gray {
background: #C6C4B7;
}
div.background_titanium {
background: #E0DDD4;
}
div.background_yellow_flash {
background: #FAB500;
}
div.background_sunshine {
background: #FBC433;
}
div.background_yellow_highlighter {
background: #FCD366;
}
/* content font settings */
div.background_silhouette h1 {
font-size: 1.1em;
padding: 20px 15px 0 25px;
margin: 0 0 10px 0;
color: #FFF;
}
div.background_silhouette p {
font-size: 0.8em;
padding: 0 15px 0 25px;
margin: 0 0 10px 0;
color: #FFF;
}
div.background_silhouette p a {
color: #FFF;
}
div.background_citadel h1,
div.background_ice_sculpture h1 {
font-size: 1.1em;
padding: 20px 15px 0 25px;
margin: 0 0 10px 0;
color: #334259;
}
div.background_citadel h2,
div.background_ice_sculpture h2 {
font-size: 0.8em;
padding: 20px 15px 0 25px;
margin: 0 0 10px 0;
color: #334259;
}
div.background_citadel p,
div.background_ice_sculpture p {
font-size: 0.8em;
padding: 0 15px 0 25px;
margin: 0 0 10px 0;
color: #334259;
}
div.background_citadel p a,
div.background_ice_sculpture p a {
color: #FFF;
}
div.background_dark_lime h1 {
font-size: 1.1em;
padding: 20px 15px 0 25px;
margin: 0 0 10px 0;
color: #FFF;
}
div.background_dark_lime p {
font-size: 0.8em;
padding: 0 15px 0 25px;
margin: 0 0 10px 0;
color: #FFF;
}
div.background_dark_lime p a {
color: #FFF;
}
div.background_creekside_green h1,
div.background_tuscany_green h1,
div.background_amethyst_shadow h1,
div.background_army_green h1 {
font-size: 1.1em;
padding: 20px 15px 0 20px;
margin: 0 0 10px 0;
color: #FFF;
}
div.background_creekside_green p,
div.background_tuscany_green p,
div.background_amethyst_shadow p,
div.background_army_green p {
font-size: 0.8em;
padding: 0 15px 0 20px;
margin: 0 0 10px 0;
color: #FFF;
}
div.background_creekside_green p a,
div.background_tuscany_green p a,
div.background_amethyst_shadow p a,
div.background_army_green p a {
color: #FAB500;
}
/* content image settings */
div.background_ice_sculpture img,
div.background_silhouette img {
float: left;
}
div.background_tuscany_green img {
float: right;
}
div.background_army_green img {
margin: 20px 0 0 20px;
}
div.background_army_green table {
margin: 20px 0 0 20px;
font-size: 12px;
color: #FFF;
line-height:18px;
}
div.background_army_green table td {
padding: 4px;
border-bottom: 1px dotted #908B77;
}
div.background_army_green .textGrey {
color: #C2BFAE;
font-weight: bold;
}
/* fleXcroll -----------------------------------------------------------------*/
/* global settings */
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0;
left: 0;
}
.scrollerjogbox {
width: 10px;
height: 10px;
top: auto;
right: 0;
bottom: 0;
left: auto;
background-color: gray;
}
.vscrollerbase {
width: 10px;
background: #FFF;
}
.vscrollerbar {
width: 10px;
background: #000;
}
.hscrollerbase {
height: 10px;
background: #FFF;
}
.hscrollerbar {
height: 10px;
background: #000;
}
.flexcroll {
z-index: 500;
clear: both;
position: absolute;
overflow: auto;
background: transparent;
}
/* box settings */
.flexcroll.box01 {
top: 205px;
left: 130px;
width: 200px;
height: 331px;
padding: 20px 15px 10px 25px;
border-right: 1px solid #FFF;
}
.flexcroll.box04 {
top: 386px;
left: 130px;
width: 200px;
height: 150px;
padding: 20px 15px 10px 25px;
border-right: 1px solid #FFF;
}
.flexcroll.box06 {
top: 386px;
left: 612px;
width: 290px;
height: 155px;
padding: 20px 15px 15px 25px;
border-right: 1px solid #FFF;
}
.flexcroll.box0104 {
top: 205px;
left: 130px;
width: 200px;
height: 331px;
padding: 20px 15px 10px 25px;
border-right: 1px solid #FFF;
}
.flexcroll.box0205 {
top: 205px;
left: 371px;
width: 200px;
height: 331px;
padding: 20px 15px 10px 25px;
border-right: 1px solid #FFF;
}
/* color settings - home */
.flexcroll.home h1 {
font-size: 1.1em;
margin: 0 0 10px 0;
color: #FFF;
}
.flexcroll.home p {
clear: both;
font-size: 0.8em;
margin: 0 0 5px 0;
color: #FFF;
}
.flexcroll.home p a {
color: #FFF;
}
.flexcroll.home .vscrollerbase {
background: #C6C4B7;
}
.flexcroll.home .vscrollerbar {
background: #9CAEC4;
}
/* color settings - impressum */
.flexcroll.impressum h1 {
font-size: 1.1em;
margin: 0 0 10px 0;
color: #FFF;
}
.flexcroll.impressum p {
clear: both;
font-size: 0.8em;
margin: 0 0 10px 0;
color: #FFF;
}
.flexcroll.impressum .vscrollerbase {
background: #A39E8B;
}
.flexcroll.impressum .vscrollerbar {
background: #585647;
}
/* referenzen alphalist */
.flexcroll#alphalist {
top: 358px;
left: 612px;
width: 290px;
height: 190px;
padding: 0 15px 5px 25px;
border-right: 1px solid #FFF;
z-index:-1;
}
.flexcroll#alphalistTop {
top: 224px;
left: 612px;
width: 290px;
height: 320px;
padding: 0 15px 5px 25px;
border-right: 1px solid #FFF;
z-index:-1;
}
.flexcroll#alphalist .vscrollerbase, .flexcroll#alphalistTop .vscrollerbase {
background: #B2B300;
}
.flexcroll#alphalist .vscrollerbar, .flexcroll#alphalistTop .vscrollerbar {
background: #FFF;
}
/* color settings - partner */
.flexcroll.partner h1 {
font-size: 1.1em;
margin: 0 0 10px 0;
color: #585647;
}
.flexcroll.partner p {
clear: both;
font-size: 0.8em;
margin: 0 0 10px 0;
color: #585647;
}
.flexcroll.partner ul {
font-size: 0.8em;
list-style: none;
margin: 10px 0;
color: #585647;
}
.flexcroll.partner ul li {
width: 90%;
display: inline-block;
padding: 0 0 0 12px;
background: url(../images/css/list_style_type_B2B300.gif) no-repeat left 7px;
}
.flexcroll.partner .vscrollerbase {
background: #E0E199;
}
.flexcroll.partner .vscrollerbar {
background: #B2B300;
}
/* color settings - presse */
.flexcroll.presse h1 {
font-size: 1.1em;
margin: 0 0 10px 0;
color: #FFF;
}
.flexcroll.presse p {
clear: both;
font-size: 0.8em;
margin: 0 0 10px 0;
color: #FFF;
}
.flexcroll.presse p a {
color: #A7D40D;
}
.flexcroll.presse .vscrollerbase {
background: #C6C4B7;
}
.flexcroll.presse .vscrollerbar {
background: #A9AFBB;
}
/* color settings - presse-archiv */
.flexcroll.pressearchiv h1,
.flexcroll.casestudies h1 {
font-size: 1.1em;
margin: 0 0 10px 0;
color: #FFF;
}
.flexcroll.pressearchiv p,
.flexcroll.casestudies p {
clear: both;
font-size: 0.8em;
margin: 0 0 10px 0;
color: #FFF;
}
.flexcroll.pressearchiv ul {
font-size: 0.8em;
list-style: none;
margin: 10px 0;
color: #FFF;
}
.flexcroll.pressearchiv ul li {
width: 90%;
display: inline-block;
padding: 0 0 0 12px;
background: url(../images/css/list_style_type_B2B300.gif) no-repeat 0 7px;
}
.flexcroll.pressearchiv ul li a {
color: #FFF;
}
.flexcroll.pressearchiv .vscrollerbase,
.flexcroll.casestudies .vscrollerbase {
background: #D0DCEA;
}
.flexcroll.pressearchiv .vscrollerbar,
.flexcroll.casestudies .vscrollerbar {
background: #9CAEC4;
}
/* lightbox ------------------------------------------------------------------*/
#lightbox1,
#lightbox2,
#lightbox3,
#lightbox4,
#lightbox5,
#lightbox6,
#lightbox7,
#lightbox8,
#lightbox9,
#lightbox10 {
z-index: 1004;
}
.lightboxclose a {
z-index: 1003;
display: block;
position: absolute;
top: 0;
right: 0;
font: bold 14px arial, helvetica, sans-serif;
text-decoration: none;
padding: 25px 5px 5px 5px;
color: #FFF;
background: #FAB500;
}
.lightboxclose a:hover {
text-decoration: none;
color: #585647;
background: #E0DDD4;
}
.lightboxepaper {
z-index: 1001;
display: none;
position: absolute;
top: 0;
left: 50%;
margin-left: -480px;
width: 960px;
height: 604px;
}
.lightboxstandard {
z-index: 1002;
display: none;
position: absolute;
top: 0;
left: 50%;
margin-left: -465px;
width: 930px;
height: 580px;
}
.lightboxstandardheadline {
width: 620px;
height: 55px;
margin: 20px auto 0 auto;
background: #FFF;
}
.lightboxstandardheadline h1 {
float: left;
font-size: 1.1em;
padding: 20px 15px 0 25px;
margin: 0 0 10px 0;
color: #585647;
}
.lightboxstandardheadline h1 span {
padding: 20px 15px 0 20px;
}
.lightboxstandardheadline h2 {
float: right;
font-size: 0.8em;
font-weight: normal;
padding: 20px 60px 0 25px;
margin: 0 0 10px 0;
color: #A39E8B;
}
.lightboxstandardheadline h2 span {
color: #C99202;
}
.lightboxstandardheadline hr,
.lightboxstandardcontent hr {
clear: both;
height: 1px;
margin: -7px 0;
border: 0;
border-top: 1px dotted #A39E8B;
color: #FFF;
background: #FFF;
}
.lightboxstandardcontent {
overflow: auto;
width: 620px;
height: 530px;
margin: 0 auto;
background: #FFF;
}
.lightboxstandardcontent.themeFAB500 a {
color: #FAB500;
}
.lightboxstandardcontent.themeB2B300 a {
color: #B2B300;
}
.lightboxstandardcontent p {
font-size: 0.8em;
margin: 10px 25px;
color: #585647;
}
.lightboxstandardcontent ul {
font-size: 0.8em;
list-style: none;
margin: 10px 25px;
color: #585647;
}
.lightboxstandardcontent ul li {
padding: 0 0 0 12px;
}
.lightboxstandardcontent ul li ul {
font-size: 1em;
}
.lightboxstandardcontent.themeFAB500 ul li {
background: url(../images/css/list_style_type_FAB500.gif) no-repeat 0 7px;
}
.lightboxstandardcontent.themeB2B300 ul li {
background: url(../images/css/list_style_type_B2B300.gif) no-repeat 0 7px;
}
.lightboxstandardcontent dl {
float: left;
width: 300px;
margin: 5px 15px 10px 25px;
}
.lightboxstandardcontent dl dt img {
float: none;
margin: 0;
}
.lightboxstandardcontent dl dd {
width: 278px;
font-size: 0.7em;
padding: 5px 10px;
border: 1px solid #E0DDD4;
}
.lightboxstandardcontent img {
float: left;
margin: 0 15px 15px 0;
}
#overlay {
z-index: 1000;
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-moz-opacity: 0.8;
opacity: 0.8;
filter: alpha(opacity=80);
background: #585647;
}
.lightbox[id] {
position: fixed;
}
#overlay[id] {
position: fixed;
}
/* form settings -------------------------------------------------------------*/
form p {
font-size: 0.7em;
margin: 0 45px;
color: #585647;
}
form hr {
clear: both;
height: 1px;
margin: -7px 0;
border: 0;
border-top: 1px dotted #A39E8B;
color: #FFF;
background: #FFF;
}
fieldset {
clear: both;
margin: 0 25px 10px 25px;
padding: 10px 20px;
border: 0;
color: #585647;
}
fieldset br {
clear: both;
}
fieldset span {
color: #C99202;
}
legend {
font-size: 0.8em;
font-weight: bold;
margin-bottom: 10px;
padding: 5px 10px;
border: 0;
color: #FFF;
background: #585647;
}
label {
font-size: 0.8em;
margin: 5px 0;
display: block;
width: 11em;
float: left;
}
input, textarea, select {
width: 258px;
font-family: arial, helvetica, sans-serif;
font-size: 0.7em;
margin: 3px 0;
padding: 2px 5px;
border: 1px solid #A39E8B;
color: #585647;
}
input.plz {
width: 30px;
}
input.ort {
width: 204px;
}
select {
width: 270px;
}
input:hover,
textarea:hover {
background: #FAFAFA;
}
input:active,
input:focus,
textarea:active,
textarea:focus {
background: #FFF;
}
input.buttons {
width: auto;
cursor: pointer;
text-indent: 13px;
font-weight: bold;
margin: 0 0 0 20px;
border: 0;
color: #C99202;
background: #FFF url(../images/css/background_readmore_FAB500.gif) no-repeat 0 4px;
}
#successmessage {
margin: 10px 45px;
}
#successmessage p {
font-size: 0.8em;
color: #585647;
}
#errormessage {
margin: 10px 45px 0 45px;
padding: 5px 10px;
background: #7F8498;
}
#errormessage p {
font-size: 0.8em;
color: #FFF;
}
.error {
background: #7F8498;
}
/* footer --------------------------------------------------------------------*/
#footerleft {
float: left;
width: 481px;
white-space: nowrap;
padding: 0 0 0 130px;
}
#footerleft p {
font-size: 0.7em;
padding: 10px 0 0 0;
color: #C6C4B7;
}
#footerleft a {
color: #C6C4B7;
}
#footerright {
width: 331px;
float: left;
margin-top: 10px;
}
#footerright ul {
float: right;
font-size: 0.75em;
font-weight: bold;
list-style: none;
}
#footerright ul li {
float: left;
color: #C6C4B7;
}
#footerright ul li a {
display: block;
padding: 10px 0 0 10px;
text-decoration: none;
color: #C6C4B7;
}
#footerright ul li a:hover {
color: #706B57;
}
#footerright ul li.active a {
color: #706B57;
}

/* social bookmarks--------------------------------------------------------------------*/
#footerright a#sbkmk01,
#footerright a#sbkmk02,
#footerright a#sbkmk03,
#footerright a#sbkmk04,
#footerright a#sbkmk05,
#footerright a#sbkmk06,
#footerright a#sbkmk07,
#footerright a#sbkmk08,
#footerright a#sbkmk09,
#footerright a#sbkmk10,
#footerright a#sbkmk11,
#footerright a#sbkmk12 {
margin-left: 5px;
display: inline-block;
width: 16px;
height: 16px;
}
#footerright a#sbkmk01 {
background: transparent url(../images/shared/social_bm1.gif) no-repeat;
}
#footerright a#sbkmk01:hover {
background: transparent url(../images/shared/social_bm1-active.gif) no-repeat;
}
#footerright a#sbkmk02 {
background: transparent url(../images/shared/social_bm2.gif) no-repeat;
}
#footerright a#sbkmk02:hover {
background: transparent url(../images/shared/social_bm2-active.gif) no-repeat;
}
#footerright a#sbkmk03 {
background: transparent url(../images/shared/social_bm3.gif) no-repeat;
}
#footerright a#sbkmk03:hover {
background: transparent url(../images/shared/social_bm3-active.gif) no-repeat;
}
#footerright a#sbkmk04 {
background: transparent url(../images/shared/social_bm4.gif) no-repeat;
}
#footerright a#sbkmk04:hover {
background: transparent url(../images/shared/social_bm4-active.gif) no-repeat;
}
#footerright a#sbkmk05 {
background: transparent url(../images/shared/social_bm5.gif) no-repeat;
}
#footerright a#sbkmk05:hover {
background: transparent url(../images/shared/social_bm5-active.gif) no-repeat;
}
#footerright a#sbkmk06 {
background: transparent url(../images/shared/social_bm6.gif) no-repeat;
}
#footerright a#sbkmk06:hover {
background: transparent url(../images/shared/social_bm6-active.gif) no-repeat;
}
#footerright a#sbkmk07 {
background: transparent url(../images/shared/social_bm7.gif) no-repeat;
}
#footerright a#sbkmk07:hover {
background: transparent url(../images/shared/social_bm7-active.gif) no-repeat;
}
#footerright a#sbkmk08 {
background: transparent url(../images/shared/social_bm8.gif) no-repeat;
}
#footerright a#sbkmk08:hover {
background: transparent url(../images/shared/social_bm8-active.gif) no-repeat;
}
#footerright a#sbkmk09 {
background: transparent url(../images/shared/social_bm9.gif) no-repeat;
}
#footerright a#sbkmk09:hover {
background: transparent url(../images/shared/social_bm9-active.gif) no-repeat;
}
#footerright a#sbkmk10 {
background: transparent url(../images/shared/social_bm10.gif) no-repeat;
}
#footerright a#sbkmk10:hover {
background: transparent url(../images/shared/social_bm10-active.gif) no-repeat;
}
#footerright a#sbkmk11 {
background: transparent url(../images/shared/social_bm11.gif) no-repeat;
}
#footerright a#sbkmk11:hover {
background: transparent url(../images/shared/social_bm11-active.gif) no-repeat;
}
#footerright a#sbkmk12 {
background: transparent url(../images/shared/social_bm12.gif) no-repeat;
}
#footerright a#sbkmk12:hover {
background: transparent url(../images/shared/social_bm12-active.gif) no-repeat;
}