/* Css Theme by CssTemplateHeaven - www.csstemplateheaven.com */

/**************************************************************************************/
/*----------------------------------- LigaTure Symbols ------------------------------*/
/************************************************************************************/

/* CSS */

@font-face {
    font-family: 'LigatureSymbols';
    src: url('LigatureSymbols-2.05.eot');
    src: url('LigatureSymbols-2.05.eot?#iefix') format('embedded-opentype'),
         url('LigatureSymbols-2.05.woff') format('woff'),
         url('LigatureSymbols-2.05.ttf') format('truetype'),
         url('LigatureSymbols-2.05.svg#LigatureSymbols') format('svg');
    src: url('LigatureSymbols-2.05.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.lsf {
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.lsf-icon:before {
  content:attr(title);
  margin-right:0.3em;
  font-size:100%;
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.lsf-icon-dropcap:before {
  content:attr(title);
  font-size:100%;
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
input[type=text] {
    padding:5px; 
    border:1px solid #cbb676; 
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

input[type=text]:focus {
    border-color:#f2d788;
}

input[type=submit] {
  background: #cbb676;
  background-image: -webkit-linear-gradient(top, #cbb676, #FFFFF);
  background-image: -moz-linear-gradient(top, #cbb676, #FFFFF);
  background-image: -ms-linear-gradient(top, #cbb676, #FFFFF);
  background-image: -o-linear-gradient(top, #cbb676, #FFFFF);
  background-image: linear-gradient(to bottom, #cbb676, #FFFFF);
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  text-decoration: none;
 padding:10px 20px; background:#cbb676; border:0 none;
    cursor:pointer;
    -webkit-border-radius: 0px;
    border-radius: 0px; 
	  -moz-border-radius: 0px;
 }
input[type=submit]:hover {
  background: #cbb676;
  background-image: -webkit-linear-gradient(top, #cbb676, #f2d788);
  background-image: -moz-linear-gradient(top, #cbb676, #f2d788);
  background-image: -ms-linear-gradient(top, #cbb676, #f2d788);
  background-image: -o-linear-gradient(top, #cbb676, #f2d788);
  background-image: linear-gradient(to bottom, #cbb676, #f2d788);
  text-decoration: none;
}
body {background: #f1f1f1}
.row {width: 960px}

.page_wrap {margin: 25px auto 25px; padding: 10px; border-radius: 3px; background: #FFF; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)}

.header_nav {background: #fff; padding: 10px 0 2px; margin-bottom: 25px; box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); z-index: 999}

.header_nav_fullwidth {background: #f8f8f8; padding: 10px 0 2px; margin-bottom: 25px; box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4)}

.header_logo {padding-left: 10px; padding: 0px 0;}
.top_rest {padding-left: 10px; padding:10px 0px; position: relative;display: inline-block; }
.header_logo img {border:none}

.blog_post {}
.post_meta {font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-align: center; color: #999}
p {color: #000; font-size: 13px}
p.welcome_text {font-size: 180%; text-align:left; font-weight: normal; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic}

h1,h2,h3,h4 {font-family:'Open Sans Condensed',sans-serif; font-weight: normal}
.gewoon { font-size:12px; color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #000000;}
.grotevettekop{font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size:20px; color: #000000;}
.kopje {font-size:16px; color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
.vetkopje{font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size:13px; color: #000000;}
.strong {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size:13px; color: #000000;}
.heading_dots {background: url(../images/heading_dots_grey.png) repeat-x center; clear:both}
.heading_dots_grey {background: url(../images/heading_dots_grey.png) repeat-x center}
.heading_bg {background:#FFF; padding: 0 6px 0 0}
.heading_center_bg {background:#FFF; padding:0 10px}
.heading_left_bg {background:#FFF; padding:0 10px 0 0}

.heading_supersize {font-size: 74px; text-align:center; font-weight: normal; line-height: normal; margin:0 0 10px; color: #999}
.heading_largesize {font-size: 34px; text-align:left; font-weight: normal}

.dropcap_red, 
.dropcap_black {  
            border-radius: 100px 100px 100px 100px;
            display: block;
			float: left;
			font-size: 18px;
			line-height: 35px;
			margin: 4px 8px 0 0;
			text-align: center;
			width: 35px;
}

.dropcap_red {background: #FE563B center; color: #FFF}
.dropcap_black {background: #000; color: #FFF}

.panel {background: #fafafa}

.panel.callout {background: #FE563B; border: 1px solid #CCC}

.panel.callout p, .panel.callout h4 {color: #fff}

ul.accordion > li.active {
    border-top: 3px solid #CBB676;
}

dl.tabs dd.active {
    border-top: 3px solid #CBB676;
    margin-top: -3px;
}

.nav-bar {margin-top: 0; background: none;}
.nav-bar > li {border: 0; padding: 0; font-family: 'Open Sans Condensed',sans-serif; letter-spacing: 1px; box-shadow: none}
.nav-bar > li > a:first-child {font-size: 16px; text-transform: uppercase; padding: 0 25px}
.nav-bar > li:last-child {border: 0; box-shadow: none}
.nav-bar > li.active:hover { background: #CBB676; cursor: default; }{}
.nav-bar > li:hover { background: #CBB676; color: #000;         
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out; 
}

.nav-bar > li > a { color: #4d4d4d}
.nav-bar > li > a:hover { color: #fff; }
.active a {background:#FFF; color: #000}

.nav-bar > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #f8f8f8 transparent transparent transparent; position: absolute; right: 20px; top: 17px; }

.nav-bar > li.has-flyout > a:hover:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #f8f8f8 transparent transparent transparent; position: absolute; right: 20px; top: 17px; }


.flyout {background: #f3f3f3; border-radius: 5px; border: 0; margin-top: -1px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.7);}

ul.flyout li, .nav-bar li ul li { border-left: 0; }
.wit,.link,a { color: #000000;}
.wit:hover,.link:hover,a:hover { color: #CBB676; text-decoration:underline;}
.wit:active,.link:active,a:active { color: #CBB676;}
.wit:visited,.link:visited,a:visited { color: #000000;}
ul.flyout li a, .nav-bar li ul li a { background: #f3f3f3; color:#000; border: 0; font-size: 16px;}
ul.flyout li a:hover, .nav-bar li ul li a:hover { background: #CBB676; color: #fff; border: 0;      
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out; 
		}
		
/* nav bar vertical */


.nav-bar.vertical > li {border:0;}

.nav-bar.vertical > li:last-child {border:0}
		
/* gallery menu */

.gallery-nav-bar {list-style:none; text-align: center; padding-top:10px; font-family: 'Open Sans Condensed',sans-serif; letter-spacing: 2px; text-transform: uppercase}
.gallery-nav-bar li {display: inline-block; margin-right: 1px}

.gallery-nav-bar li {padding: 3px 12px}

.gallery-nav-bar li a {color: #000; padding: 3px 12px}

.gallery-nav-bar li a:hover {background: #CBB676; color: #FFF; padding: 3px 12px; border-radius: 3px}


/* footer menu */

.footer_menu {text-align:center; background: url(../images/heading_dots_grey.png) repeat-x top; margin: 25px 0 0; padding: 20px 0}
.footer_menu li {display: inline; list-style: none; margin-right: 20px}

/*-------------------------------------------------------------------------------------------------*/
/* Masonry
/*-------------------------------------------------------------------------------------------------*/

.centered { margin: 0 auto; }

.box {
  margin: 5px;
  padding: 10px;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
  font-size: 100%;
  line-height: 1.4em;
  float: left;
}

.box p {font-size: 12px; margin: 0; padding: 12px 0}

.box h2 {
  font-size: 14px;
  font-weight: 200;
}

.box h4 {
  margin-bottom: 0; font-size: 14px; font-family:Georgia, "Times New Roman", Times, serif; padding: 0px;
}

.box img,
#tumblelog img {
  display: block;
  width: 100%;
}


.box_comment {background: #F2F0F0; border-bottom: 1px solid white; padding: 8px; border-bottom: 1px solid #D9D4D4; border-top: 1px solid #FCFAFA; overflow: hidden;}
.box_comment p {font-size: 11px; padding: 0px; margin:0}

.rtl .box {
  float: right;
  text-align: right; 
  direction: rtl;
}

.col1 {width: 80px}
.col2 {width: 217px}
.col3 {width: 280px}
.col4 {width: 380px}
.col5 {width: 480px}

.col1 img { max-width: 80px; }
.col2 img { max-width: 211px; }
.col3 img { max-width: 280px; }
.col4 img { max-width: 380px; }
.col5 img { max-width: 480px; }

/* fluid masonry */

.box_fluid {
  margin-bottom: 1.4%;
  padding: 0;
  background: #FFF;
  box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
  font-size: 100%;
  line-height: 1.4em;
  float: left;
}

.box_fluid_inner {padding: 0 15px 0}

.col_fluid {width: 32%}
.col_fluid img {width: 100%}

.star {
     font-size: 15px;
    display: inline-block;
    color: #ddd;
	position:relative;
}
.star:last-child {
    margin-right: 0;
}
.star:before {
    content:'\2605';
}
.star.on {
    color: #CBB676;
}
.star.half{
    position: absolute;
    top: 0;
    left: 0;
	width: 50%;
    color: #CBB676;
    overflow: hidden;
	    
}
#nav a:link, #nav a:active, #nav a:visited{
    display:block;
    padding:0px 3px;
    border:Opx solid #333;
    color:#fff;
    text-decoration:none;
    background-color:#999999;
 } 

#nav a:hover{
    background-color:#fff;
	color:#333;
	
}

#nav li{
    float:left;
    position:relative;
}
#nav ul {
    position:absolute;
    width:8em;
    top:1.5em;
    display:none;
}

#nav li ul a{
    width:8em;
    float:left;
}

#nav ul ul{
	top:auto;
	}

#nav li ul ul {
    left:12em;
    margin:0px 0 0 12px;
    }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
    display:none;
    }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
    display:block;
    }
genreblok
{
display:inline-block;
width:100%;
min-height:5px;
}

.datumagenda.opera
{
background-color: #CBB676;
font-family:Arial, Helvetica, sans-serif, #FFFFFF;
color:#FFFFFF;
text-align:center;
font-size:12px;
min-height:30px;
padding:2px;
  	
}

.datumagenda.hedendaags
{
background-color: #CBB676;
font-family:Arial, Helvetica, sans-serif, #FFFFFF;
color:#FFFFFF;
text-align:center;
font-size:12px;
min-height:30px;
padding:2px;
}
.datumagenda.musical
{
background-color:#CBB676;
font-family:Arial, Helvetica, sans-serif, #FFFFFF;
color:#FFFFFF;
text-align:center;
font-size:12px;
min-height:30px;
padding:2px;

}
.datumagenda.dans
{
background-color:#CBB676;
font-family:Arial, Helvetica, sans-serif, #FFFFFF;
color:#FFFFFF;
text-align:center;
font-size:12px;
min-height:30px;
padding:2px;
}
.datumagenda.circus
{
background-color:#CBB676;
font-family:Arial, Helvetica, sans-serif, #FFFFFF;
color:#FFFFFF;
text-align:center;
font-size:12px;
min-height:30px;
padding:2px;
}
.datumagenda.theater
{
background-color: #CBB676;
font-family:Arial, Helvetica, sans-serif, #FFFFFF;
color:#FFFFFF;
text-align:center;
font-size:12px;
min-height:30px;
padding:2px;
}
.datumagenda.comedy
{
background-color: #CBB676;
font-family:Arial, Helvetica, sans-serif, #FFFFFF;
color:#FFFFFF;
text-align:center;
font-size:12px;
min-height:30px;
padding:2px;
}
.datumagenda.instrumentaal
{
background-color:#CBB676;
font-family:Arial, Helvetica, sans-serif, #FFFFFF;
color:#FFFFFF;
text-align:center;
font-size:12px;
min-height:30px;
padding:2px;
}
.datumagenda.media
{
background-color:#CBB676;
font-family:Arial, Helvetica, sans-serif, #FFFFFF;
color:#FFFFFF;
text-align:center;
font-size:12px;
min-height:30px;
padding:2px;
}
.datumagenda.film
{
background-color:#CBB676;
font-family:Arial, Helvetica, sans-serif, #FFFFFF;
color:#FFFFFF;
text-align:center;
font-size:12px;
min-height:30px;
padding:2px;
}
.datumagenda.expo
{
background-color:#CBB676;
font-family:Arial, Helvetica, sans-serif, #FFFFFF;
color:#FFFFFF;
text-align:center;
font-size:12px;
min-height:30px;
padding:2px;
}
#agenda{

	padding: 0 0 12px 12px;
		
}

  .datumagenda{
  	width: 70px;
  	padding: 2px 2px 2px 2px;
  	border-top: 4px solid #CBB676;
	border-bottom: 4px solid #CBB676;
  	text-align: center;
  	float: left;
  	line-height: 0.9;
  	text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif; font-size:10px; color: #000000;
  	font-size:16px;
	text-align:center;
  }
.titelagenda{
  	float: left;
  	padding-left: 12px;
 	line-height: 0.0;	
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size: 12px;
		}
	
 .locatieagenda{
  	float: left;
  	padding-left: 12px;
  	line-height: 0.0;	   
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
		}
  .cijfer{
display:block;
  	font-size: 28px;
	font-family:Arial, Helvetica, sans-serif, #FFFFFF;
	color:#000000;
  	left:5px;
  }
  .month{
display:block;
  	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif, #FFFFFF;
  	font-weight: 600;
  	color: #FFFFFF;
	left:1px;
  }
  .linkagenda{

  	font-size: 12px;
  	color: #ccc;
	padding-left: 12px;
	line-height: 0.9;	  
  	font-family:Arial, Helvetica, sans-serif, #FFFFFF;
  }	
  .logo{
padding-top:22px;
padding-bottom: 0px;
position: absolute;
padding-left:10px;
height: 83px;
    }
	
	
#cnhead{
	position:relative;
	padding-left: 10px; padding: 7px 0;
	min-width:180px;/*moet breedte hebben!!!*/
	list-style:none;
	margin-right:0px;
}

#cnhead a{
	display:block;
    width:180px; 
	height:83px;
	float:left;
	text-decoration:none;
	text-indent:-9999px;
	border:0px;
	}
#cnhead a.cnheader:hover{
background:url(https://www.concertnews.be/images/concertheadergoud.png);
height:83px;
width:180px; 
}
a.cnheader{background:url(https://www.concertnews.be/images/concertheader.png);
height:83px;
width:180px; 

}  
   .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
	 .google-ads {
        position: relative;
        height: 0;
		padding-top: 15%; // This is the aspect ratio
        overflow: hidden;
    }
  .google-ads iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }