@charset "utf-8";
/* CSS Document */

#jobbanner {
	z-index: 99999999999;
	animation-duration: 1.1s;
	animation-delay: 0s;
	animation-timing-function: ease-out;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	opacity: 1;
	animation-name: job-banner;
	display: block;
	height: 100%;
	width: 330px;
	background-image: url(../bilder/home/job-banner.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
	top: 0px;
	padding-top: 12px;
	padding-left: 20px;
	box-shadow: -8px 0px 8px rgba(0,0,0,0.4);
}

#jobbanner h1, h2 {
	font-size: 40px;
	font-weight: normal;
	line-height: 1em;
	color: rgba(255,255,255,1);
	margin-bottom: 0px;
}

#jobbanner h2 {
	font-size: 50px;
	color: rgba(255,255,255,1);
}

.zu-jobs {
	position: fixed;
	bottom: 15px;
	width: 220px;
	margin-left: 34px;
}


@keyframes job-banner {
    0% { position: fixed; right: -600px; z-index: 1000000000; opacity: 0; }
	5% { position: fixed; right: -400px; z-index: 1000000000; opacity: 1; }
	100% { position: fixed; right: 0px; z-index: 1000000000; opacity: 1; }
	
}