/* Style Sheet tr.web.authoring */
/* http://www.thorsten-reinicke.de/ */
/* © 2018 Thorsten Reinicke */


nav#start {
	font-family: Raleway, Arial, sans-serif ; 
	text-transform: uppercase ; 
	font-size: 14px ; 
	line-height: 1 ; 
	position: fixed ; 
	z-index: 50 ; 
	top: 0 ; 
	right: 6px ; 
	padding: 24px 24px 24px 0 ; 
	border: 0px solid black ; 
	background: green ; 
	margin: 6px 0 0 0 ; 
	background: transparent ; 
	transition: all 0.5s ease-in-out ; }

nav#start:hover {
	background: white ; 
	margin: 6px 0 0 0 ; 
	transition: all 0.5s ease-in-out ; 
	box-shadow: 0px 0px 12px rgba(0,0,0,0.5) ;  }

nav#start a {
	text-decoration: none ; 
	letter-spacing: 1px ; 
	display: inline-block ; 
	padding: 0 ; 
	background: transparent ; 
	margin-left: 12px ; }


nav#start a:link,
nav#start a:visited {
	color: #223355 ; }

nav#start a:hover {
	color: #445566 ; }

nav#start a:active {
	color: lightsteelblue ; }
 

nav#start a:before
{	content: "\2192" ; /* "\25E2" */ 
	color: #003366 ; 
	font-size: 14px ; 
	margin-right: 4px ; }

nav#start a:hover:before {
	content: "\25E5" ; 
	color: #FF3366 ; }


nav#start ul {
	position: fixed ;  
	z-index: 1 ; 
	top: 54px ; 
	padding: 6px 24px 6px 0 ; 
	font-size: 14px ; 
	line-height: 2 ; 
	margin-bottom: 0 ;  
	margin-left: 400px ; 
	list-style-type: none ; 
	box-shadow: 0px 4px 12px rgba(0,0,0,0.5) ; 
	background: white ; 
	transition: all 0.5s ease-in-out ; }

nav#start:hover ul {
	top: 54px ; 
	padding: 6px 24px 6px 0 ; 
	margin-bottom: 0 ;  
	margin-left: 0 ; 
	transition: all 0.5s ease-in-out ; }

nav#start ul li { 
	margin: 4px 0 4px 0 ; }


nav#start ul a {
	display: block ; }

nav#start ul a:before
{	content: "\25E2" ; 
	color: #003366 ; 
	font-size: 10px ; 
	margin-right: 8px ; }


nav#start span {
	color: #FF3366 ; 
	letter-spacing: 1px ; 
	margin-left: 18px ; }


.before:before
{	content: "\2192" ; 
	color: #003366 ; 
	font-size: 10px ; 
	margin-right: 8px ; 
	line-height: 20px ; }

nav#start ul a:hover:before {
	content: "\25E5" ; 
	color: #FF3366 ; }

nav#start ul a:active:before {
	color: #003366 ; }



nav#lang {
	font-family: Raleway, Arial, sans-serif ; 
	font-size: 12px ; 
	text-transform: uppercase ; 
	position: fixed ; 
	top: 120px ; 
	right: 30px ; 
	padding: 0 ; 
	border: 0 ; 
	margin: 0 ; 
	z-index: 10 ; }

nav#lang a {
	text-decoration: none ; 
	letter-spacing: 1px ; 
	color: #223355 ;  }

nav#lang a:hover {
	color: #445566 ; }

nav#lang a:active {
	color: #223344 ; }

nav#lang a:before
{	content: "\25E2" ; 
	color: #003366 ; 
	font-size: 8px ; 
	margin-right: 3px ; }

nav#lang a:hover:before {
	content: "\25E5" ; 
	color: #FF3366 ; }

nav#lang a:active:before {
	color: #003366 ; }