/*css transform 3d
body , body.framemapbg > * { perspective: 400px; } #mapWrapper , body.framemapbg > center:nth-child(2) > div:nth-child(1) , body.framemapbg > center:nth-child(3) > div:first-child { transform: rotateY(0deg) rotateX(45deg) rotateZ(0deg); top:-50px; } #fueldisp { transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg); top:0px; }
body , body.framemapbg > * { -webkit-perspective: 400px; perspective: 400px; } #mapWrapper , body.framemapbg > center:nth-child(2) > div:nth-child(1) , body.framemapbg > center:nth-child(3) > div:first-child { -webkit-transform: rotateY(0deg) rotateX(45deg) rotateZ(0deg); transform: rotateY(0deg) rotateX(45deg) rotateZ(0deg); top:-50px; } #fueldisp { -webkit-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg); transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg); top:0px; }
body , body.frameajaxmapbg > * { -webkit-perspective: 400px; perspective: 400px; } #mapWrapper , body.frameajaxmapbg > center:nth-child(2) > div:nth-child(1) , body.frameajaxmapbg > center:nth-child(3) > div:first-child { -webkit-transform: rotateY(0deg) rotateX(45deg) rotateZ(0deg); transform: rotateY(0deg) rotateX(45deg) rotateZ(0deg); top:-50px; } #fueldisp { -webkit-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg); transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg); top:0px; }
*/

/*
.framemapbg {color:silver;background:#0C0D0D url(framemapbg_d.jpg) no-repeat fixed;margin:3px 10px 10px;margin-top:5px;padding-left:2px;}
.framemapbg p.positiontext {color:#D0AA06;font-size:10px;width:250px;margin-bottom:1px;text-align:right;}
.framemapbg a[href*="reload"] {position:absolute;left:16px;top:5px;}
.framemapbg img[src$="relmap.gif"] { display: none; }
.framemapbg a[href*="reload"]:after { content: "Aktualisieren"; background: url(arrow_refresh_small.png) no-repeat center left; padding-left: 12px; }
.framemapbg #energydisp {background:transparent;height:12px!important;padding-left:49px;padding-right:49px;border:0px;}
.framemapbg #fullenergydisp {font-weight:bold;margin-top:0px;position:absolute;left:50px!important;border-width:0px!important;background:url(empty_b.jpg) right no-repeat!important;}
.framemapbg #curenergy {font-weight:bold;position:absolute;left:50px!important;background:url(full_b.png) right no-repeat!important;margin-left:7px!important;border:0px !important;}
.framemapbg #test {color:silver;font-weight:bold;position:absolute;margin-top:10px;left:50px!important;border-width:0px!important;}
*/

/*alte Map Treibstoff*/
.framemapbg {color:silver;background:#0C0D0D url(framemapbg_d.jpg) no-repeat fixed;margin:3px 10px 10px;margin-top:5px;padding-left:2px;}
.framemapbg p.positiontext {color:#D0AA06;font-size:10px;width:250px;margin-bottom:1px;text-align:right;}
.framemapbg a[href*="reload"] {position:absolute;left:16px;top:5px;}
.framemapbg img[src$="relmap.gif"] { display: none; }
.framemapbg a[href*="reload"]:after { content: "Aktualisieren"; background: url(arrow_refresh_small.png) no-repeat center left; padding-left: 12px; }
.framemapbg #fueldisp {background:transparent;height:12px!important;padding-left:49px;padding-right:49px;border:0px;}
.framemapbg #fullfueldisp {font-weight:bold;margin-top:0px;position:absolute;left:50px!important;border-width:0px!important;background:url(empty_b.jpg) right no-repeat!important;}
.framemapbg #curfuel {font-weight:bold;position:absolute;left:50px!important;background:url(full_b.png) right no-repeat!important;margin-left:7px!important;border:0px !important;}
.framemapbg #mapenergy {color:silver;font-weight:bold;position:absolute;margin-top:10px;left:50px!important;border-width:0px!important;}

/*> > Logout*/
.framemapbg a[href="logout.php"] {position:absolute;margin-top:14px;left:16px;width:111px;height:16px;padding:2px 0px 0px 9px;text-align:center;background:black;border:1px solid #25282B;border-radius:6px;}
.framemapbg a[href="map.php"], .framemapbg a[href="map.html.php"] {position:absolute;left:144px;width:111px;height:16px;padding:2px 0px 0px 9px;text-align:center;background:black;border:1px solid #25282B;border-radius:6px;}
.framemapbg a[href="logout.php"]:before {content:url(simg/check.png);position:absolute;left:3px;top:0px;height:14px;padding:4px 3px 0px 0px;background:black;border-right:1px solid #25282B;}
.framemapbg a[href="map.php"]:before, .framemapbg a[href="map.html.php"]:before {content:url(simg/cross.png);position:absolute;left:4px;top:0px;height:14px;padding:4px 2px 0px 0px;background:black;border-right:1px solid #25282B;}
.framemapbg a[href="logout.php"]:hover, .framemapbg a[href="map.php"]:hover, .framemapbg a[href="map.html.php"]:hover {border:1px solid #3C0;text-decoration:none;}

/*verbesserte Map
.frameajaxmapbg {background:#0C0D0D url(framemapbg_d.jpg) no-repeat fixed!important;margin-top:5px;padding-left:2px;}
.frameajaxmapbg p.positiontext {text-align:center;color:#ffd800;font-size:10px;}
.frameajaxmapbg img[src$="relmap.gif"] {background:url(arrow_refresh_small.png);height:0px !important;padding-top:12px;width:12px;}
.frameajaxmapbg #mapWrapper {width:250px;height:250px;overflow:hidden;position:relative;margin:0 auto;}
.frameajaxmapbg #usership {position:absolute;top:100px;left:100px;}
.frameajaxmapbg #mapTable {position:relative;width:350px;}
.frameajaxmapbg #mapTable a {position:relative;float:left;width:50px;height:50px;}
.frameajaxmapbg #mapTable a:hover {cursor:pointer;}
.frameajaxmapbg #mapTable img {background:transparent;position:absolute;top:0px;left:0px;border:none;}
.frameajaxmapbg #mapTable img.imagefield {z-index:-3;}
.frameajaxmapbg #mapTable img.imageusers {z-index:-2;}
.frameajaxmapbg #mapTable img.imagenpcs {z-index:-1;}
.frameajaxmapbg #energydisp {position:relative;margin:0 auto;width:150px;}
.frameajaxmapbg #fullenergydisp {background:url(empty_b.jpg) right no-repeat!important;border:0px!important;}
.frameajaxmapbg #curenergy {background:url(full_b.png) right no-repeat!important;margin-left:7px;border:0px!important;}
.frameajaxmapbg #mapenergy {text-align:center;margin-top:10px!important;}
#mapTable a#oli:hover, #mapTable a#oben:hover, #mapTable a#ore:hover, #mapTable a#links:hover, #mapTable a#rechts:hover, #mapTable a#uli:hover, #mapTable a#unten:hover, #mapTable a#ure:hover {cursor:pointer;}
*/

/*verbesserte Map Treibstoff*/
.frameajaxmapbg {background:#0C0D0D url(framemapbg_d.jpg) no-repeat fixed!important;margin-top:5px;padding-left:2px;}
.frameajaxmapbg p.positiontext {text-align:center;color:#ffd800;font-size:10px;}
.frameajaxmapbg #mapWrapper {width:350px;height:350px;overflow:hidden;position:relative;margin:0 auto;}
.frameajaxmapbg #usership {position:absolute;top:150px;left:150px;}
.frameajaxmapbg #mapTable { position: relative; width: 450px; height: 450px; }
.frameajaxmapbg #mapTable div { width: 100%; height: 50px; }
.frameajaxmapbg #mapTable a { position: relative; float: left; width: 50px; height: 50px; border: none; }
.frameajaxmapbg #mapTable a:hover { cursor: default; background-position: top left; background-repeat: no-repeat; }
.frameajaxmapbg #mapTable img { background: transparent; position: absolute; top: 0; left: 0; border: none; }    
.frameajaxmapbg #mapTable img.imagefield { z-index: -3;}
.frameajaxmapbg #mapTable img.imageusers { z-index: -2;}
.frameajaxmapbg #mapTable img.imagenpcs { z-index: -1; }
.frameajaxmapbg a.nocango:hover {background-image: url(../images/map/nocango.gif) !important; }
.frameajaxmapbg #ore:hover {background-image: url(../images/map/re-o.gif); }
.frameajaxmapbg #oben:hover {background-image: url(../images/map/oben.gif); }
.frameajaxmapbg #oli:hover {background-image: url(../images/map/li-o.gif); }
.frameajaxmapbg #links:hover {background-image: url(../images/map/links.gif); }
.frameajaxmapbg #uli:hover {background-image: url(../images/map/li-u.gif); }
.frameajaxmapbg #unten:hover {background-image: url(../images/map/unten.gif); }
.frameajaxmapbg #ure:hover {background-image: url(../images/map/re-u.gif); }
.frameajaxmapbg #rechts:hover {background-image: url(../images/map/rechts.gif); }
.frameajaxmapbg #fueldisp {position:relative;margin:0 auto;width:150px;}
.frameajaxmapbg #fullfueldisp {font-weight:bold;margin-top:0px;position:absolute;left:0px!important;border-width:0px!important;background:url(empty_b.jpg) right no-repeat!important;}
.frameajaxmapbg #curfuel {font-weight:bold;position:absolute;left:0px!important;background:url(full_b.png) right no-repeat!important;margin-left:7px!important;border:0px !important;}
.frameajaxmapbg #mapenergy {color:silver;font-weight:bold;position:absolute;margin-top:10px;left:20px!important;border-width:0px!important;}

.frameajaxmapbg #mapTable a#oli:hover, #mapTable a#oben:hover, #mapTable a#ore:hover, #mapTable a#links:hover, #mapTable a#rechts:hover, #mapTable a#uli:hover, #mapTable a#unten:hover, #mapTable a#ure:hover {cursor:pointer;}