/* ALLE SEITEN*/
* {
	margin: 0;
	padding: 0;
}

html {
       overflow-y: scroll;             /* erzwing scrollbar */
}

@font-face { font-family: "futuristfixed"; src: url(fonts/future.ttf) format("truetype");}

body {
	
	font-family:helvetica, sans-serif;
	overflow:hidden;
	color: #5C5C5C;
	text-align:center;
	 

}




/* GALLERIE-SEITE*/
#main {
    width: 720px;
	margin-top:22px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:700px;
	z-index: -1;
	
}


#space {
	height: 0px;	
}
	 
#head {
	
	text-align: left;
	margin-top: 7px;
	margin-bottom: 0px;
	padding-left: 5px;
	width: 140px;
	height: 293px;
	z-index: 2;
	position: fixed;
	
		
} 

#headmobile {
	
	text-align: center;
	margin-top: 7px;
	margin-bottom: 0px;
	padding-left: 5px;
	width: auto;
	height: auto;
	
		
}


@media only screen and ( max-width : 1004px) {
	 
#head {
	
	display:none;
		
} 
}

@media only screen and ( min-width : 1005px) {
	 
#headmobile {
	
	display:none;
		
} 
}

#chapter {
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	
}

#element {
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: 375px;
}



#elementender {
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: 376px;
}


#background {
	
	padding-top: 20px;
	padding-bottom: 20px;
	background: #292927;
		
}

#background2 {
	
	padding-top: 10px;
	padding-bottom: 20px;
	background: #f7f7f7;
		
}

#text {
	
	width: 720px;
	height: auto;
	/*background: #6F9;*/
	margin: 0 0 0 0;
}
#firstletter {
	float: left;
	width: 30px;
	/*background: #6F9;*/
	margin: 0 0 0 0px;
		
	
}
#description {
	float: left;
	width: 335px;
	height: auto;
	/*background: #111;*/
	margin: 5px 0px 0 15px;
		
	
}

#workinfo {
	float: left;
	width: 285px;
	height: auto;
	/*background: #9FC;*/
	margin: 5px 0 0 15px;
	
}

#line {
	text-align: center;
	width: 700px;
	height: 1px;
	background: #666;
	margin: 10px 0 60px 10px;
}

#line2 {
	text-align: center;
	width: 700px;
	height: 1px;
	background: #e9e9e9;
	margin: 10px 0 10px 10px;
	
}

#line3 {
	text-align: center;
	width: 130px;
	height: 1px;
	background: #e9e9e9;
	margin: 15px 0 5px 0px;
	
}








/* STEUERElEMENT-SEITE*/
#mainnav {                                              
	overflow: hidden; 
	

	
}
/* STEUERElEMENT-SEITE*/
#mainnav img {                           
	display: block;
	margin: 144px auto -415px auto;      /* Platzierung des Steuerelements */
}
/* STEUERElEMENT-SEITE*/
#mainnav a {
	display:block;
	float:left;
	width: 250px;
	height:208px;
	z-index: 10;
	position: relative;
}






/* GALLERIE-SEITE*/
.backlink {
	display: block;
}
.backlink img {
	margin: 154px 0;
}

h1
{
	font-family: futuristfixed, sans-serif;
	font-size: 17px;
	color: #FAFAFA;
	text-align: center;
	margin-bottom: 30px;
}

h2
{
font-family:futuristfixed, sans-serif;	
font-size:60px;
color: #FAFAFA;
text-align:center;
padding:0px;
margin: 0px;

}
p {
	font-size:13px;
	padding-top: 7px;
	text-align:left;
	}
	
	/* Links */
a.nav {font-family:futuristfixed, sans-serif;
	font-size:10px;
	color: #FAFAFA;	
    padding-top:15px;
	text-align:left;
	line-height: 27px;
}
a.out {/*font-family:futuristfixed, sans-serif;	*/
	font-size:13px;
	color: #FAFAFA;	
    padding-top:7px;
	text-align:left;
	


}

a.out2 {/*font-family:futuristfixed, sans-serif;	*/
	font-size:13px;
	color: #FAFAFA;	
    padding-top:7px;
	text-align:left;
	


}


		
	a.nav:link {color:#666;font-size: 12px; text-decoration: none;}    /* unvisited link */
    a.nav:visited {color:#666;font-size: 12px; text-decoration: none;} /* visited link */
    a.nav:hover {color:#999;font-size: 11px; text-decoration: none;}   /* mouse over link */
    a.nav:active {color:#999;font-size: 11px; text-decoration: none;}  /* selected link */
	
	a.out:link {color:#FAFAFA; font-size: 16px; text-decoration: none;}    /* unvisited link */
    a.out:visited {color:#FAFAFA;font-size: 16px;text-decoration: none;} /* visited link */
    a.out:hover {color:#999;font-size: 16px;text-decoration: none;}   /* mouse over link */
    a.out:active {color:#999;font-size: 16px;text-decoration: none;}  /* selected link */
	
	a.out2:link {color:#3C3C3C; font-size: 16px; text-decoration: none;}    /* unvisited link */
    a.out2:visited {color:#3C3C3C;font-size: 16px;text-decoration: none;} /* visited link */
    a.out2:hover {color:#999;font-size: 16px;text-decoration: none;}   /* mouse over link */
    a.out2:active {color:#999;font-size: 16px;text-decoration: none;}  /* selected link */

p {

}

img {

}

.punkt {
	padding: 10px 0;
}