@import url(global.css);

.visitor_message_polaroid
{
  z-index: 100000;
  position: relative;
  top: 5px;
  left: 280px;
  width: 139px;
  height: 151px;
  text-align: center;
  background-image: url(../img/comments/Pinwand_Beitrag_Polaroid.png) ;
}

#profile
{
  position: relative;
  z-index: 100000;
  width: 200px;
}


#htmlcheckbox
{
  position: absolute;
  z-index: 10000000;
  top: 85px;
  left: 605px;
  color:white;
  width: 150px;
}

#name
{
  position: absolute;
  z-index: 100000;
  top: 172px;
  left: 65px;
  width: 160px;
  height: 20px;
  text-align: center;
}

#mainpicturesubarea
{
  position: absolute;
  z-index: 10000;
  top: 25px;
  left: 27px;
  width: 180px;
  height: 160px;
  background-repeat: no-repeat;
  overflow: hidden;
  text-align: center;
}


#mainpicture
{
  position: relative;
    z-index: 100000;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  max-width: 185px;
  max-height: 165px;
}

#mainpicturearea
{
  position: relative;
  z-index: 100000;
  top: -40px;
  left: 30px;
  width: 234px;
  height: 235px;
  background-repeat: no-repeat;
  background-image: url(../img/global/Polaroid_background.png);
  overflow: hidden;
}

#mainpictureoverlay
{
  position: absolute;
  z-index: 100000;
  top: -20px;
  left: 30px;
  width: 234px;
  height: 235px;
  background-repeat: no-repeat;
  background-image: url(../img/global/Polaroid_TesaOverlay.png);
  overflow: hidden;
}


#nameband
{
  position: absolute;
  z-index: 100000;
  top: 170px;
  left: 50px;
  width: 160px;
  height: 20px;
  text-align: center;
}

#mainpicturesubareaband
{
  position: absolute;
  z-index: 10000;
  top: 15px;
  left: 12px;
  width: 180px;
  height: 160px;
  background-repeat: no-repeat;
  overflow: hidden;
  text-align: center;
}


#mainpictureband
{
  position: relative;
  z-index: 100000;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  max-height: 170px; 
  max-width: 175px;
}

#mainpictureareaband
{
  position: relative;
  z-index: 100000;
  top: -20px;
  left: 30px;
  width: 204px;
  height: 205px;
  background-repeat: no-repeat;
  background-image: url(../img/profile/CDRahmen01.png);
  overflow: hidden;
}

#mainpictureoverlayband
{
  position: absolute;
  z-index: 100000;
  top: 0px;
  left: 30px;
  width: 204px;
  height: 205px;
  background-repeat: no-repeat;
  background-image:url(../img/profile/CDRahmen03.png);
  overflow: hidden;
}



#infos_oben_area
{
  position: absolute;
  z-index: 100000;
  left: 300px;
  top: 0px;
  width: 270px;
  color: white;
}

#infoicon
{
  position: absolute;
  top: 5px;
  left: 0px;
}

#infos_oben_table
{
  z-index: 100000;
  position: absolute;
  padding: 0 0 0 0;
  margin : 0 0 0 0;
  border : 0;
  border-style: none;
  top:0px;
  left: 30px;
}

#editbutton
{
  position: absolute;
  z-index: 10000000;
  top: 55px;
  left: 600px;
}

#writepm
{
  z-index: 100030;
  position: absolute;
  text-align: left;
  top: 35px;
  left: 630px;
  width: 30px;
  height: 35px;
  color: White;
}

#addasfriend
{
  z-index: 100030;
  position: absolute;
  text-align: left;
  top: 35px;
  left: 582px;
  width: 35px;
  height: 30px;
  color: White;
}

#savebutton
{
  position: absolute;
  z-index: 10000000;
  top: 55px;
  left: 600px;
  visibility:hidden;
}

#infos_mitte_area
{
  position: relative;
  z-index: 100000;
  top: 10px;
  left: 55px;
  width : 630px;
  color: white;
  margin: 0px 0px 35px 0px;

}

#abouttext
{
  position: relative;
  z-index: 100000;
  width: 590px;       
  color: white;
  margin: 0 0 0 10px;
  top: 5px;
  overflow: auto;

}

.spin_div {
  background: #000 url('../img/profile/spinner.gif') no-repeat center center;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 150%;
  z-index: 9999999;
  opacity: 0.75;
  filter:alpha(opacity: 75);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;

}

#newstext
{
  position: relative;
  z-index: 100000;
  top: 0px;
  left: 32px;
  width: 645px;
  color: white;
  overflow: auto;

}

#infomitteicon
{
  position: absolute;
  top: 5px;
  left: -20px;
}

#infosuntenarea
{
  z-index: 100050;
  position: relative;
  width: 716px;
  color: White;
  overflow:hidden;
}

#Eingabefeld_ObenEdit
{
  z-index: 100020;
  position: relative;
  text-align: left;
  left: 0px;
  width: 716px;
  height: 19px;
  color: White;
  background-image : url(../img/profile/ProfilMitteKopf.png);
}

#Eingabefeld_Spacer
{
  z-index: 100020;
  position: relative;
  text-align: left;
  width: 716px;
  color: White;
  padding: 5px 0 0 0;
  background-image : url(../img/profile/ProfilMitteSpacer.png);
  background-repeat: repeat-y;
  border: none;
}


#Eingabefeld_Unten
{
  z-index: 100010;
  position: relative;
  text-align: left;
  width: 716px;
  height: 52px;
  margin: 0px 0px 0px 0px;
  top:0px;
  color: White;
  background-image : url(../img/profile/ProfilMitteTrennung.png);
  background-repeat: no-repeat;
}



#biographie
{
  z-index: 100030;
  position: relative;
  text-align: left;
  width: 305px;
  color: White;
  overflow: auto;

}


#members
{
  z-index: 100030;
  position: relative;
  text-align: left;
  width: 305px;
  color: White;
  overflow: auto;
}

.profiletable
{
  position: relative;
  margin: 0px 0px 0px 35px;
}
.profiletable tr td
{
  padding: 0px 0 0px 0;
}

.profilefield
{
  z-index: 100030;
  position: relative;
  text-align: left;
  color: White;
  min-height: 200px;
  width:290px;
  margin: 0 0 0 0;
  padding: 0px 0 30px 0;  
}

.profilefield_small
{
  z-index: 100030;
  position: relative;
  text-align: left;
  color: White;
  min-height: 20px;
  width: 275px;
  margin: 5px 0px 15px 0px;
}

.profileicon
{
  width: 19px;
  height: 20px;
  margin: 0;
  padding: 0;
}              

#musictext
{
  z-index: 100030;
  position: relative;
  text-align: left;
  width:275px;
  color: White;
  overflow: auto;
}


table tr,td
{
  vertical-align: top;
}

#moviestext
{
  z-index: 100030;
  text-align: left;
  width: 275px;
  color: White;
  overflow: auto;
}

#likestext
{
  z-index: 100030;
  position: relative;
  text-align: left;
  width: 275px;
  color: White;
  overflow: auto;
}

#dislikestext
{
  z-index: 100030;
  position: relative;
  text-align: left;
  width: 275px;
  color: White;
  overflow: auto;
}

#visitstext
{
  z-index: 100030;
  position: relative;
  text-align: left;
  width: 275px;
  color: White;
  overflow: auto;
}

#futurevisitstext
{
  z-index: 100030;
  position: relative;
  text-align: left;
  width: 275px;
  color: White;
  overflow: auto;
}

#bandstext
{
  position: relative;
  width: 275px;
}

#similartextinner
{
  position: relative;
  width: 290px;
  overflow: auto;
}

#operator
{
  position:absolute;
  top:80px;
  left:140px;
  width: 400px;
  height:30px;
  z-index:10000000;
}


.operatoruser
{
  position: relative;
  top: 50px;
  left: 150px;
  width: 305px;
  height: 50px;
  color:white;
}

#musicfreetext
{
  position: relative;
  overflow: auto;
}

#bookstext
{
  z-index: 100030;
  position: relative;
  text-align: left;
  width: 275px;
  color: White;
  overflow: auto;
}

#heroestext
{
  z-index: 100030;
  position: relative;
  text-align: left;
  width: 275px;
  color: White;
  overflow: auto;
}


#onlinebutton
{
  z-index: 100030;
  position: relative;
  text-align: left;
  left: 95px;
  width: 270px;
  height: 30px;
  color: White;
}

#profilemood 
{ 
  z-index: 100030;
  position: absolute;
  text-align: left;
  top: 255px;
  left: 285px;
  width: 370px;
  height: 50px;
  color: white;
}

#connect
{
z-index: 10000000;
position: absolute;
top: 168px;
left: 217px;
width: 404px;
height: 50px;
text-align: center;
 color: white;
}

#webbutton
{
  z-index: 100030;
  position: absolute;
  text-align: left;
  top: 225px;
  left: 78px;
  width: 39px;
  height: 170px;
  color: White;
}

#myspacebutton
{
  z-index: 100030;
  position: absolute;
  text-align: left;
  top: 225px;
  left: 118px;
  width: 32px;
  height: 170px;
  color: White;
}

#wikibutton
{
  z-index: 100030;
  position: absolute;
  text-align: left;
  top: 225px;
  left: 148px;
  width: 270px;
  height: 170px;
  color: White;
}



#content_container
{
  z-index: 100030;
  position: absolute;
  text-align: left;
  top: 520px;
  left: 95px;
  width: 270px;
  height: 170px;
} 

p
{
margin: 0;
padding: 0;
}
#infosuntentabs
{
  position: relative;
  left: 22px; 
  width: 716px;
  height: 15px;
}

#infosuntentab1
{
  z-index: 100000;
  position: absolute;
  top: -7px;
  left: 0px;
  list-style: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;

  width: 100px;
  height: 40px;
  color: White;
  background-image: url(../img/profile/Profile_TabLinks1.png);
  background-repeat: no-repeat;
}

#infosuntentab2
{
  z-index: 100000;
  position: absolute;
  top: -7px;
  left: 101px;
  list-style: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;

  width: 100px;
  height:30px;
  color: White;
  background-image: url(../img/profile/Profile_Tab0.png);
  background-repeat: no-repeat;
}

#infosuntentab3
{
  z-index: 100000;
  position: absolute;
  top: -7px;
  left: 202px;
  list-style: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;

  width: 110px;
  height:30px;
  color: White;
  background-image: url(../img/profile/Profile_Tab0.png);
  background-repeat: no-repeat;
}

#infosuntentab4
{
  z-index: 100000;
  position: absolute;
  top: -7px;
  left: 303px;
  list-style: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;

  width: 100px;
  height:30px;
  color: White;
  background-image: url(../img/profile/Profile_Tab0.png);
  background-repeat: no-repeat;
}

#infosuntentab5
{
  z-index: 100000;
  position: absolute;
  top: -7px;
  left: 404px;
  list-style: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;

  width: 100px;
  height:30px;
  color: White;
  background-image: url(../img/profile/Profile_Tab0.png);
  background-repeat: no-repeat;
}

#infosuntentab6
{
  z-index: 100000;
  position: absolute;
  top: -7px;
  left: 505px;
  list-style: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;

  width: 100px;
  height:30px;
  color: White;
  background-image: url(../img/profile/Profile_Tab0.png);
  background-repeat: no-repeat;
}

.tabtext
{
  position: absolute;
  top: 7px;
  left: 25px;
  
}
 /* 
.Infos_Unten
{
  position: relative;
  z-index: 1000000;
}  */

.desc
{
  font-weight: 600;
}

.usertext
{
  z-index: 1000000;
  position: absolute;
  margin: 0 0 0 0;
  overflow: hidden;
}

#visits
{
  z-index: 100030;
  position: relative;
   width: 305px;
  color: White;
  overflow: auto;
}

#discographie
{
  z-index: 100030;
  position: relative;
  width: 600px;
  color: White;
  overflow: auto;
}

#futurevisits
{
  z-index: 100030;
  position: relative;
  width: 305px;
  color: White;
  overflow: auto;
}

#books
{
  z-index: 1000000;
  position: relative;
  width: 305px;
  color: White;
  overflow: auto;
}

#heroes
{
  z-index: 1000000;
  position: relative;
  width: 305px;
  color: White;
  overflow: auto;
}
  
#vorname
{
  z-index: 1000000;
  position: relative;
  height: 20px;
  width: 150px;
}

#nachname
{
  z-index: 1000000;
  position: relative;
  height: 20px;
  width: 150px;
}

#size
{
  z-index: 1000000;
  position: relative;
  height: 20px;
  width: 150px;
}

#figure
{
  z-index: 1000000;
  position: relative;
  height: 20px;
  width: 150px;
}

#haircolor
{
  z-index: 1000000;
  position: relative;
  height: 20px;
  width: 150px;
}

#eyecolor
{
  z-index: 1000000;
  position: relative;
  height: 20px;
  width: 150px;
}

#sexorient
{
  z-index: 1000000;
  position: relative;
  height: 20px;
  width: 150px;
}

#children
{
  z-index: 1000000;
  position: relative;
  height: 20px;
  width: 150px;
}

#religion
{
  z-index: 1000000;
  position: relative;
  height: 20px;
  width: 150px;
}

#city
{
  z-index: 1000000;
  position: relative;
  height: 20px;
  width: 150px;
}

#influence
{
  z-index: 1000000;
  position: relative;
  height: 350px;
  width: 305px;
  overflow: auto;
}

#influencetext
{
  z-index: 1000000;
  position: relative;
  height: 350px;
  width: 305px;
  overflow: auto;
}

#news2
{
  z-index: 1000000;
  position: relative;
  height: 350px;
  width: 600px;
  overflow: auto;
}  

#news2text
{
  z-index: 1000000;
  position: relative;
  height: 320px;
  width: 575px;
  overflow: auto;
}


#plz
{
  z-index: 1000000;
  position: relative;
  height: 20px;
  width: 150px;
}

#land
{
  z-index: 1000000;
  position: relative;
  height: 20px;
  width: 150px;
}

#job
{
  z-index: 1000000;
  position: relative;
  height: 20px;
  width: 150px;
}

#email
{
  z-index: 1000000;
  position: relative;
  height: 20px;
  width: 150px;
}

#icq
{  
  z-index: 1000000;
  position: relative;
  height: 20px;
  width: 150px;
}


#msn
{
  z-index: 1000000;
  position: relative;
  height: 20px;
  width: 150px;
}

#skype
{
  z-index: 1000000;
  position: relative;
  height: 20px;
  width: 150px;
}

#yahoo
{
  z-index: 1000000;
  position: relative;
  height: 20px;
  width: 150px;
}    

#web
{
  z-index: 1000000;
  position: relative;
  height: 55px;
  width: 305px;
}

#Visitorslist
{
  width: 300px;
}
.FriendsImage
{
  border: 1px; 
  border-color:transparent;
  border-style: solid;
  background-repeat: no-repeat;
  background-position: top;
}

.FriendsImage:hover
{
  border: 1px;
  border-color: orange;
  border-style: solid;
}

#FriendsList
{
  margin: 0;
  padding: 0;

}

#FriendsTable
{
  
}

#FriendsTable tr
{
  
}

#FriendsTable tr td
{
  
}

.FriendPicture
{
  height: 100px;
}

#FriendsSpacer
{
  position: relative;
  margin: 0 0 0 0px;
  padding: 0 0 0 0px;
  background-image: url(../img/profile/ProfilMitteSpacer2.png);
  background-repeat: repeat-y;
  width: 716px;
  overflow: hidden;
}
#Friends
{
  z-index: 100000000;
  position: relative;
  width: 716px;
  color: white; 
  background-image: url(../img/profile/ProfilMitteFriendsBG.png);
  background-repeat: repeat-y;
}

#FriendsFooter
{
  position: relative;
  background-image: url(../img/profile/ProfilMitteTrennung2.png);
  margin: 0px 0 0 0;
  height: 29px;
  width: 716px;
}

.FriendsImage
{
  max-width: 75px;
  max-height: 75px;
}

#FriendsEdit
{
  position: absolute;
  top: 70px;
  left: 32px;
  height: 44px;
  width: 18px;
  background-image: url(../img/profile/ProfilMitteFriendsEdit.png);
}


#friendsheader
{
  z-index: 100000000;
  position: absolute;
  height: 15px;
  width: 486px;
  top: 10px;
  left: 120px;
  text-align: center;
  color: white;
  overflow: hidden;
}

#friendsheaderall
{
  z-index: 100000000;
  position: absolute;
  height: 15px;
  width: 150px;
  top: 0px;
  left:525px;  
  color: white;
  overflow: hidden;
}

#friendsname
{
  z-index: 100000000;
  position: absolute;
  top: 127px;
  width: 100px;
  text-align: center;
  overflow: hidden;
}

#friendsadd
{
  z-index: 100000000;
  position: absolute;
  height: 20px;
  width: 150px;
  top: 153px;
  left: 20px;
  color: white;
  overflow: hidden;
}

#friendslinkall
{
  z-index: 100000000;
  position: absolute;
  width: 150px;
  height: 20px;
  top: 168px;
  left:525px;
  color: white;
  overflow: hidden;
}

#friendsedit
{
  z-index: 100000000;
  position: absolute;
  width: 150px;
  height: 20px;
  top: 168px;
  left:5px;
  color: white;
  overflow: hidden;
}

#torte1
{              
  z-index: 100000000;
  position: absolute;
  width: 229px;
  height: 43px;
  top: 200px;
  left:32px;
}           

#fanslinkall
{
  z-index: 100000000;
  position: absolute;
  width: 150px;
  height: 20px;
  top: 418px;
  left:525px;
  color: white;
  overflow: hidden;
} 
                                                
.ui-tabs .ui-tabs-hide { display: none !important; }

#FriendHeart
{
  position: absolute;
  left: 40px;
  top: 15px;
  height: 30px;
  width: 30px;
}
    

#Groups
{
  position: relative;
  margin: 0 0 0 0px;
  padding: 0 0 0 0px;
  background-image: url(../img/profile/ProfilMitteSpacer2.png);
  background-repeat: repeat-y;
  width: 716px;
  min-height: 200px;
  overflow: hidden;
}   

#GroupsFooter
{
  position: relative;
  background-image: url(../img/profile/ProfilMitteFuss.png);
  height: 20px;
  width: 716px;
}
#groupsheader
{
  z-index: 100000000;
  position: relative;
  height: 10px;
  width: 675px;
  top: 0px;
  left: 0px;
  text-align: center;
  color: white;
}

#groupstext
{
  margin: 30px 30px 0 30px;
  z-index: 100000000;
  position: relative;
  text-align: center;
  overflow: auto;
}

#groupslink
{
  z-index: 100000000;
  position: absolute;
  width: 150px;
  height: 20px;
  top: 0px;
  left:525px;
  color: white;
}

#GroupFriendBG
{
  position: relative;
  z-index: 1000000;
  height: 500px;
  width: 678px;
  margin: 0 0 0 22px;   
  overflow: hidden;
  color: white;  
  background-image : url(../img/profile/Profile_Friend&GruppenBG.png);
  background-repeat: no-repeat;
}               

#MyHTML
{
  top: 0;
  position: relative;
  z-index: 1000000;
  margin: 0 0 0 0;
  padding: 0;
  color: white;  
  width: 716px;
  background-repeat: no-repeat;
  overflow: hidden;
}     

#MyHTMLText
{
  position: relative;
  margin: 0 0 0 0px;
  padding: 0 0 0 30px;
  background-image: url(../img/profile/ProfilMitteSpacer2.png);
  background-repeat: repeat-y;
  width: 716px;
  overflow: hidden;
}

#MyHTMLText img
{
  max-width: 655px;
}
#MyHTMLFooter
{
  position: relative;
  background-image: url(../img/profile/ProfilMitteTrennung2.png);
  height: 29px;
  width: 716px;
}

.Shaerpe
{
  position: absolute;
  top: 0;
  left: 0;
  height: 100px;
  width: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/profile/Profil_Scherpe.png);
  z-index: 9999999;
}

#GroupFansBG
{
  position: relative;
  z-index: 1000000;
   top: -46px;   
  height: 500px;
  width: 678px;
  margin: 0px 0px 0px 22px;
  overflow: hidden;
  color: white;  
  background-image : url(../img/profile/Profile_FansBG.png);
  background-repeat: no-repeat;
}  

.shaerpe
{
  position:relative;
  top: 37px;
  left: 0px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; 
  border: none;
}

.friendsname
{
  z-index: 100000000000;
  position: relative;
  left: 40px;
  top: 5px;

}

#video
{
  z-index: 100030;
  position: relative;
  text-align: left;
  width: 305px;
  color: White;
}

#videotext
{
  z-index: 100030;
  position: relative;
  text-align: left;
  width:450px;
  height: 360px;
  color: White;
  overflow: auto;
}

#videohowto
{
  z-index: 100030;
  position: relative;
  text-align: left;
  width:220px;
  height: 50px;
  color: White;
  overflow: auto;
}

#events
{
  z-index: 100030;
  position: relative;
  text-align: left;
  width: 400px;
  height: 170px;
  color: White;
}
  
.eventstext
{
  z-index: 100030;
  position: relative;
  text-align: left;
  left: 50px;
  width:450px;
  height: 360px;
  color: White;
  overflow: auto;
}             

#allevents
{
  z-index: 100030;
  position: absolute;
  text-align: left;
  top: 0px;
  left: 185px;
  width:320px;
  height: 50px;
  color: White;
  overflow: auto;
}

#bandadded
{
  z-index: 100030;
  position: absolute;
  text-align: left;
  top: 15px;
  left: 485px;
  width:200px;
  height: 50px;
  color: red;
  overflow: auto;
}

#justforfriends
{      
  left: 250px;
  position: relative;
  height:234px;
  width:236px;
}

.borderknop
{
  background-image: url(../img/search/Knopf1.png);
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  float: left;
}

.borderknop:hover
{
  background-image: url(../img/search/Knopf2.png);
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  float: left;
}

.bordertext
{
  z-index: 100050;
  /*border: 1px white;
  border-style: solid;*/
  position: relative;
  top:3px;
  width: 25px;
  height: 25px;
  float: left;
  text-align: center;
}

.borderknop:hover
{
  background-image: url(../img/search/Knopf2.png);
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  float: left;
}

.bordertext
{
  z-index: 100050;
  /*border: 1px white;
  border-style: solid;*/
  position: relative;
  top:3px;
  width: 25px;
  height: 25px;
  float: left;
  text-align: center;
}

.DeleteOnly
{
  z-index: 999999999;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 75px;
  width: 75px;
  background-image: url(../img/myfriends/Friends_Button_RemoveOnly.png);
  display: none;
}
.Delete
{
  z-index: 999999999;
  position: absolute;
  top: 0px;
  left: 38px;
  height: 75px;
  width: 37px;
  background-image: url(../img/myfriends/Friends_Button_Remove.png);
  display: none;
}

.Confirm
{
  z-index: 999999999;
  position: absolute;
  top: 0px;
  left: 0px;
  
  height: 75px;
  width: 38px;
  background-image: url(../img/myfriends/Friends_Button_add.png);
  display: none;
}

.Blub
{
  border: 1px;
  border-color: transparent;
  border-style: solid;
}
.Blub:hover .FriendsImage   
{
  border: 1px;
  border-color: orange;
  border-style: solid;
}

.DeleteOnly:hover .FriendsImage
{
  border: 1px;
  border-color: orange;
  border-style: solid;
}

.Blub:hover .DeleteOnly 
{
  display: block;
}

.Blub:hover .Delete
 {
  display: block;
}
.Blub:hover .Confirm
{
  display: block;
}