/* navigation */

/* style: Hauptstil language: default / engineId: default / pseudo: default */
#language-nav {
	width:100%;
	height:30px;
	background-color:#0098CA;
	-o-transition:top 0.3s ease 0s;
	-webkit-transition:top 0.3s ease 0s;
	transition:top 0.3s ease 0s;
}

#language-nav > ul {
	margin:0;
	padding-right:8px;
}

#language-nav > ul > li {
	line-height:30px;
	float:right;
	padding-right:9px;
	padding-left:9px;
}

#language-nav > ul > li a {
	font-family:'Myriad W01 SmBd', arial, sans-serif;
	font-weight:normal;
	font-style:normal;
	color:#FFFFFF;
	font-size:14px;
	line-height:1em;
}

#language-nav > ul > li p {
	font-family:'Myriad W01 Regular',arial,sans-serif;
	font-weight:normal;
	font-style:normal;
	color:#FFFFFF;
	font-size:14px;
}

#language-nav > ul > li .icon {
	color:#FFFFFF;
	margin-right:15px;
	padding-top:1px;
}

#language-nav > ul li.selected a {
	color:#25313F;
}

#language-nav > ul li.float-left {
	float:left;
}

#language-nav > ul li.first {
	margin-left:17px;
}

#language-nav > ul li.notification {
	color:#FFFFFF;
}

#language-nav > ul li.notification p {
	display:inline;
}

#language-nav > ul li.notification i {
	display:inline;
	margin-left:10px;
}

#language-nav > ul li.notification i.warning {
	color:#FD9352;
}

#language-nav > ul li.notification.warning {
	color:#FD9352;
}

#top-nav {
	padding-top:50px;
	padding-left:35px;
	-o-transition:all 0.3s ease 0s;
	-webkit-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}

#top-nav ul {
	overflow:hidden;
	margin:0px;
	list-style-type:none;
}

#top-nav ul li {
	float:left;
	margin-right:25px;
	margin-bottom:15px;
}

#top-nav ul li a {
	font-family:'Myriad W01 Regular',arial,sans-serif;
	font-weight:normal;
	font-style:normal;
	color:#BFC3C7;
	font-size:24px;
	text-decoration:none;
	line-height:23px;
	display:block;
}

#top-nav ul li a.selected {
	color:#FFFFFF;
}

.inpage-nav,
.inpage-nav.sticky {
	position:absolute;
	width:100%;
	bottom:30px;
	left:35px;
	-o-transition:all 0.3s ease 0s;
	-webkit-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}

.inpage-nav.sticky {
	position:fixed;
	top:74px;
	visibility:hidden;
	z-index:3;
	-ms-filter:Alpha(opacity=0);
	filter:Alpha(opacity=0);
	opacity:0;
}

.inpage-nav ul {
	overflow:hidden;
	margin:0px;
	list-style-type:none;
}

.inpage-nav ul li {
	margin-right:15px;
}

.inpage-nav ul li a {
	font-family:'Myriad W01 Regular',arial,sans-serif;
	font-weight:normal;
	font-style:normal;
	color:#25313F;
	font-size:16px;
	text-decoration:none;
	text-overflow:ellipsis;
	line-height:30px;
	text-align:center;
	white-space:nowrap;
	display:block;
	overflow:hidden;
	width:115px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	margin:0px;
	padding-right:10px;
	padding-left:10px;
	background-color:#F4F4F4;
	-o-transition:background-color 0.2s linear 0s;
	-webkit-transition:background-color 0.2s linear 0s;
	transition:background-color 0.2s linear 0s;
}

.inpage-nav ul li.selected a {
	color:#FFFFFF;
	background-color:#CC1880;
}

.inpage-nav ul li.toplink {
	margin-left:-100%;
	-o-transition:margin-left 0.3s ease-in 0s;
	-webkit-transition:margin-left 0.3s ease-in 0s;
	transition:margin-left 0.3s ease-in 0s;
}

.inpage-nav ul li.toplink a {
	text-indent:-9999px;
	display:inline-block;
	width:20px;
	background-image:url(../../../../docs/de/1913/sprite-functions-icons.png?v=1.0);
	background-repeat:no-repeat;
	background-position:-2px -601px;
}

.inpage-nav ul li.toplink.active {
	display:none;
	margin-left:0;
}

.inpage-nav.sticky.active {
	visibility:visible;
	-ms-filter:Alpha(opacity=100);
	filter:Alpha(opacity=100);
	opacity:1;
}

#functions-nav {
	display:table;
	width:100%;
	margin-top:40px;
}

#functions-nav .page-fs {
	vertical-align:middle;
	display:table-cell;
	min-width:150px;
	padding-right:20px;
}

#functions-nav .page-fs li {
	float:left;
	margin-left:10px;
}

#functions-nav .page-fs li a {
	display:block;
	width:32px;
	height:32px;
	background-image:url(../../../../docs/de/1913/sprite-functions-icons.png?v=1.0);
}

#functions-nav .page-fs li .send {
	background-position:left -200px;
}

#functions-nav .page-fs li .print {
	background-position:left -400px;
}

#functions-nav .page-fs li .top-func {
	background-position:left -600px;
}

#functions-nav .page-fs ul {
	float:right;
}

#functions-nav .social-fs {
	vertical-align:middle;
	display:table-cell;
	width:220px;
	padding-left:20px;
}

#functions-nav .social-fs li {
	float:left;
	margin-right:10px;
}

#functions-nav .social-fs li .blog {
	background-position:left -600px;
}

#functions-nav .social-fs li .fb {
	background-position:left -200px;
}

#functions-nav .social-fs li .twitter {
	background-position:left -400px;
}

#functions-nav .social-fs li .you-tube {
	background-position:left top;
}

#functions-nav .social-fs li a {
	display:block;
	width:32px;
	height:32px;
	background-image:url(../../../../docs/de/1915/sprite-social-icons.png?v=1.0);
}

#functions-nav .social-fs li .google {
	background-position:left -800px;
}

#functions-nav .breadcrumbs-fs {
	vertical-align:middle;
	display:table-cell;
}

#functions-nav .breadcrumbs-fs ul {
	margin-bottom:0px;
}

#functions-nav .breadcrumbs-fs ul li {
	float:left;
	margin-top:0px;
	margin-right:10px;
}

#functions-nav .breadcrumbs-fs ul li a {
	color:#CC1880;
}

#functions-nav ul {
	margin:0px;
}

#top-nav-mobile {
	position:fixed;
	display:none;
	overflow-x:hidden;
	overflow-y:auto;
	width:85%;
	height:100%;
	top:0;
	left:-100%;
	z-index:9999;
	-moz-box-shadow:0px 0px 12px 4px rgba(37,49,63,1.0);
	-webkit-box-shadow:0px 0px 12px 4px rgba(37,49,63,1.0);
	box-shadow:0px 0px 12px 4px rgba(37,49,63,1.0);
	background-color:#25313F;
	-o-transition:left 0.3s ease-in 0s;
	-webkit-transition:left 0.3s ease-in 0s;
	transition:left 0.3s ease-in 0s;
}

#top-nav-mobile ul#menu {
	margin-top:15px;
	margin-bottom:30px;
}

#top-nav-mobile ul#menu li {
	border-bottom-width:1px;
	border-bottom-color:#909DA5;
	border-bottom-style:solid;
}

#top-nav-mobile ul#menu li a {
	font-family:'Myriad W01 Regular',arial,sans-serif;
	font-weight:normal;
	font-style:normal;
	color:#BFC3C7;
	font-size:18px;
	text-decoration:none;
	line-height:20px;
	display:block;
	padding-top:10px;
	padding-right:20px;
	padding-bottom:10px;
	padding-left:20px;
	background-image:url(../../../../docs/de/1912/sprite-links-icons.png?v=1.0);
	background-repeat:no-repeat;
	background-position:right bottom;
}

#top-nav-mobile ul#menu li a.selected {
	color:#FFFFFF;
}

#top-nav-mobile ul#menu li a.selected .first-child {
	background-color:transparent;
}

#top-nav-mobile ul#menu li ul {
	display:none;
	border-top-width:1px;
	border-top-color:#909DA5;
	border-top-style:solid;
	margin:0px;
}

#top-nav-mobile ul#menu li ul li a {
	padding-left:45px;
}

#top-nav-mobile ul#menu li ul li ul li a {
	padding-left:70px;
}

#top-nav-mobile ul#menu li ul li ul li ul li a {
	padding-left:95px;
}

#top-nav-mobile ul#menu li ul .isLast {
	border-bottom-width:0px;
	border-bottom-style:none;
}

#top-nav-mobile ul#menu li .first-child {
	background-image:none;
}

#top-nav-mobile ul#menu li .first-child.selected {
	background-color:transparent !important;
}

#top-nav-mobile ul#menu li.selected a.selected {
	background-color:#CC1880;
}

#top-nav-mobile .search-form {
	margin-left:20px;
}

#top-nav-mobile .search-form .search-form-wrapper {
	display:table;
	min-width:300px;
}

#top-nav-mobile .search-form .search-form-wrapper .search-button {
	font-family:Arial, sans-serif;
	font-weight:normal;
	font-style:normal;
	color:#FFFFFF;
	font-size:13px;
	text-align:center;
	display:table-cell;
	height:27px;
	border-width:1px;
	border-color:#909DA5;
	border-style:solid;
	padding-top:0px;
	padding-right:10px;
	padding-bottom:0px;
	padding-left:10px;
	background-color:#909DA5;
	cursor:pointer;
}

#top-nav-mobile .search-form .search-form-wrapper .search-field {
	font-size:16px;
	display:table-cell;
	width:65%;
	height:25px;
	border-width:1px;
	border-color:#FFFFFF;
	border-style:solid;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	margin-right:10px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:10px;
	background-image:-o-linear-gradient(top, rgba(255,255,255,1.0) 0%, rgba(244,244,244,1.0) 100%);
	background-image:-moz-linear-gradient(top, rgba(255,255,255,1.0) 0%, rgba(244,244,244,1.0) 100%);
	background-image:-webkit-linear-gradient(top, rgba(255,255,255,1.0) 0%, rgba(244,244,244,1.0) 100%);
	background-image:-ms-linear-gradient(top, rgba(255,255,255,1.0) 0%, rgba(244,244,244,1.0) 100%);
	background-image:linear-gradient(top, rgba(255,255,255,1.0) 0%, rgba(244,244,244,1.0) 100%);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1.0)), color-stop(100%,rgba(244,244,244,1.0)));
}

#top-nav-mobile .footer-links {
	margin-top:30px;
	margin-right:20px;
	margin-bottom:30px;
	margin-left:20px;
}

#top-nav-mobile .footer-links a {
	font-family:'Myriad W01 Regular',arial,sans-serif;
	font-weight:normal;
	font-style:normal;
	color:#BFC3C7;
	font-size:18px;
	text-decoration:none;
	line-height:20px;
	display:block;
	float:left;
	clear:left;
	margin-bottom:12px;
}

#top-nav-mobile.active {
	left:0;
}

.openNav {
	position:absolute;
	width:27px;
	height:17px;
	top:15px;
	left:10px;
	background-image:url(../../../../docs/de/1906/sprite-design-icons.png?v=1.0);
	background-repeat:no-repeat;
	background-position:0px -300px;
}

.closeNav {
	position:absolute;
	width:27px;
	height:17px;
	top:15px;
	left:10px;
	background-image:url(../../../../docs/de/1906/sprite-design-icons.png?v=1.0);
	background-repeat:no-repeat;
	background-position:-100px -300px;
}

#overlay {
	position:fixed;
	display:none;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:9990;
	background-color:#F4F4F4;
	-ms-filter:Alpha(opacity=50);
	filter:Alpha(opacity=50);
	opacity:0.5;
}

#top-nav.small {
	padding-top:20px;
}

#top-nav.small ul li {
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}

#top-nav.small ul li a {
	font-size:17px;
}

.inpage-nav.small {
	bottom:20px;
}

nav.navigation-language {
	position:absolute;
	width:100%;
	height:30px;
	top:0px;
	background-color:#0098CA;
	-o-transition:top 350ms ease;
	-webkit-transition:top 350ms ease;
	transition:top 350ms ease;
}

nav.navigation-language ul {
	margin-top:9px;
	margin-right:9px;
}

nav.navigation-language ul li {
	margin-left:17px;
}

nav.navigation-language ul li p {
	font-family:'Myriad W01 Regular',arial,sans-serif;
	font-weight:normal;
	font-style:normal;
	color:#FFFFFF;
	font-size:14px;
	line-height:1em;
}

nav.navigation-language ul li a {
	font-family:'Myriad W01 SmBd', arial, sans-serif;
	font-weight:normal;
	font-style:normal;
	color:#FFFFFF;
	font-size:14px;
	line-height:1em;
}

nav.navigation-language.small {
	top:-40px;
}

.side-nav {
	margin-top:102px;
}

.side-nav nav {
	overflow:hidden;
}

.side-nav nav > ul {
	border-bottom-width:1px;
	border-bottom-color:#BFC3C7;
	border-bottom-style:solid;
}

.side-nav nav > ul > li a {
	font-family:'Myriad W01 Regular',arial,sans-serif;
	font-weight:normal;
	font-style:normal;
	color:#25313F;
	font-size:16px;
	text-transform:uppercase;
	line-height:44px;
	position:relative;
	display:block;
	border-top-width:1px;
	border-bottom-width:0px;
	border-top-color:#BFC3C7;
	border-bottom-color:#BFC3C7;
	border-top-style:solid;
	border-bottom-style:solid;
	margin-bottom:0px;
	padding-top:0px;
	padding-left:2px;
}

.side-nav nav > ul > li > ul {
	display:block;
	overflow:hidden;
	width:100%;
	max-height:0;
	margin-top:0;
	margin-bottom:0px;
	margin-left:35px;
	-ms-filter:Alpha(opacity=0);
	filter:Alpha(opacity=0);
	opacity:0;
	-webkit-transform:translate(10%,1%);
	-ms-transform:translate(10%,1%);
	transform:translate(10%,1%);
	-o-transition:all 350ms ease;
	-webkit-transition:all 350ms ease;
	transition:all 350ms ease;
}

.side-nav nav > ul > li > ul li a {
	text-transform:none;
	line-height:45px;
	border-top-width:1px;
	padding-left:1px;
	background-image:none;
}

.side-nav nav > ul li.selected > a {
	color:#0098CA;
	background-position:right 18px;
}

.side-nav nav > ul > li.toggled > ul {
	max-height:300px;
	-ms-filter:Alpha(opacity=100);
	filter:Alpha(opacity=100);
	opacity:1;
	-webkit-transform:translate(0);
	-ms-transform:translate(0);
	transform:translate(0);
}

.side-nav nav h2 {
	font-family:Arial, sans-serif;
	font-weight:bold;
	font-style:normal;
	font-size:16px;
	line-height:22px;
}

.side-nav nav h3 {
	font-family:'Myriad W01 Regular',arial,sans-serif;
	font-weight:normal;
	font-style:normal;
	color:#25313F;
	font-size:18px;
	text-transform:uppercase;
	line-height:22px;
	margin-bottom:30px;
}

.nav-spacer {
	margin-top:50px;
}
/* style: Hauptstil language: default / engineId: default / pseudo: active */
#top-nav-mobile ul#menu li a:active {
	color:#FFFFFF;
	background-color:#CC1880;
}
/* style: Hauptstil language: default / engineId: default / pseudo: hover */
#language-nav > ul > li a:hover {
	color:#25313F;
	text-decoration:none;
}

#language-nav > ul li.selected a:hover {
	text-decoration:none;
}

#top-nav ul li a:hover {
	color:#FFFFFF;
}

.inpage-nav ul li a:hover {
	color:#FFFFFF;
	background-color:#CC1880;
}

.inpage-nav ul li.toplink a:hover {
	background-position:11px -694px;
}

#functions-nav .page-fs li .send:hover {
	background-position:-100px -200px;
}

#functions-nav .page-fs li .print:hover {
	background-position:-100px -400px;
}

#functions-nav .page-fs li .top-func:hover {
	background-position:-100px -600px;
}

#functions-nav .social-fs li .blog:hover {
	background-position:-100px -600px;
}

#functions-nav .social-fs li .fb:hover {
	background-position:-100px -200px;
}

#functions-nav .social-fs li .twitter:hover {
	background-position:-100px -400px;
}

#functions-nav .social-fs li .you-tube:hover {
	background-position:-100px top;
}

#functions-nav .social-fs li .google:hover {
	background-position:-100px -800px;
}

#functions-nav .breadcrumbs-fs ul li a:hover {
	color:#25313F;
}

#top-nav-mobile .search-form .search-form-wrapper .search-button:hover {
	background-color:#5DC6E8;
}

nav.navigation-language ul li a:hover {
	color:#25313F;
	text-decoration:none;
}

.side-nav nav > ul > li a:hover {
	color:#CC1880;
}
/* style: Hauptstil language: default / engineId: default / pseudo: before */
.side-nav nav > ul > li > a:before {
	font-family:"Touchway";
	font-weight:normal;
	font-style:normal;
	font-size:22px;
	text-transform:none;
	line-height:44px;
	float:left;
	width:35px;
	content:'A';
}

.side-nav nav a.license:before {
	content:'\004c';
}

.side-nav nav a.user:before {
	content:'U';
}

.side-nav nav a.feedplay:before {
	content:'^';
}

.side-nav nav a.feeds:before {
	content:'_';
}

.side-nav nav a.support:before {
	content:'\005c';
}

.side-nav nav a.devices:before {
	content:'v';
}

.side-nav nav a.licenses:before {
	content:'\0047';
}

.side-nav nav a.groups:before {
	content:'\003d';
}
/* style: Hauptstil language: default / engineId: default / pseudo: after */
.side-nav nav > ul > li > .toggler:after {
	font-family:"Touchway";
	font-weight:normal;
	font-style:normal;
	font-size:26px;
	text-transform:none;
	position:absolute;
	top:50%;
	right:0;
	content:'s';
	margin-top:2px;
	margin-right:0;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}

.side-nav nav > ul > li.toggled > a:after {
	font-family:"Touchway";
	font-weight:normal;
	font-style:normal;
	font-size:26px;
	text-transform:none;
	float:right;
	content:'r';
	margin-top:2px;
}

/* navigation @media Tablet */
@media only screen and (max-width: 1001px) {

/* style: Hauptstil language: default / engineId: default / pseudo: default */
#top-nav {
	display:none;
}

.inpage-nav.sticky {
	display:none;
}

.inpage-nav.sticky.active {
	visibility:hidden;
}

#top-nav-mobile {
	display:block;
}

#overlay {
	display:block;
}
}

/* navigation @media Mobile */
@media only screen  and (max-width : 700px) {

/* style: Hauptstil language: default / engineId: default / pseudo: default */
#top-nav {
	display:none;
}

#functions-nav .social-fs {
	padding-left:10px;
}

#functions-nav .breadcrumbs-fs {
	display:none;
}

.openNav {
	display:block;
}
}