﻿
#top_menu .session_active {background: #05A80B; border: 10px solid transparent;}
#top_menu .session_inactive {background: #C00; border: 10px solid transparent;}

.error {background: red; color: #FFF;}
.errorborder {border: 2px solid red;}

.Formulieren form {margin:10px 0px 10px 0px;display: inline-block;}
.Formulieren p {margin:3px;line-height:20px;padding:2px;}

h2 {font-size:30px;padding:0;line-height:32px;}
h3 {font-size:22px;padding:10px 5px 5px 5px;margin:0;}

.social {max-width:450px;}
.fb-like {float:left;clear:both;}
.fb-like iframe {min-height:30px;background:#FFF;padding:4px;}
.db-show {width:100%;max-width:400px;height:500px;overflow:scroll;border-radius:8px;}
#tweetbutton, #twitter-timeline {margin-top:20px;padding-top:10px; padding-bottom:10px;float:left;clear:both;}

#FotoBalk{min-width:100%; height: 245px; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch;white-space:nowrap;}
#FotoBalk::-webkit-scrollbar {height: 20px;}
#FotoBalk::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 10px;}
#FotoBalk::-webkit-scrollbar-thumb {background: #333; border-radius: 10px;}
#FotoBalk::-webkit-scrollbar-thumb:hover {background: #C0C0C0;}

.FotoContainer{max-width:860px;float: left;line-height:15px;}
.FotoBlok a:link img, .FotoBlok a:visited img, .FotoBlokBalk a:link img, .FotoBlokBalk a:visited img {border: 1px solid #3399FF;}
.FotoBlok a:hover img, .FotoBlokBalk a:hover img{border: 1px solid #FF9933; cursor: pointer;}
.FotoContainer a:link, .FotoContainer a:visited, #FotoBalk a:link, #FotoBalk a:visited{color: #000; text-decoration: none;}
.FotoBlokBalk a:link span, .FotoBlokBalk a:visited span,.FotoBlok a:link span,.FotoBlok a:visited span {text-decoration:none; color: #000}
.FotoBlokBalk a:hover span, .FotoBlok a:hover span {text-decoration:none; color: blue;}

.rijkleur1 {background-color:#CCC; color: #000}
.rijkleur2 {background-color:#999;}

.robotbox {
    width: 366px;
    height: 74px;
    margin: 0;
    font-family:Verdana;
    font-size: 12px;
    color: #000;
    border:1px solid black;
    background: #C2C2C2;
    padding: 5px;
}

.robotbox .robotcodes {
    display: none;
    line-height: 44px;
}

.robotbox input[type=checkbox] {
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.robotbox_content {
    display: inline-block;
    vertical-align: middle;
}

.robotbox .checkdiv {
    display: inline-block;
    position: relative;
    font-size: 32px !important;
    padding: 0 12px !important;
    font-weight: bold;
}

.robotbox .unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.robotcodes input[type=tel] {
    position: relative;
    left:5px;
    top: -3px;
    padding: 2px;
    font-size: 24px !important;
}

.robotbox .renew {
    float:right;
    margin-top: -45px;
    font-size: 18px !important;
    cursor: pointer;
}

@media screen and (min-width: 651px) {
.intern-background {background: url('https://tapeshows.nl/images/alice-dj-in-ierland.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}
.intern-background-wiezijnwij {background: url('https://tapeshows.nl/images/dam-amsterdam.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}
.intern-background-materiaal {background: url('https://tapeshows.nl/images/taperack-in-zwolle.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}
.intern-background-portfolio {background: url('https://tapeshows.nl/images/joling-tribute-amsterdam.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}
.intern-background-contact {background: url('https://tapeshows.nl/images/publiek-in-hardenberg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}
.intern-page-blur {min-height: calc(100vh - 180px);background-color:rgba(0, 0, 0, 0.6);max-width: 900px;overflow:visible;}
.intern-page-content {color:#FFF;line-height:24px;padding:10px 20px;margin-top:0;}
#top_menu .hide_large {
    display: none;
}
#top_menu .active {
    text-decoration: underline;
}
.show_large{
    display:block;
}
.show_small {
    display:none;
}

.FotoBlokBalk {display:inline-block;border-radius: 14px; width: 150px; height: 205px; margin: 8px 4px;background:#C0C0C0; font-size:12px; text-align: center; vertical-align:top;line-height:15px;}
.FotoBlokBalk a span {margin: 0 5px; max-width: 145px; white-space:wrap}
.FotoBlok{border-radius:14px;width:150px;height:190px;margin-top:8px;margin-left:4px;margin-right:4px;float: left;background:#C0C0C0;position:relative; font-size:12px; text-align:center; color:#000;}
.FotoBlok img, .FotoBlokBalk img {border-radius:14px;max-height:148px;max-width:148px;}
}

@media screen and (max-width: 650px) {
.intern-background {background: url('https://tapeshows.nl/images/alice-dj-in-ierland.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}
.intern-background-wiezijnwij {background: url('https://tapeshows.nl/images/dam-amsterdam.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}
.intern-background-materiaal {background: url('https://tapeshows.nl/images/taperack-in-zwolle.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}
.intern-background-portfolio {background: url('https://tapeshows.nl/images/joling-tribute-amsterdam.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}
.intern-background-contact {background: url('https://tapeshows.nl/images/publiek-in-hardenberg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}
.intern-page-blur {min-height: calc(100vh - 220px);background-color:rgba(0, 0, 0, 0.6);overflow:visible;}
.intern-page-content {color:#FFF;line-height:20px;padding:5px;margin-top:0; font-size:16px;}

#top_menu .hide_large {
    display: block;
}

.show_large {
    display: none;
}

.show_small {
    display: block;
}

.FotoBlokBalk {display:inline-block;border-radius: 14px; min-width:160px;width:calc(50vw - 16px);height:calc(50vw + 40px); margin: 8px 4px;background:#C0C0C0; font-size:12px; text-align: center; vertical-align:top;line-height:15px;}
.FotoBlokBalk a span {margin: 0 5px; max-width: calc(50vw - 26px); white-space:wrap}
.FotoBlok{border-radius:14px;min-width:160px;width:calc(50vw - 16px);height:calc(50vw + 40px);margin-top:8px;margin-left:4px;margin-right:4px;float: left;background:#C0C0C0;position:relative; font-size:12px; text-align:center; color:#000;}
.FotoBlok img, .FotoBlokBalk img {border-radius:14px;width:calc(50vw - 16px);height:calc(50vw - 16px);min-height:148px;min-width:148px;}

}