body        					{
             					background-color	: #c0c0c0;
             					font-size:12pt;
             					}

a,a:hover						{
								color						: #111111;
								text-decoration				: none;
								display                     : inline-block;
								position                    : relative;
								z-index                     : 1;
								}

a:hover							{
								color						: #a2202b;
								}

.new,.tip						{
								float:right;
								margin:5px 5px;
}

.container  					{
             					display             : flex;
             					flex-wrap           : wrap;
             					}

.top,.bottom   					{
             					margin-top          : 50px;
             					}

.between    					{
             					margin-top          : 5px;
             					}

.banner    						{
             					flex-direction      : column;
             					flex                : 100%;
             					}

.zoeken,.kolom 					{
             					flex-direction      : column;
             					flex                : 25%;
             					}

.zoekfunctie  					{
             					background-color    : #ffffff;
             					border              : 1px solid #999999;
             					border-radius       : 0px 0px 5px 5px;
             					margin              : 0px 4px 3px 4px;
             					padding             : 0px 0px 0px 10px;
             					height:31px;
             					}

.titel      					{
             					background-color    : #3a4663;
             					color               : #ffffff;
             					border              : 1px solid #999999;
             					border-radius       : 5px 5px 0px 0px;
             					margin              : 0px 4px -1px 4px;
             					padding             : 2px 0px 2px 5px;
             					}
.menu      					    {
             					background-color    : #acb2c6;
             					border              : 1px solid #999999;
             					border-radius       : 0px 0px 5px 5px;
             					margin              : 0px 4px 3px 4px;
             					padding             : 2px 0px 2px 5px;
             					}

.blok       					{
             					background-color    : #acb2c6;
             					border              : 1px solid #999999;
             					margin              : 5px 4px 9px 4px;
             					border-radius       : 5px 5px 5px 5px;
             					padding-left        : 5px;
             					}

.blok-item  					{
   						
								flex-direction:row;
             					margin-left         : -5px;
             					padding             : 3px 0px 3px 5px;
								}

.blok-titel 					{
             					background-color    : #3a4663;
								border-bottom		: 1px solid #999999;
             					color               : #ffffff;
             					margin-left         : -5px;
             					padding             : 2px 0px 2px 5px;
								border-radius		: 5px 5px 0px 0px;
             					}

.copyright    					{
								flex				: 100%;
								align-items			: center;
             					}
/* INPUTS */
input[type="submit"]          	{
                              	background-color	: #f0f0f0;
                              	height          	: 90%;
                              	width             	: 25%;
                              	border            	: none;
	                            outline           	: none;
                              	border-left       	: 1pt solid #999999;
                              	border-radius     	: 0px 0px 5px 0px;
                              	margin            	: 0px 0px 0px 5px;
                              	padding 		    : 0px 0px 0px 0px;
                                font-size         	: 11pt;
                              	}

input[type="submit"]:hover    	{
                              	background-color  	: #c9c9c9;
                              	}

input[type="submit"]:active   	{
                              	background-color  	: #c0c0c0;
                              	}

input[type="text"]            	{
                              	height            	: 100%;
                              	width             	: 75%;
                              	border            	: none;
                              	outline           	: none;
                              	border-radius     	: 0px 0px 0px 5px;
                              	margin            	: 0px 0px 0px -5px;
                              	padding           	: 0px 0px 3px 0px;
                              	font-size         	: 12pt;
                              	}
input[type="text"].form,
input[type="email"].form 		{
                              	width             	: 250px;
								height				: 25px;
                              	border            	: 1px solid #666666;
                              	outline           	: none;
                              	border-radius     	: 5px;
								padding-left 		: 5px;
                              	font-size         	: 12pt;
                             	}
input[type="submit"].form         	{
                              	background-color	: #f0f0f0;
								height				: 25px;
                              	width             	: 100px;
                              	border            	: 1px solid #666666;;
	                            outline           	: none;
                              	border-radius     	: 5px;
                              	margin-left	    	: 0px;
								margin-top			: 4px;
                                font-size         	: 12pt;
                              	}
textarea.form 		{
                              	width             	: 500px;
								height				: 250px;
                              	border            	: 1pt solid #666666;
                              	outline           	: none;
                              	border-radius     	: 5px;
								padding-left 		: 5px;
                              	font-size         	: 12pt;
                              	}
.copy							{
								font-size			: 90%;
								}		

.loading_time					{
    							font-size			: 70%;
    							color               : #333333;
								margin-bottom		:10px;
								}

/* Settings for smaller screensizes */
@media (max-width: 950px)
{
  .kolom    					{
            					flex                : 50%;
            					}
	
  .blok     					{
            					margin              : 0px 4px 7px 4px;
            					}
	
  .zoeken     					{
             					flex                : 50%;
             					margin-bottom		: 3px;
             					}
  
  .gm       					{
             					visibility        	: hidden;
             					}
	
.hd 							{
             					margin-top			: -60px;
             					}
.top        					{
             					margin-top          : 20px;
             					}

.bottom    					{
             					margin-top          : 20px;
             					}
}


@media (max-width: 640px)
{
  .kolom    					{
             					flex                : 100%;
             					}
	
  .blok     					{
             					margin              : 0px 4px 7px 4px;
             					}
	
  .zoeken     					{
             					flex                : 100%;
             					margin-bottom		: 3px;
             					}
	
  .gm,.gt       				{
             					visibility        	: hidden;
             					}
	
.ht 							{
             					margin-top			: -170px;
             					}
}