/*
	CSS Document: css_map.css
	Version: 1.0 | Date: 2007-05-31
	Project: www.hotelalpina.com
	Author: websLINE, 2007
	-------
*/


/* MAP WOHNSYSTEME */

/* Main definitions */
.map {
	position: relative;	
	display: block;
	}

.wohnsystem01 {
	width: 372px; height: 166px; 
	background: url(img_plan-ws01.gif); 
	}
.wohnsystem02 {
	width: 204px; height: 150px; 
	background: url(img_plan-ws02.gif); 
	}
.wohnsystem03 {
	width: 367px; height: 107px; 
	background: url(img_plan-ws03.gif); 
	}
.wohnsystem04 {
	width: 364px; height: 113px; 
	background: url(img_plan-ws04.gif); 
	}
.wohnsystem05 {
	width: 288px; height: 161px; 
	background: url(img_plan-ws05.gif); 
	}
.wohnsystem06 {
	width: 313px; height: 159px; 
	background: url(img_plan-ws06.gif); 
	}
.wohnsystem07 {
	width: 243px; height: 164px; 
	background: url(img_plan-ws07.gif); 
	}
.wohnsystem08 {
	width: 296px; height: 161px; 
	background: url(img_plan-ws08.gif); 
	}
.wohnsystem09 {
	width: 327px; height: 152px; 
	background: url(img_plan-ws09.gif); 
	}
.wohnsystem10 {
	width: 342px; height: 160px; 
	background: url(img_plan-ws10.gif); 
	}

.map a {
	display: block;
	text-decoration: none !important;
	overflow: hidden;
	position: absolute; 
	height: 0px; 
	}
.map a:hover {
	display: block;
	background-position: 0 0; 
	overflow: visible;
/* needs for Opera bug
	width: 500px; height: 200px;
	overflow: hidden;
*/
	}

.map a:hover div {
	position: absolute;
	width: 170px; 
	padding: 10px; 
	}
.map a:hover div.green { border: 1px solid #146407; background: #E8F4E9; }
.map a:hover div.yellow { border: 1px solid #737705; background: #FFFFE5; }
.map a:hover div.blue { border: 1px solid #072964; background: #E0E8F6; }

.map a:hover div b {
	display: block;
	}
.map a:hover div.green b.title { color: #146407; }
.map a:hover div.yellow b.title { color: #737705; }
.map a:hover div.blue b.title { color: #072964;	}
.map a:hover div p {
	margin: 0; padding: 0;
	}
.map a:hover div img {
	margin: 5px 0;
	}
.map a:hover div.green img { border: 1px solid #146407; }
.map a:hover div.yellow img { border: 1px solid #737705; }
.map a:hover div.blue img { border: 1px solid #072964; }


/* Map #01 */
.wohnsystem01 a.katF {
	left: 27px; top: 13px; 
	width: 175px;
	padding: 96px 0 0 0; 
	}
.wohnsystem01 a.katF:hover {
	background: transparent url(img_plan-ws01-katF.gif) no-repeat;
	}
.wohnsystem01 a.katF:hover div {
	top: -30px; left: 80px;
	}
.wohnsystem01 a.katD {
	left: 171px; top: 13px; 
	width: 198px; 
	padding: 83px 0 0 0; 
	}
.wohnsystem01 a.katD:hover {
	background: transparent url(img_plan-ws01-katD.gif) no-repeat;
	}
.wohnsystem01 a.katD:hover div {
	top: -40px; left: 150px;
	}
.wohnsystem01 a.katE {
	left: 22px; top: 93px; 
	width: 184px; 
	padding: 70px 0 0 0; 
	}
.wohnsystem01 a.katE:hover {
	background: transparent url(img_plan-ws01-katE.gif) no-repeat;
	}
.wohnsystem01 a.katE:hover div {
	top: -20px; left: 150px;
	}

/* Map #02 */
.wohnsystem02 a.katF {
	left: 25px; top: 0px; 
	width: 179px;
	padding: 97px 0 0 0; 
	}
.wohnsystem02 a.katF:hover {
	background: transparent url(img_plan-ws02-katF.gif) no-repeat;
	}
.wohnsystem02 a.katF:hover div {
	top: -50px; left: 130px;
	}
.wohnsystem02 a.katE {
	left: 20px; top: 80px; 
	width: 184px; 
	padding: 70px 0 0 0; 
	}
.wohnsystem02 a.katE:hover {
	background: transparent url(img_plan-ws02-katE.gif) no-repeat;
	}
.wohnsystem02  a.katE:hover div {
	top: -70px; left: 150px;
	}

/* Map #03 */
.wohnsystem03 a.katF {
	left: 24px; top: 12px; 
	width: 176px;
	padding: 95px 0 0 0; 
	}
.wohnsystem03 a.katF:hover {
	background: transparent url(img_plan-ws03-katF.gif) no-repeat;
	}
.wohnsystem03 a.katF:hover div {
	top: 30px; left: 90px;
	}
.wohnsystem03 a.katD {
	left: 169px; top: 12px; 
	width: 198px; 
	padding: 82px 0 0 0; 
	}
.wohnsystem03 a.katD:hover {
	background: transparent url(img_plan-ws03-katD.gif) no-repeat;
	}
.wohnsystem03  a.katD:hover div {
	top: 30px; left: 90px;
	}

/* Map #04 */
.wohnsystem04 a.katF1 {
	left: 0px; top: 4px; 
	width: 193px;
	padding: 109px 0 0 0; 
	}
.wohnsystem04 a.katF1:hover {
	background: transparent url(img_plan-ws04-katF1.gif) no-repeat;
	}
.wohnsystem04 a.katF1:hover div {
	top: 40px; left: 80px;
	}
.wohnsystem04 a.katD {
	left: 183px; top: 0px; 
	width: 181px; 
	padding: 113px 0 0 0; 
	}
.wohnsystem04 a.katD:hover {
	background: transparent url(img_plan-ws04-katD.gif) no-repeat;
	}
.wohnsystem04  a.katD:hover div {
	top: 40px; left: 110px;
	}

/* Map #05 */
.wohnsystem05 a.katF1 {
	left: 0px; top: 0px; 
	width: 288px;
	padding: 161px 0 0 0; 
	}
.wohnsystem05 a.katF1:hover {
	background: transparent url(img_plan-ws05-katF1.gif) no-repeat;
	}
.wohnsystem05 a.katF1:hover div {
	top: -10px; left: 250px;
	}

/* Map #06 */
.wohnsystem06 a.katF2 {
	left: 0px; top: 0px; 
	width: 259px;
	padding: 159px 0 0 0; 
	}
.wohnsystem06 a.katF2:hover {
	background: transparent url(img_plan-ws06-katF2.gif) no-repeat;
	}
.wohnsystem06 a.katF2:hover div {
	top: -10px; left: 235px;
	}

/* Map #07 */
.wohnsystem07 a.katEgr {
	left: 29px; top: 0px; 
	width: 214px;
	padding: 85px 0 0 0; 
	}
.wohnsystem07 a.katEgr:hover {
	background: transparent url(img_plan-ws07-katEgr.gif) no-repeat;
	}
.wohnsystem07 a.katEgr:hover div {
	top: -30px; left: 180px;
	}
.wohnsystem07 a.katEge {
	left: 23px; top: 86px; 
	width: 220px; 
	padding: 78px 0 0 0; 
	}
.wohnsystem07 a.katEge:hover {
	background: transparent url(img_plan-ws07-katEge.gif) no-repeat;
	}
.wohnsystem07 a.katEge:hover div {
	top: -70px; left: 180px;
	}

/* Map #08 */
.wohnsystem08 a.katG {
	left: 0px; top: 0px; 
	width: 159px;
	padding: 161px 0 0 0; 
	}
.wohnsystem08 a.katG:hover {
	background: transparent url(img_plan-ws08-katG.gif) no-repeat;
	}
.wohnsystem08 a.katG:hover div {
	top: 100px; left: 90px;
	}
.wohnsystem08 a.katA {
	left: 159px; top: 42px; 
	width: 137px; 
	padding: 119px 0 0 0; 
	}
.wohnsystem08 a.katA:hover {
	background: transparent url(img_plan-ws08-katA.gif) no-repeat;
	}
.wohnsystem08 a.katA:hover div {
	top: -30px; left: 100px;
	}

/* Map #09 */
.wohnsystem09 a.katA {
	left: 0px; top: 0px; 
	width: 172px; 
	padding: 144px 0 0 0; 
	}
.wohnsystem09 a.katA:hover {
	background: transparent url(img_plan-ws09-katA.gif) no-repeat;
	}
.wohnsystem09 a.katA:hover div {
	top: 30px; left: 90px;
	}
.wohnsystem09 a.katC {
	left: 166px; top: 0px; 
	width: 161px;
	padding: 152px 0 0 0; 
	}
.wohnsystem09 a.katC:hover {
	background: transparent url(img_plan-ws09-katC.gif) no-repeat;
	}
.wohnsystem09 a.katC:hover div {
	top: 30px; left: 90px;
	}

/* Map #010 */
.wohnsystem10 a.katG1 {
	left: 0px; top: 0px; 
	width: 342px;
	padding: 160px 0 0 0; 
	}
.wohnsystem10 a.katG1:hover {
	background: transparent url(img_plan-ws10-katG1.gif) no-repeat;
	}
.wohnsystem10 a.katG1:hover div {
	top: -10px; left: 250px;
	}