html, body {
	margin:0 auto;
	padding: 0px;	
   	text-align: center;
	color: #16273a;
	font-weight: normal;
	font: 12px Arial, Helvetica, sans-serif;
	background: #ffffff ;
	line-height: 22px;
	-webkit-text-size-adjust: none;
}

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

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

#container {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

#header {
	width: 980px;
	height: 168px;
	margin-left: 10px;
}


#menu-balk {
	width: 980px;
	height: 32px;
	margin-left: 10px;
	background: #214a78 url(../images/AG_menu.png) repeat-x center top;
	text-align: center;
	padding-top: 11px;
}

#foto {
	width: 980px;
	height: 148px;
	margin-left: 10px;
	margin-top: 19px;
}

#content {
	width: 980px;
	margin-left: 10px;
	margin-top: 60px;
	margin-bottom: 30px;
}

.td-home-links {
	width: 290px;
	text-align: justify;
	vertical-align:top;
	border-right: 1px solid #dfe4ea;
	padding-right: 27px;
	
}

.td-home-midden {
	width: 290px;
	text-align: justify;
	vertical-align:top;
	padding-left: 27px;
	padding-right: 27px;
}


.td-home-rechts {
	width: 290px;
	text-align: justify;
	vertical-align:top;
	border-left: 1px solid #dfe4ea;
	padding-left: 27px;
}

.td-links {
	width: 636px;
	text-align: justify;
	vertical-align:top;
	border-right: 1px solid #dfe4ea;
	padding-right: 27px;
}

.td-rechts {
	width: 290px;
	text-align: justify;
	vertical-align:top;
	padding-left: 27px;
	padding-top: 50px;
}

.tdmargin {
	width: 108px;
}

.ag-button {
	width:  278px;
	height: 25px;
	border: 1px solid #dee4ea;
	background: #f4f6f8;
	padding-top: 2px;
	padding-left: 12px;
}

.ag-button:hover {
	background: #e1e3e5;
}

#gradient-footer {
	width: 100%;
	height: 60px;
	background-image: linear-gradient(bottom, rgb(210,218,226) 0%, rgb(255,255,255) 100%);
background-image: -o-linear-gradient(bottom, rgb(210,218,226) 0%, rgb(255,255,255) 100%);
background-image: -moz-linear-gradient(bottom, rgb(210,218,226) 0%, rgb(255,255,255) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(210,218,226) 0%, rgb(255,255,255) 100%);
background-image: -ms-linear-gradient(bottom, rgb(210,218,226) 0%, rgb(255,255,255) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(210,218,226)),
	color-stop(1, rgb(255,255,255))
);
}

#footer {
	width: 100%;
	border-top: 2px solid #5680af;
	text-align: center;
	background: #123358;
	background-image: linear-gradient(bottom, rgb(15,44,76) 0%, rgb(22,62,104) 68%);
	background-image: -o-linear-gradient(bottom, rgb(15,44,76) 0%, rgb(22,62,104) 68%);
	background-image: -moz-linear-gradient(bottom, rgb(15,44,76) 0%, rgb(22,62,104) 68%);
	background-image: -webkit-linear-gradient(bottom, rgb(15,44,76) 0%, rgb(22,62,104) 68%);
	background-image: -ms-linear-gradient(bottom, rgb(15,44,76) 0%, rgb(22,62,104) 68%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(15,44,76)),
		color-stop(0.68, rgb(22,62,104))
	);
}

#content-footer {
	width: 980px;
	margin-left: 10px;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 40px;
	color: #fff;
	line-height: 18px;	
}

.td-footer-links {
	width: 478px;
	vertical-align: top;
	text-align: left;
}

.td-footer-midden {
	width: 252px;
	vertical-align: top;
	text-align: left;
}

.td-footer-rechts {
	width: 250px;
	vertical-align: top;
	text-align: left;
}

H1 {
	font-family: klavikalight_condensed, Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: normal;
	margin: 0px 0px 20px 0px;
	letter-spacing: 0px;
	color: #163d68;	
}

H2 {
	font-family: klavikalight_condensed, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	margin: 0px 0px 20px 0px;
	letter-spacing: 0px;
	color: #5680af;
}

H3 {
	font-family: KlavikaMediumCondensedItaliRg, Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: normal;
	margin: 0px 0px 14px 0px;
	letter-spacing: 0px;
}

H4 {
	font-family: KlavikaMediumCondensedRegular, Arial, Helvetica, sans-serif;
	font-size: 50px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	letter-spacing: 0px;	
	text-transform: uppercase;
	color: #ffffff;
}

.blauw {
	color: #1f1ccd;	
}

.donkerblauw {
	color: #163d68;	
}

.lichtblauw {
	color: #5680af;	
}

.zwart {
	color: #16273a;	
}

.grijs {
	color: #a1a6ac;
}


/* Link stijlen
----------------------------------------------- */

a {font-weight: bold; letter-spacing: 0px;}

a:link{color:#3e3e3d; text-decoration:none;}
a:visited{color:#3e3e3d; text-decoration:none;}
a:hover{color:#7d7d7c; text-decoration:none;}
a:active{color:#3e3e3d; text-decoration:none;}

a.link1 {font-family: klavikalight_condensed, Arial, Helvetica, sans-serif; font-size: 19px; text-transform: uppercase; font-weight: normal}

a.link1:link{color:#fff; text-decoration:none;}
a.link1:visited{color:#fff; text-decoration:none;}
a.link1:hover{color:#95b3d5; text-decoration:none;}
a.link1:active{color:#fff; text-decoration:none;}

a.link2 {font-family: KlavikaMediumCondensedRegular, Arial, Helvetica, sans-serif; font-size: 17px; font-weight: normal}

a.link2:link{color:#163d68; text-decoration:none;}
a.link2:visited{color:#163d68; text-decoration:none;}
a.link2:hover{color:#5680af; text-decoration:none;}
a.link2:active{color:#163d68; text-decoration:none;}

a.link3 {font-weight: normal; letter-spacing: 0px;}

a.link3:link{color:#fff; text-decoration:none;}
a.link3:visited{color:#fff; text-decoration:none;}
a.link3:hover{color:#fff; text-decoration:underline;}
a.link3:active{color:#fff; text-decoration:none;}




:focus {
    outline: none;
}

/* 
----------------------------------------------- */

.HR {
	border-top: 1px dashed #a1c859;
	border-bottom: none;
	border-left: none;
	border-right: none;
	text-align: left;
	color: #fff;
}

.menustreepje {
	color: #6e99c9;
	font-family: klavikalight_condensed, Arial, Helvetica, sans-serif;
	font-size: 19px;
	margin-left: 10px;
	margin-right: 10px;
	
}

p {
	text-align:justify;
}

.kop {
	font-weight: bold;
	font-size: 14px;
}

li {
	list-style:square;

}

.bullitgroot {
	font-size: 16px;
	margin-left: 12px;
}

.introtekst {
	font-size: 14px;
	line-height: 29px;
	color: #244e7c;
}

.border {
	border: 2px solid #3e3e3d;
}

.logo {
	float: right;
	margin-right: 10px;
}


.input_zoeken {
	background-color: #f7fbfb;
	border: 1px #a0c85c solid;
	width: 129px;
	padding: 2px;
	padding-left: 3px;
	font-weight: normal;
	font: 10px Arial, Helvetica, sans-serif;
	color: #3e3e3d;
}

.input_zoeken_on {
	background-color: #f7fbfb;
	border: 1px #28b7c3 solid;
	width: 129px;
	font-weight: bold;
	padding: 2px;
	padding-left: 3px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #3e3e3d;
}



.input
{
	background-color: #f7fbfb;
	border: 1px #c5c8c8 solid;
	width: 300px;
	padding: 2px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #3e3e3d;
}

.input_on
{
	background-color: #f7fbfb;
	border: 1px #28b7c3 solid;
	width: 300px;
	padding: 2px;
	font: 12px  Arial, Helvetica, sans-serif;
	color: #3e3e3d;
	font-weight: bold;
}

.inputgroot {
	background-color: #f7fbfb;
	border: 1px #c5c8c8 solid;
	width: 296px;
	padding: 2px;
	font: 12px  Arial, Helvetica, sans-serif;
	color: #3e3e3d;
	height: 120px;
}

.inputgroot_on {
	background-color: #f7fbfb;
	border: 1px #28b7c3 solid;
	width: 296px;
	padding: 2px;
	font: 12px  Arial, Helvetica, sans-serif;
	color: #3e3e3d;
	height: 120px;
	font-weight: bold;
}

.BUTTON
{
	font: 12px  Arial, Helvetica, sans-serif;
	padding: 2px;
	padding-left: 6px;
	padding-right: 6px;
	color: #FFFFFF;
	background-color: #28b7c3;
	font-weight: normal;
	letter-spacing: 1px;
	border: none;
	cursor: pointer;	
}

.MO
{
	font: 12px  Arial, Helvetica, sans-serif;
	padding: 2px;
	padding-left: 6px;
	padding-right: 6px;
	color: #FFFFFF;
	background-color: #5fd2dc;
	font-weight: normal;
	letter-spacing: 1px;
	border: none;
	cursor: pointer;
}

.clear {
  clear:both;
  display:block;
  height: 0;
  margin:0;
  padding:0;
  font-size:1px;
  line-height:0px;
  background-color: transparent;
}


/* Validate
----------------------------------------------- */

	#msg {
	display:none;
	position:absolute;
	z-index:999200;
	padding:0px;
	font: 12px  Arial, Helvetica, sans-serif;
}
	
	
	#msgcontent {
	display:block;
	background:#28b7c3;
	padding:3px;
	min-width:200px;
	max-width:380px;
	color:#ffffff;
}
	
	.messagebox{
	position:absolute;
	width:100px;
	margin-left:30px;
	border:1px solid #c93;
	background:#ffc;
	padding:3px;
}
	
	.messageboxerror{
	position:absolute;
	width:auto;
	margin-left:30px;
	border:1px solid #CC0000;
	background:#F7CBCA;
	padding:3px;
	font-weight:bold;
	color:#CC0000;
}