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

html {
height:100%;
}

* {
	margin: 0px;
	padding: 0px;
}

body {		
background-color:#e3e4e5;
font-family: Arial, sans-serif;
height:100%;
font-weight: normal;
margin: 0px;
padding:0px;
}
		
/* LAYER */

#bg_index{
width: 1024px;
height: 692px;
background:url(../img/prospekt.jpg); 
background-repeat: no-repeat;
background-attachment:fixed;
position:fixed;
z-index: 1;
}

#bg_it_is_what{
width: 1024px;
height: 692px;
background:url(../img/knoll_vignelli.jpg); 
background-repeat: no-repeat;
background-attachment:fixed;
position:fixed;
z-index: 1;
}


#bg_exhibition{
width: 1024px;
height: 692px;
background:url(../img/shin.jpg); 
background-repeat: no-repeat;
background-attachment:fixed;
position:fixed;
z-index: 1;
}

#bg_contact{
width: 1024px;
height: 692px;
background:url(../img/50jh.jpg); 
background-repeat: no-repeat;
background-attachment:fixed;
position:fixed;
z-index: 1;
}


#bg_1t2f{
width: 1024px;
height: 692px;
background:url(../img/viva_musica_brockmann.jpg); 
background-repeat: no-repeat;
background-attachment:fixed;
position:fixed;
z-index: 1;
}

#bg_ddorf{
width: 1024px;
height: 692px;
background:url(../img/askul.jpg); 
background-repeat: no-repeat;
background-attachment:fixed;
position:fixed;
z-index: 1;
}

#bg_designer{
width: 1024px;
height: 692px;
background:url(../img/rand.jpg); 
background-repeat: no-repeat;
background-attachment:fixed;
position:fixed;
z-index: 1;
}

#bg_maker{
width: 1024px;
height: 692px;
background:url(../img/schild.jpg); 
background-repeat: no-repeat;
background-attachment:fixed;
position:fixed;
z-index: 1;
}

#bg_vita{
width: 1024px;
height: 692px;
background:url(../img/bellini_fletcher.jpg); 
background-repeat: no-repeat;
background-attachment:relative;
position:fixed;
z-index: 1;
}

#bg_sofia{
width: 1024px;
height: 692px;
background:url(../img/rambow.jpg); 
background-repeat: no-repeat;
background-attachment:relative;
position:fixed;
z-index: 1;
}

#bg_products{
width: 1024px;
height: 692px;
background:url(../img/hartmann_pres.jpg); 
background-repeat: no-repeat;
background-attachment:relative;
position:fixed;
z-index: 1;
}

#bg_helveticaforever{
width: 1024px;
height: 692px;
background:url(../img/dumbar1.jpg); 
background-repeat: no-repeat;
background-attachment:relative;
position:fixed;
z-index: 1;
}

#bg_tokyo{
width: 1024px;
height: 692px;
background:url(../img/megert_licht.jpg); 
background-repeat: no-repeat;
background-attachment:relative;
position:fixed;
z-index: 1;
}

#bg_osaka{
width: 1024px;
height: 692px;
background:url(../img/peacock.jpg); 
background-repeat: no-repeat;
background-attachment:relative;
position:fixed;
z-index: 1;
}

#bg_books{
width: 1024px;
height: 692px;
background:url(../img/protokollheft-hoffmann.jpg); 
background-repeat: no-repeat;
background-attachment:relative;
position:fixed;
z-index: 1;
}


#bg_books2{
width: 1024px;
height: 692px;
background:url(../img/protokollheft-hoffmann2.jpg); 
background-repeat: no-repeat;
background-attachment:relative;
position:fixed;
z-index: 1;
}

#bg_books3{
width: 1024px;
height: 692px;
background:url(../img/idiom.jpg); 
background-repeat: no-repeat;
background-attachment:relative;
position:fixed;
z-index: 1;
}

#bg_film{
width: 1024px;
height: 692px;
background:url(../img/film.jpg); 
background-repeat: no-repeat;
background-attachment:relative;
position:fixed;
z-index: 1;
}

#bg_impressum{
width: 1024px;
height: 692px;
background:url(../img/handzeichen.jpg); 
background-repeat: no-repeat;
background-attachment:relative;
position:fixed;
z-index: 1;
}

#sprachwahl{
	width: 217px;
	height: 25px;
	top: 14px;
	left: 20px;
	position:absolute;
	z-index: 2;
}

#fading_in{
	width: 400px;
	top: 600px;
	left: 600px;
	float:left;
	position:fixed;
	padding-bottom:40px;
	z-index: 2;
}

#bg{
width: 780px;
min-height:590px;
top: 55px;
left: 0px;
float:left;
background-color:#FFF;
position:absolute;
padding-bottom:40px;
z-index: 3;
}


#linkbox_ausstellung{
	width:149px;
	height:84px;
	top:600px;
	left:855px;
	position:fixed;
	z-index: 10;
}


	
	
/* TYPO */

.sprachwahl_aktiv {
	font-size: 12px;
	line-height:15px;
	font-weight:bold;
	color: #000000;
}

.text_10t {
font-family:Helvetica;
font-size: 10px;
line-height:12px;
color: #000000;
text-decoration:none;
}

.navigation_aktiv {
	font-size: 14px;
	line-height:17px;
	font-weight:bold;
	color: #000000;
	text-decoration:none;
	}


.Helvetica_Logo {
	font-size: 25px;
	line-height:23px;
	padding-left:25px;
	font-weight:bold;
	color: #000;
	text-decoration:none;
	}

.Helvetica_Logo_regular {
	font-size: 25px;
	line-height:23px;
	color: #000000;
	text-decoration:none;
	}


.text_bold {
font-size: 11px;
line-height:16px;
font-weight:bold;
width:277px;
display:block;
color: #000000;
		}
		
.text_bold_einzug {
font-size: 11px;
line-height:16px;
font-weight:bold;
width:277px;
padding-left:25px;
display:block;
color: #000000;
		}
		
	.text_regular {
font-size: 11px;
line-height:16px;
font-weight:normal;
width:277px;
display:block;
color: #000000;
		}
		
.text_headline {
font-size: 14px;
line-height:16px;
font-weight:bold;
padding-bottom:20px;
width:277px;
display:block;
color: #000000;
		}

.sub_link_aktiv {
	font-size: 10px;
	line-height:12px;
	display:block;
	width:138.5px;
	color: #000;
	background-color:#e3e4e5;
	text-decoration:none;
	}


/* css-struktur */


.navigation {
float:left;
width: 138.5px;
margin:20px;
padding-top:20px;
border-top:2px #000 solid;
}

.content {
float:left;
width: 423px;
border-top:2px #000 solid;
margin-top:20px;
padding-top:20px;
}

.subnavigation {
float:left;
width: 138.5px;
margin:20px;
line-height:10px;
padding-top:20px;
border-top:2px #000 solid;
}


/* LINKS */



a.sprachwahl:link, a.sprachwahl:visited, a.sprachwahl:active {
	font-size: 12px;
		line-height:15px;
	color: #000000;
	text-decoration:none;
	}

 						
						
a.sprachwahl:hover {
	font-size: 12px;
	line-height:15px;
	font-weight:bold;
	color: #000000;
	text-decoration:none;
	}

	
	
a.nav_link:link, a.nav_link:active, a.nav_link:visited {
	font-size: 14px;
	line-height:17px;
	color: #000000;
	text-decoration:none;
	}

						
						
a.nav_link:hover {
	font-size: 14px;
	line-height:17px;
	font-weight:bold;
	color: #000000;
	text-decoration:none;
	}
	
	
	a.sub_link:link, a.sub_link:visited, a.sub_link:active {
	font-size: 10px;
	display:block;
	width:138.5px;
	border-bottom:1px solid #000;
	line-height:12px;
	padding-bottom:10px;
	margin-left:auto;
	margin-right:0px;
	color: #000000;
	text-decoration:none;
	}

				
						
a.sub_link:hover {
	font-size: 10px;
	line-height:12px;
	display:block;
	width:138.5px;
	padding-bottom:10px;
	color: #000;
	background-color:#e3e4e5;
	text-decoration:none;
	}
	
		
	
a.exponate:link, a.exponate:visited, a.exponate:active {
	font-size: 10px;
	line-height:12px;
	font-weight:bold;
	color: #ffffff;
	display:block;
	text-decoration:none;
	}
						
						
a.exponate:hover {
	font-size: 10px;
	line-height:12px;
	font-weight:bold;
	color: #ffffff;
	display:block;
	text-decoration:none;
	}
	
	a.fade-in:link, a.fade-in:visited, a.fade-in:active {
	font-size: 12px;
	line-height:12px;
	font-weight:normal;
	display:block;
	border-top:1px #000 solid;
	padding-top:10px;
	width:150px;
	color: #000;
	text-decoration:none;
	}
						
						
a.fade-in:hover {
	font-size: 12px;
	line-height:12px;
	font-weight:normal;
	color: #000;
	background-color:#fff;
	text-decoration:none;
	}
	
	
a.text_links_bold:link, a.text_links_bold:visited, a.text_links_bold:active {
font-size: 11px;
line-height:16px;
font-weight:bold;
color: #999;
text-decoration:none;
		}
		
a.text_links_bold:hover{
font-size: 11px;
line-height:16px;
font-weight:bold;
color: #000;
text-decoration:none;
		}