/*
 * Stylesheet für Campact
 * Autor: compuccino
 * Bearbeiter: kristina
 */

/* @group  Widget Allgemein */

.psmb-widget .text {
    display: block;
    padding: 2px 26px 2px 4px;
}

/* Image Positionierung */
.psmb-widget .img {
    position: absolute;
    bottom: 3px;
    left: 3px;
    border: none !important;
}

.psmb-widget .widget {
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    clear: both;
    margin: 0;

}

.psmb-widget .buttons {
    clear: both;
    overflow: hidden;
}

.psmb-widget .button {
    display: block;
    float: left;
    margin-bottom: .5%;
    background: #555;
    height: 50px;
}

.psmb-widget .button a {
    display: block;
    color: #fff;
    text-decoration: none;
    position: relative;
    height: 100%;
}

.psmb-widget .button .count {
    position: absolute;
    right: 2px;
    top: 2px;
    display: none;
}

.psmb-widget .showcount_true .count,
.psmb-widget .showcount_hover .hover .count {
    display: block !important;
}

/*Zahlen immer sichtbar */
.psmb-widget .showcount_true .count {
    display: block !important;
}

/* Zahlen nie sichtbar */
.psmb-widget .showcount_false .count {
    display: none !important;
}

/* @end */

/* @group Verbreiten-Widget */

.psmb-widget .verbreiten .img {
    position: static !important;
    float: left;
    margin-right: 2%;
    height: 84%;
    padding: 2px 4px;
}

.psmb-widget .verbreiten .text {
    font-size: 12px;
    font-weight: bold;
    padding: 3px;
    display: block;
}

.psmb-widget .verbreiten .button {
    background: none;
    position: relative;
}

.psmb-widget .verbreiten .button a {
    float: left;
    width: 73%;
}

.psmb-widget .verbreiten .button .count {
    display: block !important;
    top: 0;
    position: absolute;
    width: 25%;
}

.psmb-widget .verbreiten .hover .count .inner {
    background: #c3c3c3 !important;
}

.psmb-widget .verbreiten .button .count .inner {
    background: #b5b9bd;
    padding: 14px 18px;
    display: block;
    margin-left: 10px;
    font-size: 15px;
    text-align: center;
    color: #222;
}

/* Vier vordefinierte Varianten */
.psmb-widget .verbreiten .variant_1 {
    width: 395px;
    height: 45px;
}

.psmb-widget .verbreiten .tip_right.arr {
    margin-top: 12px;
    margin-left: -10px;
    border-width: 10px;
}

.psmb-widget .verbreiten .variant_1 img {
    height: 39px;
}

.psmb-widget .verbreiten .variant_1 .text {
    padding: 14px 0;
    font-size: 15px;
    display: block;
    font-weight: normal;
}

.psmb-widget .verbreiten .variant_2 {
    width: 235px;
    height: 30px;
}

.psmb-widget .verbreiten .variant_2 .img {
    height: 26px;
    padding: 2px 4px;
}

.psmb-widget .widget .variant_2 .tip_right.arr {
    margin-top: 4px;
    margin-left: -7px;
}

.psmb-widget .verbreiten .variant_2 .text {
    padding: 8px 0;
    float: left;
}

.psmb-widget .verbreiten .variant_2 .count .inner {
    padding: 6px 9px;
    margin-left: 8px;
}

.psmb-widget .verbreiten .variant_3 {
    width: 120px;
    height: 19px;
}

.psmb-widget .verbreiten .variant_3 a {
    width: 50%;
}

.psmb-widget .verbreiten .variant_3 .text {
    width: 80%;
    text-align: center;
}

.psmb-widget .widget .variant_3 .tip_right.arr {
    margin-top: 3px;
    margin-left: -5px;
    border-width: 6px;
}

.psmb-widget .verbreiten .variant_3 .count {
    width: 46%;
    background-position: 0 -2px;
}

.psmb-widget .verbreiten .variant_3 .count .inner {
    padding: 0 5px;
    margin-left: 5px;

}

.psmb-widget .verbreiten .variant_4 {
    width: 70px;
    height: 60px;
}

.psmb-widget .verbreiten .variant_4  a {
    position: absolute;
    height: 37%;
    width: 100%;
    bottom: 0;
}

.psmb-widget .verbreiten .variant_4 .text {
    padding: 5px 3px;
    text-align: center;
}

.psmb-widget .widget .variant_4 .tip_top.arr {
    bottom: 0;
    margin-bottom: -4px;
    margin-left: 25px;
}

.psmb-widget .verbreiten .variant_4 .count {
    left: 0;
    height: 40%;
    width: 100%;
    padding-bottom: 10px;
}

.psmb-widget .verbreiten .variant_4 .count .inner {
    padding: 5px 0;
    margin: 0;
}

/* Arrow Colors */
.psmb-widget .widget .arr.tip_right {
    border-right-color: #B5B9BD !important;
}

.psmb-widget .widget .arr.tip_top {
    border-top-color: #B5B9BD !important;
}

.psmb-widget .widget .hover .arr.tip_right {
    border-right-color: #c3c3c3 !important;
}

.psmb-widget .widget .hover .arr.tip_top {
    border-top-color: #c3c3c3 !important;
}

/* @end */

/* @group Colors */

/*Default Hover */
.psmb-widget .hover {
    background: #cecece;
}

/*Twitter Buttons*/
.psmb-widget .type_twitter {
    background: #6cdbfe;
}

.psmb-widget .type_twitter img {
    height: 30%;
}

.psmb-widget .type_twitter.hover,
.psmb-widget .hover .type_twitter {
    background: #44CCF6 !important;
}

.psmb-widget .type_google {
    background: #D45C4D !important;
}
.psmb-widget .type_google:hover {
    background-color: #BA5044 !important;
}

.psmb-widget .type_campactnewsletter:hover {
    background-color: #7f930d !important;
}

/* Facebook Buttons	*/
.psmb-widget .type_facebook {
    background: #6279ad;
}

.psmb-widget .type_facebook img {
    height: 50%;
}

.psmb-widget .type_facebook.hover,
.psmb-widget .hover .type_facebook {
    background: #3B5998 !important;
}

/*Graue Buttons */
.psmb-widget .bg_gray {
    background: #cecece
}

.psmb-widget .bg_gray.hover {
    background: #555;
}

/* @end */

/* @group Position */
.psmb-widget .pos_left {
    float: left;
}

.psmb-widget .pos_right {
    float: right;
}

.psmb-widget .clear {
    clear: both;
}

/* @end */
 

.psmb-widget noscript .alert {
   font-size: 14px;
   line-height: 1.4;
   padding: 10px;
   border: 1px solid #000;
   background-color: #eee;
   border-radius: 5px;
   font-weight: bold;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
}

.psmb-widget noscript .alert.alert-error {
    border-color: #900;
    color: #fff;
    background-color: #c00;
}

/* hide show counter */
.psmb-widget .verbreiten .button a.count {
    display: none !important;
}


.psmb-widget .verbreiten .button a {
    width: 90%;
}