/************************************************
*
*   css-Definitionen fuer das Mitgliederprofil
*   author: Kai Spanka
*   date: 16.01.2008
*
*************************************************/

.contentContainerRoundedCornersTop{
}

.contentContainerRoundedCornersBottom{
    margin-bottom: 15px;
}


/****************************
*   rechte spalte           *
*****************************/

/* Mitgliedsprofil */
/* Forenbeitraege */

#contentContainerLeftMitgliedsprofil,
#contentContainerLeftForenbeitraege{
    background-color: #fff;
    padding: 0px 8px 8px 8px;
}

    #contentContainerLeftMitgliedsprofilHeader,
    #contentContainerLeftForenbeitraegeHeader{
        background-color: #ffffff;
        margin-bottom: 15px;
        padding: 1px 0px 0px 0px;
    }

    #contentContainerLeftMitgliedsprofilHeader{
        margin-bottom: 15px;
        border:0px solid #ff0000;
        float:left; 
    }


    /* Mitgliedsprofil Photo mit Beschreibung */

    #photowithdescription{
        padding: 10px 0px 25px 0px;
    }

        #photo{
            float: left;
            display: inline;
            /* height: 172px;
            width: 172px; */
            height: 180px;
            width: 180px;
            margin: 0px 15px 5px 0px;
            /* padding: 4px; */
            border: 1px solid #CCC;
        }

        #description{
            float: left;
            display: inline;
            width: 390px;
        }

            #description h3{
                color: #A3B136;
                font-size: 18px;
                font-weight: bold;
                padding-bottom: 12px;
            }

            #description div.content{
                padding-bottom: 10px;
                line-height: 150%;
            }

                #description div.content img{
                    vertical-align: middle;
                }

            #description span.attribute{
                color: #205CAB;
            }


    /* Mitgliedsprofil Glaubenskompatibilitaet */

    #kompatibiltaetContainer{
        border: 1px solid #D2DEEE;
        background-color: #EDF2F8;
        color: #666;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 25px;
        padding: 17px 8px;

        display: none;
    }


    /* Mitgliedsprofil Weitere Infos */

    #moreInfosContainer{
        padding-left: 3px;
    }

        #moreInfosContainer div.header{
            color: #A3B136;
            font-weight: bold;
            padding-bottom: 20px;
        }

        #moreInfosContainer div.content{
            padding-bottom: 15px;
            line-height: 150%;
        }

            #moreInfosContainer span.attribute{
                color: #205CAB;
            }


/* Forenbeitraege */

#contentContainerLeftForenbeitraege .forenbeitraegeItem{
    line-height: 150%;
    padding-left: 3px;
}

    #contentContainerLeftForenbeitraege .forenbeitraegeItem a{
        font-weight: bold;
    }

#contentContainerLeftForenbeitraege div.baseline{
    width: 100%;
    margin: 10px 0px;
    border-top: 1px solid #CCC;
    background-color: #CCC;
}


/****************************
*   rechte spalte           *
*****************************/

/* Meine Nachrichten */

#contentContainerRightMyMessages{
    background: #FFF url(../images/community/meine_nachrichten.gif) 10px 0px no-repeat;
    padding: 35px 10px 8px 8px;
}

    #contentContainerRightMyMessages .Item .value span.attribute{
        color: #205CAB;
    }

    #contentContainerRightMyMessages #writeMessage{
        padding: 10px 0px 15px 0px;
    }


/* Aktivitaetsgrad */

#contentContainerRightAktivitaetsgrad{
    background: #FFF url(../images/community/aktivitaetsgrad.gif) 10px 0px no-repeat;
    padding: 35px 10px 8px 8px;
}

    #contentContainerRightAktivitaetsgrad div.greenBackgroundItem,
    #contentContainerRightAktivitaetsgrad div.greenBackgroundWithImageItem,
    #contentContainerRightAktivitaetsgrad div.Item{
        height: 20px;
        background-color: #EEF2D4;
        margin-bottom: 10px;
        padding: 2px 3px 0px 3px;
        font-size: 12px;
    }

    #contentContainerRightAktivitaetsgrad div.greenBackgroundItem,
    #contentContainerRightAktivitaetsgrad div.Item{
        padding-top: 5px;
    }

    #contentContainerRightAktivitaetsgrad div.Item{
        background-color: #FFF;
    }

        #contentContainerRightAktivitaetsgrad div.greenBackgroundItem div.value,
        #contentContainerRightAktivitaetsgrad div.greenBackgroundWithImageItem div.value,
        #contentContainerRightAktivitaetsgrad div.Item div.value{
            float: left;
            display: inline;
            width: 172px;
            color: #A3B136;
            font-weight: bold;
        }

            #contentContainerRightAktivitaetsgrad div.greenBackgroundWithImageItem div.value img{
                vertical-align: middle;
            }

        #contentContainerRightAktivitaetsgrad div.greenBackgroundItem div.key,
        #contentContainerRightAktivitaetsgrad div.greenBackgroundWithImageItem div.key,
        #contentContainerRightAktivitaetsgrad div.Item div.key{
            float: left;
            display: inline;
            color: #666;
        }

        #contentContainerRightAktivitaetsgrad div.greenBackgroundWithImageItem div.key{
            float: left;
            display: inline;
            color: #666;
            padding-top: 2px;
        }


    #contentContainerRightAktivitaetsgrad #writeme,
    #contentContainerRightAktivitaetsgrad #bemyfriend{
        padding: 10px 0px 15px 0px;
    }


/* Freunde */

#contentContainerRightFriends{
    background: #FFF url(../images/community/freunde.gif) 10px 0px no-repeat;
    padding: 35px 10px 8px 8px;
}

    #contentContainerRightFriends div.friendsRow{
        padding-bottom: 15px;
    }

        #contentContainerRightFriends div.friendsItem,
        #contentContainerRightFriends div.friendsMiddleItem{
            float: left;
            display: inline;
        }
        
            #contentContainerRightFriends div.friendsItem div.photo,
            #contentContainerRightFriends div.friendsMiddleItem div.photo{
                height: 48px;
                width: 48px;
                padding: 3px;
                border: 1px solid #CCC;
            }
            
            #contentContainerRightFriends div.friendsMiddleItem div.photo{
                margin: 0px 45px;
            }

            #contentContainerRightFriends div.friendsItem div.name,
            #contentContainerRightFriends div.friendsMiddleItem div.name{
                color: #205CAB;
                font-size: 10px;
            }
    
            #contentContainerRightFriends div.friendsMiddleItem div.name{
                margin-left: 45px;
            }
    
    #contentContainerRightFriends .approvedFriends {	
    	padding:0px 0px 10px 3px;
    }
    
                   #contentContainerRightFriends .contentContainerLeftMembersContentUser{
                    padding: 10px 0px 0px 10px;
                    border:0px solid #ff0000;
                }
                       #contentContainerRightFriends .contentContainerLeftMembersContentUser #onlineRow{
                        padding: 0px 0px 20px 50px;
                        border:0px solid #ff0000;
                    }

                       #contentContainerRightFriends .contentContainerLeftMembersContentUser .onlineItem{
                            float: left;
                            display: inline;
                            width: 65px;
                            padding: 0px 1px 20px 1px;
                        }

                            #contentContainerRightFriends .contentContainerLeftMembersContentUser .onlineItem .onlineImage{
                                width: 56px;
                                height:56px;
                                padding: 0px;
                                border: 1px solid #CCC;
                            }
                            
                            #contentContainerRightFriends .contentContainerLeftMembersContentUser .onlineItem .onlineName{
                                width: 56px;
                                padding-top: 5px;
                                padding-left:0px;
                                color: #205CAB;
                            }
                            
/* Visitors */                            


#contentContainerRightVisitors{
    background: #FFF url(../images/community/visitors.gif) 10px 0px no-repeat;
    padding: 35px 10px 8px 8px;
}

#contentContainerRightVisitors div.visitorsRow{
        padding-bottom: 15px;
}

#contentContainerRightVisitors div.visitorsItem,
#contentContainerRightVisitors div.visitorsMiddleItem{
            float: left;
            display: inline;
}
        
#contentContainerRightVisitors div.visitorsItem div.name{
                color: #205CAB;
                font-size: 10px;
}
    
    
#contentContainerRightVisitors .myvisitors_onlineItem{
                            float: left;
                            display: inline;
                            width: 65px;
                            padding: 0px 1px 20px;
                            text-align: center;
}

#contentContainerRightVisitors table.myvisitors_onlineImage{
  border:1px solid #CCCCCC;
  height:56px;
  padding:0px;
  width:56px;
}


#contentContainerRightVisitors .myvisitors_onlineName{
  color:#205CAB;
  padding-left:0px;
  padding-top:5px;
  width:56px;
}
#contentContainerRightVisitors .myvisitors_datum{
  color:#666666;
  font-size:8px;
  width:56px;

}
#contentContainerRightVisitors .myvisitors_wrap{
  border:0px solid #FF0000;
  padding:10px 0px 0px 10px;
}


/* Upload form */
.tx-fileupload-pi1 p, .error{
  color: #ff0000;
  font-weight: bold;
}  


#contentContainerMyGallery{
    background: #FFF url(../images/community/meine_bildergallery.gif) 10px 0px no-repeat;
    padding: 35px 10px 8px 8px;
}