@CHARSET "UTF-8";

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

#viewport {
	background-image:url(../images/rahmen-3.png);
	background-repeat:no-repeat;
	height: 750px;
	width: 1160px;
}

body {
	background-image:url(../images/home/ZVEI_SmartHome2013_bkg.jpg);
	background-repeat: no-repeat;
	background-position:center; 
}

h2 {
	font-size: 11px;
	line-height: 12px;
	color: #00468c;
	font-weight: normal;
}

.red {
	color: #ff0000;
}


#smartHome {
    position:absolute;
    top: 0px;
    left:0px;
    height:710px;
}

#main_home{
	background-image:url(../images/home/zvei_smarthome_bkg.jpg);
	background-repeat:no-repeat;
	width:1120px;
	height: 710px;
/*	margin:0px auto 0px auto;*/
	position:absolute;
	top:20px;
	left:20px;
	overflow:hidden;
}

#footer {
	position: absolute;
	top: 686px;
	left: 0px;
	width: 1120px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}


/*** Description Window ***/

#description_texte {
    position:absolute;
    top: 30px;
    left:15px;
	width: 282px;
	height: 578px;
	margin: 0px;
	padding: 0px;
}

.descriptions {
	position: absolute; 
	width: 282px;
	height: auto;
/*	margin: 0px;
	padding: 0px;
*/
	background-image:url(../images/home/description-background.png);
    background-repeat:repeat;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    behavior: url(../pie/PIE.htc);  
}

.descriptions_body {
	position: relative;

	width: 272px;
	height: auto;
	margin: 0px;
	padding: 0px;
	overflow:hidden;
	
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	padding-bottom: 45px;
	text-align: left;
	
	background-color: #ffffff;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    behavior: url(../pie/PIE.htc);  

}

.desc_content {
	position: relative;
	margin-top: 2px;
	margin-left: 20px;
	width: 242px;
	height: auto;
	font-size: 11px;
	line-height: 12px;
	text-align: left;
}


/****** POPUP WINDOW ******/
#popup_layer {
    position:absolute;
    top: 0px;
    left:0px;
	width:1123px;
	height: 710px;
}

#popup_layer_footer {
    position:absolute;
    top: 0px;
    left:0px;
	width:1120px;
	height: 710px;
}

#popup_fade {
	background-color: #000000;
	opacity: 0.3;
	filter: alpha(opacity=30);	
    position:absolute;
    top: 0px;
    left:0px;
	width:1123px;
	height: 710px;
}

#popup_fade_footer {
	background-color: #000000;
	opacity: 0.3;
	filter: alpha(opacity=30);	
    position:absolute;
    top: 0px;
    left:0px;
	width:1123px;
	height: 710px;
}

#popup_close {
	position: absolute;
	top: 100px;
	right: 25px;
}

#popup_close_footer {
	position: absolute;
	top: 90px;
	right: 214px;
}

.popup_window {
	position: absolute;
	top: 84px;
	left: 330px;
	width: 753px;
	height: 414px;
    background-image:url(../images/home/popup-bkg.png);
    background-repeat:no-repeat;
}

.popup_window_footer{
	position: absolute;
	top: -20px;
	left: 0px;
	width: 1120px;
	height: 710px;
    background-image:url(../images/popups/POPUP_HOME_FOOTER.png);
    background-repeat:no-repeat;
}

.popup_image {
	position: relative;
	float: left;
	width: 370px;
	height: 410px;
	margin-left: 3px;
	margin-top: 3px;
}

.popup_text {
	position: relative;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	text-align: left;
	width: 330px;
	height: 370px;
	font-size: 11px;
	line-height: 12px;
	text-align: left;
	
}

.popup_window_footer{
	position: absolute;
	top: -20px;
	left: 0px;
	width: 1120px;
	height: 710px;
	top: 61px;
	left: 280px;
	width: 616px;
	height: 578px;
	background-image:url(../images/popups/POPUP_HOME_FOOTER.png);
    background-repeat:no-repeat;
}

.popup_text_footer {
	position: relative;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	text-align: left;
	width: 580px;
	height: 550px;
	font-size: 11px;
	line-height: 12px;
	text-align: left;
	
}

.popup_text_footer h2{
	color:#46a;
	font-size:14px;
	font-weight:bold;
}

.popup_text_footer h3{
	color:#46a;
	font-size:12px;
	font-weight:bold;
}

.popup_text_footer h5{
	color:#46a;
	font-size:11px;
	font-weight:bold;
	margin: 0px 0px -10px 0px ; 
}
/************************/


/****** ALL ROOMS ******/
#layer_points {
    position:absolute;
    top: 0px;
    left:0px;
	width:1123px;
	height: 710px;
}
.rpnts {
    position:absolute;
    top: 0px;
    left:0px;
	width:1123px;
	height: 710px;
}

#rpnts_energy {
    background-image:url(../images/home/spots-energy.png);
    background-repeat:no-repeat;
}
#rpnts_health {
    background-image:url(../images/home/spots-health.png);
    background-repeat:no-repeat;
}
#rpnts_entertainment {
    background-image:url(../images/home/spots-entertainment.png);
    background-repeat:no-repeat;
}
#rpnts_security {
    background-image:url(../images/home/spots-security.png);
    background-repeat:no-repeat;
}
#rpnts_electromobility {
    background-image:url(../images/home/spots-electromobility.png);
    background-repeat:no-repeat;
}

#layer_pipelines {
    position:absolute;
    top: 0px;
    left:0px;
	width:1123px;
	height: 710px;
}

#pipeline_points {
    position:absolute;
    top: 0px;
    left:0px;
	width:1123px;
	height: 710px;
}



#pl_media {
    position:absolute;
    top: 340px;
    right:590px;
}
#pl_touchpanel {
    position:absolute;
    top: 315px;
    right:300px;
}
#pl_smartphone {
    position:absolute;
    top: 327px;
    right:88px;
}
#pl_supply {
    position:absolute;
    top: 420px;
    right:130px;
}

/**********************************************************/


/**********************************************************/
/***********************  R O O M S ***********************/
/**********************************************************/
#layer_roomdetails {
    position:absolute;
    top: 0px;
    left:0px;
	width:1123px;
	height: 710px;
}

/*
#layer_roomdetails span {
	display: block;
    background-image:url(../images/home/point-bkg.png);
    background-repeat:repeat-x;
    padding-left: 5px;
    padding-right: 5px;
    height: 24px;
    float: left;
	font-size: 11px;
	line-height: 24px;
    color: #000000;
	font-weight: normal;
    text-transform: uppercase;
}
*/

#pipeline_points a {
	color: #000000;
    text-transform: uppercase;
	font-size: 14px;
	font-weight: normal;
	vertical-align:top;
}

/*
#layer_roomdetails img {
	float: left;
}

#layer_roomdetails img.pipe_point {
	margin-top: -1px;
}
*/

/**********************************************************/
/********************* b e d r o o m **********************/
#pnt_solar {
    position:absolute;
    top: 50px;
    left:480px;
}
#pnt_shutter {
    position:absolute;
    top: 245px;
    left:385px;
}
#pnt_window {
    position:absolute;
    top: 350px;
    left:340px;
}
#pnt_photosensor {
    position:absolute;
    top: 360px;
    left:500px;
}
#pnt_heater {
    position:absolute;
    top: 425px;
    left:455px;
}
#pnt_mat {
    position:absolute;
    top: 525px;
    right:645px;
}
#pnt_tv {
    position:absolute;
    top: 310px;
    right:160px;
}
#pnt_emergency {
    position:absolute;
    top: 475px;
    left:550px;
}
#pnt_ekg {
    position:absolute;
    top: 465px;
    left:850px;
}
#pnt_loudspeaker {
    position:absolute;
    top: 90px;
    left:625px;
}
#pnt_light {
    position:absolute;
    top: 440px;
    left:555px;
}
#pnt_smokedetector {
    position:absolute;
    top: 110px;
    left:885px;
}
/**********************************************************/
/********************* b a t h r o o m ********************/
#pnt_waterheater {
    position:absolute;
    top: 310px;
    left:670px;
}
#pnt_thermostat {
    position:absolute;
    top: 410px;
    left:605px;
}
#pnt_scale {
    position:absolute;
    top: 495px;
    left:360px;
}
#pnt_lightbath {
    position:absolute;
    top: 185px;
    right:85px;
}
/**********************************************************/
/******************* l i v i n g r o o m ******************/
#pnt_windowliv {
    position:absolute;
    top: 290px;
    left:320px;
}
#pnt_tvliv {
    position:absolute;
    top: 340px;
    left:740px;
}
#pnt_lightliv {
    position:absolute;
    top: 340px;
    left:930px;
}
#pnt_hemodynamometer {
    position:absolute;
    top: 390px;
    left:580px;
}
#pnt_thermostatliv {
    position:absolute;
    top: 340px;
    left:390px;
}
#pnt_loudspeakerliv {
    position:absolute;
    top: 215px;
    left:470px;
}
#pnt_remote {
    position:absolute;
    top: 430px;
    left:650px;
}
#pnt_ceilinglight {
    position:absolute;
    top: 220px;
    left:520px;
}
#pnt_smokedetector {
    position:absolute;
    top: 215px;
    left:810px;
}
/**********************************************************/
/********************** k i t c h e n *********************/
#pnt_fridge {
    position:absolute;
    top: 420px;
    left:455px;
}
#pnt_hood {
    position:absolute;
    top: 265px;
    left:695px;
}
#pnt_photosensorkitch {
    position:absolute;
    top: 340px;
    left:910px;
}
#pnt_shutterkitch {
    position:absolute;
    top: 260px;
    right:120px;
}
#pnt_thermistor {
    position:absolute;
    top: 290px;
    right:10px;
}
#pnt_windowkitch {
    position:absolute;
    top: 470px;
    right:120px;
}
#pnt_emergencykitch {
    position:absolute;
    top: 340px;
    left:695px;
}
#pnt_laptop {
    position:absolute;
    top: 410px;
    left:320px;
}
#pnt_touchpanel {
    position:absolute;
    top: 370px;
    left:400px;
}
#pnt_smartphone {
    position:absolute;
    top: 425px;
    left:795px;
}
#pnt_accesscontrol {
	position:absolute;
    top: 375px;
    right:10px;
}
/**********************************************************/
/*********************** g a r a g e **********************/
#pnt_electrostation {
	position:absolute;
    top: 350px;
    left:915px;
}
#pnt_motiondetector {
	position:absolute;
    top: 225px;
    left:525px;
}
/**********************************************************/
/*********************** b a s e m e n t ******************/
#pnt_heatpump {
	position:absolute;
    top: 255px;
    left:575px;
}
#pnt_washing {
	position:absolute;
    top: 340px;
    left:630px;
}
#pnt_smartmeter {
	position:absolute;
    top: 380px;
    right:105px;
}
#pnt_motiondetectorbase {
	position:absolute;
    top: 190px;
    right:45px;
}


/**********************************************************/
/**********************************************************/
	
	
/***** MAIN NAVIGATION *****/
#main_menu {
	position:absolute;
    bottom: 50px;
    right:40px;
    height: 50px;
    font-size: 11px;
}

#main_menu a {
	display: inline-block;
    font-weight: bold;
    vertical-align:top;
    height: 40px;
    line-height: 40px;
    /*padding-top: 17px;*/
    text-transform: uppercase;
}

#main_networking {
	position: relative;
	margin-right: 35px;
	float:left;
    
    background-image:url(../images/home/navimain-net-bkg.png);
    background-repeat:repeat;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    behavior: url(../pie/PIE.htc);     
    
}

#main_networking a {	
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	margin: 5px;
	color: #ffffff;
    background-color: #004b83;
    text-transform: uppercase;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    behavior: url(../pie/PIE.htc);     
}

#main_networking a:hover {	
	color: #ff0000;
}

#main_menu .activated a {
	color: #ff0000;
} 

.navi_main {
	display: inline-block;
    vertical-align:top;
	height: 50px;
}

.mainmenu_img{
	float:left;
}

#main_itemsset {
	position:relative;
	display: inline-block;
	height: 50px;
    vertical-align:top;

	background-image:url(../images/home/navimain-bkg.png);
    background-repeat:repeat;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    behavior: url(../pie/PIE.htc);     
    
}

#main_itemsset a {
	cursor: pointer;
	padding-left: 10px;
	padding-right: 10px;
}

#main_itemsset a:hover {
	color: #00468c;
}

#main_itemsset .activated a {
	color: #00468c;
}
	
.item_sep {
	margin-top: 10px;
	
}
#main_items {
	position: relative;

	display: inline-block;
	float:left;
	text-align: center;
    
	height: 40px;
	
	padding-left: 10px;
	padding-right: 10px;
	margin: 5px;
    background-color: #ffffff;
    text-transform: uppercase;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    behavior: url(../pie/PIE.htc);     
	
}
/*****************************/


/**** TOP NAVIGATION ****/
#navi_rooms {
	position:absolute;
    top: 0px;
    right:130px;
    height: 28px;
    padding-left: 5px;
    padding-right: 5px;
    background-image:url(../images/home/navitop-bkg.png);
    background-repeat:repeat;

    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    behavior: url(../pie/PIE.htc);     
}

#navi_rooms div.navi_room {
	position: relative;
	height: 24px;
    float: left;
    text-align: center;
    vertical-align:top;
    margin-left: 2px;
    margin-right: 2px;
    background-color: #ffffff;
    
    background-image:none;
    background-repeat:repeat;
    
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    behavior: url(../pie/PIE.htc);    
}
.navi_room a {
	display: block;
	float: left;
	font-weight: normal;
    vertical-align:top;
    height: 24px;
    padding-left: 6px;
    padding-right: 6px;
    text-transform: uppercase;
    line-height: 22px;
    font-size: 11px;
    
}

#navi_rooms .activated a {
	font-weight: bold;
	color: #00468c;
}

.navi_room a:hover {
	font-weight: bold;
	color: #00468c;
}
.navi_room a:visited {
	font-weight: normal;
}
/*****/


/*** ZOOM EFFEKTE ***/
#layer_rooms {
    position:absolute;
    top: 0px;
    left:0px;
	width:1123px;
	height: 710px;
}

.zoomTarget {
/*	border: 1px solid #000;*/ 
}
.zoomTarget a {
	opacity: 0.5;
	filter: alpha(opacity=50);
	border: none;
}
.zoomTarget a img {
	border: none;
	filter: alpha(opacity=40);
}
.zoomTarget a:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
}	
.zoomTarget a:hover img {
	filter: alpha(opacity=70);
}

div#bedroom {
	position:absolute;
	right:403px;
	top: 143px;
	width: 209px;
	height: 116px;	
}

div#bathroom {
	position:absolute;
	right:88px;
	top: 156px;
	width: 220px;
	height: 104px;	
}

div#livingroom {
	position:absolute;
	right:547px;
	top: 267px;
	width: 278px;
	height: 104px;	
}

div#kitchen {
	position:absolute;
	right:160px;
	top: 267px;
	width: 380px;
	height: 104px;	
}

div#garage {
	position:absolute;
	right:402px;
	top: 383px;
	width: 368px;
	height: 104px;	
}

div#basement {
	position:absolute;
	right:98px;
	top: 383px;
	width: 294px;
	height: 104px;	
}



.bn_grid{
	display: block;
	position:absolute;
	top:265px;
	left:988px;
}