/*-------------------------
	Simple reset
--------------------------*/


*{
	margin:0;
	padding:0;
}


/*-------------------------
	General Styles
--------------------------*/


html{
	background:url('../img/bg.jpg') #fff;
}

body{
	min-height: 600px;
    padding: 100px 0 50px;
	font:14px/1.3 'Segoe UI',Arial, sans-serif;
	box-shadow:0 0 25px rgba(0,0,0,0.3) inset;
	height:100%;
}

#gameover{ width:100%; height:70px; background:#fff; no-repeat center bottom; margin-bottom:0px; position:fixed; border:0px solid #000; z-index:9998; top: -0.5px; }

#logo { position:absolute; left: 2em; top:0.5em; border:0px solid #000;}
#logo li{ list-style:none; padding:3px;}
#logo span{ width:0px; left:7px; padding:0; position:relative; overflow:hidden;}
#logo a{ background:url('img/nav/header2.png') no-repeat; height:80px; width:80px; display:block; position:fixed;}
#xlogo a:hover span{ width:200px; height:60px; padding:0 10px; overflow:visible; }
#logo a:hover{ text-decoration:none; width: 80px; height:80px; z-index:9999;}
#logo .alt {	background-position:-0px -0px;}
#logo .alt:hover { background-position:-80px -0px;}
#logo .alt span{ background-color:#07da315; color:#FFFFFF; text-shadow:1px 1px 0 #000000; position:absolute; top:310px}

#gallery { position:absolute; border:0px solid #000; top:1.4em; left: 8em; }
#gallery li{ list-style:none; padding:3px;}
#gallery span{ width:0px; left:7px; padding:0; position:relative; overflow:hidden;}
#gallery a{ background:url('img/nav/menu2.png') no-repeat; height:31px; width:38px; display:block; position:fixed; }
#gallery a:hover span{ font-family:'Sawasdee', Helvetica, sans-serif; font-size:15px; font-weight:bold; width:65px; height:20px; overflow:visible; border:0px solid #000;}
#gallery a:hover{ text-decoration:none; width: 38px; height:31px; z-index:9997; border-bottom:7px solid #000;}
#gallery a:active{ text-decoration:none;}
#gallery .alt {	background-position:-6px -8px;}
#gallery .alt:hover { background-position:-6px -8px;}
#gallery .alt span{ color:#000; position:absolute; top:2.5em; left: -0px;}

#leak { position:absolute; left: 11.3em; top:1.2em; border:0px solid #000;}
#leak li{ list-style:none; padding:3px;}
#leak span{ width:0px; left:7px; padding:0; position:relative; overflow:hidden;}
#leak a{ background:url('img/nav/menu6.png') no-repeat; height:31px; width:38px; display:block; position:fixed; }
#leak a:hover span{ font-family:'Sawasdee', Helvetica, sans-serif; font-size:15px; font-weight:bold; width:65px; height:20px; overflow:visible; border:0px solid #000; }
#leak a:hover{ text-decoration:none; width: 38px; height:31px; z-index:9999; border-bottom:7px solid #000;}
#leak .alt { background-position:-4px -0px;}
#leak .alt:hover { background-position:-4px -0px;}
#leak .alt span{ color:#000; position:absolute; top:2.6em; left: -42px;}

#archiv { position:absolute; left: 14.5em; top:1.4em; border:0px solid #000;}
#archiv li{ list-style:none; padding:3px;}
#archiv span{ width:0px; left:7px; padding:0; position:relative; overflow:hidden;}
#archiv a{ background:url('img/nav/menu1.png') no-repeat; height:31px; width:37px; display:block; position:fixed; }
#archiv a:hover span{ font-family:'Sawasdee', Helvetica, sans-serif; font-size:15px; font-weight:bold; width:65px; height:20px; overflow:visible; border:0px solid #000; }
#archiv a:hover{ text-decoration:none; width: 38px; height:31px; z-index:9999; border-bottom:7px solid #000;}
#archiv .alt {	background-position:2px -2px;}
#archiv .alt:hover { background-position:2px -2px;}
#archiv .alt span{ color:#000; position:absolute; top:2.4em; left: -88px;}


#about { position:absolute; left: 17.5em; top:1.5em; border:0px solid #000;}
#about li{ list-style:none; padding:3px;}
#about span{ width:0px; left:7px; padding:0; position:relative; overflow:hidden;}
#about a{ background:url('img/nav/menu3.png') no-repeat; height:28px; width:38px; display:block; position:fixed; }
#about a:hover span{ font-family:'Sawasdee', Helvetica, sans-serif; font-size:15px; font-weight:bold; width:65px; height:20px; overflow:visible; border:0px solid #000; }
#about a:hover{ text-decoration:none; width: 38px; height:28px; z-index:9999; border-bottom:7px solid #000;}
#about .alt {	background-position:-1.5px -6px;}
#about .alt:hover { background-position:-1.5px -6px;}
#about .alt span{ color:#000; position:absolute;top:2.3em; left: -130px;}

#news { position:absolute; left: 20.5em; top:1.5em; border:0px solid #000;}
#news li{ list-style:none; padding:3px;}
#news span{ width:0px; left:7px; padding:0; position:relative; overflow:hidden;}
#news a{ background:url('img/nav/menu5.png') no-repeat; height:28px; width:38px; display:block; position:fixed; }
#news a:hover span{ font-family:'Sawasdee', Helvetica, sans-serif; font-size:15px; font-weight:bold; width:110px; height:20px; overflow:visible; border:0px solid #000; }
#news a:hover{ text-decoration:none; width: 38px; height:28px; z-index:9999; border-bottom:7px solid #000;}
#news .alt {	background-position:3px 0.8px;}
#news .alt:hover { background-position:3px 0.8px;}
#news .alt span{ color:#000; position:absolute; top:2.4em; left: -168px;}

#contact { position:absolute; left: 23.3em; top:1.3em; border:0px solid #000;}
#contact li{ list-style:none; padding:3px;}
#contact span{ width:0px; left:7px; padding:0; position:relative; overflow:hidden;}
#contact a{ background:url('img/nav/menu4.png') no-repeat; height:30px; width:38px; display:block; position:fixed; }
#contact a:hover span{ font-family:'Sawasdee', Helvetica, sans-serif; font-size:15px; font-weight:bold; width:110px; height:20px; overflow:visible; border:0px solid #000; }
#contact a:hover{ text-decoration:none; width:38px; height:31px; z-index:99999; border-bottom:7px solid #000;}
#contact .alt {	background-position:-0px -3px;}
#contact .alt:hover { background-position:-0px -3px;}
#contact .alt span{ color:#000; position:absolute; top:2.6em; left: -205px;}

a, a:visited {
	text-decoration:none;
	outline:none;
	color:#54a6de;
}

a:hover{
	text-decoration:underline;
}

section, footer{
	display: block;
}


/*----------------------------
	Styling the presentation
-----------------------------*/
#impress 

#impress:not(.impress-not-supported) .step{
	opacity:0.4;
}

#impress .step{
	width:920px;
	height: 600px;
	position:relative;
	margin:0 auto;
	
	-moz-transition:1s opacity;
	-webkit-transition:1s opacity;
	transition:1s opacity;
}

#impress .step.active{
	opacity:1;
}

#impress h2{
	font: normal 44px/1.5 'PT Sans Narrow', sans-serif;
	color:#444648;
	position:absolute;
	z-index:10;
}

#impress p{
	font: normal 18px/1.3 'Open Sans', sans-serif;
	color:#27333f;
	position:absolute;
	z-index:10;
}

#impress h3{
	font: normal 13.5px/1.2 'arial', sans-serif;
	color:#000;
	position:absolute;
	z-index:10;
}

#impress h32{
	font: normal 13.5px/1.2 'arial', sans-serif;
	color:#000;
	position:absolute;
	z-index:10;
}

#impress h4{
	font: normal 14px/1.3 'arial', sans-serif;
	color:#27333f;
	position:absolute;
	z-index:10;
}


#impress img{
	position:absolute;
	z-index:1;
}

.arrow{
	width:32px;
	height:54px;
	background:url('img/story/arrows.png') no-repeat;
	position:fixed;
	top:50%;
	margin-top:-27px;
	cursor:pointer;
	text-indent:-9999px;
	overflow:hidden;
	opacity:0.8;
	border:none !important;
	text-decoration:none !important;
	
	-moz-transition:0.2s opacity;
	-webkit-transition:0.2s opacity;
	transition:0.2s opacity;
}

.arrow:hover{
	opacity:1;
}

#arrowLeft{
	left:45px;
}

#arrowRight{
	right:45px;
	background-position:top right;
}

/* Hide the arrows if impress is not supported */

#impress.impress-not-supported + .arrow,
#impress.impress-not-supported + .arrow + .arrow{
	display:none;
}


/*----------------------------
	Slide 1 - one
-----------------------------*/

#impress #one{
	width: 920px;
	border:0px solid #142830;
}

#one h2{
		left: 0em;
	top: 5px;
    width: 100%;
}

#one h3{	 text-align: justify;
		left: 0;
	top: 370px;
    width: 920px;
}

#one p{

    left: 330px;
    width: 600px;
    top: 400px;
}

#one img{
	top: 70px;

}


/*----------------------------
	Slide 2 - two
-----------------------------*/


#impress #two{
	width: 920px;
	border:0px solid #142830;
}

#two h2{
		left: 0.5em;
	top: 5px;
    width: 100%;
}

#two h3{	text-align: justify;
		left: 0;
	top: 2px;
    width: 920px;
}

#two p{

    left: 330px;
    width: 600px;
    top: 90px;
}

#two img{
	top: 10px;
}


/*----------------------------
	Slide 3 - three
-----------------------------*/


#impress #three{
	width: 920px;
	border:0px solid #142830;
}

#three h2{
		left: 0em;
	top: 5px;
    width: 100%;
}

#three h3{	 text-align: justify;
		left: 0;
	top: 5px;
    width: 920px;
}

#three h32{	 text-align: justify;
		left: 0;
	top: 370px;
    width: 920px;
}

#three p{

    left: 330px;
    width: 600px;
    top: 90px;
}

#three img{
left:0;
	top: 10px;
}

/*----------------------------
	Slide 4 - four
-----------------------------*/


#impress #four{
	width: 920px;
	border:0px solid #142830;
}

#four h2{
		left: 0.5em;
	top: 5px;
    width: 100%;
}

#four h3{	text-align: justify;
		left: 0;
	top: 5px;
    width: 480px;
}

#four h4{

    left: 0;
    width: 600px;
    top: 515px;
}

#four img{
	top: 0px;
	right:0px;
}


/*----------------------------
	Slide 5 - five
-----------------------------*/


#impress #five{
	width: 920px;
	border:0px solid #142830;
}

#five h2{
		left: 0.5em;
	top: 5px;
    width: 100%;
}

#five h3{	text-align: justify;
		left: 0;
	top: 5px;
    width: 920px;
}

#five h4{

    left: 5px;
    width: 600px;
    top: 515px;
	color:#fff;
}

#five img{
	top: 285px;
	right:0px;
}

/*----------------------------

	Slide 6 - six

-----------------------------*/


#impress #six{
	width: 920px;
	border:0px solid #142830;
}

#six h2{
		left: 0.5em;
	top: 5px;
    width: 100%;
}

#six h3{	text-align: justify;
		left: 0;
	top: 5px;
    width: 430px;
}

#six h4{

    left: 0;
    width: 600px;
    top: 522px;
}

#six img{
	top: 0px;
	right:0px;
}

/*----------------------------

	Slide 7 - seven

-----------------------------*/


#impress #seven{
	width: 920px;
	border:0px solid #142830;
}

#seven h2{
		left: 0.5em;
	top: 5px;
    width: 100%;
}

#seven h3{	text-align: justify;
		left: 0;
	top: 5px;
    width: 920px;
}

#seven h4{
	color:#fff;
    right: 1px;
    width: 900px;
    top: 518px;
}

#seven img{
	top: 158px;
	right:0px;
}

/*----------------------------

	Slide 8 - eight

-----------------------------*/


#impress #eight{
	width: 920px;
	border:0px solid #142830;
}

#eight h2{
		left: 0.5em;
	top: 5px;
    width: 100%;
}

#eight h3{	text-align: justify;
		left: 0;
	top: 5px;
    width: 920px;
}

#eight h4{
	color:#fff;
    right: 1px;
    width: 500px;
    top: 522px;
}

#eight img{
	top: 0px;
	right:0px;
}


/*----------------------------

	Slide 9 - nine

-----------------------------*/


#impress #nine{
	width: 920px;
	border:0px solid #142830;
}

#nine h2{
		left: 0.5em;
	top: 5px;
    width: 100%;
}

#nine h3{	text-align: justify;
		left: 0;
	top: 5px;
    width: 415px;
}

#nine h4{
	color:#000;
    left: 800px;
    width: 400px;
    top: 510px;
}

#nine img{
	top: 0px;
	right:0px;
}

/*----------------------------

	Slide 10 - ten

-----------------------------*/


#impress #ten{
	width: 920px;
	border:0px solid #142830;
}

#ten h2{
		left: 0.5em;
	top: 5px;
    width: 100%;
}

#ten h3{	text-align: justify;
		left: 0;
	top: 5px;
    width: 920px;
}

#ten h4{
	color:#000;
    left: 0px;
    width: 400px;
    top: 510px;
}

#ten img{
	top: 0px;
	right:0px;
}


/*----------------------------

	Slide 11 - eleven


-----------------------------*/


#impress #eleven{
	width: 920px;
	border:0px solid #142830;
}

#eleven h2{
		left: 0.5em;
	top: 5px;
    width: 100%;
}

#eleven h3{	text-align: justify;
		left: 0;
	top: 5px;
    width: 920px;
}

#eleven h32{	 text-align: justify;
		left: 0;
	top: 335px;
    width: 920px;
}

#eleven h4{
	color:#000;
    left: 0px;
    width: 400px;
    top: 510px;
}

#eleven img{
	top: 30px;
	right:0px;
}


/*----------------------------

	Slide 12 - twelve

-----------------------------*/


#impress #twelve{
	width: 920px;
	border:0px solid #142830;
}

#twelve h2{
		left: 0.5em;
	top: 5px;
    width: 100%;
}

#twelve h3{	text-align: justify;
		left: 0;
	top: 5px;
    width: 560px;
}

#twelve h4{

    left: 0;
    width: 600px;
    top: 522px;
}

#twelve img{
	top: 0px;
	right:0px;
}


/*----------------------------

	Slide 13 - thirteen

-----------------------------*/


#impress #thirteen{
	width: 920px;
	border:0px solid #142830;
}

#thirteen h2{
		left: 0.5em;
	top: 5px;
    width: 100%;
}

#thirteen h3{	text-align: justify;
		left: 0;
	top: 5px;
    width: 920px;
}

#thirteen h4{

    left: 0;
    width: 600px;
    top: 522px;
}

#thirteen img{
	top: 0px;
	right:0px;
}


/*----------------------------

	Slide 14 - fourteen

-----------------------------*/


#impress #fourteen{
	width: 920px;
	border:0px solid #142830;
}

#fourteen h2{
		left: 0.5em;
	top: 5px;
    width: 100%;
}

#fourteen h3{	text-align: justify;
		left: 0;
	top: 0px;
    width: 920px;
}

#fourteen h4{

    left: 0;
    width: 600px;
    top: 522px;
}

#fourteen img{
	top: 168px;
	right:0px;
}


/*----------------------------

	Slide 1 - berisha
-----------------------------*/


#impress #berisha{
	width: 840px;
	border:0px solid #142830;
}

#berisha h2{
	right: 120px;
	top: 0px;
	width: 400px;
}

#berisha p{
	right: 0px;
    text-align: normal;
    text-indent: 0px;
    top: 80px;
    width: 520px;
}

#berisha img{
	left: 0;
    top: 0px;
}




/*----------------------------
	Slide 2 - boerm
-----------------------------*/


#impress #boerm{
	width: 840px;
	border:0px solid #142830;
}

#boerm h2{
	left: 10px;
	top: 7px;
	width: 400px;
}

#boerm p{
	left: 40px;
    text-align: normal;
    text-indent: 0px;
    top: 90px;
    width: 520px;
}

#boerm img{
	right: 0;
    top: 0px;
}


/*----------------------------
	Slide 3 - behrens
-----------------------------*/


#impress #behrens{
	width: 880px;
}

#behrens h2{
	left: 0;
	top: 10px;
	width: 100%;
	
}

#behrens p{
	left:0px;
	
    top: 80px;
    width: 550px;
}

#behrens img{
	right: 0;
    top: 10px;
}


/*----------------------------
	Slide 4 - holzer
-----------------------------*/


#impress #holzer{
	width: 860px;
	border:0px solid #142830;
}

#holzer h2{
	left: 15px;
    text-align: left;
    top: 10px;
}

#holzer p{
	left: 2px;
    top: 80px;
    width: 550px;
}

#holzer img{
	right: 0;
    top: 30px;

}


/*----------------------------
	Slide 5 - Riefling
-----------------------------*/


#impress #riefling{
	width: 890px;
	border:0px solid #142830;
}

#riefling h2{
	left: 8em;

    top: 1px;
    width: 100%;
}

#riefling p{

    left: 19em;

    top: 80px;
    width: 582px;
}

#riefling img{
	left: 0;
    top: 10px;
}

/*----------------------------
	Slide 5 - Naternski
-----------------------------*/

#impress #naternski{
	width: 890px;
	border:0px solid #142830;
}

#naternski h2{
	left: 7em;

    top: 10px;
    width: 100%;
}

#naternski p{

    left: 19em;

    top: 80px;
    width: 502px;
}

#naternski img{
	left: 0;
    top: 20px;
}


/*----------------------------
	Slide 5 - Preuss
-----------------------------*/

#impress #preuss{
	width: 890px;
	border:0px solid #142830;
}

#preuss h2{
	left: 7.6em;

    top: 55px;
    width: 100%;
}

#preuss p{

    left: 18.5em;

    top: 120px;
    width: 542px;
}

#preuss img{
	left: 0;
    top: 20px;
}



/*----------------------------
	Slide 5 - Klingbeil
-----------------------------*/

#impress #klingbeil{
	width: 890px;
	border:0px solid #142830;
}

#klingbeil h2{
	left: 6em;

    top: 10px;
    width: 100%;
}

#klingbeil p{

    left: 18.5em;

    top: 80px;
    width: 582px;
}

#klingbeil img{
	left: 0;
    top: 20px;
}

/*----------------------------
	Slide 5 - Borrmann
-----------------------------*/

#impress #borrmann{
	width: 890px;
	border:0px solid #142830;
}

#borrmann h2{
	left: 8em;

    top: 10px;
    width: 100%;
}

#borrmann p{

    left: 20em;

    top: 80px;
    width: 532px;
}

#borrmann img{
	left: 0;
    top: 20px;
}


/*----------------------------
	Slide 5 - Keding
-----------------------------*/

#impress #keding{
	width: 870px;
	border:0px solid #142830;

}

#keding h2{
	left: 7em;

    top: 10px;
    width: 100%;
}

#keding p{

    left: 19em;

    top: 80px;
    width: 532px;
}

#keding img{
	left: 0;
    top: 20px;
}


/*----------------------------
	Slide 5 - Kallweit
-----------------------------*/

#impress #kallweit{
	width: 900px;
	border:0px solid #142830;

}

#kallweit h2{
	left: 0em;

    top: 30px;
    width: 100%;
}

#kallweit p{

    left: 1em;

    top: 100px;
    width: 530px;
}

#kallweit img{
	left: 36em;
    top: 0px;
}
/*----------------------------
	Slide 5 - Fischer
-----------------------------*/

#impress #fischer{
	width: 890px;
	border:0px solid #142830;
}

#fischer h2{
	left: 6em;

    top: 10px;
    width: 100%;
}

#fischer p{

    left: 18em;

    top: 80px;
    width: 522px;
}

#fischer img{
	left: 0;
    top: 20px;
}
/*----------------------------
	The Footer
-----------------------------*/


footer{
	background-color: #fff;
	bottom: 0;
	box-shadow: 0 -1px 2px #111111;
	height: 80px;
	left: 0;
	position: fixed;
	width: 100%;
	z-index: 100000;
}

footer h2{
	color: #EEEEEE;
	font-size: 14px;
	font-weight: normal;
	left: 50%;
	margin-left: -400px;
	padding: 13px 0 0;
	position: absolute;
	width: 540px;
}

footer h2 i{
	font-style:normal;
	color:#888;
}

footer a.tzine,a.tzine:visited{
	color: #999999;
	font-size: 12px;
	left: 50%;
	margin: 10px 0 0 110px;
	position: absolute;
	text-decoration: none;
	top: 0;
}

footer a i{
	color:#ccc;
	font-style: normal;
}

footer a i b{
	color:#c92020;
	font-weight: normal;
}