table.highlights {
	background: #ffffff;
	border-collapse: separate;
/*	border-collapse: collapse;*/
	border-spacing: 0px;
	height: 400px;
	border-color: #eeeeee;
	border-width: thin;
}

 td.highlights {
	background: #ffffff;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

tr td {
	padding: 0;
	vertical-align: top;
}

/* highlights links */
td.highlights a.highlights:link  {
	color: #000000;
	display: block;
	font-size: 13px;
	font-family: Arial, Sans;
	font-weight: none;
	text-decoration: none;
	padding: 5px 5px 10px;
	margin: 6px;
	line-height: 17px;
	text-align: justify;
	text-indent: 0px ;
	width: auto;
}

td.highlights a.highlights:active {color: #000000;}
td.highlights a.highlights:visited{color: #000000;}
td.highlights  a.highlights:hover {color: #000066;}

td.highlights a.readmore:hover {
	color: #3e3524;
}

td.highlights a.readmore {
	color: #69614a;
	display: -webkit-flex; /* Safari */
	-webkit-flex-direction: row-reverse; /* Safari 6.1+ */
    display: flex;
	flex-direction: row-reverse;
	position: relative;
	right: 10px;
	bottom: 10px;
	text-decoration: none;
	text-align: right;
	font-size: 12px
}

#more {
	text-align:right;
	position: relative;
	vertical-align: baseline;
	right: 0px;
	bottom: 0px;
}

#readmore a.readmore {
	/* background: url(../images/bg-readmore.gif) no-repeat; */
	float: right;
	height: 20px;
	line-height: 18px;
	position: relative;
	right: 8;
	vertical-align: text-bottom;
	text-decoration: none;
	text-align: right;
	font-size: 12px
}

/*div.hbox {
	display: inline-block;
	height: 215px;
	border: 0px solid white;
}*/
			
b.news {color: #ffffff; font: arial,sans,inherit; font-size: 14px; text-decoration: none; line-height: 16px; }
b.news:hover {color: #fcff02; font: arial,sans,inherit; font-size: 14px; font-weight:bold; line-height: 16px;}

a.news:link {color: #ffffff; font: arial,sans,inherit; font-size: 14px; text-decoration: none; line-height: 16px; }
a.news:active {color: #ffffff; font: arial,sans,inherit; font-size: 14px; text-decoration: none;  line-height: 16px;}
a.news:visited {color: #ffffff; font: arial,sans,inherit; font-size: 14px; text-decoration: none;  line-height: 16px;}
a.news:hover {color: #fcff02; font: arial,sans,inherit; font-size: 14px; text-decoration: none;  line-height: 16px;}
		
a.seminar:link {color: #ffffff; font: arial,sans,inherit; font-size: 14px; text-decoration: none; line-height: 16px; }
a.seminar:active {color: #ffffff; font: arial,sans,inherit; font-size: 14px; text-decoration: none; line-height: 16px; }
a.seminar:visited {color: #ffffff; font: arial,sans,inherit; font-size: 14px; text-decoration: none;  line-height: 16px;}
a.seminar:hover {color: #ff6400; font: arial,sans,inherit; font-size: 14px; text-decoration: none; line-height: 16px; }

h3{
	color: #ffffff;
}

p.news {	line-height:8px;}

font.date {
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}	

td.news {
	color: #ffffff;
	background-color: #e76a05;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin: 2 0 0px;
	padding: 1em 1em 1em;
	width: 50%;
	height:400px;
}

td.seminars {
	color: #ffffff;
	background-color: #2a66b7;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin: 2 0 0px;
	padding: 1em 1em 1em;
	width: 50%;
	height:400px;
}

			@media screen and (max-width: 1024px) {

				table .inner {
					-moz-flex-direction: column;
					-webkit-flex-direction: column;
					-ms-flex-direction: column;
					flex-direction: column;
				}

					table .inner article {
						width: 100%;
						margin: 0 auto;
					}

					td .news{
						height: auto;
						margin: 0 0 0px;
						width: 100%;
					}

					td.seminars {
						height: auto;
						margin: 0 0 0px;
						width: 100%;
					}

					table .image_fit {
						width: 100%;
					}
	
a.highlights:link {font-size: 14px; line-height: 16px;}
a.highlightst:active {font-size: 14px; line-height: 16px;}
a.highlights:visited {font-size: 14px; tline-height: 16px;}
a.highlights:hover {font-size: 14px; line-height: 16px;}

a.news:link {font-size: 14px; line-height: 16px; }
a.news:active {font-size: 14px; line-height: 16px;}
a.news:visited {font-size: 14px; line-height: 16px;}
a.news:hover {font-size: 14px; line-height: 16px;}
		
a.seminar:link {font-size: 14px; line-height: 16px; }
a.seminar:active {font-size: 14px; line-height: 16px; }
a.seminar:visited {font-size: 14px; line-height: 16px;}
a.seminar:hover { font-size: 14px; line-height: 16px; }

			}

		@media screen and (max-width: 980px) {

			#three {
				padding: 2em 0 1em 0;
			}

		}

		@media screen and (max-width: 736px) {

			#three {
				padding: 2em 0 0.1em 0;
			}

		}