#page-wrapper {

	}	
	
	.homepage #header-wrapper {
	}
	
		
	#header-wrapper {
		position: absolute;
		padding: 0em 0 4em 0;
		/*background-image: url("../../images/header_back.jpg");
		background-color: #010101;
		background-size: 100% 620%;
		background-size: 128px 128px, 100% 620%, auto;
		background-repeat: no-repeat;
		background-position: top center;*/
	
	}

	
	/*.head-slider {
		position: absolute;
		top:4em;
		width:100%;
		padding:0em auto 0em auto;
		margin: 2em 0 0 0;

	}*/

	.homepage #header-wrapper {
	}

	#nav {
		text-align: center;
		position: relative;
		top: 0;
		margin: 0 auto;
		max-width: 1440px;
		font-weight: 300;
		line-height: 3.8em;
		text-transform:uppercase;	
	
	}

	.nav_s {
font-weight: 300;
	}
	
	.nav_u {
	font-weight: 300;
	}
	

		#nav > ul {
			margin: 0;
		}

			#nav > ul > li {
				display: inline-block;
				margin: 0 0.5em 0 0.5em;
			}

				#nav > ul > li > ul {
					display: none;
				}

				#nav > ul > li > span, #nav > ul > li > a {
					color: #fff;
					font-size: 18px;
					font-weight: 300;
					text-decoration: none;
					outline: 0;
					border: 0;
					border: solid 1px rgba(255, 255, 255, 0);
					border-radius: 0.35em;
					padding: 0.3em 0.3em 0.3em 0.3em;
					-moz-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
					-webkit-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
					-o-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
					-ms-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
					transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
				}

				#nav > ul > li.active > span, #nav > ul > li.active > a {
					border-color: rgba(255, 255, 255, 0.75);
					background-color: rgba(255, 255, 255, 0.15);
					color: #4d569b;
				}
				

				#nav > ul > li:first-child {
					margin-left: 0;
				}

				#nav > ul > li.break {
					margin-left: 20em;
				}
				
				#nav a:hover {
					color: #4d569b;
					background: #fff;
					border-bottom-color: rgba(255, 255, 255, 0);
					
		}
		

	.dropotron {
		text-align: left;
		line-height: 2em;
		border-radius: 0.35em;
		min-width: 12em;
		background: #fff;
		line-height: 1em;
		padding: 0.85em 0 0.85em 0;
		box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
		margin-top: -0.8em;
	}

		.dropotron a, .dropotron span {
			display: block;
			padding: 0.65em 1em 0.65em 1em;
			border-top: solid 1px #e8e8e8;
			border-bottom: 0;
		}

		.dropotron li:first-child > a, .dropotron li:first-child > span {
			border-top: 0;
		}

		.dropotron li.active > a, .dropotron li.active > span {
			color: #f35858;
		}

		.dropotron.level-0 {
			font-size: 0.9em;
			margin-top: 0;
		}

			.dropotron.level-0:before {
				content: '';
				position: absolute;
				top: -1em;
				width: 1em;
				height: 1em;
				border-bottom: solid 0.5em #fff;
				border-left: solid 0.5em rgba(255, 255, 255, 0);
				border-right: solid 0.5em rgba(255, 255, 255, 0);
			}

			.dropotron.level-0.center:before {
				left: 50%;
				margin-left: -0.5em;
			}

			.dropotron.level-0.left:before {
				left: 1em;
			}

			.dropotron.level-0.right:before {
				right: 1em;
			}



/* Normal */

	@media screen and (max-width: 1280px) {

		/* Basic */

		/* Wrappers */

			.wrapper {
				padding: 5em 0 5em 0;
			}

			#header-wrapper {
				padding: 2em 0 2em 0;
			}

			.homepage #header-wrapper {
				padding: 8em 0 4em 0;
			}

			#promo-wrapper {
				padding: 5em 0 5em 0;
			}

			#footer-wrapper {
				padding: 5em 0 2em 0;
			}
			
			#nav > ul > li > span, #nav > ul > li > a {
				font-size: 16px;	
				}
			#nav > ul > li {
				display: inline-block;
				margin: 0 0.2em 0 0.2em;
			}

	}

/* Narrow */
	@media screen and (max-width: 1080px) {

		/* Sections/Article */

			header br {
				display: none;
			}

		/* Button */

			input[type="button"],
			input[type="submit"],
			input[type="reset"],
			button,
			.button {
				padding: 1em 1.25em;
				
			}

		/* Wrappers */

			.wrapper {
				padding: 4em 2em 4em 2em;
			}

			#header-wrapper {
				padding: 5em 0 1em 0;
			}

			.homepage #header-wrapper {
				padding: 5em 0 4em 0;
			}

			#promo-wrapper {
				padding: 2em;
			}

			#footer-wrapper {
				padding: 4em 2em 1.6em 2em;
			}


		/* Header */

			#nav {
				
			}

				#nav > ul > li {
					margin-left: 0;
				}

					#nav > ul > li.break {
						margin-left: 0;
					}

			.dropotron.level-0 {
				margin-top: 1.1em;
			}
			

/* Mobile */

	#navPanel, #navButton {
		display: none;
	}

	@media screen and (max-width: 870px) {



		/* List */

			ul.divided li {
				padding-top: 0.75em;
				margin-top: 0.75em;
			}

		/* Wrappers */

			.wrapper {
				padding: 3em 20px 3em 20px;
				background: 
				url("images/ttst_contentbg_mob.jpg") no-repeat,
				url("images/ttst_bg_mob.png") repeat-y;
				background-position: top center;
				background-size: 100%, contain;
				overflow:visible;
				
			}

			#header-wrapper {
				padding: 3em 20px 20px 20px;
				text-align: center;
			}

			.homepage #header-wrapper {
				padding: 3em 20px 3em 20px;
			}


		/* Header */

		/* Nav */

			#nav {
				display: none;
			}

		/* Off-Canvas Navigation */

			#page-wrapper {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				padding-bottom: 1px;
				
			}

			#navButton {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 44px;
				left: 0;
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 10001;
				background: none;
			}

				#navButton .toggle {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					border: 0;
					outline: 0;
				}

				/*	#navButton .toggle:before {
						font-family: FontAwesome;
						text-decoration: none;
						font-style: normal;
						font-weight: normal;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						content: '\f0c9';
						color: #fff;
						font-size: 18px;
						text-align: center;
						display: block;
						width: 80px;
						height: 30px;
						line-height: 30px;
						position: absolute;
						left: 50%;
						margin-left: -40px;
						background: rgba(128, 132, 136, 0.35);
						border-top: 0;
						border-radius: 0 0 0.35em 0.35em;
					} */

					#navButton .toggle:before {
						font-family: Titillium Web;
						text-decoration: none;
						font-style: normal;
						font-weight: normal;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						content: 'MENÜ';
						color: #fff;
						font-size: 1.2em;
						text-align: center;
						display: block;
						width: 100%;
						height: 40px;
						line-height: 40px;
						position: absolute;
						left: 50%;
						margin-left: -50%;
						background: rgba(88, 103, 184, 0.8);
						border-top: 0;
						border-radius: 0 0 0.35em 0.35em;
					}
					
					
			#navPanel {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transform: translateY(-8em);
				-webkit-transform: translateY(-8em);
				-ms-transform: translateY(-8em);
				transform: translateY(-8em);
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				/*background-image: url("images/overlay.png"), url("images/navPanel.svg"), -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.25));
				background-image: url("images/overlay.png"), url("images/navPanel.svg"), -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.25));
				background-image: url("images/overlay.png"), url("images/navPanel.svg"), -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.25));
				background-image: url("images/overlay.png"), url("images/navPanel.svg"), linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.25));*/
				display: block;
				left: 0;
				overflow-y: auto;
				position: fixed;
				top: 0;
				width: 100%;
				height: 8em;
				z-index: 10002;
				box-shadow: inset 0px -2px 5px 0px rgba(0, 0, 0, 0.25);
				font-size: 1.3em;
				background-color: #242b49;
				background-size: 128px 128px, 100% 100%, 100% 100%;
				text-align:center;
			}

				#navPanel .link {
					position: relative;
					z-index: 1;
					display: inline-block;
					text-decoration: none;
					padding: 0.6em;
					color: #ddd;
					border: 0;
					border-top: dotted 1px rgba(255, 255, 255, 0.1);
				}

					#navPanel .link.depth-0 {
						
						font-weight: 400;
					}

				#navPanel .indent-1 {
					display: inline-block;
					width: 1em;
				}

				#navPanel .indent-2 {
					display: inline-block;
					width: 2em;
				}

				#navPanel .indent-3 {
					display: inline-block;
					width: 3em;
				}

				#navPanel .indent-4 {
					display: inline-block;
					width: 4em;
				}

				#navPanel .indent-5 {
					display: inline-block;
					width: 5em;
				}

				#navPanel .depth-0 {
					color: #fff;
				}

			body.navPanel-visible #page-wrapper {
				-moz-transform: translateY(8em);
				-webkit-transform: translateY(8em);
				-ms-transform: translateY(8em);
				transform: translateY(8em);
			}

			body.navPanel-visible #navButton {
				-moz-transform: translateY(8em);
				-webkit-transform: translateY(8em);
				-ms-transform: translateY(8em);
				transform: translateY(8em);
			}

			body.navPanel-visible #navPanel {
				-moz-transform: translateY(0);
				-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
				transform: translateY(0);
			}
			
			
			#navButton a,
			#navPanel a {
				-moz-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
				-webkit-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
				-ms-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
				transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
				color: inherit;
				border-radius: 0em;
				padding: 0;
				margin: 0;
				text-decoration: none;
				/*border-bottom: dotted 1px #888899;*/
				text-transform: uppercase;
				background: transparent;

		
	}
	
			#navButton a:hover {
				color: #4d569b;
				background: none;
				border-bottom-color: none;
			}
		
			
			#navPanel a:hover {
				color: #4d569b;
				background: #fff;
				border-bottom-color: none;
			}
		

			#navPanel .link.depth-0 a:hover {
				color: #4d569b;
			}
			
			
			ul  {
				margin-bottom: 0em;
			}
	



	}

/* Mobile (Portrait) */

	@media screen and (max-width: 480px) {


		/* List */

			ul.actions li {
				display: block;
				margin: 0 0.5em 0 0.5em;
			}

				ul.actions li:first-child {
					margin-top: 0;
				}

			ul.actions.major {
				text-align: left !important;
			}
	
		
		/* Off-Canvas Navigation */

			#page-wrapper {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				padding-bottom: 1px;
				
			}

			#navButton {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 44px;
				left: 0;
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 10001;
				background: none;
			}

				#navButton .toggle {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					border: 0;
					outline: 0;
				}

				/*	#navButton .toggle:before {
						font-family: FontAwesome;
						text-decoration: none;
						font-style: normal;
						font-weight: normal;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						content: '\f0c9';
						color: #fff;
						font-size: 18px;
						text-align: center;
						display: block;
						width: 80px;
						height: 30px;
						line-height: 30px;
						position: absolute;
						left: 50%;
						margin-left: -40px;
						background: rgba(128, 132, 136, 0.35);
						border-top: 0;
						border-radius: 0 0 0.35em 0.35em;
					} */

					#navButton .toggle:before {
						font-family: Titillium Web;
						text-decoration: none;
						font-style: normal;
						font-weight: normal;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						content: 'MENÜ';
						color: #fff;
						font-size: 1.2em;
						text-align: center;
						display: block;
						width: 100%;
						height: 40px;
						line-height: 40px;
						position: absolute;
						left: 50%;
						margin-left: -50%;
						background: rgba(88, 103, 184, 0.8);
						border-top: 0;
						border-radius: 0 0 0.35em 0.35em;
					}
					
					
			#navPanel {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transform: translateY(-10em);
				-webkit-transform: translateY(-10em);
				-ms-transform: translateY(-10em);
				transform: translateY(-10em);
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				/*background-image: url("images/overlay.png"), url("images/navPanel.svg"), -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.25));
				background-image: url("images/overlay.png"), url("images/navPanel.svg"), -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.25));
				background-image: url("images/overlay.png"), url("images/navPanel.svg"), -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.25));
				background-image: url("images/overlay.png"), url("images/navPanel.svg"), linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.25));*/
				display: block;
				left: 0;
				overflow-y: auto;
				position: fixed;
				top: 0;
				width: 100%;
				height: 10em;
				z-index: 10002;
				box-shadow: inset 0px -2px 5px 0px rgba(0, 0, 0, 0.25);
				font-size: 1.1em;
				background-color: #242b49;
				background-size: 128px 128px, 100% 100%, 100% 100%;
				text-align:center;
			}

				#navPanel .link {
					position: relative;
					z-index: 1;
					display: inline-block;
					text-decoration: none;
					padding: 0.45em;
					color: #ddd;
					border: 0;
					border-top: dotted 1px rgba(255, 255, 255, 0.1);
				}

					#navPanel .link.depth-0 {
						
						font-weight: 400;
					}

				#navPanel .indent-1 {
					display: inline-block;
					width: 1em;
				}

				#navPanel .indent-2 {
					display: inline-block;
					width: 2em;
				}

				#navPanel .indent-3 {
					display: inline-block;
					width: 3em;
				}

				#navPanel .indent-4 {
					display: inline-block;
					width: 4em;
				}

				#navPanel .indent-5 {
					display: inline-block;
					width: 5em;
				}

				#navPanel .depth-0 {
					color: #fff;
				}

			body.navPanel-visible #page-wrapper {
				-moz-transform: translateY(10em);
				-webkit-transform: translateY(10em);
				-ms-transform: translateY(10em);
				transform: translateY(10em);
			}

			body.navPanel-visible #navButton {
				-moz-transform: translateY(10em);
				-webkit-transform: translateY(10em);
				-ms-transform: translateY(10em);
				transform: translateY(10em);
			}

			body.navPanel-visible #navPanel {
				-moz-transform: translateY(0);
				-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
				transform: translateY(0);
			}
			
			
			#navButton a,
			#navPanel a {
				-moz-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
				-webkit-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
				-ms-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
				transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
				color: inherit;
				border-radius: 0em;
				padding: 0;
				margin: 0;
				text-decoration: none;
				/*border-bottom: dotted 1px #888899;*/
				text-transform: uppercase;
				background: transparent;

		
	}
	
			#navButton a:hover {
				color: #4d569b;
				background: none;
				border-bottom-color: none;
			}
		
			
			#navPanel a:hover {
				color: #4d569b;
				background: #fff;
				border-bottom-color: none;
			}
		

			#navPanel .link.depth-0 a:hover {
				color: #4d569b;
			}
			
			
			ul  {
				margin-bottom: 0em;
			}

	}
	
	
@media screen and (max-width: 480px) {	
			#nav > ul > li > span, #nav > ul > li > a {
				font-size: 14px;	
				}
			#nav > ul > li {
				display: inline-block;
				margin: 0 0.2em 0 0.2em;
			}