#shoutboxdiv{
    width:160px;
    margin:0; padding:0;
}

#shoutboxdiv a{
    font-size:9pt;
}

#shoutname, #shouttext{
    width:141px;
    margin-bottom:1px;
    background-repeat:no-repeat;
    background-position:2px center;
    padding:1px 1px 1px 16px;
    height:16px;
}

#shoutname{
    background-image:url(../bilder/shout-name.png);
}

#shouttext{
    background-image:url(../bilder/shout-text.png);
}

#shoutsubmit, #shoutsmilies{
    width:77px;
    height:18px;
    margin-bottom:1px;
    font-size:8pt;
    padding:1px 1px 1px 16px;
    background-repeat:no-repeat;
    background-position:4px center;
    color:black; background-color:white;
    border-color:#ccc;
}
#shoutsubmit{
    font-weight:bold;
    background-image:url(../bilder/shout-send.png);
    float:left;
}

#shoutsmilies{
    background-image:url(../bilder/shout-smile.png);
    float:right;
}

#shoutform{
    margin:0; padding:0;
    overflow:hidden;
}

#shoutbox{
    font-size:8pt;
    width:158px;
    border:1px solid #ccc;
}

#openshoutbox, #closeshoutbox{
    text-decoration:none;
}

#smilieliste{
    padding:1px;
    border:1px solid black;
    position:absolute;
    display:none;
    background-image:url(../bilder/menusubh.png);
    background-repeat:repeat-y;
    width:150px;
    color:black;
    background-color:#96A3B0;
}

#smilieliste a, #smilieliste a:hover{
    display:block;
    color:black;
    background-color:#BEC5CB;
    background-image:url(../bilder/menusub.png);
    background-repeat:repeat-y;
    height:16px;
    text-decoration:none;
    padding:1px;
    border-bottom:1px solid #C7CCD2;
}

#smilieliste a:hover{
    display:block;
    color:#123;
    background-color:#8A8E94;
    background-image:url(../bilder/menusubh.png);
    text-decoration:none;
    font-weight:bold;
}

#smilieliste a img{
    vertical-align:top;
    border:1px solid #DDE0E3;
}

#smilieliste a:hover img{
    border-color:#B9BDBF;
}

/* ajax style */

#reloadsb{float:right;}
#reloadsb img{border:1px solid #bbb; padding:1px; margin:1px;}

#sbarchiv a:link, #sbarchiv a:visited, #sbarchiv a:hover, #sbarchiv a:active{font-weight:bold; font-size:10pt; color:#000000; background-color:transparent; padding-left:4px; padding-right:4px; border:1px solid;}
#sbarchiv a:link, #sbarchiv a:visited{background-color:#CED4DA; border-color:#E0E0E0 #717171 #717171 #E8E8E8; text-decoration:none; vertical-align:middle;}
#sbarchiv a:hover{background-color:#DEE4EA; border-color:#E0E0E0 #717171 #717171 #E8E8E8; text-decoration:none; vertical-align:middle;}
#sbarchiv a:active{background-color:#CED4DA; border-color:#717171 #E0E0E0 #E8E8E8 #717171; text-decoration:none; vertical-align:middle;}