﻿/* lay-out */
body {
	padding : 0em;
	background-image : url(../images/body_back.gif);
	background-repeat : repeat-y;
}
	/* link for skipping the navigation */
	#skip {
		position : absolute;
		top : -10em;
	}
	/* main canvas */
	#canvas {
		background-image : url(../images/canvas_back.gif);
		background-repeat : no-repeat;
		min-height: 591px;
	}
		/* header section */
		#header {
			position : relative;
			width : 1000px;
			height : 232px;
		}
		    #slogan 
		    {
				position : absolute;
				left : 165px;
				top : 37px;
				margin : 0px;
				width: 250px;
		        height: 23px;
		        
		    }
		    
		    #nieuwsbrief {
				position : absolute;
				left : 416px;
				top : 30px;
				margin : 0px;		        
		        background-image : url(../images/back_aanmelden.gif);
		        background-repeat : no-repeat;
		        background-position:0px 0px;
		        width: 250px;
		        height: 30px;
		        padding: 8px 0px 4px 267px;	
    	    }
			#logo 
			{
				
			}
				#logo img { padding-top:6px;}
			/* meta-navigation layout */
			#metaNavigation {
				position : absolute;
				right : 90px;
				top : 3px;
				margin : 0px;
			}
				#metaNavigation li {
					list-style-type : none;
					display : inline;
					margin-left : 0em;
					height:10px;
				}
					#metaNavigation li a {}
						#metaNavigation li a img {
							vertical-align : middle;
						}
						
						
				#search{
						position : absolute;
						right : 120px;
						top : 0px;
						margin : 0px;
						border-style:none;

						width:200px;
						height:4px;


						
	
						}
						#PlaceHolderSearchArea, #searchbox
						{				
						width:160px;
						height:4px;

						margin-left : 1em;
						
						}
			/* main-navigation layout */
			#mainNavigation 
			{
				margin: 0px;
				margin-left : 20px;
				top : 110px;
				width : 666px;
			}
				#mainNavigation li {
					list-style-type : none;
					display : inline;
					margin: 0px;
					margin-right : 0em;
				
				}
					#mainNavigation li a {}
						#mainNavigation li a img {
							vertical-align : middle;
						}
		#decobar
		{
			margin-top: 0px;
			margin-left: 20px;
		}
		/* body section */
		#body {
			position : relative;
			width : 1200px;
		}
			/* sidebar column */
			#sideBar {
				width: 230px;
				float: left;
			}
				#logos
				{
					width: 230px;
					margin: 0px;
					margin-left: 10px;
					padding: 0px;
					list-style-type: none;
				}
				#logos li
				{
					display: inline;
				}
				#sideBar p {
					margin : 0px;
				}
					#sideBar p img {}
				#sideBar fieldset {
					width : 193px;
					height : 98px;
					margin-left : 20px;
					background-image : url(../images/sideBar_back.gif);
				}
					#sideBar fieldset h2 {
						margin : 0px;
						padding : 8px 10px 0px 10px
					}
						#sideBar fieldset h2 label {}
							#sideBar fieldset h2 label img {}
					#sideBar fieldset p {
						margin : 0px 10px 0px 10px;
					}
						#sideBar fieldset p input.text {
							margin-bottom : 2px;
						}
						#sideBar fieldset p input.image {}
			/* container for the flash banner */
			#presentation {
				position : absolute;
				left : 770px;
				top :108px;
				z-index : 750;
			}
			#presentation1 {
				position : absolute;
				left : 760px;
				top : -60px;
				z-index : 750;
				height: 166px;
			}
				#presentation img {}
			/* sub-navigation layout */
			#subNavigation {
				height: 31px;
				margin : 0px 0px 0px 16px;
			}
				#subNavigation li {
					display : inline;
				}
					#subNavigation li a {}
						#subNavigation li a img {
							
						}
			/* sub-navigation layout */
			#subsubNavigation {
				position : absolute;
				left : 215px;
				top : 240px;
				width : 460px;
				height : auto;
				margin : 0px;
				margin-left : 30px;
						}

				
			#subsubNavigation li{
				padding: 0px 4px 0px 4px;
			}
				#subsubNavigation li.red {
					display : inline;
					border-right: solid 1px #ae0e1b;
					padding: 0px 4px 0px 4px;
				}
					#subsubNavigation li.red a:link, 
					#subsubNavigation li.red a:visited {
						text-decoration : underline;
						color : #ae0e1b;
					}
					#subsubNavigation li.red a:hover, 
					#subsubNavigation li.red a:active {
						text-decoration : none;
						color : #ae0e1b;
					}
				#subsubNavigation li.green {
					display : inline;
					border-right: solid 1px #00619e;
				}
					#subsubNavigation li.green a:link, 
					#subsubNavigation li.green a:visited {
						text-decoration : underline;
						color : #209943;
					}
					#subsubNavigation li.green a:hover, 
					#subsubNavigation li.green a:active {
						text-decoration : none;
						color : #209943;
					}
				#subsubNavigation li.purple {
					display : inline;
					border-right: solid 1px #00619e;
				}
					#subsubNavigation li.purple a:link, 
					#subsubNavigation li.purple a:visited {
						text-decoration : underline;
						color : #db308d;
					}
					#subsubNavigation li.purple a:hover, 
					#subsubNavigation li.purple a:active {
						text-decoration : none;
						color : #db308d;
					}
				#subsubNavigation li.blue, li.blue {
					display : inline;
					border-right: solid 1px #00619e;
				}
					#subsubNavigation li.blue a:link,li.blue a:link, 
					#subsubNavigation li.blue a:visited,li.blue a:visited {
						text-decoration : underline;
						color : #00619e;
					}
					#subsubNavigation li.blue a:hover,li.blue a:hover, 
					#subsubNavigation li.blue a:active,li.blue a:active  {
						text-decoration : none;
						color : #00619e;
					}
					
					
					#subsubNavigation {
					display : inline;
					color : #00619e;
				}
					
					
			/* main document section */
			#content {
				padding : 0px 480px 20px 270px;
				margin: 0px 0px 0px 0px;
				min-height: 308px;
			}
			#content1 {
				padding : 0px 450px 20px  270px;
				margin: 0px 0px 0px 0px;
				min-height: 308px;
				height:auto;
			}
				/* CONTENT TYPES */
				/* image and text column pairs */
				#content div.contentRow {
					clear : left;
					width: 455px;
				}
					#content div.contentRow div.pictureRow {
						float : left;
						width : 115px;
						min-height: 10px;
					}
						#content div.contentRow div.pictureRow img {
							margin-bottom : 0.5em;
						}
					#content div.contentRow div.textRow {
						float : left;
						width : 330px;
						min-height: 100px;
						height:auto;
					}
						#content div.contentRow div.textRow h2 {
							font-size : 100%;
							color: #424C5B;
						}
							#content div.contentRow div.textRow h2 a {}
								#content div.contentRow div.textRow h2 a:link,
								#content div.contentRow div.textRow h2 a:visited {
									text-decoration : none;
									color: #424C5B;
								}
								#content div.contentRow div.textRow h2 a:hover,
								#content div.contentRow div.textRow h2 a:active {
									text-decoration : underline;
									color : #007daf;
								}
						#content div.contentRow div.textRow p {}
				/* CONTENT1 TYPES */
				/* image and text column pairs */
				#content1 div.contentRow {
					
				}
					#content1 div.contentRow div.pictureRow {
						float : left;
						width : 115px;
						min-height: 30px;
					}
						#content1 div.contentRow div.pictureRow img {
							margin-bottom : 0.5em;
						}
					
					#content1 div.contentRow div.textRow {
						float : left;
						width : 330px;
						min-height: 100px;
						font-size:100%;
						color:#666666;
					}
					
						#content1 div.contentRow div.textRow h2 {
							font-size : 100%;
							color: #424C5B;
						}
							#content1 div.contentRow div.textRow h2 a {}
								#content1 div.contentRow div.textRow h2 a:link,
								#content1 div.contentRow div.textRow h2 a:visited {
									text-decoration : none;
									color: #424C5B;
								}
								#content1 div.contentRow div.textRow h2 a:hover,
								#content1 div.contentRow div.textRow h2 a:active {
									text-decoration : underline;
									color : #007daf;
								}
						#content1 div.contentRow div.textRow p {}
						
						#content1 div.contentarticleRow {
					
				}
					#content1 div.contentarticleRow div.pictureRow {
						float : left;
						width : 115px;
						padding-top:50px;
						min-height: 30px;
					}
						#content1 div.contentarticleRow div.pictureRow img {
							margin-bottom : 0.5em;
						}
					
					#content1 div.contentarticleRow div.textRow {
						float : left;
						width : 330px;
						min-height: 100px;
						font-size:100%;
						color:#666666;
					}
					#content1 div.contentarticleRow div.textRow div.PageTitle {
						height:50px;
					}
						#content1 div.contentarticleRow div.textRow h2 {
							font-size : 100%;
							color: #424C5B;
						}
							#content1 div.contentarticleRow div.textRow h2 a {}
								#content1 div.contentarticleRow div.textRow h2 a:link,
								#content1 div.contentarticleRow div.textRow h2 a:visited {
									text-decoration : none;
									color: #424C5B;
								}
								#content1 div.contentarticleRow div.textRow h2 a:hover,
								#content1 div.contentarticleRow div.textRow h2 a:active {
									text-decoration : underline;
									color : #007daf;
								}
						#content1 div.contentarticleRow div.textRow p {}
				/* input forms */
				#content fieldset {}
					#content fieldset legend {}
					#content fieldset table {
						margin-bottom : 2em;
					}
						#content fieldset table tbody {}
							#content fieldset table tbody tr {}
								#content fieldset table tbody tr th {
									width : 120px;
								}
									#content fieldset table tbody tr th label {}
								#content fieldset table tbody tr td {}
									#content fieldset table tbody tr td input.radio {}
									#content fieldset table tbody tr td label {}
									#content fieldset table tbody tr td input.text {
										width : 178px;
									}
									#content fieldset strong {
										color : #000000;
									}
									#content fieldset table tbody tr td input.file {}
						#content fieldset table tfoot {}
							#content fieldset table tfoot tr {}
								#content fieldset table tfoot tr td {}
									#content fieldset table tfoot tr td input.image {
										margin-left : 55px;
									}
				/* input forms */
				#content1 fieldset {}
					#content1 fieldset legend {}
					#content1 fieldset table {
						margin-bottom : 2em;
					}
						#content1 fieldset table tbody {}
							#content1 fieldset table tbody tr {}
								#content1 fieldset table tbody tr th {
									width : 100px;
								}
									#content1 fieldset table tbody tr th label {}
								#content1 fieldset table tbody tr td {}
									#content1 fieldset table tbody tr td input.radio {}
									#content1 fieldset table tbody tr td label {}
									#content1 fieldset table tbody tr td input.text {
										width : 178px;
									}
									#content1 fieldset strong {
										color : #000000;
									}
									#content1 fieldset table tbody tr td input.file {}
						#content1 fieldset table tfoot {}
							#content1 fieldset table tfoot tr {}
								#content1 fieldset table tfoot tr td {}
									#content1 fieldset table tfoot tr td input.image {
										margin-left : 55px;
									}
				/* link buttons */
				div.linkButton {
					margin-bottom : 1.5em;
				}
					div.linkButton a {
						padding-left : 15px;
						background-image : url(../images/bullet_arrow.gif);
						background-repeat : no-repeat;
						background-position : 0px 1px;
					}
				div.linkButton1 {
					margin-top : -2.2em;
				}
					div.linkButton1 a {
						padding-left : 15px;
						background-image : url(../images/bullet_arrow.gif);
						background-repeat : no-repeat;
						background-position : 0px 1px;
					}
				/* link list  */
				ul.linkList {
					margin : 0px 0px 1.5em 0px;
					position: relative;
				}
					ul.linkList li {
						padding-left : 15px;
						list-style-type : none;
						background-image : url(../images/bullet_arrow.gif);
						background-repeat : no-repeat;
						background-position : 0px 2px;
					}
						ul.linkList li a {}
			/* related items */
			#related {
				position : absolute;
				left : 776px;
				top : 108px;
				width : 200px;
				font-size : 90%;
				line-height : 180%;
			}
			#relatedlogo {
				position : absolute;
				left : 790px;
				top : 210px;
				width : 180px;
				font-size : 90%;
				line-height : 180%;
			}
				#relatedlogo p {
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 0px 0px;
					font-size: 87%;
					color: #999999;
				}
				#relatedlogo p input {
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 0px 0px;
					height: 14px;
				}
				#relatedlogo p label {
					padding: 0px 0px 0px 0px;
					margin: 0px 0px -17px 0px;
					display: block;
					height: 10px;
				}
				#relatedlogo p input.imager {
					padding: 0px 0px 0px 0px;
					margin: 4px 0px 0px 50px;
					border: none;
					width: 67px;
					height: 20px;
					background-color: #ffffff;
				}
				#related input.file {
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 0px 0px;
					height: 20px;
					width: 120px;
					border : solid 1px #c3c3c3;
				}
				/* related title */
				#related h2 
				{
					font-size:100%;
					padding : 0px 0px 0.3em 0px;
				}
					#related h2 img {}
				/* related addresses */
				#related address {
					font-style : normal;
					color: #424C5B;
				}
					#related address span.name {
						padding-left : 15px;
						font-weight : bold;
						background-image : url(../images/bullet_arrow.gif);
						background-repeat : no-repeat;
						background-position : 0px 0px;
					}
					#related address span.function {
						padding-left : 15px;
					}
					#related address span.phone {}
						#related address span.phone strong {
							padding-left : 15px;
							padding-right : 0.5em;
						}
					#related address span.email {}
						#related address span.email strong {
							padding-left : 15px;
							padding-right : 0.5em;}
						#related address span.email a {}
				/* related links */
				#related ul {
					margin : 0px;
				}
					#related ul li {
						padding-left : 15px;
						list-style-type : none;
						background-image : url(../images/bullet_arrow.gif);
						background-repeat : no-repeat;
						background-position : 0px 4px;
					}
					#related ul li.else {
						padding-left : 15px;
						list-style-type : none;
						background-image : url(../images/bullet_arrow.gif);
						background-repeat : no-repeat;
						background-position : 0px 12px;
					}
						#related ul li a {}
		/* footer section */
		#clear {
			clear : both;
			width : 1000px;
		}
		#footer {
			clear : both;
			width : 1000px;
		}
			/* graphical slogan */
			#slogan {
				text-align : right;
				margin-bottom : 5px;
			}
				#slogan img {
					margin-right : 235px;
				}
			/* footer divider */
			#footer hr {
				color : #aee0ee;
				background-color : #aee0ee;
				width : 745px;
				margin : 0px 235px 0px 20px;
				height:1px;
			}
			/* list of logos */
			/*#logos {
				margin : 0px 0px 0px 5px;
			}
				#logos li {
					display : inline;
				}
					#logos li a {}
						#logos li a img {
							margin : 0px 0px 5px 12px;
						}*/
/* exceptions for page types */
body.home {}
	body.home #content {
		padding-top : 30px;
	}
	body.home #related {
		top : 148px;
	}
		body.nieuwsEnPers #related h2,
		body.home #related h2 {
			padding : 0px 0px 0.5em 0px;
		}
		body.nieuwsEnPers #related ul li a,
		body.home #related ul li a{}
			body.nieuwsEnPers #related ul li a:link,
			body.nieuwsEnPers #related ul li a:visited,
			body.home #related ul li a:link,
			body.home #related ul li a:visited {
				color: #424C5B;
				text-decoration : none;
			}
			body.nieuwsEnPers #related ul li a:hover,
			body.nieuwsEnPers #related ul li a:active,
			body.home #related ul li a:hover,
			body.home #related ul li a:active {
				color : #007daf;
				text-decoration : underline;
			}
/* sitemap */

#sitemap {
	margin: 0px 0px 4px 0px;
	position: relative;		
}
#sitemap li {
		background-image: url(../images/bullet_1ste.gif);
		background-position: left 7px;
		background-repeat: no-repeat;
		padding: 0px 0px 10px 16px;
		list-style-type: none;
		line-height: 20px;	
	}
#sitemap ul  {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
}
	#sitemap li li{
		background-image: url(../images/bullet_2de.gif);
		background-position: left 7px;
		background-repeat: no-repeat;
		padding: 0px 0px 2px 16px;	
	}
/* Published/edit console */
#console1 {
	position : absolute;
	left : 0px;
	top : 0px;
	z-index : 1000;
}
/* Published/edit console */
#Items1 {
	border-top: solid 1px #aee0ee;
	width: 500px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;	
	COLOR: #424c5b;
}
	#publicaties {
		float: left;
		width: 260px;
		margin: 0px 10px 0px 0px;
		padding: 0px 0px 0px 0px;	
	}
		#publicaties p {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 15px;	
		}
	#vacatures {
		float: left;
		width: 230px;	
	}
		#vacatures a {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;	
		}
	#klantlogo {
		margin: 0px 0px 0px -10px;
		padding: 0px 0px 0px 0px;				
	}
	
		