@CHARSET "US-ASCII";
.stickytop{
	position:sticky;
	position: -webkit-sticky;
	left:0;
	right:0;
	top:0;
	z-index:10000
}

.shadowdiv {
	border-bottom: 1px solid #c3cace;
	max-width: 100%;
	padding: 0;
	background: #ffffff;
	min-width: 920px;
}

.shadowdiv.centerDiv{
	max-width: none;
}

.stickytop a, .stickytop a:hover, .stickytop #topnavigation button.btn{
	color: #121212;
	text-transform: uppercase;
	font-size: 0.8em;
	padding: 0.3em;
}

.stickytop ul li a:hover, .stickytop ul li a:active, .stickytop #topnavigation button.btn:hover{
	background-color: #BFBFBF;
}

.titlecontainer{
	width: 100%;
    position: relative;
}

.titlediv{
	display:inline-flex;
	font-size: 1.5em;
	padding:0.5em 0.5em 0.5em 0.5em;
	width: fit-content;
	vertical-align: middle;
}

.titledivright{
	display:inline-flex;
	position: absolute;
	right: 1em;
	top: 0;
	bottom: 0;
	margin: auto;
}

/* All elements in title except the last one */
.titlediv > *:not(:last-child) {
	padding-right: 0.5em;
}

.hierarchy-entry .infotext{
	width: fit-content;
}


.linktext {
	margin-left: 0.4em;
	margin-right: 0.4em;
}
.menulogoicon[src$="/rwth_itc.png"] {
	/* RWTH IT Center logo does already include whitespace due to CD guidelines */
	padding: 0;
	max-width: 100%;
}

.homediv {
	display: inline-block;
	width: 10em;
	text-align: left;
	background-color: #f0f0f0;
	vertical-align: bottom;
}

.homediv ul li a:link, .homediv ul li a:visited {
	width: 10em;
	text-align: left;
}

.centermenu:not(.titlediv .centermenu){
	background-color: #f0f0f0;
}

.centermenu ul {
	padding-left:0;
	margin-bottom: 0;
	overflow: visible;
}

.centermenu > :first-child {
	margin-left: 0.1em;
}

.centermenu ul li {
    display: inline-block;
}

.centermenu ul li a, .centermenu ul li a:hover{
	padding:5px;
	color: #121212;
}

.centermenuhome{
	display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	max-height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
}

/* Show the dropdown menu on hover */
.dropdown:hover > .dropdown-content {
	display: block;
}

.dropdown-content a, .dropdown-content a:hover {
	display: block;
	border-bottom: solid 1px #d9d9d9;
	width: 15em;
	font-size: 0.8em;
}

/* Change color of dropdown links on hover */
ul li .dropdown .dropdown-content a:hover{
	background-color: #DFDFDF;
}

/* for safari, to avoid whitespaces in the dropbutton span */
.dropdown .dropbutton {
	white-space: nowrap;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
ul li .dropdown:hover > .dropbutton a{
	background-color: #BFBFBF;
}

.toggle-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	width: 10em;
}

.stickytop .form-inline{
	float: right;
	vertical-align: middle;
	right: 0.5em;
	top: 0.5em;
}  

.stickytop .logo{
	max-width: 15%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.stickytop .logo img{
	max-height: 100px;
	max-width: 100%;
	padding:0.5em 0.5em 0.5em 0.5em;
    position: relative;
}

/*Frame*/
#infolistframegap {
	position: absolute;
	background-color: white;
	width: 17.1%;
	height: 5px;
	right: 0px;
	z-index: -1;
	border: 1px solid white;
	border-bottom-left-radius: 20px;
	padding: 0 5px;
}

.infolistframe {
	position: absolute;
	right: 0.0em;
	top: 5px;
	padding: 0px 5px 5px 5px;
	color: #555555;
	border-left: 1px solid #c3cace;
	border-bottom-left-radius: 5px;
	border-bottom: 1px solid #c3cace;
	background-color: #fff;
	width: 17%;
	font-size: .8em;
}

.infoentry a, .infoentry a:hover{
	padding:0em;
}

.infoicon{
	display:table-cell;
	vertical-align: middle;
	width:2em;
	text-align: center;
}

.infotext{
	width:250px;
	display: table-cell;
}

/*Frame*/
#menuborder {
	position: absolute;
	height: 5px;
	background-color: transparent;
	border-top: 1px solid #c3cace;
	border-right: 1px solid #c3cace;
	border-top-right-radius: 5px;
	width: 83%;
	box-sizing: content-box;
}

.inactivelink{
	pointer-events: none;
	cursor: default;
}

.centermenu ul li .displayAsDisabled {
	color: silver;
}