html {
	height: 100%;
}

body {
	padding: 0;
	margin: 0;
	background-color: rgb(229, 229, 229);
	font-family: arial,helvetica,sans-serif;
	font-size: 16px;
	line-height: 1.2em;
	text-align: justify;
	height: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

td {
	padding-right: 10px;
}

#site_wrapper {
	max-width: 62.5em;
	display: block;
	background-color: white;
	margin: 0 auto;
	min-height: 100%;
	position: relative;
}

/**
 *
 * Banner & Navigation
 *
 */
 #img-banner {
	/*max-height: 110px;
	overflow: hidden;*/
	display: flex;
	align-items: center;
	margin-left: 1rem;
	justify-content: space-between;
}

#ciam_logo {
	width: auto;
	float: left;
	padding-left: 20px;
}


ul.menu {
    list-style-type: none;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	background-color: #407fb7;

	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;

  font-family: arial,helvetica,sans-serif;
	line-height: normal;
}

li.menu-item {
    float: left;
}

li.sidemenu-item {
	float: none;
	display: block !important;
}

ul.sidemenu-subitems {
    display: block !important;
		padding-left: 0;
}

ul.sidemenu-subitems > li > a {
	padding-left: 50px;
}

li.menu-item > a {
  display: block;
	color:white;
	text-align: left;
	padding: 16px;
	text-decoration: none;
	font-weight: normal;
}

li.menu-item a:hover {
	background-color: #8ebae5;
}

ul.sub-menu {
  display: none;
  list-style-type: none;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	background-color: #407fb7;
	z-index: 1;
}

ul.sub-menu > li {
    float: none;
}

li.menu-item-has-children:hover > ul {
    display: block;
	position: absolute;

	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
}

#sidenav_button button {
	background-color: #407fb7;
	color: white;
	border: none;
	height: 49.5px;
	width: 49.5px;
	display: none;
}

#sidenav_button button:hover {
	background-color: #8ebae5;
}

.menu-item-object-custom {
	cursor: default;
}

/**
 *
 * Article
 *
 */
 header.entry-header {
     overflow: hidden;
 }

h1.entry-title {
	color: rgb(42, 90, 138);
  font-size: 20px;
  float: left;
	text-align: left;
	margin-bottom: 0;
}

div.entry-content {
	/*font-size: 14px;*/
}

#site-main {
    padding: 20px 50px 55px 50px;
}

p.entry-date {
	float: right;
	display: block;
	background-color: #407fb7;
	padding: 5px;
	color: white;
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
  margin: 5px;
  font-size: 14px;
}

hr.entry-seperator {
    border: 0;
	height: 1px;
	background-color: #eee;
    margin-top: 25px;
    margin-bottom: 10px;
}

footer.entry-meta {
	clear: both;
}


div.entry-content a {
	color: #407fb7;
	text-decoration: none;
	font-weight: bold;
}

/**
 *
 * Footer
 *
 */
#footer {
	background-color: #407fb7;
	padding: 5px 0;
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 0;
	height: 45px;
}

#footer p {
	color: white;
	font-size: 12px;
}

/*
 *
 * general Page
 *
 */

 h1.page-title {
 	color: rgb(42, 90, 138);
	font-size: 32px;
	margin: 10px 0 10px 0;
	line-height: 1em;
 }

 h2 {
	 font-weight: bold;
	 font-size: 150%;
	 line-height: 1em;
 }

 #map {
	 border-style: solid;
	 border-width: 1px;
	 width: 100%;
	 height: 600px;
 }

 a , a:hover, a:visited{
	 text-decoration: none;
	 font-weight: bold;
	 color: #407fb7;
 }

 blockquote {
	 border-left: 5px solid #407fb7;
	 padding: 1em;
 }

 blockquote::before {
	 content: open-quote;
	 font-size: 4em;
	 color: #407fb7;
	 line-height: 0.1em;
	 margin-right: 0.25em;
	 vertical-align: -0.4em;
 }

 blockquote p {
	 margin: 0;
 }

 .button_container {
	text-align: center;
 }
 button {
	 display: inline-block;
 }
 .table_container {
 	display: table;
 }
 .table_cell {
 	display: table-cell;
 	vertical-align: middle;
 }



 /*
  *
	* Changes in standard Wordpress classes
	*
	*/
/*
img.alignleft {
	float: left;
}

img.alignright {
	float: right;
}

p:has(>img.alignright) {
	overflow: auto;
}
p:has(>img.alignleft) {
	overflow: auto;
}

img.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
	margin-bottom: 1em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*
 *
 * Front Page
 *
 */
#contact_box {
	border: 5px solid #ccc;
	padding: 0 10px;
	float:right;
	margin: 0 0 20px 20px;
}

/*
 *
 * Expert-Page spcific
 *
 */
.expert_name {
	display: inline;
	margin-right: 0.5rem;
}
.members {
	margin-bottom: 3rem;
}

.expert_content p {
	margin: 0;
}

.expert_content {
	margin-top: 1rem;
}

.expert_content td {
	vertical-align: top;
}

/*.size-member-size {
	float: left;
}*/
/*
.expert_content td:first-child {
	width: 100px;
}*/
/*
.expert .expert_table .expert_img {
	margin: 0 20px 20px 0;
	width: 100px !important;
	height: 131px;
	max-width: none;
}

.expert_table td:first-child {
	width: 100px;
}

.expert {
	margin-bottom: 50px;
	font-size: 14px;
}

h2.expert_h2 {
	font-size: 14px;
	font-weight: normal;
}

table.contact_data {
	margin-top: 20px;
}*/
/*
table.contact_data td {
	background-color: white;
	padding: 5px 10px 5px 10px;
	text-align: left;

}
*/

/*
 *
 * Project-Module-Page specific
 *
 */
 img.attachment-project-module-size {
	 float: right;
 }

/*
@media screen and (max-width: 600px) {
table {width:100%; border-collapse: collapse;}
thead {display: none;}
tr:nth-of-type(2n) {background-color: inherit;}
td:first-child {background: #f0f0f0;font-size:1.3em;}
tbody td {display: block;  text-align:center;}
tbody td:before {
    content: attr(data-th);
    display: block;
    text-align:center;
  }
table.expert_table td {
	background-color: white;
	text-align: left;
}
img.expert_img {margin: auto auto 20px auto; }
}*/



/*
 * Besprechung
*/
/*body {
	font-size: 16px !important;
	line-height: 1.2em;
	text-align: justify;
}*/

.internship {
	width: 70%;
}

.theses th {
	padding: 10px;
	color: white;
	background-color: #407fb7;
}

.theses td {
	padding: 10px;
	border: 1px solid #ccc;
}

.theses td:last-child {
	width: 20%;
}

.theses {
	margin-top: 20px;
	border-collapse: collapse;
	border: 1px solid #ccc;
}

#old_theses {
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin: 25px 0;
	text-align: left;
}

#old_theses td {
	border: 1px solid #ccc;
	padding: 10px;
}

#old_theses tr:nth-child(even){
	background-color: #e5e5e5;
}

/*
 * Lecture Page
 */

.lecture_table td:first-child {
	background-color: #407fb7;
	border: 1px solid white;
	color: white;
}
.lecture_table {
 border: 1px solid #ccc;
 border-collapse: collapse;
 width: 50%;
}

.lecture_table td {
	border: 1px solid #ccc;
	padding: 10px;
}

/*
.theses tr td:first-child {
	padding-right: 2.4em;
}*/

/*
 * Meta Slider
 */
 /*
.ciam_slider {
	height: auto;
	line-height: normal;
	margin: 0 auto;
}
.ciam_slider .caption-wrap {
 opacity: 1;
 background-color: #407fb7;
 text-align: right;

}

.ciam_slider::after, .ciam_slider::before {
 display: table;
 clear: both;
 content: "";
}

.ciam_slider .slides {
	padding-left: 0;
}

.ciam_slider .flex-direction-nav {
 list-style: none;
 /*position: relative;
 display: flex;
 justify-content: space-between;
 z-index: 50;
 padding-left: 0;
}

.ciam_slider .flex-direction-nav li {
 /*background-color: #407fb7;
 list-style: none;
 position: relative;
 z-index: 50;
 padding-left: 0;
}

.ciam_slider .flex-direction-nav a {
color: white;
font-weight: normal;
font-size: 4rem;
z-index: 50;
position: relative;
background-color: #407fb7;
}
.flex-prev{
	float:left;
}
.flex-next{
	float: right;
}

.ciam_slider .flex-control-nav {
 list-style: none;
}
*/
div.metaslider {
	/*max-width: 60%;*/
	padding: 0 1em 1em 0;
}
div.metaslider .caption-wrap {
	bottom: 10%;
	/*right: 0;*/
	left: auto;
	width: auto;
	min-width: 33%;
	max-width: 66%;
	background-color: #407fb7;
	opacity: 1;
	text-align: left;
}

div.metaslider .caption {
	padding: 20px;
	font-size: 120%;
}

div.metaslider .flex-control-nav.flex-control-paging a {
	background: #407fb7;
}

div.metaslider .flex-control-nav.flex-control-paging .flex-active {
	background: #8ebae5;
}

.left_slider {
	float: left;
}

.right_slider {
	float: right;
}

div.internship_slider {
	/*float: right;*/
	margin-left: 20px;
	display: table-cell;
	vertical-align: middle;
	width: 400px;
	padding: 0 1em 1em 1em;
}



@media screen and (max-width: 800px) {
	div.internship_slider {
		/*float: right;*/
		margin-left: 0;
		display: block;
		width: auto;
		padding: 0 1em 1em 1em;
	}
	.table_container {
		display: block;
	}
	.table_cell {
		display: block;
	}
}

/*
 * Pagination
 */
.pagination .screen-reader-text {
	display: none;
}

.page-numbers {
	padding: 10px;
	text-align: center;
}

.page-numbers li {
	display: inline-block;
}

.page-numbers .current {
	padding: 10px;
	background-color: #8ebae5;
	color: white;
	font-weight: bold;
}

.page-numbers a {
	padding: 10px;
	background-color: #407fb7;
	color: white;
}

/*
 * Publication
 */
.publications_button {
	padding: 10px;
	border: none;
	color: white;
	background-color: #407fb7;
}

h2.publication-title {
	/*color: rgb(42, 90, 138);*/
  font-size: 20px;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

.publication-author {
	font-size: 14px;
}

.publication_container {
	margin-top: 50px;
}

.publication_seperator {
	height: 1px;
	border: none;
	background-color: #ccc;
	margin: 30px 0;
	clear: both;
}

/**
 *
 * Responsive media query
 *
 */
 @media screen and (max-width: 800px) {
 	#menu-navigation li:not(:first-child) {
		display: none;
		float:none;
	}
 	#sidenav_button button {
 		display: block;
 	}
	h1.entry-title {
		float: none;
		max-width: none;
	}
	p.entry-date {
		float:left;
		font-size: 12px;
		margin: 5px 5px 5px 0;
	}
	#contact_box {
		float: none;
		margin: 0;
	}
	.publications_button {
		display: block;
		margin: .5em auto;
		width: 280px;
	}
 }

 @media screen and (max-width: 400px) {
	 #site-main {
		 padding: 20px 20px 55px 20px;
	 }
	 .alignright {
		 float: none;
		 margin: 1em auto;
		 display: block;
	 }
	 .alignleft {
		 float: none;
		 margin: 1em auto;
		 display: block;
	 }
	 .publications_button {
		 width: 100%;
	 }
	 div.ciam_slider .caption {
		 font-size: 100%;
	 }
 }

 @media screen and (max-width: 600px) {
 table {width:100%; border-collapse: collapse;}
 thead {display: none;}
 tr:nth-of-type(2n) {}
 td:first-child {font-size:1.3em;}
 tbody td {display: block;  text-align:left; padding: 5px 10px 5px 10px;}
 tbody td:before {
     content: attr(data-th);
     display: block;
     text-align:center;
   }
 table.expert_table td {
 	background-color: white;
 	text-align: left;
 }
 img.expert_img {margin: auto auto 20px auto; }
 #rwth-logo {
 	display: none;
 }
 .custom-logo {
 	display: block;
 	float: none;
 	margin: 0 auto 0 auto;
 	padding: 0;
 }
 }