* 	{margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

body {
	background-color: #ffffff;
	color: #000000;
	font-family: 'Arial';
	font-size: 22px;
}

.wrapper {
	max-width: 1800px;
}
/*
Old Colors:
 'ugly-orange' : #66b9ee
 'main-TUM blue' : #3070b3

New Colors:
  #66b9ee	=>	light blue
 */


/*------------------------*/
/*  Summernote - Section  */
/*------------------------*/

h1 {font-size: 26px;font-weight:normal;color:#3070b3;text-align:left;}
h2 {font-size:18px;color:#3070b3; font-weight: bold;text-align:left;}
h3 {font-size:16px;color:#8a8a8a; font-weight: bold;text-align:left;}
h4 {font-size:14px;font-weight:bold;color:#333333;text-align:left;border-bottom: 1px solid #e6e6e6}
h5 {font-weight: bold;}
h6 {font-weight: bold;}
p {font-family: 'Arial';font-size:14px;}
table.table-bordered {width: 100%;}
a{color:#3070b3;text-decoration:none}
a:hover{color:#66b9ee}

/*---------*/
/*  Links  */
/*---------*/

label{color:#FFFFFF;cursor:pointer;text-decoration:none;}
label:hover{color:#333333}

/* deprecated => no css anymore for main class "a"
label,a{color:#FFFFFF;cursor:pointer;text-decoration:none;}
label:hover{color:#333333}
a:hover{color:#66b9ee}
*/

a.basic,a.link_bottom{color:#FFFFFF;cursor:pointer;text-decoration:none;}
a.basic,a.link_bottom:hover{color: #66b9ee}

a.areas_main {color:#3070b3;font-size:16px;font-weight:normal} /* #66b9ee */
/*a.areas_main:hover {color:#66b9ee;}*/
a.on_page {color:#333333;font-size:14px;text-decoration:none;font-weight: bold;}
a.on_page:hover {color:#4889ce;}
a.author {color:#3070b3;font-size:14px;text-decoration:none;font-weight: normal;}
a.author:hover {color:#66b9ee;}
a.group_submenu {color:#3070b3;font-size:14px;text-decoration:none;font-weight: normal;}
a.group_submenu:hover {color:#66b9ee;}
a.to_top {color:#3070b3;font-size:12px;text-decoration:underline;font-weight: normal;}
a.to_top:hover {color:#66b9ee;}
a.topics_subgroups {color:#4889ce}
a.topics_subgroups:hover {color:#ffffff}
a.link_side {color:#3070b3;font-size:16px;}
a.link_side:hover {color:#66b9ee;}
a.link_user_mail {color:#333333;}
a.link_user_mail:hover {color:#66b9ee;}
a.corp_hdr {color:#3070b3;font-size:13px;text-decoration:none;font-weight:normal}
a.corp_hdr:hover {color:#3070b3;}
a.sub_group_link{color:#3070b3}
a.sub_group_link:hover{color:#66b9ee}

a.tag {background-color:#3070b3;color:#FFFFFF;font-size:12px;font-weight: bold;
	padding-bottom:2px;padding-top:2px;padding-left:4px;padding-right:12px;margin-right:3px;
	 border-radius: 20px 60px 60px 20px; margin-bottom:5px; display:inline-block}
a.tag:hover {background-color:#66b9ee;padding-right:16px;padding-left:6px;transition-duration: 0.33s;}

a.tag.link_side {font-size:16px;font-weight:normal;border-radius: 30px 30px 30px 30px;padding-left:10px;padding-bottom:3px}
a.tag.link_side:hover {color:#FFFFFF}

div.checkbox > label {color: black; font-size: 0.8em;}

#logo_rm {
	background-image: url('images/reithmaier.png');
	height: 32px;
	width: 32px;
	background-size: 32px;
	background-repeat: no-repeat;
	background-position: center; 
}

/*#logo_rm:hover {background-image: url('images/reithmaier_lit.png');}*/

/*--------------------------------------*/
/*  Headers, Labels and Content-Images  */
/*--------------------------------------*/

#front_page_subheader{font-size: 16px;font-weight:bold;color:#3070b3;text-align:left}  /* Spotlight, Main Areas, ... */
#front_page_header{	font-weight:bold; color:#FFFFFF; font-size:42px; }
#front_page_wsi{ font-weight:bold; color:#FFFFFF; font-size:28px; width:337px !important; }
#front_page_cnn{ font-weight:normal; color:#FFFFFF; font-size:14px; width:325px !important; }
#picture_label {	color:#b3b3b3;font-size:12px;font-style:italic; }
#main_areas_header {font-size:16px;color:#3070b3} 

#main_areas_subheader {font-size: 26px;font-weight:normal;color:#3070b3;text-align:left;}
#main_areas_grey_header {font-size:16px;color:#8a8a8a; font-weight: bold;text-align:left;} 
#main_areas_orange_header {font-size:18px;color:#3070b3; font-weight: bold;text-align:left;} 
#main_areas_description  {font-size:14px;font-weight:bold;color:#333333;text-align:left;border-bottom: 1px solid #e6e6e6}
#main_areas_cover_img {border-radius:6px; margin-left:0px; height:170px;}

#current_work_header {font-size:14px;font-weight:bold;color:#333333;text-align:left;}
#current_work_text {font-size:14px;font-weight:normal;color:#333333;text-align:left;}
#current_work_highlight{padding:8px; border-radius:8px;}
#current_work_highlight:hover {background-color:#f7f7f7;}

#displayPeople {font-size:14px;font-weight:bold;color:#333333;text-align:left;border-bottom: 1px solid #e6e6e6}
#displayPublications {font-size:14px;font-weight:normal;color:#333333;text-align:left}

div {text-align: justify!important;text-justify: inter-word!important;}

.date {font-size:14px;color:#8a8a8a;font-weight:normal}
.seminar_header {font-size:18px;color:#3070b3;padding-top:3px;padding-left:0px}
.seminar_author {font-size:14px;color:#333333;font-weight:800;padding-bottom:3px;padding-top:2px;padding-left:2px}

.images-finley-sponsors {margin: 20px 15px;}
.images-finley-research {margin: 6px 6px; border-radius: 8px; height: 135px; width: 135px; object-fit: cover;border: 1px solid grey;}
.images-finley-research:hover {transform: scale(1.18);-webkit-transition: 0.4s;transition: 0.4s;}
.images-belkin-research {margin: 6px 6px; border-radius: 8px; height: 135px; width: 135px; object-fit: cover;border: 1px solid grey;}
.images-belkin-research:hover {transform: scale(1.18);-webkit-transition: 0.4s;transition: 0.4s;}

/*----------------------*/
/*     Justify-Div      */
/*----------------------*/

.just {
    text-align: justify;
    text-justify: inter-word;
}

/*------------------------*/
/*     Layout-Tables      */
/*------------------------*/

#container {width: 100%}

.layout_tab {
	border-collapse: collapse;
	width : 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	border: 0px solid #000000;
	display:block;
	margin: auto;
}

.layout_tab td { text-align: center; border: 0px solid #FF0000; }
.layout_tab td[colspan="2"] { text-align: center; }
.layout_tab.bottom td { text-align: left; }
.layout_tab.news td { text-align: left!important;}
.layout_tab.spotlight td { padding-left:4px;padding-right:4px; }

.layout_tab.corp_grey_hdr  { width:95%; font-size:13px; padding-top:12px;}
.layout_tab.corp_grey_hdr td { padding-left:12px; padding-right:12px; vertical-align:middle;}
.layout_tab.corp_white_hdr  { width:95%;font-size:13px; color:#3070b3; }
.layout_tab.corp_white_hdr td { text-align:left; vertical-align:middle; height: 100px; }

.layout_tab.wsi_header  { width:95%;padding-top:3px; }
.layout_tab.menu  { width:95%;height:100%;padding-top:5px; }
.layout_tab.content  { font-size:14px; width:100%;}
.layout_tab.slideshow_buttons  { width:100%;height:50px;padding-top:187px; }

.layout_tab.displayPeople td {padding:10px; height: 170px;}
.layout_tab.displayPeople_jon {padding:10px; height: 340px;}
.layout_tab.displayPeople_jon_resp {padding:10px; height: 680px;}
.layout_tab.displayPeople_jon_resp1 {padding:10px; height: 1360px;}
.layout_tab.displayPublications  { font-size:14px; width:95%;}
.layout_tab.displayPublications td {font-weight:normal;padding:10px;}
.layout_tab.displayCourses  { font-size:14px; width:95%;}
.layout_tab.displayCourses td {font-weight:normal;padding-top:3px;padding-left:12px;min-width:120px}

.layout_tab.side_menu  { width:195px; }
.layout_tab.side_menu  td { text-align: left; }

.layout_tab.side_and_content  { width:95%; table-layout:fixed; }
.layout_tab.side_and_content td {vertical-align:top;text-align:left}
.layout_tab.side_and_content td #side_menu_width {width:195px;padding-right:5px;}
.layout_tab.side_and_content td #content_width {width:97%;text-align:left;}

.layout_tab.side_top_menu  { width:100%;background-color:#ffffff;}
.layout_tab.side_top_menu  td {width:150px;padding-left:5px;padding-right:5px;vertical-align:center;border-right:1px solid #ddd;text-align:center;}
.layout_tab.side_top_menu  td:hover {background-color:#f7f7f7;}

.layout_tab.sponsors {text-align:center;width:90%;height:100%;background-color:#FFFFFF;padding:17px;}
.layout_tab.sponsors_kaniber {width:100%;}
.layout_tab.sponsors_kaniber td {padding:20px;}

.layout_tab.intranet_buttons {width:100%;}
.layout_tab.intranet_buttons td {padding:2px;}

.layout_tab.investigators  { border-radius:6px; padding-left:16px; padding-right:35px; padding-bottom:8px; padding-top:5px; border:2px solid #3070b3;white-space: nowrap }

.layout_tab.user_edit  tr:nth-child(even) {background-color: #f7f7f7;}
.layout_tab.user_edit  tr:hover {background-color:#e6e6e6;}

#news_tab {
	border-collapse: collapse;
	width : 100%;
	vertical-align: middle;
}

#news_tab td {
	border: 0px solid #002647;
    padding: 4px;
	text-align: left;
}

#news_tab tr:nth-child(even) {background-color: #f7f7f7}
#news_tab tr:hover {
	background-color: #ffffff;	 /* old: #e6e6e6, #3070b3, #333333 */
	transition-duration: 0.12s;
	-webkit-transition-duration: 0.12s; /* Safari */
}

.newsBox {font-family: 'Arial' !important;font-size:14px !important;text-align:justify !important;padding-bottom:13px;text-justify: inter-word !important;}

/*--------*/
/* Images */    
/*--------*/

.img_current_work {width:280px;border-radius:8px;}
.point {height:10px; padding-bottom:2px; padding-left:2px}	/* Bulletpoint-Image */
.user_pic {height:150px;width:120px; object-fit: cover; border-radius: 8px;}

/*-------*/
/* Lists */
/*-------*/

ul {
    display: block;
    list-style-type: disc;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 27px;
}

/*------------------------*/
/* Main-Site Sub-Sections */
/*------------------------*/

.corp_grey_bar { height: 40px; width: 100%; background-color: #f7f7f7; color:#8a8a8a;}
.corp_grey_bar_tiny { height: 40px; width: 100%; display:none}
.corp_white_bar { height: 100px; width: 100%;  }

#toolbar_top {
	background-image: url("images/bg_header.jpg");
	background-repeat: no-repeat;
	background-size: cover;	
	background-color: #3070b3; /* #0270B9; */
	background-position: left 2% bottom 0px;
	height: 100px;
	width: 100%;
}

#areas_main {width: 100%}
#topics_subgroups {width: 100%}
#news_events_seminars {width: 100%}
#news_main {height: 480px; width: 100%}
#events_main {height: 480px;	width: 100%}
#seminars_main {height: 480px;width: 100%}

#partners_bottom{
	color: #FFFFFF;
	background-color: #FFFFFF;
	min-height: 250px;
	width: 100%;
}

#toolbar_bottom{
	color: #FFFFFF;
	background-color: #333333;
	min-height: 190px;
	width: 100%;
	font-size: 14px;
	padding-left:2%;
}

#google_map { height: 380px; width: 98%; max-width: 620px; }

/*----------------------*/
/*    Input Elemente    */
/*----------------------*/

.intranet_edit {
	border: 1px dotted #999;
	width: 425px;
}

/*------------------------*/
/*    Dropdown Buttons    */
/*------------------------*/
 
 .dropbtn {
    background-color: #333333;
    padding: 6px 12px;
	margin: 2px;
	margin-bottom: 2px;
    border: none;
	color: #FFFFFF;
	font-size: 16px;
	-webkit-transition-duration: 0.32s; /* Safari */
    transition-duration: 0.32s;
	text-decoration: none;
	border-radius: 4px;
}

 .dropbtn.tum {
    background-color: #f7f7f7;
    padding: 0px 0px;
	margin: 0px;
    border: none;
	color: #333333;
	padding: 6px 12px;
	font-size: 13px;
	-webkit-transition-duration: 0.32s; /* Safari */
    transition-duration: 0.32s;
	text-decoration: none;
	border-radius: 0px;
}



.dropbtn.tum:hover {
	background-color: #e6e6e6;
	color: #333333;
}

.dropbtn.intranet {
	padding: 3px 6px;
	font-size: 14px;
}

.dropbtn.lectures {
	padding: 4px 12px;
	margin-left: 4px;
	font-size: 22px;
	background-color: #3070b3;
	color: #FFFFFF;
	border: none;
}

.dropdown { position: relative; display: inline-block; }
	
.dropdown-content {
    display: none;
    position: absolute;
	left: 2px;
	top: 29px;
	font-size: 16px;
	text-align:left;
    background-color: #333333;
    width: 255px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1;
}

.dropdown-content.tum {
    display: none;
    position: absolute;
	right: 0px;
	top: 21px;
	font-size: 13px;
	text-align:left;
	color: #333333;
    background-color: #f7f7f7;
    width: 120px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
    z-index: 1;
}

.dropdown-content a {
	background-color: #333333;
	color: #FFFFFF;
    padding: 6px 12px;
    text-decoration: none;
    display: block;
	-webkit-transition-duration: 0.32s; /* Safari */
    transition-duration: 0.32s;
}

.dropdown-content a:hover {
	background-color: #66b9ee;
	color: #333333;
}

.dropdown-content.tum a {
	background-color: #f7f7f7;
	color: #333333;
    padding: 6px 12px;
    text-decoration: none;
    display: block;
	-webkit-transition-duration: 0.32s; /* Safari */
    transition-duration: 0.32s;
}

.dropdown-content.tum a:hover {
	background-color: #e6e6e6;
	color: #333333;
}

.dropdown:hover .dropdown-content { display: block }

.dropdown:hover .dropbtn {
    background-color: #66b9ee;
	color: #333333;
	cursor: pointer;
}

.dropdown.tum:hover .dropbtn {
    background-color: #e6e6e6;
} 

.dropbtn.lectures:hover {
	background-color: #66b9ee;
	color: #333333;
}

.dropdown.tum :hover{
	background-color: #e6e6e6;
	color: #333333;
}

/* Needed for toggle-menu on handy-click */
.show {display:block;}

/*--------------------------*/
/* Grow - Effect for Images */
/*--------------------------*/

.pic {
    float: none;
    height: 142px;		/*adptive 1,2 cols: 185x295 */
    width: 227px;
    overflow: hidden;
    -webkit-box-shadow: 4px 4px 4px #3070b3; /* #66b9ee */
    box-shadow: 4px 4px 4px #3070b3; /* 66b9ee */
    border-radius: 10px;
    border: 0px solid #66b9ee;
    margin: 10px;
}

.grow img {
    height: 142px;
    width: 227px;
    border-radius: 8px;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
 
.grow img:hover {
	
    border-radius: 8px;
    -moz-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}

/*------------------------*/
/*  Image-Gallery Slider  */
/*------------------------*/

#slideshow {
	margin: 0px auto;
	position: relative;
	width: 574px;          /*  Original Size: 820px, 460px (size for adaptive 1-2 rows: 738x414)  */
	height: 322px;
	-webkit-box-shadow: 4px 4px 4px #3070b3; /*66b9ee*/
			box-shadow: 4px 4px 4px #3070b3;
    border-radius: 10px;
	border: 0px solid #66b9ee;
    padding: 10px;
	background-color: #3070b3;
}

#slideshow > div {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

#slideshow_content {
	width: 574px;          /*  Original Size: 820px, 460px (size for adaptive 1-2 rows: 738x414)  */
	height: 322px;
    background-size: cover;
    border-radius: 8px;
}

#slideshow_caption {
	background-color: #D3D3D3; /* #333333 */
	color: #3070b3;
	border-radius: 10px;
	border: 2px solid #3070b3; /* #66b9ee */
	padding: 12px;
	padding-top: 6px;
	padding-bottom: 8px;
	position: absolute;
	left: 12px;
	bottom: 12px;
	opacity: 0.82;
	font-size: 19px;
	font-weight: normal;
}

a.slideshow_caption { color: #3070b3;font-style:italic} /* #66b9ee */
a.slideshow_caption:hover { color: #66b9ee; background-color:#3070b3; } /* #3070b3 */

.button_next {opacity:0.75}
.button_next:hover {opacity:0.58}

.button_prev {opacity:0.75}
.button_prev:hover {opacity:0.58}

.layout_tab.slideshow_buttons { padding-top: 140px; }

/*---------------------------*/
/*  Adaptive Design Section  */
/*---------------------------*/

#areas_main_compact_3cols {display: inline}
#areas_main_non_compact {display: none}
#areas_main_3cols{display:none}
#areas_main_2cols {display: none}
#areas_main_1col   {display: none}
#menu_very_tiny { display: none}
#menu_tiny {display: none}
#menu_compact {display: none}
#menu_wide {display: inline}
#news_events_seminars_3col {display:inline}
#news_events_seminars_2col {display:none}
#news_events_seminars_1col {display:none}
#partners_3cols {display:inline}
#partners_2cols {display:none}
.corp_white_bar {display:inline}
#sideMenuDiv {display:inline}
#sideTopMenuDiv {display:none}
#noTiny{display:inline}
#displayPeople1Col {display:none}
#displayPeople2Cols {display:none}
#displayPeople3Cols {display:inline}
#areas_main_overview_1col {display:none}
#areas_main_overview_2cols {display:none}
#areas_main_overview_3cols {display:inline}
#toolbar_bottom_large {display:inline}
#toolbar_bottom_medium {display:none}
#toolbar_bottom_small {display:none}
.img_current_work.small {display:none}

@media screen and (max-width: 1478px) {
	#displayPeople1Col {display:none}
	#displayPeople2Cols {display:inline}
	#displayPeople3Cols {display:none}
}

@media screen and (max-width: 1390px) {
	#areas_main_compact_3cols {display:none}
    #areas_main_non_compact {display: inline}
	#areas_main_3cols{display:inline}
    #areas_main_2cols {display:none}
    #areas_main_1col   {display:none}
	#slideshow, #slideshow_content  { width:810px; height:455px; }
	.layout_tab.slideshow_buttons { padding-top: 200px; }
	.pic {height: 192px;width: 306px;}
	.grow img {height: 192px;width: 306px;}
}

@media screen and (max-width: 1210px) {
	#areas_main_overview_1col {display:none}
	#areas_main_overview_2cols {display:inline}
	#areas_main_overview_3cols {display:none}
}

@media screen and (max-width: 1144px) {
	#areas_main_compact_3cols {display:none}
    #areas_main_non_compact {display: inline}
	#areas_main_3cols{display:none}
    #areas_main_2cols {display:inline}
    #areas_main_1col   {display:none}
	#news_events_seminars_3col {display:none}
	#news_events_seminars_2col {display:inline}
	#news_events_seminars_1col {display:none}
}

@media screen and (max-width: 1035px) {
	#displayPeople1Col {display:inline}
	#displayPeople2Cols {display:none}
	#displayPeople3Cols {display:none}
}

@media screen and (max-width: 885px) {
	#toolbar_bottom_large {display:none}
	#toolbar_bottom_medium {display:inline}
	#toolbar_bottom_small {display:none}
	.layout_tab.side_menu  {width:0px;font-size:13px;padding-left:-15px;}
	.layout_tab.side_and_content  { width:96%}
	#sideMenuDiv {display:none}
	#sideTopMenuDiv {display:inline}
	#slideshow, #slideshow_content  { width:660px; height:371px; }
	.layout_tab.slideshow_buttons { padding-top: 166px; }
}

@media screen and (max-width: 816px) {
	#menu_very_tiny { display: none}
	#menu_tiny { display: none}
	#menu_compact { display: inline}
	#menu_wide { display: none}
}

@media screen and (max-width: 800px) {
	#partners_3cols {display:none}
	#partners_2cols {display:inline}
	.layout_tab.sponsors {width:98%;padding:3px;}
	#news_events_seminars_3col {display:none}
	#news_events_seminars_2col {display:none}
	#news_events_seminars_1col {display:inline}
}

@media screen and (max-width: 740px) {
  .deschler_responsive_blanks { display: none }
	#slideshow, #slideshow_content  { width:500px; height:280px; }
	.layout_tab.slideshow_buttons { padding-top: 115px; }
	#slideshow_caption {padding: 6px;font-size: 17px}
	#slideshow_caption {bottom:8px;left:8px;padding:4px;font-size:17px;border:none;}
}

@media screen and (max-width: 700px) {
	#areas_main_compact_3cols {display:none}
  #areas_main_non_compact {display: inline}
	#areas_main_3cols{display:none}
  #areas_main_2cols {display:none}
  #areas_main_1col   {display:inline}
	#areas_main_overview_1col {display:inline}
	#areas_main_overview_2cols {display:none}
	#areas_main_overview_3cols {display:none}
	.img_current_work {display:none}
	.img_current_work.small {display:inline}
}

@media screen and (max-width: 612px) {
	#menu_very_tiny { display: none}
	#menu_tiny { display: inline}
	#menu_compact { display: none}
	#menu_wide { display: none}
	#toolbar_bottom_large {display:none}
	#toolbar_bottom_medium {display:none}
	#toolbar_bottom_small {display:inline}
	.layout_tab.investigators{display:none}
}

@media screen and (max-width: 570px) {
	#slideshow, #slideshow_content   { width:400px; height:224px; }
	.layout_tab.slideshow_buttons { display:none }
}

@media screen and (max-width: 472px) {
	#menu_very_tiny { display: inline}
	#menu_tiny { display: none}
	#menu_compact { display: none}
	#menu_wide { display: none}
	#corporate_design_header {height: 40px;}
	.corp_white_bar {display:none}
	.corp_grey_bar {display:none}
	.corp_grey_bar_tiny {display:inline; background-color: #f7f7f7}
	.layout_tab.corp_grey_hdr  { padding-top:2px}
	.layout_tab.corp_grey_hdr td { padding-left:2px; padding-right:2px}
	.layout_tab.side_top_menu td {padding-left:0px;padding-right:0px}
	#slideshow, #slideshow_content   { width:306px; height:172px; }
	.layout_tab.slideshow_buttons { padding-top: 75px; }
	#front_page_wsi{ font-size:22px; width:268px !important; }
	#front_page_cnn{ font-size:12px; width:275px !important; }
	.user_pic {height:130px;}
	.layout_tab.displayPeople td {padding:1px; height: 150px; width: 180px;}
	#slideshow_caption {bottom:4px;left:4px;padding:2px;font-size:17px; border:none;}
}