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



/* ---------------------------------- BASICS ---------------------------------- */

a:focus { outline: none; }

img {
	border: none;
} 
 
a:link.img {
	border: none;
}

#wrapper{
	width:837px;
	margin-left:57px;
	font-family:'FrutigerLTW02-55Roman';
	font-size: 16px;
	line-height: 23px;
	color: #595959;
}

.clear{
	clear:both;
}



/* ---------------------------------- FONTS ---------------------------------- */

h1{
	font-family:'GillSansW02-DisplayXtra';
	font-size:45px;
	font-weight: normal;
	font-style: normal;
	line-height:45px;
	color:#f6621c;
	
}

h2{
	font-size:20px;
	font-weight: normal;
	font-style: normal;
	padding:10px 0px 10px 0px;
	margin:15px 0px 20px 0px;
}







/* ---------------------------------- CONTENT ---------------------------------- */

#preloader {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:9999999; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(img/preloader.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}

#bild_vorne{
	position:absolute;
	top:30px;
	left:65px;
	z-index:5;
	width:837px;
	height:415px;
}

#bild_hinten{
	position:absolute;
	top:30px;
	left:65px;
	z-index:4;
	width:837px;
	height:415px;
	overflow:hidden;
}


#text{
	position:absolute;
	top:30px;
	left:440px;
	z-index:999;
	width:460px;
	font-family:'FrutigerLTW02-55Roman';
	font-size: 12px;
	line-height: 18px;
	color: #595959;
}

#text_head{
	position:relative;
	width:460px;
	font-family:'GillSansW02-DisplayXtra';
	font-size: 20px;
	line-height: 25px;
	color:#f6621c;
	margin-bottom: 10px;
}

#text_maincopy{
	position:relative;
	width:460px;
	font-family:'FrutigerLTW02-55Roman';
	font-size: 16px;
	line-height: 23px;
	color: #595959;
	margin-bottom: 40px;
}

#text_subhead{
	position:relative;
	width:460px;
	font-family:'GillSansW02-DisplayXtra';
	font-size: 12px;
	color:#f6621c;
	margin-bottom: 10px;
}


#text_subcopy{
	position:relative;
	width:460px;
	font-family:'FrutigerLTW02-55Roman';
	font-size: 12px;
	line-height: 17px;
	color: #595959;
}



a.arrow-link {
	display: block;
	float: left; 
	padding-left: 26px;
	height: 16px; 
	background: url(img/circle_arrow_right.png) no-repeat top left; 
	color: #595959; 
	text-decoration: none;
	font-size: 14px;
	line-height: 1em;
}

a.arrow-link:hover { 
	background-position: left bottom; 
	text-decoration:none;
	color: #f6621c; 
}



/* ---------------------------------- TIMELINE ---------------------------------- */


#falte{
	position:absolute;
	top:440px;
	left:45px;
	width:859px;
	height:145px;
	z-index:998;
}


#nav{
	position:absolute;
	top:545px;
	left:55px;
	width:837px;
	height:125px;
	z-index:999;
}


#zeiger{
	position:absolute;
	top:470px;
	left:77px;
	z-index:0;
	width:21px;
	height:36px;
	background-image: url(img/zeiger.jpg);
	background-repeat:no-repeat;
}


#timeline_back{
	margin-left: 43px;
	margin-top:0px;
	width:546px;
	height:6px;
}


.nav_entry_1, .nav_entry_2, .nav_entry_3, .nav_entry_4, .nav_entry_5, .nav_entry_6, .nav_entry_7, .nav_entry_8, .nav_entry_9, .nav_entry_10, .nav_entry_11, .nav_entry_12, .nav_entry_13, .nav_entry_14, .nav_entry_15, .nav_entry_16, .nav_entry_17, .nav_entry_18, .nav_entry_19 {
	position:absolute;
	z-index: 999;
	font-family:'GillSansW02-DisplayXtra';
	font-size: 12px;
	color: #595959;
	text-align:center;
	width:46px;
	height:55px;
	overflow:hidden;
}

.nav_entry_1 img, .nav_entry_2 img, .nav_entry_3 img, .nav_entry_4 img, .nav_entry_5 img, .nav_entry_6 img, .nav_entry_7 img, .nav_entry_8 img, .nav_entry_9 img, .nav_entry_10 img, .nav_entry_11 img, .nav_entry_12 img, .nav_entry_13 img, .nav_entry_14 img, .nav_entry_15 img, .nav_entry_16 img, .nav_entry_17 img, .nav_entry_18 img, .nav_entry_19 img {
	margin-bottom: 10px;
	position:absolute;
	left: 13px;
}

.nav_entry_1{
	top: -7px;
	left: 10px;
}
.nav_entry_2{
	top: -30px;
	left: 50px;
}
.nav_entry_3{
	top: -7px;
	left: 90px;
}
.nav_entry_4{
	top: -30px;
	left: 130px;
}
.nav_entry_5{
	top: -7px;
	left: 170px;
}
.nav_entry_6{
	top: -30px;
	left: 210px;
}
.nav_entry_7{
	top: -7px;
	left: 250px;
}
.nav_entry_8{
	top: -30px;
	left: 290px;
}
.nav_entry_9{
	top: -7px;
	left: 350px;
}
.nav_entry_10{
	top: -30px;
	left: 390px;
}
.nav_entry_11{
	top: -7px;
	left: 430px;
}
.nav_entry_12{
	top: -30px;
	left: 470px;
}
.nav_entry_13{
	top: -7px;
	left: 510px;
}
.nav_entry_14{
	top: -30px;
	left: 550px;
}
.nav_entry_15{
	top: -7px;
	left: 590px;
}
.nav_entry_16{
	top: -30px;
	left: 630px;
}
.nav_entry_17{
	top: -7px;
	left: 670px;
}
.nav_entry_18{
	top: -30px;
	left: 710px;
}
.nav_entry_19{
	top: -7px;
	left: 750px;
}