/* Created by Kevin Steba ;-) */
/* Last Modifed on 25-08-2007 */

/* start: basis html elements */
html, body, div,
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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
}
a img, :link img, :visited img {border: 0;}
strong{font-weight:bold;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after,blockquote:before, blockquote:after {content: "";}

body{
	color: #5A5A5A;
	background-color: #232323;
	text-align: center;
}
a{color: blue;}
a:visited{color: purple}
a:hover{color: red;}
.wrapper{
	margin-left: auto;
	margin-right: auto;
	width: 486px;
	position: relative;
}
/* end: basis html elements */

/* start: top */
div#top{
	height: 437px;
	background: #212121 url(../images/intro/bg_schaduw.gif) repeat-x bottom;
}
	div#top img#logo{
		position: absolute;
		left:130px;
		top:160px;	
	}
	div#top .wrapperr{
		margin-left: auto;
		margin-right: auto;
		width: 486px;
		position: relative;
		height: 422px;
		background: #212121 url(../images/intro/carousel_bg.png) no-repeat center 131px;
	}


/* carousel
 -------------------------------- */
.layout-grid {
	width: 100%;
}
.layout-grid td.demos {
	height: 100px;
}
	/* Demoflow */	
	.demoflow {
		position: relative;
		top: 265px;
		left: 25px;
		width: 440px;
		height: 100px;
		overflow: hidden;
	}	
	.demoflow div,
	.demoflow a.wrapper {
		display: block;
		float: left;
		height: 0px;
		width: 0px;
		cursor: pointer; 
		cursor: hand;
	}	
	.ie .demoflow a {
		zoom: 1;
	}	
	.demoflow a {
		border: 1px solid #666;
	}	
	.demoflow a:hover {
		border: 1px solid #666;
		/*opacity: 1 !important;*/
	}	
	.demoflow a img {
		height: 100%;
		width: 100%;
	}	
	.demoflow div.shadow {
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		background-color: black;
	}	
	.ie .demoflow div.shadow {
		display: none;
	}
	div.demoflow-button-left {
		position: absolute;
		left: 2px;
		top: 315px;
		background: url(../images/intro/carousel-prev.gif) no-repeat;
		width: 8px;
		height: 11px;
		cursor: pointer; 
		cursor: hand;
		z-index: 999;
	}	
	div.demoflow-button-right {
		position: absolute;
		right: 0px;
		top: 315px;
		background: url(../images/intro/carousel-next.gif) no-repeat;
		width: 8px;
		height: 11px;
		cursor: pointer; cursor: hand;
		z-index: 999;
	}
/* end: top */

		div#talenkeuze {
		position: absolute;
		top: 390px;
		left: 192px;
		
		
		}
			
				div#talenkeuze a{
					display: block;
					width: 16px;
					height: 11px;
					float: left;
					margin: 2px;
				}
				/* vlaggetjes */
				div#talenkeuze a#nl{background: url(../images/lang_intro.gif) no-repeat 0px -11px;}
					div#talenkeuze a#nl:hover,
					div#talenkeuze a#nl.active{background: url(../images/lang_intro.gif) no-repeat 0px 0px;}
					
				div#talenkeuze a#en{background: url(../images/lang_intro.gif) no-repeat -16px -11px;}
					div#talenkeuze a#en:hover,
					div#talenkeuze a#en.active{background: url(../images/lang_intro.gif) no-repeat -16px 0px;}
					
				div#talenkeuze a#de{background: url(../images/lang_intro.gif) no-repeat -32px -11px;}
					div#talenkeuze a#de:hover,
					div#talenkeuze a#de.active{background: url(../images/lang_intro.gif) no-repeat -32px 0px;}
					
				div#talenkeuze a#es{background: url(../images/lang_intro.gif) no-repeat -48px -11px;}
					div#talenkeuze a#es:hover,
					div#talenkeuze a#es.active{background: url(../images/lang_intro.gif) no-repeat -48px 0px;}
					
				div#talenkeuze a#fr{background: url(../images/lang_intro.gif) no-repeat -64px -11px;}
					div#talenkeuze a#fr:hover,
					div#talenkeuze a#fr.active{background: url(../images/lang_intro.gif) no-repeat -64px 0px;}
					
				div#talenkeuze  a span{
					display: none;
				}

/* start: bottom */
	div#bottom p{
		float: left;
		width: 172px;
		padding-top: 15px;
		line-height: 19px;
	}
/* end: bottom */