@font-face {
    font-family: 'DIN';
    src: url('/font/din-regular.eot');
    src: url('/font/din-regular.eot') format('embedded-opentype'),
         url('/font/din-regular.woff') format('woff'),
         url('/font/din-regular.ttf') format('truetype'),
         url('/font/din-regular.svg#DINRegularRegular') format('svg');
}
@font-face {
    font-family: 'DIN';
    src: url('/font/din-bold.eot');
    src: url('/font/din-bold.eot') format('embedded-opentype'),
         url('/font/din-bold.woff') format('woff'),
         url('/font/din-bold.ttf') format('truetype'),
         url('/font/din-bold.svg#DINBoldRegular') format('svg');
	font-weight: bold;
}
html
{
	overflow-y: scroll;
}
body
{
    background-color: #fff;
	font-family: DIN, Arial, sans-serif;
    font-size: 17px;
    color: #000;
	}

.mobonly
{
	display:none;
}

h1
{
	font-family: DIN;
	font-size: 31px;
    color: #026495;
	line-height: 28px;
    font-weight: bold;
	padding-bottom: 20px;
    
}
h2
{
	color: #026495;
	font-size: 25px;
}
a
{
	outline: none;
    font-weight: bold;
}
input, select, textarea, button
{
	font-family:inherit;
}
#middlecontainer a
{
    color: #026495;
	text-decoration: none;
}
#middlecontainer a:hover
{
    color: #026495;
	text-decoration: underline;
}
#middlecontainer a.ilink, #middlecontainer a.elink
{
	color: #026495;
	text-decoration: none;
}
#middlecontainer a.ilink:hover, #middlecontainer a.elink:hover
{
	text-decoration: underline;
}

#klantenlijst
{
	border-top: solid 1px black;
}


#klantenlijst ul li
{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px black;
}

#klantenlijst ul li img
{
	width: 300px;
	border: solid 1px black;
	display: block;
	margin-bottom: 10px;
}
#klantengrid
{
	padding-bottom:220px;
}
#klantengrid div.klantdata
{
	float: left;
	margin-right: 25px;
	margin-bottom: 14px;
	background-color: #fff;
	width: 156px;
	height: 45px;

}
#klantengrid div.lastklant {  
    margin-right: 0;
}

#klantengrid div.klantdata img, #klantengrid div.klantdata div.klant-tekst
{
	width: 154px;
	height: 43px;
	border: 1px solid #ababab;
	cursor: pointer;

}
#klantengrid div.klantdata div.klant-tekst
{
	margin: 0;
	text-align: center;
	line-height: 43px;
}
.klantdata a
{
	display: none;
}
#klantengrid div.niet-actief img
{
	cursor: default;
	opacity: 0.3;
	z-index: 1;
}
#klantpopup, #klantpopuphome
{
	display: none;
	min-width: 202px;
	border: 6px solid #7fb0c9;
	padding: 15px;
	position: absolute;
	z-index:30;
	background-color: #fff;
}
#klantpopup span.close, #klantpopuphome span.close
{
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
}

#klantpopup a, #klantpopuphome a
{
	color: #026495;
	text-decoration: none;
}
#klantpopup a:hover, #klantpopuphome a:hover
{
	
	text-decoration: underline;
}

#klantpopuphome
{
	left: 350px;	
	top: -150px;
	
}

hr.streep
{
	border: 0;
	border-top: solid 1px black;
}




.zwart
{
	color: black;
}
.absmiddle
{
  vertical-align: middle;
}
.border, .foto img
{
    border: solid #cccccc 1px;
}

.borderg
{
    border: solid #d9dadb 1px;
}
.borderlg
{
    border: solid #eceded 1px;
}

.noborder
{
    border: 0;
}
.filekop
{
    color : #000000;
    padding : 4px;
    padding-right : 12px;
    font-weight : bold;
	background-color : ;
	border : 1px solid #026495;
	width: 300px;
}
.filekop a
{
	color: #487218;
}

.filekop span
{
	font-size: 9px; 
	color: #BBBBBB;
	display: block;
	margin-bottom: 10px;
}
.filekop img
{
	margin-left: -5px;
	padding: 0;
	width: 16px;
	height: 16px;
	border: 0;
}
.slide
{
	position: absolute;
	top: 0;
	left: 0;
}


.Center
{
	text-align: center;
}
.Center img
{
	border: 1px solid black;
}

.Blok
{
	width: 222px; height: 168px; float: left; padding: 5px;
}

.listImgContainer
{
	margin: auto;
	text-align: center;
	overflow: hidden;
	vertical-align: middle;
	display: table-cell;
	background-color: #e6e6e6;
	width: 220px;
	min-width: 220px;
	max-width: 220px;
	height: 128px;
	min-height: 128px;
	max-height: 128px;
	line-height: 128px;
}

.listImgContainer img
{
	max-height: 126px;
	max-width: 210px;
	vertical-align: middle;
}

.parimg
{
	margin: auto;
	width: 216px;
	border: 0;
	margin-bottom: 20px;
}

.parimg img
{
	width: 216px;
	
}

.parimg div
{
	font-size: 12px;
	line-height: 20px;
	font-family: 'DIN';
	font-weight: bold;

	text-align:center;
	color: #006494;
	margin-top: 10px;
	margin-bottom:0;
}

.timgl{margin-right: 10px; float: left;}


.newslist ul li
{
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #000;
}

a.foto img
{
	max-width:482px;
}
.clear {
     clear: both;
     display: block;
     height: 1px;
     overflow: hidden;
     margin: 0;
     padding: 0;
 }
div.clear
{
	margin-bottom: 20px;
}
div.il
{
	float: left;
	text-align: left;
}
div.ic
{
	text-align: center;
}
div.ir
{
	float: right;
	text-align: right;
}


.ingeklapt
{
	display: none;
}

.datum
{
	font-size: 11px; 
	margin-top: -10px;
	margin-bottom: 10px;
}
.ondertitel
{
	font-weight: bold;
	margin-bottom: 10px;
}

.group:after {
  content: "";
  display: table;
  clear: both;
}