/*---------------------------------------------------------------
	Stylesheet for the demo imagemap_rollover
	Author:		Gabriel Svennerberg
	Email:		gabriel@svennerberg.com
	Web:		http://www.svennerberg.com
	Created:	2008-08-16
 ---------------------------------------------------------------*/

/* Map
---------------------------------------------------------------*/
#map {
	position: fixed;
	display: block;
	width: 100%;
	height: auto;
	z-index: 4;
	top: 140px;
}
.mapcontent {
	position: absolute;
	max-width: 701px;
	width: 80%;
	height: 588px;
	margin: 0 auto;
	left: 20%;
	-webkit-transition: all 1.3s ease-in-out;
	-moz-transition: all 1.3s ease-in-out;
	-o-transition: all 1.3s ease-in-out;
	-ms-transition: all 1.3s ease-in-out;
	transition: all 1.3s ease-in-out;
}
#transparent_map {
	position: absolute;
	z-index: 30;
	width: 100%;
	height: auto;
	border: none;
}

#raum1 {
	position: absolute;
	z-index: 20;
	text-indent: -1000em;
	display: none;
	width: 100%;
	height: auto;
	top: 0px;
	right: 0px;
}
#raum2 {
	position: absolute;
	z-index: 20;
	text-indent: -1000em;
	display: none;
	width: 100%;
	height: auto;
	top: 0px;
	right: 0px;
}
#raum3 {
	position: absolute;
	z-index: 20;
	text-indent: -1000em;
	display: none;
	width: 100%;
	height: auto;
	top: 0px;
	right: 0px;
}
#raum4 {
	position: absolute;
	z-index: 20;
	text-indent: -1000em;
	display: none;
	width: 100%;
	height: auto;
	top: 0px;
	right: 0px;
}
#raum5 {
	position: absolute;
	z-index: 20;
	text-indent: -1000em;
	display: none;
	width: 100%;
	height: auto;
	top: 0px;
	right: 0px;
}
#raum6 {
	position: absolute;
	z-index: 20;
	text-indent: -1000em;
	display: none;
	width: 100%;
	height: auto;
	top: 0px;
	right: 0px;
}

img[usemap] {
		border: none;
		height: auto;
		max-width: 100%;
		width: auto;
	}

@media only screen and (min-width: 1026px) and (max-width: 1400px) {
#map {
	top: 180px;
}
.mapcontent {
	position: absolute;
	max-width: 500px;
	width: 80%;
	height: auto;
	margin: 0;
	left: 10%;
}
}

@media only screen and (min-width: 1px) and (max-width: 1025px) {
#map {
	top: 180px;
}
.mapcontent {
	position: absolute;

	width: 55%;
	height: auto;
	margin: 0;
	left: 1%;
}
}

@media only screen and (min-height: 1px) and (max-height: 400px)  {
#map {
	top: 140px;
}
.mapcontent {
	position: absolute;
	width: 30%;
	height: auto;
	margin: 0;
	left: 5%;
}
}
@media only screen and (min-height: 1px) and (max-height: 700px)  {
#map {
	top: 140px;
}
.mapcontent {
	position: absolute;
	width: 30%;
	height: auto;
	margin: 0;
	left: 5%;
}
}
@media only screen and (min-width: 1px) and (max-width: 600px)  {
.mapcontent {
	display: none;
}

}