/*--------------------------------------------------------------
1. Sizing
--------------------------------------------------------------*/
*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*--------------------------------------------------------------
2. Fonts
--------------------------------------------------------------*/
html,
body {
    font-size: 100%;
}

sup,
sub {
	font-size: 60%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

a:hover {
    cursor: pointer;
}

a:focus {
    outline: none;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}


a {
    text-decoration: none;
    font-weight: normal;
}

a:hover, a:focus {
    /* text-decoration: underline; */
}

h1, h2, h3, h4, h5, h6 {
}

h1 {

} 

h2 {

}

h3 {
    
}

h4 {

}

h5 {

}

h6 {

}

p, ul, ol, dl, blockquote, hr, pre, table, fieldset, article footer, nav {
    margin: 0 0 1.5em 0;
}

.lowercase {
	text-transform: lowercase;
}

.uppercase {
	text-transform: uppercase;
}

.capitalize {
	text-transform: capitalize;
}

/*--------------------------------------------------------------
3. Elementen
--------------------------------------------------------------*/
.hidden {
    display: none !important;
    visibility: hidden;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.fixed {
	position: fixed;
}

.inherit {
	position: inherit;
}

.initial {
	position: initial;
}

.inlineblock {
	display: inline-block;
	vertical-align: top;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.justify {
	text-align: justify;
}

.full {
	width: 100%;
}

.half {
	width: 50%;
}

.third {
	width: 33.333%;
	width: calc( 100% / 3 );
}

.twothirds {
	width: 66.666%;
	width: calc( ( 100% / 3 ) * 2 );
}

.fourth, .quarter {
	width: 25%;
	width: calc( 100% / 4 );
}

.threequarters, .threefourths {
	width: 75%;
}

.fifth {
	width: 20%;
}

.twofifths {
	width: 40%;
}

.threefifths {
	width: 60%;
}

.fourfifths {
	width: 80%;
}

.sixth {
	width: 16.666%;
	width: calc( 100% / 6 );
}

.fivesixths {
	width: 83.333%;
	width: calc( ( 100% / 6 ) * 5 );
}
.seventh {
	width: 14.285%;
	width: calc( 100% / 7 );
}

.twosevenths {
	width: 28.571%;
	width: calc( ( 100% / 7 ) * 2 );
}

.threesevenths {
	width: 42.857%;
	width: calc( ( 100% / 7 ) * 3 );
}

.foursevenths {
	width: 57.142%;
	width: calc( ( 100% / 7 ) * 4 );
}

.fivesevenths {
	width: 71.428%;
	width: calc( ( 100% / 7 ) * 5 );
}

.sixsevenths {
	width: 85.714%;
	width: calc( ( 100% / 7 ) * 6 );
}

.eighth {
	width: 12.5%;
}

.threeeighths {
	width: 37.5%;
}

.fiveeighths {
	width: 62.5%;
}

.seveneighths {
	width: 87.5%;
}

.ninth {
	width: 11.111%;
	width: calc( 100% / 9 );
}

.twoninths {
	width: 22.222%;
	width: calc( ( 100% / 9 ) * 2 );
}

.threeninths {
	width: 33.333%;
	width: calc( ( 100% / 9 ) * 3 );
}

.fourninths {
	width: 44.444%;
	width: calc( ( 100% / 9 ) * 4 );
}

.fiveninths {
	width: 55.555%;
	width: calc( ( 100% / 9 ) * 5 );
}

.sevenninths {
	width: 77.777%;
	width: calc( ( 100% / 9 ) * 7 );
}

.eightninths {
	width: 88.888%;
	width: calc( ( 100% / 9 ) * 8 );
}

.tenth {
	width: 20%;
}

.threetenths {
	width: 30%;
}

.seventenths {
	width: 70%;
}

.ninetenths {
	width: 90%;
}

.alignleft {
    clear: left;
    margin: 0.38em 1.62em 0.38em 0;
}

.alignright {
    clear: right;
    margin: 0.38em 0 0.38em 1.62em;
}

.aligncenter {
    margin: 0 auto 1.62em;
    display: block;
}

.clear {
	clear: both;
	display: block;
	width: 100%;
	height: 0px;
}

.clearfix,
.clearfix:before,
.clearfix:after {
	clear: both;
	display: block;
}

.hide {
    display: none;
}

/*--------------------------------------------------------------
3.1 Element kenmerken
--------------------------------------------------------------*/
img,
object,
embed {
    max-width: 100%;
    height: auto;
}

object,
embed {
    height: 100%;
}

img {
    -ms-interpolation-mode: bicubic;
}

.antialiased {
    -webkit-font-smoothing: antialiased;
}

/*--------------------------------------------------------------
4. Formulieren
--------------------------------------------------------------*/
input {
	-moz-border-radius:0px; 
	-webkit-border-radius:0px; 
	-khtml-border-radius:0px; 
	-o-border-radius:0px; 
	border-radius:0px;
}

textarea {
    height: auto;
    min-height: 50px;
}

select,
input,
textarea {
    width: 100%;
}

/*--------------------------------------------------------------
5. Lijsten
--------------------------------------------------------------*/
article ul {
    margin: 0 0 2em 2em;
    list-style: disc outside;
}

article ol {
    margin: 0 0 2em 2em;
    list-style: decimal outside;
}

article blockquote {
    margin: 0 0 1.25em 2.5em;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 1.19em 1.25em 0;
    font-style: italic;
}

/*--------------------------------------------------------------
6. Transities
--------------------------------------------------------------*/
.trans {
	-webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease; 
	transition: all 0.3s ease;
}

/*--------------------------------------------------------------
7. Achtergrondafbeeldingen
--------------------------------------------------------------*/
.achtergrond-volledig,
.achtergrond-vollebreedte {
	background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
}
.achtergrond-volledig {
	background-size: cover;
}
.achtergrond-vollebreedte {
	background-size: 100% auto;
}