/*statischer Bereich Health*/
body {
	background-image:url(../images/grid/ZVEI_SmartGrid2013_bkg.jpg);
	background-repeat: no-repeat;
	background-position:center; 
}

#distance {
	margin-bottom: -347px;
}

#viewport {
	background-image:url(../images/rahmen-2.png);
	background-repeat:no-repeat;
	height: 694px;
}

div#main_grid{
	background-image:url(../images/grid/stromnetzfruher_empty_MS_bkg.png);
	background-repeat:no-repeat;
	width:1123px;
	height: 632px;
	position:absolute;
    top: 20px;
    left:20px;
   	z-index:0;
}

div#anima_mill{
	display:block;
	width: 196px;
	height: 53px;
	position: absolute;
	top: 40px;
	left: 537px;
	z-index:2;
}

.lines1{
	display:block;
	width: 620px;
	height: 187px;
	position: absolute;
	top: 215px;
	left: 250px;
	z-index:4;
}

.lines2{
	display:none;
	width: 45px;
	height: 209px;
	position: absolute;
	top: 104px;
	left: 591px;
	z-index:4;
}

.lines3{
	display:none;
	width: 307px;
	height: 81px;
	position: absolute;
	top: 292px;
	left: 266px;
	z-index:4;
}

.lines4{
	display:none;
	width: 539px;
	height: 234px;
	position: absolute;
	top: 219px;
	left: 339px;
	z-index:4;
}

.lines5{
	display:none;
	width: 267px;
	height: 138px;
	position: absolute;
	top: 329px;
	left: 594px;
	z-index:4;
}

.lines6{
	display:none;
	width: 600px;
	height: 366px;
	position: absolute;
	top: 99px;
	left: 266px;
	z-index:4;
}

.lines7{
	display:none;
	width: 1123px;
	height: 656px;
	z-index:4;
}

div#strommasten{
	display:none;
	background-image:url(../images/grid/spannungHOCHST_MS_poles.png);
	width:1123px;
	height:656px;
	z-index:5;
}


div#layerKW{
	display:block;
	position:absolute;
	top:275px;
	left:275px;
	z-index:4;
}

div#layerNB{
	display:block;
	position:absolute;
	top:363px;
	right:520px;
	z-index:4;
}

div#layerIA{
	display:block;
	position:absolute;
	top:205px;
	left:905px;
	z-index:4;
}

div#layerPH{
	display:block;
	position:absolute;
	top:385px;
	left:945px;
	z-index:4;
}

div#layerPH2{
	display:none;
	position:absolute;
	top:268px;
	left:902px;
	z-index:4;
}

div#layerWP{
	display:none;
	position:absolute;
	top:90px;
	left:616px;
	z-index:4;
}

div#layerSK{
	display:none;
	position:absolute;
	top:167px;
	left:475px;
	z-index:4;
}

div#layerSN{
	display:none;
	position:absolute;
	top:365px;
	right:510px;
	z-index:4;
}

div#layerBM{
	display:none;
	position:absolute;
	top:495px;
	left:252px;
	z-index:4;
}

div#layerEM{
	display:none;
	position:absolute;
	top:452px;
	left:782px;
	z-index:4;
}

div#layerSignal1{
	display:none;
	position:absolute;
	top:282px;
	left:732px;
	z-index:4;
}

div#layerSignal2{
	display:none;
	position:absolute;
	top:352px;
	left:688px;
	z-index:4;
}

div#layerSignal3{
	display:none;
	position:absolute;
	top:412px;
	left:682px;
	z-index:4;
}


.link{
	z-index:6;
}

.bn_home{
	display: none;
	position:absolute;
	top:335px;
	left:950px;
	z-index:4;
}

/*  Bottom Button */
.b1,.b2,.b3{
	display: block;
    background-repeat:no-repeat;
	height:44px;
	z-index:5;
	position:absolute;
	top:574px;
}
.b1{
    background-image:url(../images/button/button_bottom_small.png);
	width:198px;
	left:102px;
}
.b2{
    background-image:url(../images/button/button_bottom_small.png);
	width:198px;
	left:441px;
}
.b3{
    background-image:url(../images/button/button_bottom_big.png);
	width:257px;
	left:824px;
}

.b1 a:link, .b1 a:visited,.b2 a:link, .b2 a:visited,.b3 a:link, .b3 a:visited{
	display: block;
	height:30px;
	padding-top:12px;
	font-size: 13px;
	text-transform:uppercase;
	color:#666666;
	z-index:5;
	font-weight: bold;
	vertical-align:top;
}

/* Left Button */
#bnKommunikation{
	display:none;
	position:absolute;
	top:199px;
	left:16px;
	width: 88px;
	height: 44px;
	z-index:4;
}

#bnKommOver{
	display:none;
	position:absolute;
	top:199px;
	left:9px;
	width: 100px;
	height: 44px;
	z-index:8;
	font-weight:bold;
	color: #164c80;
	text-transform:uppercase;
	padding-top:9px;
	font-size:9px;
	letter-spacing:0.0em;
	z-index:4;
	font-weight: normal;
}

#bnStrom{
	display:none;
	position:absolute;
	top:256px;
	left:16px;
	width: 88px;
	height: 44px;
	z-index:4;
}

#bnStromOver{
	display:none;
	position:absolute;
	top:256px;
	left:9px;
	width: 100px;
	height: 44px;
	z-index:8;
	font-weight:bold;
	color: #164c80;
	text-transform:uppercase;
	padding-top:16px;
	font-size:9px;
	letter-spacing:0.0em;
	font-weight: normal;
}

#bnSpannung{
	display:none;
	position:absolute;
	top:315px;
	left:16px;
	width: 88px;
	height: 46px;
	z-index:4;
}

#bnSpannOver{
	display:none;
	position:absolute;
	top:315px;
	left:9px;
	width: 100px;
	height: 44px;
	z-index:8;
	font-weight:bold;
	color: #164c80;
	text-transform:uppercase;
	padding-top:16px;
	font-size:9px;
	letter-spacing:0.0em;
	font-weight: normal;
}

#bnSpannungState{
	display:none;
	background-image:url(../images/grid/emptyBn2_.png);
	background-repeat:no-repeat;
	position:absolute;
	top:360px;
	left:16px;
	width: 88px;
	height: 266px;
	z-index:4;
}

#linkSpannungHs, #linkSpannungHs a:link{
	position:absolute;
	left: 0px;
	top:5px;
	width: 88px;
	height: 40px;
	font-weight:normal;
	color: #ccc;
	font-size:9px;
	text-transform:uppercase;
	padding-top:13px;
	z-index:4;
}

#linkSpannungH, #linkSpannungH a:link{
	position:absolute;
	left: 0px;
	top:49px;
	width: 88px;
	height: 40px;
	font-weight:normal;
	color: #ccc;
	font-size:9px;
	text-transform:uppercase;
	padding-top:13px;
	z-index:4;
}

#linkSpannungM, #linkSpannungM a:link{
	position:absolute;
	left: 0px;
	top:93px;
	width: 88px;
	height: 40px;
	font-weight:normal;
	color: #ccc;
	font-size:9px;
	text-transform:uppercase;
	padding-top:13px;
	z-index:4;
}

#linkSpannungN, #linkSpannungN a:link{
	position:absolute;
	left: 0px;
	top:137px;
	width: 88px;
	height: 40px;
	font-weight:normal;
	color: #ccc;
	font-size:9px;
	text-transform:uppercase;
	padding-top:13px;
	z-index:4;
}

#bnWind{
	display:none;
	position:absolute;
	top:316px;
	left:16px;
	width: 88px;
	height: 46px;
	z-index:4;
}

#bnWindOver{
	display:none;
	position:absolute;
	top:316px;
	left:9px;
	width: 100px;
	height: 44px;
	z-index:8;
	font-weight:bold;
	color: #164c80;
	text-transform:uppercase;
	padding-top:16px;
	font-size:9px;
	letter-spacing:0.0em;
	font-weight: normal;
}

#bnWindState{
	display:none;
	background-image:url(../images/grid/emptyBn3_.png);
	background-repeat:no-repeat;
	position:absolute;
	top:361px;
	left:16px;
	width: 88px;
	height: 266px;
	z-index:4;
}

#linkWindStark, #linkWindStark a:link{
	position:absolute;
	top:0px;
	left:0px;
	width: 82px;
	height: 40px;
	font-weight:normal;
	color: #ccc;
	font-size:9px;
	text-transform:uppercase;
	padding-top:13px;
	z-index:4;
}

#linkWindSchwach, #linkWindSchwach a:link{
	position:absolute;
	top:46px;
	left:0px;
	width: 82px;
	height: 40px;
	font-weight:normal;
	color: #ccc;
	font-size:9px;
	text-transform:uppercase;
	padding-top:13px;
	z-index:4;
}

#StromAb{
	position:absolute;
	top:120px;
	left:10px;
	font-size:10px;
	color:#fff;
	width:40px;
	z-index:4;
}
#StromAuf{
	position:absolute;
	top:157px;
	left:5px;
	color:#fff;
	font-size:10px;
	z-index:4;
}

.windBar{
	float:left;
	background-image:url(../images/grid/barGRAY_MS.png);
	background-repeat:no-repeat;
	width:7px;
	height:11px;
}

.gridbars {
	display: inline-block;
	margin-left: 10px;
	z-index: 5;
}


