/* Logo, title and menu DIV */

div#logo_title_menu_bar_div {
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	background-color: #FEFFFF;
	height: 120px;
	display: flex; 
	flex-direction: row;
	justify-content: flex-start;
	align-content: center;
	
}



/* TaalUnie Logo */


div#logo {	
	padding-top: 10px;
	position: relative;
	left: +7px;
	z-index: 99;
	height: 110px;
	width: 120px;
}

#tu_logo {
	visibility: visible;
	position: relative;
	height: 70px;
	margin: 10px;
	vertical-align: top;
	z-index: 99;
	/* border-right: 1px dashed black; */
}
@media screen and (min-width: 1024px) {
	#tu_logo {
		visibility: visible;
		position: relative;
		height: 70px;
		margin: 10px;
		vertical-align: top;
		z-index: 99;
		padding-right: 15px;
		/* border-right: 1px dashed black; */
	}
}

#tu_logo.stickymode {
	position: relative;
	top: -15px;
	left: 46px;
	height: 40px;
	vertical-align: top;
	z-index: 99;
}



/* Title */


div#title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	top: 0px;
	left: 25px;
	height: 110px;
	width: auto;
}
div#title.stickymode { 
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	top: 0px;
	left: 25px;
	height: 45px;
	width: auto;
}
@media screen and (min-width: 1024px) {
	div#title { 
		display: flex;
		flex-direction: column;
		justify-content: center;
		position: relative;
		top: 0px;
		left: 55px;
		height: 110px;
		width: 500px;
	}
	div#title.stickymode { 
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
		position: relative;
		top: 0px;
		left: 55px;
		height: 45px;
		width: 500px;
	}
}


img#int_logo {
	visibility: visible;
	position: relative;
	top: 10px;
	left: -12px;
	height: 40px;
	z-index: 99;
}
img#int_logo.stickymode {
	visibility: hidden;
	height: 0px;
	width: 0px;
	position: relative;
	top: 10px;
	left: -15px;
	z-index: 99;
}


div#title div#title_text {
	line-height: normal;
	font-size: 1.3rem;
	position: relative;
	top: -15px;
}
div#title div#title_text.stickymode {
	line-height: normal;
	font-size: 1rem;
}

@media screen and (min-width: 1024px) {
	div#title div#title_text {
		font-size: 3.125rem;
		position: relative;
		top: -15px;
	}
	
	div#title div#title_text.stickymode {
		line-height: normal;
		font-size: 1.8125rem;
		position: relative;
		top: 0px;
	}
}

/* Woordenlijst.org */

div#title div#title_text a.woordenlijst {
	font-family: schoolboek, Helvetica,Arial,Open-sans,Verdana,sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: none; 
	color:#0d7c96;
}
div#title div#title_text span.org {
	font-family: schoolboek, Helvetica,Arial,Open-sans,Verdana,sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #17252A;
}
div#title div#title_text span.slash {
	font-family: schoolboek, Helvetica,Arial,Open-sans,Verdana,sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #515151;
}