/* CSS Document */

/* ----------------------------------------------------------------------*/
/* ----------------------------------------------------------------------*/
/* ----------------------------------------------------------------------*/
/* ------------------------ CSS FOR 2-BAR PAGES -------------------------*/
/* -----------------F-----------------------------------------------------*/
/* ----------------------------------------------------------------------*/
/* ----------------------------------------------------------------------*/
/***************** MAIN COLOR SCHEMES  ***********************
main-contents text color: #333333
main-contents link color: #416391
main-contents  hover color: #aaaaaa
main-contents underline color: #94aac7

extra-content color: #999999
extra-content link color: #8093a9

imageholders color: #999999;
all imageholder  link color: #8093a

left text color #999999;
left hover color #aaaaaa
left underline border #cccccc

pink and bluish text-box  background colors:
pinkish   #f9f9f8 / blueish #f6f7f8 
borders top and bottoms #cccccc
*************************************************/
/* html {
scroll-behavior: smooth;
}*/

* {
padding:0;
margin:0;
}
table, p, ul, ol, li h1, h2, h3, h4, hr blockquote{
margin: 0px;
padding: 0px;
}
img a:link {
text-decoration:none!important;
border: none!important;
}
img a {
text-decoration:none!important;
border: none!important;
} 
/********************************************** BODY ***************************************** */
html{
font-size:16px;
}
body {
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
padding: 0;
margin: 0;
}
/*********************************************** HEADINGS ************************************** */
h1 {
color:#666666;
font-size: 2.2rem;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
font-weight:100;
margin: 3.6rem  auto 2.4rem auto;
font-weight:100;
line-height: 1.3rem;
letter-spacing: .01rem;
padding-top: 1rem;
text-align:center;
}
h2, h2.no-margin-top, h2.bookshop {
color:#666666;
font-size: 1.35rem;
margin: .6rem 0rem .6rem 0rem;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
font-weight:100;
letter-spacing: .03rem;
}
h2.no-margin-top {	
margin-top: 0rem;	
}
h2.bookshop{	
margin-top: 0rem;
font-size: 1.15rem;
line-height: 1.2rem;	
}
h2 a:link,  h2.no-margin-top a:link, h2.bookshop a:link{
color: #666666;
text-decoration: none;
border-bottom: none;  
}
h2 a:visited,  h2.no-margin-top a:visited, h2.bookshop a:visited{
color: #666666;    
}
h2 a:hover,  h2.no-margin-top a:hover, h2.bookshop a:hover{
color: #cccccc;   
}
h3  {
color:#666666;
font-size: 1rem;
margin: .6rem 0rem .6rem 0rem;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
font-weight:100;
line-height: 1.2rem;
letter-spacing: 0.025rem;
clear: both;
}
h4.dutch-timeline-painters {
margin-bottom:1rem;
color:#666666;
font-size: 1rem;
margin: 0rem 0rem 1rem 1.1rem;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
font-weight:100;
line-height: 1.2rem;
letter-spacing: 0.025rem;
clear: both;


}
bold, strong {
font-weight:bold;
opacity: .8;
}
blockquote {
margin-left: auto;
margin-right: auto;
}
/******************** div at top of page that can be dismissed by user **********************************/
.ad {
background-color:white;
color:#999999;
margin-bottom: 0rem;
text-align: center;
}
/******************************* JUMBOTRON *************************************************/
@media (min-width: 0px)  {
.jumbotron {
background-image: url(../catalogue_xl/xl_images/xl_study.jpg);
background-repeat:no-repeat;
background-size: cover;
background-position: center center;
margin-bottom: 0;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
height:250px;
}
}
@media (min-width: 576px)  {
.jumbotron {
background-image: url(../css/background-images/lady_writing.jpg);
background-repeat:no-repeat;
background-size: cover;
background-position: center center;
margin-bottom: 0;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
height:250px;
}
}
@media (min-width: 768px) {
.jumbotron {
background-image: url(../catalogue_xl/xl_images/xl_art.jpg);
background-repeat:no-repeat;
background-size: cover;
background-position: center center;
margin-bottom: 0;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
height:400px;
}
}
@media (min-width: 922px) {
.jumbotron {
background-image: url(../catalogue_xl/xl_images/xl_glass_berlin.jpg);
background-repeat:no-repeat;
background-size: cover;
background-position: center center;
margin-bottom: 0;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
height:400px;
}
}
@media (min-width: 1200px) {
.jumbotron {
background-image: url(../css/background-images/Delft-header.jpg);
background-repeat:no-repeat;
/*background-size: cover;*/
background-position: bottom -40px left;
height:400px;
margin-bottom: 0;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
}

#logo-top {
width: 30px;
height: 30px;
position:relative;
left: 50%;
top: 33%; 
}
#svg-logo {
width: 26px;
fill: #aaaaaa;
margin-top:30px;
}
.logo-e {
fill: #aaaaaa;
stroke: #aaaaaa;
stroke-width: 0.4px;	 
}
.logo-v {
fill: #aaaaaa;
stroke: #aaaaaa;
stroke-width: 0.4px;		 
}
/*************************** NAVIGATION BAR **********************************/
/*NAVBAR*/
/*NAVBAR*/
/*NAVBAR*/
@media (min-width: 1200px) {
.navbar {
background-image: url(../css/background-images/Delft-header.jpg);
background-repeat:no-repeat;
background-size: cover; 
background-position: bottom 0px left;
border-bottom: 1px solid #cccccc;
 position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1020;
padding-top: .5rem;
padding-bottom:.5rem; 
margin-top: 0;
margin-bottom: 0;
}
}
@media (max-width: 1200px) {
.navbar {
backgound-image: none;
background-color: #ffffff;
border-bottom: 1px solid #eeeeee;
z-index: 1010;
/* position: -webkit-sticky;
position: sticky;
top: 0;
 z-index: 9999999;*/
}
}
.navbar .navbar-nav .my-link {
color: #666666;
font-size: .75rem;
margin: 0rem .5rem 0rem .5rem;
border-bottom: 1px solid transparent;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease; 
}
.navbar .navbar-nav .my-link:hover {
font-size: .75rem;
margin:0rem .5rem 0rem .5rem;
border-bottom: 1px solid #aaaaaa;
color: #999999;
text-decoration: none;
}
.navbar-brand {
font-size: 1rem;
padding-top: 0;
padding-bottom: 0; 
margin-top: 0;
margin-bottom: 0;
}
.navbar-text {
font-size: .8rem;
letter-spacing: .2rem;
font-style: strong;
display: inline-block;
padding-top: 0;
padding-bottom: 0; 
margin-top: 0;
margin-bottom: 0; 
}
.navbar-toggler-icon {
display: inline-block;
width: 1rem;
height: 1.5rem;
vertical-align: middle;
content: "";
/*content:  url(../css/background-images/logo-menu-top.jpg);*/
background: no-repeat center center;
background-size: 100% 100%;
}
.navbar-toggler-icon {
display: inline-block;
width: 1rem;
height: 3rem;
vertical-align: middle;
content: "";
/*content:  url(../css/background-images/logo-menu-top.jpg);*/
background: no-repeat center center;
background-size: 100% 100%;
}
.navbar-light .navbar-toggler-icon {
 border: 0px;
}
.navbar-light .navbar-toggler {
 border: 0px;
}
.nav-search {
font-size: .65em;
width: 4.7rem;
text-transform:uppercase;
color: #6666666;
border: 1px solid #999999;
padding: .1rem 1.8rem 0.09rem 1rem;
margin-right: 2rem;
margin-top: 2px;
line-height: 1;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease; 
}
.nav-search:hover {
color:#999999;
border: 1px solid #bbbbbb;
cursor:pointer;
}

/************ removes 3.0 from ESSENTIAL VERMEER 3.0 in small device navbars ***********************************/
@media (max-width: 350px) {
.three-point-o {
display: none; 
}
}
/******************** div which holds H1 title of page************************************/
.page-title {
margin-bottom: 1.2rem;
text-align: center;
color: #666666;
font-size:.5rem;
}
@media (min-width: 1200px) {
.page-title {
padding: 5rem 0rem 3rem 0rem;
margin-bottom: 3rem;
}
}

/************************************************************************************/
/***************************************** WRAPPER **********************************/
/************************************************************************************/
#wrapper {
width: 1280px;
margin-right: auto;
margin-left: auto;
margin-top: -1rem;
padding-top: -1rem;  
}
#top-anchor {
position:absolute;
top: 380px;
width: 30px;
height: 30px;
}
/**********************************************************************************/
/*********************************** BACKGROUND div ******************************/
/**********************************************************************************/
#background {
width: 1050px;
float: right;
margin-top: 4.6rem; 
}
/**********************************************************************************/
/***************************** MAIN CONTENTS 2-BAR div ************************ */
/**********************************************************************************/
.main-content, .main-content-multiple  {
width: 1050px;
float: right;
font-family: "Times New Roman", Times, serif;
font-size:1.2rem;
line-height:1.7rem;
letter-spacing: 0.025rem;
color: #333333;
margin-top: 0rem;
}
/****************this gives MAIN-CONTENT smaller width for 3-BAR pages */
.mc-3bar {
width: 760px;
float: left;
}
.main-content-multiple {
width: 760px;
float: left;
}
.main-content p,  .main-content-multiple p {
padding-bottom: 1.5rem;
font-weight:200;
margin-top: 0rem;
}
#background-multiple {
width: 1280px;
float: right;
}
/**********************************************************************/
/***************** MAIN-CONTENT LINKS *******************************/
/**********************************************************************/
.main-content a:link, .main-content-multiple a:link {
color:#333333;
text-decoration: none;
border-bottom: 1px solid #d0d0d0;
-webkit-transition: color 300ms ease;
-moz-transition: color 300ms ease;
-ms-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease; 
}
.main-content a:visited, .main-content-multiple a:visited {
color:#333333;
text-decoration: none;
border-bottom: 1px solid #d0d0d0;
}
.main-content a:hover, .main-content-multiple a:hover {
color: #d0d0d0;
text-decoration:none;
border-bottom: 1px solid #f4f4f4;
}
/*************************************** LINE ************************************** */
hr {
border-top: 1px solid #dbc8ca;
border-bottom: 0px solid white;
clear: both;
margin: 0 0 1.3rem 0;
}
/************ LINE WITH EXTRA MARGIN USED ONLY IN CATALOGUE SECTION ************** */
hr.catalogue-line {
border-top: 1px solid #dbc8ca;
border-bottom: 0px solid white;
clear: both;
margin: 0 0 .8rem 0;
}
/****************************************************************************************/
/************************ IMAGE HOLDERS for MAIN TEXT  CENTER ALIGNED *********************/
/****************************************************************************************/
 .imagehold-center-align250, .imagehold-center-align300, .imagehold-center-align350, .imagehold-center-align400, .imagehold-center-align450, .imagehold-center-align500, .imagehold-center-align600, .imagehold-center-align700, .imagehold-center-align800 {
margin: 2rem auto 4rem auto;
padding:0px 1rem 0px 1rem;
color: #999999;
font-size: .85rem;
line-height: 1.2rem;
text-align: left;
}
.imagehold-center-align250 {
width: 250px;
}
.imagehold-center-align300 {
width: 300px;
}
.imagehold-center-align350 {
width: 350px;
}
.imagehold-center-align400 {
width: 400px;
}
.imagehold-center-align450 {
width: 450px;
}
.imagehold-center-align500 {
width: 500px;
}
.imagehold-center-align600 {
width: 600px;
}
.imagehold-center-align700 {
width: 700px;
}
.imagehold-center-align250 a:link,  .imagehold-center-align300 a:link,  .imagehold-center-align350 a:link,  .imagehold-center-align400 a:link,  .imagehold-center-align450 a:link,  .imagehold-center-align500 a:link, .imagehold-center-align600 a:link, .imagehold-center-align700 a:link {
color: #999999;
text-decoration:none;
border-bottom: 1px solid #e1dede;
-webkit-transition: color 500ms ease;
-moz-transition: color 300ms ease;
-ms-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease;
}
 .imagehold-center-align250 a:visited,  .imagehold-center-align300 a:visited,  .imagehold-center-align350 a:visited,  .imagehold-center-align400 a:visited,  .imagehold-center-align450 a:visited,  .imagehold-center-align500 a:visited, .imagehold-center-align600 a:visited, .imagehold-center-align700 a:visited  {
color: #999999;
text-decoration:none;
border-bottom: 1px solid #edebeb;
}
.imagehold-center-align250 a:hover,  .imagehold-center-align300 a:hover,  .imagehold-center-align350 a:hover,  .imagehold-center-align400 a:hover,  .imagehold-center-align450 a:hover,  .imagehold-center-align500 a:hover, .imagehold-center-align600 a:hover, .imagehold-center-align700 a:hover {
color: #e1dede;
border-bottom: 1px solid #edebeb;
}
.imagehold-center-align250 img,.imagehold-center-align300 img, .imagehold-center-align350 img, .imagehold-center-align400 img, .imagehold-center-align450 img, .imagehold-center-align500 img, .imagehold-center-align600 img, .imagehold-center-align700 img{
margin-bottom: 1.5rem;
}
/***********************************************************************************************/
/************************** IMAGE HOLDERS for MAIN TEXT (FLOAT LEFT)****************************/
/***********************************************************************************************/
.imagehold120, .imagehold150, .imagehold200, .imagehold220, .imagehold250, .imagehold300, .imagehold350, .imagehold400, .imagehold450, .imagehold500{
margin: .7rem 3rem 1.5rem 0rem;
padding:0rem 0rem 0rem 0rem;
color: #999999;
font-size: .85rem;
line-height: 1.2rem;
float:left;
text-align: left;
}
.imagehold120 {
width: 120px;
}
.imagehold150 {
width: 150px;
}
.imagehold200 {
width: 200px;
}
.imagehold220 {
width: 220px;
}
.imagehold250 {
width: 250px;
}
.imagehold300 {
width: 300px;
}
.imagehold350 {
width: 350px;
}
.imagehold400 {
width: 400px;
}
.imagehold450 {
width: 450px;
}
.imagehold500 {
width: 500px;
}
.imagehold120 img, .imagehold150 img, .imagehold200 img, .imagehold220 img, .imagehold250 img, .imagehold300 img, .imagehold350 img, .imagehold400 img, .imagehold450 img, .imagehold500 img {
margin-bottom: 1.5rem;
}
.imagehold120 p, .imagehold150 p, .imagehold200 p, .imagehold220 p, .imagehold250 p, .imagehold300 p, .imagehold350 p, .imagehold450 p, .imagehold500 p {
}
.imagehold120 a:link,  .imagehold150 a:link,  .imagehold200 a:link,  .imagehold220 a:link,  .imagehold250 a:link,  .imagehold300 a:link,  .imagehold350 a:link,  .imagehold400 a:link,  .imagehold450,   .imagehold500 {
color: #999999;
text-decoration:none;
border-bottom: 1px solid #e1dede;
-webkit-transition: color 300ms ease;
-moz-transition: color 300ms ease;
-ms-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease;
}
.imagehold120 a:visited,  .imagehold150 a:visited,  .imagehold200 a:visited,  .imagehold220 a:visited,  .imagehold250 a:visited,  .imagehold300 a:visited,  .imagehold350 a:visited,  .imagehold400 a:visited,  .imagehold450 a:visited, .imagehold500 a:visited{
color: #999999;
text-decoration:none;
border-bottom: 1px solid #edebeb; 
}
.imagehold120 a:hover,  .imagehold150 a:hover,  .imagehold200 a:hover,  .imagehold220 a:hover,  .imagehold250 a:hover,  .imagehold300 a:hover,  .imagehold350 a:hover,  .imagehold400 a:hover,  .imagehold450 a:hover,  .imagehold500 a:hover{
color: #e1dede;
border-bottom: 1px solid #edebeb;
}
/****************************************************************************************/
/******************************* PRE-SIZED LIGHT BOXES **********************************/
/****************************************************************************************/
.imagehold-lightbox, .imagehold-lightbox-100, .imagehold-lightbox-120, .imagehold-lightbox-150, .imagehold-lightbox-200, .imagehold-lightbox-220, .imagehold-lightbox-250, .imagehold-lightbox-300, .imagehold-lightbox-350, .imagehold-lightbox-400, .imagehold-lightbox-450, .imagehold-lightbox-550, .imagehold-lightbox, .imagehold-lightbox-right {
float: left;
font-size: .85rem;
line-height: 1.2rem;
text-align: left;
margin: .7rem 3rem 1rem 0rem;
color: #999999;
}
.imagehold-lightbox {
float: left;
}

.imagehold-lightbox-150 {
width: 100px;
}

.imagehold-lightbox-150 {
width: 120px;
}


.imagehold-lightbox-150 {
width: 150px;
}
.imagehold-lightbox-200 {
width: 200px;
}
.imagehold-lightbox-200 {
width: 220px;
}
.imagehold-lightbox-250 {
width: 250px;
}
.imagehold-lightbox-300 {
width: 300px;
}
.imagehold-lightbox-350 {
width: 350px;
}
.imagehold-lightbox-400 {
width: 400px;
}
.imagehold-lightbox-450 {
width: 450px;
}
.imagehold-lightbox-550 {
width: 550px;
margin: 2rem auto 4rem auto;
}
.imagehold-lightbox-right {
float:right;
margin-left: 2rem;
margin-right: 0rem;
background-position: right bottom;
}
.imagehold-lightbox {
}
.imagehold-lightbox a:link,  .imagehold-lightbox-120 a:link,  .imagehold-lightbox-150 a:link,  .imagehold-lightbox-200 a:link,  .imagehold-lightbox-220 a:link,  .imagehold-lightbox-250 a:link,  .imagehold-lightbox-300 a:link,  .imagehold-lightbox-350 a:link,  .imagehold-lightbox-450 a:link,  .imagehold-lightbox-550 a:link,  .imagehold-lightbox a:link,  .imagehold-lightbox-right a:link,  .imagehold-lightbox a:link {
color: #999999;
text-decoration:none;
border-bottom: 1px solid #e1dede;
-webkit-transition: color 500ms ease;
-moz-transition: color 300ms ease;
-ms-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease;
}
.imagehold-lightbox a:visited,  .imagehold-lightbox-120 a:visited,  .imagehold-lightbox-150 a:visited,  .imagehold-lightbox-200 a:visited,  .imagehold-lightbox-220 a:visited,  .imagehold-lightbox-250 a:visited,  .imagehold-lightbox-300 a:visited,  .imagehold-lightbox-350 a:visited,  .imagehold-lightbox-450 a:visited,  .imagehold-lightbox-550 a:visited, .imagehold-lightbox a:visited,  .imagehold-lightbox-right a:visited,  .imagehold-lightbox a:visited { 
color: #999999;
text-decoration:none;
border-bottom: 1px solid #edebeb; 
}
.imagehold-lightbox a:hover,  .imagehold-lightbox-120 a:hover,  .imagehold-lightbox-150 a:hover,   .imagehold-lightbox-200 a:hover,  .imagehold-lightbox-220 a:hover,  .imagehold-lightbox-250 a:hover,  .imagehold-lightbox-300 a:hover,  .imagehold-lightbox-350 a:hover,  .imagehold-lightbox-450 a:hover,  .imagehold-lightbox-550 a:hover,  .imagehold-lightbox a:hover,  .imagehold-lightbox-right a:hover,  .imagehold-lightbox a:hover {
color: #e1dede;
border-bottom: 1px solid #edebeb;
}
.imagehold-lightbox img, .imagehold-lightbox-120 img,  .imagehold-lightbox-150 img,  .imagehold-lightbox-200 img,  .imagehold-lightbox-220 img,  .imagehold-lightbox-250 img,  .imagehold-lightbox-300 img,  .imagehold-lightbox-350 img,   .imagehold-lightbox-450 img,  .imagehold-lightbox-550 img,  .imagehold-lightbox img,  .imagehold-lightbox-right img{
background-image: url(../svg-images/enlarge.svg);
background-size: 16px 12px;
background-repeat: no-repeat;
background-position: right 0rem bottom .2rem;
padding-bottom: 1.4rem;
border: none;
text-decoration: none;
}
a.image_nobrd {
border: none !important;
text-decoration: none !important;
}
.imagehold-add-bottom {
margin-bottom: 2rem
}
/****************DIV PRONUNCIATION AUDIO FILES ****************************/
.pronunciation {
font-size: 0.85rem;
color:#666666;
background-position: 0px 0px;
background-color: #f8f8f8;
background-image: url(../background-images/pronounced-background.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
width: 158px;
float: left;
margin: 1rem 3rem 1.5rem 0rem;
padding: 7.8rem .5rem 1rem .6rem;
letter-spacing: .01rem;
}
.pronunciation ul{
padding-bottom: 0rem;
}
.pronunciation li {
background-image: url(../svg-images/disk.svg);
background-size: .35rem .35rem;
background-repeat: no-repeat;
background-position: 0rem .5rem;
list-style: none;	 
line-height: 1.3rem;
padding-top: .1rem;
padding-bottom: 0rem;
padding-left: 1.3rem;
letter-spacing: .01rem;
}
.pronunciation a:link {
color:#666666;
text-decoration:none;
border-bottom: none;
text-decoration:none;
border-bottom: none;
-webkit-transition: color 400ms ease;
-moz-transition: color 400ms ease;
-ms-transition: color 400ms ease;
-o-transition: color 400ms ease;
transition: color 400ms ease;  	
}
.pronunciation a:visited{
color:#666666;
text-decoration:none;
border-bottom: none;
}
.pronunciation a:hover {
color: #cccccc;
text-decoration:none;
border-bottom: none;
}
.courtesy-marco {
width: 158px;
font-size: .75rem;
clear:both;
padding: .5rem 0rem 0rem 0rem;
margin-top: .6rem;
line-height: 1.4rem;
letter-spacing: .01rem;
border-top: 1px solid #cccccc;
text-align:center;
}
/********************************************** AFTERLIFE SECTION  TABLE ****************************/
h2.afterlife {
padding-top: 0rem;
margin-top: -.5rem;
margin-bottom: 0rem;
padding-bottom: .9rem;
font-size: 1.6rem;
text-transform: uppercase;
line-height: 1.3rem;
}
.afterlife-table {
float: left;
margin-top: .5rem;
line-height: 1.3rem;
font-size: .85rem;
}
table.afterlife-table  {
border-collapse: collapse;
border: 1px solid #cccccc;
clear: both;
float: left;
padding-bottom: .5rem;
margin-bottom: 1.3rem;
font-size: .85rem;
line-height: 1.3rem;
 
} 
table tbody .afterlife-table  {
border-collapse: collapse;
border: 1px solid #cccccc;
clear: both;
float: left;
padding-bottom: .5rem;
margin-bottom: 1.3rem;
font-size: .85rem;
line-height: 1.3rem;
 
}
table.afterlife-table td {
border:1px solid #cccccc;
margin:0;
padding: 6px;
}
table.afterlife-table tr {
border:1px solid #cccccc;
margin:0;
padding: 6px;
}
table.afterlife-table p {
}
table.afterlife-table  a:link {
text-decoration:none;
border-bottom: none;
-webkit-transition: color 500ms ease;
-moz-transition: color 300ms ease;
-ms-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease;
}
table.afterlife-table  a:visited  {
text-decoration:none;
border-bottom: none;
}
table.afterlife-table a:hover{
text-decoration: none;
border-bottom: none;
color: #e1dede;
}
.table table .text-small a:link{
border: none;
}
table .text-small a:visited{
border: none;
}
/******************************************************************************************/
/************************************** LISTS *********************************************/
/*****************************************************************************************/
/************************ LIST with SVG DISK BULLET **************************/
.list-bullet ul{
}
.list-bullet li {
padding-bottom: 1rem;
padding-left: 1.5rem;
line-height: 1.4rem;
background-image: url(../svg-images/disk.svg);
background-size: .32rem .32rem;
background-repeat: no-repeat;
background-position: 0rem .50rem;
list-style: none;	 
}
.list-bullet  li:last-child {
padding-bottom: 1.5rem;
}
/************************ LIST LIST with SVG DISK BULLET and SMALL TEXT   **************************/
.list-bullet-small ul{
}
.list-bullet-small li {
font-size: .85rem;
padding-left: 1.1rem;
line-height: 1.3rem;
padding-bottom: .5rem;
background-image: url(../svg-images/disk.svg);
background-size: .3rem .3rem;
background-repeat: no-repeat;
background-position: 0rem .5rem;
list-style: none;	 
}
.list-bullet-small li:last-child {
padding-bottom: 1.5rem;
}
/************************ LIST with no BULLETS **************************/
.list-no-bullet ul {
}
.list-no-bullet  li {
list-style-type: none;
text-indent: 0rem;
margin-left: 0rem;
padding-bottom: .7rem;
line-height: 1.5rem;
}
.list-no-bullet-small ul {
}
.list-no-bullet-small li {
list-style-type: none;
text-indent: 0rem;
margin-left: 0rem;
padding-bottom: .5rem;
font-size: .85rem;
line-height: 1.3rem;
}
.list-no-bullet-small li:last-child {
 padding-bottom:1.5rem;
}
/**********************************************************************************/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> HORIZONTAL LIST >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.horizontal-list {
  text-align: justify;
    min-width: 500px;
}
.glossary-list {
 margin: 0rem 25% 1.5rem 25%;
}
.horizontal-list {
  text-align: justify;
    min-width: 500px;
}
.horizontal-list:after {
    content: '';
    display: inline-block;
    width: 100%;
}
.horizontal-list li {
display: inline-block;
list-style-type: none;
padding: 1px 5px 1px 5px;
margin: 0rem .7rem 0rem .7rem;
font-size: .85rem;
color: #cccccc;
border: 1px solid #cccccc;
text-decoration:none;
}
.horizontal-list li:first-child {
   margin-left: 0rem;
   text-decoration:none;
}
.horizontal-list li:last-child {
    margin-right:0rem;
	text-decoration:none;
}
.horizontal-list a:link {
color:#666666;
text-decoration:none;
border-bottom: none;
padding: 1px 5px 1px 5px;
-webkit-transition: color 500ms ease;
-moz-transition: color 300ms ease;
-ms-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease;
}
.horizontal-list a:visited {
color:#666666;
text-decoration:none;
border-bottom: none;
}
.horizontal-list a:hover {
color: #cccccc;
text-decoration:none;
border-bottom: none;	 
}
/*************************** ORDERED LIST ***********************************/
ol {
}
ol li {
padding-left: 0rem;
line-height: 1.5rem;
list-style-position: inside;
margin-left: 0rem;
padding-bottom: .6rem;
}
ol li:last-child {
 padding-bottom:1.5rem;
}
/**************************** DIRECTIONS **********************************/
#directions, #directions-previous, #directions-next {
clear: both;
float:left;
font-size: .85rem;
margin-bottom: 1.1rem;
word-spacing: 1.2rem;
background-image:url(../background-images/previous-next-arrows.jpg);
background-repeat: no-repeat;
background-position: 0rem .36rem;
text-transform: uppercase;
height: 1.4rem;
width:160px;
padding-left: 1.6rem;
}
#directions-previous {
background-position: 0px .4rem;
height: 2rem;
width: 6rem;
padding-left: 1.4rem;
}
#directions-next{
background-position: -8rem .36rem;
height: 1.4rem;
width: 6rem;
padding-left: 0px;
padding-bottom: .3rem;
}
#directions a:link, #directions-previous a:link, #directions-next a:link {
text-decoration: none;
border-bottom: none;
color: #333333;
}
#directions a:visited, #directions-previous a:visited, #directions-next a:visited {
text-decoration: none;
border-bottom: none;
color: #333333;
}
#directions a:hover,  #directions-previous a:hover, #directions-next a:hover {
text-decoration: none;
color: #bbbbbb;
}
/***************** 50% LEFT & RIGHT CONTAINERS *************************/
.fifty-percent-left, .fifty-percent-left-picture{
width: 345px;
float:left;
}
.fifty-percent-right, .fifty-percent-right-picture {
width: 360px;
float:left;
margin-left:35px;
}
.fifty-percent-left-picture{     
color: #999999;
font-size: .8rem;
line-height: 1.4rem;
margin-bottom: 3rem;
margin-top: 1rem;  
}
.fifty-percent-right-picture{     
color: #999999;
font-size: .8rem;
line-height: 1.4rem;
margin-bottom: 3rem;
margin-top: 1rem;   
}
.fifty-percent-right-picture img{
margin-bottom: 1.5rem;
}
.fifty-percent-left-picture img{
margin-bottom: 1.5rem;
}
/***************** 33% LEFT & RIGHT CONTAINERS *******************************/
.thirty-percent-left{
width: 33%;
float:left;
}
/***************** 25% LEFT & RIGHT CONTAINERS (used only in GLOSSARY SSECTION *******************************/
.box25percent {
width: 25%;
float:left;
}
/***************** 25% LEFT & RIGHT CONTAINERS *******************************/
.twentey-five-percent {
width: 25%;
float:left;
}
/****************************CENTER ALIGN *************************************/
.center-align {
margin-bottom: 2rrem;
text-align:center;
}
.center-align img{
margin-left:auto;
margin-right:auto;
padding-bottom: .3rem;
}
.center-align p{
padding-top: .1rem;
padding-bottom: 1.5rem;
}
/*************** SMALL for smaller text and TEXT MEDIUM (for "part one" & "part two") TEXT SIZES **********************/
.text-small {
font-size: .9rem;
line-height: 1.4rem;
}
.text-medium {
font-size: 1.6rem;
margin-top: 1.9rem;
text-align: center;
color: #aaaaaa;	 
}
/***********************************  SPAN for " from: " ******************************/
.from {
text-transform: uppercase;
font-size: .85rem;
letter-spacing: .1rem;
margin-bottom: -.8rem;
padding-top: 1.8rem;
line-height: .5rem;
font-style: strong;
}
/*.ribbon::after {
content: "";
position: absolute;
background-image: url(svg-images/g-01.svg);
background-repeat:no-repeat;
background-size: 6px 12px;
background-position: 3px 0px;
height: 25px;
width: 20px;
margin-left: -3px;
}
.ribbon-01::after {
content: "";
position: absolute;
background-image: url(svg-images/g-01.svg);
background-repeat:no-repeat;
background-size: 40px 14px;
background-position: 2px -3px;
padding-left: -10px;
height: 20px;
width: 80px;
}*/
/*************************************************************************************/
/************************ TWO TEXT BOXES with COLORED BACKGROUND **********************/
/**********************************************************************************/
.text-box-blue, .text-box-pink  {
clear: both;
padding: 1.5rem 1.5rem 0rem 1.5rem;
margin: 0rem 0rem 1.5rem 0rem;
font-size: 1rem;
color:#666666;
line-height: 1.4rem;
letter-spacing:.02rem;
background-color: #f8f8f8;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.text-box-blue p, .text-box-pink p  {
padding-bottom: 1.2em;
}
.text-box-pink {
background-color: #f8f8f8;
}
.text-box-pink a:link,  .text-box-blue a:link{
color:#666666;
text-decoration: none;
border-bottom: 1px solid #d0d0d0;
-webkit-transition: color 500ms ease;
-moz-transition: color 300ms ease;
-ms-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease;
}
.text-box-pink a:visited,  .text-box-blue a:visited{
color: #666666;
text-decoration: none;
border-bottom: 1px solid #d0d0d0;
}
.text-box-pink a:hover,  .text-box-blue a:hover{
color: #d0d0d0;
text-decoration:none;
border-bottom: 1px solid #f4f4f4;
}
.text-box-image  {
float: left;
margin: .5rem 1.5rem .3rem 0rem;
font-size: .9rem;
color: #999999;
line-height: 1.3rem;
}
.text-box-image img {
margin-bottom: 1.5rem;
}
/******************************* RELATED TOPICS LIST  in 2-BAR PAGES (on right-hand side of MAIN CONTENT DIV **********************************/
#two-bar-extra-content-menu {
float: right;
font-size: 1rem;
width: 15rem;
padding-top: 0rem;
padding-left: 0rem;
margin: 0rem 0rem 1rem 2.5rem;
}
#two-bar-extra-content-menu ul li{
background-image: url(../svg-images/komejirushi.svg);
background-size: .65rem .65rem;
background-repeat: no-repeat;
background-position: 0rem .4rem;
list-style: none;
padding-left: 1.5rem;
color: #aaaaaa;
line-height: 1.2rem;
padding-bottom: .6rem;
}
#two-bar-extra-content-menu a:link {
color: #333333;
text-decoration:none;
border-bottom: none;
-webkit-transition: color 500ms ease;
-moz-transition: color 300ms ease;
-ms-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease;
}
#two-bar-extra-content-menu a:visited {
color: #333333;
text-decoration:none; 
}
#two-bar-extra-content-menu a:hover {
color: #e1dede;
border-bottom: none;
}
.two-bar-menu-title-extra-content{
display: block;
text-transform: uppercase;
font-size: 1rem;
text-align: left;
margin: 0rem 0rem 1rem  -.1rem;
margin-right: 50px;
letter-spacing: .1rem;
line-height: 1.3rem;
background-image: url(../svg-images/more-information.svg);
background-size: 14px 14px;
background-repeat: no-repeat;
background-position: 0rem .32rem;
padding-left: 2rem;	
}
/******************************** FOOTNOTES **********************************/
#footnotes {
clear: both;
border-top: 1px solid #cccccc;
padding: 1rem 1.5rem 0rem 0rem;
font-size: 1rem;
/*background-color: #f6f7f8;*/
/*font-size: .85em;*/
}
#footnotes h4{
clear: both;
font-weight:100;
padding: 0rem 0rem 0rem 0rem;
margin-bottom: .5rem;
font-size: 1rem;
text-align: left;
}
#footnotes ol {
padding-bottom: .3rem;
}
#footnotes ol li {
text-indent: 0rem;
margin-left: 0rem;
padding-bottom: 1.5rem;
padding-left: .2rem;
list-style-position: inside;
}
/*******************************************************************************/
/******************************* LEFT *****************************************/
/*******************************************************************************/
.left {
margin: 4.3rem 0rem 0rem 0rem;
float: left;
width: 160px;
font-style:italic;
font-size: .9rem;
color: #999999;
text-align:left;
padding: 0rem 0rem 0rem 0rem;
letter-spacing:0rem; 
}
.left a:link{
color:#999999;
text-decoration: none;
border-bottom: 1px solid transparent;
-webkit-transition: border 600ms ease;
-moz-transition: border 600ms ease;
-ms-transition: border 600ms ease;
-o-transition: border 600ms ease;
transition: border 600ms ease;  	
}
.left a:visited {
color:#999999;
}
.left a:hover {
border-bottom: 1px solid #999999;
}
.left ul {
}
.left li {
list-style-type: none;
padding-bottom: 1.2rem;
margin-bottom:0rem;
text-indent: 0rem;
margin-left: 0erm;
padding-top: .5rem;
}
.left .btn-link {
padding: 0;
margin: 0;
}
/*********************** LEFT LIST ICONS ********************************/
#newsletter-icon {
background-image: url(../svg-images/newsletter-04.svg);
background-size: 1.2rem;
background-repeat: no-repeat;
background-position: .3rem  .3rem;
padding-left: 2.2rem;
}
#news {
background-image: url(../svg-images/megaphone.svg);
background-size: 1.4rem;
background-repeat: no-repeat;
background-position: 0rem .3rem;
padding-left: 2.2rem;
}

#lightbulb {
background-image: url(../svg-images/light-bulb.svg);
background-size: 1.3rem;
background-repeat: no-repeat;
background-position: 0rem 0rem;
padding-left: 2.2rem;
}
#email {
background-image: url(../svg-images/email-contact.svg);
background-size: 1.2rem;
background-repeat: no-repeat;
background-position: 0rem .4rem;
padding-left: 2.2rem;
}
#facebook {
background-image: url(../svg-images/facebook.svg);
background-size: .9rem;
background-repeat: no-repeat;
background-position: .1rem .2rem;
padding-left: 2.2rem;
}
#earring {
background-image: url(../svg-images/earring.svg);
background-size: 1rem;
background-repeat: no-repeat;
background-position: 0rem 0rem;
padding-left: 2.2rem;
}
#share-icon {
background-image: url(../svg-images/share-02.svg);
background-size: 1.4rem;
background-repeat: no-repeat;
background-position: 0rem .1rem;
padding-left: 2.2rem;
}
#slideshow {
background-image: url(../svg-images/slide-show.svg);
background-size: 1.6rem 1.1rem;
background-repeat: no-repeat;
background-position: 0rem .4rem;
padding-left: 2.2rem;
}
#faq {
background-image: url(../svg-images/question.svg);
background-size: .6rem 1rem;
background-repeat: no-repeat;
background-position: .4rem .3rem;
padding-left: 2.2rem;
}
#info {
background-image: url(../svg-images/information-05.svg);
background-size: .4rem;
background-repeat: no-repeat;
background-position: .5rem .3rem;
padding-left: 2.2rem;
margin-bottom:3rem;
} 

#pdf {
background-image: url(../svg-images/pdf-01.svg);
background-size: 22px 20px;
background-repeat: no-repeat;
background-position: 1px 3px;
padding-left: 2.2rem;
}


/***************** TOP MENU FADE-IN "UP" LINK ***************** */	
.left .scroll_To_Top{
padding: .2rem .4rem .3rem .5rem;
background: #cccccc;
position: relative;
cursor: pointer;
border-radius: 50%;
z-index: 11;
display: none;
color: white;
font-size: 1.3rem;
text-decoration: none;
letter-spacing: .1rem;
top: 1rem;
left: 4rem;	
text-align: center;
}	
.left .scroll_To_Top:link{
text-decoration:none;
border-bottom: none;
color: white;
text-decoration:none;
color: white;
-webkit-transition:   700ms ease;
-moz-transition:   700ms ease;
-ms-transition:   700ms ease;
-o-transition:   700ms ease;
transition:   700ms ease; 
}	
.left .scroll_To_Top:hover{
text-decoration:none;
border-bottom: none;
background: #aaaaaa;
color: white;
}
/*******************************************************************/
/***************************** FOOTER ******************************/
/*******************************************************************/
#footer {
color: #666666;
width: 100%;
height: 260px;
margin: 0rem auto 0rem auto;
display: inline-block;
letter-spacing:.1rem;
background-color: white;
clear:both;
border-top: solid 1px #666666;
font-size: .65rem;
padding: 0rem 0rem 1rem 0rem;
background-image: url(../delft-headers/footer-with-clouds.png);
background-repeat: no-repeat;
background-position: 0rem 0rem;
background-color: #d8e0e2;
margin-top: 0rem;
border-top: 1px solid #aaaaaa;
}
#footer-bottom {
width: 100%;
clear:both;
margin: 0rem auto 0rem auto;
text-align: center;
font-size: .85rem;
letter-spacing: .11rem;
padding-top: 1rem;
padding-bottom: 1rem;
border-top: solid 1px #666666;
background-color:#999999;
color:#FFFFFF;
}
#footer-bottom a:link{
color:white;
text-decoration:none;
}
#footer-bottom a:visited {
color: white;
text-decoration:none;
}
#footer-bottom a:hover {
color: #cccccc;
text-decoration:underline;
}
/*******************************************************************************************/
/*******************************************************************************************/
/****************************** OBJECTS IN 2-BAR FORMAT ********************************** */
/*******************************************************************************************/
/*******************************************************************************************/
 
/******************************************************************************************/
/******************** EVENTS DOUBLE BOXES WITH NORMAL & SMALL TEXT ************************/
/******************************************************************************************/
.events  {
width: 1045px;
border-top: solid 1px #cccccc;
margin-bottom: 1rem;
padding-top: 1rem;
clear: both;
}
.events-small {
clear: both;
width: 1045px;
border-top: solid 1px #cccccc;
margin-bottom: 1rem;
padding-top: 1rem;
font-size: 1rem;
line-height: 1.5rem;
}
.events-small p{
padding-bottom: 1.3rem;
}
/* h2.events, h2.events-small {
font-family: Georgia,"Times New Roman",Times,serif;
font-weight:normal;
color: #416391;
font-size: 1.1em;
margin-bottom: 0.3em;
margin-top: 0em;
letter-spacing: 0.1px;
line-height: 1.3em;
}*/
.events-left {
width: 180px;
float: left;
font-size: 0.90rem;
line-height: 1.3rem;
padding: 0rem 0rem 1.5rem 0rem;
}
.events-left img{
padding: .8rem 0rem 1.5rem 0rem;
clear: both;
}
.events-right {
width: 810px;
float: right;
padding: 0rem 0rem 0rem 0rem;
}
/************************************** GLOSSARY *****************************************/
.glossaryalphabet {
background-color: #F8F8F8;
padding: 1rem 1rem 1rem 1rem;
float: left;
width: 200px;
margin: 0rem .5rem 1rem .5rem;
font-size: .9rem;
}
.glossaryalphabet ul li{
padding-bottom: 0rem;
line-height: 1.4rem;
list-style: none;
list-style-position: inside;
padding-left: 0rem;
}
.glossaryalphabet a:link {
color: #666666;
text-decoration: none;
border: none;
-webkit-transition: color 500ms ease;
-moz-transition: color 300ms ease;
-ms-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease;
}
.glossaryalphabet a:visited {
color: #666666;
text-decoration: none;
border: none;
}
.glossaryalphabet a:hover {
color: #dddddd;
text-decoration: none;
}
.glossarysignature {
background-image: url(../svg-images/signature-vermeer.svg);
background-size: 2.9rem 2.1rem;
background-repeat: no-repeat;
background-position: 0rem 0rem;
float: left;
height: 1.8rem;
width: 4rem;
margin-right: .5rem;
margin-top: -.2rem;
}
/************************************* VERMEER'S SIGNATURE IMAGES ****************************************/
.signature-box, .signature-box-right {
font-size: .76rem;
float: right;
width:250px;
margin-right:2rem;
}
.signature-box-right {
margin-right:0rem;
}
.float-left-signature {
float: left;
margin-right: 1rem;
}
/*************************************************************************************************/
/*************************************************************************************************/
/**************************************** CATALOGUE ELEMENTS *************************************/
/*************************************************************************************************/
/*************************************************************************************************/
.cat-line, .cat-asterix {
clear: both;
border-top: solid 1px #cccccc;
margin-top: 1.5rem;
padding-top: 2rem;
} 
/*************************************** CAT-LINE ASTERIX BACKGROUND *******************************/
/*.cat-asterix {
clear: both;
background-image: url(../trial-headings/css/background-images/asterix-large.jpg);
background-repeat: no-repeat;
background-position: 352px 22px;
}*/
/*********************************************** FAT CATALOGUE NUMBER *********************************/
.cat-number {
font-family: "Times New Roman", Times, serif;
font-size: 4rem;
margin: .5rem .7rem 0rem -.1rem;
float: left;
width:45px;
color: #cccccc;
width: 1.1rem;
}
/********************************* CATALOGUE THUMBNAIL IMAGE HOLDER *********************************/
.cat-image {
float: left;
margin: 0rem 1.3rem 0rem 4rem;
margin-bottom: 1rem;
border: none;
}
.cat-image img{
float: left;
margin: 0rem 2.5rem 0rem 0rem;
margin-bottom: 1rem;
border: 0rem;
opacity: 1;
-webkit-transition:   400ms ease;
-moz-transition:   400ms ease;
-ms-transition:   400ms ease;
-o-transition:   400ms ease;
transition:   400ms ease; 
}
.cat-image  img:hover {
opacity: .7;}
/***********************************************************************************************/
.cat-info h2,  .cat-info-start h2,  .cat-asterix h2{
margin-bottom: .2rem;
padding-top: 0rem;
margin-top: 0rem;
font-size: 1.1rem;
font-weight: normal;
font-style:italic;
}
.cat-line a:link,  .cat-info a:link,  .cat-asterix a:link {
border: none;
text-decoration:none;
color:#666666;
text-decoration:none;
-webkit-transition: color 500ms ease;
-moz-transition: color 300ms ease;
-ms-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease;
}
.cat-line a:visited,  .cat-info-start a:visited,  .cat-asterix a:visited {
color:#666666;
}
.cat-line a:hover,  .cat-info a:hover,  .cat-info-start a:hover,  .cat-asterix a:hover {
color: #e1dede;		 
}
.cat-info, .cat-info-start{
float: left;
width: 250px;
margin: -.4rem 0rem 0rem 0rem;
font-size: 1rem;
padding: 0rem 0rem 0rem 0rem;
line-height: 1.5rem;
font-weight: normal;
line-height: 1.35rem;
}
.cat-info-start{
float: left;
width: 250px;
}
.cat-info-start a:link{
color:#666666;
text-decoration:none;
-webkit-transition: color 500ms ease;
-moz-transition: color 300ms ease;
-ms-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease;
}
.cat-info-start a:visited {
color:#666666;
}
.cat-info-start  a:hover{
color: #e1dede;
border-bottom: 1px solid #edebeb;
}
.temporarylocationcentry {
float: right;
width: 210px;
color: #999999;
background-color: #f9f9f8;
margin: 0rem;
padding: 0.6rem 0.6rem 0.3rem 0.7rem;
font-size: .9rem;
line-height: 1.1rem;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.temporarylocationcentry p {
padding-bottom: .4rem;
}
.temporarylocationcentry a:link {
color: #999999;
text-decoration: none;
border: none;
-webkit-transition: color 500ms ease;
-moz-transition: color 300ms ease;
-ms-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease;
}
.temporarylocationcentry a:visited {
color: #999999;
text-decoration: none;
}
.temporarylocationcentry a:hover {
color: #e1dede;
}
/**************************** CONTAINERS for DUTCH PAINTINGS & VERMEER FRAMES SECTIONS ****************************/
.dutch-master-thumbnail {
height: 100px;
margin-left: .5rem;
float: left;
}
.frames-dutch-picture-container {
clear: both;
margin-left: 1rem;
padding-left: 1rem;
border-left: solid 1px #cccccc;
float: left;
}
.picture-container-frames {
float: left;
margin: 0rem 0rem 1.3rem 6rem;
width: 500px;
}
.picture-container {
clear: both;
float: left;
margin-bottom: 1.5rem;
}
#dutch-painters-container {
clear: both;
}
/********************** ALTERS H2 in FRAMED SECTION ***********************************/
h2 .catalogue-title {
margin-top: 0rem;
margin-bottom: 0rem;
font-size: 1.1rem;
font-weight: normal;
}
h2 .catalogue-title a:link{
margin-top: 0rem;
margin-bottom: 0rem;
border:none;
text-decoration: none;
font-weight: normal;
}
h2 .catalogue-title a:visited{
margin-top: 0rem;
margin-bottom: 0rem;
margin-top: 0rem;
margin-bottom: 0rem;
border:none;
text-decoration: none;
font-weight: normal;
}
h2 .catalogue-title a:hover {
color: #cccccc;
}
/***********************************************************************************************************************************************/
/***** PAINTING INFO FLOAT LEFT inside RELATED ARTWORKS, CATALOGUE, XXL IMAGES, DUTCH PAINTINGS, ABOUT & FRAMED PAINTINGS **********************/
/***********************************************************************************************************************************************/
#painting-info {
line-height: 1.5rem;
font-size: 1rem;
padding:  0erm 0rem 1.5rem 0rem;
float: left;
width: 300px;
/*border-bottom: solid 1px #cccccc;*/
margin-bottom: 1.3rem;
margin-top: 0rem;
}
#painting-info h1{
margin-top: 0rem;
margin-bottom: .1rem;
border:none;
text-decoration: none;
font-weight: normal;
font-size: 1.1rem;
font-style: italic;
text-align: left;
padding-top: .1rem; 
}
#painting-info h2{
margin-top: 0rem;
padding-top: 0rem;
margin-bottom: 0rem;
border:none;
font-size: 1.1rem;
text-decoration: none;
font-weight: normal;
font-style: italic;
}
#painting-info li {
background-image: url(../background-images/depricated/sdasdasd.png);
background-repeat: no-repeat;
background-position: 0rem .6rem;
list-style: none;
padding-left: 2rem;
}  
#painting-info a:link {
color: #333333;
border:none;
text-decoration: none;
-webkit-transition: color 500ms ease;
-moz-transition: color 300ms ease;
-ms-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease;
}
#painting-info a:visited {
color: #333333;
border:none;
text-decoration: none;
}
#painting-info a:hover {
color: #e1dede;	  
}
/***************** LIST HOLDING BOX INSIDE PAINTING INFO IN FRAME SECTION (only)*******************************/
.painting-menu-inside {
margin-top: 2rem;
width:100%;
}
/*************************************************************************************/
/****************************** RELATED IMAGES SECTION ********************************/
/*************************************************************************************/
.related-images-box {
width: 1045px;
margin-top:1rem;
padding-top: 2rem;
float:left;
clear:both;
font-size: .9rem;
line-height: 1.3rem;
border-top: 1px solid #cccccc;
}
.related-images-lightbox {
float: left;
padding: 0rem 0rem 0rem 0rem;
margin-right: 6rem;
margin-bottom: 1rem;
}
.related-images-lightbox img{
background-image: url(../svg-images/enlarge.svg);
background-size: 1rem;
background-repeat: no-repeat;
background-position: right 0rem bottom .2rem;
padding-bottom: 1.4rem;
border: none;
text-decoration: none;
opacity: 1;
-webkit-transition:   400ms ease;
-moz-transition:   400ms ease;
-ms-transition:   400ms ease;
-o-transition:   400ms ease;
transition:   400ms ease;	
}
.related-images-lightbox img:hover {    
opacity: .8;
/*transform: scale(1.05); 
filter: grayscale(1);
-webkit-filter: grayscale(1);
-webkit-transform: scale(1.02);
-ms-transform: scale(.02);
transform: scale(1.02);*/   
}
.related-images-caption, .related-images-caption-vermeer {
width: 250px;
float: left;
margin-left:0rem;
padding: .5rem .5rem .5rem .5rem;
border: solid 1px #cccccc;
line-height: 1.2rem;
}
.related-images-caption-vermeer {
border:solid 1px #9e444c;
}
.related-images-textbox {
width: 300px;
float:left;
padding: .5rem .5rem .5rem .5rem;
margin-left: 4rem;
margin-bottom: 1.5rem;
border: solid 1px #cccccc;
}
.related-images-textbox p {   
}
/*******************************************/
/*******************************************/
/*******************************************/
/***************** MISC ***************** */
/*******************************************/
/*******************************************/
/*******************************************/
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5rem;
}
#svg-ev-brandname {
background-image: url(../svg-images/ev-brand-name-03.svg);
background-repeat:no-repeat;
background-size: 1.8rem;
background-position: 0rem;
margin: 0rem auto; 
}
/***************** BULLET for AMAZON BRAND NAME ***************** */
.svg-amazon {
background-image: url(../svg-images/amazon.svg);
background-repeat:no-repeat;
background-size: 1rem;
background-position: 0rem;
padding-left: 1.8rem;
}
/***************** BULLET for EV BRAND NAME ***************** */
.svg-ev-brandname {
background-image: url(../svg-images/ev-brand-name-02.svg);
background-repeat:no-repeat;
background-size: 22px 28px;
background-position: 0px 5px;
padding-left: 2em;
}
/************************************ BULLET for CHECKMARK ***************************************** */
.checkmark {
background-image: url(../svg-images/checkmark.svg);
background-repeat:no-repeat;
background-size: .7rem;
background-position: .1rem .5rem;
padding-left: 1.8rem;
}
/********************************* BULLET for "CLICK HERE" ************************************ */
.svg-click-here {
background-image: url(../svg-images/click-here.svg);
background-repeat:no-repeat;
background-position: 0rem .2rem;
background-size: 1rem;
padding-left: 1.5rem;
}
/***************** BULLET for EMAIL CONTACT ***************** */
/*.svg-contact {
background-image: url(svg-images/email.svg);
background-repeat:no-repeat;
background-size: 18px 14px;
background-position: 0px 5px;
padding-left: 1.8em;
} */
/***************** DISK BULLET for LISTS ***************** */
/*.svg-disk {
background-image: url(svg-images/email.svg);
background-repeat:no-repeat;
background-size: 6px 6px;
background-position: 0px 5px;
padding-left: 1.8em;
}*/
/************************************ DOWNLOAD PDF ***************************************** */
.svg-download-pdf {
background-image: url(../background-images/depricated/vector-icons/pdf.svg);
background-repeat:no-repeat;
background-size: 1.1rem;
background-position: 0rem .2rem;
padding-left: 2em;
}	 
/************************************ EARRING ***************************************** */
/*.svg-earring {
background-image: url(svg-images/earring.svg);
background-repeat:no-repeat;
background-size: 18px 28px;
background-position: 2px 7px;
padding-left: 1.8em;
}*/
/************************************ FACEBOOK ***************************************** */
/*.svg-facebook {
background-image: url(background-images/vector-icons/facebook.svg);
background-repeat:no-repeat;
background-size: 34px 50px;
background-position: -4px -14px;
padding-left: 1.8em;
}*/
/************************************ MAGNIFYING GLASS ***************************************** */
.svg-glass {
background-image: url(../svg-images/magnify-glass.svg);
background-repeat:no-repeat;
background-size: 1.2rem;
background-position: 0rem -.03rem;
padding-left: 1.8rem;
}
/************************************ LIGHTBULB ***************************************** */
/*.svg-light-bulb{
background-image: url(svg-images/light-bulb.svg);
background-repeat:no-repeat;
background-size: 24px 28px;
background-position: 0px  2px;
padding-left: 1.8em;
}*/
/************************************ komejirushi ***************************************** */
.svg-komejirushi {
background-image: url(../svg-images/komejirushi.svg);
background-repeat:no-repeat;
background-size: 1rem;
background-position: 0rem;
padding-left: 1.8rem;
}
/************************************ komejirushi ***************************************** */
.svg-komejirushi-01 {
background-repeat:no-repeat;
background-size: 1rem;
background-position: 0rem;
padding-left: 1.8rem
}
/************************************ LIGHTBULB ***************************************** */
.svg-link{
background-image: url(../svg-images/link-01.svg);
background-repeat:no-repeat;
background-size: 1rem;
background-position: 0rem .1rem;
padding-left: 1.8em;
}  	 
/***************** BULLET for NEWS ***************** */
/*.svg-megaphone {
background-image: url(svg-images/megaphone.svg);
background-repeat:no-repeat;
background-size: 24px 24px;
background-position: 0px 3px;
padding-left: 1.8em;
}*/	 
/***************** BULLET for PUSH PIN ***************** */
.svg-mouse {
background-image: url(../svg-images/mouse-01.svg);
background-repeat:no-repeat;
background-size: 1.2rem;
background-position: 0rem .3rem;
padding-left: 1.8rem;
}	  
/***************** BULLET for PUSH PIN ***************** */
.svg-museum {
background-image: url(../svg-images/museum.svg);
background-size: 1.4rem;
background-repeat:no-repeat;
background-position: 0rem 0rem;
padding-left: 2.3rem;
}
/***************** BULLET for PENCIL NOTE ***************** */
.svg-pencil {
background-image: url(../svg-images/pencil.svg);
background-repeat:no-repeat;
background-size: 1.1rem;
background-position: 0rem .1rem;
padding-left: 0rem;
text-indent: 2rem;
}
/***************** BULLET for PUSH PIN ***************** */
.svg-pushpin {
background-image: url(../svg-images/push-pin-01.svg);
background-repeat:no-repeat;
background-size: 1.3rem;
background-position: -.05rem 0rem;
padding-left: 2rem;
}

/***************** BULLET for SPEAKER ***************** */
.svg-speaker {
background-image: url(../svg-images/speaker-01.svg);
background-size:.9rem;
background-repeat: no-repeat;
background-position: 0rem;
padding-left: 1.5rem;
} 
/***************** WORLD CATALOGUE ICON FOR VERMEER EXHIBITION PAGE ***************** */
.worldcat {
background-image: url(../svg-images/world-cat.svg);
background-size: .9rem;
background-repeat:no-repeat;
background-position: 0rem 0rem;
padding-left:1.7rem;
}
/****************************** OPENBOOK for EXHIBITION PAGE ****************************/
.openbook {
background-image: url(../svg-images/pdf-02.svg);
background-size: 1rem;
background-repeat:no-repeat;
background-position: 0rem 0rem;
padding-left: 1.8rem;
}
/***************************************** CLEAR DIVS *********************************/
.clearboth {
clear: both;
}
.clearboth-and-space {
clear: both;
margin-bottom: 2rem;
}
/************************************** DIV FLOAT LEFT *********************************/
.float-left {
float: left;
margin-right: 1rem;
margin-top: .1rem;
}
.float-left img{
margin-bottom: 1.3rem;
} 
/*************************** AMAZON LINKS on BOOKSHOP PAGES *******************************/
.amazonlinks {
margin-bottom: 1rem;
margin-top: 0px;
letter-spacing:normal;
background-image: url(../svg-images/usa.svg);
background-size: 1.2rem;
background-repeat: no-repeat;
background-position: 0rem .2rem;
padding-left: 2rem;
}
.events-right .amazonlinks a:link {
border-bottom: none;
text-decoration: none;   
}
.events-right .amazonlinks a:visited {
border-bottom: none;
text-decoration: none;    
}
.events-right .amazonlinks a:hover {
}
.amazonlinksbrit {
background-image: url(../svg-images/british-flag.svg);
background-size: 1.2rem;
background-repeat: no-repeat;
background-position: 0rem .2rem;
padding-left: 2rem;
margin-bottom: 1.5rem;
margin-top: 0px;
}
.events-right .amazonlinksbrit a:link {
border-bottom: none;
text-decoration: none; 
}
.events-right .amazonlinksbrit a:visited {
border-bottom: none;
text-decoration: none; 
}
.events-right .amazonlinksbrit a:hover {
}
/***************** BULLET for MUSIC CLASSIFICATION  ***************** */
.svg-music {
background-image: url(../svg-images/music.svg);
background-size: 1.4rem;
background-repeat:no-repeat;
background-position: 0rem .1rem;
padding-left: 2rem;
}
/***************** BULLET for TWO MUSICAL NOTES  ***************** */
.svg-musical-notes {
background-image: url(../svg-images/musical-notes.svg);
background-size: 14px 14px;
background-repeat:no-repeat;
background-position: 0px  6px;
padding-left: 1.8em;
}
/***************** BULLET for LISTEN to MUSIC***************** */
.svg-listen-to-music {
background-image: url(../svg-images/music-02.svg);
background-size: .8rem;
background-repeat:no-repeat;
background-position: 0rem .1rem;
padding-left: 1.5em;
clear: both;
}
/******* USED ONLY in FOLK MUSICICAL INSTRUMENT SECTION ***********/
.musiclangfolk {
font-size: .9rem;
float: right;
margin: 0rem .5rem .1rem .6rem;
border: 1px dotted #cccccc;
padding: .5rem;
}
.musiclangfolk p{
padding-bottom: .4rem;
line-height: 1.2rem;
}
/************* IMAGE HOLDERS FOR VERMEER'S WOMEN ************/
.woman {
float: left;
margin-right: 1rem;
margin-bottom: 1rem;
}
.womanlarge {
width: 120px;
height: 200px;
float: left;
margin-left: 35px;
margin-bottom: 15px;
font-size: .75em;
line-height: 1.3em;
font-style:italic;
text-align: left--;
margin-bottom: 2em;
}
.womanlarge img{
margin-bottom: .8rem;
}
/************************************* 5-PART VERMEER TIMELINE IMAGE CONTAINERS ******************************* */
.timelineimages {  
font-size: 75%;
line-height: 1.2rem;
color: #999999;
text-align: left;
vertical-align: top;
text-align: left;
float: left;
width: 150px;
margin: .5rem 1.5rem 1rem 0rem;
padding: 0rem 1rem 0rem .5rem;
border-right: 1px solid #cccccc;
}
.timelineimages img{  
padding-bottom: .5rem;
clear: both;		
}
.timeline-caption{  
clear: both;		
}
/**************  MUSEUM PICTURES  *****************/
.museum-pics {
margin-right: 2em;
padding: 2px;
float: left;
}
/**************  DUTCH MUSEUMS  *****************/
.vermeerpicsandsigs { 
background-image: url(../background-images/depricated/signature_vermeer.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 90px;
width: 650px;
padding-left: 60px;
margin-bottom: 1.5em;
}	
.vermeerpicsandsigs img{ 
float:left;
padding-left: 2em;
}
/************************************* TOOL-TIPS ******************************* */		
.tp_0 {
 }
.tp_1 {
 }
.tp_2 {
}
/************************************* FORMATS SERIES OF IMAGES on DELFT IMPRESSIONS PAGE ******************************* */	
.thumbsdelft {
float: left;
height: 100px;
width: 100px;
margin-top: 10px;
margin-right: 28px;
margin-bottom: 28px;
margin-left: 10px;
border: 2px solid #FFFFFF;
}
/*******************************************************************************************/
/*******************************************************************************************/	
/********************* ELEMNTS SPECIFIC TO 3-BAR FORMAT ************************************/	
/*******************************************************************************************/	
/*******************************************************************************************/

/*********************************************************/
/********************** EXTRA CONTENTS ***************** */
/*********************************************************/
/*********************************************************/
/*********************************************************/
.extra-content {
float: right;
width: 230px;
font-size: 0.85em;
padding: 0em 0em 2em 0em;
margin-top: 0.4em;
color: #555555;
line-height: 1.4em;
}
.extra-content a:link {
color: #999999;
text-decoration:none;
border-bottom: 1px solid #e1dede;
-webkit-transition: color 500ms ease;
-moz-transition: color 300ms ease;
-ms-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease;
}
.extra-content a:visited{
color: #999999;
text-decoration:none;
border-bottom: 1px solid #edebeb; 
}
.extra-content a:hover{
color: #e1dede;
border-bottom: 1px solid #edebeb;
}
.extra-content h3 {
color: #999999;
font-size: 1.1em;
font-weight: normal;
letter-spacing: 0.08em;
margin: .4em 0em 1em 0em;
}
/********************** EXTRA TEXT MENU **********************************/
.extra-content-menu {
clear: both;
margin: 0em 0em 4em 0px;
color:#cccccc;
/*-webkit-border-radius: 6px;
khtml-border-radius: 6px;
border-radius: 6px;
*/
}
.menu-title-extra-content{
display: block;
font-size: 0.95em;
font-weight: 100;
text-transform: uppercase;
padding: 0em 0em 0em 1.7em;
letter-spacing: 0.09em;
margin-bottom: 1.59em;
text-align: left;
color: #666666;
}
.extra-content-menu ul {
padding-bottom: .3em;
font-size: 1em;
list-style: none;
}
.extra-content-menu li{
margin-left: 0em;
padding-bottom: .4em;
padding-left: 1em;
padding-left: 2em;
text-indent: 0em;
letter-spacing: 0.3px;
background-image: url(../svg-images/komejirushi-01.svg);
background-size: 11px 11px;
background-repeat: no-repeat;
background-position: 0em .3em;
}
.extra-content-menu li.painting-next {
margin-left: 0em;
padding-bottom: .8em;
padding-left: 1em;
padding-left: 2em;
text-indent: 0em;
letter-spacing: 0.3px;
background-image: url(../svg-images/painting-next.svg);
background-size: 8px 8px;
background-repeat: no-repeat;
background-position: 0em .3em;
padding-left: 2em;
}
.extra-content-menu li.painting-previous {
margin-left: 0em;
padding-bottom: .8em;
padding-left: 1em;
padding-left: 2em;
text-indent: 0em;
letter-spacing: 0.3px;
background-image: url(../svg-images/painting-previous.svg);
background-size: 8px 8px;
background-repeat: no-repeat;
background-position: 0em .3em;
padding-left: 2em;
}
.extra-content .extra-content-menu a:link {
color: #999999;
text-decoration: none;
border-bottom: none;
-webkit-transition: color 500ms ease;
-moz-transition: color 300ms ease;
-ms-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease;
}
.extra-content  .extra-content-menu a:visited {
color: #999999;
text-decoration: none;
border:none
}
.extra-content  .extra-content-menu a:hover {
color: #e1dede;
text-decoration:none;
border-bottom: none;
}
/******************************************************************************/
/******************************************************************************/
/***************** TEXT-BOX for EXTRA CONTENT div  ***************** */
/******************************************************************************/
/******************************************************************************/
.extra-content-text {
margin: 0px 0px 6em 0px;
padding: 0em 0em 0em 14px;
color: #999999;
border-left: 1px solid #e5e5e5;
width: 216px;
clear: both;	 
}
.extra-content-text img {
margin-left: 0em;
display: block;
margin-bottom: 0em;
margin-top: 1.5em;
}
.extra-content-text p{ 
padding-bottom: 1.5em;
}
.extra-content-text p:last-child {
padding-bottom:0em;
}

/******************************************************************************/
/******************************************************************************/
/**************** BOX for EXTRA CONTENT with IMAGE *******************/
/**************** and smaller margins for BOOKS *******************/
/******************************************************************************/
.extra-content-image, .boximagecaption-book {
display:block;
text-align: left;
margin: 0px 0px 6em 0px;
padding: 0em 0em 0em 0em;
color: #999999;
width: 230px;
clear: both;
}
.extra-content-book {
margin: 0px 0px 3em 0px;
background-image: none;
clear: both;
}
/**************** BOX for EXTRA CONTENT with centered IMAGE *******************/
.extra-content-image p, .extra-content-book p{
padding-top: 1.5em;
padding-left:  14px;
padding-bottom: 0em;
margin-bottom: 0em;
border-left: 1px solid #e5e5e5;
}
.extra-content-image img, .extra-content-book img{
margin-bottom: 0px;
padding-left:  14px;
border-left: 1px solid #e5e5e5;
}
/**************** IMAGE HOLDER FOR LIGHT BOXES inside EXTRA-CONTENT ****************************/
.extra-content .extra-content-lightbox {
width: 220px;
text-align: left;
margin: 0em auto 6em auto;
line-height: 1.3em;
color: #999999; 
}
.extra-content .extra-content-lightbox img {    
background-image: url(../svg-images/enlarge.svg);
background-size: 14px 11px;
background-repeat: no-repeat;
background-position: right .1em bottom  0em;
padding: 0em 0em 1.1em 1em;
border-left: 1px solid #e5e5e5;
clear: both;
opacity: 1;
-webkit-transition:   400ms ease;
-moz-transition:   400ms ease;
-ms-transition:   400ms ease;
-o-transition:   400ms ease;
transition:   400ms ease;
}
.extra-content .extra-content-lightbox img:hover {    
opacity: .8;     
}
.extra-content .extra-content-lightbox .figcaption{
padding-bottom: 0em; 
padding-top: .6em;
}
.extra-content .extra-content-lightbox p {
padding-top: 1.5em; 
}
.extra-content .extra-content-lightbox a:link {
}
.extra-content .extra-content-lightbox a:visited {

text-decoration:none;
}
.extra-content .extra-content-lightbox a:hover {
}
.extra-content .recommeneded-books {
width: 160px;
text-align: center;
margin: 0em auto 6em auto;
}
.extra-content .recommeneded-books img {
margin-bottom: 1em;
} 
/***************** FIGURE-CAPTION SPAN ***************** */
.figcaption, .extra-content-book .figcaption  {
padding-top: 1.5em;
padding-left:  14px;
display: block;
border-left: 1px solid #e5e5e5;
width: 216px;
}
.extra-content-book .figcaption  {
padding-top: .7em;
padding-left:  14px;
padding-bottom: 0px;
display: block; 
border-left: 1px solid #e5e5e5;
width:170px;
}
/***************** FIGURE-CAPTION SPAN ***************** */
#brandname {
height: 25px;
width: 20px;
background-image: url(../background-images/brandname-sml.png);
background-repeat: no-repeat;
background-position: 0px 0px;
margin-top: 0em;
margin-right: auto;
margin-bottom: 6em;
margin-left: auto;
clear: both;
}
/***************** SPACERS ***************** */
#spacer, #spacer-01, #spacer-02, #spacer-03, #spacer-04, #spacer-05, #spacer-06{
height:96px;
width: 100px;
background-image: url(../background-images/color-tiles-01.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
margin: 0em 0em 6em 20px;
float: left;
clear: both;
opacity: 1;
}
#spacer-01 {	 
background-position: 0px -100px;
clear: both;
}
#spacer-02 {    
background-position: 0px -200px;
clear: both;
}
#spacer-03 { 
background-position: 0px -300px;
clear: both;
}
#spacer-04 {
background-position: 0px -400px;
clear: both;
}
#spacer-05 {
background-position: 0px -400px;
clear: both;
}
#spacer-06 {
background-position: 0px -476px;
clear: both;
}

/* STEADMAN FORMATTING */
#steadmanbox {float: left;
                width: 740px; 
}
#steadmancolumn {clear: both;
	float: left;
	width: 300px;
	margin-right: 24px;
}
/* VERMEER DOCUMENTS FORMATTING */
.docholder {float: left;
	width: 320px;
}
.docholder-text {float: left;
	width: 488px;
	margin-left: 1em;
}
/* VERMEER TRAVEL PAGES */

#amsterdam_travel {
background-image: url(../../vermeer_trips/trips-images/amsterdam.jpg);
background-repeat: no-repeat;
height: 300px;
width: 500px;
padding-left: 12px;
margin-bottom: 1.3em;
}
#berlin_travel {
background-image: url(../../vermeer_trips/trips-images/berlin2.jpg);
background-repeat: no-repeat;
height: 300px;
width: 500px;
padding-left: 12px;
margin-bottom: 1.3em;
}
#braunschweig_travel {
background-image: url(../../vermeer_trips/trips-images/braunschweig.jpg);
background-repeat: no-repeat;
height: 300px;
width: 500px;
padding-left: 12px;
margin-bottom: 1.3em;
}
#dresden_travel { 
 background-image: url(../../vermeer_trips/trips-images/dresden.jpg);
background-repeat: no-repeat;
height: 300px;
width: 500px;
padding-left: 8px;
margin-bottom: 1em;
}
#dublin_travel {
background-image: url(../../vermeer_trips/trips-images/dublin.jpg);
background-repeat: no-repeat;
height: 300px;
width: 500px;
padding-left: 8px;
margin-bottom: 1.3em;
}
#edinburgh_travel {
background-image: url(../../vermeer_trips/trips-images/edinburgh.jpg);
background-repeat: no-repeat;
height: 300px;
width: 500px;
padding-left: 16px;
margin-bottom: 1.3em;
}
#frankfurt_travel {
background-image: url(../../vermeer_trips/trips-images/frankfurt.jpg);
background-repeat: no-repeat;
height: 300px;
width: 500px;
padding-left: 16px;
margin-bottom: 1em;
}
#europe-travel {
background-image: url(../svg-images/map-of-europe-with-travel-routes.svg);
background-repeat: no-repeat;
background-size: 700px 467px;
background-position: 0px 0px;
height: 467px;
width: 700px;
margin-bottom: 1.3em;
border: 1px solid #cccccc;
}
#hague_travel {
background-image: url(../../vermeer_trips/trips-images/hague.jpg);
background-repeat: no-repeat;
height: 300px;
width: 500px;
padding-left: 8px;
margin-bottom: 1.3em;
}
#london_travel {
background-image: url(../../vermeer_trips/trips-images/london.jpg);
background-repeat: no-repeat;
height: 300px;
width: 500px;
padding-left: 8px;
margin-bottom: 1.3em;
}
#paris_travel {
background-image: url(../../vermeer_trips/trips-images/paris.jpg);
background-repeat: no-repeat;
height: 300px;
width: 500px;
padding-left: 8px;
margin-bottom: 1em;
}
#vienna_travel {
background-image: url(../../vermeer_trips/trips-images/vienna.jpg);
background-repeat: no-repeat;
height: 300px;
width: 500px;
padding-left: 12px;
margin-bottom: 1.3em;
}
/*TIMELINE OF EUrOPEAN PAINTERS*/
.timelineimages {  
			font-size: 70%;
			line-heigth: 1em;
			line-height: 1em;
			text-align: center;
			vertical-align: top;
			float: left;
			width: 100px;
			margin-right: 1em;
			padding: 3px 3px 3px 3px;
}
.timelineimages img{  
			padding-bottom: 1em;
}
h2 { 
		clear: both;
}
.dates {            
			float: left;
			width: 187px;
			padding-left: 8px;
			margin-top: 16px;
			margin-bottom: 16px;
}
.timelinepainterfl {            
			font-size: 80%;
			line-height: 1em;
			background-color: #F7E8EA;
			padding: 2px;
			clear: both;
			float: left;
			border: 1px solid #cccccc;
			margin-bottom: 10px;
			text-align: center;
}
.timelinepainterfr {           
			font-size: 80%;
			line-height: 1em;
			background-color: #F7E8EA;
			padding: 2px;
			clear: both;
			float: left;
			border: 1px solid #cccccc;
			margin-bottom: 10px;
			text-align: center;
}
.timelinepainterfr {            
			background-color: #E8ECF7;
}
.timelinepainterit { 
			font-size: 80%;
			line-height: 1em;
			background-color: #F7E8EA;
			padding: 2px;
			clear: both;
			float: left;
			border: 1px solid #cccccc;
			margin-bottom: 10px;
			text-align: center;
}
.timelinepainterit {           
			background-color: #E8F7EE;
}
.timelinepaintern {          
			font-size: 80%;
			line-height: 1em;
			background-color: #F7E8EA;
			padding: 2px;
			clear: both;
			float: left;
			border: 1px solid #cccccc;
			margin-bottom: 10px;
			text-align: center;
}
.timelinepaintern {            
			background-color: #EFEFEF;
}
.timelinepainterssp {            
			font-size: 80%;
			line-height: 1em;
			background-color: #F7E8EA;
			padding: 2px;
			clear: both;
			float: left;
			border: 1px solid #cccccc;
			margin-bottom: 10px;
			text-align: center;
}
.timelinepainterssp {           
			background-color: #F7F5D5;
}
/********************************************************** */
/********************************************************** */	
/********************************************************** */
/* SIMPLE  COLLAPSABLE TEXT  BOX FOR ADDITIONAL INFO */
/********************************************************** */
/********************************************************** */
/********************************************************** */

.main-content .slide-down-title, .main-content-no-bars .slide-down-title, .main-content-multiple .big-container{
	color: #9e444c;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	letter-spacing: .05em;
	padding: .8em 0em 0em 0em;
	text-align:left;
	line-height: .7em;
	padding-bottom: .7em;
    }	   
#slide-down-title a {
	text-decoration:none;
	text-transform: uppercase;
    }	
.main-content .big-container, .main-content-multiple .big-container{
	font-style: italic;
	font-size: .85em;
	line-height: 1.49em;
	padding: 0em .3em 0em 1.8em;
	margin-bottom:1em;
	background-image: url(../svg-images/information-04.svg);
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: 0px 10px;	
	}
	
.main-content .big-container p, .main-content-multiple .big-container p{
	padding-bottom: 1.3em;	
	}
	
.main-content .big-container  a:link,  .main-content-multiple .big-container a:link{
	color:#666666;
	text-decoration:none; 
	border-bottom: none;
	-webkit-transition: color 400ms ease;
	-moz-transition: color 400ms ease;
	-ms-transition: color 400ms ease;
	-o-transition: color 400ms ease;
	transition: color 400ms ease;     
	}	
.main-content .big-container a:visited, .main-content-multiple .big-container a:visited{
	 color:#666666;
     text-decoration:none;
	 border-bottom: none;    
	}	
.main-content .big-container a:hover, .main-content-multiple .big-container a:hover{
	color: #e1dede;
	text-decoration:none;
	border-bottom: none;
	}

.small-container {
	display: none;
	left: 0px;
	font-style: normal;
    }			
.main-content  .container img, .main-content-multiple .big-container img{
	float: left;
	margin-right: 1em;
}	 
#inner {
	margin-top: 1em; 
}



/*********************************************** MODALS ******************************************************/
/*this makes AddtoAny icons smaller */
.a2a_svg, .a2a_count { /*this makes AddtoAny icons smaller */
width: 3rem!important;
height: 3rem!important;
margin: 0rem .3rem; 
border-radius: .5rem!important;
}
/*this makes AddtoAny icons larger */
@media (min-width: 922px) { 
.a2a_svg, .a2a_count {
width: 5rem!important;
height: 5rem!important;
margin: 0rem 1rem; 
border-radius: .5rem!important;
}
}
#my_centered_buttons {
display: flex;
justify-content: center;
}
/****************** this removes background color and border from close button in SHARE MODAL ****************************/
 .share-close   {
background-color: transparent!important;
border: 0px}
 .share-close:hover   {
background-color: transparent!important;
border: 0px;
color: #cccccc}