/********************************** 
 ********************************** WITZENHAUSEN GALLERY CSS */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color:#545454;
	line-height:1.6em;
	text-transform:lowercase;
	background: #f2f2f2;
	height: 100%;
	padding: 0; 
	margin: 0; 
}
ul li, p, td{
	list-style-type:none;
	margin:0;
	padding:0;
	font-size: 1.2em;
}
/********************************** 
 ********************************** GRID */
#container{
	width:965px;
	height:auto;
	margin:2px auto;
}
#wrap-col{
	float:left;
	width:726px;
	min-height:900px;
	background-color:#fff;
	margin:0;
	padding:0;
}
#artists{
	float:left;
	width:170px;
	height:900px;
	border:1px solid #0cbfe5;
	margin:0;
	padding:0;
}
#main-content{
	float:left;
	width:550px;
	height:900px;
	border:1px solid #0cbfe5;
	margin:0 0 0 2px;
	padding:0;
}
#main-content .content{
	float:left;
	width:500px;
	margin:0 0 0 8px;
}
#main-content .content p{
	line-height:1.5em;
}
#rel-content{
	float:left;
	width:199px;
	height:900px;
	background-color:#fff;	
	margin:0 0 0 2px;
	padding:0;
}
#footer{
	float:left;
	width:928px;
	height:25px;
	border: 1px solid #0cbfe5;
	color: #CCC;
	background-color:#fff;
	text-align:center;
	margin:2px 0 2px 0;
	padding:0;
	clear:both;
}
#footer p{
	margin:5px 0 0 5px;
	font-size:1em;
}
#footer a {
	color: #CCC;
	text-decoration: none;
} 
#footer a:visited {
	color: #CCC;
	text-decoration: none;
} 
#footer a:hover {
	color: #999;
	text-decoration: none;
}
#footer a:active { 
	color: #999;
	text-decoration: none;
}
/**********************************
 ********************************** ARTIST LISTING LEFT */
.artist-listing ul{
	float:left;
	width:145px;
	margin:0 0 0 15px;
	padding:0;	
}
#top-links{ 
	float:left;
	height:15px;
	width:928px;
	margin:0 0 2px 0;
	padding:0;
	clear:both;
}
#header{
	float:left;
	height:95px;
	width:928px;
	border: 1px solid #0cbfe5;
	background-color:#fff;
	margin:0 0 2px 0;
	padding:0;
	clear:both;
}
#header .pt-left{
	float:left;
	width:600px;
	
}
.logo-nyc a {
	position:absolute;
	width: 373px;
	height: 34px;
	margin:25px 0 0 15px;
	display: block;
	text-indent: -9000px;
	background:url(../images/logo/logo-witzenhausenlogo-ny.gif) no-repeat left;
	background-repeat:no-repeat;
	z-index:1; 
}
.logo-nyc a:hover {
	position:absolute;
	width: 373px;
	height: 34px;
	margin:25px 0 0 15px;
	display: block;
	background:url(../images/logo/logo-witzenhausenlogo-ny-hover.gif) no-repeat left;
	background-repeat:no-repeat;

}
.logo-ams a {
	position:absolute;
	width: 373px;
	height: 34px;
	margin:20px 0 0 13px;
	display: block;
	text-indent: -9000px;
	/*background:url(../images/logo/logo-witzenhausenlogo-ams.gif) no-repeat left;*/
	background:url(../images/logo/logo-witzenhausenlogo-ams-ne.gif) no-repeat left;
	background-repeat:no-repeat;
	z-index:1; 
}
.logo-ams a:hover {
	position:absolute;
	width: 373px;
	height: 34px;
	margin:20px 0 0 13px;
	display: block;
	/*background:url(../images/logo/logo-witzenhausenlogo-ams-hover.gif) no-repeat left;*/
	background:url(../images/logo/logo-witzenhausenlogo-ams-ne.gif) no-repeat left;
	background-repeat:no-repeat;
}
#header .pt-right{
	float:right;
	width:200px;
	height:95px;
	padding:0;
}
#header .pt-right img{
	float:right;
	margin:35px 15px 0 0;
	padding:0;
}
/**********************************
 ********************************** FONTS */
h1{
	font-size:1.2em;
	color: #0cbfe5;
	letter-spacing:0.08em;
	background-color:#f5f5f5;
	border:1px solid #0cbfe5;
	text-align:center;
}	
h2{
	font-size:1.2em;
	margin:0;
	padding:0;
}
h3{
	font-size:1.2em;
	margin:0;
	padding:0;
}
/********************************** 
 ********************************** PAGINA HEADERS */

#artists h1, #main-content h1, #rel-content h1{
	margin:4px 4px 5px 4px;
	height:auto;
	line-height:normal;
}
#artists h1{
	width:160px;
}
#main-content h1{
	width:540px;
}
#rel-content h1{
	width:190px;
}
/********************************** 
 ********************************** LINKS */
a, a:visited {
    color: #545454;
	text-decoration:none;
}
a:hover {
    color: #999;
}
a:active {
    color: #545454;
	text-decoration: none;
	}
a img {
	border:0;
}

h2 a, h2 a:visited{
color: #0cbfe5;
}
h2 a:hover{
color: #999;
}
/**********************************
 ********************************** RELATED CONTENT RECHTS*/	
.wrap-exhibitions{
	float:left;
	width:200px;
	height:196px;
	/*height:374px;*/
	border: 1px solid #0cbfe5;
	background-color:#fff;
	margin:0 0 2px 0;
}
.wrap-exhibitions .x-img{
	float:right;
	margin:5px 5px 5px 0;
}
.wrap-contact{
	float:left;
	width:200px;
	height:500px;
	/*height:522px;*/
	border: 1px solid #0cbfe5;
	background-color:#fff;
	margin:0 0 2px 0;
}
.wrap-contact-artistpage{ /*AANGEPAST VOOR ARTISTPAGE*/
	float:left;
	width:200px;
	/* height: 499px; */
	height: 593px;
	border: 1px solid #0cbfe5;
	background-color:#fff;
	margin:0 0 2px 0;
}
.wrap-mailinglist{
	float:left;
	width:200px;
	height:90px;
	border: 1px solid #0cbfe5;
	background-color:#fff;
	margin:0 0 2px 0;
}
.wrap-exhibition-content{
	width:184px;
	height:125px;
	margin:0 5px 0 5px;
}
.wrap-contact-content{
	width:184px;
	height:325px;
	margin:0 5px 0 5px;
}
.wrap-contact-artistpage-content{
	width:190px;
	height:250px;
	margin:0 5px 0 5px;
}
.wrap-mailinglist-content{
	width:186px;
	margin:0;
	margin:0 5px 0 5px;
	color:#999;
}
.exhibition-img{
	margin:5px 5px 5px 0;
	border:1px solid #999;
}
.more-info, .more-link {
	float:left;
	width:180px;
	margin:0;
	padding:0;
	clear:both;
}
.to-detail{
	float:left;
	width:170px;
	margin:0 0 0 4px;
	padding:0;
	clear:both;
}
.wrap-detailswork{
	float:left;
	width:200px;
	height:185px;
	border: 1px solid #0cbfe5;
	background-color:#fff;
	margin:0 0 2px 0;
}
.wrap-detailswork-content{
	width:186px;
	height:181px;
	margin:0;
	margin:0 2px 0 4px;
}
.sub_info_work{
	font-size:normal;
	margin:0;
	padding:0;
}
.wrap-otherwork{
	float:left;
	width:199px;
	height:711px;
	border: 1px solid #0cbfe5;
	background-color:#fff;
	margin:0 0 2px 0;
}
.wrap-otherwork-content{
	width:186px;
	height:500px;
	margin:0;
	margin:0 2px 0 4px;
}
.wrap-otherwork-content table{
	float:right;
	width:180px;
	margin:0 0 0 -2px;
	padding:0;
}
.wrap-otherwork-content td{
	margin:0;
	padding:0;
}
.wrap-artistbiotext {
	float:left;
	width: 200px;
	height:195px;
	border: 1px solid #0cbfe5;
	background-color:#fff;
	margin:0 0 2px 0;
}
.wrap-artistbiotext-content{
	width:186px;
	height:299px;
	margin:0;
	margin:0 2px 0 4px;
}	
.wrap-exhibitionartistpage{
	float:left;
	width:199px;
	height:593px;
	border: 1px solid #0cbfe5;
	background-color:#fff;
	margin:0 0 2px 0;
}	
.wrap-exhibitionartistpage-content{
	width:186px;
	height:400px;
	margin:0;
	margin:0 2px 0 4px;
}
.wrap-exhibitionartistpage-content .x-img{
	float:left;
	margin:5px 10px 10px 0;
}	
#piclist{
	width: 200px;
	height: 625px;
	border: 1px solid #0cbfe5;
	background-color:#FFF;	
	padding: 3px;
	margin-bottom: 2px;
	text-transform:lowercase;
}
#piclist_artwork{
	width: 200px;
	height:308px;
	border: 1px solid #0cbfe5;
	background-color:#FFF;	
	padding: 3px;
	margin-bottom: 2px;
	text-transform:lowercase;
}

#piclist table {
	margin-left: 6px;
}


/**********************************
 ********************************** DISPLAY IMAGES MID*/ 
table{
	width:525px;
	margin:0;
	padding:
}
#work_content_select{
	width:515x;
	margin: 0 5px 0 10px;
	background-color: #FFF;
	text-align: center;
}
.frontpic{ 
	border: 0;
}
.browse {
float:right;
}
.browse ul li{
float:left;
width:auto;
margin:10px 10px 0 0
}
/*********************************** JOIN THE LIST FORM*/
.subscribe-list {
width:150px;
margin:2px 2px 0 0;
}
.email{
float:left;
width:180px;
margin:2px 0 4px 0;
}
.subscribe-bttn{
float:left;
width:100px;
height:25px;
margin:5px 0 5px 0;
}
/*INFO REQUEST LINK */
.info-request{
width:400px;
float:right;
margin:20px 75px 0 0;
}
/************************************ DISPLAY IMAGES TABLE*/ 
.work-overview{
width:525px;
height:400px;
text-align:center;
margin:0 auto;
padding:0;
}
/************************************/
#site-nav{ 
float:left;
width:600px;
font:bold 1em Arial, Helvetica, sans-serif;
letter-spacing:0.05em;
background-color:#fff;
margin:65px 0 0 0;
}
#site-nav ul{ 
float:left;
margin:0;
padding:0;
list-style-type:none;
}
#site-nav ul li{ 
float:left;
margin:0 10px 0 0;
color:#0cbfe5;
}
#site-nav ul li a, a visited{
color:#0cbfe5;
text-decoration:none;
}
#site-nav ul li a:hover{
color:#666;
text-decoration:none;
}
/*AANPASSING NAV EXXTRA MENU ITEMS */

#site-nav-new{ 
float:left;
width:700px;
font:bold 1em Arial, Helvetica, sans-serif;
letter-spacing:0.05em;
background-color:#fff;
margin:67px 0 0 15px;
}
#site-nav-new ul{ 
float:left;
margin:0;
padding:0;
list-style-type:none;
}
#site-nav-new ul li{ 
float:left;
margin:0 3px 0 0;
color:#0cbfe5;
}
#site-nav-new ul li a, a visited{
color:#0cbfe5;
text-decoration:none;
}
#site-nav-new li a:hover{
color:#666;
text-decoration:none;
}

/************************** SUB NAV  */
.sub-nav{
	margin-top:20px;
}
/************************** EXHIBITIONS PAGE */
#exhibitionoverview{
	margin-bottom:2px;
	text-align:left;
	margin-left : 4px;	
}
#exhibition_sort{
	width:504px;
	text-transform:lowercase;	
	height:65px;
}
.exhibition_upcoming{
	margin-left:2px;
}
.exhibition_previous{
	margin-left:2px;
}
.exhibition-date {
	font: 9px verdana;
	color : #000;
	margin-top : 2px;
}
.date_wrap {
	width: 500px;
	min-height:120px;
	height:auto !important;
	height:120px;
	clear: both;
	border-top:1px solid #0cbfe5;
}
.date_container {
	float:left;
	width: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform:lowercase;	
	text-align:right;
	color: #0cbfe5;	
	margin:10px 0 0 0;
}
.date_img {
	float:right;
	margin:15px 0 0 0;
	border: 1px solid #0cbfe5;	
}
.exhibition-img {
	float:right;
	border: 1px solid #000;
}
.detail-img{
	float:right;
	margin:50px 0 20px 10px;
}
#date_content{
	width: 400px;
	float: left;
	margin:5px 0 5px 25px;
}
.exhibition-hours{
	font: 10px verdana;
	color : #000;
}
#exhibition-content {
	width:500px;
	padding:2px;
	margin:5px 0 5px 0;
}
#exhibition_data {
	width:500px;
}	
#exhibition-content-det{
	width:500px;
	margin-top:5px;

}
#exhibition-content-det-text{
	width:500px;
	text-align:left;
	margin-top:10px;
	float: left;
}
.exhibition-img {
	float:right;
	border: 1px solid #000;
	margin-top:5px;
}
.exhibition-img-det {
	float: right;
	border: 1px solid #000;
	margin: 10px;
}
#exhibition-back {
	position:absolute;
	top:600px;
	font:10px verdana;
	color:#999;
	text-align:left;
	text-transform:lowercase;	
}
#exhibition-more {
	position:absolute;
	top:552px;
	font:10px verdana;
	color:#999;
	text-align:left;
	text-transform:lowercase;	
}
.exhibition-overview-more {
	font:10px verdana;
	color:#999;
	text-align:left;
	text-transform:lowercase;	
}
#exhibition-pdf{
	position:absolute;
	top:520px;
	left:2px;
	font : 10px verdana;
	color : #999;
	text-align:left;
	text-transform:lowercase;	
	
}
.exhibition-detail{
	font : 10px verdana;
	color : #999;
	text-align:left;
	text-transform:lowercase;	
	margin-bottom : 2px;
}


.linksite{ /*ONDER TEKST OP EXHIBITION DETAIL */
	border-top:1px solid #0cbfe5;
	margin: 10px 0 0 0;
	padding-top:5px;
	text-align:left;
}

.location {
	border-bottom: 1px solid #0cbfe5;
	margin:5px 0 5px 0;
}

/* ABOUT THIS WORK  RIGHT/ ---------------------------------------------------------- */

#about_work{
	width: 200px;
	height:131px;
	padding: 3px;
	border: 1px solid #0cbfe5;
	background-color:#FFF;
	margin-bottom: 2px;	
	text-transform:lowercase;
	overflow:hidden;
}
.sub_title{
	width:190px;
	font : 10px verdana;
	text-align:left;
	text-transform:lowercase;
	color : #333;
	margin: 0 0 0 0;
}
.series {
	width:190px;
	font : 10px verdana;
	text-align:left;
	text-transform:lowercase;
	color : #333;
	margin: 0 0 0 0;
}
.year {
	width:190px;
	font : 10px verdana;
	text-align:left;
	text-transform:lowercase;
	color : #333;
	margin: 0 0 0 0;
}
.comments {
	width:190px;
	font : 10px verdana;
	text-align:left;
	text-transform:lowercase;
	color : #333;
	margin: 0 0 2px 0;
}
/* PIC LIST ARTIST PAGE RIGHT/ ---------------------------------------------------------- */
#piclist_artwork{
	width: 200px;
	height:474px;
	border: 1px solid #0cbfe5;
	background-color:#FFF;	
	padding: 3px;
	margin-bottom: 2px;
	text-transform:lowercase;
}
.random-collection-images {
	float:left;
	width:199px;
	height:900px;
	border: 1px solid #0cbfe5;
	background-color:#fff;
	margin:0 0 2px 0;
}
.random-collection-images-content{
	width:186px;
	height:299px;
	margin:0;
	margin:0 2px 0 4px;
}	
.random-collection-images table{
	float:left;
	width:100px; 
	margin-left:4px;
}

/*-- VARIATIONS ON ARTIST BIO PAGE RIGHT------------------------*/

#piclist{
	width: 200px;
	height: 625px;
	border: 1px solid #0cbfe5;
	background-color:#FFF;	
	padding: 3px;
	margin-bottom: 2px;
	text-transform:lowercase;
}
.piclist_artwork_bio{ 
	float:left;
	width: 200px;
	height: 701px;
	min-height: 701px;
	border: 1px solid #0cbfe5;
	background-color:#fff;
	margin:0 0 2px 0;
}
.piclist_artwork_bio .content{
	width:184px;
	margin:0 5px 0 5px;
}
.piclist_artwork_bio table {
	width:184px;
}
.piclist_artwork_short{ 
	float:left;
	width: 200px;
	height: 512x;
	min-height: 512px;
	border: 1px solid #0cbfe5;
	background-color: #FFF;
	margin:0 0 2px 0;
}
.piclist_artwork_short .content{
	width:184px;
	margin:0 5px 0 5px;
}
.piclist_artwork_short table {
	width:184px;
}
.work-detail-img{
	clear:both;
}
/* IE6 Only */
* html #main-content{
	float:right;
	width:545px;
	height:900px;
	margin:0;
	padding:0;
	border:1px solid #0cbfe5;
	overflow:hidden;
}
* html #main-content .content{
	margin:0 0 0 5px;
}
* html #main-content h1{
	width:535px;
	margin:4px 4px 4px 4px;
}
* html .wrap-exhibitionartistpage {
	height:571px;

}
* html .wrap-contact-artistpage{
	height:477px;
}
* html #footer{
	float:left;
	width:928px;
	height:25px;
	border: 1px solid #0cbfe5;
	color: #CCC;
	background-color:#fff;
	text-align:center;
	margin:0.5px 0 2px 0;
	padding:0;
	clear:both;
}
* html .wrap-otherwork{	
	height:689px;
}	


/********** AANPASSINGEN/UITBREIDINGEN */

/********* PRESS */

.n-item{
float:left;
width:535px;
border-bottom:1px solid #999;
}
.n-item h3, .n-item p{
float:left;
margin:0;
padding:0;

}
.n-item p{
display:block;
width:auto;
margin:0 5px 0 0;
border:1px solid #fff;
}
.n-item .n-dt{
float:left;
width:110px;
height:20px;
border:1px solid #fff;
}
.n-ttl{
float:left;
width:550px;
}
.n-msg{
float:left;
width:450px;
margin:5px 0 0 0;
padding:0;
font-size:1.2em;
}
.n-img{
float:left;
width:80px;
height:auto;
margin:2px 11px 10px 0;
padding:0;
border:1px solid #666;
}
.n-item ul{
float:left;
width:auto;
margin:0;
padding:0;
}
.n-item ul li{
float:left;
}
.attached{
margin:2px 0 0 130px;
padding:0;
}
.attached ul{
clear:both;
width:400px;
height:auto;
margin:0;
padding:0;
}
.attached ul li{
float:left;
margin:0 10px 5px 0;
padding:0;
background:url(../images/icons/attachement.gif) no-repeat left;
background-repeat:no-repeat;
}
.attached ul li a{
margin-left:15px;
}
.attached-det ul{
float:left;
width:300px;
margin:10px 0 0 0;
padding:0;
}
.attached-det ul li{
margin:0 10px 0 0;
padding:0;
background:url(../images/icons/attachement.gif) no-repeat left;
background-repeat:no-repeat;
}
.attached-det ul li a{
margin-left:15px;
}
.attached-det p{
margin:2px 0 0 3px;
background-color:#f4f4ff4;
}
.request{ /*article send on request link*/
float:left;
width:175px;
margin:0 0 0 130px;
}

/********** COLLECTIONS */
.collect{
float:left;
width:500px;
min-height:25px;
margin:5px 0 5px 0;
border-bottom:1px solid #999;
}
/********* PUBLICATIONS */
.publication-sps{
float:left;
width:150px;
height:auto;
margin:5px 20px 0 0;
padding:0;
}
.publication-sps img{
float:left;
width:150px;
margin:9px 0 7px 0;
}
.publication-dtl ul{
float:left;
margin:0 0 7px 0;
padding:0;
width:150px;
}
.publication-dtl ul li{
width:150px;
float:left;
}
.publication-dtl p{
margin:10px 0 0 0;
}
/*********** INTRO BIO OP ARTIST OVERVIEW PAGE*/

.start-bio{
float:left;
margin:5px 0 5px 0;
clear:both;
}
/********** IHEADER GALLERY SWITCH BUTTONS AMS/CHELSEA/BROOKLYN*/

.gallery-switch{
float:right;
width:186px;
margin:7px 10px 0 0;
padding:0;
}
.gallery-switch ul li{
float:left;
width:200px;
margin:0;
padding:0;
}
.gallery-switch li{
float:left;
width:62px;
margin:0;
padding:0;
}
/********* TIJDELJKE INTRO PAGINA BROOKLYN*/

.causil-intro{
margin:0 auto;
}
.causil-intro h1{
font-size:16px;
color:#FFFF00;
}


/* FOOTER BANNERS BROOKLYN*/
.brooklyn-banners {
float:left;
height:140px;
margin:20px 0 0 0;
padding:0;
clear:both;
}
.brooklyn-banners img{
float:left; 
margin:0 50px 0 0;
}
