/************ MODULE-DESIGN: DEFAULT  ************/

.mod.modSocialbar
{ overflow: visible; }

.modSocialbar .box
{ overflow: visible; }

.modSocialbar .button
{ 

}

.modSocialbar .button 
{ 

}

.modSocialbar .print
{ }

.modSocialbar .send
{ }


.modSocialbar .likeCon
{
    float: left;
    width: 340px;
	position: relative;
	background: #396192;
	margin: 0 2px 2px 0;
}

.modSocialbar .likeCon iframe
{
    float: left;
    width: 120px;
	position: relative;
	margin: 8px 8px 0 0;
}

.modSocialbar .likeCon iframe.iframefb
{
    width: 120px;
	/* border: 1px solid #ff8400; */
	height: 22px;
	margin: 7px 8px 0 8px;
}

.modSocialbar .likeCon iframe.iframetw
{
    width: 110px;
    height: 20px;
	/* border: 1px solid blue; */
}

.modSocialbar .likeCon iframe.iframegp
{
    float: left;
    width: 70px;
	/* border: 1px solid #000; */
	margin: 6px 0 0 0;
	height: 24px;
}


.modSocialbar .agreeCon
{
    float: left;
    position: relative;
}

.modSocialbar .like
{
    float: left;
    padding: 0 40px 0 0;
    width: 300px;
    margin-bottom: 0;
}

.modSocialbar .like a, .modSocialbar .share a

{
    float: left;
    background: none;
}

.modSocialbar .agreement
 {
    background-color: #E1E7F2;
    position: absolute;
    top: 36px;
    width: 330px;
    z-index: 5000;
    padding: 8px 5px 8px 5px;
 }

.modSocialbar .agreement .text
{
    font-size: 0.85em;
    line-height: 140%;
}

.modSocialbar .agree
{
    margin-top: 8px;
    float: right;
}

.modSocialbar .agreement strong
{
	font-size: 1.2em;
    width: 100%;
    float: left;
    display: block;
    margin: 2px 0 4px 0;

}

.modSocialbar .likes
{
    float: left;
    margin: 0 0 0 0;
    width: 130px;
}

.modSocialbar .likes > *
{
    float: left;
}


.modSocialbar .shareCon
{
    float: left;
    position: relative;

}

.modSocialbar .share
{
    position: static;
    float: left;
    width: 130px;

}

.modSocialbar .shares
{
    background-color: #E1E7F2;
    padding: 5px;
    position: absolute;
    top: 36px;
    width: 120px;
    z-index: 5000;
}

.modSocialbar .shares li:last-child
{
	border-bottom: none;
}

.modSocialbar .shares li
{
    border-bottom: 1px solid #6077a4;
    clear: left;
    float: left;
    font-size: 0.9em;
    margin: 0;
    padding: 0;
    width: 120px;
}


.modSocialbar .like .fb, 
.modSocialbar .like .twitter,
.modSocialbar .like .google
{
	margin: 10px 4px 0 0;
    width: 16px;
    height: 16px;
    float: left;
}

.modSocialbar .like .fb
{
	margin-left: 10px;
    background: url('/static/img/bereich/fernsehen/das-erste/responsive/icon/bookmark_icons.gif') no-repeat scroll -1200px 0 transparent;
}

.modSocialbar .like .twitter
{
    background: url('/static/img/bereich/fernsehen/das-erste/responsive/icon/bookmark_icons.gif') no-repeat scroll -1200px -50px transparent;
}

.modSocialbar .like .google
{
    background: url('/static/img/bereich/fernsehen/das-erste/responsive/icon/bookmark_icons.gif') no-repeat scroll -1100px -300px transparent;
}

.modSocialbar .shares li a
{
	display: block;
    float: left;
    padding: 4px 0 4px 24px;
	width: 100px;
}


.modSocialbar .shares li:hover
{
	background-color: #fff;
}

.modSocialbar .shares .fb
{
    background: url('/static/img/bereich/fernsehen/das-erste/responsive/icon/bookmark_icons.gif') no-repeat scroll -1200px 5px transparent;
}

.modSocialbar .shares .del
{
    background: url('/static/img/bereich/fernsehen/das-erste/responsive/icon/bookmark_icons.gif') no-repeat scroll -1200px -95px transparent;
}

.modSocialbar .shares .twitter
{
    background: url('/static/img/bereich/fernsehen/das-erste/responsive/icon/bookmark_icons.gif') no-repeat scroll -1200px -45px transparent;
}

.modSocialbar .shares .wong
{
    background: url('/static/img/bereich/fernsehen/das-erste/responsive/icon/bookmark_icons.gif') no-repeat scroll -1200px -145px transparent;
}

.modSocialbar .shares .yigg
{
    background: url('/static/img/bereich/fernsehen/das-erste/responsive/icon/bookmark_icons.gif') no-repeat scroll -1200px -245px transparent;
}

.modSocialbar .shares .digg
{
    background: url('/static/img/bereich/fernsehen/das-erste/responsive/icon/bookmark_icons.gif') no-repeat scroll -1200px -195px transparent;
}

.modSocialbar .shares .google
{
    background: url('/static/img/bereich/fernsehen/das-erste/responsive/icon/bookmark_icons.gif') no-repeat scroll -1200px -295px transparent;
}

.modSocialbar .shares .webnews
{
    background: url('/static/img/bereich/fernsehen/das-erste/responsive/icon/bookmark_icons.gif') no-repeat scroll -1200px -345px transparent;
}



/* heller Pfeil, wenn auf dunkelblau */

.modSocialbar .collapseArrow 
{
   background-position: 0 -60px;
}

.modSocialbar .hasArrow.collapsed .collapseArrow
{
   background-position: 0 -40px;
}