@charset "UTF-8";
/* CSS Document */



.mapPlayer ul,
.mapPlayer li {
margin:0;
padding:0;
list-style: none;
}

.mapPlayer ul.player_map{
margin-left: -10px;
}

/*------------------------------------------------------------------------------------------------------*/
/* mapPlayer */
/*------------------------------------------------------------------------------------------------------*/
/* mapPlayer images */
.player_images {
border-bottom:2px solid #b01;
position:relative;
height:233px;
overflow:hidden;
}


/* enclose image with a in ie7 */
.player_images div {
position:absolute;
top:0;
left:0;
}
.player_images div.over {
z-index:210;
}
.player_images div a {
display:block;
}
/*------------------------------------------------------------------------------------------------------*/
/* map as list */
.player_map {
margin:-2px -150px 0 -10px;
background:url(../images/karte.gif) 0 40px no-repeat;
position:relative;
top:0;
left:0;
overflow:visible;
width:179px;
}

.player_map li li a {
display:inline-block;
padding-left:6px;
background-position: -4px -2px;
background-repeat:no-repeat;
background-image:url(../images/arrGreen_h5.gif);
}
.player_map li li a:hover,
.player_map li li.over a {
background-image:url(../images/arrRed_h5.gif);
color:#b01;
}
/*------------------------------------------------------------------------------------------------------*/
/* map as map */
.jsen .player_map {
height:237px;
}

.jsen .player_map h2 {
font-weight:normal;
background:white;
margin:13px 0 0 0;
padding:1px 3px;
font-size: 12px;
line-height: 12px;
}
.jsen .player_map ul.immobilienGruppe {
background:#fff;
float:left;
}
.jsen .player_map span {
display:none;
}
/*------------------------------------------------------------------------------------------------------*/
/* map as map > UPSTATE */
.jsen .player_map li.stadtteil {
background-image:url(../images/stadtteil.png);
background-repeat:no-repeat;
cursor:pointer;
position:absolute;
z-index:599;
width:14px;
height:13px;
overflow:hidden;
z-index:610;
}
.jsen .player_map li.stadtteil ul.immobilienGruppe {
}
/*------------------------------------------------------------------------------------------------------*/
/* map as map > STADTTEIL > OVERSTATE */
.jsen .player_map li.stadtteil.over {
background-position:0 -30px;
overflow:visible;
width:auto;
height:auto;
z-index:640;
}
.jsen .player_map li.stadtteil.over h2 {
border-top:1px solid #054;
}
.jsen .player_map li.stadtteil.over ul.immobilienGruppe {
visibility:hidden;
height:0;
}
/* map as map > STADTTEIL > ACTIVE STATE (select from objPid == pagePid) */
.jsen .player_map li.stadtteil.active {
background-position:0 -30px;
overflow:visible;
width:auto;
height:auto;
z-index:620;
}
.jsen .player_map li.stadtteil.active h2 {
border-top:1px solid #b01;
}
.jsen .player_map li.stadtteil.active ul.immobilienGruppe {
visibility:hidden;
height:0;
}
/*------------------------------------------------------------------------------------------------------*/
/* map as map > STADTTEIL > OPENSTATE */
.jsen .player_map li.stadtteil.open {
background-position:0 -60px;
overflow:visible;
width:auto;
height:auto;
z-index:630;
}
.jsen .player_map li.stadtteil.open h2 {
border-top:1px solid #054;
}
.jsen .player_map li.stadtteil.open ul.immobilienGruppe {
visibility:visible;
height:auto;
display:block;
}
/*------------------------------------------------------------------------------------------------------*/
/* list */

ul.player_list {
margin-top:-2px;
position:relative;
top:0;
left:-11px;
z-index:180;
}
ul.player_list.over {
}
ul.player_list li {
line-height:14px;
}
ul.player_list li a {
display:block;
padding:0 0 3px 11px;
margin-left:-11px;
background-image:url(../images/arrGreen_h5.gif);
background-repeat:no-repeat;
}
ul.player_list li a {
margin:0;
}
ul.player_list li.over a,
ul.player_list li.active a {
background-image:url(../images/arrRed_h5.gif);
color:#b01;
}
/*


*/
/*------------------------------------------------------------------------------------------------------*/
/* thumbs */
/* margins and paddings to compensate rollover-effect */
/* ul enclose floated li's for all except ie6 */
/* padding for abstand */
ul.player_thumbs {
width:100%;
margin:0 0 0 -4px;
padding:20px 4px 10px 4px;
overflow:hidden;
}
/* li serves as positioning relative conatiner */
/* pos container */
ul.player_thumbs li {
display:block;
float:left;
width:57px;
height:38px;
margin:0 1px 1px 0;
position:relative;
z-index:130;
}
/* a serves absolute positioned viewport for the thumbs */
/* crop thumb*/
ul.player_thumbs li a,
ul.player_thumbs li span {
display:block;
position:absolute;
top:0;
left:0;
overflow:hidden;
width:57px;
height:38px;
background:silver; /* font-size:9px; */
line-height:1;
}
/* bring to front on over */
ul.player_thumbs li.over {
z-index:200;
}
/* decrop */
/* reposition */
/* over effect border */
ul.player_thumbs li.over a,
ul.player_thumbs li.over span {
width:63px;
height:42px;
top:-3px;
left:-3px;
border:1px solid #fff;
}
/*------------------------------------------------------------------------------------------------------*/
/* expose player */
#mapPlayerExpose.mapPlayer {
margin: 0 0 20px 0;
/*
position: relative;
top: 0;
left: 0;
*/
}

#mapPlayerExpose .player_images {
border-bottom:none;
position:relative;
height:353px;
overflow:hidden;
}
#mapPlayerExpose ul.player_captions {
position: relative;
top: 0;
left: 0;
margin: 0 0 10px 0;
}
#mapPlayerExpose ul.player_captions li{
position: absolute;
top: 0;
left: 0;
color: gray;
}
/*------------------------------------------------------------------------------------------------------*/
/* sidebar player */



#mapPlayerSidebar .player_map {
margin:0 0 0 -15px;
background:url(../images/karteSidebar.gif) 0 35px no-repeat;
width:160px;
}
.jsen #mapPlayerSidebar .player_map {
height:210px;
}
.jsen #mapPlayerSidebar .player_map h2 {
background:#f2eee5;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}

.jsen #mapPlayerSidebar .player_map ul.immobilienGruppe {
background:#f2eee5;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}