/***** == Start General Style Information ======================================================== *****/
/***** #e2027a = Infracom Magenta *****/
/***** #5d5d5d = Infracom Dark Gray *****/
/***** #b1b1b1 = Infracom Light Gray *****/
/***** ##f7f7f7  = Infracom Utra Light Gray *****/
/***** #FFFFFF = White *****/
/***** #5d5d5d = Black *****/
/***** == End General Style Information ======================================================== *****/

/**** == Start HTML Basic Elements ========================================================  ****/
a,a:link {
color: #b1b1b1;
text-decoration: none;
font-size:9pt;
margin: 0px;
padding: 0px;
}

a:visited {
}

a:active {
}

a:hover {
color: #e2027a;
}

small,address,p,ul,ol,li,dl,dt,dd {
margin: 0px;
padding: 0px;
font-size:9pt;
line-height: 14pt;
font-family: tahoma,arial,helvetica,sans-serif;
color:#181818;
list-style: inside;
}


small,
small a,
small a:link,
small a:visited,
small a:active,
small a:hover {
font-size:7pt;
}

address {
display:inline;
color: #9a9a9a;
}

address,
address a,
address a:link,
address a:visited,
address a:hover,
address a:active {
font-style:normal;
font-size: 7pt;
color: #9a9a9a;
}


p:first-letter {
text-transform:uppercase;
}

img {
border: 0px;
margin: 0px;
padding: 0px;
}

fieldset,form,table {
margin: 0px;
padding: 0px;
border: 0px;
}

select,input,textarea { 
color: #5d5d5d;
margin: 0px;
padding: 0px 0px 0px 3px;
font-family:Arial, Helvetica, sans-serif;
}

select,
input  { 
width: 230px;
height: 17px;
margin-bottom: 5px;
border: solid 1px #5d5d5d;
background-color: #b1b1b1;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:9pt;
color: #231f20;
}

label {
width: 180px;
height: 20px;
display:block;
clear:left;
float:left;
}

textarea  {
width: 230px;
height: 70px;
margin-bottom: 5px;
border: solid 1px #5d5d5d;
background-color: #b1b1b1;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:9pt;
color: #5d5d5d;
}


h1,h2,h3,h4,h5,h6 {
color: #b1b1b1;
margin: 0px 0px 8px 0px;
padding: 0px;
font-weight: normal;
font-family:Arial, Helvetica, sans-serif;
line-height:normal;
}

h1:first-letter,
h2:first-letter,
h3:first-letter,
h4:first-letter,
h5:first-letter,
h6:first-letter {
text-transform:uppercase;
}

h1 {
font-size:16px;
}

h1 a {
font-size:16px;
}

h2 {
font-size:10pt;
}

h3 {
font-size:10px;
}

h4 {
font-size:12pt;
}

h5 {
font-size:10pt;
}

h6 {
font-size:7.55pt;
}

strong,b {
font-weight:bold;
}

html>body {
width: 100%;
height: 100%;
}

/**** == End HTML Basic Elements ========================================================  ****/

/*** == Start Site Layout ========================================================  ***/

/*** Body ***/
#LAYOUT1-BODY {
text-align:center;
font-family: tahoma,arial,helvetica,sans-serif;
font-size:9pt;
color: #181818;
line-height: 14pt;
margin:0;
background-color:#FFF;
padding: 20px 0px;
}

	/*** Site dimensions ***/
	#LAYOUT1-SITE-DIMENSIONS {
	text-align: left; 
	margin: 0 auto; 
	width: 953px; 
	overflow: hidden;
	background-color:#FFFFFF;
	}
	
		/*** A ToFrame Navigation ***/
		#LAYOUT1-A {
		width: 953px;
		height: 110px;
		clear:both;
		overflow:hidden;
		position:relative;
		padding: 0px;
		}
	
		/*** B Content ***/
		#LAYOUT1-B {
		width: 953px;
		overflow:hidden;
		clear: both;
		}
		
			/*** B1 Content TopFrame ***/
			#LAYOUT1-B1 {
			width: 953px;
			height: 14px;
			clear:both;
			overflow:hidden;
			margin: 0px;
			padding: 0px;
			background: url(LAYOUT1-B1.gif) left no-repeat;
			}
			
			/*** B2 Content Midle ***/
			#LAYOUT1-B2 {
			width: 893px;
			height: 560px;
			clear:both;
			margin: 0px;
			padding: 0px 30px 0px 30px;
			background: url(LAYOUT1-B2.gif) repeat-y;
			}
	
			html>body #LAYOUT1-B2 {
			min-height:560px;
			height:auto;
			}
			
			/*** B2 Content Midle ***/
			#LAYOUT2-B2 {
			width: 893px;
			overflow:hidden;
			clear:both;
			margin: 0px;
			padding: 0px 30px 0px 30px;
			background: url(LAYOUT1-B2.gif) repeat-y;
			position:relative;
			}
				/* Homepage */
				#LAYOUT1-B2a,
				#LAYOUT1-B2b,
				#LAYOUT1-B2c {
				width: 893px;
				overflow:hidden;
				clear:both;
				}
				
				#LAYOUT1-B2b {
				position:relative;
				}
				
				/* Pagina Diensten Breadcrumb */
				#LAYOUT2-B2a {
				width: 660px;
				float:right;
				clear:both;
				text-align:right;
				}
				
				/* Pagina Diensten Submenu */
				#LAYOUT2-B2b {
				width: 205px;
				overflow:hidden;
				float:left;
				margin: 17px 0px 30px 0px;
				}
				
				/* Pagina Diensten Content */
				#LAYOUT2-B2c {
				width: 660px;
				overflow:hidden;
				float:right;
				}
				
				/* Pagina Supportmeldingen */
				#LAYOUT3-B2c {
				width: 660px;
				overflow:hidden;
				float:right;
				padding: 35px 0px 0px 0px;
				}
				
				/* Pagina Diensten Subgroeps */
				#LAYOUT2-B2d {
				width: 660px;
				overflow:hidden;
				float:right;
				}
				
				
			/*** B3 Content BottomFrame ***/
			#LAYOUT1-B3 {
			width: 953px;
			height: 34px;
			clear:both;
			overflow:hidden;
			margin: 0px;
			padding: 0px;
			background: url(LAYOUT1-B3.gif) left no-repeat;
			}
					
		/*** C Footer ***/
		#LAYOUT1-C {
		width: 913px;
		overflow:hidden;
		clear:both;
		text-align:right;
		color:#9a9a9a;
		padding: 1px 20px;
		margin: 0 auto;
		}

			#LAYOUT1-C a,
			#LAYOUT1-C a:link,
			#LAYOUT1-C a:visited,
			#LAYOUT1-C a:hover,
			#LAYOUT1-C a:active{
			color:#9a9a9a;
			}
		
		/*** D Footer ***/
		#LAYOUT1-D {
		width: 913px;
		height: 15px;
		clear:both;
		text-align:right;
		color:#9a9a9a;
		padding: 0px 20px;
		margin: 0 auto;
		}
			
			#LAYOUT1-D a,
			#LAYOUT1-D a:link,
			#LAYOUT1-D a:visited,
			#LAYOUT1-D a:hover,
			#LAYOUT1-D a:active{
			color:#9a9a9a;
			}
					
/*** == End Site Layout ========================================================  ***/

				
				
/*** == Start Classes ========================================================  **/

/** 4Sale Items **/
.Item {
overflow:hidden;
clear:both;
padding: 8px 0px 8px 0px;
}

/** 4Sale Groups **/
.Group {
overflow:hidden;
clear:both;
padding: 8px 0px 8px 0px;
}

/** Readmore Buttons **/	
.Readmore,
.Readmore a,
.Readmore a:link,
.Readmore a:visited,
.Readmore a:hover,
.Readmore a:active {
font-size: 7pt;
}


/** == End Classes ========================================================  **/	

/* == Start Forms and Components  ======================================================== */	

/* Contactform */
.ContactForm {
}

	.ContactForm .Submit {
	background-color: #e0e0e0;
	}
	
	.ContactForm .Checkbox {
	width:15px; 
	height:15px; 
	border:0px;
	}
	
/* Top Navigatie */
.Nav1 {
height: 20px;
width: 500px;
position:absolute;
right: 22px;
top: 5px;
text-align:right;
line-height:normal;
}

	.Nav1 a,
	.Nav1 a:link,
	.Nav1 a:visited,
	.Nav1 a:active,
	.Nav1 a:hover {
	color:#5d5d5d;
	margin-right: 13px;
	border-right: solid 1px #e2027a;
	padding: 0px 13px 0px 0px;
	font-weight:notmal;
	font-size: 9pt;
	text-align:right;
	line-height:normal;
	}
	
	.Nav1 a.Active,
	.Nav1 a.Active:link,
	.Nav1 a.Active:visited,
	.Nav1 a.Active:hover,
	.Nav1 a:active,
	.Nav1 a:hover {
	color:#e2027a;
	}
	

	
/* Main Navigation */
.Nav2 {
height: 22px;
width: 520px;
color:#000;
position:absolute;
right: 34px;
bottom: 0px;
background: url(Nav2-bg.gif) no-repeat left;
padding: 10px 20px 0px 30px;
overflow:hidden;
line-height:normal;
}

	.Nav2 a,
	.Nav2 a:link,
	.Nav2 a:visited,
	.Nav2 a:hover,
	.Nav2 a:active {
	color:#5d5d5d;
	margin-right: 30px;
	border-right: solid 1px #e2027a;
	padding: 0px 30px 0px 0px;
	font-weight:notmal;
	font-size: 9pt;
	text-align:right;
	line-height:normal;
	}
	
	.Nav2 a.Active,
	.Nav2 a.Active:link,
	.Nav2 a.Active:visited,
	.Nav2 a.Active:hover,
	.Nav2 a.SubActive,
	.Nav2 a.SubActive:link,
	.Nav2 a.SubActive:visited,
	.Nav2 a.SubActive:hover,
	.Nav2 a:active,
	.Nav2 a:hover {
	color:#e2027a;
	}

/* Diensten Submenu */
.Nav4 {
width: 205px;
height: 236px;
color:#000;
position:relative;
background: url(Nav4-bg.gif) repeat-y;
padding: 80px 0px 15px 0px;
line-height:normal;
}

		html>body .Nav4 {
		min-height:236px;
		height:auto;
		}

	.Nav4 .Top,
	.Nav4 .TopEmpty {
	width: 135px;
	height: 31px;
	display:block;
	overflow:hidden;
	position:absolute;
	right: 0px;
	top: 0px;
	background: url(Nav4-top.gif) no-repeat;
	color: #5d5d5d;
	font-weight:bold;
	font-size: 14px;
	z-index: 10;
	padding: 50px 60px 0px 10px;
	}
	
	.Nav4 .Top a,
	.Nav4 .Top a:link,
	.Nav4 .Top a:visited,
	.Nav4 .Top a:hover,
	.Nav4 .Top a:active {
	background:none;
	padding: 0px;
	margin: 0px;
	border:none;
	font-size: 14px;
	}
			
	.Nav4 .TopEmpty {
	background: url(Nav4-TopEmpty.gif) no-repeat;
	}
	
	
	.Nav4 .Bottom {
	width: 205px;
	height: 18px;
	display:block;
	overflow:hidden;
	position:absolute;
	right: 0px;
	bottom: 0px;
	background: url(Nav4-Bottom.gif) no-repeat;
	}
				
			.Nav4 h1 {
			width: 27px;
			height: 27px;
			padding: 0px;
			margin: 0px;
			position:absolute;
			right: 30px;
			top: 21px;
			z-index: 20;				
			}

			.Nav4 ul {
			display: none;
			padding: 0px;
			margin: 0px;
			}
			
			.Nav4 ul.SubActive {
			display: block;
			}
			
		
			.Nav4 a,
			.Nav4 a:link,
			.Nav4 a:visited,
			.Nav4 a:hover,
			.Nav4 a:active {
			color:#5d5d5d;
			border-bottom: dotted 1px #b1b1b1;
			padding: 7px 10px 7px 0px;
			font-weight:notmal;
			font-family: verdana;
			display:block;
			background: url(Arrow.gif) no-repeat right top ;
			width: 175px;
			margin: 6px 0px 0px 10px;
			line-height:normal;
			}
			
			.Nav4 a.Active,
			.Nav4 a.Active:link,
			.Nav4 a.Active:visited,
			.Nav4 a.Active:hover,
			.Nav4 a.SubActive,
			.Nav4 a.SubActive:link,
			.Nav4 a.SubActive:visited,
			.Nav4 a.SubActive:hover,
			.Nav4 a:active,
			.Nav4 a:hover {
			color:#e2027a;
			background: url(ArrowBlack.gif) no-repeat right top ;			
			}
			
			
			.Nav4 li {
			padding: 0px 0px 0px 0px;
			margin:0px 0px 0px 9px;
			list-style:none;
			display:block;
			width: 186px;
			overflow:hidden;
			}
			
			.Nav4 li a,
			.Nav4 li a:link,
			.Nav4 li a:visited,
			.Nav4 li a:hover,
			.Nav4 li a:active {
			padding: 3px 10px;
			margin: 0px;
			background: none;
			border: none;
			background-color:#ccc;
			width: 166px;
			border-bottom: solid 1px #FFFFFF;		
			}
			
			.Nav4 li a:hover {
			background-color:#999999;	
			}

			.Subitems {
			padding: 10px 0px 0px 0px;
			}
			
			.Content .Subitems,
			.Content .Subitems a,
			.Content .Subitems a:link,
			.Content .Subitems a:visited,
			.Content .Subitems a:hover,
			.Content .Subitems a:active {
			color:#858585;
			}
			
			.Content .Subitems a.Active,
			.Content .Subitems a.Active:link,
			.Content .Subitems a.Active:visited,
			.Content .Subitems a.Active:hover,
			.Content .Subitems a:active,
			.Content .Subitems a:hover {
			color:#e2027a;
			}

/* Helpdesk button on homepage */	
.HelpdeskButton {
height: 22px;
width: 82px;
position:absolute;
right: 34px;
bottom: 0px;
text-align:center;
background:url(HelpdeskButton.gif) right;
padding: 10px 5px 0px 5px;
overflow:hidden;
line-height:normal;
}

	.HelpdeskButton a,
	.HelpdeskButton a:link,
	.HelpdeskButton a:visited,
	.HelpdeskButton a:active,
	.HelpdeskButton a:hover {
	color:#FFF;
	font-weight:notmal;
	line-height:normal;
	}
	
	.HelpdeskButton a.Active,
	.HelpdeskButton a.Active:link,
	.HelpdeskButton a.Active:visited,
	.HelpdeskButton a.Active:hover,
	.HelpdeskButton a:active,
	.HelpdeskButton a:hover {
	color:#f5c1d6;
	}
	
/* Logo */
.Logo {
position:absolute;
left: 37px;
top: 0px;
}

/* Homepage Header */
.Header {
	width: 662px;
	height: 255px;
	overflow:hidden;
	position:relative;
	float:left;
	margin: 9px 0px 0px 0px;
	}
	
		.Header .Frame {
		width: 662px;
		height: 255px;
		overflow:hidden;
		position:absolute;
		left:0px;
		top:0px;
		z-index: 100;
		background-image: url(HeaderFrame.png);		
		}
		
		.Header .Image {
		width: 662px;
		height: 255px;
		overflow:hidden;
		position:absolute;
		left:0px;
		top:0px;
		z-index: 1;
		}
		
		.Header .Nav3 {
		width: 662px;
		height: 45px;
		background-image: url(Nav3.png);
		position:absolute;
		left:0px;
		bottom:0px;
		z-index: 2;
		color:#FFFFFF;
		line-height:normal;
		}
		
		.Header .Nav3 a,
		.Header .Nav3 a:link,
		.Header .Nav3 a:visited,
		.Header .Nav3 a:hover,
		.Header .Nav3 a:active {
		color:#ffff;
		margin-right: 30px;
		padding: 0px 30px 0px 0px;
		font-weight:notmal;
		font-family: verdana;
		font-size: 10px;
		text-align:right;
		line-height:normal;
		}
		
		.Header .Nav3 a.Active,
		.Header .Nav3 a.Active:link,
		.Header .Nav3 a.Active:visited,
		.Header .Nav3 a.Active:hover,
		.Header .Nav3 a:active,
		.Header .Nav3 a:hover {
		color:#ffff;
		}
	
		
		.Search {
			display: none;
			}
		
		/* Homepage Snelnaa */
		.Snelnaar{
		width: 200px;
		overflow:hidden;
		background: url(Snelnaar-bg.gif);
		margin: 15px 0px 0px 0px;
		position:absolute;
		right: 2px;
		bottom: 3px;
		}
		
		/* Homepage Webmail button*/ 
		.Webmail {
		position:absolute;
		top: 0px;
		right: 2px;
		}
		
		/* Homepage Webmail button*/ 
		.Persoonlijkadvies {
		position:absolute;
		top: 48px;
		right: 2px;
		}
			
			/* Snelnaar buttons*/ 
			.Snelnaar .Top {
			width: 180px;
			height: 19px;
			display:block;
			clear:both;
			background: url(Snelnaar-Top.gif) no-repeat -1px top;
			color: #e2027a;
			font-size: 13px;
			font-weight:bold;
			padding: 10px 10px 0px 10px;
			}
			
			.Snelnaar .Bottom {
			width: 200px;
			height: 17px;
			display:block;
			clear:both;
			background: url(Snelnaar-Bottom.gif);
			}
			
			.Snelnaar a,
			.Snelnaar a:link,
			.Snelnaar a:visited,
			.Snelnaar a:hover,
			.Snelnaar a:active {
			color:#5d5d5d;
			border-bottom: dotted 1px #b1b1b1;
			padding: 5px 0px 5px 0px;
			font-weight:notmal;
			font-family: verdana;
			display:block;
			background: url(Arrow.gif) no-repeat right top ;
			width: 180px;
			margin: 0px 0px 0px 10px;
			}
			
			.Snelnaar a.Active,
			.Snelnaar a.Active:link,
			.Snelnaar a.Active:visited,
			.Snelnaar a.Active:hover,
			.Snelnaar a:active,
			.Snelnaar a:hover {
			color:#e2027a;
			background: #e9e9e9 url(Arrow-Hover.gif) no-repeat right top ;	
			}
	
	/* Hompage Subgrouplinks */
	.Subgroups {
	width: 205px;
	height: 210px;
	overflow:hidden;
	background: url(Subgroups-bg.gif);
	margin: 15px 24px 0px 0px;
	padding: 0px 0px 8px 0px;
	float:left;
	position:relative;
	}
	
	#LAYOUT2-B2d .Subgroups {
	margin: 15px 21px 0px 0px;
	}
			
			.Subgroups h1 {
			width: 27px;
			height: 27px;
			padding: 0px;
			margin: 0px;
			position:absolute;
			right: 25px;
			top: 14px;				
			}
				
			.Subgroups .Top {
			width: 185px;
			height: 19px;
			overflow:hidden;
			display:block;
			clear:both;
			background: url(Subgroups-Top.gif) no-repeat top;
			color: #e2027a;
			font-size: 13px;
			font-weight:bold;
			padding: 35px 10px 0px 10px;
			}
			
			
			.Subgroups .Bottom {
			width: 205px;
			height: 16px;
			display:block;
			clear:both;
			background: url(Subgroups-Bottom.gif);
			position:absolute;
			bottom: 0px;
			}
			
			.Subgroups a,
			.Subgroups a:link,
			.Subgroups a:visited,
			.Subgroups a:hover,
			.Subgroups a:active {
			color:#5d5d5d;
			border-bottom: dotted 1px #b1b1b1;
			padding: 5px 0px 5px 0px;
			font-weight:notmal;
			font-family: verdana;
			display:block;
			background: url(Arrow.gif) no-repeat right top ;
			width: 185px;
			margin: 0px 0px 0px 10px;
			}
			
			.Subgroups a.Active,
			.Subgroups a.Active:link,
			.Subgroups a.Active:visited,
			.Subgroups a.Active:hover,
			.Subgroups a:active,
			.Subgroups a:hover {
			color:#e2027a;
			background: #e9e9e9 url(Arrow-Hover.gif) no-repeat right top ;			
			}
			
			.Subgroups .Top a,
			.Subgroups .Top a:link,
			.Subgroups .Top a:visited,
			.Subgroups .Top a:hover,
			.Subgroups .Top a:active {
			color: #e2027a;
			font-size: 13px;
			font-weight:bold;
			border:none;
			display:inline;
			background: none;
			padding: 0px;
			margin: 0px;
			}
		
		/* Diensten Contentframe */
		.Content {
		width: 659px;
		height: 300px;
		background: url(ContentFrame.png) repeat-y;
		position:relative;		
		}

		.Content a,
		.Content a:link,
		.Content a:visited,
		.Content a:active,
		.Content a:hover,
		.Content b a,
		.Content b a:link,
		.Content b a:visited,
		.Content b a:active,
		.Content b a:hover  {
		color:#e2027a;
		}
		
		.Content b a:hover,
		.Content a:hover {
		color:#ea5ea9;
		}
		
		html>body .Content {
		min-height:300px;
		height:auto;
		}

			.Content .Top {
			width: 659px;
			height: 16px;
			background-image: url(ContentFrameTop.png);
			position:absolute;
			top: 0px;
			left: 0px;
			}
			
			.Content .Info {
			width: 639px;
			overflow: hidden;
			padding: 10px 10px 15px 10px;
			}
			
			.Content .Image {
			width: 652px;
			overflow: hidden;
			padding: 0px 3px 0px 2px;
			}
			
			.Content .Bottom {
			width: 659px;
			height: 15px;
			background-image: url(ContentFrameBottom.png);
			position:absolute;
			bottom: 0px;
			left: 0px;
			}
			
			.Banner {
			position:absolute;
			left: 30px;
			bottom: 0px;
			}

/* == End Forms and  Componets ========================================================  */