body
{
	margin: 0;
	padding: 0;
	color: #555;
	font: normal 10pt Arial,Helvetica,sans-serif;
	/*background: #1b0305;*/
	
	background: #555555;
	/*background: url(../images/mixer_mobile.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
}

hr
{
	color: black;
	background: black;
}

#page
{
	margin-top: 0px;
	margin-bottom: 5px;
	/*background: white;*/
	border: 0px solid #000000;
}

#header
{
	margin: 0;
	padding: 0;
	/*border-top: 3px solid #000000;*/
	width: 100%;
	margin-bottom: 5px;
}

#header img
{
	margin: 0;
	padding: 0;
	/*border-top: 3px solid #000000;*/
	/*height: 91px;*/
	width: 100%;
}

#content
{
    padding-top: 20px;
    padding-bottom: 21px;
    padding-left: 20px;
    padding-right: 20px;   
    /*text-align: justify;*/
    background: white;
}

#content.transparant
{
	background: transparent;
}

#sidebar
{
	padding: 0 0 0 0;
}

#sidebar2
{
	padding: 0 0 0 0;
}

#footer
{
	padding: 10px;
	margin: 10px 20px;
	font-size: 0.8em;
	text-align: center;
	border-top: 1px solid #000000;
	color: white;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 1);
	text-transform:uppercase;
}

#footer a
{
	color: white;
	text-decoration: none;
}

#footerblock
{
	margin-top: 30px;
	background-color: #000;
	color: #fff;'
}

#footerblock a
{
	color: white;
	text-decoration: none;
}


#logo
{
	padding: 50px 00px;
	font-size: 200%;
}

#mainmenu
{
	/*background:white url(bg.gif) repeat-x left top;*/
	background: #e72027;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 40px;
	/*align: right;*/
	/*background: white;*/
}

#mainmenu ul
{
	padding:8px 20px 5px 20px;
	margin:0px;
}

#mainmenu ul li
{
	display: inline;
	/*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);*/
	text-transform:uppercase;
}

#mainmenu ul li a
{
	color:#fff;
	background-color:transparent;
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	text-decoration:none;
	padding:8px 12px;
	-o-transition:color .15s ease-in-out, background .15s ease-in-out;
  	-ms-transition:color .15s ease-in-out, background .15s ease-in-out;
  	-moz-transition:color .15s ease-in-out, background .15s ease-in-out;
  	-webkit-transition:color .15s ease-in-out, background .15s ease-in-out;
  	transition:color .15s ease-in-out, background .15s ease-in-out;
}

#mainmenu ul li a:hover, #mainmenu ul li.active a
{
	color: #f00;
	background:#fff;
	text-decoration:none;
	-o-transition:color 0s, background 0s;
	-ms-transition:color 0s, background 0s;
  	-moz-transition:color 0s, background 0s;
  	-webkit-transition:color 0s, background 0s;
  	transition:color 0s, background 0s;
}

div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

div.view
{
	padding: 00px;
	margin: 0px 0;
	margin-top: 0;
	padding-top: 0;
	border-top: 0px solid #000000;
}

div.breadcrumbs
{
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span
{
	font-weight: bold;
}

div.search-form
{
	padding: 10px;
	margin: 10px 0;
	background: #eee;
}

.portlet
{
	margin-bottom: 5px;
}

.portlet-decoration
{

	display: none;
}

.portlet-title
{
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #ffffff;
}

.portlet-content
{
	font-size:0.9em;
	/*margin: 0 0 10px 0;*/
	/*padding: 10px 10px 1px 10px;*/
	padding-top:0px;
	padding-bottom:0px;
	/*padding: 0px;*/
	/*background:#ffffff;*/
}

.portlet-content ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.portlet-content li
{
	/*padding: 2px 0 4px 0px;*/
	margin-bottom: 5px;
	background-color: white;
	display: block;
}

.operations
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: #ffffff;
}

.operations li
{
	padding-bottom: 2px;
}

.operations li a
{
	font: bold 12px Arial;
	color: #000000;
	display: block;
	padding: 4px 0 4px 8px;
	line-height: 15px;
	text-decoration: none;
}

.operations li a:visited
{
	color: #0000000;
}

.operations li a:hover
{
	background: #ff0000;
}

/* ----------------------------------------------------- */


a
{
	color: #000000;
}

#mainmenu, #header, #content, #netBevestigd
{
	/*
	-moz-box-shadow: 5px 5px 10px 1px #000;
	-webkit-box-shadow: 5px 5px 10px 1px #000;
	box-shadow: 5px 5px 10px 1px #000;
	*/
	/*border: 10px solid black;*/
}

.vertalign
{
	display: table-cell;
	vertical-align: middle;
}

.vertalign2
{

	vertical-align: middle;
}

.topalign
{
	display: table-cell;
	vertical-align: top;
}

.datumklein
{
display: block;
line-height: 12px;
font-size: 12px;
text-transform:uppercase;
/*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);*/
}

.datumgroot
{
display: block;
line-height: 26px;
font-size: 24px;
/*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);*/
}

.datumklein_portlet
{
color: white;
/*display: block;*/
line-height: 8px;
font-size: 8px;
text-transform:uppercase;
/*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);*/
}

.datumgroot_porlet
{
color: white;
display: block;
line-height: 13px;
font-size: 12px;
/*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);*/
}

#agendalijst, #agendalijst a, #agendalijst_portlet, #agendalijst_portlet a
{
	color: black;
}

#infolijst a, #nieuwslijst a {
	color: white;
}

#infolijst a:hover, #nieuwslijst a:hover{
	color: black;
}

#infolijst li a:hover{
	color: blue;
}


#nieuwslijst, #infolijst, #nieuwslijst a
{
	padding: 5px;
}

#agendalijst_portlet
{
	padding: 5px;
	font-size: smaller;
	
}

#nieuwslijst_portlet
{
	padding: 5px;
	font-size: smaller;
	width: 100%;
	height: 100%;
	
}

#agendalijst a, #nieuwslijst a
{
	text-decoration: none;
	font-weight:bold;
	font-size: large;
	/*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);*/

}

#agendalijst_portlet a
{
	text-decoration: none;
	font-weight:bold;
	font-size: small;
	/*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);*/

}

#agendalijst_portlet a:hover
{
	color: #e72027;
}



.contentheader
{
	background-color: #e72027;
	background-image: url(../images/portlet_decoration.png);
	background-position:left top;
	background-repeat:no-repeat;
	/*border-left: 5px solid #000000;*/
	height: 20px;
	padding-left: 50px;
	padding-top:5px;
	padding-bottom:1px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	text-transform:uppercase;
	margin-top: -20px;
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: 10px;
}

/*
.list-view .summary
{
	display: hidden;
}
*/


.portlet-decoration #agendaBinnenkort
{
	/*padding: 3px 8px;*/
	background: #e72027;
	background: url(../images/portlet_decoration.png) left bottom no-repeat;
	/*border-left: 5px solid #000000;*/
	height: 20px;
	padding-left: 50px;
	padding-top:5px;
	padding-bottom:1px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	/*text-transform:uppercase;*/
	/*display: hidden;*/
}

.agendaBinnenkortDecoration
{
	
}

.agendaBinnenkortContent
{
	
}

.agendaCarouselDecoration
{
	
}

.agendaCarouselContent
{
	margin-top: 0px;
}

/* icon-grootte */
.operations i 
{
	font-size: 18px;
}

.button-column i
{
	font-size: 18px;
}

.button-column a
{
	text-decoration: none;
}

/*----------------------------------------*/

#slide1 {					/** voorkom FOUC **/
	width: 710px;		
	height: 250px;		
	overflow: hidden;
}


.html_carousel {
	margin: 0 0 0 0;
	/*
		-moz-box-shadow: 1px 1px 10px 1px #aaa;
	-webkit-box-shadow: 1px 1px 10px 1px #aaa;
	box-shadow: 1px 1px 10px 1px #aaa;
	*/
	/*border: 1px solid lightgrey;*/
}
.html_carousel div.slide {
	position: relative;
}
.html_carousel div.slide div {
	background-color: rgba(0, 0, 0, .7);
	width: 100%;
	height: 100%;
	/*display: none;*/
	position: absolute;
	bottom: 0;
	margin-left: 220px;

}
.html_carousel div.slide h4 {
	font-size: 24px;
	padding: 10px 0 0 20px;
	/*width: 180px;*/
	width: 450px;
}
.html_carousel div.slide p {
	font-size: 12px;
	padding: 0 0 30px 20px;
	/*width: 180px;*/
	width: 450px;
}
.html_carousel div.slide h4, .html_carousel div.slide p {
	color: white;
	margin: 0;
	
}

#carousel-datum{
	color: white;
	background-color: #e72027;
	margin: 20px 20px 20px 30px;
	font-size: 18px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 7px;
	text-transform:uppercase;
	font-weight: bold;
}

#carousel-titel{
	color: white;
	margin-top: 10px;
	/*font-size: 150px;*/
  	/*margin: 0px 0 20px 20px;*/
   	padding: 0px;
   	font-weight: light;
}

#carousel-subtitel{
	color: white;
	margin-top: 10px;
	font-size: 18px;
}

.clearfix {
	float: none;
	clear: both;
}

#LikeBox
{
	background-color:rgba(0,0,0,0.6);
	padding: 00px;
	margin-top: 20px;
}

#Comments
{
	padding-top: 0px;
}


.meta
{
	
		color: white;
		background: #aaa;
		width: 200px;
		margin: 5px 0 20px 0;
		padding: 1px 5px 3px 5px;
			font-size: 10px!important;

}

.meta a
{
		color: white;
				text-align:justify;
}

.socialButtons
{
	/*border: 1px solid red;*/
	/* background-color: #bbb; */
	background-color: white;
	border: 1px solid black;
	border-right: 0px;
	border-left: 0px;
	color: white;
	margin-top: 20px;
	padding: 1px 1px 1px 10px;
	
}

.binnenkort
{
	background-color:rgba(0,0,0,0.6);
	color: white;
	padding: 10px 15px 10px 10px;
	margin: 0 0 10px 0;
	text-decoration: none;
}

.binnenkort
{
	background-color:rgba(0,0,0,0.6);
	color: white;
	margin: 0 0 5px 0;
	text-decoration: none;
}

.binnenkort-link
{
	background-color:rgba(0,0,0,0.6);
	color: white;
	padding: 10px 15px 10px 10px;
	margin: 0 0 3px 0;
	text-decoration: none;
}

.binnenkort-link:hover
{
	background-color:rgba(255,0,0,0.6);
	color: white;
	margin: 0 0 3px 0;
	text-decoration: none;
}




/*-------------------*/


#p-link ul {
        list-style-type: none;
}

#p-link li
{
	color: black;
	margin: 3px;
	padding: 3px;
		         	display: table;
}

#p-link li:hover
{
	color: white;
	margin: 3px;
	padding: 3px;
		background-color: black;
		         display: block;
}



#p-link a
{
	color: black;
	display: block;
	background-color: white;
	/*padding: 10px 5px;*/
	text-decoration: none;
	margin: 3px 0 3px 0;
	font-weight: bold;
	height: 45px;
	display: table-cell;
    vertical-align: middle;
    width: 100%;
}

#p-link a:hover
{
	color: white;
	display: block;
	background-color: black;
	text-decoration: none;

	margin: 3px 0 3px 0;
	font-weight: bold;
	height: 45px;
	display: table-cell;
    vertical-align: middle;
        width: 100%;
}

/****/


#p-breedlink ul {
        list-style-type: none;
        padding: 0px;
        border: 1px solid red;
}

#p-breedlink li
{
	color: black;
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
}

#p-breedlink a
{
	font-size: 16px;
	color: white;
	display: block;
	background-color: #aaa;
	padding: 10px 15px;
	text-decoration: none;
	margin: 0 0 10px 0;
	font-weight: bold;
}

#p-breedlink a:hover
{
	color: white;
	display: block;
	background-color: black;
	text-decoration: none;
}



/*** portlet-netbevestigd ***/
.portlet-netbevestigd {
    list-style: none;
}
    .portlet-netbevestigd li {
        display: block;
        /*margin-bottom: 10px;*/
    }
        .portlet-netbevestigd li a {
        	background-color: white;
            position: relative;
            display: table;
            /*width: 185px;*/
            padding: 0 0 0 44px;
            text-decoration: none;
            overflow: hidden;
            height: 40px;

        }
        .portlet-netbevestigd li a:hover {
			background-color: black;
        }
        .portlet-netbevestigd li:first-child a {
            border-top: none;
        }
            .portlet-netbevestigd li a span.date {
                position: absolute;
                left: 0px;
                width: 32px;
                height: 37px;
                padding: 3px 4px 0 4px;
                color: #FFFFFF;
                text-transform: uppercase;
                text-align: center;
                background: black;

            }
            .portlet-netbevestigd li a:hover span.date {
				background-color: #e72027;
                background-position: bottom right;
            }
                .portlet-netbevestigd li a span.date small {
                    display: block;
                    line-height: 9px;
                    font-size: 9px;
                }
                .portlet-netbevestigd li a span.date big {
                    display: block;
                    line-height: 16px;
                    font-size: 14px;
                }
            .portlet-netbevestigd li a span.title {
               /* font-size: 16px;*/
               	font-weight: bold;
                color: black;
                display: table-cell;
                vertical-align: middle;
                text-align: left;
                padding-right: 6px;
                width: 100%;
            }
            .portlet-netbevestigd li a:hover span.title {
                color: white;
            }
            
            
 
  /*** agenda-random ***/
.portlet-agendarandom {
    list-style: none;
}
    .portlet-agendarandom li {
        display: block;
        margin-bottom: 10px;
    }
        .portlet-agendarandom li a {
        	background-color: white;
            position: relative;
            display: table;
            width: 185px;
            padding: 0 0 0 0px; /* 0 0 0 44px */
            text-decoration: none;
            overflow: hidden;
            height: 40px;
        }
        
         .portlet-agendarandom li a:hover {
        	background-color: black;
            position: relative;
            display: table;
            width: 185px;
            padding: 0 0 0 0px; /* 0 0 0 44px */
            text-decoration: none;
            overflow: hidden;
            height: 40px;
        }
        
        .portlet-agendarandom li a:hover img{
            width: 230px;
        	height: 100px;
        	background-color: black;
          	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
			 filter: gray; /* IE6-9 */
			-webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
         }
        
        .portlet-agendarandom li a img {
        	width: 230px;
        	height: 100px;
        	background-color: black;
 			filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
		    -webkit-filter: grayscale(00%); /* 100 = desaturated */
		    

        }
        
        /*
        .portlet-agendarandom li a img {
        	position: relative;
        	left: -44px;
        	top: -150px;
        }
        */
        
        .portlet-agendarandom li:first-child a {
            border-top: none;
        }
            .portlet-agendarandom li a span.date {
                position: absolute;
                left: 0px;
                width: 30px;
                height: 100%; /* 100% ipv 37px voorkomt witte rand bij 3 regels tekst, ook nog bij andere portlets zo doen */
                padding: 3px 4px 0 4px;
                color: white;
                text-transform: uppercase;
                text-align: center;
                background: black;
            }
            .portlet-agendarandom li a:hover span.date {
            	color: white;
				background-color: #e72027;
                background-position: bottom right;
            }
                .portlet-agendarandom li a span.date small {
                    display: block;
                    line-height: 9px;
                    font-size: 9px;
                }
                .portlet-agendarandom li a span.date big {
                    display: block;
                    line-height: 16px;
                    font-size: 14px;
                }
            .portlet-agendarandom li a span.title {
               /* font-size: 16px;*/
               	font-weight: bold;
                color: black;
                display: table-cell;
                vertical-align: middle;
                text-align: left;
                padding-right: 6px;
                padding-left: 45px;
                height: 40px;
            }
            .portlet-agendarandom li a:hover span.title {
                color: white;
                background-color: black;
                width: 179px;
                -o-transition:color 0s;
  				-ms-transition:color 0s;
  				-moz-transition:color 0s;
  				-webkit-transition:color 0s;
  				transition:color 0s;
            }           
            
 

			
  /*** agenda-binnenkort ***/
.sidebar-agenda {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
    .sidebar-agenda li {
        display: block;
        margin-bottom: 5px;
    }
        .sidebar-agenda li a {
            background-color: white;
            position: relative;
            display: table;
           	/*width: 641px;*/
			/*width: 100%;*/
			/*width: 642px;*/
            padding: 0 0 0 48px;
            text-decoration: none;
            overflow: hidden;
            height: 68px;

        }
        .sidebar-agenda li a:hover {
			background-color: black;

        }
        .sidebar-agenda li:first-child a {
            border-top: none;
        }
            .sidebar-agenda li a span.date {
                position: absolute;
                left: 0px;
                width: 40px;
                height: 100%;
                padding: 3px 4px 0 4px;
                color: #FFFFFF;
                text-transform: uppercase;
                text-align: center;
                background: #e72027;

            }
            .sidebar-agenda li a:hover span.date {
				background-color: white;
                background-position: bottom right;

            }
                .sidebar-agenda li a span.date small {
                    display: block;
                    line-height: 14px;
                    font-size: 14px;
					padding-top: 2px;

                }
                .sidebar-agenda li a span.date big {
                    display: block;
                    line-height: 28px;
                    font-size: 26px;
					font-weight: bold;

                }
                .sidebar-agenda li a:hover span.date small {
					color: #e72027;

                }
                .sidebar-agenda li a:hover span.date big {
					color: #e72027;

                }
            .sidebar-agenda li a span.title {
                /*font-size: 16px;*/
                color: black;
                display: table-cell;
                vertical-align: middle;
                text-align: left;
				width: 100%;
				padding-left: 10px;
				padding-right: 10px;
				font-weight: bold;
				padding-top: 3px;
				padding-bottom: 3px;

            }
            
            .sidebar-agenda li a span.subtitle {
                font-size: 12px;
                color: black;
                display: table-cell;
                vertical-align: middle;
                text-align: left;
				width: 100%;
				font-weight: normal;

				
            }
            .sidebar-agenda li a:hover span.title {
                color: white;

            }          
            .sidebar-agenda li a:hover span.subtitle {
                color: white;

            }  


            
  /*** nieuws-lijst ***/
.nieuws-lijst {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
    .nieuws-lijst li {
        display: block;
        margin-bottom: 10px;
    }
        .nieuws-lijst li a {
            background-color: #aaa;
            position: relative;
            display: table;
           /*	width: 630px; /*585*/
			width: 100%;
            padding: 0 0 0 36px;
            text-decoration: none;
            overflow: hidden;
            height: 40px;
            margin-right: 20px;
        }
        .nieuws-lijst li a:hover {
			background-color: black;
        }
        .nieuws-lijst li:first-child a {
            border-top: none;
        }
            .nieuws-lijst li a span.date {
                position: absolute;
                left: 0px;
                width: 30px;
                height: 37px;
                padding: 3px 4px 0 4px;
                color: #FFFFFF;
                text-transform: uppercase;
                text-align: center;
                background: black;
            }
            .nieuws-lijst li a:hover span.date {
				background-color: #e72027;
                background-position: bottom right;
            }
                .nieuws-lijst li a span.date small {
                    display: block;
                    line-height: 9px;
                    font-size: 9px;
                }
                .nieuws-lijst li a span.date big {
                    display: block;
                    line-height: 16px;
                    font-size: 14px;
                }
            .nieuws-lijst li a span.title {
                font-size: 16px;
                color: white;
                display: table-cell;
                vertical-align: middle;
                text-align: left;
				/*width: 100%;*/
				padding-left: 10px;
				font-weight: bold;
            }
            
            .nieuws-lijst li a:hover span.title {
                color: white;
            }          
  
 .button {
	display: inline-block;
	background: #e72027;
	border: 1px solid #e72027;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	color: white;
	font-weight: 500;
	width: 70px;
}

 .button-mini {
	display: inline-block;
	background: #e72027;
	border: 1px solid #e72027;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	color: white;
	font-weight: 500;
	width: 59px;
}
.button:hover {
	background: #fff;
	color: black;
	border: 1px solid #fff;
}

.button-mini:hover {
	background: #fff;
	color: black;
	border: 1px solid #fff;
}

.button.button_small {
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	padding: 0 8px;
}

.button.button_mini {
	font-size: 9px;
	height: 9px;
	line-height: 11px;
	padding: 2px 8px;
	bottom: 47px;
	right: 10px;
}

 .button-details {
	display: inline-block;
	background: #e72027;
	border: 1px solid #e72027;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	color: white;
	font-weight: 500;
	margin: 3px 0 10px 0;
	padding: 0px 10px;
}

 .button-details_uitverkocht {
	display: inline-block;
	background: #aaa;
	border: 1px solid #aaa;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	color: white;
	font-weight: 500;
	margin: 3px 0 10px 0;
	padding: 0px 10px;
}

 .button-details_gratis {
	display: inline-block;
	background: #000;
	border: 1px solid #000;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	color: white;
	font-weight: 500;
	margin: 3px 0 10px 0;
	padding: 0px 10px;
}
.button-details:hover {
	background: #000;
	color: white;
	border: 1px solid #000;
}

.button-details.button_small {
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	padding: 0 8px;
}

.button-details_uitverkocht.button_small {
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	padding: 0 8px;
}

.button-details_gratis.button_small {
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	padding: 0 8px;
}

.sidebar-agenda li a .button {
display: inline-block;
/*background: #eee;*/
position: absolute;
z-index: 2;
bottom: 21px;
right: 22px;
padding: 3px 18px;
}

.sidebar-agenda li a .button-mini {
display: inline-block;
/*background: #eee;*/
position: absolute;
	font-size: 9px;
	height: 9px;
	line-height: 11px;
	padding: 2px 8px;
	bottom: 47px;
	right: 10px;
}

.sidebar-agenda li a:hover .button {
display: inline-block;
/*background: #fee;*/
position: absolute;
z-index: 2;
bottom: 21px;
right: 22px;
padding: 3px 18px;
}

 .button-uitverkocht {
	display: inline-block;
	background: #aaa;
	border: 1px solid #aaa;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	color: white;
	font-weight: 500;
	position: absolute;
z-index: 2;
bottom: 21px;
right: 22px;
}

 .button-gratis {
	display: inline-block;
	background: #000;
	border: 1px solid #fff;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	color: white;
	font-weight: 500;
	position: absolute;
z-index: 2;
bottom: 21px;
right: 22px;
}

/*
.button-uitverkocht:hover {
	background: #fff;
	color: black;
	border: 1px solid #fff;
}
*/

.sidebar-agenda li a .button-uitverkocht {
display: inline-block;
/*background: #eee;*/
position: absolute;
z-index: 2;
bottom: 21px;
right: 22px;
padding: 3px 8px;
}

.button-uitverkocht.button_small {
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	padding: 0 8px;
		width: 90px;
}

.button-gratis.button_small {
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	padding: 4px 8px;
		width: 90px;
}

.button-gratis-mini {
display: inline-block;
position: absolute;
font-size: 9px;
height: 9px;
line-height: 11px;
padding: 3px 3px;
bottom: 47px;
right: 10px;
background: #000;
border: 1px solid #fff;
text-align: center;
text-decoration: none;
text-transform: uppercase;
color: white;
font-weight: 500;
width: 70px;
}

.button-uitverkocht-mini {
display: inline-block;
position: absolute;
font-size: 9px;
height: 9px;
line-height: 11px;
padding: 2px 2px;
bottom: 47px;
right: 10px;
background: #aaa;
border: 1px solid #aaa;
text-align: center;
text-decoration: none;
text-transform: uppercase;
color: white;
font-weight: 500;
width: 70px;
}

div.loading {
    background-color: #fff;
    background-image: url('loading.gif'); /** nog tweaken **/
    background-position:  center center;
    background-repeat: no-repeat;
    opacity: 1;
    height: 32px; 
    width: 32px;
    /*border: 1px solid black;*/
    /*position: relative;
    bottom: 30px;
    left: 110px;*/
    clear: both;
}
div.loading * {
    opacity: .8;
}

.notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
.notice a {color:#514721; display: block;}
.notice {padding:0.8em;margin-bottom:1em;border:2px solid #ffd324;;}

.notice-agenda {background:#fff6bf;color:#000;}
.notice-agenda a {color:#514721; display: block;}
.notice-agenda {padding: 5px 10px;border:0px solid #e72027; border-top: 1px dotted black;}

.redactor_box {
	height: 400px;
}


.ui-dialog{
	
	box-shadow: 15px 15px 15px #888888;
}

/** admin **/

.tekstgroen,.tekstgroen a {
	color: darkgreen;
}

.tekstrood, .tekstrood a {
	color: red;
}

.tekstzwart, .tekstzwart a, {
	color: black;
}

.tekstgroen a, .tekstrood a, .tekstzwart a{

	text-decoration: none; border-bottom:1px dashed;
}


.ticketid a{
	color: black;
	text-decoration: none; border-bottom:1px dashed;
}

.tekstgroen a:hover, .tekstrood a:hover, .tekstzwart a:hover, .ticketid a:hover{
	text-decoration: none; border: 0px;
	color: black;
}

table.detail-view tr.odd th, table.detail-view tr.odd td {
	background-color: white; 
}

tbody tr.even th, tbody tr.even td {
background: #eee;
}
/** /admin **/


/* twitter-blok*/

.tweet_list {
    list-style: none;
    padding: 20px 0 20px 0;
    margin: 0 12px 0 10px;
}



.tweet_avatar img {
    border: 1px solid black;
    /*text-align: top;*/
    margin: 3px 8px 0 0;
    float: left;
}

.tweet_list li {
    padding-bottom: 20px;
    /*text-align:justify;*/
    font-size: 12px;
}

#tweet-div
{
	font-size: 13px!important;
	/*font-family: "lucida grande",lucida,tahoma,helvetica,arial,sans-serif!important;*/
	background-color:rgba(255,255,255,1);
	/*padding: 20px 10px 1px 10px;*/
	margin-top: 10px;
}

div.agendaPrevious
{
	color: white;
	border: 1px solid black;
	background-color: black;
	float: left;
	clear: both;
	padding: 3px 15px 4px;
	/*-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;*/
}

div.agendaNext
{
	color: white;
	background-color: black;
	border: 1px solid black;
	float: right;
	padding: 3px 15px 4px;
	margin-bottom: 10px;
	/*-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;*/
}
div.agendaPrevious a, div.agendaNext a, div.agendaPrevious i, div.agendaNext i{
	color: white;
	text-decoration: none;
}

div.agendaPrevious i {
	padding-right: 10px;
}

div.agendaNext i {
	padding-left: 10px;
}

h1{
	font-weight: bold;
}

.nieuws_image {
	text-align: center;
	margin: 3px 0px 10px 0px;
}

div.redactor_editor {
	height: 335px;
}


/** youtube embed **/

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




.mobile-nieuws {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
    .mobile-nieuws li {
        display: block;
        margin-bottom: 5px;
    }
        .mobile-nieuws li a {
            background-color: white;
            position: relative;
            display: table;
           	/*width: 641px;*/
			/*width: 100%;*/
			/*width: 642px;*/
            /*padding: 0 0 0 48px;*/
            text-decoration: none;
            overflow: hidden;
            height: 45px;

        }
        .mobile-nieuws li a:hover {
			background-color: black;

        }
        .mobile-nieuws li:first-child a {
            border-top: none;
        }
            .mobile-nieuws li a span.date {
                position: absolute;
                left: 0px;
                width: 40px;
                height: 65px;
                padding: 3px 4px 0 4px;
                color: #FFFFFF;
                text-transform: uppercase;
                text-align: center;
                background: #e72027;

            }
            .mobile-nieuws li a:hover span.date {
				background-color: white;
                background-position: bottom right;

            }
                .mobile-nieuws li a span.date small {
                    display: block;
                    line-height: 14px;
                    font-size: 14px;
					padding-top: 2px;

                }
                .mobile-nieuws li a span.date big {
                    display: block;
                    line-height: 28px;
                    font-size: 26px;
					font-weight: bold;

                }
                .mobile-nieuws li a:hover span.date small {
					color: #e72027;

                }
                .mobile-nieuws li a:hover span.date big {
					color: #e72027;

                }
            .mobile-nieuws li a span.title {
                /*font-size: 16px;*/
                color: black;
                display: table-cell;
                vertical-align: middle;
                text-align: left;
				width: 100%;
				padding-left: 0px;
				padding-right: 10px;
				font-weight: bold;

            }
            
            .mobile-nieuws li a span.subtitle {
                font-size: 12px;
                color: black;
                display: table-cell;
                vertical-align: middle;
                text-align: left;
				width: 100%;
				font-weight: normal;

				
            }
            .mobile-nieuws li a:hover span.title {
                color: white;

            }          
            .mobile-nieuws li a:hover span.subtitle {
                color: white;

            }