#Empfehlung
{
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-Bottom: 1px solid #CCC;    
    background-color:#F0F0F0;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 0 6px 10px;
}

#SocialBookmarksCol
{
    background-color: #F2F2F2; 
    top: 80px; 
    border:1px solid #FFF; 
    border-left:0;
    -moz-border-radius:0px 8px 8px 0px;
    -webkit-border-radius:0px 8px 8px 0px;
    border-radius:0px 8px 8px 0px;
}    

#SocialBookmarksCol a {background: transparent url(../Images/Sprites/sprites_master.png) no-repeat top left;} 
#SocialBookmarksCol .Link { position: relative; width: 22px; height: 22px; display: block; }
#SocialBookmarksCol .Facebook { width:22px; background-position: -23px -11797px !important; }
#SocialBookmarksCol .Twitter { width:22px; background-position: -115px -11797px !important; }
#SocialBookmarksCol .GooglePlus {  width:22px; background-position: -69px -11797px !important; }

#SocialBookmarksCol .Facebook:hover { width:22px; background-position: 0px -11797px !important; }
#SocialBookmarksCol .Twitter:hover {  width:22px; background-position: -92px -11797px !important; }
#SocialBookmarksCol .GooglePlus:hover {  width:22px; background-position: -46px -11797px !important; }


#FB, #TW, #GP
{
    margin:5px 3px; overflow:hidden;
}

#TW { max-width:70px; }
#FB { max-width:79px; }

.SocialBookmarksColActive
{
    position: absolute; 
    right: -87px; 
    width: 87px; 
    height:110px;
}
.SocialBookmarksColInactive
{
    position: absolute; 
    right: -30px; 
    width: 30px;
    height:85px; 
}

.BookmarksAvtive
{
    height: 22px;
    margin: 5px;
    background-color: #F2F2F2;
}

#InactiveBookmarksLink
{
    position:absolute; 
    top:85px; 
    margin-left:5px; 
    cursor:pointer; 
    text-decoration:none; 
    background-image:none;
    font-size:x-small;
}



#SocialBookmarksDetail a {background: transparent url(../Images/Sprites/sprites_master.png) no-repeat top left;} 
#SocialBookmarksDetail .Link { position: relative; width: 22px; height: 22px; display: block; }
#SocialBookmarksDetail .Facebook { width:22px; background-position: -23px -11797px !important; }
#SocialBookmarksDetail .Twitter { width:22px; background-position: -115px -11797px !important; }
#SocialBookmarksDetail .GooglePlus {  width:22px; background-position: -69px -11797px !important; }

#SocialBookmarksDetail .Facebook:hover { width:22px; background-position: 0px -11797px !important; }
#SocialBookmarksDetail .Twitter:hover {  width:22px; background-position: -92px -11797px !important; }
#SocialBookmarksDetail .GooglePlus:hover {  width:22px; background-position: -46px -11797px !important; }

#BookmarksInfoboxDetail
{
    left: -230px;
    bottom: 0px;
}

#BookmarksInfobox
{
    right: 32px; 
    bottom: 0px;
}

#BookmarksInfoboxDetail p
{
    margin:5px;
}
#BookmarksInfobox p
{
    margin:5px;
}

#MouseOverInfoButton
{
    position: absolute;
    right: 22px;
    bottom: 115px;
    height: auto;
    width: 300px;
    background-color: #F0F0F0;
    border: 1px solid #CCC;
    padding:3px;
    visibility:hidden;
}

#BookmarksInfobox
{
    right: 20px; 
    bottom: 0px;
    width:280px; 
}


.MouseOverInfo 
{
    visibility:hidden;
    position: absolute; 
    width:240px;  
    height:auto;
    background-color: #F0F0F0;
    border: 1px solid #CCC;
    z-index:3;

}

#InfoButtonBookmarks
{
    position:absolute;
    top:-25px;
    right:7px;
}

#fb, #tw, #gp
{
    margin-top:5px;
    height:25px;
}
#ActivateFB
{
position:absolute; left:40px; top:11px; background-image:none; text-decoration:none; cursor:pointer;
}
#DeactivateFB
{
position:absolute; left:130px; top:11px; text-decoration:none; cursor:pointer;
}
#DeactivateTW
{
position:absolute; left:130px; top:41px; background-image:none; text-decoration:none; cursor:pointer;
}
#ActivateTW
{
position:absolute; left:40px; top:41px; background-image:none; text-decoration:none; cursor:pointer;
}


#BookmarksInfobox p a, #BookmarksInfoboxDetail p a
{
    background-image:none;
    text-decoration:underline;
    color:#000066;
}