/*******************/
 /* layout and form */
/*******************/
body { margin: 0; padding: 0; }
a img { border: 0 none; }
h1.pageTitle { margin-top: 0; }
form { margin: 0; padding: 0; }
fieldset { margin: 0; border: 0 none; padding: 0; }
iframe { border: 0 none; }

h1 { margin: .67em 0; }
h2 { margin: .83em 0; }
h3 { margin: 1em 0; }
h4 { margin: 1.33em 0; }
h5 { margin: 1.67em 0; }
h6 { margin: 2.33em 0; }

.cmsImage { margin: 10px; }
.clear { clear: both; }

#siteContainer { margin: 0 auto; padding: 0; width: 950px; }
	#header { position: relative; height: 99px; }
		#logo { margin: 0; padding: 0; position: absolute; top: 22px; left: 0; }
			.blink { float: right; padding-top: 20px;}
			#logo a { width: 448px; height: 51px; overflow: hidden; display: block; }
		#topMenu { position: absolute; top: 10px; right: 30px; width: 369px; }
			#topMenu a { text-decoration: none; }
			#link3 a { margin-left: 5px; vertical-align: middle; }
			#link6 input { border: 1px solid; }
			#link1 { position: absolute; top: 0; left: 0; }
			#link2 { position: absolute; top: 0; left: 97px; }
			#link3 { position: absolute; top: 0; left: 226px; }
			#link4 { position: absolute; top: 45px; left: 0; }
			#link5 { position: absolute; top: 45px; left: 119px; }
			#link6 { position: absolute; top: 28px; left: 227px; }
			#link1, #link2, #link4, #link5 { display: block; }
	#banner img { border: 0 none; }

	#contentContainer { width: 932px; padding: 20px 0 0 18px; }
		.navigation { float: right; }
		.doubleColumn { width: 488px; float: left; margin-right: 28px; overflow: hidden; }
		#wideColumn, #contentColumn.tripleColumn { width: 685px; float: left; margin-right: 10px; overflow: hidden; }

		#menuColumn { width: 219px; margin: 0 13px 0 0; float: left; }
			#menuColumn ul { margin: 0; padding: 0; border-bottom: 1px solid; }
				#menuColumn li { margin: 0; padding: 0; list-style: none outside; }
					#menuColumn a { padding: 3px; border-top: 1px solid; display: block; }
						#menuColumn li ul { border: 0 none; display: none; }
						#menuColumn li.selected ul { border: 0 none; display: block; }
							#menuColumn li ul a { padding: 0 0 0 22px; border: 0 none; }
							#menuColumn li ul ul { display: block; }
							#menuColumn li ul ul a { padding-left: 44px; }

        #contentColumn { margin: 0 28px 0 0; width: 437px; float: left; overflow: hidden; }

            #newsColumn { margin: 0 15px 0 0; }
            #newsColumn, #pakketColumn { padding: 10px 16px 10px 11px; width: 192px; float: left; }
				.newsList { margin: 0; padding: 0; list-style: none outside; }
					.newsList li { margin: 0; padding: 0; }
						.newsList h3 { margin: 1em 0 0; }
               #newsColumn .newsHeader, #pakketColumn .pakketHeader { margin: 0; border-bottom: 1px solid white; }
			#quoteColumn { margin: 0; padding: 20px 0 0; width: 203px; float: left; }
			#contentColumn .box { margin: 0 0 19px; border-top: 1px solid; padding: 0 0 0 5px; width: 432px; overflow: hidden; }

			.boxImage { margin: 0 1px 0 10px; width: 130px; float: right; display: block; overflow: hidden; }
				.boxImage img { margin: 0 auto; display: block; }

        /* event controller */
		.agendaHeader { margin: 0 0 25px; }
		.eventList { margin: 0; padding: 0; list-style: none outside; }
			.eventList li { margin: 0 0 19px; border-bottom: 1px solid; padding: 0 0 15px 5px; width: 432px; overflow: hidden; }
				.eventList h2 { margin: 0 0 0.83em; }
				.eventList .readMore { margin: 1em 0 0; }
				.eventDescription { width: 292px; }

		.pagination {padding: 0; list-style: none outside; }
			.pagination li { margin: 0; padding: 0; display: inline-block; }
				.pagination a { margin: 0 1px; border: 1px solid; padding: 0 3px; width: auto; height: 15px; display: block; }
				.pagination .previous { margin: 0 1px 0 0; }
				.pagination .previousSet { margin: 0; }
				.pagination .next { margin: 0 0 0 1px; }
				.pagination .nextSet { margin: 0; }


		/* catalog controller */
		#catalogSearch { margin: 0; padding: 0; width: 437px; height: 192px; position: relative; }
			#catalogSearch ol { margin: 0; padding: 20px 30px 0; width: 377px; overflow: hidden; list-style: none outside; }
				#catalogSearch li { padding: 0; float: left; }
					#catalogSearch label { display: block; }
					#catalogSearch select { margin: 0 13px 18px 0; border: 1px solid; width: 150px; }
					#catalogSearch .inputText { margin: 0; border: 1px solid black; padding: 2px 2px 2px 25px; width: 284px; height: 19px; }
					#catalogSearch .hideMe { position: absolute; top: 80px; left: 55px; }
					#catalogSearch .inputSubmit { margin: 0; border: 0 none; height: 25px; cursor: pointer; position: absolute; top: 76px; left: 343px; }
					#catalogSearch .locationSelector { margin: 10px 0 0; }
						#catalogSearch .locationSelector ol { padding: 0; width: 230px; }
							#catalogSearch li ol li { width: 115px; }
								#catalogSearch li ol label { display: inline; }
								#catalogSearch .inputRadio { margin:  3px 3px 0 0; }

    	.eventBox { margin: 0 0 15px; width: 437px; overflow: auto; clear: both; }
			.eventBox h2 { margin: 22px 0 10px; }
			.eventBox p { margin: 0 1px 0 0; }
			.eventBox ul { margin: 0 0 20px; padding: 0; width: 436px; list-style: none outside; }
				.eventBox .eventDate { margin: 0 5px 0 0; width: 80px; float: left; }
				.eventBox .eventTitle { margin: 0 0 0 85px; display: block; }

		/* new books */
		.newBooks { margin: 2em 0; padding: 0; width: 685px; list-style: none outside; overflow: hidden; }
			.newBooks a { text-decoration: none; }
			.newBooks li { margin: 0 30px 0 0; padding: 0; width: 208px; min-height: 220px; float: left; }
			.newBooks li.last { margin: 0; }
				.bookCover { margin: 0 0 5px 2px; width: 100px; height: 150px; overflow: hidden; float: right; position: relative; }
					.bookCover img { width: 100px; display: block; margin-top: 4px; }
				.newBooks h3 { margin: 0; }
					.bookTitle, .author { display: block; }

	#quoteColumn q { display: block; }

    #boxColumn { margin-right: 0; width: 235px; float: left; }
		#boxColumn .cmsImage { margin: 0; }
		.catalogLogo { padding-top: 5px; padding-left: 25px; }
        #quickCatalogSearchForm .inputText { margin: 15px 0; border: 1px solid black; padding: 2px 2px 2px 25px; width: 115px; height: 19px; float: left; }
    	#quickCatalogSearchForm .searchButton { float: right;  margin: 15px 0; border: 0 none; height: 25px; cursor: pointer; }

        .box { margin: 0 0 10px; padding: 10px; }
		#boxColumn .box { padding: 10px 13px 13px 16px; width: 206px; overflow: hidden; }
		#boxColumn h2 { margin: 0; }
		#boxColumn p { margin: 0; }

        .borderLess { padding: 0; }
        #boxColumn #box_13885810 { padding: 0; width: 235px; }
		#boxColumn #box_12765599 { padding-right: 0; width: 218px; }

        #box_13882941 dt { float: left; width: 90px;  } /* openingstijden */
        #box_13885810 img { display: block; margin: 0 auto; } /* link box*/

		#agendaTitle { margin-bottom: 5px; }
			#nextMonth { float: right; }
			#prevMonth { float: left; }
			.agendaImage { float: right; }
		#agendaTable { empty-cells: show; border-spacing: 1px; margin-bottom: 16px; }
			#agendaTable th { width: 28px; padding: 1px; }
			#agendaTable td { padding: 1px; }
				#agendaTable td a { display: block; }
				#agendaTable td span { display: block; width: 28px; height: 18px; }
		#legenda { padding: 3px 3px 0 3px; margin-left: 1px; width: 210px; overflow: hidden; position: relative; top: -16px; left: 0px; }
		#legenda div { clear: both; margin-bottom: 3px; display: none; cursor: pointer; }
		#legenda span { display: block; float: left; width: 28px; height: 18px; margin-right: 3px; }

		.bigLink { display: block; padding: 5px 14px; margin-bottom: 7px; }

	.pakketItem { overflow: auto; width: 685px; }
	#newsList { margin: 0; padding: 0; list-style: none outside; }
		#newsList li { margin: 0 0 2em; border-bottom: 1px solid black; padding: 0 0 10px; width: 685px; overflow: hidden; }
			#newsList li h2, .pakketItem h1 { margin-bottom: 6px; }
			.newsItemImage, .pakketItemImage { float: right; padding: 5px; }
	.newsItemDetails, .pakketItemDetails { margin-bottom: 5px; }
	.pakketItemContent { border-bottom: 1px solid; padding: 0 0 10px; width: 680px; }
	.pakketItemIframe { border-bottom: 1px solid; width: 680px; }

	#galleryLinks ul { margin: 0; padding: 0; }
	#galleryLinks li { margin: 0 0 0 20px; padding: 0; list-style: none outside; }

			#date { margin: 0 0 14px; }
			#locationWrapper { position: absolute; top: 9px; left: 238px; }
			#submitSearch { padding: 2px 6px; width: 74px; border: 0 none; position: absolute; bottom: 9px; left: 238px; cursor: pointer; }
			#eventFilter { padding: 9px 14px; width: 424px; position: relative; }
				#eventFilter label { display: block; font-size: 1.08em; }
			#eventList { border-spacing: 0; width: 452px; }
				#eventList th { padding: 0 7px; }
				#eventList td { padding: 3px 7px; }
				#eventList .middleColumn { width: 200px; border-right: 1px solid; border-left: 1px solid; }
					#eventList a { display: block; }
					
			.opening { vertical-align: top; width: 90px; padding-right: 5px; }
			.openingtitle h3 { margin-top: 3em; }
			.firsttitle h3 { margin-top: 1.5em; }
			.adresses { width: 440px; }
			.weeknav { margin-right: 3em; }

	#searchForm { padding: 10px; border-bottom: 1px solid; height: 60px; position: relative; }
		#searchForm #searchSiteLabel { position: absolute; top: 2px; left: 10px; }
		#searchForm #searchSite { position: absolute; top: 0; left: 170px; }
		#searchForm #searchAquaBrowserLabel { position: absolute; top: 18px; left: 10px; }
		#searchForm #searchAquaBrowser { position: absolute; top: 16px; left: 170px; }
		#searchForm #queryStringLabel { position: absolute; top: 47px; left: 16px; z-index: 10; }
		#searchForm #queryString { width: 300px; position: absolute; top: 45px; left: 10px; }
		#searchForm #submitSearchForm { position: absolute; top: 44px; left: 318px; }

	#resultsList { margin: 0; padding: 0; }
		#resultsList li { margin: 0; padding: 0; list-style: none outside; }
			#resultsList li a { padding: 4px; display: block; }

	#specialSuggestions { border-right: 1px solid; padding: 12px 0 0 17px; width: 218px; height: 25px; float: left; }

	#specialSearch { border-right: 1px solid; padding: 10px 0 0 13px; width: 593px; height: 27px; float: left; }
		#specialQueryString { border: 0 none; padding: 2px; width: 181px; height: 15px; }
		#specialSearch form { float: left; }
			#specialSearch .specialSubmit { margin: 0 0 0 10px; border: 0 none; padding: 0 0 0 2px; width: 61px; cursor: pointer; }
		#specialLinks { float: left; }
			#specialLinks a { margin-left: 12px; }
		#specialDiscovery { padding: 12px 0 0 9px; width: 98px; height: 25px; float: left; }

	#special { border: 0 none; width: 685px; height: 1610px; }

	#subscribeForm { margin: 0 0 40px; }
		#subscribeForm label { margin: 5px 0 0; display: block; }
		#subscribeForm #firstName { width: 204px; }
		#subscribeForm #middleName { width: 25px; }
		#subscribeForm #lastName { width: 175px; }
		#subscribeForm #submitSubscribeForm { margin: 5px 0 0; width: 150px; display: block; }
		#subscribeForm #email { width: 204px; }
	#oldMailings { margin: 0; padding: 0; }
		#oldMailings li { list-style: none outside; }

	#forum { width: 685px; float: right; }
		#newThread #signatureBlock, #newMessage #signatureBlock, #overviewTable .latestMessageUser, .authorColumn, .messageAuthor { display: none; }
		#overviewTable td, #threadTable td { vertical-align: top; }

	#userGalleryDetails dt { float: left; clear: left; width: 135px; }
	#userGalleryDetails dd { margin: 0 0 0 140px; }
	
	.reactionButton { margin: 0 0 2em; float: right; }
	#reactions.showMe .reactionButton { display: none; }
	#commentForm { display: none; }
	#reactions.showMe #commentForm { display: block; }
		#reactForm { margin: 0; padding: 0; }
			#reactForm ol { margin: 0; padding: 0; list-style: none outside; }
				#reactForm label{ display: block; }
				#reactForm .text, #reactForm textarea { width: 300px; }
				#comment { height: 170px; display: block; }
				#hp1, #hp2 { display: none; }

	.commentList { margin: 1em 0; padding: 0; list-style: none outside; clear: both; }
		.commentList li { margin: 0 0 2em; padding: 0; }
	
	.openingHours { margin: 1em 0; padding: 0; width: 206px; overflow: auto; }
		.openingHours dt { width: 85px; float: left; clear: left; }
		.openingHours dd { margin-left: 85px; }

	#pakketNavigation li { margin: 5px 10px 10px 0; width: auto; display: block; float: left; }
	#pakketNavigation a { border: 1px solid; padding: 5px; }
	#pakketNavigation ul { padding: 0; margin: 0; clear: both; }
	#pakketNavigation ol { margin: 0; padding: 0; }
	#pakketNavigation ol li { margin: 0; padding: 0; }
	#pakketNavigation fieldset { clear: both; }
	#pakketNavigation fieldset div { clear: both; }
	#pakketNavigation .titleLi { clear: left; }
	#resultsUl { list-style: none outside; padding: 0; }
	#resultsUl li { margin: 5px; }
	#sisoUl { padding: 0; list-style: none outside; }
	#sisoUl li { margin: 5px; width: 50px; display: block; float: left; }
	#sortList { height: 30px; list-style: none outside; }
	#sortList li {  margin: 5px; width: auto; display: block; float: left; }
	#sortList li.selected { font-weight: bold; }

	#footer { margin: 20px 0; border-top: 1px solid; padding: 10px 0; clear: both; }

	/* custom */
	.calendarBoxList { list-style: none outside; padding: 0; margin: 0 0 10px; display: block; overflow: hidden; }
		.calendarBoxList li { padding: 0; margin: 0; }
		.calendarBoxList div, .calendarBoxList a { float: left; display: block; }
			.calendarBoxList div { clear: left; width: 54px;  }
			.calendarBoxList a { width: 150px;  }
		

  /********************/
 /* color and images */
/********************/

body { color: black; background-color: white; }
a { color: black;  }
a:hover, a:focus { color: #f80082; }
h1.agendaHeader { color:#00B4FF; }
#logo { color: #F80082; }
#logo a { background: url('/download/?id=14040009') no-repeat 0 0; }
#link3 { color: #969696; }
#link1, #link2 { color: #f80082; }
#link4, .catalogLink { color: #f80082; }
#link5 { color: black; }

#menuColumn a { border-color: black; color: black; }
#menuColumn li ul li.selected a { color: white; background-color: black; }
#menuColumn li ul a:hover, #menuColumn li ul a:focus { color: white; background-color: black; }

#newsColumn, #pakketColumn { background-color: #f80082; color: white; }
#newsColumn a, #box_13887107 a { color: white; }
#quoteColumn q, #quoteColumn h1 { color: #00b4ff; }

.eventBox .eventDate { color: #00ccff; }
.eventBox a:hover, .eventBox a:hover .eventDate { color: #f80082; }
.eventBox a:focus, .eventBox a:focus .eventDate { color: #f80082; }

#agendaTitle { font-size: 1.42em; }
#nextMonth, #prevMonth { color: black; }
#agendaTable th { color: white; background-color: black; }
#agendaTable td { background-color: #e3e4e5; }
#agendaTable td a { color: black; text-decoration: none; }
#agendaTable td span { background-position: 0px 0px; background-repeat: no-repeat; }
#agendaTable td .event, #agendaTable td .multiple, #singleEvent span { background-image: url('/download/?id=7954341'); }
#agendaTable td .longEventStart { background-color: #ffdc00; }
#agendaTable td .longEventEnd { background-color: #FF7200; }
#agendaTable td.otherMonth { background-color: white; color: #999999; }
#agendaTable td#today { color: #f80082; }
#agendaTable td#today.otherMonth { color: #f80082; }
#agendaTable td#today a { color: #f80082; }
#legenda {  background-color: #e3e4e5; }

#quickCatalogSearchForm .inputText { background: white url('/img/icons/famfamfam/zoom.png') no-repeat 5px 50%; }
#quickCatalogSearchForm .searchButton { color: white; background: black; }
.bigLink { color: black; background: #ffdc00; }

dt a { text-decoration: none; }

#eventFilter label { color: #00b4ff; }
#eventList th { background-color: #00b4ff; }

#reactions .error { color: red; }

/* event controller */
.eventInfo { color: #00b4ff; }
.pagination a { border-color: #999999; }
.pagination a:hover, .pagination a:focus { color: white; background: #00b4ff; }
.pagination .selected { color: white; background: #F80082; }
.pagination .next, .pagination .nextSet, .pagination .previous, .pagination .previousSet { border-color: white; }
.pagination .next:hover, .pagination .nextSet:hover, .pagination .previous:hover, .pagination .previousSet:hover { border-color: #00b4ff; }
.pagination .next:focus, .pagination .nextSet:focus, .pagination .previous:focus, .pagination .previousSet:focus { border-color: #00b4ff; }

/* catalog pagina */
#catalogSearch { background: #c7d9e3 url('/img/2010/deCatalogusTitle.jpg') no-repeat 266px 116px; }
	#catalogSearch select { border-color: black; }
	#catalogSearch .inputText { border-color: black; background: white url('/img/icons/famfamfam/zoom.png') no-repeat 5px 50%; }
	#catalogSearch .hideMe { color: #999999; }
	#catalogSearch .inputSubmit { color: white; background: black; }

.dark, .dark h2, .dark a { color: #FFF; }

#pakketNavigation a.selected { color: #f80082; }
#pakketNavigation a:hover { color:  #f80082; }
#pakketNavigation a:focus { color:  #f80082; }

#galleryLinks a { color: #f80082; }

#submitSearch { color: white; background: #9c9e9f; }
#eventFilter { background: #ececed; }
#eventList th { color: white; }
#eventList .even { background: #ececed; }
#eventList .middleColumn { border-color: black; }

#searchForm #queryStringLabel { color: #444444; }

#resultsList li.odd a { background: #eeeeee; }
#resultsList li.even a { background: #e0e0e0; }
#resultsList li a:hover, #resultsList li a:focus { background: #d0d0d0; }

#specialMenu, #specialMenu a { color: white;  }
#specialMenu a:hover, #specialMenu a:focus { color: white; }
#specialSuggestions, #specialSearch { border-color: white; background: #f80082; }
#specialSearch .specialSubmit { color: white; background: black; }
#specialDiscovery { background: #87888a; }

#pakketNavigation a { background: white; }

#footer { color: #999999; border-color: #eeeeee; }
		#footer a { color: #999999; }
		#footer a:hover, #footer a:focus { color: #f80082; }

  /*****************/
 /* text and type */
/*****************/
body { font-family: arial, verdana, sans-serif; font-size: 12px; line-height: 1.465em; }
a { text-decoration: underline; }

h1 { font-size: 2em; font-weight: bold; line-height: 1.1em; }
h2 { font-size: 1.3em; font-weight: bold; }
h3 { font-size: 1.17em; font-weight: bold; }
h4 { font-size: 1em; font-weight: bold; }
h5 { font-size: 0.83em; font-weight: bold; }
h6 { font-size: 0.67em; font-weight: bold; }

#logo a { text-indent: -999em; }
#link4, .catalogLink { font-size: 1.42em; font-weight: bold; text-decoration: none; }
#link5 { font-size: 1.42em; }

#menuColumn a { font-size: 1.42em; font-weight: bold; text-decoration: none; }
#menuColumn li.selected a { font-weight: normal; }
#menuColumn a:hover, #menuColumn a:focus { font-weight: normal; }
#menuColumn li ul a { font-size: 1.08em; font-weight: normal; }

.newsHeader, .pakketHeader { font-size: 1.42em; font-weight: bold; }
.newsList h3 { font-size: 17px; line-height: 1em; }
#newsColumn h2, #pakketColumn h2 { font-weight: bold; }
#newsColumn a, #pakketColumn a { text-decoration: none; }
#newsColumn a:hover, #pakketColumn a:hover, #newsColumn a:focus, #pakketColumn a:focus { text-decoration: underline; }

#newsColumn .newsHeader a:focus, #newsColumn .newsHeader a:hover, #box_14892446 h2 a, .eventBox h2 a { text-decoration: none; }

#agendaTitle { text-align: center; font-size: 1.42em; }
#nextMonth, #prevMonth { text-decoration: none; }
#agendaTable th { text-align: center; font-size: 1em; font-weight: bold; }
#agendaTable td { text-align: center; }
#agendaTable td a { text-decoration: none; }
#agendaTable td#today { font-weight: bold; }
#legenda { text-align: right; font-size: 10px; }
#legenda div { text-align: left; cursor: pointer; }
#startEvent span { background-color: #ffdc00; }
#endEvent span { background-color: #FF7200; }

#box_13887107 a.readMoreLink { text-decoration: underline;}
.newsList h3 a { text-decoration: none; }
.newsList h3 a:hover, .newsList h3 a:focus { text-decoration: underline; }
.eventBox li { line-height: 21px; }
.eventBox li a { text-decoration: none; }
.readMore { text-decoration: underline; text-align: right; }
.readMoreLink { display: block; text-align: right; }

#quoteColumn q, #quoteColumn h1 { font-size: 2.5em; line-height: 1em; }

.bigLink { font-size: 1.42em; font-weight: bold; text-decoration: none; }

#newsNavigation a, #pakketNavigation a { text-decoration: none; }
.newsItemDetails, .pakketItemDetails { font-size: 0.9em; font-weight: bold; }

.pagination { text-align: right; }
	.pagination a { font-size: 12px; line-height: 15px; text-align: center; text-decoration: none; }
	.pagination .selected { font-weight: bold; }

#galleryLinks a { text-decoration: none; }
#galleryLinks a:hover, #galleryLinks a:focus { text-decoration: underline; }

#submitSearch { text-align: left; }
#eventFilter label { font-size: 1.08em; }
#eventList th { text-align: left; text-transform: uppercase; }
#eventList a { text-decoration: none; }

#resultsList li a { text-decoration: none; }

#specialMenu { color: white; }
#specialMenu a { text-decoration: none; }
#specialMenu a:hover, #specialMenu a:focus{ text-decoration: underline; }

#specialSearch .specialSubmit { text-align: left; }

#messageTextarea { font-family: arial, verdana, sans-serif; font-size: 12px; }

#comment { font-family: arial, verdana, sans-serif; font-size: 12px; }

#userGalleryDetails dt { font-weight: bold; }

#pakketNavigation fieldset div { font-weight: bold; }

.bookTitle { font-size: 12px; font-weight: bold; text-decoration: underline; }
.author { font-size: 12px; font-weight: normal; font-style: italic; text-decoration: none; }

#footer { text-align: center; }

.aanwinstLink { margin-bottom: 10px; margin-left: 4px; overflow: hidden; width: 50px; height: 60px; display: inline-block; float: left;  }
.aanwinstLink img { width: 50px; }

#contentColumn #box_14892446 { border-top: none; }
.eventBox { border-top: 1px solid; }