﻿a, a:visited, a:active,a:hover
{
    color:Blue;
    text-decoration:underline;
}

.navigationLink, a.navigationLink,a.navigationLink:visited, a.navigation:active 
{
    color:#000000;
    text-decoration:underline;
    font-weight:bold;
    cursor:pointer;
}

provincieLinkText 
{
    font:bold 15px Arial;
    color: #be12c0;
}

.titelbalk
{
    background-color: #ed2024; 
    color:White;
    font-weight:bold;
    padding-left:7px;
    padding-right:7px;
    background-image:url(images/bg-rood.jpg);
}

.infobalk 
{
    padding-left:10px;
    background-color: #e5e5e5; 
    height: 26px;
    background-image:url(images/bg-grijs.jpg);
}

.titelInfoOnderbalk 
{
    height: 10px;
    background-color: #b3b3b3;    
    background-image:url(images/bg-donkergrijs.jpg);
    
}

.categorieSelect 
{
    padding-bottom:4px;
    background-color:#ffdada;
    padding-left:8px;
    padding-top:4px;
    margin-bottom:1px;
    background-image:url(/images/bg-lichtrood3.jpg); 
    background-repeat:repeat-x;
    border-top:1px solid #ffdada;
    border-bottom:1px solid #ffdada;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++ Begin Styles van locatieoverzichtstabel ++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.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 {padding-bottom: 5px;}

.clearboth {clear:both;height:1px;}


   
    h1 {font:bold 15px Arial; color: #be12c0; padding-top:14px; padding-bottom:5px;margin:0px;}
    h2 {margin:0px; font:bold 15px Arial;padding-top:6px;}
    h3 {font: bold 13px Arial; color: #be12c0; margin:0;}
    .lnav {padding-left: 10px; margin-right: 6px;margin-top:5px; line-height:22px; font-weight:bold;color:Black;}
    .lnav span {font: bold 13px Arial; color: #be12c0; margin:0;}
    .lnav a {color:Black;}
    
    .sectionwrap {margin: 0px auto; width: 910px;}

    .topm1 {clear:both; color:White;width:18.69%; 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:740px;}

    .topwrapper {position:relative;height:90px;}

    .topb1 {float:left;background-color: #8e281c; width: 170px; height: 10px;}
    .topb2 {float:left;width: 740px;}
    .topo1 {clear:both; height: 10px; background-color: #b3b3b3; background-image:url(/images/bg-donkergrijs.jpg); margin-bottom:5px;}


.s1 {float:left;width:168px;}
.s2 {float:left;width:740px;border-left:2px dotted #808080;min-height:600px;}

.eventtitel 
{
	background-color: #e6e6e6; 
	background-image: url(/images/bg-grijs.jpg); 
	background-color:#808080;
    background-image:url(/images/bg-donkergrijs2.jpg);
    color:White;
    margin-bottom:5px;
	margin-top:1px; 
	background-repeat: repeat-x; 
	padding-left: 10px; 
	border-bottom: 1px solid #cccccc; 
/*	border-top: 6px solid #8e281c; */
	padding-top:0px;
	padding-bottom:0px;
	height:30px;
	line-height:30px;
	margin-left:5px;
    margin-right:5px;
	}
	
.item, .infoitem {margin-left:10px; padding-left:10px; padding-top:5px; padding-bottom:5px; background-image: url(/images/bg-grijs2.jpg); border-top:1px solid #ccc;border-bottom:1px solid #ccc; clear:both;margin-top:5px; background-repeat: repeat-x;background-color: #e6e6e6; position:relative; text-align:left;}

.item a {color:Black;}
.itemoud div a {text-decoration:none;color:#4b4b4b ; }
.itemoud div a span {color:#4d4dff; text-decoration: underline}
.itemoud div a b {color: Blue; text-decoration:underline; font: 13px Arial; line-height:20px;}
.cel1 {float:left; margin-left:0px; max-width:100px;}
.cel2 {float:left; margin-left:0px; max-width :450px;line-height:18px;color:#333;}
.cel3 {float:right; margin-left:0px; width:140px; color:#333;}
.tipcel {max-width:590px;}
.cel1 img {width:80px; margin-top:3px; border:none;}
.cel2 a {text-decoration:none;}
.cel2 a b {color:Blue; text-decoration:underline;}
.cel3 span {}

.pagingTable 
{
	padding:0px;
	border:1px solid Gray;
	background-color: #f1f1f1;
	
}

.pagingTable td 
{
	border:1px solid Gray;
	background-color:#cccccc;
	width:16px;
	color:Black;
	text-align:center;
}

.pagingTable td a 
{
	text-decoration:none;	
	font-weight:normal;
	text-align:center;
	color:Black;
}

.pagingTable td.nu, pagingTable td.pgt1 
{
	border:1px solid #8e281c;
	background-color:#ed2024;
	width:16px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
}


.pagingTable .introTd 
{
	background-color: #f1f1f1;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:3px;
	border:none;
}








.topheader {position:relative;padding-top:2px;margin-bottom:0px;max-width: 348px;}
.topad {position:absolute;left:0;top:4px;width:346px;padding-top:4px;padding-bottom:2px;}

.top2div {float:right; width:384px; margin-bottom:10px;}

.topinfo { padding-right:10px; color:#4b4b4b; text-decoration:none; min-height:77px; }
.topinfo a {color:#4b4b4b; text-decoration:none;}
.topinfo div {margin-top:11px;}
.topinfo img {margin-right:10px;}
    .topinfo span { color:#393; }

.top2itemwrap {
    padding-top:5px;
    padding-bottom:10px;
    border-bottom:1px solid #cccccc;
    border-top:1px solid #cccccc;
    padding-left:10px;
    background-image:url(/images/bg-grijs2.jpg); 
    background-repeat:repeat-x; 
    background-color :#e6e6e6;
    min-height:100px;
}

.top2itemshwrap {
    float: left; 
    overflow:hidden; 
    width: 349px; 
    padding-top:5px;
    padding-bottom: 5px;
    padding-left: 10px;
    border-bottom:1px solid #cccccc;
    border-top:1px solid #cccccc;
    background-image:url(/images/bg-grijs2.jpg); 
    background-repeat:repeat-x; 
    background-color :#e6e6e6;

}

.top2intro {margin-bottom:5px;padding-right:10px; }
.top2intro  a {color: #be12c0; font-weight:bold;text-decoration:none;}
    .top2intro a:hover { text-decoration:underline;}
.textline {padding:9px; text-align: center; font-weight:bold;border:1px solid White;border-top:1px solid #ddd; border-bottom:1px solid #ddd; 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 {padding-bottom: 5px;}

body #top_bar 
{
	margin:0px;
}

#top_bar a
{

	color:White;
	text-decoration:underline;
	font:bold 13px Arial;
}

#top_bar { background: #4d4d4d; color:White; padding-top:6px; padding-bottom:8px; 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; }
* html #top_bar{ position: absolute; }
#top_bar a {text-decoration:none;font: 15px Arial;}
#top_bar a:hover {text-decoration:underline;}

.socialbtn {position:relative; height:20px;	margin-bottom:0px; text-align:right;float: right;}

.facebook, .twitter, .email {position:absolute;display:block; top:0;width:20px;height:20px; float:right;background-image: url(/images/social-sprite-s.png); background-repeat:no-repeat;}
.email {right:60px;background-position: 0px 0px;}
.twitter {right:30px; background-position: -20px 0px;}
.facebook {right:0px; background-position:-40px 0px;}

.geotekst 
{
	margin-top:0px; 
	padding-bottom:10px; 
	margin-left:10px;
	border-top:2px dotted #b3b3b3;
	padding-top:18px; 
	line-height:18px;
}

    
.lila {color: #be12c0;}

.adlink a {font-size:11px; color:#00c;}

     input {font:19px Arial;}
     .btn {cursor:pointer;}

@media screen 
{
    body { font: 0.9375em Arial; line-height:1.5em;margin:5px 0px;}
    h1 {font-size:1.3rem; font-weight:bold; color: #be12c0; padding-top:5px; padding-bottom:5px;margin:0px; padding-left:10px;}
    h2 {margin:0; font-weight:bold; font-size:100%; padding-left:10px;}
    .menurow ul {list-style-type: none; margin: 0; padding: 0; overflow: hidden;}
    .menurow li {display:inline; padding:0px 0px; text-align:center;}
    .menurow li::after {content: " | "}
     li.lastli::after {content: ""}
    .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;}
    .invoeg {padding-bottom:10px; padding-top:10px; text-align:left; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; background-color :#e6e6e6;margin-left:5px; margin-right:5px; margin-top:5px; margin-bottom:5px; text-align:center; }

    .tipitem, .eventitem {margin-bottom:5px; padding-top:5px; margin-right:10px; border-top:1px solid #fff; }
    .tipitem img, eventitem img {float:left;padding:2px; margin-left:0px;border-width:1px; border-style:solid; border-color:#e6e6e6 #b3b3b3 #b3b3b3 #e6e6e6;height:auto;width:auto;}
    .eventitem img {width:60px; height:45px;border:none; padding:0;}
    .tipinfo {padding-left :45px;}
    .eventinfo {padding-left :70px;}
    .tipinfo a, .eventinfo a {color:Blue;}
    .tipinfo a:hover, .eventinfo a:hover {text-decoration:underline;}
    .tipsocial {color:#393;}

    .eventitemtop {
    position:relative;
    margin:0px 5px 5px;
	padding:7px;
	padding-left:10px;
    line-height:18px;
    border-bottom:1px solid #ccc;
    border-top:1px solid #ccc;
    background-image:url(/images/bg-grijs2.jpg); 
    background-repeat:repeat-x; 
    background-color :#e6e6e6;
    font-weight:bold;
    }	

    #top_bar {display:none;  }
    .topmenu {display:none;text-align:right;}
    .sectionwrap {margin: 0px auto; width:100%; max-width: 910px;}
    .topwrapper {text-align:center; position:relative; height:auto; margin:5px 0px;}
    .topzoek {position:relative; padding-bottom: 5px; width:100%;   margin-right:0px; text-align:center;}
    .menubtn {padding:0px 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;}
    #logo {height:52px;margin-top:10px; }
    .s1  {display:none;  }
    .s2 {float:left;width:100%;border-left:none;padding: 0;}
    .s21 {margin-top:5px;padding-left: 5px;padding-right:5px;padding-bottom:5px;}
    .s22 {margin-top:20px;padding:0px 5px;}
    .addthis {display:none;}
    .wrap {padding-top:10px;float:none; width:100%;text-align:center;}
    .topb1 {background-color: #8e281c; width: 100%; height: 10px;}
    .topb2 {display:none;}
    .topm1, .topm2 {padding:5px 0px;font-weight:bold;background-repeat:repeat-x;width:100%; max-width:none;}
    .intro {display:none;}
    .i4 {display:none; }
    .invoegad {border-bottom:1px solid #cccccc;border-top:1px solid #cccccc;padding:8px 0px;margin-bottom:5px;text-align:center;font-weight:bold;background-color :#e6e6e6;}
    #q {padding:6px 10px; font-size:16px; border:1px solid #99c; width: 55%; max-width:350px;}
    .topadwrap { position: relative; padding-top: 10px; }
    .topheader { position: relative; padding-top: 2px; margin-bottom: 0px; }
    .topinfoad { text-align: center; padding-top: 0px; margin-bottom: 12px; }
    .top2div { width: 100%; margin-bottom: 5px; display: block; }
    .top2wrap { padding-top: 2px; padding-bottom: 2px; }
    .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; text-align:left; margin-bottom:6px; border-top: 6px solid #b4b4b4 ;}
        .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-left: 5px; margin-right:5px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; clear: both; margin-top: 5px; min-height: 65px; }
        .item a { text-decoration: none; color: #333333; }
            .item a b { color: Blue; text-decoration: underline; }
        .item img { float: left; margin-right: 10px; }
    .infoitem { min-height:0px; margin-left:5px; margin-right:5px; }
    .infoitem a { text-decoration: none; color: #333333; }
    .infoitem a b { color: Blue; text-decoration: underline; }

    .adatum { color: green; text-align: left; display: inline; }
        .adatum:after { content: " | "; }
    .aplaats { color: #000; text-align: left; padding-right: 10px; display: inline; font-weight:bold;}
        .aplaats span { display: none; }
    .adatum b { color: #333333 !important; text-decoration: none !important; display: none; }
    .atext span { white-space: nowrap; }
    .atext div {color:green;}
    .fancy {display:none;}
    .linkrow { padding-left:0px;}
    .linkrow a {text-decoration:none; color:#33f;}
    .linkrow a:hover {text-decoration:underline;}
    .linkrow span {color:#393;}
    .st {position:relative;padding-top:4px;margin:0px 5px;}
    .catnavdd {margin-top:0px; margin-left:10px;border-top:2px dotted #b3b3b3;padding-top:10px; margin-right:5px;}

}

@media screen and (min-width: 350px) {
    body {font-size:0.8125em;line-height:1.5em;}
    .menubtn {padding:0px 5px; margin-top:12px;width:70px;}
    .menubtn img {width:50px; height:50px;}
    .topb1 {float:left;background-color: #8e281c; width: 18.69%; max-width:170px; height: 10px;}
    .topb2 {float:left;width:81.31%;background-image:url(/images/balk_roodpaars.jpg); height:10px;max-width:740px;display:block;}
    /*.topm1 {padding:5px;} */
    .topm1 {width:18.69%; max-width:170px;}
    .topm2 {width:81.31%;max-width:740px;}
    .topm1, .topm2 {display:table-cell;}
    .intro {display:block;}
    .tblwrap {display:table; width:100%; max-width:910px; clear:both;}
    .tblrowwrap {display:table-row;}
    #logo {height:auto; margin-top:0px; }
}

@media screen and (min-width: 600px) {
    .menurow li {padding:0px 15px;}
    .menurow li::after {content: ""}
    .i4 {display:block; }
	.invoegad {padding:8px 9px;}
    .item, .infoitem {margin-left: 10px; margin-right:0px; }
    .item img {margin-right:20px; }
    .tipitem img { margin-left: 45px; }
    .eventitem img {margin-left: 20px; }
    .tipinfo, .eventinfo {padding-left :100px;}
    .linkrow { padding-left:100px;}
    .awrap {float:right; }
    .adatum {float:right; color:#4b4b4b; padding-left:30px; text-align:left; width:100px;height:40px;}
    .aplaats {float:right; color:#000; padding-left:20px; text-align:left; width:130px;height:30px;padding-right:10px;font-weight:normal;}
    .aplaats span {display:inline; }
    .adatum b {color:#333333 !important; text-decoration:none !important; display:inline;}
    .adatum:after {content: "" }
    .fancy { display:block;}
    .invoeg { padding-left: 110px; text-align:left; margin-left:10px; margin-right:0px; }
    .st {position:relative;padding-top:4px;margin:0px; margin-left:10px;}
    .eventtitel {margin-left:10px; margin-right:0px;}
    .eventitemtop { margin-left: 10px; margin-right: 0px; padding-left:110px; }
    .catnavdd {margin-right:0px;}

}


@media screen and (min-width: 768px)
{
    #top_bar {display:block;  }
    .topmenu {display:block;}
    .mobmenu {top: 32px;}
    body { font: 0.8125em Arial; line-height:1.5em;margin-top:37px;}
    h1 {padding-top:14px; padding-left:10px;}
    h2 {margin:0; font-weight:bold; padding-left:10px;}
    .topwrapper {position:relative;height:90px; text-align:left; margin:0px;}
    .toplogo {position:absolute; left:85px; top:0; width:100%; max-width:250px;}
    .toplogo img {width:95%;max-width:236px; }
    .menubtn {position: absolute;left: 10px; top: 0;}
    .topzoek {position:absolute; right:0; top:0; width:600px;padding-top: 6px;text-align:right;}
.s2 {float:left;width:740px;}
.s21 {float:left;width:386px;border-right:2px dotted #808080;margin-top:3px;padding-right:10px;}
.s22 {float:left;width:330px;display:block; margin-top:7px;padding:0px;}
.s22wrapper {padding-left:10px;margin-top:5px;display:block;}
    .addthis {display:block;}
     .wrap {padding-top:26px;float:right; width:100%;text-align:right;}
    .topm1, .topm2 {padding: 5px 0px; }
    .top2wrap {padding-left:10px;border-left:2px dotted #b3b3b3;padding-top:2px;padding-bottom:2px; }
    .top2div {float:right; width:100%; max-width:384px; margin-bottom:10px; display:block;}
    .topinfoad { position:absolute; top:0px; width:346px; text-align:left; padding-top:4px; display:block; margin-bottom:0px;}
    .top2titel {display:block; }
}


@media screen and (min-width: 910px)
{
    body {margin:0;margin-top:37px;}
    .toplogo {left:0px;}
    .menubtn {display:none;}
    h1 {padding-left:0px;}
    .sectionwrap {margin: 0px auto; width:910px;}
    .s1 {float:left;width:168px;display:block;}
    .s2 {border-left:2px dotted #808080;}
    .s21 {padding-left: 10px;}

}

