div.section9 {
	display: table;
	width: 100%;
}

div.section9 div.content {
	width: 100%;
	border-bottom: 1px solid #c2c2c2;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

div.section9 div.headline-container {
	display: table;
	/* padding: 10px; */
	background-color: #F8F8F8;	
	border: 1px solid #D7D7D7;
	width: 100%;
	height: 580px;
}

#headline-left-box {
	display: table;
	/* width: 355px; */
	width: 310px;
	float: left;
	clear: both;
	margin: 10px;
}

/* #headline-left-box p.headline-image {
	width: 350px;
	height: 263px;
	overflow: hidden;
} */

#headline-left-box p.headline-image {
	display: table;
	margin-left: 10px;
	margin-bottom: 0;
}

#headline-left-box p.headline-city {
	display: table;
	font-size: 14px;
	text-transform: uppercase;
	font-family: 'Montserrat', Arial, sans-serif;
	color: #4B89CB;
	margin-bottom: 0;
	/* padding-top: 10px; */
	margin-left: 10px;
	margin-top: 10px;
}

#headline-left-box p.headline-title {
	display: table;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.1;
	margin-bottom: 0;
	/* padding-top: 10px; */
	margin-left: 10px;
	margin-top: 3px;
}

#headline-left-box p.headline-title a {
	color: #000000;
}

#headline-left-box p.headline-leadin {
	width: 90%;
	margin-top: 5px;
	margin-left: 10px;
	line-height: 1.3;
}

#headline-left-box p.headline-leadin > span a {
	color: #508CCC;
}

#headline-right-box {
	display: inline-block;
	/* width: 230px; */
	width: 250px;
	margin-top: 10px;
}

/* #headline-left-box > div:nth-child(n+2){
	display: none;
} */
#headline-left-box > div {
	display: none;
}

#headline-left-box > div.default {
	display: table;
}

#headline-left-box > div.active {
	display: table;
}

#headline-right-box ul {
	padding-left: 20px;
}

[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 
      opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition:    
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition:         
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
/*   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); */
  opacity: 1;
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 6px;
  width: 30%;
  background-color: #898989;
  color: #fff;
  content: attr(data-tooltip);
  font-size: 12px;
  /* line-height: 1.2; */
}

/* Right */
.tooltip-right:before,
.tooltip-right:after {
  bottom: 70%;
  left: 100%;
}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {
  margin-left: 0;
  margin-bottom: -16px;
}

#headline-right-box ul li {
	list-style: none;
	width: 90%;
	font-weight: bold;
	font-family: Arial, sans-serif;
	font-size: 13px;
	line-height: 1.1;
	margin-bottom: 15px;
	padding-left: 13px;
	margin-left: 5px;
	padding-bottom: 5px;
	border-bottom: 2px solid #F8F8F8;
}

#headline-right-box ul li:hover {
	cursor: pointer;
}

#headline-right-box ul li a {
	text-decoration: none;
	color: #000000;
}

#headline-right-box ul li.active {
	/* border-bottom: 2px solid #0A2E65; */
	border-bottom: 2px solid #508CCC;
	background-image: url('/themes/cg/images/img/headline_slider_play_new.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}

#headline-right-box ul li.active a {
	color: #508CCC;
}