/* @group Subnavigation 3-stufig */

.ta {
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
color: #3484B6;
}
.ta-angle-right:before {
	content: ">"
}

/*1. Ebene*/

div.subnavi {

	margin: 0 0 0 2rem;
	padding: 6rem 0.9rem 0 1rem;
}

div.subnavi ul {
	font-size: 100%;
	line-height: 1.2em;
	margin: 0;
	padding: 0 0 0 10px;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	background-color: #cce0ed;
}

div.subnavi ul li {
	margin: 0 0 1px;
	padding: 0;
	list-style-type: none;
	display: block;
	font-family: 'Roboto', Open Sans;
	font-weight: 300;
		border-bottom: 1px solid #e2f5fd;
}

div.subnavi ul li a {
	color: #3484B6;
	min-height: 1.4em;
	height: auto !important;
	height: 1.2em;
	line-height: 2.2em;
	position: relative;
	margin: 0 0 0 0;
	display: block
	text-decoration: none;
	padding: 5px 10px 3px;

}

div.subnavi ul li a:hover {
	color: #0077a3;
	text-decoration: underline;
}

div.subnavi ul li.active {
	background-color: #3484B6
	font-family: 'Roboto';
	text-decoration: none;
}

div.subnavi ul li.active a {
		text-decoration: underline;
}

/*2. Ebene*/

div.subnavi ul li ul {
	line-height: 1.2em;
	padding-bottom: 0.5em;
	border-top-style: none;
	background-color: #;
	padding-left: 10px;
	display: none;
 }

div.subnavi ul li ul li {
	border-bottom-style: none;
	background-color: #;
	font-family: 'Roboto';

}

div.subnavi ul li ul li a {
	padding-top: 0;
	padding-bottom: 0;
	border-bottom-style: none;
	line-height: 1.7em;
	text-decoration: none;

}

div.subnavi ul li.active ul  {
	display: block;
	
}


/*3. Ebene*/

div.subnavi ul li ul li ul {
	font-size: 90%;
	line-height: 1.2em;
	padding-bottom: 0.5em;
	padding-left: 32px;
	border-top-style: none;
}

div.subnavi ul li ul li ul li {
	border-bottom-style: none;
	background-color: #e2f5fd;

}


div.subnavi ul li ul li ul li a {
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	border-bottom-style: none;
	color: #3484B6;
	background-color: #e2f5fd;
}

div.subnavi ul li ul li ul li a:hover {
	color: black;
}

div.subnavi ul li.active ul li.active ul li a {
	color: white;
	font-weight: normal;
background-color: #3484B6 ;
}
div.subnavi ul li.active ul li.active ul li {
	color: white;
	font-weight: normal;
background-color: #3484B6 ;
}
div.subnavi ul li.active ul li ul {
	color: white;
	font-family: 'Roboto';
	font-weight: normal;
		background-color: #3484B6 ;
}

div.subnavi ul li.active ul li.active ul li a:hover {
	color: black;
}

/* @end */