﻿ a:active,a:hover,a, a:visited
{
    color:Blue;
    text-decoration:underline;
}

.eventinfoBlok 
{
    margin-bottom:20px;
    background-image:url(images/bg-grijs4.jpg); 
    background-repeat:repeat-x; 
    background-color :#f1f1f1;
    padding: 4px 7px 6px;
    border-bottom:1px solid #808080;	
}

table.pagingTable 
{
	padding:0;
	border:1px solid Gray;
	background-color: #f1f1f1;
	
}

table.pagingTable td 
{
	border:1px solid Gray;
	background-color:#cccccc;
	width:16px;
	color:Black;
	text-align:center;
}

table.pagingTable td a 
{
	text-decoration:none;	
	font-weight:normal;
	text-align:center;
	color:Black;
}

table.pagingTable td.nu, table.pagingTable td.pgt1 
{
	border:1px solid #8e281c;
	background-color:#ed2024;
	width:16px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
}


table.pagingTable .introTd 
{
	background-color: #f1f1f1;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:3px;
	border:none;
}

.navigatiePad
{
    font: 13px Arial;
}

.titelbalk
{
    background-color: #ed2024; 
    color:White;
    font-weight:bold;
    padding-left:7px;
    padding-right:7px;
    background-image:url(images/bg-rood.jpg);
    background-repeat:repeat-x;
}

.titelInfoOnderbalk 
{
    height: 10px;
    background-color: #b3b3b3;    
    background-image:url(images/bg-donkergrijs.jpg);
    
}

.gridThumb 
{
    margin-top:3px;
    margin-bottom:3px;
}

.itemsTable td a {text-decoration:none;}
.itemsTable td a span {text-decoration:underline;}

.lnav {padding-left: 10px; margin-right: 6px;margin-top:5px; line-height:22px; font-weight:bold;color:Black;}
.lnav span { color: #be12c0; margin:0;}
.lnav a {color:#444;}

.aloc {margin:0; color:#be12c0 ; clear:both; padding-left:100px;}
.genre {float:left;width:100px;color:#333333; }
.ad {padding-left:102px; padding-top:20px; padding-bottom:10px; background-image: url(/images/bg-grijs.jpg); border-top:1px solid #cccccc;border-bottom:6px solid #cccccc; clear:both;margin-top:5px; background-repeat: repeat-x;background-color: #e6e6e6; }

.topinfo {min-height:80px; padding-top:2px; padding-right:10px; color:#4b4b4b; text-decoration:none; }
.topinfo a {color:#4b4b4b; text-decoration:none;}
.topinfo div {margin-top:11px;}
.topinfo img {margin-right:10px; border-radius:4px;}
    .topinfo b {color:Green; }

.top2itemwrap {
    padding-top:5px;
    padding-bottom:7px;
    border:1px solid #cccccc;
	border-radius:4px;
    padding-left:10px;
    background-image:url(/images/bg-grijs2.jpg); 
    background-repeat:repeat-x; 
    background-color :#e6e6e6;
    min-height:106px;
}

.top2intro {margin-bottom:5px;padding-right:10px;}
.top2intro td {padding-top:3px; color:#4b4b4b; text-decoration:none;
}
.top2intro td b {color: #be12c0;}

.textline {padding:9px; text-align: center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color :#f1f1f1; background-image:url(/images/bg-grijs2.jpg); background-repeat:repeat-x;}

.navonder {text-align:center; padding:5px; color:#333333; margin-top:12px; background-color:#e6e6e6; margin-bottom:3px; border-bottom:1px solid #999; border-top:1px solid #999;}
.navonder a {color:#333333;}

.addthis {display:block; float:right; padding:8px 10px 0 0;}


.facebook, .twitter, .email {display:block; top:0;width:20px;height:20px; margin-left:10px; float:right;background-image: url(/images/social-sprite-s.png); background-repeat:no-repeat;}
.email {background-position: 0 0;}
.twitter { background-position: -20px 0;}
.facebook { background-position:-40px 0;}

 a:hover .nr {text-decoration:underline;}
 
body #top_bar 
{
	margin:0;
}

#top_bar a
{

	color:White;
	text-decoration:underline;
}

#top_bar {background: #4d4d4d; color:White; padding: 6px 0 7px 0; z-index: 100; top: 0; left: 0; width: 100%; overflow: auto;	position: absolute;background-color:#3d598b; background-image:url(/images/bg-topbalk.gif); background-repeat:repeat-x; line-height:initial}
* html #top_bar{position: absolute; }
#top_bar a {text-decoration:none; font-size: 0.9375rem;}
#top_bar a:hover {text-decoration:underline;}

.categorieSelect { background-color: #ffdada; padding: 5px 10px 5px 10px; margin-bottom: 1px; background-image: url(/images/bg-lichtrood3.jpg); background-repeat: repeat-x; border: 1px solid #ffdada; border-radius: 4px; }


.adlink a {display:block; color:#00c;text-decoration:underline;}

@media screen {
    body { margin: 5px 0; }
	body, select { font:1.0rem Arial; line-height: 150%; }

    h1 {font-size: 1.3rem; color: #be12c0; margin: 0; padding: 0; padding-bottom: 4px; padding-left: 10px; line-height: 120%; }
    h2 {margin: 0; padding-bottom: 4px; font-size: 1.05rem; line-height: 120%; padding-top: 14px; padding-left: 0; }
    h3 {margin: 0; padding: 0; font-size: 1.0rem; font-weight: bold; }
    #top_bar {display: none; }
    .topmenu {display: none; text-align: right; }
    .s1 {float: left; width: 169px; display: none; }
	.s2 { float: left; width: 100%; border-left: none; padding: 0; }

    .s21 {margin-top: 0; padding-top: 7px; }
    .s22 {position: absolute; top: 0; right: 0; width: 160px; padding-left: 8px; padding-top: 8px; display: none; }
    .subinfo {color: #333; font-size: 0.875rem; line-height: 150%; }

    .sectionwrap {margin: 0; max-width: 1050px; }
    .mobmenu {left: -211px; width: 200px; padding-left: 10px; background-color: #e6e6e6; border-right: 1px solid Gray; border-bottom: 1px solid Gray; position: absolute; top: 0; z-index: 1; }
        .mobmenu span {font: bold 13px Arial; color: #be12c0; margin: 0; padding-top: 10px; }
        .mobmenu a {line-height: 30px; font-weight: bold; text-decoration: none; }
    .topwrapper {text-align: center; position: relative; height: auto; margin: 5px 0; }
    .topzoek {position: relative; padding-bottom: 5px; width: 100%; margin-right: 0; text-align: center; }
    .menubtn {padding: 0 5px; padding-right: 10px; margin-top: 10px; width: 60px; float: left; }
        .menubtn img {width: 50px; height: 50px; border: 1px solid #e6e6e6; }
    .toplogo {text-align: left; }
    .addthis {display: none; }
    .wrap, .wrapbtm {padding-top: 10px; float: none; width: 100%; text-align: center; }


    .topb1 {background-color: #8e281c; width: 100%; height: 10px; }
    .topb2 {display: none; }
    .topm1 {clear: both; color: White; width: 170px; max-width: 170px; background-color: #ed2024; background-image: url(/images/bg-rood.jpg); text-align: center; }
    .topm2 {background-color: #e5e5e5; background-image: url(/images/bg-grijs.jpg); width: 81.31%; max-width: 880px; text-align: center; }
    .topm1, .topm2 {padding: 3px 0; font-weight: bold; background-repeat: repeat-x; width: 100%; max-width: none; }
        .topm1 a::before {content: ""; }
        .topm1 a::after {content: " in Nederland"; }
        .topm1 a {color: White; text-decoration: none; }
        .topm2 a {color: black; text-decoration: none; }
    .topmt {padding-left: 10px; display: none; }
        .topmt a {color: black; }
    .topo1 {clear: both; height: 10px; background-color: #b3b3b3; background-image: url(/images/bg-donkergrijs.jpg); margin-bottom: 5px; }
    .intro {display: none; }
    .i4  {display: none; }
    .invoegad {border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; padding: 8px 0; margin-bottom: 5px; text-align: center; font-weight: bold; background-color: #e6e6e6; }
    #q, #q2 {padding: 6px 10px; font-size: 16px; border: 1px solid #99c; width: 55%; max-width: 350px; }
    #titlenav {display: none; }
    .infoBlok {display: none; }
    .soct {display: none; }
    .fotoInBlok {width: 100%; margin-bottom: 10px; border: 1px solid Black; }
    #logo {height: 52px; margin-top: 10px; }

    .lnavline {padding-bottom: 5px; }
    .mobinfo {display: block; text-align: center; }
    .hist_wrapper {margin-top: 10px; margin-left: 0; padding: 5px 0; font-weight: bold; border-bottom: 1px solid #ccc; }
    .hist_titlewrap {margin-left: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; min-height: 25px; display: none; }
    .hist_titleleft {float: left; width: 122px; padding: 3px 6px; }
    .hist_titleright {float: left; padding: 3px 6px; border-left: 1px solid #ccc; }
    .hist_itemswrap {clear: both; padding: 5px 0; margin-left: 0; margin-bottom: 5px; min-height: 100px; border-bottom: 1px solid #e6e6e6; }
    .hist_items, .nb_items {float: left; min-height: 132px; width: 123px; padding: 3px 6px; font-size: 0.85em; }
        .hist_items img, .nb_items img {height: 75px; margin-bottom: 5px; border: 1px solid #e6e6e6; }
    .item_dist { display: block; padding: 2px 0; }

    .nb_items { position: relative; background-image: url(/images/bg-grijs2.jpg); background-repeat: repeat-x; background-color: #e6e6e6; padding-bottom: 10px; border: 1px solid #ccc; margin-right: 6px; text-align: center; padding-top: 10px; width: 115px; }
    .vembed { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
        .vembed iframe, .vembed object, .vembed embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    .topinfoad { text-align: center; padding-top: 0; margin: 20px 0; }
    .topad { position: absolute; top: 0; text-align: center; padding: 10px 0 12px; display: none; }
    .topad2 { padding: 5px 0 0; display: none; }

    .topadwrap { padding-top: 10px; }
    .topheader { width: 100%; max-width: 350px; position: relative; padding-top: 2px; margin-bottom: 0; }
    /*   .topad {position:absolute;left:0;top:0;width:346px;padding-top:4px;} */
    .top2div { width: 100%; margin-bottom: 5px; display: block; }
    .top2wrap { padding-top: 2px; padding-bottom: 2px; }
    .infobalk { padding-left: 10px; background-color: #e5e5e5; background-image: url(images/bg-grijs.jpg); display: none; }
        .infobalk a { text-decoration: underline; color: black; }
    .btmad { margin: 20px 0 20px; text-align: center; }
    .eventtitel, .top2titel { background-color: #e6e6e6; background-image: url(/images/bg-grijs.jpg); margin-bottom: 5px; background-repeat: repeat-x; border-bottom: 1px solid #cccccc; border-top: 6px solid #8e281c; padding: 5px 10px; }
        .eventtitel a { white-space: nowrap; }
    .top2titel { text-align: left; margin-bottom: 6px; border-top: 6px solid #b4b4b4; border-radius:4px;}

    .votewrap { width: 150px; display: none; }
    .fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }
    input { font: 1.2rem Arial; }
    .btn { cursor: pointer; }

    .paging { text-align: center; margin: 10px 10px 20px; }
    .maanden { text-align: center; margin: 0; padding: 2px; }
        .paging span, .maanden span { padding: 4px 0; display: inline-block; min-width: 26px; text-align: center; margin: 0 2px; }
        .maanden span { padding: 4px 5px; }
        .paging a span, .maanden a span { text-decoration: none; margin: 2px; border-radius:4px;}
    .ps { border: 1px solid #ccccf1; border-radius:4px;}
    .nu { border: 1px solid #8e281c; background-color: #ed2024; color: #fff; font-weight: bold; }
        .nu a { color: White; }

    .wrap { display: block; }
    .item, .fancyitem { background-image: url(/images/bg-grijs2.jpg); background-repeat: repeat-x; background-color: #e6e6e6; }
    .fancyitem { border: 1px solid #ccc; float: left; width: 150px; padding: 10px; margin: 10px 30px; text-align: center; }
        .fancyitem div { height: 40px; overflow: hidden; }
	.item { margin: 5px 0 0 0; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; border: 1px solid #cccccc; border-radius: 4px; clear: both; min-height: 65px; }

        .item a { text-decoration: none; color: #333333; }
	.item a span, .invoeg a { color: Blue; text-decoration: underline; font-size: 1.15rem; font-weight: normal; }
        .item img { float: left; margin-right: 10px; border-radius:4px; }
	.item7 a span { color: Blue; text-decoration: underline; font-size: 1.23em; font-weight: normal; }

    .adatum { color: green; text-align: left; display: inline; }
        .adatum:after { content: " | "; }
    .aplaats { color: #4b4b4b; text-align: left; padding-right: 10px; display: inline; }
        .aplaats span { display: none; }
    .adatum b { color: #333333 !important; text-decoration: none !important; display: none; }
	.atext span { white-space: nowrap; font-size: inherit !important; font-weight: normal !important; color: #be12c0 !important; }
    .atext div { color: green; }
    .fancy { display: none; }

    .invoeg { padding: 10px; text-align: left; border: 1px solid #ccc; border-radius:4px; background-color: #e6e6e6; background-image: url(/images/bg-grijs2.jpg); background-repeat: repeat-x; margin-top: 5px; margin-bottom: 5px; }
    .maandinfo { display: inline; }
	.event-bezoek-nu { display: block; color: Red !important; }


    .viewednowwrap, .mostpopulairwrap { padding: 6px 0; margin: 2px 0; min-height: 100px; border-top: 1px solid #e1e1e1; }
    .mostpopulairDiv, .mostpopulairwrap { display: none; }
    .viewednow, .populairitem { float: left; min-height: 100px; width: 130px; padding: 3px 6px; }
    .populairitem { text-align: center; }
        .viewednow img, .populairitem img { height: 75px; width: 100px; margin-bottom: 5px; border: 1px solid #e6e6e6; }
    .aanmeldwrap { padding: 20px 10px 10px; border: 1px solid #ccf; margin: 5px 0; position: relative; background-color: #e6e6ff; }
    #aanmeldclose { float: right; position: absolute; right: 10px; top: 2px; font-weight: bold; cursor: pointer; }
    #closeinfo { display: none; }
    #abinfo { background-image: url("/images/bg-geel.jpg"); background-repeat: repeat-x; background-color: #FAD157; border: 1px solid #B39966; padding: 10px; margin: 10px; }
        #abinfo h2 { font-size: 1.23em; padding: 0; }
    .removelnk { float: right; padding-right: 10px; font-weight: normal; color: #3333ff; text-decoration: underline; cursor: pointer; }
    #geolistwrap { margin: 0 auto 10px; padding: 10px; text-align: center; border-bottom: 1px solid #e6e6e6; }
    #geolist { text-align: center; max-width: 600px; margin: 0 auto; }
        #geolist a { white-space: nowrap; }


    a.loclnk {color:inherit; text-decoration:none;}
    a:hover.loclnk {color:#0000cc; text-decoration:underline;}
    .itemwrap { width: 220px; padding: 10px; margin: 10px 10px; text-align: center; background-color: #e6e6ff; border: 1px solid #ccf; }
    .icnt { max-width: 202px; height: 150px; margin-left: 10px; }
    .helper { display: inline-block; height: 100%; vertical-align: middle; }
    .icnt img { vertical-align: middle; max-height: 150px; max-width: 200px; border: 1px solid #ccf; }
    .iteminfo { margin-top: 10px; line-height: 18px; }
    .iteminfo span { color: green; }
    .href-btn-wrap {padding:20px 20px 10px; margin-top:10px; border-top:1px solid #e6e6e6; text-align:center;}
    .href-btn-wrap a {text-decoration:none; color:Black;}
    .href-btn {font-size:17px; padding:10px; background-color:#f1f1f1;display:inline-block;border:1px solid #999;-moz-border-radius: 4px; -webkit-border-radius: 4px;-khtml-border-radius: 4px; border-radius: 4px;}
	.socialbtn { height: 20px; margin-bottom: 0px; text-align: right; float: right; display: none; }
	.facebook, .twitter, .email { display: block; top: 0; width: 20px; height: 20px; margin-left: 10px; float: right; background-image: url(/images/social-sprite-s.png); background-repeat: no-repeat; border-radius: 4px; }
	.email { right: 60px; background-position: 0px 0px; }
	.twitter { right: 30px; background-position: -20px 0px; }
	.facebook { right: 0px; background-position: -40px 0px; }

}

@media screen and (min-width: 350px) {
    .menubtn {padding:0 5px; margin-top:12px;width:70px;}
    .menubtn img {width:50px; height:50px;}
    .topb1 {float:left;background-color: #8e281c; width: 170px; max-width:170px; height: 10px;}
	.topb2 { float: left; width: calc(100% - 170px); background-image: url(/images/balk_roodpaars.jpg); height: 10px; max-width: 880px; display: block; }
    /*.topm1 {padding:5px;} */
    .intro {display:block;}
	.tblwrap { display: table; width: 100%; max-width: 1050px; clear: both; }
    .tblrowwrap {display:table-row;}
    #titlenav { display:block}
    .infoBlok, .soct { display:block;}
    .infoBlokWrap { float:right; margin-bottom:20px; text-align:right; margin-top:0; border:none;}
    .fotoInBlok {width:auto;margin-left:10px; margin-top:0; margin-bottom:20px; border-left:1px solid Black; border-top:1px solid Black; border-right:1px solid Black; }
    #logo {height:auto; margin-top:0; }
    .topwrapper {margin:5px 0; }
    .mobinfo {display:none; }
    .topmt {display:block; }
    .topm1 a {text-decoration:none; color:White; }
    .hist_titlewrap { display:block;}
    .votewrap {display:block;}
    .topheader { width: 350px; }
    .itemwrap { float: left;}
}

@media screen and (min-width: 600px) {
	body, select { font: 0.9375em Arial; line-height: 150%; }
    h1 {padding-left:0; }
    h2 {padding-left:0; }
    h3 {font-size:1.05rem;}
	.socialbtn { display: inline-block; }
    .menurow li {padding:0 15px;}
    .menurow li::after {content: ""}
    .i4 {display:block; }
    .invoeg {padding-left:110px;}
	.invoegad {padding:8px 9px;}
    .s21 { padding-left:0; padding-right:0;   }
    .s22 {display:none;}
    .topm1 {width:170px; max-width:170px;}
	.topm2 { width: calc(100% - 170px); max-width: 880px; display: block; text-align: left; }
    .topm1, .topm2 {display:table-cell;}
    .topm1 a::before {content: ""} 
    .topm1 a::after {content: ""}
    .infobalk {display:block;}
    .maandinfo {display:none; }

    .subinfo { font-size:0.75rem;}
	.item img { margin: 3px 20px 5px 0; }

    .awrap {float:right; }
    .adatum {float:right; color:#4b4b4b; padding-left:30px; text-align:left; width:100px;height:50px;}
    .aplaats {float:right; color:#4b4b4b; padding-left:20px; text-align:left; width:100px;height:50px;padding-right:10px}
    .aplaats span {display:inline; }
    .adatum b {color:#333333 !important; text-decoration:none !important; display:inline;}
    .adatum:after {content: "" }
	.atext{}
    .fancy { display:block;}
    .removelnk {float:right;padding-right:10px;width:90px;display:block;}
}


@media screen and (min-width: 768px)
{
    body { margin-top:37px;}
	#headbar { margin: 0 10px; }
    #top_bar {display:block;  }
    .topmenu {display:block;}
    .mobmenu {top: 32px;}
    .topwrapper {position:relative;height:90px; text-align:left; margin:0;}
    .toplogo {position:absolute; left:85px; top:0; width:100%; max-width:250px;}
    .toplogo img {width:95%;max-width:236px; }
    .menubtn {position: absolute;left: 0; top: 0; padding:0;width:55px;}
    .topzoek {position:absolute; right:0; top:0; width:600px;padding-top: 6px;text-align:right;}
    .addthis {display:block;}
    .wrap {padding-top:26px;float:right; width:100%;text-align:right;}
	.wrapbtm { padding-top: 26px; width: 100%; text-align: center; padding-bottom: 30px; border-bottom: 1px solid #ccc; margin-bottom: 10px; }
    .topm1, .topm2 {padding: 4px 0; }
	.s2 { float: left; max-width: 880px; }
    .s21 {border-left:none;border-right:none; }
    .s22 {display:block;}
    .topadwrap {padding-top:116px; }
    .infobalk {display:block; }
	.top2wrap { padding-left: 10px; border-left: 1px solid #ccc; padding-top: 2px; padding-bottom: 2px; }
	.top2div { float: right; width: calc(100% - 346px); margin-bottom: 10px; display: block; }
    .topinfoad { top:0; width:346px; text-align:left; padding-top:4px; display:block; margin:0;}
    .top2titel {display:block; }
    .atext div {padding-left:100px;}
    .mostpopulairDiv, .mostpopulairwrap {display:block;}
    .aanmeldwrap {padding-left: 110px;}
    .itemwrap {margin: 10px 30px;}
}


@media screen and (min-width: 910px)
{
    body {margin:0;margin-top:37px;}
    .toplogo {left:0;}
    .menubtn {display:none;}
	.lnavline { border-bottom: 1px solid #ccc; margin-bottom: 5px; }
    .wl {margin-bottom:15px;}
    .s1 {display:block;}
	.s2 { border-left: 1px solid #ccc; width: calc(100% - 170px); }
    .s21 {padding-left:10px;}
    #abinfo {margin:10px 0;}
}

@media screen and (min-width: 1070px) {
	.sectionwrap, #headbar { margin: 0 auto; }
}


