body {background: url('images/achtergronden/rotator.php')}

table {width:1040px;}
#table1 {box-shadow: 0em  0em 44em 19em black; width:1040px; border-style:inset; border-style:solid; border-spacing: 0px; border-color:#000000; border-width:0px;}
td, th {display: table-cell; line-height: 0; padding: 0; background: rgb(250, 250, 250); /* The Fallback */ background: rgba(250, 250,250, 0.8); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#BFFFFFFF,endColorstr=#BFFFFFFF)"; /* IE8 */    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BFFFFFFF,endColorstr=#BFFFFFFF);   /* IE6 & 7 */      zoom: 1;}
#table125 tr {font-family: 'Economica', sans-serif; font-size:0.9em; color:#666666; line-height:160%}
#table876 tr {font-family: 'Roboto', sans-serif; font-size:0.8em; color:#666666; margin:5px 5px 5px 5px; text-transform:uppercase; letter-spacing:0.1em; line-height:170%; text-align:left}


p { font-family: 'Roboto', sans-serif; font-size:0.875em; font-weight: 300; color:#000000; margin:10px 10px 10px 10px; line-height:150%; text-align:left}    /* normale text */
h1 { font-family: 'Roboto', sans-serif; font-size:1.1em; color:#666666; margin:10px 10px 20px 10px; text-align:left}      /* hoofd */
h2 { font-family: 'Roboto', sans-serif; font-size:1em; color:#666666; margin:0px 0px 0px 0px; text-transform:uppercase; line-height:100%; text-align:left}    /* navigatie onderaan */
h3 { font-family: 'Roboto', sans-serif; font-size:0.875em; font-weight: 300; color:#000000; margin:10px 10px 10px 10px; line-height:150%; text-align:left}    /* normale text */
h4 { font-family: 'Ubuntu', sans-serif; font-size:0.5em; color:#666666; margin:0px 0px 0px 10px;}    /* onderschriften fotos */
h5 { font-family: 'Krona One', sans-serif; font-size:3.0em; line-height: 10%; margin-top:15px; margin-bottom:15px;}    /* pijlen */
h6 { font-family: 'Ubuntu', sans-serif; font-size:2.25em; color:#999999; margin:0px 0px 0px 0px; text-transform:uppercase; line-height:60%; text-align:left; letter-spacing:0.1em;}    /* navigatie */

a {text-decoration:none; color:#666666}
a:link {color:#666666;}      /* unvisited link */
a:visited {color:#666666;}  /* visited link */
a:hover {color:#ff6600; text-shadow:0px 0px 10px black}  /* mouse over link */
a:active {color:#FFFFFF;}  /* selected link */
a.two:link {color:#999999;}
a.two:visited {color:#999999;}
a.two:hover {color:#ff6600; text-shadow:0px 0px 10px black}

.touchgallery {position: relative;overflow: hidden;width: 1040px; /* default gallery width */height: 550px; /* default gallery height */}
.touchgallery ul{list-style: none;top-margin: 10px;padding: 0;left: 0;position: absolute;-webkit-transform: translateX(0);-moz-transform: translateX(0);transform: translateX(0);-moz-transition: all 150ms ease-in-out; /* image transition. Change 100ms to desired transition duration */-webkit-transition: all 150ms ease-in-out;transition: all 150ms ease-in-out;}
.touchgallery ul li{float: left;display: block; text-align: center;}
.touchgallery ul li img{ /* CSS for images within gallery */width: 100%; /* make each image responsive, so its native width can occupy up to 100% of gallery's width, but not beyond */height: auto;}
.touchgallery .jumptodiv{ /* CSS for DIV that houses bullets that navigate to a specific image when clicked on */text-align: center;width: 100%;font-size: 1.5em;font-weight: bold;color: black; letter-spacing: 7px; position:absolute; top: 5px ;margin-top: 0px;text-shadow: 0 1px 2px #8a8a8a;}
.touchgallery .jumptodiv span.selected{ /* CSS for selected bullet inside jumptodiv */color: #ff6600;}
img.imgw {display: inline-block; max-width: 100%; object-fit: contain; object-fit: fill; object-fit: cover; width: 100%; }
img.imgw4 {display: inline-block; max-width: 100%; object-fit: contain; object-fit: fill; object-fit: cover; width: 100%; }



.eapps-instagram-feed-posts-item-image {display: inline; object-fit: contain;  position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%) !important;  vertical-align: text-top;}
.eapps-instagram-feed-posts-item-template-classic {  display: inline;  background: rgb(255, 255, 255);  height: initial;  vertical-align: text-top;}

.crzOSi {height: auto;}
.ejRZGN {position: relative;overflow: hidden; max-height: auto; transition-duration: 0s !important;}



div.bgcarousel{ /* CSS for main carousel container */
background: black url(ajaxload.gif) center center no-repeat; /* loading gif while caoursel is loading */
width:1040px; /* default dimensions of carousel */
height:700px;
}

img.navbutton{ /* CSS for the nav buttons */
margin:5px;
opacity:0.7; 
}

div.slide{ /* CSS for each image's DIV container within main container */
background-color: none;
background-position: center center; /* center image within carousel */
background-repeat: no-repeat;
background-size: cover; /* CSS3 property to scale image within container? "cover" or "contain" */
color: none;
}

div.selectedslide{ /* CSS for currently selected slide */
}

div.slide div.desc{ /* DIV that contains the textual description inside .slide */
position: absolute;
color: #666666;
left: 40px;
top: 650px;
width:400px;
background: rgb(20, 20, 20); /* The Fallback */ background: rgba(20, 20,20, 0.8);
padding: 10px;
z-index:5;
}

div.selectedslide div.desc{ /* CSS for currently selected slide's desc div */
}

div.slide div.desc p{
font-size:100%;
margin:0;
}

div.slide div.desc 

}
}

.year {border-right: 0px solid #666666; }
.place {border-right: 1px solid #666666; padding: 0px 4px 0px 4px;}
.name {border-right: 1px solid #666666; padding: 0px 4px 0px 4px;}


#curator-feed-default-layout{font-family: 'Roboto', sans-serif; font-size:0.875em; font-weight: 300; color:#000000; margin:0px 0px 0px 0px; line-height:100%; text-align:left}



/* ---- item elements ---- */

.element-item {font-family: 'Roboto', sans-serif; font-size:0.7em; color:#666666; text-transform:uppercase; line-height:170%;
  position: relative;
  float: left;
  width: 340px;
  height: auto;
  margin: 5px 0px 10px 5px; 
  padding: 0px;

}

.element-item > * {
  margin: 0;
  padding: 0;
}


.isotope {margin-top: 30px;}


/* ---- button ---- */

.button {
  display: inline-block;  
  font-family: 'Pathway Gothic One', sans-serif;
  font-size:1em; 
  letter-spacing:0.03em;
  color:#666666; 
  text-transform:uppercase;   
  padding: 10px 5px 10px 10px;
  border: 0px 0px 0px 0px;
  border-style:none;
  cursor: pointer;
  margin: 0px 0px 0px 10px;
  background-color: transparent;
}

.button:hover {color: #ff6600; text-shadow:0px 0px 7px black}

.button:active {color: #ff6600; }

.button.is-checked {text-decoration: underline; color: #ff6600; font-weight: bold; }



/* hide radio inputs */
.button input[type="radio"] { display: false; }

/* ---- button-group ---- */

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  float: left;
  margin-left:0px;
  border-style:none;
  border: 0px;
  
}
.button-group2 .button {
  float: right;
  border: 0px;
  margin: 0px 0px 0px 0px;
  border-style:none;
  background-color: #dedede;
}
#curator-feed .crt-post .crt-post-content-text {font-family: 'Roboto', sans-serif; text-align:left; font-size:0.875em; font-weight: 300; color:#000000; line-height:150%;}