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

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

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


#Container
{
	width:1079px;
	/*height:800px;*/
	margin:auto;
	background-color: #2A8BB0;
}

/* -------------- Vormgeving ------------- */
#bgPos1 
{
	float:left;
	/*background:url(../images/BG/BackGround_01.jpg) no-repeat top left;*/
	width:1079px;
	height:490px;
	margin:0px;
	padding:0px;
	overflow:hidden;
	z-index:10;
}

.MnuTopContainer 
		{
			position:relative;
			left:0px;
			width:1079px;
			height:20px;
			top:20px;
			text-align:right;
			font-family:verdana;
			color:#FFFFFF;
			font-size:18px;
			margin:0px;
			padding:0px;
			z-index:30;
		}

	#bgPos2_container 
	{
		float:left;
		width:1079px;
		/*height:500px;
		background-color:#2A8BB0;*/
		margin:0px;
		padding:0px;
	}
	
		#bgPos2_container_sub1 
		{
			float:left;
			width:1079px;
			height:5px;
			margin:0px;
			padding:0px;
		}
		

		#bgPos2_container_sub2
		{
			float:left;
			/*background:url(../images/BG/TitleLogo.png) no-repeat top left;*/
			width:250px;
			margin:0px;
			padding:0px;
			overflow:auto;
		}
		
		#bgPos2_container_sub3 
		{
			float:left;
			width:829px;
			margin:0px;
			padding:0px;
			overflow:auto;
		}

		.colLeft
		{
			position:relative;
			width:190px;
			margin:0px;
			padding:0px;
		}
		
		#bgPos2_container_sub4 
		{
			float:left;
			width:1079px;
			margin:0px;
			padding:0px;
		}
		
#bgPosBottom 
{
	clear:both;
	height:800px;
	background:#000000;
	margin:0px;
	padding:0px;
}

	
hr
{
	border: none 0; 
	border-top: 1px solid #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:1079px;
	height:490px;
}

#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 ********************/	

b
	{
		font-size:11px;	
	}

h1
{
	font-family:verdana;
	color:#FFFFFF;
	font-size:11px;	
	
}
	
p
	{
		font-family:verdana;
		color:#FFFFFF;
		font-size:11px;	
		line-height:17px;
	}
	
.pp
	{
		font-family:verdana;
		color:#FFFFFF;
		font-size:11px;	
		line-height:17px;
	}
	
.pps
	{
		font-family:verdana;
		color:#FFFFFF;
		font-size:13px;	
	}
	
li
	{
		font-family:verdana;
		color:#FFFFFF;
		font-size:11px;	
		line-height:17px;
	}
	
	
	
.prLijstVellen
{
	-moz-box-shadow:inset 0px 1px 0px 0px #333333;
	-webkit-box-shadow:inset 0px 1px 0px 0px #333333;
	box-shadow:inset 0px 1px 0px 0px #333333;
	border-style:dotted;
	border-width:1px;
	border-color:#AAAAAA;
	/*
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #666666), color-stop(1, #333333) );
	background:-moz-linear-gradient( center top, #666666 5%, #333333 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='##666666', endColorstr='#333333');
	background-color:#666666;
	*/
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
	padding:27px;
}
	
/********************  KADERS ********************/

.imgBorder
	{
		border-style:solid;
		border-color:#999999;
		border-width:2px;
	}

.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:verdana;
		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:verdana;	
		color:#FFFFFF;
		font-size:11px;			
		text-decoration:none;
	}
	
	a:hover
	{
		font-family:verdana;	
	    color:#FFFFFF;
	    font-size:11px;		
	    text-decoration:underline;
	}

   /********************  a1 ********************/	
	a:link.a1, a:visited.a1, a:active.a1
	{
		font-family:verdana;	
		color:#FFFFFF;
		font-size:18px;			
		text-decoration:none;
	}
	
	a:hover.a1
	{
		font-family:verdana;	
	    color:#BC2026;
	    font-size:18px;		
	    text-decoration:none;
	}

   /********************  a2 ********************/	
	a:link.a2, a:visited.a2, a:active.a2
	{	
		text-align:center;
		background:url(../images/BG/MnuBG.png);
		font-size:15px;
		color:#FFFFFF;
		text-decoration:none;
		padding:26px 29px 26px 30px;
		margin:0px 0px 0px 0px;
	}
	
	a:hover.a2
	{
		text-align:center;
		background:url(../images/BG/MnuBGo.png);
		font-size:15px;
		color:#BC2026;
		text-decoration:none;
		padding:26px 29px 26px 30px;
		margin:0px 0px 0px 0px;
	}
	
.MnuTop 
	{
		position:relative;
		top:-43px;
		left:-3px;
		width:1085px;
		height:69px;
		margin:0px;
		padding:0px;
		z-index:20;
	}
	
	
   /********************  a3 ********************/	
	a:link.a3, a:visited.a3, a:active.a3
	{
		width:190px;
		height:24px;
		display:block;
		text-align:left;
		border-style:solid;
		border-width:1px;
		border-color:#999999;
		font-size:13px;
		color:#FFFFFF;
		font-weight:bold;
		text-decoration:none;
		background:#333333;
		float:left;
		padding:3px 0px 0px 10px;
		margin:2px;
	}
	
	a:hover.a3
	{
		background:#999999;
		border-color:#333333;
	}
	
   /********************  a4 ********************/	
	a:link.a4, a:visited.a4, a:active.a4
	{
		width:400px;
		height:24px;
		display:block;
		text-align:left;
		border-style:solid;
		border-width:1px;
		border-color:#999999;
		font-size:13px;
		color:#FFFFFF;
		font-weight:bold;
		text-decoration:none;
		background:#333333;
		float:left;
		padding:3px 0px 0px 10px;
		margin:2px;
	}
	
	a:hover.a4
	{
		background:#999999;
		border-color:#333333;
	}
   /********************  Button Link ********************/	
	.ButOverz 
	{
		text-indent:0;
		border:1px solid #999999;
		display:inline-block;
		font-family:verdana;
		color:#FFFFFF;
		font-size:11px;	
		
		height:100px;
		width:750px;
		text-decoration:none;
		-moz-box-shadow:inset 0px 1px 0px 0px #2a8bb0;
		-webkit-box-shadow:inset 0px 1px 0px 0px #2a8bb0;
		box-shadow:inset 0px 1px 0px 0px #2a8bb0;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2a8bb0), color-stop(1, #0c4d66) );
		background:-moz-linear-gradient( center top, #2a8bb0 5%, #0c4d66 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a8bb0', endColorstr='#0c4d66');
		background-color:#2a8bb0;
		padding:20px;
		margin:10px;
		
	}
	
	.ButOverz:hover 
	{
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0c4d66), color-stop(1, #2a8bb0) );
		background:-moz-linear-gradient( center top, #0c4d66 5%, #2a8bb0 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c4d66', endColorstr='#2a8bb0');
		background-color:#0c4d66;
	}
	
	.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:verdana;
	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 ----- */