@charset "UTF-8";
/* CSS Document */

     /* Set height of the grid so .sidenav can be 100% (adjust if needed) */

@font-face {
    font-family: 'Skia';
    src:url('Skia.ttf.woff') format('woff'),
        url('Skia.ttf.svg#Skia') format('svg'),
        url('Skia.ttf.eot'),
        url('Skia.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

	  /* FOOTER VAST ONDERIN
------------------------------------------------------------------------------*/

body { position:relative;margin-bottom: 45px;}
footer { position: relative; bottom: 0px; width: 100%; height: 45px; } 

html, body {
	height: 100%;position:relative;
}
.container, .row {
/* 	height: 100%; */
}
	  
	  /* ALGEMEEN
------------------------------------------------------------------------------*/
body{font-family: 'Skia', sans-serif;color:#425e7f;}
h1{ font-family: 'Audiowide', cursive;font-size: 19px;margin-bottom: 15px; margin-top:0px;color:#5c90b6;}
h2{font-weight: bold; font-size: 17px;}
h3{font-weight: bold; font-size: 14px;}
p{font-size: 13px;}
a { color: #b20000;}
a:hover, a:focus { text-decoration: none; color:#222}
a img{border: none}
img{max-width: 100%}
img {border: none; padding: 0px; margin: 0px;}
	  
	  body {
		  background-color: #E0DFDF;
	  }
	  
	  }
	  .row .content {
		min-height:  100%;
	  }

	  .row .yellow {
	  	background-color: #e5db04;
	  }

	 .blue {
		  background-color: #5c90b6;
	  }	 

	  .content {
	    background-color: #fff;
		position:relative;
	  }

		.row-padding {
		padding: 30px;
		}
		.no-padding {
		padding: 0px;
		}

	/* header ----------------------------*/    

	.header-background { background-color: #e5db04; margin-top: 0px;margin-right: 0px;margin-left: 0px;margin-bottom:0px; width:100%; height: 100%;}
		
	  
	  @media (min-width:1050px){
		  .container .headerimage {
  			width: 100% !important;
			min-height:444px;
			}
		}
	  
	  
	/* sidebar ----------------------------*/    
		.container {
/* 			padding:0px; */
		}
			
	.container-nav {
  	position:relative;
   	overflow:hidden;
	padding:0px;

	}

	.row .content{
  	position:relative;

	}
	.col-sm-4 .sidenav {
	position:relative;

	}

    .sidenav {
      	background-color: #5c90b6;
		padding-top: 30px;
		line-height:8px;
		position:relative;
    }
	
	.navbar-toggle { border: 1px solid #fff;}
	.navbar-toggle .icon-bar { background-color: #fff;	}	  
	.nav > li > a {color: #fff	} 
	.nav > li > a:hover {color: #5c90b6	} 
	   
    /* On small screens, set height to 'auto' for sidenav and grid */

    @media screen and (max-width : 767px ){
	    body { background-color: #fff; margin-bottom: 0px;}
	    footer { height: 78px;}
		footer .align-right.footer-top{text-align: left}
		.sidenav { padding: 0px 15px;	} 
	}
    @media screen and (max-width : 480px ){
		body { margin-bottom: 0px;}
		.navbar{margin-bottom: 10px}
		.row-padding { padding: 10px 20px; }
		footer { position:relative; height: 96px; } 
	}
	  @media (min-width: 768px) {
  		.container {
   		 width: 750px;
  			}
		}
		@media (min-width: 992px) {
		  .container  {
			width: 970px;
		  }
		}
    @media screen and (max-height : 736px ){
		.inner-content { min-height: 402px;}
	}
    @media screen and (max-height : 667px ){
		.inner-content { min-height: 353px;}
	}
    @media screen and (max-height : 640px ){
		.inner-content { min-height: 326px;}
	}
    @media screen and (max-height : 568px ){
		.inner-content { min-height: 254px;}
	}
	 
  /* Set yellow background color, white text and some padding */
    .footer {
      background-color: #e5db04;
      padding: 6px;
	  color: #262626;
      font-size: 9px;
    }

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

	.footer-top {
		padding-top:5px;
	}