/* start: basis html elements 
 	Don't forget to set a foreground and background color 
   	on the 'html' or 'body' element! */
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,
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: 100%;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
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{background-color: #4A4A4A;font: 11px Verdana, Arial, Helvetica, sans-serif;}
a{color: blue;}
a:hover{color: #FF7900;}
.wrapper{width: 699px;margin-left: auto;margin-right: auto;position: relative;}
.clear{clear:both;font-size:1px;overflow:hidden;}
/* end: basis html elements */

/* start: container */
div#container{
	background-color: #000000;
	border-top: 5px solid #FF7800;
}
	/* start: header */
	div#container div#header{}
		div#container div#header div.wrapper{
			background: url(../images/hor_dots.gif) repeat-x bottom;
			height: 95px;
		}
		div#container div#header img#logo{
			position: absolute;
			left: 0px;
			top: 26px;
		}
		div#container div#header select{
			position: absolute;
			right: 0px;
			top: 25px;
			font-size: 11px;
			width: 150px;
		}
		
		/* start: top navigatie */
		div#container div#header ul#nav{
			position: absolute;
			right: 0px;
			top: 65px;
		}
			div#container div#header ul#nav li{float: left;}
				div#container div#header ul#nav li a{
					display: block;
					width: 93px;
					height: 17px;
					background: #FF7900;
					color: #FFF;
					margin-left: 1px;
					text-align: center;
					text-decoration: none;
					padding-top: 2px;
				}
				div#container div#header ul#nav li a:hover{background: #FFA75A;}
		
		/* end: top navigatie */
	/* end: header */
	
	/* start: main */
	div#container div#main{
	}
		/* start: content */
		div#container div#main div#content{
			background: url(../images/hor_dots.gif) repeat-x bottom;
			margin-bottom: 15px;
			padding: 30px 0px;
		}
		div#container div#main div#content.intro{
			height: 243px;
			padding: 8px 0px;
		}
			/* start: intro navigatie */
			div#container div#content ul#nav{
				position: absolute;
				left: -1px;
				top: 6px;
				z-index: 99;
			}
				div#container div#content ul#nav li{position: absolute;}
					div#container div#content ul#nav li a{
						display: block;
						width: 139px;
						height: 18px;
						background: #FF7900;
						color: #FFF;
						margin-left: 1px;
						text-align: center;
						text-decoration: none;
						padding-top: 4px;
						font-weight: bold;
						}
					div#container div#content ul#nav li#particulieren a{}
					div#container div#content ul#nav li#zakelijk{top: 0px;left: 140px;}
					div#container div#content ul#nav li#referenties{top: 169px;left: 0px;}
					div#container div#content ul#nav li#over_ons{top: 169px;left: 140px;}
					div#container div#content ul#nav li#service{top: 169px;left: 280px;}
					div#container div#content ul#nav li#contact{top: 169px;left: 420px;}
					div#container div#content ul#nav li a:hover{background: #FFA75A;}			
			/* end: intro navigatie */
			
			div#container div#main div#content div#intro_img1{
				position: absolute;
				left: 0px;
				top: 29px;
				width: 279px;
				height: 145px;
				background: url(../images/intro_img1.jpg) no-repeat;
			}	
			div#container div#main div#content div#intro_img2{
				position: absolute;
				left: 0px;
				top: 198px;
				width: 699px;
				height: 54px;
				background: url(../images/intro_img2.jpg) no-repeat;
			}	
			div#container div#main div#content div#intro_img3{
				position: absolute;
				left: 420px;
				top: 175px;
				width: 279px;
				height: 22px;
				background: url(../images/intro_img3.jpg) no-repeat;
			}			
			
			div#container div#main div#content div#intro_tekst{
				position: absolute;
				left: 280px;
				top: 1px;
				width: 419px;
				height: 168px;
				color: #FFF;
				background: #1D1D1D;
				margin-top: 5px;
			}
				div#container div#main div#content div#intro_tekst p{
					padding: 18px 30px 0px 30px;
					line-height: 16px;
				}
			div#container div#main div#content div#left{
				width: 172px;
				float: left;
			}				
			div#container div#main div#content div#left2{
				width: 172px;
				float: left;
			}
				div#container div#main div#content div#left a img{
					padding: 4px;
					background: #1E1E20;
					border: 1px solid #4A4A4A;
				}
			div#container div#main div#content div#right{
				width: 525px;
				float: left;
				color: #FFF;
			}
				div#container div#main div#content div#right h1{
					font-weight: bold;
				}
				div#container div#main div#content div#right p{
					padding: 8px 0px;
					line-height: 16px;
				}
				div#container div#main div#content div#right a{color: #FFF;}
				div#container div#main div#content div#right a:hover{color: #FF7900; text-decoration:none;}
				div#container div#main div#content div#right ul#project_skip{
					clear: both;
					padding: 40px 0px 20px 0px;
					margin-top: 25px;
					background: url(../images/hor_dots.gif) repeat-x top;
				}
					div#container div#main div#content div#right ul#project_skip li{
						padding: 0px 10px;
					}
					
			/* start: formulier (25-06-2007) */
			body form.tpl_formulier {
				margin: 15px 0px;
				padding:0px;
				border-top: 1px solid #3a3a3a;
			}
				/* group */
				body form.tpl_formulier div.group{
					padding: 0px 0px 0px 0px;
				}
				body form.tpl_formulier div.itemsBlock{
					border-bottom: 1px solid #3a3a3a;
					padding-top: 5px;
				}
					/* groupname */
					body form.tpl_formulier div.group div.groupName{
						padding: 15px 0px 2px 0px;
						font-weight: bold;
					}
					/* end groupname */
					
					/* item */
					body form.tpl_formulier div.item{
						position: relative;
						padding: 10px 0px;
						border-bottom: 1px solid #3a3a3a;
						float: left;
						width: 100%;
					}
					html>body form.tpl_formulier div.item{
						float: none;
					}
					body form.tpl_formulier div.itemsBlock div.item{
						border-bottom: 0px;
					}
						/* label */
						body form.tpl_formulier div.item label{
							float: left;
							width: 160px;
							padding-top: 2px;
							padding-left: 25px;
							cursor: pointer;
						}
							/* noStyle*/
							body form.tpl_formulier div.item label.noStyle{
								float: none;
								width: auto; 
								padding: 0px;
								padding-right: 10px;
							}
							/* noFor*/
							body form.tpl_formulier div.item label.noFor{
								cursor: default;
							}
						/* end label */
						/* verplicht */
						body form.tpl_formulier div.item span.verplicht{
							position: absolute;
							left: -190px;
							top: 3px;
							color: #73324A;
						}
							/* moderne browsers */
							html>body form.tpl_formulier div.item span.verplicht{
								left: -20px;
							}
						/* end verplicht */
						/* text */
						body form.tpl_formulier div.item input.text{
							width: 160px;
							border: 1px solid #DBDBDB;
							font-size: 100%;
							padding: 3px 10px;
							font-weight: bold;
						}
						/* end text */
						/* select */
						body form.tpl_formulier div.item select{
							width: 185px;
							font-size: 100%;
						}
						/* end select */
						/* textarea */
						body form.tpl_formulier div.item textarea{
							width: 180px;
							height: 60px;
							border: 1px solid #DBDBDB;
							font-weight: bold;
						}
						/* end textarea */
						/*marginLeft */
						body form.tpl_formulier div.item .marginLeft{
							margin-left: 213px;
						}
							html>body form.tpl_formulier div.item .marginLeft{
								margin-left: 215px;
							}
						/* end marginLeft */
						/* wachtwoord vergeten */
						body form.tpl_formulier div.item span.info{
							padding-left: 25px;
							background: url(../images/front/icon_help.gif) no-repeat 5px 0px;
						}
						/* end wachtwoord vergeten */
					/* end item */
					/* scheiding */
					body form.tpl_formulier div.scheiding{
						background: url(../images/front/form_scheiding.gif) repeat-x center;
						vertical-align: middle;
						padding-left: 10px;
					}
						body form.tpl_formulier div.scheiding span{
							background: #FFF;
							padding: 0px 4px;
						}
					/* extra_space */
					body form.tpl_formulier div.extra_space{
						padding-bottom: 20px;
					}
					/* end extra space */
			/* end group */
		/* end: formulier */
		
		/* buttons */
		body div.buttons {
			padding-top: 15px;
			text-align: center;
			text-align: right;
		}
			body div.buttons input{
				border: 1px solid #3a3a3a;
				background: #000;
				color: #fff;
				font-size: 11px;
				text-align: center;
				padding: 3px 20px;
				font-weight: bold;
				cursor: pointer;
			}

		/* end: content */
	/* end: main */
	
	/* start: footer */
	div#container div#footer{
		border-top: 5px solid #FF7900;
		background: #4A4A4A url(../images/footer_shadow.gif) repeat-x;
		margin-top: 15px;
	}
		div#container div#footer ul{
			height: 70px;
		}
			div#container div#footer ul li{
				float: left;
				padding-left: 5px;
				padding-top: 20px;
				color: #7C7C7C
			}
				div#container div#footer ul li a{
					color: #7C7C7C;
					text-decoration: none;
				}
				div#container div#footer ul li a:hover{
					text-decoration: underline;
				}
		div#container div#footer h3{
			clear: both;
			color: #7C7C7C;
			font-weight: bold;
			padding-bottom: 10px;
			background: url(../images/footer_hor_dots.gif) repeat-x bottom;
			margin-bottom: 10px;
		}
				div#container div#footer a:hover{
					text-decoration: none;
				}
		div#container div#footer table{width: 100%;}
			div#container div#footer table *{color: #7C7C7C;}
		
		
	/* end: footer */
/* end: container */