/* CSS Document Teo Krijgsman Photoworks */
/* Voor Joomla 3.7 */
/* Copyright van 't leven producties 2017 */

*{
	outline: 0;
}

html,body{
	padding:0px;
	margin:0px;
	color:#000000;
}

body {
background-color:#FFFFFF;
font-family: "franklin-gothic-urw-comp", Helvetica, Arial, sans-serif;
}

@media (min-width:965px) and (min-height:600px) {
  body {
        overflow-y: hidden;
  }
}

#site_container {
width:985px;
height:600px;
margin-right:auto;
margin-left:auto;
position:relative;
}

/* hoofd elementen */

.teo-breadcrumbs {
width:100%;
height:40px;
display:block;	
}

.teo-breadcrumbs .moduletable {
  width:760px;
      height: 40px;
    display: inline;
    float: left;
}

.teo-main-site-area {
width:100%;
height:550px;
display:block;
clear: both;
}

.teo-left-balk {
width:180px;
height:550px;
display:block;
float:left;
}

.teo-site-logo img {
height:137px;
width:180px;
display:block;
float:left;
margin-top:0px;
}

.teo-zijmenu {
display:block;
position:absolute;
margin-bottom: 7px;
bottom: 0;
}

.teo-zijmenu-rechts {
display:block;
position:absolute;
margin-bottom: 7px;
bottom: 0;
}

.teo-main-grid {
width:580px;
height:550px;
display:block;
float:left;
}

.teo-right-balk {
width:204px;
height:550px;
display:block;
float:left;
border-left: 1px solid #ddd;
}

.teo-breadcrumbs ul.breadcrumb {
list-style-type:none;
float:left;
display:inline-block;
padding-left:180px;
font-size:18px;
color:#696969;
font-weight:700;
  margin-top: 10px;
    margin-bottom: 10px;
}

.teo-breadcrumbs ul.breadcrumb li {
float:left;
display:inline-block;
}

.teo-choose {
padding-left:25px;
font-size:18px;
color:#696969;
font-weight:700;
  border-left: 1px solid #ddd;
  height:40px;
      float: left;
    padding-top: 10px;
}

span.divider {
  padding: 0 5px 0 3px;
}

span.divider.icon-location {
  display:none;
}

.teo-zijmenu ul.menu, .teo-zijmenu-rechts ul.menu {
list-style-type:none;
float:left;
display:inline-block;
padding-left:0px;
font-size:18px;
margin-top:0px;
margin-bottom:0px;
}

.teo-zijmenu ul.menu li, .teo-zijmenu-rechts ul.menu li {
float:left;
display:inline-block;
padding-right:15px;
}

.teo-right-balk .teo-zijmenu-rechts ul.menu li a:before {
  display:none;
}

.teo-right-balk .teo-zijmenu-rechts ul.menu li a {
  font-size:18px!important;
}

.teo-zijmenu ul.menu li.item-101 {
display:none;
}

.teo-right-balk ul.menu {
list-style-type:none;
padding-top:0px;
margin-top:0px;
font-size:20px;
padding-left:25px;
}

.teo-right-balk ul.menu li ul.nav-child {
list-style-type:none;
padding-left:5px;
}

.teo-zijmenu ul.menu li a {
color:#000;
text-decoration:none;
}

.teo-zijmenu ul.menu li a:hover {
color:#000;
text-decoration:underline;
}


.teo-right-balk ul.menu li a {
color:#000;
text-decoration:none;
text-transform:none;
}

.teo-right-balk ul.menu li a:hover {
color:#666;
text-decoration:none;
}

.teo-breadcrumbs ul.breadcrumb li a {
color:#696969;
font-size:18px;
font-weight:700;
text-decoration:none;
}

.teo-breadcrumbs ul.breadcrumb li a:hover {
text-decoration:underline;
}

.teo-right-balk ul.menu li a:before {
color:#666;
text-decoration:none;
content: "\f0da ";
font-family:'FontAwesome';
padding-right: 3px;
font-size: 18px;
}

.teo-right-balk ul.menu li.deeper.parent a:before {
color:#666;
text-decoration:none;
content: "\f0d7 ";
font-family:'FontAwesome';
}
.teo-right-balk ul.menu li.deeper.parent ul.nav-child li a:before {
color:#666;
text-decoration:none;
content: "\f0da ";
font-family:'FontAwesome';
}
p, table {
  font-size:18px;
  color:#666;
  line-height:25px;
}
.homepag p {
  margin-top:0px;
  margin-bottom:0px;
}
li.current.active a {
  color:#666!important;
}
.teo-right-balk ul.menu li.current.active.deeper.parent ul.nav-child li a {
  color:#000!important;
}
img.ig_thumb {
  /*margin:1px!important;*/
  /*width: 140px!important;*/
}
.pagination ul {
  list-style-type:none;
  display:inline;
  float:left;
  width: 100%;
    padding-left: 0px;
}

.pagination ul li {
  display:inline;
  float:left;
  padding:0px 10px;
}

li.pagination-prev span {
  color:#999;
text-decoration:none;
content: "\f137 ";
font-family:'FontAwesome';
  font-size:32px;
  line-height:30px;
}
li.pagination-prev a {
  color:#666;
text-decoration:none;
content: "\f137 ";
font-family:'FontAwesome';
  font-size:32px;
  line-height:30px;
}
li.pagination-prev a:hover {
  color:#333;
}
/*li.pagination-prev span, li.pagination-prev a, li.pagination-prev a:hover {
  color:#FFF;
} */
li.pagination-next {
  float:right!important;
}
li.pagination-next span {
  color:#999;
text-decoration:none;
content: "\f138 ";
font-family:'FontAwesome';
  font-size:32px;
  line-height:30px;
}
li.pagination-next a {
  color:#666;
text-decoration:none;
content: "\f138 ";
font-family:'FontAwesome';
  font-size:32px;
  line-height:30px;
}
li.pagination-next a:hover {
  color:#333;
}
/*li.pagination-next span, li.pagination-next a, li.pagination-next a:hover {
  color:#FFF;
} */
li.pagination-start, li.pagination-end {
  display:none!important;
}
div.pagination ul li {
  display:none;
}
div.pagination ul li.pagination-prev, div.pagination ul li.pagination-next {
  display:block!important;
}
div.main_thumbs_arrow_wrapper {
  min-height:560px;
}
div.pagination {
  min-width:556px;
}
.lbox_des_container.des_container_below {
  text-align:center;
}
/*#lbox_white1 {
width:100%!important;
max-width:100%!important;
top:0px!important;
  bottom:0px;
}
div.lbox_white a.closeImage {
    top: 15px;
    right: 35px;
}*/
.lbox_thumb_table_below .active_thumb {
  opacity:0.5!important;
  background-color:#FF0;
}
.main_thumb_table {
  height: 540px;
    overflow-y: hidden;
    display: block;
  overflow-x:hidden;
}
/*.main_thumb_table::-webkit-scrollbar {
    width: 10px;
}
 
.main_thumb_table::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
}
 
.main_thumb_table::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
.main_thumb_table::-webkit-scrollbar-button {
  background-color: slategrey;
  outline: 1px solid darkgrey;
}*/

.lbox_des_container p {
  margin-top:-5px;
}
div.lbox_white a.closeImage {
    width: 37px;
    height: 26px;
    background-image: url(../images/close-corner.png);
    cursor:pointer;
}
.lbox_image_overlay_wrapper img {
  cursor:default;
}
.lbox_fullscreen {
    float: none;
    cursor: pointer;
    width: 26px;
    height: 26px;
    padding-right: 0px;
    color: white;
    text-align: center;
    margin: auto;
}
.lbox_thumbs_arrow_wrapper.shownothumbs {
  display:none;
}
.lbox_thumbs_arrow_wrapper.showthumbs {
  display:block;
}
.main_images_wrapper {
  max-width:568px!important;
}
div.teo-i {
    background:#900;
    border-radius: 12px;
    height: 14px;
    width: 14px;
    color: #FFF;
    /* text-align: center; */
    margin: auto;
    font-weight: normal;
    padding-top: 0px;
    font-size: 11px;
  cursor:pointer;
  font-style:italic;
}
div.teo-i:hover {
  background:#F1F2F3;
  color:#000;
}
.teo-beschrijving {
    overflow: hidden!important;
    width: 100%;
    height: auto;
    position: fixed;
    bottom: 0px;
    background-color: rgba(0,0,0,0.8);
    z-index: 99;
    left:0;
    right:0;
}
div.teo-i-sluit {
    background: #CCC;
    border-radius: 25px;
    height: 20px;
    width: 55px;
    color: #000;
    text-align: center;
    margin: auto;
    font-weight: normal;
    padding-top: 0px;
    font-size: 14px;
    margin-bottom: 10px;
    cursor: pointer;
    margin-top: 10px;
}
div.teo-i-sluit:hover {
  background:#900;
  color:#FFF;
}
div.teo-beschrijving h1 {
  margin-bottom: 5px;
    color: #F1F2F3;
  font-size:20px;
  font-weight:normal;
}
div.teo-beschrijving p {
  color:#AAA;
}
.teo-right-balk ul.menu li.item-226 a:before {
display:none!important;
}
li.item-226 {
background-color: yellow;
    margin-top: 30px;
    padding: 3px;
    text-align: center;
}
li.item-226:hover {
background-color:#CCC;
}