#subnavigation,
#tagline {
	width: 900px;
	margin-left: 50px;
	margin-right: 50px;
	
/*	background-color: #e0ac31; dark red: #A91f33; // #874753; // orange: #e0ac31 */
	background-color: #fcf1cd ;
	background-image: url(../images/tagline_bg.png);
	background-repeat: repeat-x;
	border: 1px solid #eccc7f;
	border-top: none;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
}


#tagline { 
  height: 400px; /* change height, when an "important message" is placed here */
}

#tagline ul {
	padding: 40px;
	padding-left: 40px;
	float: left;
	width: 320px;
	list-style: none;
}

#tagline div.important-message {
  float:        left;
  margin-left:  100px;
  margin-top:   10px;
  padding:      3px;
  padding-left: 53px;
  height:       48px;
  color:        #ee3333;
	background-image:  url(../images/button_red_fastforward.png);
  background-repeat: no-repeat;
}

/**
 *
 * accordion-header
 *
 */

#tagline ul li div.accordion-header {
	background-image: url(../images/tagline_icons.png);
	background-repeat: no-repeat;
	padding: 3px;
	padding-left: 60px;
	margin-bottom: 15px;
}


#tagline ul li.maps div.accordion-header {
  background-position: 0 0;
}
#tagline ul li.maps div.ui-state-active,
#tagline ul li.maps div.ui-state-hover {
  background-position: 0 -100px;
}
#tagline ul li.geodata div.accordion-header {
  background-position: 0 -400px;
}
#tagline ul li.geodata div.ui-state-active,
#tagline ul li.geodata div.ui-state-hover {
  background-position: 0 -500px;
}
#tagline ul li.sensors div.accordion-header {
  background-position: 0 -200px; 
}
#tagline ul li.sensors div.ui-state-active,
#tagline ul li.sensors div.ui-state-hover {
  background-position: 0 -300px;
}

#tagline ul li div h3 {
	color: #888;
	letter-spacing: 0.02em;
  font-size: 18px;
  margin-top: 4px;
  margin-bottom: 4px;
}
#tagline ul li div.ui-state-hover h3,
#tagline ul li div.ui-state-active h3 {
	color: #444;
}


#tagline ul li div.ui-accordion-header {
  cursor: pointer;
}
#tagline ul li div.ui-accordion-header p {
	color: #aaa;
	font-size: 12px;
	line-height: 17px;
  font-weight: bold;
}


/**
 *
 * accordion-content
 *
 */

#tagline ul li div.ui-accordion-content {
	margin-top: 0.3em;
	padding-left: 60px;

}
/*
#tagline ul li div.ui-accordion-content p {
	margin-bottom: 8px;
	font-size: 12px;
	line-height: 17px;
  color: #555;
}
*/

div.ui-accordion-content p {
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 17px;
  color: #555;
}


#tagline ul li div.ui-accordion-content a {
  background-color: #0D4DA4;
  color: #fff;
  text-decoration: none;
  padding: 3px;
  margin-top: 5px;
}
/*
#tagline ul li div.ui-state-hover,
#tagline ul li div.ui-state-active {
	background-image: url(../images/tagline_activestate_bg.png);
	background-repeat: no-repeat;
	background-position: top right;
}
*/

#tagline ul li div.ui-state-hover p,
#tagline ul li div.ui-state-active p {
	color: #555;
}
#maps_demo,
#tagline div.topic img.image {
  border: 1px solid #ddd;
  padding: 5px;
  background-color: white;
}

#maps_demo .olPopupContent {
  height: 50px !important;
}

#maps_demo .olPopupContent h2 {
  font-size: 15px;
}

#maps_demo .olPopupContent p {
  font-size: 12px;
}

#maps_demo_navigation {
	width: 450px;	
	position: relative;
	height: 30px;
}

#maps_demo_navigation input.prev_layer,
#maps_demo_navigation input.next_layer {
	position: absolute;
	width: 40px;
	height: 20px;
	border: none;
	padding: 0;
	margin: 0;
	text-indent:-9999px;
  background-color: transparent;

}

#maps_demo_navigation input.prev_layer {
	left: 15px;
  background-image: url(../images/arrow_left.png);

}

#maps_demo_navigation input.next_layer {
	right: 15px;
  background-image: url(../images/arrow_right.png);
}

#maps_demo_navigation select.layer_switcher {
	position: absolute;
	right: 65px;
	width: 320px;
  border: 1px solid #444;
  height: 20px;
}