/* CSS Document */
.over-nav {
z-index:2; visibility:hidden; top:81px; left:7px; position:absolute;
}


.body {background:url(images/bground.gif) repeat-x;
text-align:center;
 align:center;
 }

.maincontainer {
	width: 770px;
	margin: 0 auto;
	position:relative;
	text-align:left;
		}
	
.body a:link {
	color: #990000;
	}
.body a:visited {
	color: #4E433F;
	}

.leftnav-cities {
	width:105px;
	height:156px;
	background-image:url(images/leftnav-bg.gif);
	border-bottom:1px solid  #9F0902;
	border-left:1px solid  #9F0902;
	border-right:1px solid  #9F0902;
	border-top:1px solid  #9F0902;
	margin-bottom:5px;
	vertical-align:top;
	
		}
		
.leftnav-techniques {
	width:105px;
	height:161px;
	background-image:url(images/leftnav-bg.gif);
	border-bottom:1px solid  #9F0902;
	border-left:1px solid  #9F0902;
	border-right:1px solid  #9F0902;
	border-top:1px solid  #9F0902;
	margin-bottom:5px;
	vertical-align:top;
	text-align:center;
		}

.leftnav-artists {
	width:136px;
	height:336px;
	background-image:url(images/leftnav-bg.gif);
	border-bottom:1px solid  #9F0902;
	border-left:1px solid  #9F0902;
	border-right:1px solid  #9F0902;
	border-top:1px solid  #9F0902;
	margin-bottom:5px;
	vertical-align:top;
	border-spacing:0px;
	margin:0px;
	padding:0px;
	white-space:0px;
		}
		
		
.leftnav-artwork {
	width:131px;
	height:138px;
	background-image:url(images/leftnav-bg.gif);
	border-bottom:1px solid  #9F0902;
	border-left:1px solid  #9F0902;
	border-right:1px solid  #9F0902;
	border-top:1px solid  #9F0902;
	margin-bottom:5px;
	vertical-align:top;
	text-align:center;
		}
		
		

.quote {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:center;
}

.years {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
line-height:12px;
margin-bottom:5px;
margin-top:3px;
}

.quotecaption {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
text-align:center;
margin-left:120px;
margin-bottom:5px;
}

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #584939;
text-align:center;
	margin-top:10px;
	margin-bottom:6px;
	}
	
.cities-header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #860E07;
	}
	
.mainbox {
background-image:url(images/mainbox-bg.gif);
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 12px;
	height:345px;
	color: #333333;
	text-align: justify;
	background-color: #FFFFFF;
	border-top:1px solid  #9F0902;
	border-bottom:1px solid  #9F0902;
	border-left:1px solid  #9F0902;
	border-right:1px solid  #9F0902;
	padding: 10px 10px 10px 10px;
	width:405px;
	margin-left:8px;
		}
		
.mainbox-slogans {
background-image:url(images/mainbox-bg.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	height:345px;
	color: #333333;
	background-color: #FFFFFF;
	border-top:1px solid  #9F0902;
	border-bottom:1px solid  #9F0902;
	border-left:1px solid  #9F0902;
	border-right:1px solid  #9F0902;
	padding: 10px 10px 10px 10px;
	width:722px;
	margin-left:8px;
	text-align:center;
		}
		
.sidebars {
 background-color:#FFFFFF; 
 font-family:Arial, Helvetica, sans-serif;
 line-height:15px;
 padding: 8px 8px 8px 8px;
 text-align:left;
 margin:10px;
	border-top:1px solid  #999999;
	border-bottom:1px solid  #999999;
	border-left:1px solid  #999999;
	border-right:1px solid  #999999;
vertical-align:top;
 }
		
.mainbox-artists {
background-image:url(images/mainbox-bg.gif);
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 12px;
	height:290px;
	color: #333333;
	text-align: justify;
	background-color: #FFFFFF;
	border-top:1px solid  #9F0902;
	border-bottom:1px solid  #9F0902;
	border-left:1px solid  #9F0902;
	border-right:1px solid  #9F0902;
	padding: 10px 10px 10px 10px;
	width:410px;
	margin-left:8px;
		}		
		
.caption {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 13px;
	font-size: 11px;
	text-align:left;
		}
	
.hands {
font-size:9px;
line-height:11px;
}

.fs-text {
font-size: 13px;
color: #333333;
font-family: Arial, Helvetica, sans-serif;
}

.lowernav {
text-align:center;
	width:616px;
	background-color: #FFFFFF;
	border-left:1px solid  #6B583C;
	border-right:1px solid  #6B583C;
margin-left:30px;
		}
	
.back {
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	color: #333333;
	}
.back a:link {
	color: #8F675A;
	}
.back a:visited {
	color: #4E433F;
	}
	
	
	
	
	ul {
margin:0;
padding:0;
list-style: none;
}
li a {
display:block;
width:100px;
height:17px; 
}
#introduction {background: url(cities/images/introduction.gif) no-repeat 0 0;
}
#introduction:hover {
background: url(cities/images/introduction-on.gif) no-repeat 0 0
}
#introduction:visited {
background: url(cities/images/introduction-on.gif) no-repeat 0 0
}
#zurich {background: url(cities/images/zurich.gif) no-repeat 0 0;
}
#zurich:hover {
background: url(cities/images/zurich-on.gif) no-repeat 0 0
}
#zurich:visited {
background: url(cities/images/zurich-on.gif) no-repeat 0 0
}
#berlin {background: url(cities/images/berlin.gif) no-repeat 0 0;
}
#berlin:hover {
background: url(cities/images/berlin-on.gif) no-repeat 0 0
}
#berlin:visited {
background: url(cities/images/berlin-on.gif) no-repeat 0 0
}

	
	
	
	
		


.date {font-size: 14px}
	
.bottomnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	text-align: center;
	margin-left:50px;
			}
.bottomnav a:link {
	color:#7B0909;
	}
.bottomnav a:visited {
	color: #4E433F;
	}
	.bottomnav a:hover {
	color: #4E433F;
	}

.back {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	}
.back a:link {
	color: #7B0909;
	}
.back a:visited {
	color: #4E433F;
	}
	

	
	
	/* 
   Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn 
*/
div#hold	{ 
	position:relative; overflow:hidden;
	width:410px; height:340px; 
  z-index:100; 
	}
div#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:410px; height:340px; 
	clip:rect(0px, 410px, 340px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div.content { 
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	z-index:1; 
	}
	
	
	.content a:link {
	color: #990000;
	}
	.content a:visited {
	color: #4E433F;
	}
	.content a:hover {
	color: #4E433F;
	}
	.content a:active {
	color: #4E433F;
	}
	
	
	div#hold-artists	{ 
	position:relative; overflow:hidden;
	width:400px; height:272px; 
  z-index:100; 
	}
div#wn-artists	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:400px; height:292px; 
	clip:rect(0px, 560px, 292px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div.content-artists { 
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	z-index:1; 
	}
	

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar { 
  position:relative; left:0; top:0;
  width:11px; height:372px; 
  font-size:1px; z-index:1;
  }
div#track { 
  position:absolute; left:0; top:12px;
  width:11px; height:348px;
  background: url("/exhibitions/2006/dada/images/track.gif") #900701 repeat;
  z-index:1;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#E5E5E5;
  z-index:1;
  }  
  
  
  div#scrollbar-artists { 
  position:relative; left:0; top:0;
  width:11px; height:293px; 
  font-size:1px; z-index:1;
  }
div#track-artists { 
  position:absolute; left:0; top:12px;
  width:11px; height:262px;
  background: url("/exhibitions/2006/dada/images/track.gif") #900701 repeat;
  z-index:1;
  }
div#dragBar-artists {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#E5E5E5;
  z-index:1;
  } 
  
  
  
div#up { position:absolute; left:0; top:0; z-index:2 }  
div#down { position:absolute; left:0; bottom:0; z-index:3 }  

/* Styles for demo, not necessary for scrolling layers */  
body  { overflow:hidden; text-align:center }
body, td  { font: 12px verdana, arial, helvetica, sans-serif; }  
th	{ font-size:1.4em; text-align:left }	
a:link, a:visited { color:#339 }	
a img { border:none }
p { margin: 0 0 .6em 0 }
h2 { font-size:1.2em; margin:0 0 .6em 0 }
h3 { font-size:1.1em; margin:0 0 .6em 0 }
div.content { text-align:left }
table.main { 
  width:440px; 
  margin:auto; text-align:left;
  }
table.main td.text, table.main td.navs { vertical-align:top; text-align:left }
td#scrollLinks  { width:12px }
td.navs ul { margin:0; padding:0; list-style:none }
td.navs ul li { margin:0 0 .6em .4em }
td.navs ul li a { text-decoration:none }
td.navs ul li a:hover { text-decoration:underline }

