body {
	background:#0d0d0d url(../IMAGES/bodyBgPattern.png);
	padding:0;
}

.top
{
	width:100%;
	display:block;
	height:65px;
	background:#2b2a29 url(../IMAGES/topBg.png);
	position:absolute;
	left:0;
	top:0;
	z-index:-1;
}

.topGradient
{
	position:absolute;
	height:352px;
	width:100%;
	background:url(../IMAGES/topGradientbgGradient.png) repeat-x;
	position:absolute;
	left:0;
	top:65px;
	z-index:-1;
}

#main {
	position:relative;
}

#topContent
{
	padding-top:20px;
	height:45px;	
}

.topButton, .topButtonEnd
{
	background:#050505 url(../IMAGES/topButtonBg.png) no-repeat -11px;
	font:10px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-left:11px;
	display:inline-block;
	color:#e4e3e4;
}

.topButton img { float:left; margin-top:9px; padding-right:5px; }
.fRight { float:right; margin-left:10px; }
.topButton a:link, .topButton a:visited { text-decoration:none; color:#e4e3e4;}
.topButton a:hover, .topButton a:active{ text-decoration:underline; color:#ed1c24;  }
.topButton .active a:link, .topButton .active a:visited { text-decoration:none; color:#ed1c24;  }
.topButton .active a:hover, .topButton .active a:active { text-decoration:underline;  }

.topButtonEnd
{
	background:url(../IMAGES/topButtonBg.png) no-repeat;
	height:30px;
	width:11px;
	padding:0;
}

#quote
{
	margin-top:40px;
	margin-bottom:20px;
}

#quote h1
{
	font:22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ababab;
	text-align:justify;
}
#quote .white { color:#FFF;}
#quote .red { color:#ed1c24; }
#quote .twaalf { font-size:12px;}

#homeContainer
{
	height:436px;
}

#navigatieWerk { margin:138px 0 0 15px; }
#navigatieinfo { margin:26px 0 0 15px; }

.navigatieBox { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
.navigatieBox a:link, .navigatieBox a:visited { text-decoration:none; color:#dadcdc;}
.navigatieBox a:hover, .navigatieBox a:activem { text-decoration:underline; color:#FFF;  }
.navigatieBox h2 { font-size:24px; color:#dadcdc; padding:0; margin:0;}
.navigatieBox ul { margin:0; padding:0;}
.navigatieBox ul li { list-style:none; float:left; margin-right:15px;}

/* info pagina */
#containerInfo
{
	color:#FFF;
	text-align:justify;
}

#containerInfo h2
{
	color:#ed1c24;
	margin:0;
	font:14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#containerInfoTop
{
	background:url(../IMAGES/containerInfoTop.png) bottom left no-repeat;
	height:34px;
	margin-top:50px;
}

#containerInfoContent
{
	background:url(../IMAGES/containerInfoContent.png) repeat-y;
}

#containerInfoContent ul
{
float:none;
margin-left:-25px;
}

#containerInfoContent li
{
 list-style:outside;
}

#containerInfoContent a:link, #containerInfoContent a:visited 
{
	color:#FFF;
}

#containerInfoContent a:hover, #containerInfoContent a:active 
{
	color:#ED1C24;
}


#containerInfoBottom
{
	background:url(../IMAGES/containerInfoBottom.png) no-repeat;
	height:34px;
}

#infoButton
{ 
	position:absolute;
	width:125px;
	height:131px;
	left:787px;
	top:75px;
	background:url(../IMAGES/infoButton.png) no-repeat;
}

.infoHeader
{
	margin:0 0 15px 39px;
}

/* Showcase */

#loadingDiv
{
	position:absolute;
	margin-top:200px;
	margin-left:368px;
	
}

#slider {
	margin-top:50px;
	position:relative;
	/* See the "style-pack" below for image */
	background:url(../IMAGES/loading.png) no-repeat 50% 50%; 
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

/* Klanten */
#containerKlanten
{
	margin-top:50px;	
}

.klantenHeader
{
	margin-bottom:10px;	
}

.beheerTekst
{
	font-size:10px;
	font-weight:normal;
}