/*-------------------------------- 
 * CSS override to change template.
 * by: Studio De Oorzaak, oorzaak@oorzaak.nl
 * for: Jos Aerssens
---------------------------------*/

/* let op: zolang er maar één pagina is, collapsed menu button verbergen */

.navbar-btn.pull-right.mainmenu{
	display:none !important;
	}

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


body {
	background: url("../images/aerssens/achtergrond.jpg") no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}


body, div, span, p, .pagination .counter, .pagination ul > li.disabled a, li, td, h1, h2, h3, h4, h5, h6, a, h1 a, h2 a, h3a, label, button{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.4em;
	color:#000000;
	}


body, div, span, p, li, td, a, label, button {
	font-size: 15px;
	}


.headline, .headline h4{
	text-transform:none;
	}

.module ul{
	list-style-type:disc;
	margin-left:20px;
	padding-left:20px;
	}

/* hoofdstructuur ****** */


.body-wrapper-inner{
/*	margin-left:10%;
	margin-right:10%;
*/	}


#mainbody > .container{
	margin-bottom:60px !important;
	background-color:#ffffff;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	}

	@media(min-width:587px){
		#mainbody > .container{
			padding: 15px 100px !important;
			}
		}
	
	@media (min-width:401px) and (max-width:586px){
		#mainbody > .container{
			padding: 15px 50px !important;
			}
		}

	@media(max-width:400px){
		#mainbody > .container{
			padding: 15px 20px !important;
			}
		}


.sidebar-right{
	padding-top:15px;
	}

.sidebar-right .module{
	margin-bottom: 10px;
	}

footer{
	display:none;
	}

/* Header ********** */

a.navbar-brand{
	font-weight:bold;
	color:#ffffff;
	}

/* content formatting ******** */

.page-header{
	border-top: 1px solid #eee;
	border-bottom:none;
	}

h1, h2{
	font-size: 22px;
	/* yep, kleiner dan h3 */
	}


h3{
	font-size: 20px;
	}
/* images pop-up ******** */

img.jcepopup {
	border:6px solid #ffffff;
	-moz-box-shadow: 6px 6px 10px #888;
	-webkit-box-shadow: 6px 6px 10px #888;
	box-shadow: 6px 6px 10px #888;
	}

/* modules rechterkolom **** */

@media(min-width:992px){
	.module.mens{
		margin-top:147px;
		}
	}