.profile {
position: relative;
}
.profile h1 {
margin: 0;
}
.profile .pic {
position: absolute;
top: 30px;
left: 5px;
}
.profile .pic.online {
}
.profile .infopos {
position: relative;
left: 160px;
top: 0;
width: 450px;
}
.profile .infocontent {
position: relative;
padding: 0 10px;
overflow: hidden;
font-size: 11px;
color: #888;
}
.profile .infocontent.closed {
height: 136px;
background: transparent url(../../images/artiberlin/layout/profile_info_bg2.gif) repeat-y;
}
.profile .infocontent.opened {
height: auto;
background: transparent url(../../images/artiberlin/layout/profile_info_bg.gif) repeat-y;
}
.profile .infocontent .top {
position: absolute;
top: 0;
left: 0;
width: 450px;
height: 10px;
}
.profile .infocontent.closed .top {
background: transparent url(../../images/artiberlin/layout/profile_info_bg_t2.gif) no-repeat;
}
.profile .infocontent.opened .top {
background: transparent url(../../images/artiberlin/layout/profile_info_bg_t.gif) no-repeat;
}
.profile .infocontent .bottom {
position: absolute;
bottom: 0;
left: 0;
width: 450px;
height: 9px;
}
.profile .infocontent.closed .bottom {
background: transparent url(../../images/artiberlin/layout/profile_info_bg_b2.gif) no-repeat;
}
.profile .infocontent.opened .bottom {
background: transparent url(../../images/artiberlin/layout/profile_info_bg_b.gif) no-repeat;
}
.profile .infocontent .position {
width:430px;
}
.profile .infocontent.closed .position {
position: absolute;
padding-top: 5px;
}
.profile .infocontent.opened .position {
padding: 5px 0;
}
.profile .infocontent .position div {
position: relative;
padding-bottom: 2px;
}
.profile .infocontent .about,
.profile .infocontent .life,
.profile .infocontent .style,
.profile .infocontent .contact {
padding-top: 5px;
}
.profile .infocontent h2 {
position: absolute;
right: 0;
color: #eee;
font-size: 50px;
}
.profile .infocontent .slogan {
font-style: italic;
font-size: 13px;
font-weight: bold;
color: #444;
}
.profile .infocontent .selection {
color: #444;
}

.profile .infopos a.up,
.profile .infopos a.up:link,
.profile .infopos a.up:visited,
.profile .infopos a.up:active {
position: absolute;
top: 0;
right: -20px;
display: block;
width: 16px;
height: 16px;
background: transparent url(../../images/artiberlin/layout/win_controls.gif) no-repeat -16px 0;
}
.profile .infopos a.up:hover,
.profile .infopos a.up:focus {
background: transparent url(../../images/artiberlin/layout/win_controls.gif) no-repeat -16px -16px;
}
.profile .infopos a.down,
.profile .infopos a.down:link,
.profile .infopos a.down:visited,
.profile .infopos a.down:active {
position: absolute;
bottom: 0px;
right: -20px;
display: block;
width: 16px;
height: 16px;
background: transparent url(../../images/artiberlin/layout/win_controls.gif) no-repeat;
}
.profile .infopos a.down:hover,
.profile .infopos a.down:focus {
background: transparent url(../../images/artiberlin/layout/win_controls.gif) no-repeat 0 -16px;
}
.profile .infopos a.max,
.profile .infopos a.max:link,
.profile .infopos a.max:visited,
.profile .infopos a.max:active {
position: absolute;
top: 0;
right: -36px;
display: block;
width: 16px;
height: 16px;
background: transparent url(../../images/artiberlin/layout/win_controls.gif) no-repeat -32px 0;
}
.profile .infopos a.max:hover,
.profile .infopos a.max:focus {
background: transparent url(../../images/artiberlin/layout/win_controls.gif) no-repeat -32px -16px;
}
.profile .infopos a.restore,
.profile .infopos a.restore:link,
.profile .infopos a.restore:visited,
.profile .infopos a.restore:active {
position: absolute;
top: 0;
right: -36px;
display: block;
width: 16px;
height: 16px;
background: transparent url(../../images/artiberlin/layout/win_controls.gif) no-repeat -48px 0;
}
.profile .infopos a.restore:hover,
.profile .infopos a.restore:focus {
background: transparent url(../../images/artiberlin/layout/win_controls.gif) no-repeat -48px -16px;
}

.profile .infopos ul.tabs {
position: absolute;
top: -16px;
right: 10px;
font-size: 11px;
}
.profile .infopos ul.tabs li {
display: inline;
padding: 0 5px;
}
.profile .infopos ul.tabs li a.selected {
}

.vCard .name {
position: absolute;
top: 6px;
left: 8px;
margin: 0;
}
.vCard .image {
position: absolute;
top: 32px;
right: 10px;
}
.vCard .address {
position: absolute;
top: 32px;
left: 8px;
width: 140px;
}
.vCard .phone {
position: absolute;
top: 48px;
left: 8px;
}