/* Colors:
 *  
 * icon-grey: #6f6f6f
 * info-grey: #333333
 */

body {
	font-family:Arial,Verdana,sans-serif;
	font-size: 14px;
}

body,h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}

#timeline {
	width:135000px;
	position:absolute;
	height:315px;
	top:200px;
	background:transparent url(../img/zeitleiste.png) repeat-x 0 297px;
}

.remotecontrol {
	position: fixed;
	top: 540px;
	left: 33%;
}

#bottom {
	position: fixed;
	width: 100%;
	bottom: 7px;
}

.navigation {
	width:100px;
	margin:0 auto 20px;
}

.toc {
	width:590px;
	margin:0 auto;
}

.navigation a, .toc a {
	cursor:pointer;
}

.toc a {
	display:block;
	width:65px;
	height:75px;
	float:left;
	background:transparent url(../img/houses_normal.png) no-repeat;
}

.toc .hover {background:transparent url(../img/houses_rollover.png) no-repeat;}
.toc .active {background:transparent url(../img/houses_active.png) no-repeat;}

.toc .chapter-nav-1,.toc .chapter-nav-1.hover,.toc .chapter-nav-1.active {background-position:-8px -32px;}
.toc .chapter-nav-2,.toc .chapter-nav-2.hover,.toc .chapter-nav-2.active {background-position:-72px -32px;}
.toc .chapter-nav-3,.toc .chapter-nav-3.hover,.toc .chapter-nav-3.active {background-position:-134px -32px;}
.toc .chapter-nav-4,.toc .chapter-nav-4.hover,.toc .chapter-nav-4.active {background-position:-200px -32px;}
.toc .chapter-nav-5,.toc .chapter-nav-5.hover,.toc .chapter-nav-5.active {background-position:-268px -32px;}
.toc .chapter-nav-6,.toc .chapter-nav-6.hover,.toc .chapter-nav-6.active {background-position:-330px -32px;}
.toc .chapter-nav-7,.toc .chapter-nav-7.hover,.toc .chapter-nav-7.active {background-position:-394px -32px;}
.toc .chapter-nav-8,.toc .chapter-nav-8.hover,.toc .chapter-nav-8.active {background-position:-460px -32px;}
.toc .chapter-nav-9,.toc .chapter-nav-9.hover,.toc .chapter-nav-9.active {background-position:-526px -32px;}

#header {
	width: 310px;
	position: fixed;
	top: 30px;
	left: 36%;
}

#footer {
	width:100%;
	height: 72px;
	bottom: 0 !important;
   	left: 0 !important;
    background-color: #333333;
	color:#7F7F7F;
	clear:both;
	display: block;
	position: fixed !important;
    width: 100% !important;
	text-align:center;
	font-family:Arial;
}
#footerimg{
	padding-top:28px;
	padding-left: 25px;
}

#footer a {
	color:#7F7F7F;
	text-decoration:none;
	font-family:Arial!important;
	font-size:12px
}
#footerright{
	float:right;
	margin-right:10px;
	margin-top:-28px;
}
#diakonie{
	float:left;
}

#tl-header {
	background: transparent url(../img/tl-header.png);
	height: 45px;
	width: 100%;
	position: fixed;
	top: 155px;
	z-index: -100;
}

#tl-footer {
	background: transparent url(../img/tl-footer.png);
	height: 240px;
	width: 100%;
	position: fixed;
	top: 515px;
	z-index: -100;
}

.event, .chapter, .year, .house {
	position:relative;
	float:left;
}

/* Chapters */
.chapter {
	margin: 0 0 0 60px;
	height:1px;
}

.chapter h2 {
	color: #E4022D;
	font-size: 72px;
	font-weight: bold;
	float:left;
	margin: 160px 0;
}

.chapter .house {
	top:-50px;
}

.chapter .house .img {
	float:left;
	width:342px;
	height:385px;
	overflow:hidden;
}

#chapter_1 .house .img {background:transparent url(../img/fh_haus_01.png) no-repeat 0 0;}
#chapter_2 .house .img {background:transparent url(../img/fh_haus_02.png) no-repeat 0 0;}
#chapter_3 .house .img {background:transparent url(../img/fh_haus_03.png) no-repeat 0 0;}
#chapter_4 .house .img {background:transparent url(../img/fh_haus_04.png) no-repeat 0 0;}
#chapter_5 .house .img {background:transparent url(../img/fh_haus_05.png) no-repeat 0 0;}
#chapter_6 .house .img {background:transparent url(../img/fh_haus_06.png) no-repeat 0 0;}
#chapter_7 .house .img {background:transparent url(../img/fh_haus_07.png) no-repeat 0 0;}
#chapter_8 .house .img {background:transparent url(../img/fh_haus_08.png) no-repeat 0 0;}
#chapter_9 .house .img {background:transparent url(../img/fh_haus_09.png) no-repeat 0 0;}

.event {margin:0 23px;height:1px;}


.event.image img {
	position:relative;
	top:-45px;
}

.event.image img.fit {
	top:0;
}

.intro {
	width:200px;
	background: transparent url(../img/separator.png) no-repeat -10px 20px;
	height: 315px;
	padding: 45px 0 0 70px;
}
.intro h3 {
	color: #E4022D;
	font-size:36px;
}

.icon {
	width:300px;
	min-height: 45px;
	margin: 45px 23px 45px 23px;
}

.icon h3 {
	color:#6f6f6f;
	margin: 0 0 0 50px;
	border-left: 1px solid #000;
	padding: 0 0 0 12px;
	font-weight:normal;
}

.clock {background:transparent url(../img/clock.png) no-repeat 0 0;}
.chart {background:transparent url(../img/chart.png) no-repeat 0 0;}
.balloon {background:transparent url(../img/balloon.png) no-repeat 0 0;}
.bar {background:transparent url(../img/bar.png) no-repeat 0 0;}
.smiley {background:transparent url(../img/smiley.png) no-repeat 0 0;}

.info-blank, .info-grey {
	position:absolute;
	z-index: 100;>
}

.info-grey {
	color:#fff;
	background:#333333;
	padding:8px;
}

/*#chapter_1,#chapter_9 {display:none;}*/

.w-300 {width:300px;}
.w-400 {width:400px;}
.w-500 {width:500px;}
.w-700 {width:700px;}
.w-1300 {width:1300px;}

.list-container {
	float:left;
	width:300px;
	margin: 0 12px;
}

.navigation a {width:20px;height:27px;display:block;}
#navi-next {background:transparent url(../img/Pfeil_Navi_Norm.png) no-repeat;margin-left:50px;}
#navi-prev {background:transparent url(../img/Pfeil_Navi_Norm_direct.png) no-repeat;float:left;}


/* Overlay */
.overlay {
 
    /* must be initially hidden */
    display:none;
 
    /* place overlay on top of other elements */
    z-index:10000;
    width:640px;
    padding:35px;
 	background-image:url(../img/white.png);
}

.overlay img {
	display:block;
	margin:0 auto;
}

/* close button positioned on upper right corner */
.overlay .close {
    background-image:url(../img/close.png);
    position:absolute;
    right:5px;
    top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
}