/*
Layout and Positioning
------------------------------------------------------------------------------------------------ */

body, h1, h2, h3, h4, h5, h6, p, ul, td, th, blockquote, table, tr, li, dt, dd, ol, a { margin: 0; padding: 0;}

body { width: 100%; overflow-x: hidden; background-color: #d8d9d5; }

img { border-style: none; }

ul { list-style-type: none; }

#logoAndSearchRow { height: 41px; overflow:hidden; border-bottom: 2px solid #fff; background-color: #fafbf6; }	
	#logoAndSearch { height: 41px; background-color: #eff1ec; }
		h1 { display: inline; float: left; width: 104px; height: 37px; margin: 0px 0px 0px 5px; }
		h1 a { display: block; width: 104px; height: 37px; background: #fafbf6 url(/img/global/masthead_logo.png) no-repeat left top; }
		#print_logo {visibility: hidden; display:none;}
		
		
		ul#langContact { display: inline; float: right; }
		body.nl ul#langContact li, body.nl ul#langContact li a { background-image: url(/img/global/masthead_nav_right_nl.png); background-repeat: no-repeat; }
		body.ja ul#langContact li, body.ja ul#langContact li a { background-image: url(/img/global/masthead_nav_right_ja.png); background-repeat: no-repeat; }
			li#menuContact { display: inline; float: left; height: 41px; }
			body.nl li#menuContact { width: 100px; background-position: -24px 0px; }
			body.ja li#menuContact { width: 100px; background-position: -13px 0px; }
			li#menuContact a { display: block; height: 41px; outline: none; }
			body.nl li#menuContact a { width: 100px; background-position: -24px 0px; }
			body.ja li#menuContact a { width: 100px; background-position: -13px 0px; }
		
			
			li#menuLangSwitch { display: inline; float: left; height: 41px; }
			body.nl li#menuLangSwitch { width: 101px; background-position: -124px 0px; }
			body.ja li#menuLangSwitch { width: 112px; background-position: -113px 0px; }			
			li#menuLangSwitch a { display: block; height: 41px; outline: none; }
			body.nl li#menuLangSwitch a { width: 101px; background-position: -124px 0px; }
			body.ja li#menuLangSwitch a { width: 112px; background-position: -113px 0px; }			
			
		#search { display: inline; float: right; margin: 12px 8px 0px 0px; }
			#submitTopSearch { height: 20px; padding: 0; border-width: 0; cursor: pointer; }
			body.ja #submitTopSearch { width: 35px; background: transparent url(/img/global/button_search_ja.png) no-repeat left top; letter-spacing: -1000em /* makes the Search string implode and disappear */;}
			body.nl #submitTopSearch { width: 41px; background: transparent url(/img/global/button_search_nl.png) no-repeat left top; letter-spacing: -1000em /* idem */;}

#headerRow { background: #ccc url(/img/global/bg_pattern_nav.png) repeat left top; }	
	#header { height: 170px; background-color: #8f7f58; }
		#mainMenu { display: inline; float: left; width: 900px; margin-top: 115px; overflow: hidden; background-color: #3a4946; }
		#mainMenu ul { display: inline; float: left; width: 900px; overflow: hidden; }
		#mainMenu ul li { display: inline; float: left; width: 150px; height: 55px; background-image: url(/img/global/global_nav.png); }
		#mainMenu ul li a { display: block; width: 150px; height: 55px; background-image: url(/img/global/global_nav.png); }

		li#menuAboutCenter { width: 140px; }

		/* dutch default */
		body.nl li#menuEvents, body.nl li#menuEvents a { background-position: 0px 0px; }
		body.nl li#menuNews, body.nl li#menuNews a { background-position: -150px 0px; }
		body.nl li#menuCourses, body.nl li#menuCourses a { background-position: -300px 0px; }
		body.nl li#menuGallery, body.nl li#menuGallery a { background-position: -450px 0px; }
		body.nl li#menuAboutFlanders, body.nl li#menuAboutFlanders a { background-position: -600px 0px; }
		body.nl li#menuAboutCenter, body.nl li#menuAboutCenter a { background-position: -750px 0px; }

		/* hover and selected */
		body.nl li#menuEvents a.selectedMenuOption, body.nl li#menuEvents a:hover { background-position: 0px -55px; }
		body.nl li#menuNews a.selectedMenuOption, body.nl li#menuNews a:hover { background-position: -150px -55px; }
		body.nl li#menuCourses a.selectedMenuOption, body.nl li#menuCourses a:hover { background-position: -300px -55px; }
		body.nl li#menuGallery a.selectedMenuOption, body.nl li#menuGallery a:hover { background-position: -450px -55px; }
		body.nl li#menuAboutFlanders a.selectedMenuOption, body.nl li#menuAboutFlanders a:hover { background-position: -600px -55px; }
		body.nl li#menuAboutCenter a.selectedMenuOption, body.nl li#menuAboutCenter a:hover { background-position: -750px -55px; }		

		/* japanese default */
		body.ja li#menuEvents, body.ja li#menuEvents a { background-position: 0px -110px; }
		body.ja li#menuNews, body.ja li#menuNews a { background-position: -150px -110px; }
		body.ja li#menuCourses, body.ja li#menuCourses a { background-position: -300px -110px; }
		body.ja li#menuGallery, body.ja li#menuGallery a { background-position: -450px -110px; }
		body.ja li#menuAboutFlanders, body.ja li#menuAboutFlanders a { background-position: -600px -110px; }
		body.ja li#menuAboutCenter, body.ja li#menuAboutCenter a { background-position: -750px -110px; }

		/* hover and selected */
		body.ja li#menuEvents a.selectedMenuOption, body.ja li#menuEvents a:hover { background-position: 0px -165px; }
		body.ja li#menuNews a.selectedMenuOption, body.ja li#menuNews a:hover { background-position: -150px -165px; }
		body.ja li#menuCourses a.selectedMenuOption, body.ja li#menuCourses a:hover { background-position: -300px -165px; }
		body.ja li#menuGallery a.selectedMenuOption, body.ja li#menuGallery a:hover { background-position: -450px -165px; }
		body.ja li#menuAboutFlanders a.selectedMenuOption, body.ja li#menuAboutFlanders a:hover { background-position: -600px -165px; }
		body.ja li#menuAboutCenter a.selectedMenuOption, body.ja li#menuAboutCenter a:hover { background-position: -750px -165px; }				

#footerRow { display: inline; float: left; width: 100%; margin-top: 1px; border-top: 2px solid #fff; background-color: #f1f3eb; }
	#footer { height: 84px; background-color: #e4e7df; }
		#copyright { display: inline; float: left; width: 120px; margin: 7px 0px 0px 7px; }
			#footerLogo { display: block; width: 100px; height: 12px; margin: 7px 0px 0px 0px; background: transparent url(/img/global/footer_logo.png) no-repeat left top; }
		#bottomOther { display: inline; float: right; width: 650px; text-align:right !important; margin: 7px 0px 0px 0px; }
			ul#bottomMenu { width:650px; display: inline; float: left; margin-right: 3px; margin-bottom:3px;  }
			ul#bottomMenu li { display: inline;  margin-right: 4px; }
			.nl p#privacyTerms, .ja p#privacyTerms { clear:left; height:16px;float:left; display: inline;text-align:right !important; width: 643px; margin-right: 3px;}

#aboutRow { background: #ccc url(/img/global//bg_pattern_blue.png) repeat-y left top; }
	#about { background-color: #154651; padding-bottom:10px;}
	
	h2#aboutLabel { height: 230px; background-position: top left; background-repeat: no-repeat; }
	body.ja h2#aboutLabel { background-image: url(/img/about_flanders_center/h2_about_flanders_center_ja.png); }
	body.nl h2#aboutLabel { background-image: url(/img/about_flanders_center/h2_about_flanders_center_nl.png); }	

	.nl #aboutRow p {padding:0 7px 10px 7px;}
	.ja #aboutRow p {padding:0 7px 11px 7px;}
	 #aboutRow h3 {width:225px; height:32px; overflow: hidden; text-indent:-5000px;}
	 #aboutRow h3 a {width:225px; height:32px; display: block; text-indent: -5000px; overflow: hidden;}
		.nl #aboutRow #langPreview h3 			{background: transparent url(/img/global/h3_mod_language_nl.png) 7px 14px no-repeat;}
		.nl #aboutRow #membersPreview h3 		{background: transparent url(/img/global/h3_mod_membership_nl.png) 7px 14px no-repeat;}
		.nl #aboutRow #centerPreview h3 		{background: transparent url(/img/global/h3_mod_center_nl.png) 7px 14px no-repeat;}
		.nl #aboutRow #keitaiQR h3 				{background: transparent url(/img/global/h3_mod_mobile_nl.png) 7px 14px no-repeat;}
		.nl #aboutRow #pressPreview h3 			{background: transparent url(/img/global/h3_mod_pr_nl.png) 7px 14px no-repeat;}
		.nl #aboutRow #flemishCulturePreview h3 {background: transparent url(/img/global/h3_mod_culture_nl.png) 7px 14px no-repeat;}
		.nl #aboutRow #flemishArtistsPreview h3 {background: transparent url(/img/global/h3_mod_artists_nl.png) 7px 14px no-repeat;}
		.nl #aboutRow #galleryPreview h3 		{background: transparent url(/img/global/h3_mod_gallery_nl.png) 7px 14px no-repeat;}

		.ja #aboutRow #langPreview h3 			{background: transparent url(/img/global/h3_mod_language_ja.png) 7px 14px no-repeat;}
		.ja #aboutRow #membersPreview h3 		{background: transparent url(/img/global/h3_mod_membership_ja.png) 7px 14px no-repeat;}
		.ja #aboutRow #centerPreview h3 		{background: transparent url(/img/global/h3_mod_center_ja.png) 7px 14px no-repeat;}
		.ja #aboutRow #keitaiQR h3 				{background: transparent url(/img/global/h3_mod_mobile_ja.png) 7px 14px no-repeat;}
		.ja #aboutRow #pressPreview h3 			{background: transparent url(/img/global/h3_mod_pr_ja.png) 7px 14px no-repeat;}
		.ja #aboutRow #flemishCulturePreview h3 {background: transparent url(/img/global/h3_mod_culture_ja.png) 7px 14px no-repeat;}
		.ja #aboutRow #flemishArtistsPreview h3 {background: transparent url(/img/global/h3_mod_artists_ja.png) 7px 14px no-repeat;}
		.ja #aboutRow #galleryPreview h3 		{background: transparent url(/img/global/h3_mod_gallery_ja.png) 7px 14px no-repeat;}

	#langPreview, #membersPreview, #centerPreview, #keitaiQR, #pressPreview, #flemishCulturePreview, #flemishArtistsPreview, #galleryPreview {width:225px; float:left; display:inline;}

/* pagination */


#pageLinks {
	float: left;
	width: 300px;
	margin-left:157px;
	padding-top:20px;
	padding-bottom:30px;
	}

#pageLinks a, #pageLinks strong { font-size:1.2em; line-height:1.4; vertical-align:center; text-align: center; margin-right:10px; display:inline; float:left; height:19px; width:19px; border:1px solid #7c827c; background:none;}
#pageLinks a:link, #pageLinks a:visited { }
#pageLinks a:hover, #pageLinks a:active { background:#4a514d}
#pageLinks b { }	


/* faux columns */
.faux_8_4 { background: url(/img/global/bg_content_8_4.png) repeat-y left top; }				

/* ------ crazy stretch/slide effect ------ */

/* ---- rows ---- */

.topRow { display: inline; float: left; width: 100%; border-bottom: 2px solid #fff; }
.middleRow { display: inline; float: left; width: 100%; margin-top: 1px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; }
.bottomRow { display: inline; float: left; width: 100%; margin-top: 1px; border-top: 2px solid #fff; }

/* ---- inner pieces that go inside rows (pieces that "slide") ---- */
.innerPiece { display: inline; float: left; width: 900px; margin: 0 90% 0 6%; }
.innerPieceLabel { display: inline; float: left; width: 26px; height: 300px; margin: 12px 0px 0px -26px; position: relative; }
	.innerPiece div img {margin-bottom:4px;}
	

/*
Typography
------------------------------------------------------------------------------------------------ */

/* base font setting so that 1em = 10px */
body { color: #fdfbfc; font-size: 62.5%; font-family: "Lucida Grande", "Bitstream Vera Sans", "Segoe UI", Calibri, Verdana, Arial, "ヒラギノ角ゴ Pro W3", メイリオ, "ＭＳ Ｐゴシック", IPAPGothic, sans-serif; }


h1 { font-size: 2.0em; }
h1 a { color: #282525; text-indent: -5000px; }

h2 { font-size: 2.2em; }

h3 { font-size: 1.6em; }

h4 { font-size: 1.4em; }

h5 { font-size: 1.0em; }

body.nl p { font-size: 1.2em; line-height: 1.666; padding-bottom:10px; }
body.ja p { font-size: 1.2em; line-height: 1.833; padding-bottom:11px; text-align: justify; text-justify: inter-ideograph; }

li { font-size: 1.2em; }

a { color: #fff101; text-decoration: none; }
a:hover { text-decoration: underline; }

/* header */
ul#langContact li a { font-size: 1.2em; font-weight: bold; color: #000; text-indent: -5000px; }
#mainMenu ul li a { text-indent: -5000px; }

#submitTopSearch { text-indent: -5000px; }

.innerPieceLabel { text-indent: -5000px; }

/* footer */
#copyright { color: #3a4946; }
#footer ul#bottomMenu li { color: #3a4946; font-size: 10px;  }
#footer ul#bottomMenu li a { font-size: 10px; font-weight: bold; color: #3a4946; }
#footer p#privacyTerms { color: #acacaa; font-size: 10px; font-weight: bold;}
#footer p#privacyTerms a { color: #acacaa; }
#footerLogo { text-indent: -5000px; }
#slideshow { width: 100%; text-align: center; }