html, body {
height: 100%;
padding: 0px;
margin: 0px;
}

* html #container {
height: 100%;
}

#iphone {
	position:absolute;
	left: 600px;
	bottom: 0px;
	z-index: 10;
}

#control {
	position:absolute;
	left:0px;
	top:5px;
	width: 580px;
	height: 50px;
	margin: 0px 25px;
	padding: 4px;
	border: 0px solid red;
	z-index: 1;
}

#header {
	position:absolute;
	left:0px;
	top:0px;
	width: 100%;
	height: 47px;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #666666;
	background-color: white;
	z-index: 0;
}

#main {
clear:both;
border: 0px solid green;
width: 100%;
min-height: 100%;
padding: 0px;
margin: 0px;
background-image:url('../icons/tiles.png');
background-attachment: scroll;
overflow: hidden;
z-index: -1;
}

#glas {
	/*position:absolute;
	left:25px;
	top:67px;*/
	padding-left: 25px;
	padding-top: 55px;
	z-index: 2;
}

#imgZoom {
position:absolute;
left:630px;
top:67px;
}

#imgMagnified {
border: 0px solid black;
margin: 0px;
padding: 0px;
background-color: white;
}

.imgRotate {
    -webkit-transform: rotate(7deg); 
    -moz-transform: rotate(7deg);
    rotation: 7deg;
  }

#logo {
	float: left; 
}

#selectRegion
{
	font-family: Verdana,Arial,Sans-serif;
	font-size: 0.7em;
	font-weight: normal;
  	text-align: left;
 	color: #000000; 
 	padding-top: 10px;
 	float: right; 
}

#map {
clear:both;
width: 520px;
height: 520px;
border-right: 1px solid white;
border-bottom: 1px solid white;
border-left: 1px solid #666666;
border-top: 1px solid #666666;
}

#checkbox {
	padding-right: 4px;
}


#bubbleHeader
{
	margin-bottom: 4px;
	font-family: Verdana,Arial,Sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	text-transform: uppercase;
  	text-align: left;
 	color: #3366CC;
}

#bubbleAddress
{
	padding-bottom:10px;
	font-family: Verdana,Arial,Sans-serif;
	font-size: 0.7em;
	font-weight: normal;
  	text-align: left;
 	color: #black;
	border-bottom-style:dotted;
	border-width: 1px;
	border-color: #666666;
}

#bubbleInfo
{
	margin-top: 7px;
	font-family: Verdana,Arial,Sans-serif;
	font-size: 0.7em;
	font-weight: normal;
  	text-align: left;
 	color: #black;
}

#bubbleLink
{
	font-family: Verdana,Arial,Sans-serif;
	font-size: 0.6em;
	font-weight: normal;
  	text-align: left;
 	color: #666666;
 	text-decoration:underline;
 	/*border: 1px solid #330000;*/
}

div.img
{
  height: 60px;
  width: 100%;
  /*border: 1px solid #330000;*/
}	

div.img img
{
height: 50px;
  margin-right: 4px;
  margin-top: 7px;
  margin-bottom: 2px;
  border: 1px solid #ffffff;
}

div.img a:hover img 
{
	border: 1px solid #3366CC;
}

#bubbleAttributes
{
	width: 100%;
  font-family: Verdana,Arial,Sans-serif;
	font-size: 0.7em;
	font-weight: normal;
  	text-align: left;
 	color: #black;
  margin: 0px;
  padding-right: 5px;
  padding-bottom: 7px;
  padding-top: 7px;
  border-bottom-style:dotted;
	border-width: 1px;
	border-color: #666666;
}