/* ================================ +
   	     NATIONAAL GLASMUSEUM
 + ================================ */



/* 
** Made by: Thomas Lievestro
** Email:	info@lievestro.com
** Website:	www.lievestro.com
*/



/* ================================ +
               COMMON 
+  ================================ */




/* start RESET DEFAULT styles */
*{ 
	margin:					0;
	padding:				0; 
	border: 				0;
}

*:focus { 
	outline: 				0; 
}

html {
	background: 			#FFFFFF;
}

body { 
	font-family: 			arial, helvetica, sans-serif;
	font-size:				12px;
	color: 					#000000;
}
	
img { 
	border:					0px; 
}	

ul { 
	list-style:				none; 
	white-space: 			nowrap; 
}

li a {
	height:					1%; /* geen whitespace tussen link list items */
}

a { 
	text-decoration:		none; 
	color:					#000000
}

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

a img {
	border: 				0px;	
}
p {
	margin-bottom:			12px;	
}

address{
	font-style:				normal;
}

textarea {	
	overflow:				auto;
}


.absolute {
	position:				absolute;	
}

.clear {
	clear:					both;
	width:					0px;
	height:					0px;
	overflow:				hidden;
}

.bold {
	font-weight:			bold;
}


.hr {
	width:					264px;
	height:					3px;
	margin:					18px 0 18px 20px;
	border:					0px;
	background:				url('../images/hr.gif'); 
	overflow:				hidden;
}

/* end RESET DEFAULT styles */




/* ================================ +
              FONT STYLES
+  ================================ */

.orange_14 {
	font-size:				14px;
	color:					#ff6600;	
}

.green_14 {
	font-size:				14px;
	color:					#44AA11;	
}

.black_18 {	
	font-size:				18px;
	color:					#000000;		
}




/* ================================ +
             GLOBAL LAYOUT
+  ================================ */

#wrapper {	
	width:					1000px;
	margin-left:			auto;
	margin-right:			auto;
	background:				url('../images/bg_wrapper_green.jpg') no-repeat;
}

#green #wrapper {	
	background:				url('../images/bg_wrapper_green.jpg') no-repeat;
}

#aubergine #wrapper {	
	background:				url('../images/bg_wrapper_aubergine.jpg') no-repeat;
}

#header {
	width:					960px;
	height:					140px;
	margin:					0 0 0 20px;
}

#logo {
	display:				block;
	width:					91px;
	height:					34px;
	margin-top:				29px;
	background:				url('../images/logo.png') no-repeat;	
	text-indent:			-1000em; 
	overflow:				hidden;
	float:					left;	
}

#print_logo{
	display:				none;
}



/* search */

#search {
	width:					280px;
	margin:					11px 0 0 12px;
	float:					left;	
}

#search_inner {	
	position:				absolute;
	width:					280px;
	z-index:				3;	
}

#search_form {	
	background:				#779999;
}

#quick_search {
	width:					240px;
	height:					61px;	
	padding:				12px 20px;	
	overflow:				hidden;
}

#search_header {
	width:					214px;
	height:					10px;
	background:				url('../images/search_header.gif') no-repeat;
	float:					left;		
	text-indent:			-1000em; 
	overflow:				hidden;
}

#search_string {
	width:					210px;
	height:					17px;	
	margin:					13px 7px 10px 0;
	padding:				2px 2px 0 2px;
	float:					left;
}

#quick_search_button {
	width:					19px;
	height:					19px;	
	margin-top:				13px;
	background:				url('../images/quick_search_button.jpg') no-repeat;	
	float:					left;
	text-indent:			-1000em; 
	overflow:				hidden;
	cursor:					pointer;
}

#quick_search_button:hover {
	background:				url('../images/quick_search_button.jpg') no-repeat -20px 0px;	
}

#expand_extended_search {
	clear:					left;	
	color:					#ffffff;
}

#expand_extended_search:hover {
	clear:					left;	
	color:					#ffffff;
	text-decoration:		underline;
}

#extended_search {
	display:				none;
	width:					280px;
	color:					#ffffff;
}

#extended_search hr {
	margin-bottom:			10px; 	
	border-top:				1px solid #ffffff;		
}

#extended_search label{	
	display:				block;
	width:					79px;	
	margin-left:			20px;
	padding-top:			2px;
	float:					left;
	font-size:				12px;
	font-weight:			bold;
}

#extended_search select{	
	display:				block;
	width:					160px;	
	height:					19px;
	margin-bottom:			9px;
	padding-top:			2px;
	float:					left;
}

#extended_search #f_period{
	width:					80px;		
}

#extended_search #f_year_label{
	width:					29px;	
	margin:					0px;	
	padding-left:			10px;
}

#extended_search #f_year{
	width:					40px;	
	height:					17px;
	padding-top:			2px;	
}

#extended_search .f_type_label{
	width:					59px;	
}

#extended_search .checkbox{
	float:					left;	
}

#extended_search .checkbox_label{
	width:					auto;
	margin:					0 5px 8px 5px;
	float:					left;	
	font-weight:			normal;
}

#extended_search_button{	
	width:					54px;	
	height:					15px;
	margin-left:			203px;
	padding-top:			2px;
	background:				url('../images/extended_search_button.gif') no-repeat;	
	text-align:				center;
	text-indent:			-1000em; 
	overflow:				hidden;
	cursor:					pointer;
}

#extended_search_button:hover{	
	background:				url('../images/extended_search_button.gif') no-repeat -60px 0px;	
}



/* newsletter */

#newsletter_button {
	display:				block;
	width:					280px;
	height:					20px;	
	margin:					35px 0 0 680px;
	background:				url('../images/newsletter_button.gif') no-repeat;	
	text-indent:			-1000em; 
	overflow:				hidden;
	cursor:					pointer;
}

#newsletter_button:hover {
	background:				url('../images/newsletter_button.gif') no-repeat top right;	
}

/* my collections */

#my_collection_button {
	display:				block;
	width:					280px;
	height:					20px;	
	margin:					35px 0 0 680px;
	background:				url('../images/my_collection_button.gif') no-repeat;	
	text-indent:			-1000em; 
	overflow:				hidden;
	cursor:					pointer;
}

#my_collection_button:hover {
	background:				url('../images/my_collection_button.gif') no-repeat top right;	
}

/* local nav */

#green #local_nav {
	width:					700px;
	margin-bottom:			50px;
	font-size:				24px;
	color:					#44aa11;
	font-weight:			bold;	
}

#aubergine #local_nav {
	width:					700px;
	margin-bottom:			50px;
	font-size:				24px;
	color:					#771133;
	font-weight:			bold;	
}

#orange #local_nav {
	width:					650px;
	margin-bottom:			50px;
	font-size:				24px;
	color:					#ff6600;
	font-weight:			bold;	
}

#green #local_nav span, 
#aubergine #local_nav span, 
#orange #local_nav span { 	
	color:					#000000;
	display:				inline;
	font-size:				24px;
}

#green #local_nav a:hover { 
	border-bottom:			1px solid #44aa11;
	text-decoration:		none; 
}

#aubergine #local_nav a:hover { 
	border-bottom:			1px solid #771133;
	text-decoration:		none; 
}

#orange #local_nav a:hover {  
	border-bottom:			1px solid #ff6600;
	text-decoration:		none;
}



/* content */

#content_container {
	width:					960px;
	margin:					0 0 40px 20px;
}

#green #content_container {
	color:					#003333;
}

#aubergine #content_container {
	color:					#330000;
}

#orange #content_container {
	color:					#003333;
}

#orange .color{
	color:					#ff6600;
}

.column_280 {
	width:					280px;
	float:					left;
	overflow:				hidden;	
}

.column_400 {
	width:					360px;
	padding:				10px 20px;
	float:					left;	
}

.column_680 {
	width:					660px;
	margin:					0 20px 0 -20px;
	padding:				0 20px 10px 0;
	float:					left;	
	overflow:				hidden;
}

.column_680_stripes{
	width:					660px;
	margin:					0 20px 0 -20px;
	padding:				0 20px 10px 0;
	background:				url('../images/bg_stripes.gif');
	float:					left;	
	overflow:				hidden;
}

#green #content_container a { 	
	color:					#44aa11;
}

#aubergine #content_container a { 	
	color:					#771133;
}

#orange #content_container a { 	
	color:					#ff6600;
}



/* bookmarks */

#bookmarks.content_block {
	padding-top:			0px;	
}

.bookmarks {
	display:				block;
	width:					16px;
	height:					18px;
	margin:					10px 7px 0 0;
	text-indent:			-1000em; 
	overflow:				hidden;
	float:					left;
}

#twitter {
	background:				url('../images/bookmark_icons.gif') no-repeat -0px 0px; 
}

#blogger {
	background:				url('../images/bookmark_icons.gif') no-repeat -22px 0px; 
}

#linkedin {
	background:				url('../images/bookmark_icons.gif') no-repeat -42px 0px; 
}

#facebook {
	background:				url('../images/bookmark_icons.gif') no-repeat -62px 0px;
}

#delicious {
	background:				url('../images/bookmark_icons.gif') no-repeat -82px 0px;
}

#stumbleupon {
	background:				url('../images/bookmark_icons.gif') no-repeat -102px 0px;
}


/* featured*/

#featured.content_color_block {
	padding-top:			10px;
	padding-left:			10px;
	margin-left:			20px;
		
}

#featured_thema {
	margin:					10px 0 5px 0;
	color:					#000000;
}

#green #content_container #featured_thema a{
	color:					#FF6600;
}

#featured.items_1 {
	width:					240px;
	height:					150px;	
}

#featured.items_2 {
	width:					240px;
	height:					180px;	
}

#featured.items_3 {
	width:					240px;
	height:					240px;	
}

#featured.items_4 {	
	width:					240px;
	height:					260px;	
}


.featured_object {
	position:				absolute;
	width:					142px;
	height:					110px;
	padding:				5px 0 0 6px;
	background:				url('../images/bg_related_objects.png')  no-repeat;
	z-index:				1;
}


#featured .active {
	border:					0px;
	z-index:				2;
}

#featured_object_1 {
	margin:					28px 0 0 90px;
}

#featured_object_2 {
	margin:					0 0 0 10px;
}

#featured_object_3 {
	margin:					75px 0 0 30px;
}

#featured_object_4 {
	margin:					110px 0 0 80px;
}




/* ================================ +
                  MENU
+  ================================ */

#menu {
	width:					557px;
	height:					75px;	
	margin-left:			20px;
	float:					left;	
}

#menu ul li {
	display: 				inline;
	float:					left;
}


#nav li {
	height:					75px; 
	margin-left:			8px;
	background:				url('../images/bg_nav_green.jpg') no-repeat 0px -75px;
}

#green #nav li a{
	background-color:		transparent;
}

#green #nav li.active a, 
#green #nav li a:hover {
	background-color:		#44aa11;
}

#aubergine #nav li a{
	background-color:		transparent;
}

#aubergine #nav li.active a, 
#aubergine #nav li a:hover {
	background-color:		#771133;
}

#orange #nav li a{
	background-color:		transparent;
}

#orange #nav li.active a, 
#orange #nav li a:hover {
	background-color:		#ff6600;
}


#nav a {
	display:				block; 
	height:					75px;
	text-indent:			-1000em; 
	text-decoration:		none;
	overflow:				hidden;
}

#nav1{width:53px;}
#nav2{width:64px;}
#nav3{width:84px;}
#nav4{width:72px;}
#nav5{width:85px;}
#nav6{width:71px;}
#nav7{width:60px;}

#nav1 a{width:53px; background-image: url('../images/nav.png'); background-repeat: no-repeat; background-position: 0px 46px;}
#nav2 a{width:64px; background-image: url('../images/nav.png'); background-repeat: no-repeat; background-position: -61px 46px;}
#nav3 a{width:84px; background-image: url('../images/nav.png'); background-repeat: no-repeat; background-position: -133px 46px;}
#nav4 a{width:72px; background-image: url('../images/nav.png'); background-repeat: no-repeat; background-position: -225px 46px;}
#nav5 a{width:85px; background-image: url('../images/nav.png'); background-repeat: no-repeat; background-position: -305px 46px;}  
#nav6 a{width:71px; background-image: url('../images/nav.png'); background-repeat: no-repeat; background-position: -398px 46px;}  
#nav7 a{width:60px; background-image: url('../images/nav.png'); background-repeat: no-repeat; background-position: -477px 46px;}  

#nav1.active a{background-image: url('../images/nav.png'); background-repeat: no-repeat; background-position: -1000px 46px;}
#nav2.active a{background-image: url('../images/nav.png'); background-repeat: no-repeat; background-position: -1061px 46px;}
#nav3.active a{background-image: url('../images/nav.png'); background-repeat: no-repeat; background-position: -1133px 46px;}
#nav4.active a{background-image: url('../images/nav.png'); background-repeat: no-repeat; background-position: -1225px 46px;}
#nav5.active a{background-image: url('../images/nav.png'); background-repeat: no-repeat; background-position: -1305px 46px;}  
#nav6.active a{background-image: url('../images/nav.png'); background-repeat: no-repeat; background-position: -1398px 46px;}
#nav7.active a{background-image: url('../images/nav.png'); background-repeat: no-repeat; background-position: -1477px 46px;}




/* ================================ +
             	 HOME
+  ================================ */

#home_title {
	display:				block;
	width:					480px;
	height:					22px;
	margin-bottom:			10px;
	background:				url('../images/home_title.gif') no-repeat;	
	text-indent:			-1000em; 
	overflow:				hidden;
}

#link_container {
	width:					660px; 
	margin:					20px 0 0 20px;
	overflow:				hidden;
	color:					#ff0099; 
	font-size:				24px;
	font-weight:			bold;
}

#green #link_container a{
	color:					#ff0099; 
}

#green #link_container a:hover{
	border-bottom:			1px solid #ff0099;
	text-decoration:		none;
}

#contact_footer {
	position:				fixed;
	width:					1000px;
	height:					20px;
	padding:				7px 0 0 20px ;
	bottom:					0;	
	background:				#ffffff url('../images/contact_footer.gif') no-repeat;
	z-index:				20;
	text-indent:			-1000em; 
	overflow:				hidden;
}



/* CARROUSEL */

#carrousel{
	width:					660px; 	
	height:					350px; 
	margin-left:			20px;
	overflow:				hidden; 
}

#carrousel_items{
	width:					660px; 	
	height:					350px; 
	overflow:				hidden; 
}

.carrousel_item{
	position:				absolute;
  	width:					660px;
  	height:					350px;
  	overflow:				hidden;
  	opacity:				0.0;
  	z-index:				1;
}

#carrousel .active{
    z-index:				10;
    opacity:				1.0;
}

#carrousel .last-active{
    z-index:				9;
}

.carrousel_link {
	position:				absolute;	
	width:					660px; 
	height:					25px;
	margin:					360px 0 0 0;
	text-align:				right;
    z-index:				12;		
}

.carrousel_link span {
	padding:				9px 25px 7px 12px;
	background:				#ffffff url('../images/carrousel_narrow.gif') no-repeat top right;
	color:					#000000;
	font-size:				16px;
	font-weight:			bold;
}

#carrousel_items:hover .carrousel_link span {
	background:				#ffffff url('../images/carrousel_narrow_hover.gif') no-repeat top right;
	color:					#ff0099;
}




/* ================================ +
             	DETAIL
+  ================================ */

#news_image {
	position:				absolute;
	width:					660px;
	overflow:				hidden;
	z-index:				2;
}

#image_description {
	width:					110px;
	padding:				10px 20px;
	background:				#ffffff;
	font-size:				11px;
	line-height:			14px;
}

#green #local_nav.news {
	width:					700px;
	margin-bottom:			15px;
	font-size:				24px;
	color:					#44aa11;
}

#green #local_nav.news .active {
	background:				#ffffff;
}

#news_content {
	position:				relative;
	width:					470px;
	margin:					335px 0 0 150px;
	padding:				10px 30px;
	background:				#ffffff;
	z-index:				3;
	font-size:				12px;
	line-height:			16px;
}

#news_date {
	color:					#69b444;
}

#news_title {
	margin:					7px 0;
	font-size:				21px;
	font-weight:			bold;
	line-height:			25px;
	color:					#69b444;
}

#plus_button {
	width:					20px; 
	height:					20px; 
	margin: 				314px 0 0 -21px;
	padding-top:			2px;
	border-top:				1px solid #ffffff;
	border-left:			1px solid #ffffff;
	background:				#000000; 
	float:					left; 	
	z-index:				3; 
	text-align:				center;
	font-size:				16px;
	color:					#ffffff;
	cursor:					pointer;
}

#nu.content_block{
	padding-top:			0px;	
}

.news_item {
	margin-top:				10px;	
	clear:					left;
}

.news_item img {
	margin-right:			10px;	
	float:					left;	
}

.news_item span {
	font-size:				11px;
	color:					#44AA11;
}

.news_item h5 {
	font-size:				15px;
	color:					#44AA11;
}

.news_item p {
	margin:					0px;
}




/* ================================ +
            	AGENDA
+  ================================ */

#agenda_items_big {
	margin-left:			13px;
}

#agenda_items_big .agenda_item_left {
	width:					273px; 
	height:					203px; 
	margin:					0 0 24px 0;
}

#agenda_items_big .agenda_item_right {
	width:					273px; 
	height:					203px; 
	margin:					0 0 24px 60px;
}

#agenda_items_big img {
	position:				absolute;
	border:					7px solid #ffffff;
}

#agenda_items_big .agenda_item_content {
	position:				absolute;
	width:					325px; 
	height:					117px; 
	margin:					57px 0 0 238px;
	padding:				15px;
	background:				#ffffff;
}

.agenda_date {
	font-size:				11px;
	font-weight:			normal;
	color:					#69b444;
}

.agenda_title {
	font-size:				16px;
	font-weight:			bold;
	line-height:			20px;
	color:					#69b444;
}

.agenda_item_content p {
	margin:					10px 0 0 0;	
}


#agenda_items_small.content_block {
	padding-top:			0px;	
}

#agenda_items_small .agenda_item {
	margin-top:				10px;	
	clear:					left;
}

.agenda_item img {
	margin-right:			10px;	
	float:					left;	
}

.agenda_item span {
	font-size:				11px;
	color:					#44AA11;
}

.agenda_item h5 {
	font-size:				15px;
	color:					#44AA11;
}

.agenda_item p {
	margin:					0px;
}

#agenda_nav {
	width:					273px; 
	height:					18px; 
	margin:					25px 0 0 0;
	padding:				6px 13px;
	background:				url('../images/bg_agenda_nav.gif') no-repeat 0px 0px;
}

.agenda_nav_number_button {
	display:				block;
	width:					10px; 
	height:					16px; 
	margin-left:			5px;
	padding:				0 0 0 4px;
	border:					1px solid #339900;
	float:					left;	
	font-size:				11px;
	color:					#339900;
}

#green #content_container a.agenda_nav_number_button.inactive {
	color:					#333333;
	border:					1px solid #dedfdf;
}

#green #content_container a:hover.agenda_nav_number_button.inactive {
	color:					#333333;
	border:					1px solid #339900;
	text-decoration:		none;
}

#agenda_nav_prev {
	display:				block;
	margin:					2px 5px 0 0;
	color:					#339900;
	float:					left;	
}

#agenda_nav_next {
	display:				block;
	margin:					2px 0 0 10px;
	color:					#339900;
	float:					left;	
}

#agenda_nav_prev.inactive, 
#agenda_nav_next.inactive {
	color:					#dedfdf;
}




/* ================================ +
             COLLECTION
+  ================================ */

#flash_spacer {
	width:					10px;
	height:					60px;	
}

#collection_flash_block{
	position:				absolute;
	display:				inline;	
	z-index: 				1;	
}

.content_absolute_color_block{
	position:				absolute;
	width:					240px;
	margin:					18px 0 0 680px;
	padding:				20px;
	background:				#e4ebeb;
	font-size:				12px;	
	line-height:			17px;
	z-index:				2;	
}

.content_absolute_color_block h2 {
	margin-bottom:			7px;
	color:					#ff6600;
	font-size:				18px;	
}

.content_absolute_block {
	position:				absolute;
	width:					260px;
	margin-top:				100px;
	padding:				20px 20px 0 0;
	font-size:				12px;	
	line-height:			17px;
	z-index:				2;	
}




/* ================================ +
          COLLECTION DETAIL
+  ================================ */

#collection_title {
	font-size:				36px;
	font-weight:			bold;	
	color:					#ff6600;
}

#collection_tags {
	font-size:				18px;
	font-weight:			bold;	
	color:					#ff6633;
}




/* content slider */

#content_slider_block {
	margin-top:				25px;	
}

.content_slider_nav_item {
	height:					24px;
	margin: 				0 5px 5px 0;
	float:					left;
	text-indent:			-1000em; 
	overflow:				hidden;
	cursor:					pointer;
}


#description_nav {
	width:					128px;
	background:				url('../images/content_slider_nav.gif') no-repeat 0px 0px;
}

#description_nav.active {
	width:					128px;
	height:					24px;
	background:				url('../images/content_slider_nav.gif') no-repeat -150px 0px;
}

#biography_nav {
	width:					102px;
	background:				url('../images/content_slider_nav.gif') no-repeat 0px -30px;
}

#biography_nav.active {
	width:					102px;
	height:					24px;
	background:				url('../images/content_slider_nav.gif') no-repeat -150px -30px;
}

#media_nav {
	width:					79px;
	background:				url('../images/content_slider_nav.gif') no-repeat 0px -60px;
}

#media_nav.active {
	width:					79px;
	height:					24px;
	background:				url('../images/content_slider_nav.gif') no-repeat -150px -60px;
}

#facts_nav {
	width:					144px;
	background:				url('../images/content_slider_nav.gif') no-repeat 0px -90px;
}

#facts_nav.active {
	width:					144px;
	height:					24px;
	background:				url('../images/content_slider_nav.gif') no-repeat -150px -90px;
}

#content_slider_content {
	margin-top:				10px;
}

.content_slider_content_item {
	position:				absolute;
	width:					270px;
	background:				#ffffff;
	z-index:				1;
	display:				none;
	font-size:				12px;
}

#content_slider_content .active {
	z-index:				2;
	display:				block;
}

.media_poppetje {
	background:				url('../images/media_poppetje.gif') no-repeat;
	margin-bottom:			10px;
	padding-left:			55px;
}

.media_poppetje span {	
	color:					#ff6600;	
}

.media_photo_block {
	width:					70px;
	margin-right:			10px;
	float:					left;
	overflow:				hidden;
}

.play_button {
	position:				absolute;
	margin:					15px 0 0 22px;
	width:					27px;
	height:					27px;
	background:				url('../images/play_button.png');	
	z-index:				1;
	cursor:					pointer;
}

.media_content_block {	
	width:					170px;
	float:					left;
}

#media_item .hr {
	margin:					8px 0px 18px 0px;	
}

/* photoviewer */

#big_view {
	width:					360px;
	height:					445px;
	overflow:				hidden;	
}

#big_view img {
	position:				absolute;
}

#loader {
	position:				absolute;
	width:					32px;
	height:					32px;
	margin:					206px 0 0 164px;
	background:				url('../images/ajax-loader.gif');
	display:				none;
}

#zoom_button {
	position:				absolute;
	display:				block;
	width:					62px;
	height:					24px;
	margin:					421px 0 0 298px;
	background:				#000000 url('../images/zoom_button.gif') no-repeat 0 0;	
	text-indent:			-1000em; 
	overflow:				hidden;
	z-index:				2;
}

#zoom_button:hover {
	background:				#000000 url('../images/zoom_button.gif') no-repeat -62px 0px;	
}

#photoviewer_navigation {
	width:					360px;	
	height:					68px;	
	margin-top:				30px;
	overflow:				hidden;
}

#previous_button {
	width:					13px;
	height:					68px;	
	float:					left;
	cursor:					pointer;
	border-right:			1px solid #ffffff;
	background:				#e6ebea url('../images/previous_button.gif'); 
}

#previous_button:hover {
	background:				#e6ebea url('../images/previous_button.gif') -20px 0px; 
}

#previous_button_inactive {
	width:					13px;
	height:					68px;	
	float:					left;
	border-right:			1px solid #ffffff;
	background:				#e6ebea url('../images/previous_button.gif') -40px 0px; 
}

#navigation_items {
	position:				relative;
	width:					332px;
	height:					68px;	
	padding:				1px 0;
	float:					left;
	background:				#e6ebea;
	overflow: 				hidden;
}

#navigation_items_inner {
	width:					15000px;
}

.navigation_item {
	position:				relative;
	float:					left;
	margin-right:			5px;
}
	
.navigation_item img {
	border:					3px solid #ffffff;
}

#navigation_items_inner .active img {
	border:					3px solid #ff6600;
}

.navigation_item:hover img {
	border:					3px solid #0a3b3b;
}

.dummy_image{
	position:				relative;
	width:					300px;
	height:					66px;
	background:				url('../images/dummy_image.gif');
	float:					left;
}

#next_button {
	width:					13px;
	height:					68px;	
	float:					left;
	cursor:					pointer;
	border-left:			1px solid #ffffff;
	background:				#e6ebea url('../images/next_button.gif'); 
}

#next_button:hover {
	background:				#e6ebea url('../images/next_button.gif') -20px 0px; 
}

#next_button_inactive {
	width:					13px;
	height:					68px;	
	float:					left;
	border-left:			1px solid #ffffff;
	background:				#e6ebea url('../images/next_button.gif') -40px 0px; 
}



#related_objects h4{
	margin-bottom:			12px;
}



#related_objects.items_1 {
	width:					240px;
	height:					150px;	
}

#related_objects.items_2 {
	width:					240px;
	height:					180px;	
}

#related_objects.items_3 {
	width:					240px;
	height:					240px;	
}

#related_objects.items_4 {	
	width:					240px;
	height:					260px;	
}

.related_object {
	position:				absolute;
	width:					140px;
	height:					110px;
	padding:				5px 0 0 6px;
	background:				url('../images/bg_related_objects.png') no-repeat;
	z-index:				1;
}

#related_objects .active {
	z-index:				2;
	border:					0px;
}

#related_object_1 {
}

#related_object_2 {
	margin:					28px 0 0 114px;
}

#related_object_3 {
	margin:					90px 0 0 30px;
}

#related_object_4 {
	margin:					120px 0 0 80px;
}


#basket.content_block, 
#wiki_updates.content_block {
	padding-top:			0px;	
}

#basket_icon {
	width:					43px;
	height:					26px;
	margin:					0 5px;
	background:				url('../images/basket_icon.gif'); 	
	float:					left;
}

#basket span, 
#basket strong {	
	padding-top:			13px;
	float:					left;
}




/* ================================ +
            SEARCH RESULTS
+  ================================ */

#search_results_title {
	font-size:				24px;
	font-weight:			bold;	
	color:					#ff6600;
}

#search_results_title span {
	margin-left:			20px;
	font-size:				12px;
	font-weight:			normal;	
	color:					#000000;
}

#search_results_title span strong{
	font-size:				18px;
	font-weight:			bold;	
	color:					#ff6600;
}



/* search results nav */

#results_nav {
	width:					630px; 
	height:					18px; 
	margin:					25px 0 0 20px;
	padding:				6px 13px;
	background:				url('../images/bg_results_nav.gif') no-repeat 0px 0px;
}

.results_nav_number_button {
	display:				block;
	width:					10px; 
	height:					16px; 
	margin-left:			5px;
	padding:				0 0 0 4px;
	border:					1px solid #ff6600;
	float:					left;	
	font-size:				11px;
	line-height:			17px;
	color:					#ff6600;
}

#orange #content_container a.results_nav_number_button.inactive {
	color:					#333333;
	border:					1px solid #dedfdf;
}

#orange #content_container a:hover.results_nav_number_button.inactive {
	color:					#333333;
	border:					1px solid #ff6600;
	text-decoration:		none;
}

#results_nav_prev {
	display:				block;
	margin:					2px 5px 0 0;
	color:					#ff6600;
	float:					left;	
}

#results_nav_next {
	display:				block;
	margin:					2px 0 0 10px;
	color:					#ff6600;
	float:					left;	
}

#results_nav_prev.inactive, 
#results_nav_next.inactive {
	color:					#dedfdf;
}


/* results*/ 

#search_results {
	margin:					25px 0 0 20px;
}

.search_result {
	width:					140px;
	height:					150px;
	margin:					0 18px 35px 0;
	padding:				5px 0 0 6px;
	background:				url('../images/bg_related_objects.png') no-repeat;
	float:					left;
}

.search_result_right {
	width:					140px;
	height:					150px;
	margin:					0 0 35px 0;
	padding:				5px 0 0 6px;
	background:				url('../images/bg_related_objects.png') no-repeat;
	float:					left;
}

.search_result img,
.search_result_right img  {
	margin-bottom:			15px;
}

.search_result span,
.search_result_right span  {
	font-weight:			bold;
	color:					#ff6600;
}



/* filter */

#search_results_filter_title {
	margin:					31px 0 30px 0;
	font-size:				18px;
	color:					#ff6600;	
}

#search_results_filter .content_color_block {
	margin-bottom:			10px;	
}

#search_results_filter table {
	margin-top:				10px;
}

#search_results_filter td {
	width:					100px;	
}

#search_results_filter #filtered_on td {
	width:					200px;	
}

#search_results_filter span{
	float:					left;
}

.remove_button {
	display:				block;
	width:					9px;
	height:					9px;
	margin:					4px 0 0 5px;
	float:					left;
	background:				url('../images/remove_button.gif') no-repeat;
}

.hideTR {
	display:				none;	
}

.show_more_filter_options,
.show_less_filter_options {
	margin:					5px 0 0 2px;
	color:					#ff6600;
	cursor:					pointer;
	font-weight:			bold;
}

.show_more_filter_options:hover,
.show_less_filter_options:hover {
	text-decoration:		underline;
}

.show_less_filter_options {
	display:				none;	
}


/* ================================ +
            PHOTO ZOOMER
+  ================================ */


#stripes {
	width:					100%;
	height:					100%;
	padding-top:			5px;
	background:				url('../images/bg_stripes.gif');	
}

#photo_zoomer_header {
	width:					100%;
	height:					40px;
	background:				#ffffff;	
}

.back_to {
	position:				absolute;
	display:				block;
	margin:					13px 0 0 20px;
	color:					#585858;	
}

.more_info_about {
	position:				absolute;
	display:				block;
	width:					208px;
	height:					19px;
	margin:					10px 20px 0 0;
	right:					0px;
	background:				url('../images/more_info_about.gif');	
	text-indent:			-1000em;
	overflow:				hidden;
	color:					#585858;	
}

a.more_info_about:hover {
	background:				url('../images/more_info_about.gif') -250px 0;		
}

#photo_zoomer {
	width:					100%;
	height:					200px;
	margin-bottom:			5px;
	overflow:				hidden;
	text-align:				center;
}

#photo_zoomer_nav {
	position:				fixed;
	width:					100%;
	height:					110px;
	margin-bottom:			5px;
	bottom:					0px;
	background:				#ffffff;	
}



/* photoviewer navigation*/

#photo_zoomer_nav .page{
	margin:					8px 0 0 20px;
}

#photo_zoomer_nav .page span{
	color:					#ff6600;
}

#photo_zoomer_nav #photoviewer_navigation {
	width:					100%;	
	height:					68px;		
	margin:					6px auto 0 auto;
	overflow:				hidden;
}

#previous_button_container {
	width:					5%;
	height:					68px;	
	float:					left;
	text-align:				right;
}

#photo_zoomer_nav #previous_button {
	width:					13px;
	height:					68px;	
	float:					right;
	cursor:					pointer;
	border-right:			1px solid #ffffff;
	background:				#e6ebea url('../images/previous_button.gif'); 
}

#photo_zoomer_nav #previous_button_inactive {
	width:					13px;
	height:					68px;	
	float:					right;
	border-right:			1px solid #ffffff;
	background:				#e6ebea url('../images/previous_button.gif') -40px 0px; 
}

#photo_zoomer_nav  #navigation_items {
	position:				relative;
	width:					90%;
	height:					68px;	
	float:					left;
	background:				#e6ebea;
	overflow: 				hidden;
	padding:				1px 0px;
}

#photo_zoomer_nav .dummy_image{
	position:				relative;
	width:					1600px;
	height:					66px;
	background:				url('../images/dummy_image.gif');
	float:					left;
}

#previous_button_containter {
	width:					5%;
	height:					68px;	
	float:					left;
}








/* ================================ +
            FIXED CONTENT
+  ================================ */

.column_title {
	margin-bottom:			13px;
	color:					#ff0099;
	font-size:				30px;
}

.content_color_block {
	padding:				20px;
	background:				#e4ebeb;
	font-size:				12px;	
	line-height:			17px;
}

#green .content_color_block {
	background:				#e4ebeb;
}

#aubergine .content_color_block {
	background:				#ebdce1;
}

#orange .content_color_block {
	background:				#e4ebeb;
}

.content_block {		
	width:					240px;
	padding:				20px 20px 0 20px;
	overflow:				hidden;
	font-size:				12px;	
	line-height:			17px;
}

.content_block.bold {
	padding:				20px;
	font-size:				12px;	
	line-height:			17px;
	font-weight:			bold;
}

#green .content_block h2, 
#green .content_color_block h2 {
	margin-bottom:			7px;
	color:					#44aa11;
	font-size:				18px;	
}

#aubergine .content_block h2, 
#aubergine .content_color_block h2 {
	margin-bottom:			7px;
	color:					#771133;
	font-size:				18px;	
}

#orange .content_block h2, 
#orange .content_color_block h2 {
	margin-bottom:			7px;
	color:					#ff6600;
	font-size:				18px;	
}


#image_mask {
	position:				absolute;
	width:					360px;
	height:					420px;
	background:				url('../images/image_mask.gif');
	overflow:				hidden;
	
}

#image_container {
	width:					360px;
	height:					420px;
	overflow:				hidden;
}




/* ================================ +
               LIGHTBOX
+  ================================ */

#overlay_bg_container {
	position:				fixed;
	display:				none;
	width:					100%;
	height:					100%;
	top:					0;
	left:					0;
	z-index:				120;
}

#overlay_bg {
	width:					100%;
	height:					100%;
	top:					0;
	left:					0;
	background:				url('../images/bg_stripes_lightbox.png') repeat;
	z-index:				121;
}

.overlay {
	position:				fixed;
	display:				none;
	width:					605px;
	height:					490px;
	margin-left: 			164px;
	padding:				30px 0 0 20px;
	background:				#ffffff;
	z-index:				220;
}

.close_lightbox {
	position:				absolute;
	display:				block;
	width:					76px;
	height:					22px;
	top:					-36px;
	margin-left:			674px;
	background:				url(../images/back_button.png) no-repeat;
	z-index:				221;
}

.close_lightbox:hover {
	border-bottom:			1px solid #44aa11;
}




/* overlay images */

#overlay_image {
	position:				absolute;	
	display:				none;	
	width:					750px;		
	top: 					173px;
	margin-left:			13px;
	padding:				7px 10px 11px 7px;
	background:				url(../images/bg_overlay_image.png) no-repeat bottom right;
	z-index:				220;
}

#close_overlay_image {	
    margin-top:				5px;
}




/* overlay video */

.overlay_video {
	position:				absolute;	
	display:				none;	
	width:					460px;	
	height:					300px;
	top: 					173px;
	margin-left:			13px;
	padding:				7px 10px 11px 7px;
	background:				url(../images/bg_overlay_image.png) no-repeat bottom right;
	z-index:				220;
}

#close_overlay_video_1, 
#close_overlay_video_2, 
#close_overlay_video_3, 
#close_overlay_video_4 {	
    margin-top:				5px;
	margin-left:			384px;
	background:				url(../images/back_button_orange.png) no-repeat;
}

#close_overlay_video_1:hover, 
#close_overlay_video_2:hover,
#close_overlay_video_3:hover, 
#close_overlay_video_4:hover {
	border-bottom:			1px solid #f26722;
}
.overlay_video_content {
	position:				absolute;
	width:					460px;
	top:					350px;
	left:					0px;
	padding:				7px 10px 11px 7px;
	background:				url(../images/bg_overlay_image.png) no-repeat bottom right;
	color:					#333333;
	z-index:				221;
}


/* overlay newsletter */

#overlay_newsletter {
	position:				fixed;	
	display:				none;	
	width:					280px;	
	height:					318px;
	top: 					172px;
	margin-left:			320px;
	padding:				30px 45px 0 40px;
	background:				url(../images/bg_overlay_newsletter.png) no-repeat bottom right;
	z-index:				220;
}

#overlay_newsletter h1{
	margin-bottom:			10px;
	color:					#ff0099;
	font-size:				24px;
}

#newsletter_info{
	width:					268px;
	height:					50px;
	margin-bottom:			10px;
	line-height:			16px;
	color:					#333333;
}

#newsletter_info .error{
	color:					red;
}

#overlay_newsletter label{
	font-size:				15px;
	font-weight:			bold;
	color:					#ff0099;
}

#overlay_newsletter input{
	width:					268px;
	height:					16px;
	margin:					5px 0 20px 0;
	padding:				2px 5px 0 5px;
	border:					1px solid #669999;
	font-family: 			arial, helvetica, sans-serif;
	font-size:				12px;
	color: 					#333333;
}

#overlay_newsletter input.error{
	border:					1px solid red;
}

#verstuur_button{
	display:				block;
	width:					81px;
	height:					19px;
	margin:					10px 0 20px 199px;
	background:				url(../images/verstuur_button.gif) no-repeat 0px 0px;
	text-indent:			-1000em; 
	overflow:				hidden;
}

#verstuur_button:hover{
	background:				url(../images/verstuur_button.gif) no-repeat -100px 0px;
}

#close_overlay_newsletter {	
    margin-top:				5px;
	margin-left:			245px;
}



/* TOOLTIP */

#tooltip {
	position: 				absolute;
	z-index: 				3000;
	border: 				0px;
	background: 			url(../images/bg_tooltip_left.png) no-repeat;
	padding: 				12px 5px 5px 5px;
	color:					#ffffff;
	font-size:				11px;
	opacity: 				1;
}

#tooltip.top {
	position: 				absolute;
	z-index: 				3000;
	border: 				0px;
	background: 			url(../images/bg_tooltip_top.png) no-repeat bottom left;
	padding: 				5px 5px 12px 5px;
	color:					#ffffff;
	font-size:				11px;
	opacity: 				1;
}

#tooltip.viewport-right {
	background: 			url(../images/bg_tooltip_right.png) no-repeat top right;
}

#tooltip.top.viewport-right {
	background: 			url(../images/bg_tooltip_top.png) no-repeat -80px left;
}

#tooltip h3, #tooltip div { margin: 0; font-weight:	normal; font-size: 11px;}