/* DIVERSEN */
 #wrap {padding-top: 150px; } 
#search-2 {margin-left: -10px; padding-left: 0; padding-top: 10px; visibility: hidden;}
.post-nav {display: inline; float: left; margin-left: 10px; margin-top: 15px;}
.post-nav .post-prev {float: left;}
.post-next {float: right; padding-right: 0;}
.post-next a {margin-left: 705px; margin-top: 15px; float: right;}
.post-prev a {position: absolute; margin-left: -10px; margin-top: 15px; float: right;}
#post-45 li {color: #454545;}
.type-post {width: 749px; /* witte textbox op meer-over 1px kleiner zodat foto rechts niet 1px te smal */
    margin-right: 10px !important; float: none;} 
blockquote, blockquote p {font-style: italic;}
/* beter eigen navigatiepijlen */
.post-nav {display: none;}
/* centreren homepage */
#post-area {margin: 0 auto !important;
    /*    width: 100% !important;  sinds wp4.6 moet deze outgecomment*/}
#post-area .post {width: 299px;}
#post-5548, #post-5361, #post-5419, #post-1754, #post-1, #post-1793, #post-47, #post-229, #post-3893, #post-45, #post-212, #post-217, #post-3830, #post-272, #post-3096, #post-324, #post-264, #post-325, #post-246, #post-277, #post-281, #post-275, #post-271, #post-258, #post-253, #post-4062, #post-232, #post-333, #post-293, #post-3186, #post-86, #post-680, #post-3741, #post-3186, #post-86, #post-680, #post-3741, #post-5710, #post-5840, #post-5849, #post-5492, #post-6229, #post-5645, #post-6712 {
        webkit-box-shadow: 0 0 15px -5px #555; box-shadow: 0 0 15px -5px rgb(85, 85, 85); box-shadow: 0 0 15px -5px #555;
/* margin: auto !important; */
/* was om leesmeerpagina's te centreren, maar dat verknalde de homepage */
}
/* ZWARTE CATEGORIEBALKJES */
/* onklikbaar maken */
 .pinbin-category, .noli {pointer-events: none; cursor: default;} 
/* padding verkleinen zodat meer op de regel past */
.pinbin-category p {margin: 0; padding: 0 10px 0 10px; /*  was: 0 40px 0 20px; */
    line-height: 30px; color: #FFF; font-style: italic; padding: 0 10px; padding-top: 7px; line-height: 16px;}
/*  width: 100%; ipv auto; */
.pinbin-category {position: absolute; width: 100%; /* was: auto; */
    background: #000 none repeat scroll 0 0; opacity: 0.7; margin-top: -36px; z-index: 1; height: 30px; overflow: hidden; left: 0;}
.pinbin-category {height: 44px; margin-top: -50px;}    
/* alleen die van HTG op home */
.post-45 .pinbin-category p {padding: 0 0; padding-top: 3px; width: 300px;}
/* alleen die van EB op home */
.post-232 .pinbin-category  {padding-top: 6px; margin-right: -1px;}
/* allen rechts 1 pixel te kort op home; wel per pg op auto zetten */
.post-5548 .pinbin-category, .post-5361 .pinbin-category, .post-5419 .pinbin-category, .post-232 .pinbin-category, .post-333 .pinbin-category, .post-1754 .pinbin-category, .post-1 .pinbin-category, .post-1793 .pinbin-category, .post-45 .pinbin-category, .post-47 .pinbin-category, .post-229 .pinbin-category, .post-3893 .pinbin-category, .post-3830 .pinbin-category, .post-3096 .pinbin-category, .post-217 .pinbin-category, .post-212 .pinbin-category, .post-272 .pinbin-category, .post-246 .pinbin-category, .post-277 .pinbin-category, .post-325 .pinbin-category, .post-324 .pinbin-category, .post-264 .pinbin-category, .post-258 .pinbin-category, .post-281 .pinbin-category, .post-271 .pinbin-category, .post-275 .pinbin-category, .post-253 .pinbin-category, .post-4062 .pinbin-category, .post-5710 .pinbin-category, .post-5840 .pinbin-category, .post-5849 .pinbin-category, #post-5492 .pinbin-category, #post-6229 .pinbin-category, #post-5645 .pinbin-category, #post-6712  .pinbin-category{
    width: 300px;}
/* alleen van sticky TesZilla */
.post-293 .pinbin-category  {display: none;}
/* alleen van Music */
.post-5710 .pinbin-category  {padding-top: 5px;}
/* ****************EINDE ZW CATEGORIEBALKJES ******* */

/* ****************FOOTER (NIET_MOBIEL) ******* */
.site-footer {  /* de copyright div */  
    width: 100% !important; height: auto;}
#copyright {padding-bottom: 10px; padding-top: 10px; font-weight: bold; color: #000; width: 100% !important; height: auto; margin-left: -5%;} 
.widget {width: 30% !important; display: inline; float: left; margin-left: 0;}
.widget-copy {width: 100%; display: inline;  float: left; margin-left: 0;}
.widget-copy a {color: #4879B4 !important;}
.widget-copy a:hover {color: #999 !important;}
#footer-area {margin-top: 0; padding-bottom: 25px; margin-left: -3%; padding-left: 32.5%; padding-right: 12.5%; padding-top: 70px; height: auto;
    width: 58%;  /* alleen op home; per pg op 93% zetten: */
    background: url(https://teszilla.com/wp-content/uploads/footer-grass.jpg) !important; background-repeat: repeat-x; border-top: 1px solid grey; margin-bottom: -40px; /* zodat copyright in ipv onder footer */ }
.widget h3 {color: #858585; background: none repeat scroll 0 0; padding-left: 0 !important; margin-bottom: 10px;}
.widget h3, .widget-copy h3 {background: none !important;}
#footer_proj1 {width: 95%; margin-right: 10px; display: inline; float: left; padding-top: 20px; height: 160px; padding-bottom: 15px;}
#footer_proj2 {width: 95%; margin-right: 10px; display: inline; float: left; padding-top: 23px; height: 160px; padding-bottom: 15px;}
#face-logi {padding-top: 5px; width: 60%; float: left; display: block; clear: both; padding-top: 0 !important; margin-top: 0; height: auto;}
#text-5, #text-6, #text-3, #text-4, .menu-footer2-container {width: 30%;}  
.menu-footer2-container, #text-2, #nav_menu-3.widget.widget_nav_menu {float: left; display: block; clear: both; width: 30%;} 
#text-2, #text-5, #text-3 {width: 30%;}
.textwidget {border: 0 none;  padding: 0;  margin: 0; font: inherit; vertical-align: baseline;}
/* EINDE FOOTER (NIET-MOBIEL)  */
/* MENU */
/* centreren menu */
 #site-navigation {background-color: #75B2DE;} 
#main-nav-wrapper {padding-left: 35%; padding-top: 15px !important; margin-top: 10px; }
#logo img {padding: 0 0 0 0; background-color: #FFFFFF;}
/* .type-post, #main-nav-wrapper, nav { margin-top: -6px !important; } */
 #header {padding-bottom: 175px;} 
/* MOBILE EN TABLET */
/* grijze vlakje bij hamburgermenu weghalen */
button#responsive-menu-button.responsive-menu-button.responsive-menu-boring {background: url(./images/niet-button-back.gif) !important;}
/* wordpress' eigen lelijke mobile menu uitschakelen */    
@media only screen and (min-width: 1px) and (max-width: 1100px) {
#site-navigation select {display: none !important;}
#header {height: 0; background-color: #FFFFFF; margin-bottom: 0; margin-top: -50px;}
} 
@media only screen and (min-width: 1px) and (max-width: 768px) {
    .post-nav {display: none;}
} 
/* sitemap blauwe uitgaande links display none op mobiel */
 /* For mobile phones: */
@media only screen and (min-width: 1px) and (max-width: 481px) { 
.HideOnMobile a, .HideOnMobile  {display: none;}
} 
@media only screen and (min-width: 442px) and (max-width: 481px) { 
.main-nav {padding-top: 0;}
} 
@media only screen and (min-width: 1px) and (max-width: 441px) { 
#logo img {margin-left: -22px;}
} 
@media only screen and (min-width: 481px) and (max-width: 1081px) { 
.main-nav {padding-top: 50px;} 
#logo img {margin-left: -22px;}
} 
/* onderste foto's wat smaller op mobiel: */
@media only screen and (min-width: 1px) and (max-width: 481px) {
.post-1031 {width: 282px !important;  margin-right: 0 !important;}
.pinbin-link a {    margin-left: 236px !important;}
} 
  /* For mobile phones: */
@media only screen and (min-width: 1px) and (max-width: 481px) {.bekijk {padding-top: 20px !important;}
}
/* bekijk en app mooier maken op mobiel:  */
@media only screen and (min-width: 1px) and (max-width: 481px) { 
.bekijk_en_app {margin-top: -15px; padding-bottom: 15px; height: 100px; width: 160px !important; display: block !important; clear: both !important;}
.bekijk_linkerkant {display: block !important; width: 100% !important; clear: both !important;}
.voor_bekijk_en_app {width: 75% !important; display: block !important; padding-right: 25%; padding-bottom: 50px;}
.bekijk {padding-top: 0;}
.app {width: 135px !important;}
.alignnone {display: inline !important;}
.block_applink {display: block !important; clear: both !important; width: 100% !important;}
.block_app {padding-bottom: 30px !important;}
.blocker {padding-bottom: 80px !important; display: block !important; clear: both !important;}
}
/* op mobiel PER PG gecentreerd en ietsje onder de navbalk: */
@media only screen and (min-width: 1px) and (max-width: 481px) { 
#post-5548, #post-5361, #post-5419, #post-1754, #post-1, #post-1793, #post-47, #post-229, #post-3893, #post-45, #post-212, #post-217, #post-3830, #post-272, #post-3096, #post-324, #post-264, #post-325, #post-246, #post-277, #post-281, #post-275, #post-271, #post-258, #post-253, #post-4062, #post-232, #post-333, #post-293, #post-3186, #post-86, #post-680, #post-3741, #post-5710, #post-5840, #post-5849, #post-5492, #post-6229, #post-5645, #post-5548,  #post-6712 {margin-top: 15px; margin-right: auto; margin-left: auto;  width: 93%;}
} 
/* leesmeerpijltje op mobiel de home naar rechts: */
@media only screen and (min-width: 1px) and (max-width: 481px) { 
.pinbin-link a {margin-top: -15px !important; margin-left: 253px !important;} 
}
/* FOOTER MOBILE EN TABLET */
@media only screen and (min-width: 1px) and (max-width: 480px) { 
.nomobile {display: none;}
}
/* kleinste desktop-browserscherm, en iphone4 */
@media only screen and (min-width: 1px) and (max-width: 367px) { 
#footer-area {padding-left: 0 !important;}
}
@media only screen and (min-width: 368px) and (max-width: 480px) { 
#footer-area {padding-left: 3% !important;}
}
@media only screen and (min-width: 1px) and (max-width: 480px) { 
#wrap {width: 100%;}
#footer-area {padding-right: 0 !important; width: 103% !important; margin-left: 0 !important; padding-top: 15px;}
#overt {padding-top: 20px !important;}
#text-14.widget.widget_text {width: 30% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important;}
.widget {width: 30% !important; display: inline !important; float: left ! important; margin-left: 0 !important;}
.widget-copy {width: 140px !important; display: inline !important; float: left !important; margin-left: 0 !important;}
#text-26 .widget-copy h3, #text-26 h3, #text-26.widget.widget_text h3 {display: none;}
.widget h3, .widget-copy h3 {padding-left: 30px !important; padding-top: 10px !important; margin-bottom: -1px !important;}
#footer_proj1 {padding-top: 35px;}
#footer_proj2 {padding-top: 75px;}
#face-twi {padding-left: 0 !important; width: 119px !important;}
#twi {padding-right: 0 !important;}
} 
@media only screen and (min-width: 481px) and (max-width: 2560px) { 
#wrap {width: 97%;}
#footer-area {padding-left: 20% !important; padding-right: 0 !important; width: 83% !important; padding-top: 15px;}
#overt {padding-top: 20px !important;}
#text-14.widget.widget_text {width: 30% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important;}
.widget {width: 30% !important; display: inline !important; float: left ! important; margin-left: 0 !important;}
.widget-copy {width: 140px !important; display: inline !important; float: left !important; margin-left: 0 !important;}
.widget h3, .widget-copy h3 {padding-left: 0 !important; padding-top: 10px !important; margin-bottom: -1px !important;}
#footer_proj1 {padding-top: 35px;}
#footer_proj2 {padding-top: 38px !important;}
#face-twi {padding-left: 15px !important; width: 150px !important;}
#twi {padding-right: 15px !important;}} 
@media only screen and (min-width: 1px) and (max-width: 481px) {
 .linkernavpijl img {position: absolute; margin-top: -39%; margin-left: -5%; display: inline;}
.rechternavpijl img {position: relative; margin-top: -41.3%; margin-left: 88.5%; display: inline; float: left;}
}
@media only screen and (min-width: 482px) and (max-width: 2560px) {
.linkernavpijl {margin-top: -7%;	margin-left: -9.5%;	display: inline; float: left;}
.rechternavpijl {margin-top: -7%; margin-right: -9.7%;	padding-right: 0px;	display: inline; float: right;}
}
/* Chrome only: */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) and (min-width: 481px) and (max-width: 2560px) { 
 .linkernavpijl {margin-top: -14% !important;} 
 .rechternavpijl {    margin-top: -14% !important; }
}
/* Opera only: */    
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: 1280px) and (min-width: 481px) and (max-width: 2560px){
   .linkernavpijl {    margin-top: -14% !important;} 
.rechternavpijl {    margin-top: -14% !important;} 
}
/* iPhone 4 and 4S */
/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {#copyright {font-size: 75%;}
}
.pinbin-date {display: none; padding-bottom: 10px;}
.pinbin-meta {display: none; padding-top: 15px !important; }
.pinbin-meta p, p.pinbin-meta {padding-top: 10px !important; }
#footer-area .widget h3 {color: black; font-size: 22px;}
/* ONDERAAN LATEN STAAN Target Firefox only */
@media only screen and (min-width: 481px) and (max-width: 2560px) {
@-moz-document url-prefix() {
.linkernavpijl {    margin-top: -7.5% !important; } 
.rechternavpijl {    margin-top: -14% !important; } } }
/* ONDERAAN LATEN STAAN Target Firefox only */