.meta-nav a, nav a{
	float: left;
    display: inline-block;
    font-size: 12px; font-size: 1.2rem;
}
ul#main-nav{
	height: inherit;
	width: 92.1875%; /* 708 / 768 */
	margin: 0 3.90625%; /* 30 / 768 */
}
nav li {
	display: table;
	width: 9.39%;
	/*width: auto;*/
	position: relative;
	word-wrap: break-word;
	margin: 0;
	padding: 0 10px;
	height: inherit;
	float: left;
	border-right: solid 1px #26657A;
}
	nav li:first-child{
		border-left: solid 1px #26657A;
	}
nav li:hover, nav li:active{
	background: #1f6177;
}
#main-nav a:hover, #main-nav a:active, .meta-nav a:hover, .meta-nav a:active{
	border-bottom: 0;
}
.meta-nav li{
	margin: 0.5em 0 0.5em 14px;
	border-left: solid 1px #8b8b8b;
	padding-left: 14px;
}
	.meta-nav li:first-child{
		border-left: none;
	}
nav a{
	display: table-cell;
	float: none;
	vertical-align: middle;
	height: inherit;
	text-align: center;
}
nav a > span{
	position: relative;
	margin-top: -25%;
}
.masthead header{
	position: relative;
	float: left;
	height: 100px;
	background-color: #ffffff;
}
.masthead header a{
	margin-left: 3.90625%; /* 30 / 708 */
	margin-top: 40px;
}
#searchTop{
	right: 3.90625%; /* 30 / 708 */
	top: 44px;
	width: 32%;
}
#searchTop-form{
	width: 100%;
}
#searchTop-input{
	border-color: #8b8b8b;
}
.navigation-holder{
	height: 50px;
	width: 100%;
	background: #27738c;
	z-index: 1;
	border-top: 1px solid white;
}
.navigation-holder .wrapper{
	height: inherit;
}
nav{
	width: 100%;
	height: inherit;
}
#main-nav{
	padding: 0;
	width: 100%;
}
.meta-nav{
	position: absolute;
	top: -106px;
	right: 3.90625%; /* 30 / 708 */
}
.wrapper{
	width: 96.09375%; /* 738 / 768 */
	margin: 0 1.953125%; /* 15 / 768 */
	position: relative;
	float: left;
}
#main-entries article{
	width: 95.934959349593%; /* 708 / 738 */
	margin: 0 2.032520325203% 30px 2.032520325203%; /* 15 / 738 */
}
#main-entries #comments article{
	width: 100%;
	margin: 0;
}
/*#main-entries.blog article:first-child{
	width: 104.065040650407%;
	margin: 0 0 30px 0;
	margin-left: -2.032520325204%;
}	*/
/*#main-entries.blog article:first-child .article-wrapper{
	width: 92.1875%;
	margin: 3.90625%;
}	*/
#main-entries .img-holder, #main-entries.blog article:first-child .img-holder{
	width: 31.214689265537%; /* 221 / 708 */
}
#main-entries.blog .img-holder{
	width: 22.881355932203%; /* 162 / 708 */
}
#main-entries .article-entry/*, #main-entries.blog article:first-child .article-entry*/{
	width: 100%;
	/*width: 64.54802259887%;*/ /* 457 / 708 */
	/*margin-left: 4.237288135593%;*/ /* 30 / 708 */
}
#main-entries.blog .article-entry{
	width: 72.881355932203%; /* 516 / 708 */
}
#main-entries .article-entry .sequal-btn{
	width: 50%;
}
#main-entries .article-entry p:first-of-type{
	margin:0 0 30px 0;
}
#main-entries.blog.detail #comment-form{
	width: 108.474576271186%; /* 768 / 708 */
	margin-left: -4.237288135593%;
}
#main-entries.blog.detail #comment-form fieldset{
	width: 92.1875%; /* 708 / 768 */
	padding: 30px 3.90625%; /* 30 / 768 */
}
#main-entries.blog.detail #comment-form .textfield-holder, #main-entries.blog.detail #comment-form .input-submit{
	width: 47.881355932203%; /* 339 / 708 */
	position: relative;
	float: left;
	margin-bottom: 1.5em;
}
#main-entries.blog.detail #comment-form .input-submit{
	float: none;
}
#main-entries.blog.detail #comment-form .textfield-holder.odd{
	margin-right: 4.237288135593%;
}
#container > section{
	padding: 60px 0;
}
#container #main-entries{
	padding-bottom: 0;
}
#about .wrapper{
	width: 92.1875%; /* 708 / 768 */
	margin: 0 3.90625%; /* 30 / 768 */
	display: table;
}
#about .wrapper > div, .navigation-holder{
	position: relative;
	float: left;
}
#about .content-holder{
	width: auto; /* 64.54802259887%; /* 457 / 708 */
	/*padding-right: 4.237288135593%;*/ /* 30 / 708 */
}
#about .wrapper .btn-holder{
	float: none;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	width: 31.214689265537%; /* 221 / 708 */
}
#about .content-holder{
	width: auto;
}
#about .btn-holder a{
	margin: 0;
}
#about h1, #highlights h1, #main-entries h1, #related h1{
	margin-top: 0;
}
#about .content-holder p:last-of-type, #highlights .article-entry-p p:last-of-type{
	margin-bottom: 30px;
	font-size: 20px;font-size: 2rem;
}
#highlights article{
	width: 45.934959349593%; /* 339 / 738 */
	margin: 0 0 10px 0;
	padding: 15px 2.032520325203% 30px 2.032520325203%; /* 15 / 738 */

   -webkit-transition:all 0.2s ease;
   -moz-transition:all 0.2s ease;
   -o-transition:all 0.2s ease;
   transition:all 0.2s ease;
}
#highlights article:nth-child(odd){
	clear: left;
}
#highlights .wrapper > h1, #related .wrapper > h1{
	margin-left: 2.032520325203%; /* 15 / 738 */
	margin-right: 2.032520325203%; /* 15 / 738 */
	font-size: 26px; font-size: 2.6rem;
	text-align: center;
}
#highlights article:nth-child(3n+1){
	background-color: rgba(228, 184, 31, 1);
}
	#highlights article:nth-child(3n+1) .button:hover,
	#highlights article:nth-child(3n+1) .button:focus{
		color: rgba(228, 184, 31, 1);
	}
	#highlights article:nth-child(3n+1):hover,
	#highlights article:nth-child(3n+1):focus{
		background-color: rgba(228, 184, 31, 0.8);
	}
#highlights article:nth-child(3n+2){
	background-color: rgba(255, 77, 64, 1);
}
	#highlights article:nth-child(3n+2) .button:hover,
	#highlights article:nth-child(3n+2) .button:focus{
		color: rgba(255, 77, 64, 1);
	}
	#highlights article:nth-child(3n+2):hover,
	#highlights article:nth-child(3n+2):focus{
		background-color: rgba(255, 77, 64, 0.8);
	}
#highlights article:nth-child(3n+3){
	background-color: rgba(204,20,69,1);
}
	#highlights article:nth-child(3n+3) .button:hover,
	#highlights article:nth-child(3n+3) .button:focus{
		color: rgba(204,20,69,1);
	}
	#highlights article:nth-child(3n+3):hover,
	#highlights article:nth-child(3n+3):focus{
		background-color: rgba(204,20,69,0.8);
	}

#highlights article .button{
	margin-bottom: 20px;
}

.tinynav{
	display: none
}
.content-wrapper{
	width: 70%;
	margin: 0 15%;
}

.lead{
	width: 100%; /* 768 / 708 */
	margin-left: -4.237288135593%;
	padding: 2em 4.237288135593%;
}
	.content-wrapper .lead h1{
		font-size: 30px; font-size: 3rem;
		font-family: 'univers_lt_std45_light', sans-serif;
	}
	.content-wrapper .lead > p{
		font-size: 22px; font-size: 2.2rem;
        font-family: 'univers_lt_std45_light', sans-serif;
        line-height: 30px;
	}

#main-entries.blog .article-entry .article-entry-p,
#highlights .article-entry-p {
	min-height: 115px;
}

#main-content{
	padding-bottom: 30px;
}
#related article{
	/*margin-bottom: 30px;*/
}
	#related h1 a{
		padding-bottom: 5px;
		border-bottom: solid 2px #025d59;
	}
	#related .content-wrapper{
		margin-top: 1.5em;
	}
aside .toggle-btn{
	display: none;
	width: 0;
	height: 0;
}

.target-group{
    position: absolute;
    top: -50px;
    left: 30%;
}
    .target-group ul{
        width: 300px;
        margin: 0; padding: 0;
        /*float: none;*/
        font-size: 1.4rem; font-size: 14px;
    }
        .target-group li{
            float: left;
            margin-right: 10px;
        }
            .target-group li a{
                background: #a5a5a5;
                padding: 5px 10px;
                color: white;
                border-radius: 20px;
            }
                .target-group li .voor_jongeren:hover,
                .target-group li .voor_jongeren.active{
                    background: #ff4d40;
                }
                .target-group li .voor_opvangouders:hover,
                .target-group li .voor_opvangouders.active{
                    background: #cc1445;
                }

@media screen and (max-width: 768px){
	aside{
		width: 104.065040650407%; /* 768 / 738 */
		margin-left: -2.032520325204%;
	}
	aside > div{
		float: none;
		width: auto;
		text-align: center;
	}
	aside ul{
		font-size: 16px; font-size: 1.6rem;
		background: #168B86;
	}
	aside li{
		display: inline;
		margin: 0;
	}

	aside >section > .aside-header {
		background: #009d96;
		padding: 0.25em 0.5em;
		margin: 0;
	}
	aside >section > .aside-header h1{
		color: #ffffff;
		margin: 0;
	}
	aside a{
		padding: 0.75em;
		display: inline-block;
		color: #ffffff;
	}
	aside a:hover, aside a:active{
		background: #1D7773;
		border-bottom: none;
	}
	aside a:active{
		background: #e5dfcf;
		border-bottom: none;
	}
	aside .current-page-item a,
	aside .current-page-item a:hover{
		background: #1D7773;
	}
	.content-loader {
		width: 92.1875%; /* 708 / 768 */
		padding: 30px 3.90625% 30px 3.90625%; /* 30 / 768 */
	}
	.content-loader .btn-holder{
		width: 50%;
		margin: 0 25%;
	}
	#main-entries.blog article:last-of-type{
		margin-bottom: 0;
	}
	#main-entries.blog article section{
		margin-bottom: 30px;
	}
	#cat, #tags{
		position: relative;
		float: left;
		width: 44.140625%; /* 339 / 768 */
		padding: 30px 1.953125% 30px 3.90625%; /* 15 / 768 || 30 / 768 */
	}
	#tags{
		padding: 30px 3.90625% 30px 1.953125%; /* 15 / 768 || 30 / 768 */
	}
	#main-entries.blog.detail article:first-child .article-entry{
		width: 100%;
		margin-left: 0;
		float: none;
	}
	#main-entries.blog.detail article:first-child .img-holder{
		margin-right: 30px;
	}
}