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

/* start: basis html elements */
html, body, div,
applet, object, iframe,
h1, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, tt, var,
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: 12px;
	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 {list-style: none;}*/
#content ul li,
#content td li,
#content .woordenboek li,{
  list-style-image: url(../images/bullet-lean-1.gif);
  padding-left: 4px;
}
	#content ul li li{
		list-style-image: url(../images/bullet-lean-2.gif);
	}
		#content ul li li li{
			list-style-image: url(../images/bullet-lean-3.gif);
		}
q:before, q:after,blockquote:before, blockquote:after {content: "";}
html{height: 100%;}
body{height: 100%;color: #000;background: #DDDDDD url(../images/bg.gif) repeat-y center;text-align: center;}
a{color: #0B73B0;}
a:hover{color: #E84F13;}
/* end: basis html elements */

table#mainTable{
	width: 987px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
}
table#mainTable #bottom{
	vertical-align: bottom;
}

/* start: container */
div#container{
	padding-left: 18px;
}
	/* start: header */
	div#container div#header{
		height: 159px;
		position: relative;
		margin-left: -18px;
	}
		/* logo */
		img#logo{
			position: absolute;
			left: 41px;
			top: 79px;
		}
			
		/* toppic */
		div#toppic{
			position: absolute;
			left: 193px;
			top: 47px;
			border-top: 1px solid #EDEDED;
			padding-top: 7px;
		}
	/* end: header */
	
	/* start: primaire navigatie */
	div#pnav{
		height: 28px;
		margin-left: 175px;
		background: #044064;
		margin-right: 7px;
		border-top: 1px solid #FFF;
	}
		div#pnav ul{
			list-style: none;
			margin: 0px;
			padding: 0px;
		}
			div#pnav ul li{
				float: left;
				padding-left: 27px;
				background: url(../images/icon_snav.gif) no-repeat 10px 12px;
				padding-top: 7px;
			}
				div#pnav ul li a{
					float: left;
					color: #FFF;
					text-decoration: none;
				}
				div#pnav ul li a:hover{
					text-decoration: underline;
				}
	/* end: primaire navigatie */
	
	/* start: content */
	div#content{
		float:right;
		width: 698px;
		padding: 40px;
		margin-right: 10px;
		line-height: 22px;
	}
		/* h1 */
		div#content h1{
			font-size: 26px;
			color: #0774AF;
			padding-bottom: 20px;
			font-weight: normal;
		}
		/* h4 */
		div#content h4.sub_titel,
		div#content h4{
			margin-top: -20px;
			color: #8B8B8B;
			font-size: 12px;
			font-weight: bold;
			padding-bottom: 20px;
		}
		/* p */
		div#content p{
			padding-bottom: 0px;
		}
		
		p.korte_uitleg a{
		}

		#zoeken{
			float:right;
		}
		
			#zoeken input.text{
				width: 140px;
				border: 1px solid #D6D6D6;
				padding: 2px;
				margin: 2px 2px;
			}
		
			#zoeken ul li{
				color: #fff;
			}
		
		input#btn_zoeken{
			background: url(../images/btn_zoeken.jpg) left 2px no-repeat;
			border: 0px;
			height: 24px;
			width: 87px;
			padding-top: 4px;
			font-size: 11px;
			margin-left: 10px;
			cursor: pointer;
			color: #A3A3A3;
		}
		
		#zoeken_body input.text {
			border:1px solid #D6D6D6;
			padding:4px;
			width:200px;
		}
		
		input#btn_zoeken_body {
			background:transparent url(../images/btn_zoeken_body.gif) no-repeat scroll 0%;
			border:0px none;
			color:#A3A3A3;
			cursor:pointer;
			font-size:11px;
			height:24px;
			margin-left:10px;
			padding:0px;
			width:83px;
		}
		
	/* end: content */
	
	/* start: subcontent */
	div#subcontent{
		float: left;
		width: 168px;
		padding-top: 40px;
	}
		/* banner */
		div#subcontent div.banner{
			text-align: center;
		}
	/* end: subcontent */
	
	/* start: footer */
	div#footer{
		clear: both;
		/*border-top: 1px solid #E4E4E4;*/
		margin: 0px 12px 0px 12px;
		padding: 15px 0px 0px 0px;
		/*padding-left: 170px;*/
		height: 85px;
		position: relative;
	}
		div#footer *{font-size: 11px;}
		/* start: contactgegevens */
		div#footer div#contactgegevens{
			position: absolute;
			left: 15px;
			top: 25px;
			text-align: right;

		}
			div#footer div#contactgegevens span{
				display: block;
				float: left;
				width: 25px;
				text-align: left;
	
			}
		/* end: contactgegevens */
		
		div#footer div#nav{
			padding-top: 39px;
			clear: both;
		}
			div#footer div#nav ul{
				list-style: none;
				margin: 0px;
				padding: 0px;
			}			
				div#footer div#nav li{
					float: left;
					padding-bottom: 13px;
					padding-right: 20px;
				}
					div#footer div#nav a{
						color: #828282;
					}
		
		/* start: copyright */
		div#footer div#copy{
			clear: both;
			color: #828282;
		}
			div#footer div#copy strong{
				margin-right: 12px;
			}
			div#footer div#copy a{
				color: #828282;
				margin-right: 12px;
			}
			
		/* end: copyright */
		
		/* netwerk */
		div#footer div#netwerk{
			position: absolute;
			right: 15px;
			top: 40px;
		}
			div#footer div#netwerk img{
				margin: 0px 6px;
			}
	/* end: footer */
/* end: container */

body div#container div#content form.tpl_basic {
	margin:0px;
	padding:20px 0px;
}

body div#container div#content form.tpl_basic div.item {
	clear:left;
	padding:4px 0px;
	position:relative;
}

body div#container div#content form.tpl_basic div.item label {
	float:left;
	padding-top:2px;
	width:210px;
}

body div#content form.tpl_basic div.item select {
	width:180px;
}

body div#content form.tpl_basic div.item select {
	width:180px;
}

body div#container div#main div.block div.blockContent div.tpl_buttonsBottom input.buttonColor1 {
	color:#612C7D;
}
html > body div#content div.tpl_buttonsBottom input {
	padding:2px 0px;
}

body div#content div.tpl_buttonsBottom input {
	background:#F4F4F4 none repeat scroll 0%;
	border:1px solid #C7C7C7;
	cursor:pointer;
	font-size:90%;
	margin-right:6px;
	margin-top:6px;
	padding:2px 0px;
	text-align:center;
	voice-family:inherit;
	width:152px;
}

select, input.text {
	color:#000000;
	font-size:100%;
}

.error{
	color: #f00;
}

#copy span{
	width: 500px;
	float: right;
}
#copy ul{
	list-style: none;
	float: left;
}

#copy ul li{
	float: left;
}


table#klantenbestand{
	
}
#klantenbestand td{
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

#klantenbestand td img{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}