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

.mod.modSocialbar
{ overflow: visible; }

.modSocialbar .box
{ overflow: visible; }

.modSocialbar .button
{ 

}

.modSocialbar .button 
{ 

}

/* setwidth */
.modSocialbar .print a
{ 
	width: 82px;
	padding-left: 8px;
	padding-right: 0;
}


/* setwidth */
.modSocialbar .send a
{ 
	width: 74px;
	padding-left: 8px;
	padding-right: 0;
}

/* setwidth */
.modSocialbar .likeCon
{
    float: left;
    width: 336px;
	position: relative;
	background: #396192;
	margin: 0 0 2px 0;
}

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

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

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

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

.modSocialbar .likeCon .iframegp div,
.modSocialbar .likeCon .iframegp iframe
{

  width: 70px !important;

}

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

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

.modSocialbar .like a, .modSocialbar .share a

{
    float: left;
    background: none;
}

/* setwidth */
.modSocialbar .agreement
 {
    background-color: #E1E7F2;
    position: absolute;
    top: 36px;
    width: 326px;
    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;
}

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


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

}

/* setwidth */
.modSocialbar .share
{
    position: static;
    float: left;
    width: 130px;
}

/* setwidth */
/* das ist die ul der shares */
.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;
}


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

.modSocialbar .like .fb
{
	margin-left: 10px;
    background: url('../../../img/base/icon/bookmark_icons.png') no-repeat scroll 0 0 transparent;
}

.modSocialbar .like .twitter
{
    background: url('../../../img/base/icon/bookmark_icons.png') no-repeat scroll 0 -50px transparent;
}

.modSocialbar .like .google
{
    background: url('../../../img/base/icon/bookmark_icons.png') no-repeat scroll 0 -150px transparent;
}

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


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

.modSocialbar .shares .fb
{
    background: url('../../../img/base/icon/bookmark_icons.png') no-repeat scroll 4px 5px transparent;
}



.modSocialbar .shares .twitter
{
    background: url('../../../img/base/icon/bookmark_icons.png') no-repeat scroll 4px -95px transparent;
}

.modSocialbar .shares .google
{
    background: url('../../../img/base/icon/bookmark_icons.png') no-repeat scroll 4px -195px transparent;
}

.modSocialbar .shares .del
{
    background: url('../../../img/base/icon/bookmark_icons.png') no-repeat scroll 4px -245px transparent;
}


.modSocialbar .shares .wong
{
    background: url('../../../img/base/icon/bookmark_icons.png') no-repeat scroll 4px -295px transparent;
}


/* heller Pfeil, wenn auf dunkelblau */

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

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



/* Zusatzanweisungen fuer bestimmte Layouts */


/* Der Drucken-Button */
.sectionB .modSocialbar .print a
{
	width: 147px;
}

/* Der Senden-Button */
.sectionB .modSocialbar .send a
{
	width: 147px;	
}

/* Der Teilen-Button */
.sectionB .modSocialbar .share
{
    width: 162px;
	margin-right: 0;
}


/* hier 5px padding beachten */
.sectionB .modSocialbar ul.shares
{
	width: 152px;
}

.sectionB .modSocialbar ul.shares li
{
	width: 152px;
}

/* Das container fuer die sm-dienste */
.sectionB .modSocialbar .like
{
	width: 476px;
}

/* Das agreement fuer die Dienste */
.sectionB .modSocialbar .agreement
{
    width: 466px;
    padding: 8px 5px 8px 5px;
}

