/*****************************************************************************************
    ** BOX MODAL                                                                            **
    *****************************************************************************************/
	*, *:before, *:after {
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		box-sizing: border-box;
	}

	/*****************************************************************************************
    ** Reset                                                                                **
    *****************************************************************************************/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}

	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}

	/* remember to highlight inserts somehow! */
	ins {
		text-decoration: none;
	}
	del {
		text-decoration: line-through;
	}

	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}	
	
	#msg{
		border:1px solid black;
		background-color:#FEC1C1;
		padding:10px;
	}
	#msg h2{
		text-decoration:underline;
	}  
	
	
	
	/*****************************************************************************************
    ** Basis                                                                                **
    *****************************************************************************************/

	h1, h2, h3 {
		color:#00669F;
		font-family: 'Alex Brush' !important;
	}
	
	h1 {
		font-size:55px !important;
	}
	
	h2 {
		font-size:45px !important;
	}	
	
	h3 {
		font-size:45px !important;
	}
	
	.btn-multikussenblue {
		background-color:#565656;
		border-color:#01054e;
		color:#FFFFFF;
	}
	
	a.btn-multikussenblue,
	a.btn-multikussenblue:hover,
	a.btn-multikussenblue:active,
	a.btn-multikussenblue:active {
		color:#FFFFFF;
		text-decoration:none;
	}
	
	div.portfolio-listitem p {
		min-height:40px;
	}

	.responsive{
		max-width:100%!important;
		height:auto!important;
	}
	
	.responsive_small img{
		max-width:300px!important;
		float:right;
		padding-left:10px;
	}
	
	.panel-default > .panel-heading	{
		height:70px;
	}
	
	.lees_meer{
		position: absolute;
		bottom: 10px;
	}
	
	@media (min-width: 900px) {
		#block-2 .panel-body{
			height:500px;
			position:relative;
		}
		
		#block-3 .panel-body{
			height:500px;
			position:relative;
		}
		
		#block-4 .panel-body{
			height:500px;
			position:relative;
		}
	}
	
	@media (max-width: 900px) {
		#block-2 .panel-body{
			height:auto;
		}
		
		#block-3 .panel-body{
			height:auto;
		}
		
		#block-4 .panel-body{
			height:auto;
		}
	}