/* CSS Document */

/* colors
*
* paars: r101 g45 b144	= #652D90 	(was: #683494)
* Lichtpaars: #D8DBEB
* blauw: ro g163 b223	= #2285BC 	(#00A3DF (was: #3d4e9b of #3B4DA0)
* rood: r199 g37 b47	= #C7252F	(was: #C72530)
*
*
*
*
*
****** */


body {
	padding-top:40px;
	background-repeat:repeat;
	background-position:center top !important;
	background-attachment:fixed;
	background-color:#ffffff;
	}

	body.home {
		background-image:url(../images/achtergrond_blauw_en_paars.png);
		}
	
	body.evenementen {
		background-image:url(../images/achtergrond_paars.png);
		}
	
	body.theater {
		background-image:url(../images/achtergrond_blauw.png);
		}

body.home #main{
/*	height:12px !important;
*/	overflow:hidden;
	}

.supercontainer{
	margin:0 auto 0 auto;
	width:auto;
	max-width:1425px;
	}

.main-wrapper{
	background-color:#ffffff;
    -webkit-box-shadow: -2px -2px 8px #cccccc;
    -moz-box-shadow: 	-2px -2px 8px #cccccc;
    box-shadow: 		-2px -2px 8px #cccccc;	
	}
	
	.main-wrapper_desktop{
		margin: 0 70px 0 70px;
		}	

	.main-wrapper_tablet{
		margin: 0 40px 0 40px;
		}	


.container-fluid{

	}

.brand > i {
	margin-top:5px;
	margin-right:5px;
}
.logo {
	margin:0;
	padding:0;
}
.logo-tagline {
	margin-left:10px;
	font-size:0.8em;
}
.image {
	margin:0;
}
.image > .brand {
	text-indent:-9999px;
	display:block;
	padding:0;
}
.navbar-fixed-top {
	z-index:9999;
}
#header {
	padding:20px 0;
	border-bottom:1px solid #ddd;
	background-color: #fbfbfb;
	background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
	background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: linear-gradient(top, #ffffff, #f5f5f5);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
	-webkit-box-shadow: inset 0 1px 0 #ffffff;
	-moz-box-shadow: inset 0 1px 0 #ffffff;
	box-shadow: inset 0 1px 0 #ffffff;
}
.subhead {

}
#above{
	padding:20px 0;
	border-bottom:1px solid #ddd;
}

#top{
}

#top-left{
	padding-top:30px; /*34px;*/
	}
@media screen and (max-width:767px) {
	#top-left{
		padding-top:0px;
		}
	}	
	

#top-right{	
	padding-top:30px;
	}

	
.top-right-fix{	
	padding-top:16px !important;
	}

#top-nav{
/*	padding-top:36px;
*/	}

.nav-collapse.in.collapse{
	clear:both;
	padding-top:10px;
	}


#content,
#sidebar,
#sidebar-2 {

	padding:0 0 10px 0;
}

body.artiestenpag #sidebar-2{
	padding-top:0;
	}

#below {

}
.footer {
	z-index:1;	
}


h1{
	font-size:24px;
	}

h2{
	font-size: 18px;
}

/* Module Spacing */
#content .moduletable,
#sidebar .moduletable,
#sidebar-2 .moduletable,
.moduletable_binnenkort,
.moduletable_events_agenda {
	margin-bottom:18px;
}


/* Enhanced typography */
dt {
	font-size: 105%;
	margin-bottom: .5em;
}
dd {
	margin-left: 2em;
	margin-bottom: 1em;
}

code{
	background-color:transparent;
	color:#999999;
	border:none;
	font-family:Ubuntu, Arial, sans-serif;
	font-size:11px;
	}
/* Template Demo 
body.item-524 .custom {
	background:#eee;
	padding:10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
body.item-524 .navbar .custom {
	display:inline-block;
	padding:5px;
	margin:5px 0 0 10px;
}
body.item-524 .navbar .custom p {
	margin:0;
}
body.item-524 #header .custom {
	margin-bottom:10px;
}
body.item-524 #header .custom p {
	margin:0;
}
body.item-524 #breadcrumbs .custom ul {
	margin-bottom:0;
}
body.item-525 #below .custom {
	background:#eee;
	padding:10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

*/

/* Used for responsive page */
.resize {
	position: fixed;
	bottom: 0;
	right: 0;
	height: 80px;
	width: 80px;
	background: url(../images/resize.png); 
}
/* DMH Fixes */
@media (max-width: 980px) {
    .navbar .logo {
        height:44px;  
    }    
    .navbar .brand {
        height:40px;  
        width:240px; 
    }
    .navbar-fixed-top .navbar-inner {
        min-height:44px;
    }
    /* Push out the 3rd level sub menu out of the browser view */
    .nav .dropdown-menu li .flyout-menu {
        left: 200%;
    }
}

@media(min-width:1200px){
	/* logo groter op grotere schermen */
	.navbar.nav-main .navbar-inner .container-fluid .row-fluid .span2{
		width:21%;
		}
	.navbar.nav-main .navbar-inner .container-fluid .row-fluid .span10{
		width:76%;
		float:right;
		}
	}


/* menu */


ul.navbar .dropdown-menu::after {

    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute;
    top: -6px;
    left: 10px;

}
.navbar .dropdown-menu::before {

    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 9px;

}

.dropdown-menu {
	z-index:3000;
}

.navbar .dropdown-menu {

    margin-top: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

}
.dropdown-menu {
	max-width:340px;
	}



.moduletable.submenu {
	margin-top:9px;

	background-color: #D8DBEB;
	padding:9px;
}

.moduletable.submenu ul {
	z-index:100;
}

	
.moduletable.submenu .nav.nav-dropdown{
	padding-bottom:9px;
	}
	
.moduletable.submenu li {
	line-height:22px;
	}


/* uitzonderingen mbt de opsommingstekens in de drop-down menu's */
.item-123 ul.dropdown-menu li a:before,
.item-131 ul.dropdown-menu li a:before,
ul.dropdown-menu li:first-child a:before,
.moduletable.submenu li:first-child a:before{
	content:"";
	}

/* opheffen uitzondering */
.moduletable.navbar.nav-footer.ev-footer-menu li:first-child a:before {
	content:"- ";
}

.moduletable.submenu > ul.nav > li:first-child a {
	display:none !important;
}

.moduletable.submenu > ul.nav > li.deeper > ul > li:first-child a,
.moduletable.submenu.subsub > ul.nav > li:first-child a {
	display:block !important;
}

ul.dropdown-menu li a:before,
.moduletable.submenu li a:before,
ul.flyout-menu li a:before,
ul.flyout-menu li:first-child a:before{
	content:"- ";
	}
	
.moduletable.submenu.subsub li:first-child a:before,
.moduletable.submenu .deeper ul li:first-child a:before	{
	content:"- " !important;
	}
		

.moduletable.submenu .deeper ul {
	list-style-type:none;
	}

body.evenementen .navbar .nav .dropdown-menu .active > a {
	color:#652D90 !important;
	background-color:transparent;
	}

body.evenementen .navbar .nav .dropdown-menu .current.active > a,
body.evenementen .navbar .nav li.current.active .dropdown-menu li:first-child > a  {
	color:#fff !important;
	background-color:#652D90;
	}
	
body.evenementen .navbar .nav .dropdown-menu li:first-child > a:hover  {
	color:#fff !important;
	background-color:#0088cc;
	}





/* content */

body.theater #content-component{
	border-top:2px solid #2285BC;
	}


	body.theater.item-115 #content-component{
		border-top:none;
		}


body.evenementen #content-component{
	border-top:2px solid #652D90;
	}

	body.evenementen.item-120 #content-component{
		border-top:none;
		}



/* glyphicons */

body.theater li.active span.glyphicon{
	color:#2285BC;
	}

body.evenementen li.active span.glyphicon{
	color:#652D90;
	}


/* modules ******* */

body.theater #middle-row-right,
body.theater #sidebar-2{
	border-top:2px solid #2285BC;
	}

.moduletable_inlog,
.moduletable_agenda{
	border-bottom:2px solid #2285BC;
	}

	.moduletable_agenda{
		margin-top:9px;
	 	padding-bottom:10px;
		}

body.home #middle-row-right,
/* body.home #sidebar-2, */
body.evenementen #middle-row-right,
body.evenementen #sidebar-2 {
	border-top:2px solid #652D90;
	}

.moduletable_nieuws,
.moduletable_quotes,
.moduletable_quotes_opdrachtgevers{
	margin-top:9px; /* 16px;*/
	margin-left:0 !important;
	margin-bottom:6px;
	float:none;
	clear:both;
	}

.custom_newswrapper,
.module_quotes-row,
.module_quotes_opdrachtgevers-row{
	padding:1px 12px 12px 12px;
	margin-bottom:10px;
	background-color:#d8dbeb;
	}
	
	
	.moduletable.adres_footer .custom_newswrapper {
		background-color:transparent;
		padding-top:0 !important;
		}

.moduletable.homepagenieuws .custom_newswrapper{
	background-color:transparent !important;
	padding-left:0;
	}

	.adres_footer .custom_newswrapper{
		padding:12px 12px 5px 0px;
		margin-bottom:0px;
		font-size:11px;
		}
		
		.adres_footer .custom_newswrapper p{
			font-size:11px;
			margin-bottom:0;
			}
		
		.adres_footer p,
		.footer_mailadres{
			padding-left:6px;
			}

.moduletable_nieuws .page-header,
.module_quotes-row h3,
.module_quotes_opdrachtgevers-row h3{
	border-bottom:none;
	margin:18px 0 0 0;
	padding-bottom:15px;
	}


.moduletable_nieuws h2,
.module_quotes-row h3,
.module_quotes_opdrachtgevers-row h3{
	font-size:14px;
	line-height:1.4em;
	}



.moduletable_inlog{
	float:none;
	clear:both;
	margin-left:0 !important;
	background-color:transparent;
	}

.nav.inlog_theaters.artiestenpag li a{
	padding-left:0;
	}


.moduletable_slideshow h3{
	padding: 9px 10px 7px 11px;
	margin-bottom:1px; /*16px; */
	line-height: 19px;
	font-size: 14px;
	}


	body.home .moduletable_slideshow h3{
		border-top: 2px solid #2285BC;
		}
		
	body.theater .moduletable_slideshow h3{
		border-top: 2px solid #2285BC;
		}

	body.evenementen .moduletable_slideshow h3{
		border-top: 2px solid #652D90;
		}




div.moduletable_slideshow,
div.slideshowck{
	margin-bottom:1px !important;
	}

body.theater .slideshowck,
body.home .slideshowck{
	border-top: 2px solid #2285BC;
	border-bottom: 2px solid #2285BC;
	}

body.evenementen .slideshowck{
	border-top: 2px solid #652D90;
	border-bottom: 2px solid #652D90;
	}
	
div.camera_pag{
	position:relative;
	top:-46px; /*-67px;*/
	}




body.item-115 #content-component{
	border-top:2px solid #C7252F;
	}
	
body.item-115 #sidebar-2{
	border-top:2px solid #2285BC;
	}

#bottom-lines{
	height:4px !important; /* 15px; */
	overflow:hidden;
	}

#bottom-lines-left,
#bottom-lines-right{
	height:2px !important;
	overflow:hidden;
	}

#bottom-lines-left{
	border-bottom:2px solid #C7252F;
	}

body.home #bottom-lines-right,
body.theater #bottom-lines-right{
	border-bottom:2px solid #2285BC;
	}

body.evenementen #bottom-lines-right{
	border-bottom:2px solid #652D90;
	}
	

@media screen and (min-width:768px){
.moduletable.rechterkolom-tekst {
	margin-top:30px;
	}
}

/* theater subhome */

body.item-115 .blog-featuredtheater h2,
body.item-115 .blog-featuredtheater p.readmore a{
	color:#c7252f;
	}

body.item-115 .blog-featuredtheater .item-separator{
	margin:5px 0 !important;
	}


/* artiestenpagina's */

.item-pagetheater .page-header,
.item-pageevenementen .page-header{
	margin-bottom:0;
	}

.item-pagetheater .pagenavcounter,
.item-pagetheater .pagination,
.item-pageevenementen .pagenavcounter,
.item-pageevenementen .pagination  {
	display:none;
	}

body.item-126 h1{
	display:none;
	}


.mejs-video, .mejs-audio{
	margin-bottom:1.8em;
	}


/* opdrachtgevers-pagina's ********** */

.contact-image.pull-right img{
	max-width:250px;
	margin-left:20px;
	margin-bottom:8px;
	}

body.com_contact.contact .moduletable_quotes{
	display:none;
	}

body.com_contact.contact .opdrachtgevers{
	display:block !important;
	}

/* header */

#top-left .custom{
	/* vreemd genoeg krijgen we hier geen moduleclass suffix te zien in de html bron */
	position:relative;
	top:-18px; /*-20px;*/
	}
	
@media screen and (max-width:767px){	
	#top-left .custom{
		top:0;
		}
	}	

/* *************** */

.moduletable.voorgaande_jaren{
	border-bottom: 2px solid #2285BC;
	}


div.row-fluid > div#top-right.top-right-fix.switch_menu,
ul.naar_theater,
ul.naar_evenementen{
	float:right !important;
	}


ul.naar_theater,
ul.naar_evenementen{
	margin-right:0 !important;
	}
	
	
/* breadcrumbs ****** */

div.moduletable.kruimel{
	height:21px;	
	margin-bottom:3px !important;
	font-size:11px !important;
	color:#999999;
	overflow:hidden;
	}	
	

ul.breadcrumb{
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-box-shadow:none;
	background-image:none;
	background-color:transparent;
	border:none;
	border-radius:0;
	margin-bottom:7px;
	}	
	

/* publish-up date in news module (template override) ****** */

.item-date,
.item-category{
	padding-bottom:0.5em;
	}
	
.item-date span{
	font-style:italic;
	}

/* footer */

.custom_topmargin{
	margin-top:22px;
	}

div#footer-left-container,
div#footer-left-container.span7{
	background-color:#D8DBEB;
	}

#footer-lb-right {
	/* to do: verwijderen uit index.php */
	display:none;
	}

.logo_footer{
	width:100%;
	}

.logo_footer img{
	max-width:180px;
	}


div.moduletable.navbar.nav-footer{
	position:relative;
	left:-5px;
	}
	
div.moduletable.navbar.nav-footer,
ul.nav.nav-dropdown.nav-footer{
	border:none !important;
	}

span.footer_mailadres,
span.footer_copyright{
	display:inline-block;
	font-size:11px;
	padding-bottom:6px;
	word-break:break-all;
	word-wrap: break-word;
	}

	span.footer_mailadres{
		word-break:break-all;
		word-wrap: break-word;
		}


	span.footer_copyright{
		padding-left:6px;
		}
		
.moduletable_colofon p{
	display:inline-block;
	font-size:11px;
	padding:0;
	margin:0;
	}

.module_social {
	margin-top:9px;
	padding-top:0px;
	padding-bottom:0;
	border-bottom: 2px solid #2285BC;
	}

.module_social_footer {
	margin-top:0;
	position:relative;
	top:-7px;
	}

.module_social .custom,
.module_social_footer .custom{
	padding-top:5px;
	}

.module_social a,
.module_social_footer a{
	font-style:italic;
	}

.module_social img,
.module_social a img{
	position: relative;
	top: 5px;
	margin: 0 5px 0 0;
	}

.moduletable_social_share{
	border-top:1px solid #DDD;	
	padding-top:9px;
	}

.moduletable_social_share .custom{
	margin-top:9px;
	}

/* readmore */

a.readmore,
p.readmore a,
p.readmore a:visited {
	color:#2285BC;
	font-style:italic;
	}
	
/* rsevents */

span.rsev_date,
span.rsev_name,
span.rsev_location{
	display:inline-block;
	float:left;
	}
	
span.rsev_date{
	width:24%;
	margin-right:2%;
	}
	
span.rsev_name,
span.rsev_location{
	width:35%;
	margin-right:2%;
	}

.nav-stacked > li > .page-header h4 a{
	font-size:13px;
	}

.nav-stacked > li > .page-header{
	margin:0.4em 0;
	}

/* easyblog ************ */


body #comment-form .inputbox{
	height: auto !important;
	}


#eblog-wrapper.w320 #ezblog-body .blog-text img {
	width: auto !important; /* 100%; */
	}


/* events & quotes maatwerk component */

.blogevenementen h2{
	line-height:27px;
}

.blogevenementen .items-row{
	background: none repeat scroll 0 0 #F2F3F6 !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 2px 1px 2px rgba(203, 210, 217, 0.9);
	margin: 0 0 5px !important;
	padding: 5px 10px !important;
	}


.blogevenementen .blog-left{
	float:left;
	width:24%;
	margin-right:2%;
	font-weight:bold;
	}

.blogevenementen .blog-left .img-intro-left{
	text-align:left;
	}

.blogevenementen .blog-center{
	float:left;
	width:74%;
	}
	
.blogevenementen .items-row .page-header{
	margin-bottom:0;
	}

span.blog-center-top-left,
span.blog-center-top-right{
	display:inline-block;
	float:none;
	clear:both;
	width:100%;
	}

.blog-center-middle{
	margin-top:1em;
	}
	
.module_evenementen_artiesten-row{
	clear:both;
	float:none;
	}

.moduletable_events_agenda{
	margin-top:9px;
	padding-top:9px;
	}

.moduletable_evenementen_artiesten{
	padding-bottom:9px;
	border-bottom: 2px solid #652D90;
	}

.module_events_agenda-row{
	float:none;
	clear:both;
	}


.moduletable_events_agenda .event_date,
.moduletable_evenementen_opdrachtgevers .event_date,
.moduletable_evenementen_artiesten .event_date{
	display:inline-block;
	width:17%;
	margin-right:3%;
	float:left;
	}

.moduletable_events_agenda .event_title,
.moduletable_evenementen_opdrachtgevers .event_title,
.moduletable_evenementen_artiesten  .event_title {
	display:inline-block;
	width:80%;
	float:left;
	}

.moduletable_events_agenda .module_events_agenda-footer{
	float:none;
	clear:both;
	margin-top:10px;
	}

.moduletable_evenementen_opdrachtgevers .event_artists {
	display:inline-block;
	float:none;
	margin:0.8em 0;
	}

.moduletable_evenementen_opdrachtgevers .details{
	background-color:#D8DBEB;
	padding-left:10px;
	padding-bottom:10px;
	}


body.com_contact.category .moduletable_evenementen_opdrachtgevers{
	display:none;
	}

#ev_agenda,
#ev_agenda .nav li{
	z-index:20 !important;
	}


.com_oorquotes .pagination .pagination.pagination-toolbar.clearfix{
	text-align:left !important;
	display:block;
	}

.com_oorquotes .pagination .pagination.pagination-toolbar.clearfix ul.pagination-list{
	display:block;
	}



.com_oorquotes .pagination .limit.pull-right{
	display:none;
	}

.com_oorquotes .pagination ul.pagination-list > li {
	float:left;
	}

.com_oorquotes .pagination ul.pagination-list > li a,
.com_oorquotes .pagination ul.pagination-list > li.disabled span,
.com_oorquotes .pagination ul.pagination-list > li.active span{
	line-height:34px;
	padding-left:14px;
	padding-right:14px;
	}

.com_oorquotes .pagination ul.pagination-list > li.disabled span,
.com_oorquotes .pagination ul.pagination-list > li.active span{
	color:#999999;
	}

.com_oorquotes .pagination li.active{	
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	}


.com_oorquotes .pagination li.disabled{	
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	}

.com_oorquotes .pagination li.disabled:first-child{
	border: 1px solid #ddd;
/*	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
*/	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	}

.com_oorquotes .pagination li.disabled:last-child{
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 0 3px 3px 0;
	}	
	


/* tags ************* */

.moduletable.tags{
	clear:both;
	float:none;
	height:auto;
	min-height:50px;
	}
	

body.evenementen .module.ookinteressant a{
	color:#2285BC;
	}


/* css file end *********** */