﻿a, a:visited, a:active, a:hover
{
    color:Blue;
    text-decoration:underline;
}

.titel 
{
    font:bold 14px Arial;
    color: #be12c0;
    padding-top:14px;  /* was 20px */
    padding-bottom:7px;
}

.tekstKlein 
{
    font: 11px Arial;
    padding-top:3px;
    color:#4b4b4b;
    text-decoration:none;
}

.subinfo a {color:#333;}
.subinfo a:hover {color:#33f;}

.paginaTitel, .kopTitel 
{
	font:bold 17px Arial;
    color: #be12c0;
}

.paginaTitel {padding-bottom:5px; border-bottom:1px dotted #ccc; margin-bottom:15px;}

.listheader 
{
    background-color:#FFC0C0;
    background-image:url(/images/bg-lichtrood1.jpg);
    background-repeat:repeat-x;


    }

.listitem
{
    background-color:#FFe6e6;
    background-image:url(/images/bg-lichtrood2.jpg);
    background-repeat:repeat-x;
}

.fotoInBlok 
{
 margin-left:0px;
 margin-top:0px;
 margin-bottom:20px;
 border:1px solid Black;
 }

.reviewItem
{
/* padding-left:0px;*/
 padding-right:40px;
 padding-top:20px;
 padding-bottom:10px;
 line-height:20px;
 background-color:#E6E6E6;
 font:12px Arial;
}

.reviewItem ul 
{
    margin-bottom:0px;   
}

.reviewItem li 
{
    list-style-type: square;
}

.reviewTitelBlok 
{
    padding-left:10px;
    padding-top:4px;
    padding-bottom:4px;
    color: White;
    font-weight:bold;
    border:none;
    background-color:#808080;
    background-image:url(/images/bg-donkergrijs2.jpg);
    background-repeat:repeat-x;    
}

.reviewText 
{
    padding-top:15px;
    padding-bottom:15px;
    padding-left:10px;
    padding-right:10px;
    font:13px Arial;
    line-height:18px;
    background: #FFFFFF;
}

.reviewFormblok 
{
    padding: 20px 10px 20px 10px; 
    border-bottom:1px solid #ffffff;
    border-top:1px solid White;
    text-align:center;
    font-weight:bold;
}

.reviewFormblok a { color:black;}
.reviewFormblok a:hover {color:#00f; }
.reviewbtn {font-weight:bold; text-align:center; border:1px solid Black; padding:8px 10px; color:#006;background-repeat:repeat-x; background-color:#ffcc00; background-image:url(/images/stem-ja.png);}

.agendaTitel 
{
    font:bold 15px 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;

}

.infobalk 
{
    padding-left:10px;
    display:none;
}

.infobalk span {padding-right:50px;}

.titelInfoOnderbalk 
{
    height: 10px;
    background-color: #b3b3b3;    
    background-image:url(/images/bg-donkergrijs.jpg);
    
}


    .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;}

.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;}

.bloklink {clear:both;text-align:left; margin-left:10px; margin-right:10px; line-height:26px; height:26px; vertical-align:middle; padding:0px 3px 0px 3px;}

.bloklink a {color:Black; text-decoration:none;}
.bloklink a:hover span {color:Black; text-decoration:underline;}
.bloklink span {font: 11px Arial; line-height:16px;}
.bloklink img {margin-right:3px; vertical-align:middle;}

.lnavhome {border-bottom:2px dotted #b4b4b4;padding-bottom:5px; margin-bottom:15px;}

.menuwrap {border:1px solid Black; background-color:#e6e6e6; margin-left:0px;}
.menutop {background-color:#b3b3b3;height:5px;border-bottom:1px solid Black;}

.altitem {background-color:#e6e6e6; padding: 8px 10px 8px 10px; line-height:18px; background-image: url(/images/bg-grijs2.jpg); background-repeat:repeat-x;border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc; margin-bottom:5px;}
.altitem a { text-decoration:none; color:Black;}
.altitem a b {text-decoration:underline; color:#00f; font-size:16px; font-weight:normal;}
.altitem a span {text-decoration:underline; color:#00f;}
.altitem img {margin-right:10px; border:none;}
.altsep {border:1px solid White;}


/* tmp */
.altitem img {margin-right:10px; margin-top:3px; border:none;}
h1 {font-size:1.3em; color: #be12c0; padding-top:14px; padding-bottom:5px;margin: 0px;}   
h2 {margin:0px; padding-bottom:4px;color: #be12c0;}
h3 {margin:0px; padding-bottom:3px; font-size:1.3em;}
h4 {font-size:16px; font-weight:normal; text-decoration:underline; margin:0; margin-bottom:4px; color: #00f;}
.altitem i {font-style:normal; font-size:12px; font-weight:bold;}
/* end tmp */


.binfo { margin-bottom:20px;}
.binfo a {color:Black;}

.votediv { margin-bottom:20px; background-image:url(/images/bg-grijs2.jpg); background-repeat:repeat-x; background-color :#e6e6e6; border:1px dotted #999; font: bold 15px Arial; text-align:center; padding: 0px 8px 10px 8px;}
.vTitel {font:bold 18px Arial; color:#be12c0;}
.vInfo {float:right;}
.voteinfo {font:11px Arial; margin-bottom:10px; margin-top:10px;}
.votescore { font:11px Arial; margin-bottom:15px; margin-top:5px; line-height:18px; text-align:left; padding-left:0px;}
.votescore b { font: 28px Georgia, Arial; color:Black;}
.votescore span { font:11px Arial;}

.voteyes, .voteno {width:50px; font:bold 11px Arial; text-align:center; border:1px solid Black; padding:5px;margin-top:10px; color:Black;background-repeat:repeat-x;}
.voteyes { float:left; background-color:#ffcc00; background-image:url(/images/stem-ja.png);}
.voteno { float:right; background-color:#ccc; background-image:url(/images/stem-nee.png);}
.button a { text-decoration:none; }
.uit {display:none;}

.stemja {color:#ff6600; font:bold 13px Arial;}
.stemnee {color:#666; font:bold 13px Arial;}
.clearvote {font:11px Arial; display:none;}
.aan {display:inline;}

#reviewfooter {margin-top:0px; margin-bottom:20px; font: bold 13px Arial; line-height:20px;}
.big {font: bold 13px Arial; line-height:20px;}

.bc {margin-bottom:10px; font:13px Arial; padding-bottom:5px; border-bottom:2px dotted #fff; color:#0000ff;}
.bc a {color:#0000ff;}

.infobalk, .infobalk a {color:#000; text-decoration:underline;}
.infobalk a:hover {color:#0000ff;}


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;}


.nieuws {margin-bottom:20px; margin-top:20px; border:1px dotted #be12c0; padding:10px; background-color:#e6e6e6;}

.meerevents {line-height:22px; margin-bottom:20px;}

.soct {padding-top:8px; padding-bottom:1px;margin-top:10px; border-top:1px dotted #ccc; font:11px Arial;}
.soct a {float:left; display:block;padding-top:3px;padding-right:10px;text-decoration:none; color:#3b5998;}
.soct a:hover {text-decoration:underline;}

.hist_wrapper {margin-top:10px; margin-left:0px; padding:5px 0px; font-size:17px;font-weight:bold;border-bottom:1px solid #ccc;}
.rev_item {padding:5px; background-image:url(/images/no-pic.png); background-repeat:no-repeat; padding-left:43px; padding-top:10px; line-height:1.5em; background-position:5px 10px;border-bottom:1px solid #e6e6e6;}
.rev_item div {padding:10px 0px 15px;}

.relbtn {display:inline-block; margin:3px 0px 20px; margin-right:15px; padding:2px 10px; background-color:#e6e6ff;-webkit-border-radius: .3em; moz-border-radius: .3em; border-radius: .3em; cursor:pointer;text-decoration:none; font-size:13px;}

@media screen 
{
    body { font: 0.9375em Arial; line-height:150%;margin:5px 0px;}
    h1 {font-size:1.3rem; color: #be12c0; margin: 0px;padding:0px;padding-bottom:2px;line-height:120%;}
    h2 {margin:0px; padding-bottom:4px;color: #be12c0; font-size:1.05rem;line-height:120%;padding-top:14px; padding-left:10px; display:none;}
    h3 {margin:0px; padding-bottom:3px; font-size:1.3rem;line-height:120%;}
    #top_bar {display:none;  }
    .topmenu {display:none;text-align:right;}
    .s1 {float:left;width:168px;display:none;}
    .s2 {float:left;width:100%; max-width:740px; position:relative;}
    .s21 {margin-top:0px; padding-top:7px; padding-left:10px; padding-right:10px;}
    .s22 {position:absolute;top:0px;right:0px;width:160px; padding-left:8px; padding-top:8px; display:none;}
    .subinfo { color: #333;font-size:0.875rem;line-height:150%; }

    .sectionwrap {margin: 0px auto; width:100%; max-width: 910px;}
    .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 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;}
    .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 {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; display:none;}
    .topm1, .topm2 {padding:4px 0px;font-weight:bold;background-repeat:repeat-x;width:100%; max-width:none;}
    .topm1 a::before {content: ""} 
    .topm1 a::after {content: " \00BB"}
    .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 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;}
    #titlenav { display:none;}
    .infoBlok {display:none}
    .soct { display:none;}
    .infoBlokWrap { }
    .fotoInBlok {width:100%; margin-bottom:10px;border:1px solid Black; }
    #logo {height:52px;margin-top:10px; }
    .socialbtn {display: none; position:relative; height:20px;	margin-bottom:0px; text-align: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;}

    .lnavline { padding-bottom: 5px; }
    .mobinfo {display:block; text-align:center; }
    .hist_wrapper {margin-top:10px; margin-left:0px; padding:5px 0px; font-weight:bold;border-bottom:1px solid #ccc;}
    .hist_titlewrap {margin-left:0px; 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 0px; margin-left:0px;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;}
    .hist_items span, .nb_items span {}
    .item_dist {display:block; padding:2px 0px;}

    .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%; }
    .topad { position:absolute; top:0px; width:100%; text-align:center; padding:10px 0px 12px; display:none;}
    .topadwrap {position:relative; }
    .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;}
    .aditem {margin-top:10px; border-top:2px dotted #b4b4b4; border-bottom:1px solid #e6e6e6; padding-top:10px; padding-bottom:10px; width:152px;overflow:hidden; display:none;}
        .aditem span { color:Gray;}
    .adtext { line-height:150%; font-weight:normal;}
    .adtext a {text-decoration:none;  }
    .adtext a b { text-decoration:underline; color:Blue;}
    .adtext span {color:black;}
    #favlnk { cursor:pointer; border:1px dotted #333; padding:10px 5px; width:165px;margin:0px 0px 20px 0px; text-align:center;background:#ffffff  url('/images/heart-icon.png') no-repeat 10px 12px; padding-left:25px;}
    #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:0px; color:black;}
    .eventtxt a { font-style:normal; color:#333; text-decoration:none; }
    .eventtxt a:hover{ text-decoration:underline;}
    .btmresp { margin:10px; text-align:center; border-top:1px solid #e6e6e6;padding:10px 0px;}
}

@media screen and (min-width: 350px) {
    body {font-size:0.8125em;}
    .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; display:block;}
    .topm1, .topm2 {display:table-cell;}
    .topm1 a::before {content: ""} 
    .topm1 a::after {content: ""}
    .intro {display:block;}
    .tblwrap {display:table; width:100%; max-width:910px; clear:both;}
    .tblrowwrap {display:table-row;}
    #titlenav { display:block}
    .infoBlok, .soct { display:block;}
    .infoBlokWrap { float:right; margin-bottom:20px;margin-left:10px; text-align:right; margin-top:0px; border:none;}
    .fotoInBlok {width:auto; margin-top:0px; margin-bottom:20px; border-left:1px solid Black; border-top:1px solid Black; border-right:1px solid Black; }
    #logo {height:auto; margin-top:0px; }
    .topwrapper {margin:5px 0px; }
    .mobinfo {display:none; }
    .topmt {display:block; }
    .topm1 a {text-decoration:none; color:White; }
    .hist_titlewrap { display:block;}
    .votewrap {display:block;}
    #favlnk { width:150px;background:#ffffff  url('/images/heart-icon.png') no-repeat 10px 11px; padding-left:22px;}
}

@media screen and (min-width: 600px) {
    h2 {display:block; padding-left:0px; }
    h3 {font-size:1.05rem;}
    .socialbtn {display:block; }
    .sectionwrap {max-width: 570px;}
    .menurow li {padding:0px 15px;}
    .menurow li::after {content: ""}
    .i4 {display:block; }
	.invoegad {padding:8px 9px;}
    .s21 {width:550px; padding-left: 10px; padding-right:10px;border-left: 1px dotted #ccc; border-right:1px dotted #ccc;}
    .s22 {display:none;}
    .subinfo { font-size:0.75rem;}
}


@media screen and (min-width: 768px)
{
    .sectionwrap {max-width: 740px;}
    #top_bar {display:block;  }
    .topmenu {display:block;}
    .mobmenu {top: 32px;}
    body { font: 0.8125em Arial; line-height:1.5em;margin-top:37px;}
    .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;}
    .addthis {display:block;}
     .wrap {padding-top:26px;float:right; width:100%;text-align:right;}
    .topm1, .topm2 {padding: 4px 0px; }
    .s2 {width:740px;min-height:600px;}
    .s21 {width:550px;border-left:none;border-right:2px dotted #808080;}
    .s22 {display:block;}
    .topad { display:block;}
    .topadwrap {padding-top:112px; }
    .infobalk {display:block; }
}


@media screen and (min-width: 910px)
{
    body {margin:0;margin-top:37px;}
    .sectionwrap {max-width: 910px;}
    .toplogo {left:0px;}
    .menubtn {display:none;}
    .sectionwrap {margin: 0px auto; width:910px;}
    .lnavline {border-bottom:2px dotted #b4b4b4;margin-bottom:5px;}
    .wl {margin-bottom:15px;}
    .s1 {display:block;}
    .s2 {border-left:2px dotted #808080; }
    .aditem {display:block; }
    #abinfo { margin:10px 0px;}
    .btmresp {margin-right:0px;}
}


