html,body {width:100%;height:100%;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:18px;font-weight:normal;overflow:hidden;}
body {background:#9A9A9A;margin:0;color:#FFF;}

#navigatie {position:fixed;top:0;left:0;right:0;height:50px;z-index:10;overflow:visible;}
.topnav .session_active {background: #05A80B;}
.topnav .session_inactive {background: #C00;}

.bg {
    background-repeat: no-repeat;
    background-position: center;
    height: 100vh;
    width: 100vw;
    position: fixed;
}

#content {width:100%;float:left;margin: 50px 0;}
#content a:link, #content a:visited {color:#FFF;text-decoration:none;}
#content a:hover {color:#C0C0C0; text-decoration:underline;}

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

#FotoContainer{max-width:860px;float: left;line-height:15px;}
.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:10px; text-align:center; color:#000;}
.FotoBlok img, .FotoBlokBalk img {border-radius:14px;max-height:148px;max-width:148px;}
.FotoBlok a:link img, .FotoBlok a:visited img, .FotoBlokBalk a:link img, .FotoBlokBalk a:visited img{border: 1px solid #39F;}
.FotoBlok a:hover img, .FotoBlokBalk a:hover img{border: 1px solid #F93; cursor: pointer;}
#FotoContainer a:link, #FotoContainer a:visited, #FotoBalk a:link, #FotoBalk a:visited{color: #000; text-decoration: none;}
#FotoContainer a:hover, #FotoBalk a:hover{color: #000; text-decoration: underline; cursor: pointer;}

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

.error {background: red; color:#FFF;padding:4px;font-size:12px;}

#bottombar {position:fixed;bottom:0;left:0;right:0;height:50px;background:#C0C0C0;z-index:10;}
footer {max-width:960px;margin-left:auto;margin-right:auto;line-height:50px;font-size:12px;color:#000;text-align:center;}
footer a {color:#000;text-decoration:none;}
footer span {cursor:pointer;}

.topnav {
    overflow: hidden;
    background: #FFF;
}

.topnav a {
    float: left;
    display: block;
    color: #000;
    text-align: center;
    text-decoration: none;
    font-size: 17px;
    background: #FFF;
}

.topnav .icon {
    display: none;
}

.topnav a:hover {
    background: #555;
    color: white;
}

.hyperlinkcss{position:absolute;font-size:12px;color:#000;margin-left:5px;margin-top:0px;visibility:hidden;border:1px solid #000;line-height:10px;z-index:100;background:#FFC;width:350px;padding:2px;text-align:left;clear:both;}

@media screen and (min-width: 651px) {
h2 {font-size:30px;padding:0;}
h3 {font-size:22px;padding:0;margin:8px 0 0 0;}

nav {max-width:900px;margin-left:auto;margin-right:auto;}

.topnav a {
    padding: 15px 15px 14px 15px;
}

.topnav a.button_opruiming{display:none;}

.intern-background {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-artiestenbegeleiding {background: url('https://rms-tilburg.nl/images/Fillers/Alice_Dj_in_Ahoy.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}
.intern-background-geluidsverzorging {background: url('https://rms-tilburg.nl/images/Fillers/Geluidsverzorging.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://rms-tilburg.nl/images/Fillers/Geluid.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}
.intern-page-blur {background-color:rgba(0, 0, 0, 0.6);height:calc(100vh - 100px);max-width: 900px;margin-left:auto;margin-right:auto;position:relative;top:0;bottom:0;overflow:auto;}
.intern-page-content {height:calc(100vh - 130px);color:#FFF;line-height:24px;padding:0 20px;margin-top:-10px;margin-bottom:10px;}
.topnav .hide_large {
    display: none;
}
.topnav .active {
    background-color: #555;
    color: white;
}
.show_large{
    display:block;
}
.show_small {
    display:none;
}

.button_opruiming{position:fixed;top:0;left:20;z-index:10;background:red;color:#FFF; margin-top: 70px; margin-left: 30px;font-size:24px;font-weight:bold;padding:8px; border-radius:18px;}

}


@media screen and (max-width: 650px) {
h2 {font-size:25px;padding:0;}
h3 {font-size:19px;padding:0;margin:0;}

    .topnav a {
        padding: 14px 15px;
        display: none;
    }
    .topnav a.icon {
        float: right;
        display: block;
    }

.topnav a.button_opruiming{height:40px;padding: 14px 15px 0 15px; background:red;color:#FFF; font-weight:bold;}

.intern-background,
.intern-background-artiestenbegeleiding,
.intern-background-geluidsverzorging,
.intern-background-portfolio,
.intern-background-contact {background: url('https://rms-tilburg.nl/images/Fillers/Alice_Dj_in_Ahoy.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed;
    height: 100vh;
    width: 100vw;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.5);}
.intern-page-blur {height: calc(100vh - 100px);max-width: 900px;margin-left:auto;margin-right:auto;position:relative;margin-top:-22px;bottom:0;overflow:auto;}
.intern-page-content {color:#FFF;line-height:20px;padding:5px;margin-top:-10px; margin-bottom:70px;font-size:16px;}
    .topnav.responsive {position: relative;}
    .topnav.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
    }
    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }
    .topnav .hide_large {
        display: block;
    }
    .topnav.responsive .hide_large {
        display: none;
    }
    .topnav.responsive .active {
    background: #555;
    color: white;
}

.show_large{
    display:none;
}
.show_small {
    display:block;
}

}