
/* Imagemap start */

.hidden	{ display: none; }
.invisible { visibility: hidden; }


.map {
height:734px;
position:relative;
}
.map img {
position:absolute;
}
.map ul {
display:inline;
left:0;
position:absolute;
top:0;
}
.map li {
background:url(images/shadowH.png) no-repeat scroll 4px 100% transparent;
color:#383838;
display:block;
font-size:11px;
line-height:11px;
padding-bottom:4px;
position:absolute;
width:220px;
}
.map li span {
background:url(images/shadowV.png) no-repeat scroll 100% 0 transparent;
display:block;
padding-right:3px;
}
.map li strong {
background:none repeat scroll 0 0 #FFFFFF;
border:2px solid #C9DCEB;
display:block;
font-weight:normal;
padding-bottom:6px;
}
.map li em {
background:none repeat scroll 0 0 #064373;
color:#FFFFFF;
display:block;
font-style:normal;
font-weight:bold;
margin-bottom:2px;
padding:3px 3px 3px 5px;
}
.map li a {
background:transparent url("images/internerlink.gif") no-repeat scroll 0px 0px; text-decoration:none; margin-left: 2px; padding-left:18px; font-weight:normal;
color:#444444;
display:block;
line-height:15px;
}
.map li a:hover {
background:transparent url("images/internerlink.gif") no-repeat scroll 0px 0px; text-decoration:none; margin-left: 2px; padding-left:18px; font-weight:normal;
color:#444444;
display:block;
line-height:15px;
text-decoration: underline;
}
.map li a.map_modell {
background:url(icon/icon_map_link_modell.gif) no-repeat scroll 5px 3px #FFFFFF;
}
.map li a.map_partner {
background:url(icon/icon_map_link_partner.gif) no-repeat scroll 5px 3px #FFFFFF;
}
.map_points {
color:#383838;
font-size:11px;
position:absolute;
z-index:200;
}
.map_points strong {
display:block;
font-weight:normal;
padding:10px;
}
.map_points strong em {
background:url(icon/map_modell.gif) no-repeat scroll 0 3px #FFFFFF;
display:block;
font-style:normal;
padding-left:11px;
white-space:nowrap;
width:auto;
}
.map_points strong.blur em {
background:url(icon/map_modell_light.gif) no-repeat scroll 0 3px #FFFFFF;
color:#AAAAAA;
}
.map_points span {
background:url(icon/map_praxis_light.gif) no-repeat scroll 0 3px transparent;
display:block;
/*padding-left:11px;*/ 
text-indent:-5000px;
white-space:nowrap;
width:auto; width: 11px;
}
.map_points span.blur {background:url(icon/map_praxis_light2.gif) no-repeat 0 3px; }

.map_points span.active {
background:url(icon/map_praxis2.gif) no-repeat scroll 0 3px #FFFFFF;
text-indent:0; width: auto; padding-left: 11px;
}
.map div.focus {
z-index:600;
}
.map div.focus strong {
cursor:pointer;
}
#imageMap {
position:absolute;
z-index:800;
}
#imageMap a {
background:url(icon/blind.gif) no-repeat scroll 0 0 transparent;
display:block;
height:36px;
position:absolute;
}
.map .legend {
font-size:10px;
line-height:14px;
margin-top:672px;
}
.map .legend li.first, .map .legend li.second {
background:url(icon/map_modell.gif) no-repeat scroll 0 2px transparent;
display:block;
padding-left:15px;
}
.map .legend li.second {
background:url(icon/map_praxis.gif) no-repeat scroll 0 2px transparent;
}

@media (max-width: 768px) {
    .map {
        overflow-x: scroll;
    }
}

/*imagemap end */