html, body {
	background-color: white;
	font-size: 16px;
	font-family: 'Varela Round', sans-serif;
	color: 1e1e1e;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
}

a {
	color: #00BCD4;
	text-decoration: none;
}

a:hover {
	color: #00BCD4;
	text-decoration: none;
}

a:after {
	color: #00BCD4;
	text-decoration: none;
}

.logout {
	color: white;
}

.logout:hover {
	color: white;
}

.logout:after {
	color: white;
}

.headtitlewrp {
	padding-left: 10px;
}

#headtitle {
	font-size: 30px;
}

#headsubtitle {
	margin-top: -10px;
	margin-left: 25px;
	font-size: 20px;
}

#table {
	width: 100%;
	display: table;
}

#table_row {
	display: table-row;
}

#table_cell {
	display: table-cell;
}

#navleft {
	background-image: url(/images/nav/Unbenannt.png);
	background-repeat: repeat-y repeat-x;
	min-height: 100%;
	-webkit-box-shadow: 1px 0px 5px 0px rgba(161,152,161,1);
	-moz-box-shadow: 1px 0px 5px 0px rgba(161,152,161,1);
	box-shadow: 1px 0px 5px 0px rgba(161,152,161,1);
	padding-top: 10px;
}

.nav_left_wrp .material-icons{
	font-size: 16px;
}

.row {
	height: 100%;
}

.headline {
	height: 70px;
	background-color: #00BCD4;
	width: 100%;
}

.headline_content {
	color: white;
}

.nav_left_wrp {
	width: 100%;
	padding: 0px;
	margin-top: 10px;
	border: 0;
}

.nav_left_cell {
	width: 100%;
	padding: 5px;
	margin-top: 10px;
	border: 0;
	background-color: transparent;
	color: #00BCD4;
}

.nav_left_cell:hover {
	transition: background-color 0.3s ease-in-out;
	transition: color 0.1s ease-in-out;
	width: 100%;
	padding: 5px;
	margin-top: 10px;
	border: 0;
	background-color: #00BCD4;
	color: white;
}

.nav_left_cell_submenu {
	width: 90%;
	margin-left: 10%;
	padding: 5px;
	margin-top: 10px;
	border: 0;
	background-color: transparent;
	color: #00BCD4;
}

.nav_left_cell_submenu:hover {
	transition: background-color 0.3s ease-in-out;
	transition: color 0.1s ease-in-out;
	width: 90%;
	margin-left: 10%;
	padding: 5px;
	margin-top: 10px;
	border: 0;
	background-color: #00BCD4;
	color: white;
	cursor: pointer;
}

.nav_imgwrp {
	height: 70px;
	width: 70px;
	border-radius: 35px;
	background-color: orange;
	margin: 0px auto;
	text-align: center;
}

.nav_contentwrp {
	width: 100%;
	text-align: center;
	color: #00BCD4;
}
.nav_contentwrp .title{
	font-size: 12px;
	color: #00BCD4;
	margin-top: -5px;
}

.navicon {
	font-size: 60px;
	color: white;
}

.nav_left_wrp .pointer:hover {
	cursor: pointer;
}