body {
	background-color: #3E3E3E;
	color:#fff;
	background-image: url(../img/layout/bg.png);
	background-repeat: repeat-x;
	font-size: 0.7em;
	line-height:1.3em;
}
body .en {
	font-family: Corbel, Helvetica, Arial, sans-serif;
}
body .ch {
}

/* ==========================================================================

				Basislayout
 
=========================================================================== */

#container {
	width:957px;
	margin:0px auto;
}
#linkerkolom {
	width:178px;
	float:left;
	padding-left:15px;
}
#middelkolom {
	width:612px;
	float:left;
	background:#fff;
	color:#3e3e3e;
}
#rechterkolom {
	width:150px;
	float:left;
}


/* ==========================================================================

				Middelkolom
 
=========================================================================== */


/* ============================================
				Flashblok
============================================= */

#flash {
	height:265px;
	background-color: #3E3E3E;
	position: relative;
	z-index: 0;
}
#flash p { /* alternatieve content */
	width:400px;
	margin:0px auto;
	padding:60px 0 0 0;
	text-align:center;
	color:#fff;
	line-height:1.6em;
}
#flash a { /* alternatieve content */
	color:#fff;
	text-decoration:underline;
}

/* =====================================================
				Hoofdblok (titel, submenu, content)
====================================================== */

#main {
	padding:65px 70px;
}

/* ============================================
				Paginatitel
============================================= */

#main h3.titel {
	height:40px;
	background: no-repeat left;
}

/* ======================================================================
				Submenu musea, selected works & guestbook
======================================================================= */

#main .submenu  {
	margin: 30px 0 0px 0;
}
.guestbook #main  .submenu  {
	margin: 30px 0 30px 0;
}
#main .submenu ul  {
	list-style:none;
}
#main .submenu li {
	float:left;
	height:28px;
	position:relative;
	z-index:50;
	margin:0;
}
#main .submenu li.secondline {
	position:relative;
	bottom:3px;
	z-index:49;
}
#main .submenu a, #main .submenu span {
	display:block;
	background: no-repeat;
	height:28px;
}
#main .submenu a span, #main .submenu span span {
	display:none;
}
#main .submenu #kmska a {
	width:224px;
	background:url(../img/buttons/submenu_kmska.gif);
}
#main .submenu #kmska a:hover, #main .submenu #kmska span.active {
	width:224px;
	background:url(../img/buttons/submenu_kmska-over.gif);
}
.ch #main .submenu #kmska a {
	width:157px;
	background:url(../img/buttons/submenu_kmska_ch.gif);
}
.ch #main .submenu #kmska a:hover, .ch #main .submenu #kmska span.active {
	width:157px;
	background:url(../img/buttons/submenu_kmska_ch-over.gif);
}
#main .submenu #plantin a {
	width:149px;
	background:url(../img/buttons/submenu_plantijn.gif);
}
#main .submenu #plantin a:hover, #main .submenu #plantin span.active {
	width:149px;
	background:url(../img/buttons/submenu_plantijn-over.gif);
}
.ch #main .submenu #plantin a {
	width:237px;
	background:url(../img/buttons/submenu_plantijn_ch.gif);
}
.ch #main .submenu #plantin a:hover, .ch #main .submenu #plantin span.active {
	width:237px;
	background:url(../img/buttons/submenu_plantijn_ch-over.gif);
}
#main .submenu #muhka a {
	width:57px;
	background:url(../img/buttons/submenu_muhka.gif);
}
#main .submenu #muhka a:hover, #main .submenu #muhka span.active {
	width:57px;
	background:url(../img/buttons/submenu_muhka-over.gif);
}
#main .submenu #shanghai a {
	width:141px;
	background:url(../img/buttons/submenu_shanghai.gif);
}
#main .submenu #shanghai a:hover, #main .submenu #shanghai span.active {
	width:141px;
	background:url(../img/buttons/submenu_shanghai-over.gif);
}
.ch #main .submenu #shanghai a {
	width:94px;
	background:url(../img/buttons/submenu_shanghai_ch.gif);
}
.ch #main .submenu #shanghai a:hover, .ch #main .submenu #shanghai span.active {
	width:94px;
	background:url(../img/buttons/submenu_shanghai_ch-over.gif);
}
#main .submenu #singapore a {
	width:193px;
	background:url(../img/buttons/submenu_singapore.gif);
}
#main .submenu #singapore a:hover, #main .submenu #singapore span.active {
	width:193px;
	background:url(../img/buttons/submenu_singapore-over.gif);
}
.ch #main .submenu #singapore a {
	width:142px;
	background:url(../img/buttons/submenu_singapore_ch.gif);
}
.ch #main .submenu #singapore a:hover, .ch #main .submenu #singapore span.active {
	width:142px;
	background:url(../img/buttons/submenu_singapore_ch-over.gif);
}
#main .submenu #sub_en a {
	width:54px;
	background:url(../img/buttons/submenu_english.gif);
}
#main .submenu #sub_en a:hover, #main .submenu #sub_en span.active {
	width:54px;
	background:url(../img/buttons/submenu_english-over.gif);
}
#main .submenu #sub_ch a {
	width:43px;
	background:url(../img/buttons/submenu_chinese.gif);
}
#main .submenu #sub_ch a:hover, #main .submenu #sub_ch span.active {
	width:43px;
	background:url(../img/buttons/submenu_chinese-over.gif);
}
#main .submenu #sub_en_ch a {
	width:105px;
	background:url(../img/buttons/submenu_english_chinese.gif);
}
#main .submenu #sub_en_ch a:hover, #main .submenu #sub_en_ch span.active {
	width:105px;
	background:url(../img/buttons/submenu_english_chinese-over.gif);
}
#main .submenu #sub_ch_en a {
	width:105px;
	background:url(../img/buttons/submenu_chinese_english.gif);
}
#main .submenu #sub_ch_en a:hover, #main .submenu #sub_ch_en span.active {
	width:105px;
	background:url(../img/buttons/submenu_chinese_english-over.gif);
}





/* =========================================================
				Submenu musea & selected works
========================================================== */

#main .submenu_partners  {
	margin: 30px 0 30px 0;
}
#main .submenu_partners  ul  {
	list-style:none;
}
#main .submenu_partners  li {
	float:left;
	height:47px;
	position:relative;
	z-index:50;
	margin:0;
}
#main .submenu_partners  a, #main .submenu_partners  span {
	display:block;
	background: no-repeat;
	height:47px;
}
#main .submenu_partners  a span, #main .submenu_partners  span span {
	display:none;
}
#main .submenu_partners  #shanghai a {
	width:141px;
	background:url(../img/buttons/submenu_partners_shanghai.gif);
}
#main .submenu_partners  #shanghai a:hover, #main .submenu_partners  #shanghai span.active {
	width:141px;
	background:url(../img/buttons/submenu_partners_shanghai-over.gif);
}

#main .submenu_partners  #singapore a {
	width:193px;
	background:url(../img/buttons/submenu_partners_singapore.gif);
}
#main .submenu_partners  #singapore a:hover, #main .submenu_partners  #singapore span.active {
	width:193px;
	background:url(../img/buttons/submenu_partners_singapore-over.gif);
}

.ch #main .submenu_partners  #shanghai a {
	width:141px;
	background:url(../img/buttons/submenu_partners_shanghai_ch.gif);
}
.ch #main .submenu_partners  #shanghai a:hover, .ch #main .submenu_partners  #shanghai span.active {
	width:141px;
	background:url(../img/buttons/submenu_partners_shanghai_ch-over.gif);
}

.ch #main .submenu_partners  #singapore a {
	width:193px;
	background:url(../img/buttons/submenu_partners_singapore_ch.gif);
}
.ch #main .submenu_partners  #singapore a:hover, .ch #main .submenu_partners  #singapore span.active {
	width:193px;
	background:url(../img/buttons/submenu_partners_singapore_ch-over.gif);
}






/* ============================================
				Content
============================================= */

#main #content {
	margin:30px 0 0 0;
}
.illustratie_left {
	float:left;
	margin:0 0px 30px 0;
}

.illustratie_right {
	float:right;
	margin:0 0 30px 30px;
}
.illustratie {
	margin: 0 0 25px 0;
	padding-top:10px;
}
.illustratie .highslide {
	background:none;
	outline-width:0;
}
.illustratie .highslide img{
border:none;
border-width:0px;
}
.illustratie .highslide img.first {
margin-right:0;
}
.illustratie .highslide img.last {
margin-left:0;
}


.rightcolumn {
	margin-left: 190px;
}
/* ============================================
				Content: works
============================================= */

.works .item {
	clear:left;
	padding:10px 0 30px 0;
	line-height:1.2em;
}
.works .item img {
	float:left;
	margin:0 40px 0 0;
}
.works .item .caption {
	float:left;
	width:226px;
}
.works .item .caption p {
	line-height:1.2em;
}
.works .item .caption .artist_title	{
	font-weight:bold;	
}
.works .item .caption .material	{
	font-style:italic;
}
.works .item .caption .courtesy	{
	font-style:italic;
}
.works .item .caption .description	{
	margin-top:15px;
}
.works .item .caption .readmore	{
	display:block;
	margin-top:7px;
}
.works .showmore {
	margin:35px 0 15px 0;
}



/* ============================================
				Content: guestbook
============================================= */

.guestbook #intro {
	margin:25px 0 25px 0;
}
.guestbook #intro .postbutton {
	margin:10px 0 0 0 ;
	float:right;
}
.guestbook_item .titelbalk {
	padding:4px 6px 2px 6px;
	color:#fff;
	background:#3e3e3e;
}
.guestbook_item  {
	margin: 0 0 15px 0;
}
.guestbook_item .titelbalk .titel {
	display:block;
	float:left;
	background:#3e3e3e url(../img/misc/icon_msg.gif) left no-repeat;
	padding:0 0 0 25px;
	color:#fff;
	font-weight:bold;
	font-size:1.1em;
}
.guestbook_item .titelbalk .posted_on {
	color:#ccc;
	font-style:italic;
	float:right;
	font-size:0.9em;
}
.guestbook_item .boodschap  {
	padding:20px 0 10px 0;
}
.guestbook_item .boodschap img {
	float:right;
	margin:5px 0 15px 30px;	
}


/* ============================================
				Content: partners
============================================= */

.partners #content h3 {	
	font-size:1.1em;
	padding:4px 6px;
	background-color:#d2d2d2;
	color:#3e3e3e;
	clear:left;
}
.partners #content ul li {
	display:block;
	float:left;
	margin:0;
}
.partners #content ul li a, .partners #content ul li span {
	display:block;
	position:absolute;
}
.partners #content ul li a:hover{
	background:none;
}
.partners #content ul li a span, .partners #content ul li span span {
	visibility:hidden;
	display:none;
}
#content #headsponsors, #content #supporter, #content #airline  {
	padding-top:20px;
}
#content #supporter  {
	height:100px;
}
#content #supporter ul li#hapag a {
	background:url(../img/logos/partners_hapag.gif) no-repeat center;
	width:140px;
	height:60px;
}

/* ============================================
				partners & sponsors shanghai
============================================= */

#content #main_partners.shanghai ul {
	width:461px;
	height:175px;
	background:url(../img/logos/shanghai_partners.png) no-repeat;
	position:relative;
}

#content #main_partners.shanghai ul li#partner_shanghai a {
	width:68px;
	height:108px;
}
#content #main_partners.shanghai ul li#partner_kmska a {
	width:117px;
	height:57px;
	left:80px;
	top:25px;
}
#content #main_partners.shanghai ul li#partner_muhka a {
	width:102px;
	height:30px;
	left:220px;
	top:37px;
}
#content #main_partners.shanghai ul li#partner_mpm a {
	width:119px;
	height:48px;
	left:343px;
	top:28px;
}
#content #main_partners.shanghai ul li#partner_antwerp a {
	width:127px;
	height:45px;
	left:4px;
	top:113px;
}
#content #main_partners.shanghai ul li#partner_singant span {
	width:127px;
	height:45px;
	left:150px;
	top:103px;
}
#content #main_partners.shanghai ul li#partner_belgium a {
	width:160px;
	height:68px;
	left:295px;
	top:107px;
}
#content #headsponsors.shanghai ul  {
	width:469px;
	height:100px;
	background:url(../img/logos/partners_headsponsors.png) 0px 30px no-repeat;
	position:relative;
}
#content #headsponsors.shanghai ul li#flanders a {
	width:135px;
	height:50px;
	left:0px;
	top:25px;
}
#content #headsponsors.shanghai ul li#poa a {
	width:100px;
	height:50px;
	left:140px;
	top:25px;
}
#content #headsponsors.shanghai ul li#tesiro a {
	width:70px;
	height:50px;
	left:250px;
	top:25px;
}
#content #headsponsors.shanghai ul li#umicore a {
	width:80px;
	height:50px;
	left:330px;
	top:25px;
}
#content #headsponsors.shanghai ul li#tnt a {
	width:60px;
	height:50px;
	left:420px;
	top:25px;
}



/* ============================================
				partners singapore
============================================= */

#content #main_partners.singapore ul {
	width:461px;
	height:166px;
	background:url(../img/logos/singapore_partners.png) no-repeat;
	position:relative;
}

#content #main_partners.singapore ul li#partner_singapore a {
	width:85px;
	height:59px;
	top:15px;
}
#content #main_partners.singapore ul li#partner_kmska a {
	width:117px;
	height:57px;
	left:100px;
	top:15px;
}
#content #main_partners.singapore ul li#partner_muhka a {
	width:102px;
	height:30px;
	left:235px;
	top:27px;
}
#content #main_partners.singapore ul li#partner_mpm a {
	width:119px;
	height:48px;
	left:355px;
	top:18px;
}
#content #main_partners.singapore ul li#partner_antwerp a {
	width:127px;
	height:45px;
	left:83px;
	top:93px;
}
#content #main_partners.singapore ul li#partner_singant span {
	width:127px;
	height:45px;
	left:225px;
	top:93px;
}
#content #presentingsponsors.singapore ul li#flanders {
	width:193px;
	height:86px;
	background:url(../img/logos/vlaanderen.png) no-repeat center;
}
#content #presentingsponsors.singapore ul li#flanders a {
	width:193px;
	height:86px;
}
#content #keysponsors.singapore ul li#poa {
	width:144px;
	height:86px;
	background:url(../img/logos/poa.png) no-repeat center;
}
#content #keysponsors.singapore ul li#poa a {
	width:144px;
	height:86px;
}
#content #keysponsors.singapore ul li#partner_belgium {
	position:relative;
	left:26px;
	top:11px;
	width:162px;
	height:67px;
	background:url(../img/logos/belgium.png) no-repeat center;
}
#content #keysponsors.singapore ul li#partner_belgium a {
	width:162px;
	height:67px;
}
#content #mainsponsors.singapore ul.threesponsors {
	width:466px;
	height:70px;
	background:url(../img/logos/sponsors_sing.png) no-repeat;
	position:relative;
}
#content #mainsponsors.singapore ul li#bnp {
margin-top:20px;
	width:182px;
	height:43px;
	background:url(../img/logos/bnp.png) no-repeat;
}
#content #mainsponsors.singapore ul li#bnp a {
	width:182px;
	height:43px;
}
#content #mainsponsors.singapore ul li#psa a {
	width:105px;
	height:59px;
	top:15px;
}
#content #mainsponsors.singapore ul li#belgacom a {
	width:145px;
	height:69px;
	top:5px;
	left:110px;
}
#content #mainsponsors.singapore ul li#helutrans a {
	width:215px;
	height:69px;
	top:5px;
	left:260px;
}
#content #airline ul li#singaporeair a {
	background:url(../img/logos/singaporeairline.png) no-repeat center;
	width:184px;
	height:60px;
}








/* ============================================
				Sponsors
============================================= */

#sponsors {
	clear:left;
	width:467px;
	height:43px;
	margin:0 auto 300px auto;
}


/* ==========================================================================

				Rechterkolom
 
=========================================================================== */

#logo {
	width:143px;
	height:184px;
	margin:10px 0 0 0;
}
#taalkeuze {
	margin:48px 0 0 20px;
}
#taalkeuze a {
	display:block;
	float:left;
	padding:4px 6px;
	background-color:#ef0009;
	color:#fff;
}
#taalkeuze li {
	display:block;
	float:left;
}
#taalkeuze span.active {
	display:block;
	padding:4px 6px;
	background-color:#3e3e3e;
	color:#fff;
}
#taalkeuze a:hover {
	background:#3e3e3e;
}

#logos {
	margin:95px 0 0 20px;
}
#logos a {
	display:block;
	float:left;
	clear:left;
	height:47px;
	margin:0 0 5px 0;
}

#logos #logo_kmska {
	width:102px;
	background:url(../img/logos/kmska_small_grey.gif) no-repeat;
}
#logos a#logo_kmska:hover {
	background:url(../img/logos/kmska_small_grey-over.gif);
}
#logos #logo_plantijn {
	width:102px;
	background:url(../img/logos/plantijn_small_grey.gif) no-repeat;
}
#logos a#logo_plantijn:hover {
	background:url(../img/logos/plantijn_small_grey-over.gif);
}
#logos #logo_muhka {
	width:102px;
	background:url(../img/logos/muhka_small_grey.gif) no-repeat;
}
#logos a#logo_muhka:hover {
	background:url(../img/logos/muhka_small_grey-over.gif);
}




/* ==========================================================================

				Handige dingskes
 
=========================================================================== */

.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.clearboth {
	clear:both;
}
.emptyclearboth {
	clear:both;
	height:1px;
	width:1px;
	line-height:1px;
	display:block;
}
.nomargin {
	margin:0;
}
.altcontent, .nodisplay {
	display:none;
	height:1px;
}
img {
	border:0;
}


/* ==========================================================================

				Tekstopmaak
 
=========================================================================== */

p {
	line-height:1.6em;
	text-align:justify;
	margin-bottom:18px;
}
.ch p {
	font-size: 1.2em;
	line-height:2em;
}
.works .ch  {
	font-size: 1.1em;
	line-height:2em;
}

h3 {
	font-size:1.3em;
	margin:15px 0 16px 0;
}
h4 {
	font-size:1em;
	margin:15px 0 8px 0;
}


.smallcaps {
	font-variant:small-caps;
}


.italic {
	font-style:italic;
}

#content ul {
	list-style:url(../img/misc/arrow.gif) ;
}

#content ul li {
	margin:0 0 5px 15px;
}


/* ==========================================================================

				Forms
 
=========================================================================== */


label {
	font-weight:bold;
}

input, textarea {
	border:1px solid #999999;
	margin:4px 0px;
	font-size:1em;
	padding:3px 4px;
}





/* ==========================================================================

				Links & buttons
 
=========================================================================== */

a {
	color:#ef0009;
	text-decoration:none;
}
a:hover {
	color:#fe1f27;
	background:url(../img/misc/dotline.gif) repeat-x bottom;
}
a.largebutton {
	font-size:1.2em;
	font-weight:bold;
	padding:4px 6px;
	background-color:#3e3e3e;
	color:#fff;
}
a.largebutton:hover {
	text-decoration:none;
	background:#ef0009;
	color:#fff;
}
.mediumbutton {
	font-size:1em;
	font-weight:bold;
	padding:4px 5px 3px 5px;
	background-color:#3e3e3e;
	color:#fff;
	border:0;
}
a.mediumbutton:hover {
	text-decoration:none;
	background:#ef0009;
	color:#fff;
}



#tooltip {
	position: absolute;
	z-index: 3000;
	border: 0;
	background-color: #ef0009;
	padding: 2px 5px;
	opacity: 0.9;
	font-size:0.75em;
}
#tooltip h3, #tooltip div { margin: 0; }