
body {
    /*background: rgb(243,243,243);*/
}

#wrapper {
	/*position: relative;
	width: 960px;
	margin: 0 auto;*/
}

.bigHeader {
	/*margin-top: 40px;*/
}

.location {
	/* calculation for width
	 margin 12px, padding 24px, total width 960px */
	/*width: 408px;*/
    /*min-width: 16em;
	max-width: 18em;*/
	display: inline-block;
	/*background-color: red;*/
}

#pageLightEdit {
	max-width: 480px;
	max-height: 640px;
}

.onoff_button:hover, .edit_button:hover {
	cursor: pointer;
}

.actionButton:hover {
	/*background-color: #4c4c4c;*/
	cursor: pointer;
}

#barLevel:hover, #barSat:hover, #colorMap:hover {
	cursor: ns-resize;
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (min-width: 960px) {

#wrapper {
	/*background-color: #ccc;*/
	/*position: relative;
	width: 960px;
	margin: 0 auto;*/
}

.location {
    display: inline-block;
}

}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-width: 959px) {

#wrapper {
	/*background-color: #ccc;*/
	/*position: relative;
	width: 100%;*/
}

.location {
    display: inline-block;
    /*padding: 16px 4px !important;*/
    /*padding: 8px 4px !important; /* GERA Leuchten */*/
}

}