/* CSS Document */
/* www.informatiedienstverlening.nl */
/* by riaanlos.nl & avertise.nl */
* {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	letter-spacing: 1px;
}
BODY {
	margin: 0px auto;
	width: 783px;
	background-color: #FEFEFE;
	background-image:url(../images/bodyBG.gif);
	background-repeat: repeat-x;
}
.center {
	text-align:center;
}

DIV.bodyTop {
	background-color: #DADADA;
	background-image:url(../images/bodyTopCenter.gif);
	background-repeat:repeat-x;
	width: 783px;
	height: 10px;
	position:relative;
}
	DIV.bodyTopLeft {
		background-image:url(../images/bodyTopLeftCorner.gif);
		width: 18px;
		height: 10px;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	DIV.bodyTopRight {
		background-image:url(../images/bodyTopRightCorner.gif);
		width: 18px;
		height: 10px;
		position: absolute;
		top: 0px;
		right: 0px !important;
		right: -1px;
	}

DIV.containerTop {
	background-color: #EDEDED;
	background-image:url(../images/containerTopCenter.gif);
	background-repeat:repeat-x;
	width: 783px;
	height: 15px;
	position:relative;
}
	DIV.containerTopLeft {
		background-image:url(../images/containerTopLeftCorner.gif);
		width: 25px;
		height: 15px;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	DIV.containerTopRight {
		background-image:url(../images/containerTopRightCorner.gif);
		width: 23px;
		height: 15px;
		position: absolute;
		top: 0px;
		right: 0px !important;
		right: -1px;
	}

DIV.headerContainer {
	width: 783px;
	height: 90px;
	background-color: #EDEDED;
	position: relative;
	z-index: 1;
}
	DIV.headerShadowLeft {
		background-image:url(../images/headerShadowLeft.gif);
		background-repeat:no-repeat;
		width: 3px;
		height: 90px;
		position:absolute;
		left: 0px;
		top: 0px;
	}
	DIV.headerImageShadowLeft {
		background-color: #EDEDED;
		background-image:url(../images/headerImageShadowLeft.gif);
		background-repeat:no-repeat;	
		width: 3px;
		height: 90px;
		position:absolute;
		left: 16px;
		top: 0px;
	}
	DIV.headerLeft {
		background-color: #EDEDED;
		background-image:url(../images/headerLeft.gif);
		background-repeat:no-repeat;	
		width: 5px;
		height: 90px;
		position:absolute;
		left: 19px;
		top: 0px;
	}
	DIV.header {
		background-color: #EDEDED;
		background-image:url(../images/header.jpg);
		background-repeat:no-repeat;	
		width: 740px;
		height: 90px;
		position:absolute;
		left: 24px;
		top: 0px;
		z-index: 1;
	}
		DIV.logo {
			background-image:url(../images/informatiedienstverlening.gif);
			background-repeat:no-repeat;
			width: 365px;
			height: 52px;
			position: absolute;
			top: 17px;
			left: 17px;
		}
		DIV.headerTextAll {
			width: 345px;
			height: 13px;
			position:absolute;
			font-family: Arial, Verdana, Georgia;
			font-size: 15px;
			font-weight: bold;
			text-align: right;
			text-transform: uppercase;
			letter-spacing: 4px;
			word-spacing: 3px;
		}
		DIV.headerText1 {
			color: #FFFFFF;
			bottom:9px;
			right:9px;
			z-index:3;
		}
		DIV.headerText2 {
			color: #666666;
			bottom:8px;
			right:8px;
			z-index:2;
		}
		DIV.headerText3 {
			color: #CCCCCC;
			bottom:10px;
			right:10px;
			z-index:1;
		}
	DIV.headerRight {
		background-color: #EDEDED;
		background-image:url(../images/headerRight.gif);
		background-repeat:no-repeat;	
		width: 5px;
		height: 90px;
		position:absolute;
		left: 760px;
		top: 0px;
	}
	DIV.headerImageShadowRight {
		background-color: #EDEDED;
		background-image:url(../images/headerImageShadowRight.gif);
		background-repeat:no-repeat;	
		width: 3px;
		height: 90px;
		position:absolute;
		left: 766px;
		top: 0px;
	}
	DIV.headerShadowRight {
		background-image:url(../images/headerShadowRight.gif);
		background-repeat: no-repeat;
		width: 6px;
		height: 90px;
		position:absolute;
		right: 0px !important;
		right: -1px;
		top: 0px;
	}
	
DIV.containerNavTop {
	background-color: #EDEDED;
	background-image:url(../images/containerNavTopCenter.gif);
	background-repeat:repeat-x;
	width: 783px;
	height: 15px;
	position:relative;
}
	DIV.containerNavTopLeft {
		background-image:url(../images/containerNavTopLeft.gif);
		width: 23px;
		height: 15px;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	DIV.containerNavTopRight {
		background-image:url(../images/containerNavTopRight.gif);
		width: 23px;
		height: 15px;
		position: absolute;
		top: 0px;
		right: 0px !important;
		right: -1px;
	}

DIV.navigationContainer {
	background-color: #9A1C46;
	background-image:url(../images/navigationButton.gif);
	background-repeat:repeat-x;
	width: 783px;
	height: 25px;
	position:relative;
	z-index: 10;
}
	DIV.navigationLeft {
		background-image:url(../images/navigationLeft.gif);
		width: 23px;
		height: 25px;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	DIV.navigationCenter {
		width: 737px;
		height: 25px;
		position: absolute;
		top: 0px;
		left: 23px;
	}
		DIV.navigationButton {
			position: relative;
			float: left;
		}
		DIV.navigationStroke {
			background-image:url(../images/navigationStroke.gif);
			background-repeat:no-repeat;
			width:1px;
			height:25px;
			position: relative;
			float: left;
		}
	DIV.navigationRight {
		background-image:url(../images/navigationRight.gif);
		width: 23px;
		height: 25px;
		position: absolute;
		top: 0px;
		right: 0px !important;
		right: -1px;
	}

DIV.containerMainTop {
	background-color: #EDEDED;
	background-image:url(../images/containerMainTopCenter.gif);
	background-repeat:repeat-x;
	width: 783px;
	height: 12px;
	position:relative;
	z-index: 1;
}
	DIV.containerMainTopLeft {
		background-image:url(../images/containerMainTopLeft.gif);
		width: 23px;
		height: 12px;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	DIV.containerMainTopRight {
		background-image:url(../images/containerMainTopRight.gif);
		width: 23px;
		height: 12px;
		position: absolute;
		top: 0px;
		right: 0px !important;
		right: -1px;
	}
	
/***** COMPONENTEN BLOK RECHTS *****/
DIV.mainHeaders {
	position:relative;
	right:15px;
	float: right;
	width: 166px;
	z-index: 2;
}
	DIV.mainHeaderZoeken {
		background-image: url(../images/headerZoeken.gif);
		height: 28px;
	}
	DIV.mainHeaderNieuwsbrief {
		background-image: url(../images/headerNieuwsbrief.gif);
		height: 28px;
	}
	DIV.mainHeaderContact {
		background-image: url(../images/headerContact.gif);
		height: 28px;
	}
	DIV.mainHeaderBeheer {
		background-image: url(../images/headerBeheer.gif);
		height: 28px;
	}
	DIV.mainHeaderNieuws {
		background-image: url(../images/headerNieuws.gif);
		height: 28px;
	}


	DIV.mainHeaderMain {
		background-image: url(../images/headerMainBG.gif);
		padding: 3px 7px 3px 6px;
	}
	DIV.mainHeaderFooter {
		background-image: url(../images/headerFooter.gif);
		background-repeat: no-repeat;
		line-height: 1px;
		font-size: 1px;
		height: 5px;
		margin-bottom: 10px;
	}

/*********** HOOFDCONTAINER ********************/
DIV.containerMain {
	width: 783px;
	background-color: #EDEDED;
	background-image:url(../images/containerMainCenter.gif);
	background-repeat: repeat-y;
	position:relative;
	float: left;
}
	DIV.containerMainLeft {
		background-image:url(../images/containerMainLeft.gif);
		background-repeat: no-repeat;
		width: 6px;
		height:auto !important;
		height:400px;
		min-height:400px;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	DIV.containerMainRight {
		background-image:url(../images/containerMainRight.gif);
		background-repeat: no-repeat;
		width: 6px;
		height:auto !important;
		height:400px;
		min-height:400px;
		position: absolute;
		top: 0px;
		right: 0px !important;
		right: -1px;
	}

DIV.containerFooter {
	width: 783px;
	height: 15px;
	position:relative;
	z-index:1;
}
	DIV.containerFooterLeft {
		background-image:url(../images/containerFooterLeft.gif);
		width: 15px;
		height: 15px;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	DIV.containerFooterCenter {
		background-color: #EDEDED;
		background-image:url(../images/containerFooterCenter.gif);
		background-repeat:repeat-x;
		width: 753px;
		height: 15px;
		position: absolute;
		top: 0px;
		left: 15px;
	}
	DIV.containerFooterRight {
		background-image:url(../images/containerFooterRight.gif);
		width: 15px;
		height: 15px;
		position: absolute;
		top: 0px;
		right: 0px !important;
		right: -1px;
	}

DIV.footerCopyright, A.footerCopyright, A.footerCopyright:link, A.footerCopyright:active, A.footerCopyright:visited {
	text-align: center;
	font-family: Arial, Verdana, Georgia;
	font-size: 10px;
	letter-spacing: 1px;
	color: #666666;
	height: 15px;
	line-height: 15px;
	text-decoration:none;
}
A.footerCopyright:hover {
	text-decoration:underline;
}


/*** CONTENT BLOK ******/
DIV.contentContainer {
	width: 580px;
	position: relative;
	left:15px;
	z-index:2;
	overflow:auto;
	float:left;
}
	DIV.contentHeaderContainer {
		width: 580px;
		position: relative;
		height: 28px;
		background-image: url(../images/contentTopCenter.gif);
		
	}
	DIV.contentHeaderLeft {
		background-image: url(../images/contentTopLeft.gif);
		width: 20px;
		height: 28px;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	DIV.contentHeaderCenter {
		text-transform: capitalize;
		font-weight: bold;
		color: #666666;
		line-height: 31px;
		position: absolute;
		top: 0px;
		left: 12px;
	}
	DIV.contentHeaderRight {
		background-image: url(../images/contentTopRight.gif);
		width: 20px;
		height: 28px;
		position: absolute;
		top: 0px;
		right: 0px;
	}
		DIV.messageContainer {
			margin:10px 10px 10px 10px;
			border:solid;
			border-width:1px;
			border-color:#EDEDED;
		}
		DIV.messageHead {
			background-color:#009933;
			width: 520px !important;
			width: 510px;
			color:#FFFFFF;
			font-weight:bold;
			padding:2px 5px 2px 5px;
			letter-spacing:1px;
		}
		DIV.messageBody {
			padding:5px 10px 5px 10px;
		}
		DIV.errorContainer {
			margin:10px 10px 10px 10px;
			border:solid;
			border-width:1px;
			border-color:#EDEDED;
		}
		DIV.errorHead {
			background-color:#CC0000;
			color:#FFFFFF;
			width: 520px !important;
			width: 510px;
			font-weight:bold;
			padding:2px 5px 2px 5px;
			letter-spacing:1px;
		}
		DIV.errorBody {
			padding:5px 10px 5px 10px;
		}
		
	DIV.contentMainCenter {
		position: relative;
		background-color: #FFFFFF;
		background-image: url(../images/contentMainCenter.gif);
		padding: 15px 15px 15px 15px;
		width: 550px;
		height:auto !important;
		height:450px;
		min-height:450px; 
	}
	DIV.contentFooterContainer {
		width: 580px;
		position: relative;
		height: 5px;
		background-image: url(../images/contentFooterCenter.gif);
		
	}
	DIV.contentFooterLeft {
		background-image: url(../images/contentFooterLeft.gif);
		background-repeat: no-repeat;
		line-height: 1px;
		font-size: 1px;
		width: 8px;
		height: 5px;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	DIV.contentFooterRight {
		background-image: url(../images/contentFooterRight.gif);
		background-repeat: no-repeat;
		line-height: 1px;
		font-size: 1px;
		width: 5px;
		height: 5px;
		position: absolute;
		top: 0px;
		right: 0px;
	}
	
	.infoBoxHeading {
		border-bottom: 1px #000000 solid;
		text-align: left;
		font-size: 10px;
		font-weight: bold;
	}

INPUT.zoekenText {
	border: solid;
	border-width: 1px;
	border-color: #000000;
	width: 140px;
	margin: 5px;
}
INPUT.zoekenTextEmpty, TEXTAREA.zoekenTextEmpty {
	color: #8A8A8A;
}
INPUT.zoekenSubmit {
	border: solid;
	border-width: 1px;
	border-color: #000000;
	width: 140px;
	margin: 5px;
	background-color: #EDEDED;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: 3px;
}

INPUT.contactText {
	border: solid;
	border-width: 1px;
	border-color: #ACA899;
	width: 140px;
	margin: 5px;
}

TEXTAREA.contactText {
	border: solid;
	border-width: 1px;
	border-color: #ACA899;
	width: 140px;
	height:80px;
	margin: 5px;
}

INPUT.Submit {
	border: solid;
	border-width: 1px;
	border-color: #ACA899;
	width: 140px;
	margin: 5px;
	background-color: #EDEDED;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: 3px;
}

INPUT.Radio {
	position: relative;
	left: 5px;
}
