/* 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 {
	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, ul {list-style: none;}*/
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;}

#content ul li,
#content td 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);
		}

/* 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: 121px;
		position: relative;
		margin-left: -18px;
	}
		/* logo */
		img#logo{
			position: absolute;
			left: 51px;
			top: 39px;
		}
		/* zoeken */
		div#zoeken{
			position: absolute;
			left: 685px;
			top: 14px;
			width: 300px;
		}
			div#zoeken input.text{
				background: #FFF;
				border: 1px solid #EDEDED;
				height: 17px;
				width: 163px;
				padding: 5px 10px 0px 10px;
				font-size: 11px;
				float: left;
			}
			div#zoeken input#btn_zoeken{
				background: url(../images/btn_zoeken.gif) no-repeat;
				border: 0px;
				height: 24px;
				width: 83px;
				padding: 0px;
				font-size: 11px;
				margin-left: 10px;
				cursor: pointer;
				color: #A3A3A3;
				float: left;
			}
		/* toppic */
		div#toppic{
			position: absolute;
			left: 193px;
			top: 7px;
			border-top: 1px solid #EDEDED;
			padding-top: 7px;
		}
	/* end: header */
	
	/* start: primaire navigatie */
	div#pnav{
		height: 26px;
		margin-left: 175px;
		margin-top: 1px;
	}
		div#pnav ul{
			list-style: none;
			margin: 0px;
			padding: 0px;
		}
			div#pnav ul li{
				float: left;
			}
				div#pnav ul li a{
					float: left;
					display: block;
					width: 112px;
					padding-top: 6px;
					height: 20px;
					background: url(../images/pnav_bg.gif) no-repeat;
					text-align: center;
					text-decoration: none;
					color: #888888;
					font-weight: bold;
					font-size: 11px;
					text-transform: uppercase;
				}
				div#pnav ul li.first a{
					background: url(../images/pnav_bg_first.gif) no-repeat;
				}
				div#pnav ul li.last a{
					background: url(../images/pnav_bg_last.gif) no-repeat;
				}
				div#pnav ul li.active a{
					background: url(../images/pnav_bg_active.gif) no-repeat;
					color: #F1F2F6;
				}
				div#pnav ul li a:hover{
					text-decoration: underline;
				}
	/* end: primaire navigatie */
	
	/* start: subnavigatie */
	div#snav{
		height: 28px;
		margin-left: 175px;
		background: #044064;
		margin-right: 8px;
	}
		div#snav ul{
			list-style: none;
			margin: 0px;
			padding: 0px;
		}
			div#snav ul li{
				float: left;
				padding-left: 27px;
				background: url(../images/icon_snav.gif) no-repeat 10px 12px;
				padding-top: 7px;
			}
				div#snav ul li a{
					float: left;
					color: #FFF;
					text-decoration: none;
				}
				div#snav ul li a:hover,
				div#snav ul li.active a{
					color: #ccc;
				}
	/* end: subnavigatie */
	
	/* start: content */
	div#content{
		float:right;
		width: 738px;
		/*padding: 25px;*/
		padding: 25px 25px 25px 25px;
		margin-right: 10px;
		line-height: 22px;
	}
		/* start: content */
		div#content h1{
			font-size: 26px;
			color: #0774AF;
			padding-bottom: 15px;
		}
			/* h1 */
			div#content h1{
				font-size: 26px;
				color: #0774AF;
				padding-bottom: 20px;
				font-weight: normal;
			}
			
			div#content h2{
				font-size: 15pt;
				color: #0774AF;
				padding-bottom: 5px;
				font-weight: bold;
			}
			
			/* p */
			div#content p{
				padding-bottom: 0px;
			}
			/* netwerk */
			div#content div#netwerk{
				clear: both;
				border-top: 1px solid #E4E4E4;
				text-align: right;
				padding: 25px 25px 0px 25px;
			}
				div#content div#netwerk img{
					margin: 0px 6px;
				}
	/* end: content */
	
	/* start: subcontent */
	div#subcontent{
		float: left;
		width: 168px;
		padding-bottom: 25px;
	}
		/* banner */
		div#subcontent div.banner{
			text-align: center;
		}
		/* quote */
		div#subcontent div.quote{
			background: url(../images/quote_bg.gif) repeat-y;
		}
			div#subcontent div.quote div.top{
				background: url(../images/quote_top.gif) no-repeat;
				height: 26px;
			}
			div#subcontent div.quote div.body{
				padding: 10px 20px;
				color: #6B6B6B;
			}
				div#subcontent div.quote div.body p.quote_counter{
					color: #B2B2B2;
				}
				div#subcontent div.quote div.body p{
					padding-bottom: 10px;
					font-size: 11px;
				}
			div#subcontent div.quote div.bottom{
				background: url(../images/quote_bottom.gif) no-repeat;
				height: 42px;
			}
	/* end: subcontent */
	
	/* start: footer */
	div#footer{
		clear: both;
		border-top: 1px solid #E4E4E4;
		margin: 0px 12px 5px 12px;
		padding: 15px 15px 0px 15px;
		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;
}


.albumBlock{
	background: #fff url(/images/albumBlock.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	width: 500px;
	padding: 0px 5px 5px 0px;
	margin: 0px auto;
}

table#klantenbestand{
	
}
#klantenbestand td{
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

#klantenbestand td img{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#lngnav{
	float: right !important;
	margin: 0 3px 0 0 !important;
}

#lngnav li{
	background: none !important;
	padding: 7px 3px 0px 0px !important;
}

p.subparagraaf{
	text-align: right;
	color: rgb(128, 128, 128);
	font-style: italic;
	margin: -20px 0px 15px 0;
}
