/* Original stylesheet written by Steven Verbiest */
/* Clientnumber 030xxxxx */
/* Created on xx/xx/2010 */
/* Modified on xx/xx/2010 */

/* Global styles  & Reset*/  
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot{   
    margin:0;   
    padding:0;   
    border:none;   
    outline:0;   
}   
html,body{   
    height:100%;   
}
html {
	overflow-y:scroll;
	
}
body{   
    font-family:"Century Gothic", "Avant Garde", Arial, sans-serif;   
    font-size:12px; 
	background:url(images/background-repeated.jpg) repeat-x #124272;
}   
:focus{   
    outline:none;   
}   
hr{   
    border:1px solid #0B2E53;   
}   
table{     
    border-collapse:collapse;   
    border-spacing:0;   
}     
p{   
    margin-bottom:10px;   
}
a {
	color:#fff;
}
h1, h2, h3, h4, h5, h6 {
	padding:5px 0 15px 0;
}
h1 {
	font-size:20px;
}
h2 {
	font-size:16px;
}
/* Intro styles */

body#index {
	color:#fff;
}
	#intro {
		background:url(images/background-intro.jpg) top center no-repeat;
		min-height:100%;
	}
		#introbox {
			position:relative;
			width:930px;
			height:780px;
			margin:0 auto;
		}
			.style4 {
				color:#fdd000;
				font-size:11px; 
				text-align:center;
				position:absolute;
				right:0; top:80px;
			}
				.style4 .style6 {
					font-size:24px;
				}	
			.style10.address {
				font-size:11px;
				position:absolute;
				top:190px;
				left:65px;
			}
			.style10.mail {
				font-size:20px;
				font-weight:bold;
				position:absolute;
				top:212px;
				left:228px;
			}				
			.style10.mail a {
				text-decoration:none;
			}	
			.style10.mail a:hover {
				color:#fdd000;
			}	
			.style10.mail span {
				font-size:11px;
			}			
			.style10.phone {
				font-size:20px;
				font-weight:bold;
				position:absolute;
				top:189px;
				left:227px;
			}	
			.style9.nl, .style9.fr  {
				font-size:18px;
				position:absolute;
				top:315px;
				line-height:20px;
			}
			.style9.nl {
				left:214px;
				width:88px;
				text-align:right;
			}
			.style9.fr {
				right:230px;
				width:45px;
			}	
			.style9.nl a, .style9.fr a  {
				text-decoration:none;
			}
			.style9.nl a:hover, .style9.fr a:hover  {
				color:#fdd000;
			}
			.style9.nl span.style10, .style9.fr span.style10 {
				display:block;
				font-size:13px;
				color:#fdd000;
			}
			.style9.nl a:hover span, .style9.fr a:hover span {
				color:#fff;
			}			
			.style9.images {
				width:100%;
				text-align:center;
				position:absolute;
				top:390px;
				left:0;
			}
			.style9.images img:first-child {
				position:relative;
				left:-100px;
			}			
			.style9.images img {
				position:relative;
				left:90px;
			}
			.textcompressorleft, .textcompressorright {
				font-size:14px;
				font-weight:bold;
				text-align:center;
				position:absolute;
				top:650px;
			} 	
			.textcompressorleft {
				width:325px;
				left:88px;
			}		
			.textcompressorright {
				width:460px;
				right:0px;
			}			
			.textcompressorleft span, .textcompressorright span {
				font-size:14px;
				font-weight:bold;
				color:#fdd000;
				display:block;
				padding-bottom:10px;
			} 	
			.counter {
				position:absolute;
				left:92px; bottom:0;
			}		
				.counter span {
					color:#fdd000 !important;
				}	
			.style9.slogan {
				text-align:right;
				font-size:16px;
				font-weight:bold;
				position:absolute;
				top:154px;
				right:0;
			}			
			
/* Page styles */			

#container {
	position:relative;
	background:url(images/background-pages.jpg) top center no-repeat;
	min-height:100%;
}	
	#container table {
		margin:0 auto;
	}
		#menutop {
			font-size:14px;
		}
		#menubottom {
			font-size:10px;
		}
		#menutop a, #menubottom a {
			text-decoration:none;
		}
		#menutop a {
			margin-right:30px;
		}
		#menutop a:hover, #menubottom a:hover {
			color:#fdd000;
		}
		#menutop table {
			margin:0;
		}
		#menubottom #last {
			text-align:right;
		}
		#menubottom #lastnl {
			text-align:right;
		}
		#menubottom #lastnl a {
			position:relative;
			top:-8px;
		}		
		.active a {
			border-bottom:1px solid #fdd000;
		}
		#promo a {
			display:block;
			width:160px;
			height:44px;
			position:absolute;
			left:50%;
			top:0;
			margin-left:-415px;
			background:url(images/promo.gif);
			color:#124372;
			font-size:22px;
			font-weight:bold;
			line-height:44px;
			text-align:center;
			text-transform:uppercase;
		}
		#promo a:hover {
			color:#124372;
			background:url(images/promo-hover.jpg);
		}
		#promo span {
			position:absolute;
			left:50%;
			top:15px;
			margin-left:-242px;	
			color:#fff;	
			font-size:13px;	
		}
		#content {
			padding:30px;
			background:#ffffff;
			color:#0b2e53;
			text-align:left;
		}
		#content ul,
		#content ol {
			text-align:left !important;
		}
		#content a {
			color:#0b2e53;
		}
		#content a:hover {
			background:#0b2e53;
			text-decoration:none;
			color:#fff;
		}		
		a#proximedia {
			display:block;
			width:87px;
			height:14px;
			background:url(images/proxi.gif) no-repeat;
			text-indent:-9999px;
			float:right;
		}	

/* Content Styles */

.titelke {
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
}
#dynloadarea {
	width:274px;
	height:300px;
	background:url(images/index02.jpg) no-repeat;
	border:1px solid #0B2E53;
}
#adres {
	width:260px;
	text-align:left;
}
	#adres table {
		width:260px;
	}
		#adres table td {
			height:30px;
		}
		#adres table .info {
			color:#15569b;
			width:130px;
		}	

/* Contact */

form {
	padding:20px 0 0 0;
}	
	form table {
		width:555px;
	}
	form td.text input, form td.text textarea {
		color:#143961;
		padding:2px;
		margin:0;
		font-family:"Century Gothic", "Avant Garde", Arial, sans-serif;
		font-size:12px;
	}
	form td.text input {
		width:200px;
		height:12px;
	}	
	form td.text textarea {
		width:478px;
		float:right;
		margin:10px 0 0 0;
	}	
	form td.text input.Ja_Nee {
		width:20px;
	}	
		.submit {
			padding:10px 0 0 64px;
		}		

#introNL, #introFR
{
	font-size:18px !important;
	font-weight:bold;
	width:220px;
	text-align:left;
	}

#introNL
{
	margin-left:-17px;
	}