/* Layout für Mobilgeräte: 480 px oder weniger. */

div.navTogglers {
	font-size: 1.4em;
	width: 100%;
	float: left;
	border-top: 1px dotted #999;
	}
div.navToggler {
	width: 24%;
	float: left;
	text-align: center;
	padding: 1em 0 1em 0;
	}
div.navSocial {
	width: 100%;
	float: left;
	text-align: center;
	padding: 1em 0 1em 0;
	border-top: 1px dotted #999;
	}
a.navTogglerA {
	text-decoration: none;
	color: #004494;
	}
a.navTogglerLS {
	font-size: 1.3em;
	text-decoration: none;
	font-family: opensansiconregular;
	color: #004494;
	text-transform: uppercase;
	}
a.navIcon {
	font-size: 1.2em;
	margin: 0 0.8em 0 0.8em;
	font-family: opensansiconregular;
	text-decoration: none;
	color: #004494;
	}

a.navIcon:hover, a.navTogglerA:hover, a.navTogglerLS:hover {
	color: #8a225e;
	}

a.navTogglerLS:hover {
	color: #8a225e;
	text-transform: lowercase;
	}
	
h1.toggleNav {
	font-size: 2em;
	margin: 0.4em 0 0 3%;
	padding: 0.9em 0 0 0;
	}
	
p.toggleNav {
	font-size: 1.2em;
	margin: 0 0 0 3%;
	padding: 0.5em 0 0 0;
	}
	
a.toggleNavX {
	font-size: 1em;
	display: inline;
	font-family: opensansiconregular;
	}
	
div.toggleNav {
	float: left;
	width:100%;
	margin: 0px;
	padding: 0px;
	}
div.toggleNavFooter {
	float: left;
	width: 94%;
	text-align: right;
	margin-left: 3%;
	border-top: 1px dotted #999;
	padding: 1em 0 1em 0;
	font-size: 1.4em;
	}
	
	
ul.toggleNavLang {
	width:100%;
	margin-left: 0%;
	margin-bottom:20px;
	padding: 0;
	overflow:hidden;
	}
li.toggleNav {
	line-height:2em;
	float:left;
	display:inline;
	margin-left: 3%;
	border-top: 1px dotted #999;
	}
#navLang li {
	width:94%;
	font-size: 1.2em;
	}
	
a.toggleNavItem {
	margin-left:0%;
	}
	
	
	
.toggleNavItemsCol {
	width: 94%;
	margin-left: 3%;
	float: left;
	}
.toggleNavItemsCol2 {
	width: 94%;
	margin-left: 3%;
	float: left;
	}
.toggleNavItemsCol3 {
	width: 94%;
	margin-left: 3%;
	float: left;
	}
ul.toggleNavColUl {
	width:100%;
	margin-left: 0%;
	padding: 0;
	overflow:hidden;
	margin-bottom:20px;
	}
li.tNF, li.tNFb, li.tNFc {
	line-height:2em;
	width:100%;
	display:block;
	margin-left: 0%;
	border-top: 1px dotted #999;
	font-size: 1.2em;
	}
li.tNFb {
	font-weight: bold;
	border-top: 0px;
	font-size: 1.4em;
	color: #004494;
	}
li.tNFn {
	border-top: 0px;
	font-size: 1.4em;
	color: #004494;
	}
li.tNFc {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	border-top: 1px dotted #999;
	line-height: 1.4em;
	}


@media only screen and (min-width: 381px) {
	
	
#navLang li {
	width:45.3%;
	font-size: 1.3em;
	}	
.toggleNavItemsCol {
	width: 45.6%;
	}	
.toggleNavItemsCol2 {
	width: 45.6%;
	}
li.tNF {
	font-size: 1.3em;
	}
li.tNFb {;
	font-size: 1.6em;
	}


}



	
	
	
/* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */

@media only screen and (min-width: 481px) {


/*
div.navToggler {
	font-size: 1.5em;
	padding: 0.6em 0 0.6em 0;
	}
*/

div.navTogglers {
	width: 100%;
	float: left;
	border-top: 1px dotted #999;
	}
div.navToggler {
	width: 15%;
	float: left;
	text-align: center;
	padding: 1em 0 1em 0;
	border-bottom: 0;
	}
div.navSocial {
	width: 40%;
	float: left;
	text-align: center;
	padding: 1em 0 1em 0;
	border: 0;
	}
a.navTogglerA {
	}
a.navTogglerLS {
	}
a.navIcon {
	margin: 0 0.2em 0 0.2em;
	font-family: opensansiconregular;
	text-decoration: none;
	color: #004494;
	}

a.navIcon:hover, a.navTogglerA:hover {
	color: #8a225e;
	}	
#navLang li {
	width:45.6%;
	font-size: 1.3em;
	}	
.toggleNavItemsCol2 {
	width: 29.3%;
	}	
.toggleNavItemsCol3 {
	width: 45.6%;
	height: 350px;
	}
	
	
}
	
	
/* Layout für Tablet-PCs: 769 bis 968 px. Erbt Stile vom: Layout für Mobilgeräte. */

@media only screen and (min-width: 769px) {

div.navTogglers {
	font-size: 1.6em;
	width: 63.5%;
	margin-top: 1em;
	float: left;
	border: 0;
	text-align: right;
	}
div.navToggler {
	width: 25%;
	border: 0;
	}
div.navSocial {
	width: 95%;
	float: left;
	text-align: right;
	margin-right: 5%;
	padding: 0em 0em 0.8em 0;
	}
a.navTogglerA {
	}
a.navIcon {
	font-size: 1.0em;
	margin: 0 0.2em 0 0.2em;
	}
	
	
#navLang li {
	width:29.3%;
	font-size: 1.3em;
	}
	
.toggleNavItemsCol {
	width: 45.6%;
	}	
.toggleNavItemsCol2 {
	width: 29.3%;
	}	
.toggleNavItemsCol3 {
	width: 45.6%;
	height: 350px;
	}
li.tNF {
	font-size: 1.3em;
	}
li.tNFb {;
	font-size: 1.7em;
	}


}





/* Desktoplayout: 919 bis maximal 1232 px.  Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */

@media only screen and (min-width: 919px) {

div.navTogglers {
	font-size: 2.1em;
	width: 63.5%;
	margin-top: 2em;
	}
div.navToggler {
	width: 18%;
	font-size: 0.85em;
	float: left;
	}
div.navSocial {
	width: 24%;
	font-size: 0.9em;
	float: left;
	text-align: right;
	padding: 0.9em 0 1em 0;
	margin-right: 0%;
	}
a.navTogglerA {
	}
a.navTogglerLS {
	}
a.navIcon {
	font-size: 0.9em;
	margin: 0em 0.1em 0 0.1em;
	}	
#navLang li {
	width:21.3%;
	}
	
.toggleNavItemsCol {
	width: 21.3%;
	float: left;
	}
.toggleNavItemsCol2 {
	width: 13.2%;
	height: 200px;
	}
.toggleNavItemsCol3 {
	width: 21.3%;
	height: 360px;
	}



}