/******************* FONT *****************************/
/* http://www.fontsquirrel.com/tools/webfont-generator */
@font-face {
    font-family: 'avenir_lt_std35_light';
    src: url('../avenirltstd-light-webfont.eot');
    src: url('../avenirltstd-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../avenirltstd-light-webfont.woff2') format('woff2'),
         url('../avenirltstd-light-webfont.woff') format('woff'),
         url('../avenirltstd-light-webfont.ttf') format('truetype'),
         url('../avenirltstd-light-webfont.svg#avenir_lt_std35_light') format('svg');
    font-weight: normal;
    font-style: normal;
}


	
/********************  ACHTERGROND CONTAINERS ********************/
body
{
	margin:0px;
	padding:0px;
	horizontal-align: middle;
	background: url("../images/BG/ATB_bgsun.jpg");
	background-repeat: no-repeat;
	background-color:#1289C1;
	
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	/*-o-background-size: cover;*/
}

#bgPosTop 
{
	clear:both;
	height:20px;
	margin:0px;
	padding:0px;
	overflow:hidden;
}


#Container 
{
	width:960px;
	height:800px;
	margin:auto;
}

/* -------------- Vormgeving ------------- */
#bgPos1 
{
	float:left;
	width:960px;
	height:152px;
	margin:0px;
	padding:0px;
}

.inPos1
{
	position:relative;
	top:30px;
	width:960px;
	height:152px;
	background:url(../images/BG/ATB_01.png) no-repeat top left;
	margin:0px;
	padding:0px;
	z-index:3;
}

.inPos1_Adres
{
	position:relative;
	top:25px;
	left:300px;
	width:700px;
	height:100px;
	font-family:'avenir_lt_std35_light';
	color:#333333;
	font-size:15px;	
	line-height:20px;	
}


.inPos1_Mnu
{
	position:relative;
	top:25px;
	left:280px;
	width:700px;
	height:25px;
}



.bgPos2a 
{
	float:left;
	width:960px;
	height:280px;
	background:url(../images/BG/ATB_02a.jpg) no-repeat top left;
	margin:0px;
	padding:0px;
}

.bgPos2b 
{
	float:left;
	width:960px;
	height:280px;
	background:url(../images/BG/ATB_02b.jpg) no-repeat top left;
	margin:0px;
	padding:0px;
}

.bgPos2c 
{
	float:left;
	width:960px;
	height:280px;
	background:url(../images/BG/ATB_02c.jpg) no-repeat top left;
	margin:0px;
	padding:0px;
}

.bgPos2d 
{
	float:left;
	width:960px;
	height:280px;
	background:url(../images/BG/ATB_02d.jpg) no-repeat top left;
	margin:0px;
	padding:0px;
}

.bgPos2e 
{
	float:left;
	width:960px;
	height:280px;
	background:url(../images/BG/ATB_02e.jpg) no-repeat top left;
	margin:0px;
	padding:0px;
}

.bgPos2f 
{
	float:left;
	width:960px;
	height:280px;
	background:url(../images/BG/ATB_02f.jpg) no-repeat top left;
	margin:0px;
	padding:0px;
}

.bgPos2g 
{
	float:left;
	width:960px;
	height:280px;
	background:url(../images/BG/ATB_02g.jpg) no-repeat top left;
	margin:0px;
	padding:0px;
}


.bgPos2_titel 
{
	position:relative;
	top:220px;
	left:60px;
	width:700px;
	height:50px;
	margin:0px;
	padding:0px;
}




#bgPos3 
{
	float:left;
	width:960px;
	background:#FFFFFF;
	margin:0px;
	padding:0px;
}

#bgPos4 
{
	float:left;
	width:960px;
	height:40px;
	margin:0px;
	padding:0px;
}


#bgPosBottom 
{
	clear:both;
	height:800px;
	background:#001234;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

	
hr
{
	border: none 0; 
	border-top: 1px dotted #CCCCCC;/*the border*/
	width: 100%;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	text-align: left;/*this will align it for IE*/
	margin: 0 auto 0 0; /*this will align it left for Mozilla*/
}

/******************** BG Fade ***************************/

#slideshow 
{
    position:relative;
	width:560px;
	height:317px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/********************  ALGEMEEN TEKST ********************/	

h1
	{
		font-family:'avenir_lt_std35_light';
		color:#FFFFFF;
		font-weight:bold;
		letter-spacing:1px;	
		font-variant:small-caps;	
		font-size:20px;		
	}
	
p
	{
		font-family:'avenir_lt_std35_light';
		color:#333333;
		font-size:14px;	
		line-height:20px;	
	}
	
.pp
	{
		font-family:'avenir_lt_std35_light';
		color:#333333;
		font-size:14px;
		line-height:20px;		
	}
	
li
	{
		font-family:'avenir_lt_std35_light';
		color:#333333;
		font-size:14px;
		line-height:20px;		
	}
	
/********************  KADERS ********************/

.tbl_container
	{
		position:relative;
		width:800px;
		height:544px;
		padding:10px;
		border-style:solid;
		border-color:#999999;
		border-width:1px;
		background:#FFFFFF;
		-moz-border-radius-topleft: 7px;
		-moz-border-radius-topright: 7px;
		-moz-border-radius-bottomleft: 7px;
		-moz-border-radius-bottomright: 7px;
		border-top-left-radius: 7px;
		border-top-right-radius: 7px;
		border-bottom-left-radius: 7px;
		border-bottom-right-radius: 7px;
		
		-moz-box-shadow: 2px 2px 5px 5px #CCCCCC;
		-webkit-box-shadow: 2px 2px 5px 5px #CCCCCC;
		box-shadow: 2px 2px 5px 5px #CCCCCC;
		overflow:hidden;
	}
	
.top_container
	{
		position:relative;
		width:780px;
		height:20px;
		padding:5px;		
		background:#00448F;
		-moz-border-radius-topleft: 7px;
		-moz-border-radius-topright: 7px;
		-moz-border-radius-bottomleft: 7px;
		-moz-border-radius-bottomright: 7px;
		border-top-left-radius: 7px;
		border-top-right-radius: 7px;
		border-bottom-left-radius: 7px;
		border-bottom-right-radius: 7px;
		text-align:center;
		font-size:18px;
		color:#FFFFFF;
		overflow:hidden;
	}
	
.mid_container
	{
		position:relative;
		width:780px;
		height:50px;	
		overflow:hidden;
	}
	
.scan_container
	{
		position:relative;
		width:780px;
		height:370px;	
		border-style:solid;
		border-width:1px;
		border-color:#00448F;
		text-align:left;
		/*vertical-align:top;*/
		-moz-border-radius-topleft: 7px;
		-moz-border-radius-topright: 7px;
		-moz-border-radius-bottomleft: 7px;
		-moz-border-radius-bottomright: 7px;
		border-top-left-radius: 7px;
		border-top-right-radius: 7px;
		border-bottom-left-radius: 7px;
		border-bottom-right-radius: 7px;
		
		background: rgb(49, 95, 125);
		background: rgba(49, 95, 125, 0.9);

		overflow:hidden;
	}

.kopTekst
	{
		position:relative;
		left:290px;
		width:440px;
		top:5px;
		
		font-family:'avenir_lt_std35_light';
		color:#1A2B3D;
		font-size:11px;	
		
		border-style:solid;
		border-color:#10BBD7;
		border-width:1px;
		
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5x;
		-moz-border-radius-bottomleft: 5x;
		-moz-border-radius-bottomright: 5x;
		border-top-left-radius: 5x;
		border-top-right-radius: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		padding:10px;
	}
	
.itemTekst
	{
		border-style:solid;
		border-color:#CCCCCC;
		border-width:1px;
		background:#FFFFFF;
		
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5x;
		-moz-border-radius-bottomleft: 5x;
		-moz-border-radius-bottomright: 5x;
		border-top-left-radius: 5x;
		border-top-right-radius: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		
		-moz-box-shadow: 10px 10px 5px #EEEEEE;
		-webkit-box-shadow: 10px 10px 5px #EEEEEE;
		box-shadow: 10px 10px 5px #EEEEEE;
		
		padding:10px;
	}
	
#scrl1
	{
		scrollbar-arrow-color:#FFFFFF;
		scrollbar-face-color:#0055A5;
		scrollbar-highlight-color:#FFFFFF;
		scrollbar-shadow-color:#0055A5;
		scrollbar-3dlight-color:#0055A5;
		scrollbar-darkshadow-color:#000000;
		scrollbar-track-color:#0055A5;
		position:relative;
		left:5px;
		width:290px;
		height:120px;
		padding:5px;
		border-style:solid;
		border-color:#FFFFFF;
		border-width:1px;
		overflow:auto;
	}
		
/********************  LINKS ********************/

input.knop 
{
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   10pt;
	width:       20px;
	height:      27px;
	margin:      5px 0 10px 0;
}

   /********************  Normal ********************/	
	a:link, a:visited, a:active
	{
		font-family:'avenir_lt_std35_light';	
		color:#333333;
		font-size:11px;			
		text-decoration:underline;
	}
	
	a:hover
	{
		font-family:'avenir_lt_std35_light';	
	    color:#999999;
	    font-size:11px;		
	    text-decoration:none;
	}

   /********************  a1 ********************/	
	a:link.a1, a:visited.a1, a:active.a1
	{
		font-family:'avenir_lt_std35_light';	
		color:#333333;
		font-size:13px;	
		font-weight:bold;
		font-variant:small-caps;
		letter-spacing:1px;		
		text-decoration:none;
	}
	
	a:hover.a1
	{
		font-family:'avenir_lt_std35_light';	
	    color:#888888;
	    font-size:13px;	
	    font-weight:bold;
	    font-variant:small-caps;
	    letter-spacing:1px;						
	    text-decoration:none;
	}
	
	a:link.a11, a:visited.a11, a:active.a11
	{
		font-family:'avenir_lt_std35_light';	
		color:#333333;
		font-size:16px;	
		font-weight:bold;
		font-variant:small-caps;
		letter-spacing:1px;		
		text-decoration:none;
	}
	
	a:hover.a11
	{
		font-family:'avenir_lt_std35_light';	
	    color:#888888;
	    font-size:16px;	
	    font-weight:bold;
	    font-variant:small-caps;
	    letter-spacing:1px;						
	    text-decoration:none;
	}
	

   /********************  a2 ********************/	
	a:link.a2, a:visited.a2, a:active.a2
	{	
		width:105px;
		height:42px;
		display:block;
		text-align:center;
		background:#8FC623;
		line-height:12px;
		-moz-border-radius-topleft: 7px;
		-moz-border-radius-topright: 7px;
		-moz-border-radius-bottomleft: 7px;
		-moz-border-radius-bottomright: 7px;
		border-top-left-radius: 7px;
		border-top-right-radius: 7px;
		border-bottom-left-radius: 7px;
		border-bottom-right-radius: 7px;
		font-size:11px;
		color:#FFFFFF;
		font-weight:bold;
		text-decoration:none;
	}
	
	a:hover.a2
	{
		width:105px;
		height:42px;
		display:block;
		text-align:center;
		background:#00448F;
		line-height:12px;
		-moz-border-radius-topleft: 7px;
		-moz-border-radius-topright: 7px;
		-moz-border-radius-bottomleft: 7px;
		-moz-border-radius-bottomright: 7px;
		border-top-left-radius: 7px;
		border-top-right-radius: 7px;
		border-bottom-left-radius: 7px;
		border-bottom-right-radius: 7px;
		font-size:11px;
		color:#FFFFFF;
		font-weight:bold;
		text-decoration:none;
	}
	
	
   /********************  a3 ********************/	
	a:link.a3, a:visited.a3, a:active.a3, a:hover.a3
	{
		width:105px;
		height:42px;
		display:block;
		text-align:center;
		background:#FF8C00;
		line-height:12px;
		-moz-border-radius-topleft: 7px;
		-moz-border-radius-topright: 7px;
		-moz-border-radius-bottomleft: 7px;
		-moz-border-radius-bottomright: 7px;
		border-top-left-radius: 7px;
		border-top-right-radius: 7px;
		border-bottom-left-radius: 7px;
		border-bottom-right-radius: 7px;
		font-size:11px;
		color:#FFFFFF;
		font-weight:bold;
		text-decoration:none;
		float:left;
		margin:5px;
	}
	
   /********************  a4 ********************/	
	a:link.a4, a:visited.a4, a:active.a4, a:hover.a4
	{
		font-family:'avenir_lt_std35_light';	
	    color:#FFFFFF;
	    font-size:12px;	
	    font-weight:bold;			
	    text-decoration:none;
	    padding:8px 9px 12px 9px;
	    background:#C2A259;
	    text-shadow: 4px 2px 3px #000000;
	    -webkit-text-shadow: 4px 2px 3px #000000;
		-moz-text-shadow: 4px 2px 3px #000000;
		-moz-box-shadow: inset -1px 7px 7x 0px #444444;
		-webkit-box-shadow: inset -1px 7px 7px 0px #444444;
		box-shadow: inset -1px 7px 7px 0px #444444;
	}
	
	
   /********************  Button Link ********************/	
	.ButOverz 
	{
		text-indent:0;
		border:1px solid #FFFFFF;
		display:inline-block;
		color:#FFFFFF;
		font-family:'avenir_lt_std35_light';
		font-size:11px;
		font-weight:bold;
		font-style:normal;
		height:28px;
		/*line-height:23px;*/
		width:176px;
		text-decoration:none;
		text-align:center;
		-moz-box-shadow:inset 0px 1px 0px 0px #eaeff2;
		-webkit-box-shadow:inset 0px 1px 0px 0px #eaeff2;
		box-shadow:inset 0px 1px 0px 0px #eaeff2;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #abacad), color-stop(1, #464747) );
		background:-moz-linear-gradient( center top, #abacad 5%, #464747 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#abacad', endColorstr='#464747');
		background-color:#abacad;
		-webkit-border-top-left-radius:6px;
		-moz-border-radius-topleft:6px;
		border-top-left-radius:6px;
		-webkit-border-top-right-radius:6px;
		-moz-border-radius-topright:6px;
		border-top-right-radius:6px;
		-webkit-border-bottom-right-radius:6px;
		-moz-border-radius-bottomright:6px;
		border-bottom-right-radius:6px;
		-webkit-border-bottom-left-radius:6px;
		-moz-border-radius-bottomleft:6px;
		border-bottom-left-radius:6px;
		
	}
	
	.ButOverz:hover 
	{
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #464747), color-stop(1, #abacad) );
		background:-moz-linear-gradient( center top, #464747 5%, #abacad 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#464747', endColorstr='#abacad');
		background-color:#464747;
	}
	
	.ButOverz:active 
	{
		position:relative;
		top:1px;
	}
	

input.text1 
{ 
	border-style:solid;
	border-width:2px;
	border-color:#00448F;
	height:20px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
} 

input.radio1 
{ 
	border-style:solid;
	border-width:2px;
	border-color:#8FC623;
	height:20px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
} 

select
{ 
	border-style:solid;
	border-width:2px;
	border-color:#00448F;
	width:200px;
	height:25px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
} 

input.text2 
{ 
	border-style:solid;
	border-width:2px;
	border-color:#A21317;
	background-color:#A21317;
	color:#FFFFFF;
	font-family:'avenir_lt_std35_light';
	font-weight:bold;
	font-size:11px;	
	height:20px;	
} 

img:hover.pr
{
	border:1px solid #C2A259;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}

/*	----- beg Scrollbar ----- */
.scrollgeneric 
{
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; left: 0;
}

.vscrollerbase 
{
	width: 6px;
	background-color: #EEEEEE;
}
.vscrollerbar 
{
	width: 6px;
	background-color: #EF3F28;
}
.hscrollerbase 
{
	height: 6px;
	background-color: #FFFFFF;
}
.hscrollerbar 
{
	height: 6px;
	background-color: #FFFFFF;
}
/*	----- end Scrollbar ----- */