#containerheader.bgbright {
	background-color: rgba(255, 255, 255,0.7);
	border-bottom: 1px solid rgba(0, 0, 0, 0.7);
	color: rgb(0, 0, 0);
}
#containerheader.bgdark {
	background-color: transparent;
	border: none;
	color: rgb(255, 255, 255);
}

#header a {
	color: inherit;
	font-size: 0.8em;
	font-weight: 500;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	border: 0;
	font-family: "Roboto", Helvetica, sans-serif;
	text-align: right;	
	vertical-align: bottom;
	font-style: normal;
	line-height: 1.8em;
}
.headernavbright a:link { 
		color: #ffffff; 
		text-decoration: none;
	}  
.headernavbright a:visited { 
		color: #aaaaaa;
		text-decoration: none; 
	}  
.headernavbright a:active {  
		color: #811704;
		text-decoration: none; 
	}
.headernavbright a:hover { 
		color: #ffffff;
		text-decoration: underline;
	}
.headernavdark a:link { 
		color: #000000; 
		text-decoration: none;
	}  
.headernavdark a:visited { 
		color: #242424;
		text-decoration: none; 
	}  
.headernavdark a:active {  
		color: #000000;
		text-decoration: none; 
	}
.headernavdark a:hover { 
		color: #000000;
		text-decoration: underline;
	}
#menubutton{
		position: fixed;
		width: 21px; 
		height: 21px; 
		top:3px;
		right: 6px;
		color: rgb(224, 224, 224);
		border: 0;
		z-index: 350;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-color: transparent;
	}
.menubuttondark {
		background-image: url(/css/icons/icons_web/menubuttondark.svg);
	}
.menubuttonbright {
		background-image: url(/css/icons/icons_web/menubuttonbright.svg);
	}
#accountbutton{
		position: fixed;
		width: 21px; 
		height: 21px; 
		top:3px;
		right: 66px;
		color: rgb(224, 224, 224);
		border: 0;
		z-index: 350;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-color: transparent;
	}
.accountbuttondark {
		background-image: url(/css/icons/icons_web/accountbuttondark.svg);
	}
.accountbuttonbright {
		background-image: url(/css/icons/icons_web/accountbuttonbright.svg);
	}
#loginbutton {
		position: fixed;
		width: 21px; 
		height: 21px; 
		top:3px;
		right: 36px;
		color: rgb(224, 224, 224);
		border: 0;
		z-index: 350;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-color: transparent;
	}
.loginbuttondark {
		background-image: url(/css/icons/icons_web/loginbuttondark.svg);
	}
.loginbuttonbright {
		background-image: url(/css/icons/icons_web/loginbuttonbright.svg);
	}
#logoutbutton {
		position: fixed;
		width: 21px; 
		height: 21px; 
		top:3px;
		right: 36px;
		color: rgb(224, 224, 224);
		border: 0;
		z-index: 350;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-color: transparent;
	}
.logoutbuttondark {
		background-image: url(/css/icons/icons_web/logoutbuttondark.svg);
	}
.logoutbuttonbright {
		background-image: url(/css/icons/icons_web/logoutbuttonbright.svg);
	}

	@media only screen and (orientation: landscape) { 		
		#containerheader{
			position: fixed;
			top: 0px;
			left: 0;
			width: 100%;
			height: 60px;
			z-index: 290;
			background-size: cover;
			border: 0;
		}
		#header { 	
			position: absolute;
			top: 12px;
			left: 50%;
			transform: translateX(-50%);
			width: 95%;
			height: 30px;
			background-color: transparent;
			overflow: visible;
			z-index: 300;
			border: 0;
			display: flex;
			flex-direction: row;
			justify-content: left;
			
			padding-top: 9px;
			
		}
		#header_mobil{	
			display: none;
		}
}
@media only screen and (orientation: portrait) {
		#containerheader{
			display: none;
		}
		#header{
			display: none;
		}
		#containerheader_mobil{	
			position: fixed;
			top: 9px;
			right: 0px;
			width: 90px;
			height: 120px;
			z-index: 290;
			border: 0;
			background-color: transparent;
		}
		#header_mobil { 	
			position: fixed;
			top: 9px;
			right:0px;
			min-width: 90px;
			min-height: 120px;
			z-index: 300;
			border: none;
			background-color: transparent;
		}
		.avicamobillogo_bright{
			background-image: url(/css/logo/avicamobillogo_bright.svg);
		}
		.avicamobillogo_dark{
			background-image: url(/css/logo/avicamobillogo_dark.svg);
		}


}