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

@font-face {
font-family: REGULAR; 
src: url('../font/Lora-Regular.ttf');

font-family: ITALIC; 
src: url('../font/Lora-Italic.ttf');
}

@font-face {

}


html, body {
	font-family: REGULAR;
	font-size: 104%;
	color: #000;
	height: 100%;
    width: 100%;        
	padding: 0;
	margin: 0;
}
#container {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	}
	
i{
	font-family: ITALIC;
	}
	

/* ############# Header ############# */	
#header{
	position: relative;
	height: 170px;
	}
.main_navi{
	position: absolute;
	list-style: none;
	margin: 82px 0 0 -43px;
	}
.main_navi li{
	font-size: 0.875em;
	float: left;
	display: block;
	margin: 0 0 0 0;
	padding-left: 14px;
	}
.main_navi_link:link, .main_navi_link:visited, .main_navi_link:active{
	display: block;
	padding: 1px;
	margin: 0 0 0 -2px;
	color: #8a8a8a;
	text-decoration: none;
}
.main_navi_link:hover {
	color: #000;
	text-decoration: none;
}

.small_navi{
	float: right;
	margin: 0px 0 0 0;
	border-right: 1px solid #ddd;
	}
.small_navi ul{
	list-style: none;
	}
.small_navi li{
	float: left;
	display: block;
	font-size: 0.73em;
	height: 14px;
	margin: 0 0 0 0;
	padding-left: 6px;
	border-left: 1px solid #ddd;
	}
.small_navi_link:link, .small_navi_link:visited, .small_navi_link:active{
	display: block;
	padding: 0 6px 0 0;
	margin: 5px 0 0 -2px;
	color: #8a8a8a
	text-decoration: none;
}
.small_navi_link:hover {
	color: #000;
	text-decoration: none;
}

#logo{
	position: absolute;
	width: 408px;
	height: 17px;
	margin: 52px 0 0 10px;
	padding: 0;
	}
	
/* ############# Newsletter Layer ############# */

#newsletter{
	position: relative;
	display: block;
	width: 300px;
	height: 480px;
	vertical-align: top;
	top: 150px;
	margin: 0 0 0 300px;
	padding: 40px;
	z-index: 5;
	display: none;
	background-image: url(../img/newsletter_bg.png);
	background-repeat: no-repeat;
	font-size: 0.7em;
	}
#n_container{
	width: 280px;
	}
#newsletter h1{
	font-weight: normal;
	font-size: 1.4em;
	margin: -5px 0 8px 0;
	}
input.fir{
	width: 274px;
	height: 18px;
	margin-bottom: 5px;
	padding-top: 8px;
	padding-left: 4px;
	font-size: 1.1em;
	color: #8a8a8a;
	background-color: #fff;
	border: 1px solid #8a8a8a;
	font-family: REGULAR;
}
input.sec{
	width: 274px;
	height: 18px;
	margin-bottom: 5px;
	padding-left: 4px;
	padding-top: 8px;
	font-size: 1.1em;
	color: #fff;
	background-color: #8a8a8a;
	border: 1px solid #8a8a8a;
	font-family: REGULAR;
}
textarea.fir{
	border: 0px;
	width: 274px;
	height: 200px;
	padding-top: 8px;
	padding-left: 4px;
	margin-bottom: 5px;
	background-color: #fff;
	border: 1px solid #8a8a8a;
	font-family: REGULAR;
	font-size: 1.1em;
	line-height: 18px;
	color: #8a8a8a;
}
textarea.sec{
	border: 1px solid #8a8a8a;
	width: 274px;
	height: 200px;
	padding-top: 8px;
	padding-left: 4px;
	margin-bottom: 5px;
	font-family: REGULAR;
	font-size: 1.1em;
	line-height: 18px;
	color: #fff;
	background-color: #8a8a8a;
}
.senden{
	border: 0px;
	width: 280px;
	height: 24px;
	padding-top: 4px;
	font-size: 12px;
	color: #fff;
	background-color: #8a8a8a;
	font-family: REGULAR;
}

/* ############# Content generall ############# */
#content{
	position: relative;
	min-height: 50em;
	}
blockquote{
	margin-left: 5px;
	font-size: 0.75em;
	line-height: 1.7em;
	}
ol{
	font-size: 0.6em;
	margin: 0 0 0 -28px;
	width: 480px;
	line-height: 1.2em
	}
	

/* ############# Index ############# */
.exhibition_index{
	display: block;
	width: 950px;
	height: 450px;
	margin: 0 0 20px 10px;
	cursor: pointer;
}
.exhibition_index:hover{
	margin: -3px 0 17px 7px;
	background-color: #f5f5f5;
	border: 3px solid #f5f5f5;
	}
.left_text{
	float: left;
	}
.content_city{
	font-weight: normal;
	font-size: 0.875em;
	margin: 7px 0 0 0;
	color: #ad0000;
	}
.content_city_single{
	margin: 0 0 -10px 9px;
	font-weight: normal;
	font-size: 0.875em;
	color: #ad0000;
	}
.exhibition_index hr{
	border: 0;
	color: #fff;
	background-color: #ddd;
	height: 1px;
	margin: -4px 0 0 1px;
	width: 950px;
	}
.exhibition_index h1{
	font-weight: normal;
	font-size: 1.025em;
	line-height: 1.1em;
	margin: 10px 0 0 0;
	width: 380px;
	}
.exhibition_index h2{
	font-weight: normal;
	font-size: 0.875em;
	line-height: 1.15em;
	margin: 0.9em 0 0 0;
	}
.image_container_index{
	float: right;
	padding: 0 0 2px 0;
	margin: 8px 0 0 -1px;
	height: 354px;
	width: 460px;
	height: 354px;
}
.image_container_index img{
	padding: 0 0 0 0;
	height: 354px;
	margin: 0 auto 0 auto;
}
.image_caption_index{
	font-size: 0.655em;
	padding: 0 0 5px 0;
	margin: 364px 0 48px 0;
}

/* ############# Single Exhibition & Artists ############# */
#content_left{
	float: left;
	width: 330px;
	padding: 0 60px 0 0;
	
	}
#content_left h1{
	font-weight: normal;
	font-size: 1.225em;
	line-height: 1.2em;
	margin: 7px 0 0 9px;
	}
#content_left h2{
	font-weight: normal;
	font-size: 0.875em;
	line-height: 1.1em;
	margin: 0.9em 0 0 9px;
	}
#content_left blockquote{
	clear: both;
	text-indent: -4px;
	font-size: 0.75em;
	line-height: 1.6em;
	margin: 50px 0 0 8px;
	}
#content_left span{
	float: right;
	font-size: 0.75em;
	margin: 10px 0 0 8px;
	}
	
#content_right{
	float: right;
	width: 570px;
	margin: 0 0 300px 0;
	}
#content_right p{
	width: 480px;
	font-size: 0.75em;
	line-height: 1.5em;
	}
	
.image_container{
	padding: 0 0 2px 0;
	height: 510px;
	}
.image_container img{
	padding: 0 0 16px 0;
	}
.image_caption{
	font-size: 0.625em;
	border-bottom: 1px solid #ddd;
	padding: 10px 0 5px 0;
	margin: 0 0 48px 0;
	}
#arrows{
	font-size: 1.2em;
	float: right;
	margin: 2px 0 0 0;
	}
.artist_link:link, .artist_link:visited, .artist_link:active{
	color: #8a8a8a;
	text-decoration: none;
	cursor: pointer;
}
.artist_link:hover {
	color: #000;
	text-decoration: none;
}
.city_linker:link, .city_linker:visited, .city_linker:active{
	display: block;
	padding: 0 6px 0 0;
	margin: 0 0 2px 0;
	color: #8a8a8a;
	text-decoration: none;
}
.city_linker:hover {
	color: #000;
	text-decoration: none;
}
	
	
/* ############# Site Exhibitions ############# */
#content_left_exhibitions{
	float: left;
	width: 140px;
	padding: 7px 0 0 0;
	}
#content_left_exhibitions h1{
	font-weight: normal;
	font-size: 1em;
	line-height: 1em;
	margin: 0 0 0 10px;
	}

#content_right_exhibitions{
	float: right;
	width: 810px;
	margin: 0 0 0 0;
	}

#exhibitions_table{
	font-size: 0.725em;
	width: 810px;
	border: 0;
	border-spacing: 0;
	margin: 7px 0 120px 0;
	}
.tablehover:hover{
	background-color: #000;
	color: #FFFFFF;
	cursor: pointer;
	}	

#exhibitions_table td{
	padding: 6px 5px 8px 5px;
	vertical-align: top;
	line-height: 1.3em;
	}
#exhibitions_table span{
	color: #666666;
	}
.year_grey{
	background-color: #f3f3f3;
	}
.year{
	width: 130px;
	font-size: 0.825em;
	}
.exhibition{
	width: 480px;
	vertical-align: bottom;
	padding: 0 0 0 6px;
	border-top: 1px solid #ebebeb;
	}
.theCity{
	width: 24px;
	vertical-align: bottom;
	padding: 0 0 0 6px;
	border-top: 1px solid #ebebeb;
	font-size: 0.7em;
	}
.date{
	width: 160px;
	vertical-align: bottom;
	padding-right: 10px;
	text-align: right;
	border-top: 1px solid #ebebeb;
	}
	
	
/* ############# Site Artists Overview ############# */
.artisits_navi{
	margin: 0 0 0 -28px;
	}
.artisits_navi ul{
	list-style: none;
	}
.artisits_navi li{
	float: left;
	display: block;
	font-size: 0.9em;
	height: 30px;
	width: 310px;
	margin: 0 0 0 0;
	padding: 0;
	}
.artsist_navi_link:link, .artsist_navi_link:visited, .artsist_navi_link:active{
	display: block;
	padding: 0 6px 0 0;
	margin: 5px 0 0 -2px;
	color: #8a8a8a;
	text-decoration: none;
}
.artsist_navi_link:hover {
	color: #000;
	text-decoration: none;
}

/* ############# Site Publications ############# */
#content_left_publications{
	float: left;
	width: 240px;
	padding: 0 0 0 0;
	}
#content_left_publications h1{
	font-weight: normal;
	font-size: 1em;
	line-height: 1em;
	margin: 7px 0 0 9px;
	}
#content_left_publications h2{
	font-weight: normal;
	font-size: 0.875em;
	line-height: 1.1em;
	margin: 0.8em 0 0 9px;
	}
	
#content_right_publications{
	float: right;
	width: 720px;
	margin: 0 0 240px 0;
	}
#content_right_publications p{
	width: 480px;
	font-size: 0.75em;
	line-height: 1.5em;
	}
	
.publications{
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
.publications li{
	display: block;
	float:left;
	width: 220px;
	height: 600px;
	font-size: 0.75em;
	line-height: 1.2em;
	padding: 0 20px 0 0;
	}
.publications li h1{
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: normal;
	}
.publications_text{
	height: 280px;
	padding: 0 0 0 10px;
	margin: -5px 0 0 0;
	}
.order{
	border-bottom: 1px solid #ddd;
	padding: 5px 0 0 10px;
	font-size: 1em;
	}


/* ############# Other Sites ############# */
#content_left_other{
	float: left;
	width: 330px;
	padding: 0 60px 0 0;
	}
#content_left_other h1{
	font-weight: normal;
	font-size: 1em;
	line-height: 1em;
	margin: 7px 0 0 9px;
	}
#content_left_other h2{
	font-weight: normal;
	font-size: 0.875em;
	line-height: 1.1em;
	margin: 0.8em 0 0 9px;
	}
	
#content_right_other{
	float: right;
	width: 570px;
	margin: 0 0 300px 0;
	}
#content_right_other p{
	width: 480px;
	font-size: 0.75em;
	line-height: 1.5em;
	}

/* ############# Contact ############# */
.contact_table{
	padding: 0;
	margin: 0 0 24px 0;
	width: 570px;
	font-size: 0.75em;
	line-height: 1.5em;
	}
.contact_table td{
	padding: 0;
	width: 240px;
	}
.contact_table h1{
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1em;
	margin: 4px 0 10px 0;
	color: #000;
	}
	
/* ############# Links generall ############# */
a:link, a:visited, a:active {
	color: #8a8a8a;
	text-decoration: none;	
	}
a:hover {
	color: #000;
	text-decoration: none;
	}
.artist_links_index:link, .artist_links_index:visited, .artist_links_index:active {
	color: #8a8a8a;
	text-decoration: none;
	}
.artist_links_index:hover {
	color: #000;
	text-decoration: none;
	}



/* ############# Footer ############# */
#footer{
	position: relative;
	clear: both;
	color: #9f9f9f;
	height: 82px;
	padding: 0 0 0 10px;
	margin: 0;
	}

#footer_navi{
	position: absolute;
	width: 381px;
	bottom: 0;
	/* border-right: 1px solid #ddd; */
	}
#footer_navi span{
	font-size: 0.6em;
	}
#footer_navi ul{
	list-style: none;
	margin: -8px 0 30px -44px;
	}
#footer_navi li{
	font-size: 0.65em;
	float: left;
	display: block;
	height: 14px;
	margin: 0 0 0 0;
	padding-left: 6px;
	}
.footer_navi_link:link, .footer_navi_link:visited, .footer_navi_link:active{
	display: block;
	padding: 0 6px 0 0;
	margin: 5px 0 0 -2px;
	color: #8a8a8a;
	text-decoration: none;
}
.footer_navi_link:hover {
	color: #000;
	text-decoration: none;
}

#exhibiton_teaser{
	position: absolute;
	margin: 0 0 0 389px;
	padding: 0;
	}
#exhibiton_teaser table{
	margin: -7px 0 0 0;
	padding: 0;
	}
.exhibition_teaser_city{
	font-weight: normal;
	font-size: 0.7em;
	line-height: 1em;
	margin: 4px 0 0 0;
	color: #000;
	}
#exhibiton_teaser h1{
	font-weight: normal;
	font-size: 0.7em;
	line-height: 1.05em;
	margin: 4px 0 0 0;
	}
#exhibiton_teaser h2{
	font-weight: normal;
	font-size: 0.7em;
	margin: 4px 0 0 0;
	}
	
/* ############# Chronicle ############# */
#content_chronicle{
	position: relative;
	}
#content_chronicle h1{
	font-weight: normal;
	font-size: 1em;
	line-height: 1em;
	margin: 7px 0 0 9px;
	}
	

/* ############# Special ############# */
#special_container{
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 58px;
	}
#special_left{
	display: block;
	float: left;
	width: 300px;
	height: 58px;
}
#special_right{
	display: block;
	width: 500px;
	height: 58px;
	margin: 0 0 20px 430px;
	padding: 5px 0 0 70px;
	/*background-image: url(../img/fiac.jpg);
	background-repeat: no-repeat;*/
	cursor: pointer;
}
#special_text{
	font-weight: normal;
	font-size: 0.8em;
	line-height: 1.1em;
	margin: 5px 0 0 10px;
	}