#combi {
	margin: 7px;
	font-family: "raleway-regular",arial;
	font-size: 0.9em;
}

#combi #tempContainer1 {
	width:  110px;
	height: 230px;
	float: left;
}

#combi #tempContainer2 {
	width:  110px;
	height: 230px;
	float: left;
}

#combi #tempContainer6 {
	width:  110px;
	height: 230px;
	float: left;
}

#combi #wsContainer {
	width:  370px;
	height: 250px;
	float: left;
}

#combi #windrose1 {
	background: url("../img/windrose.png");
	background-repeat: no-repeat;
	margin-top: 20px;
	width:  111px;
	height: 131px;
	float: left;
}

#combi #windrose2 {
	background: url("../img/windrose.png");
	background-repeat: no-repeat;
	margin-top: 20px;
	width:  111px;
	height: 131px;
	float: left;
}

#combi #windrose6 {
	background: url("../img/windrose.png");
	background-repeat: no-repeat;
	margin-top: 20px;
	width:  111px;
	height: 131px;
	float: left;
}

#combi #windrose1 .arrow{
	background: url("../img/arrow.png");
	background-repeat: no-repeat;
	width:  111px;
	height: 111px;
}

#combi #windrose2 .arrow{
	background: url("../img/arrow.png");
	background-repeat: no-repeat;
	width:  111px;
	height: 111px;
}

#combi #windrose6 .arrow{
	background: url("../img/arrow.png");
	background-repeat: no-repeat;
	width:  111px;
	height: 111px;
}

#combi #speed {
	width:  160px;
	height: 40px;
	font-size:   33px;
	font-weight: bold;
	float: left;
}

#combi #speed span {
	font-size: 0.5em;
}

#combi .log {
	float: left;
	width: 70px;
}








#ws {
	margin-top: 0px;
}

#ws #wsContainer {
	width:  100%;
	height: 300px;
	float: left;
}

#ws #speed {
	width:  200px;
	height: 40px;
	font-size:   40px;
	font-weight: bold;
	float: left;
}

#ws .log {
	float: left;
	width: 80px;
}








#ws-run {
	margin-top: 0px;
}

#ws-run #ws-runContainer {
	width:  100%;
	height: 440px;
}

#ws-run ul {
	list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
	position: relative;
    top: -120px;
	padding: 0;
	margin-left: 70px;
	text-align: justify;
}

#ws-run li {
	display: inline-block;
}

#ws-run li.end {
	padding-left: 100%;
}






#temperature {
	margin-top: 0px;
}

#temperature #tempContainer {
	width:  100%;
	height: 440px;
	float: left;
}

#temperature .log {
	float: left;
	width: 80px;
}







#temp-run {
	margin-top: 0px;
}

#temp-run #temp-runContainer {
	width:  100%;
	height: 440px;
}





#unitSelector select{
	width: 60px;
}





#webcam #counter {
	border: none;
	width: 30px;
	font-size: 11px;
	color: #666666;
}


#image-reel{ font-size: 85%; }
#image-reel .reel-annotation { color: #6a7587; white-space: nowrap; font-weight: bold; font-size: 108%; color: #6a7587; cursor: help; }
#image-reel a.reel-annotation { color: #6a7587; }
#image-reel .far.reel-annotation { font-size: 85%; color: #a3b4bc; }
#image-reel a.far.reel-annotation { color: #a3b4bc; }
#image-reel .near.reel-annotation { font-size: 163%; color: #fff5de; }
#image-reel a.near.reel-annotation { color: #fff5de; }
#image-reel .title.reel-annotation { font-size: 85%; color: white; }
#image-reel a.title.reel-annotation { color: white; }
#image-reel .headline.reel-annotation { font-size: 280%; opacity: 0.5; color: white; cursor: inherit; }
#image-reel a.headline.reel-annotation { color: white; }







#runwayContainer {
	perspective: 200px;	
}

#runwayContainer .scene {
	font-size: 4em;
	width:     3em;
	margin: 1.5em auto;
	transform-style: preserve-3d;
	transform: rotateX(-15deg) rotateY(0deg);
}

#runwayContainer .piste {
	position: absolute;
	width: 3em;
	height: 4em;
  
	background: rgba(20,250,20,.6);
	border: 1px solid rgba(0,0,0,.5);
  
	color: #fff; 
	text-align: center;
	line-height: 1.3em;
}

#runwayContainer .alert {
	background: rgba(250,0,0,.6);
}


#runwayContainer .top {
	transform: rotateX( 90deg) translateZ(1em);
}

#runwayContainer .head {
	float: left;
	font-size: 0.4em;
	position: relative;
	top: -10px;
	left: 40px;
	transform: rotateX( 10deg) translateZ(1em);
}

#runwayContainer .harr{
	float: left;
	font-size: 1.2em;
	position: relative;
	top: 80px;
	left: 20px;
	transform: rotateX( 90deg) translateZ(1em);
}

#runwayContainer .cross1 {
	float: left;
	font-size: 0.5em;
	position: relative;
	top: -20px;
	right: 130px;
	background: rgba(120,120,120,.2);
	transform: rotateX( 10deg) translateZ(1em);
	padding: 4px;
}

#runwayContainer .cross2 {
	float: left;
	font-size: 0.5em;
	position: relative;
	top: -20px;
	left: 150px;
	background: rgba(120,120,120,.2);
	transform: rotateX( 10deg) translateZ(1em);
	padding: 4px;
}

#runwayContainer .abs{
	float: left;
	font-size: 1em;
	position: relative;
	top: -40px;
	left: 130px;
	color: #f00;
}





.headContainer {
	padding-top: 10px;
	border-top: 1px solid #000000;
}


.sub {
	font-size: 9px;
}

.clear {
	clear: both;
}



.hig {
	color: #ba4d51;
}

.gmr {
	color: #af8a53;
}

.zkl {
	color: #6599bf;
}