.extrusion,
.mieter
{
    stroke: white;
    stroke-opacity: 0.5;
    stroke-width: 0.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
body.mode2d .mieter
{
    stroke-width: 1.2;

}

.mieter {
    fill:white;
    fill-opacity: 0.1;
}
.mall {
    fill:black;
    fill-opacity: 0.4;
}
.hotspot {
    fill:transparent;
    stroke: white;
    stroke-width: 0.3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray:1;
}
.detail {
    fill: none;
    stroke: white;
    stroke-width: 0.08;
}
body.mode2d .detail {
    stroke-width: 0.5;
}
.hover:not(.hotspot) {
    stroke-width: 0.1;
    stroke-linejoin: round;
    stroke:transparent;
    fill:black;
    fill-opacity:0;
}


g.floorGroup
{
    opacity:0;
    visibility: hidden;
    transition: 0.3s;
    transition-property: opacity,visibility;
}
.area
{
    opacity:0;
    visibility: hidden;
    transition: 0.3s;
    transition-property: opacity,visibility,fill-opacity,stroke-width;
}
.mieter.area.active
{
    fill-opacity:0.5;
    stroke-width:0.5;
}
body.H g.floorGroup.O,
body.O g.floorGroup.H
{
    display: none;
}
body.H g.floorGroup.H,
body.O g.floorGroup.O
{
    display: block;
}

svg{
	width:100%;
	height:112%;
}


g.L099{
		 filter: gray; /* IE6-9 */
    filter: grayscale(100%);
}

g.L099 .detail{
    opacity: 0.4;
}

g.L104.A2 {
 filter: gray; /* IE6-9 */     
  	 filter: grayscale(100%);
	        opacity: 0.7 !important;
}

div.z1 {
	width:99%;
	margin-left:0.5%;
}

/*
body:not(.B) g .area:not(.new){
    fill:none;
	stroke-opacity: 0.2;
}*/