@charset "utf-8";
/* CSS Document */


html {

	margin: 0;
	padding: 0;
	
	height: 100%;
	width: 100%;
}


body {

	margin: 0;
	padding: 0;
	
	height: 100%;
	width: 100%;
	
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", helvetica,arial,sans-serif;

	background-color: #f1f1f1;
	
	text-align: center;
}


/* TOP =========================== */

div#container-top {

	width: 100%;
	height: 203px;
	
	background-image: url(../img/bg_top.jpg);
	background-repeat: repeat-x;
	
	text-align: center;

}

	div#container-top div#top-bgimage {
	
		width: 960px;
		height: auto;
		
		margin-left: auto;
		margin-right: auto;
		
		text-align: left;
	
	}


	div#container-top div#top-content {
	
		width: 960px;
		height: auto;
		
		margin-left: auto;
		margin-right: auto;
		
		text-align: left;
	
	}
	
		div#container-top div#top-content div#top-bgimage {
		
			position: absolute;
			
			z-index: 60;
			
			width: 722px;
			height: 195px;
			
			margin-left: 238px;
				
		
		}
	
		div#container-top div#top-content div#top-top {
		
			width: 960px;
			height: auto;
			
			display: table;
		
			position: absolute;
			
			z-index: 80;
		
		}
	
			div#container-top div#top-content div#top-top div.spacer {
			
				width: 1px;
				height: 101px;
				
				float: left;
				
				margin-left: 40px;
				margin-right: 40px;
				margin-top: 15px;
				
				background-color: #dedede;

			}
	
	
			div#container-top div#top-content div#top-top div#logo {
			
				float: left;
				
				background-image: url(../img/logo.png);
				background-repeat: no-repeat;
				
				width: 300px;
				height: 125px;
			
			}
			
				div#container-top div#top-content div#top-top div#logo a {

					width: 300px;
					height: 125px;
					
					display: block;
					
					background-image: url(../img/logo.png);
					background-repeat: no-repeat;					

				}	
				
					div#container-top div#top-content div#top-top div#logo a:hover {
	
						width: 300px;
						height: 125px;
						
						display: block;
						
						background-image: url(../img/logo.png);
						background-repeat: no-repeat;						
	
					}							
				
			div#container-top div#top-content div#top-top div#address {
			
				float: left;
				
				width: auto;
				height: 75px;
				
				font-size: 12px;
				color: #545454;
				
				margin-top: 35px;
			
			}		
	
			div#container-top div#top-content div#top-top div#contactinfo {
			
				float: left;
				
				width: auto;
				height: 75px;
				
				font-size: 12px;
				color: #545454;
				
				margin-top: 43px;
			
			}

				div#container-top div#top-content div#top-top div#contactinfo a {

					font-size: 12px;
					color: #545454;
					
					text-decoration: none;

				}

					div#container-top div#top-content div#top-top div#contactinfo a:hover {
	
						font-size: 12px;
						color: #193f6e;
						
						text-decoration: none;
	
					}


			div#container-top div#top-content div#top-top div#tab {
			
				float: right;
				
				width: 149px;
				height: 24px;
				
				background-image: url(../img/tab-theiner.nl.gif);
				background-repeat: no-repeat;
			
			}
			
				div#container-top div#top-content div#top-top div#tab a {
					
					width: 149px;
					height: 24px;
					
					background-image: url(../img/tab-theiner.nl.gif);
					background-repeat: no-repeat;
					
					display: block;
				
				}		
				
					div#container-top div#top-content div#top-top div#tab a:hover {
						
						width: 149px;
						height: 24px;
						
						background-image: url(../img/tab-theiner.nl-hover.gif);
						background-repeat: no-repeat;
						
						display: block;
					
					}						
			
		div#container-top div#top-content div#top-bottom {
		
			width: 960px;
			height: auto;
			
			display: table;
			
			margin-top: 135px;

			position: absolute;
			
			z-index: 80;

		}

/* MENU =========================== */
		
			div#container-top div#top-content div#top-bottom div#menu {
			
				width: 960px;
				height: 45px;
				
				background-image: url(../img/bg_menu.gif);
				background-repeat: no-repeat;
				
				text-align: center;
				
				text-transform: uppercase;
			
			}		
			
				div#container-top div#top-content div#top-bottom div#menu ul {
					
					margin: 0;
					padding: 0;
					
					list-style-type: none;
					
					height: 45px;
					
					white-space: nowrap;

								
				}	

					div#container-top div#top-content div#top-bottom div#menu ul li.spacer {
											
						height: 45px;
						
						background-image: url(../img/bg_menu-spacer.jpg);
						
						display: inline;
						
						margin: 0;
						
						padding-top: 20px;
						padding-bottom: 14px;
						padding-left: 1px;
						padding-right: 1px;
						
						font-size: 4px;

						width: 2px;
						
						color: #3f6aa1;
	
					}

					div#container-top div#top-content div#top-bottom div#menu ul li.normal {
					
						width: auto;
						height: 45px;

						display: inline;

						font-size: 11px;
						
						line-height: 45px;
						
					}
					
						div#container-top div#top-content div#top-bottom div#menu ul li.normal a {
						
							width: auto;
							height: 45px;
						
							color: #ffffff;
							text-decoration: none;
							
							display: inline-block;

							
							padding-left: 20px;
							padding-right: 20px;
							
						}
						
							div#container-top div#top-content div#top-bottom div#menu ul li.normal a:hover {
							
								width: auto;
								height: 45px;
							
								text-decoration: none;
								
								color: #b5cbe5;
								
								display: inline-block;
	
							
							}											
						
					div#container-top div#top-content div#top-bottom div#menu ul li.normal-active {
					
						width: auto;
						height: 45px;

						display: inline;

						font-size: 11px;
						
						line-height: 45px;

					}
					
						div#container-top div#top-content div#top-bottom div#menu ul li.normal-active a {
						
							width: auto;
							height: 45px;
						
							color: #ffffff;
							text-decoration: none;
							
							display: inline-block;

							padding-left: 20px;
							padding-right: 20px;
							
							background-image: url(../img/bg_li-active.gif);
							background-repeat: no-repeat;
							background-position: center;

							font-weight: bold;
						
						}

/* WEBSITE ========== */


div#container-website {

	width: 960px;
	height: auto;

	margin-top: 10px;
	
	display: table;
	
	margin-left: auto;
	margin-right: auto;
	
	text-align: left;
	
}						


/* SUBMENU =========================== */

	div#container-website div#submenu {
	
		width: 231px;
		height: auto;
		min-height: 100px;

		float: left;
		
		margin-right: 7px;
	
		text-transform: uppercase;
	}
	
		div#container-website div#submenu ul {
		
			margin: 0;
			padding: 0;
			
			list-style-type: none;
			
			width: 231px;
			height: auto;
			
		}	
		
		
			div#container-website div#submenu ul li.normal {
				
				width: 231px;
				height: 37px;
				
				background-image: url(../img/bg_submenu-li.gif);
				background-repeat: no-repeat;
				
				margin-bottom: 3px;
				
			}	
			
				div#container-website div#submenu ul li.normal a {
					
					width: 221px;
					height: 37px;
					
					display: block;
					
					color: #ffffff;
					text-decoration: none;
					
					line-height: 37px;
					
					padding-left: 10px;
					
					font-size: 11px;
					
				}
				
					div#container-website div#submenu ul li.normal a:hover {
						
						width: 221px;
						height: 37px;
						
						color: #ffffff;
						text-decoration: none;
						
						background-image: url(../img/bg_submenu-li-hover.gif);
						background-repeat: no-repeat;						

					}	
					
			div#container-website div#submenu ul li.normal-active {
				
				width: 231px;
				height: 37px;
				
				background-image: url(../img/bg_submenu-li-active.gif);
				background-repeat: no-repeat;
				
				margin-bottom: 3px;
				
			}	
			
				div#container-website div#submenu ul li.normal-active a {
					
					width: 221px;
					height: 37px;
					
					display: block;
					
					color: #ffffff;
					text-decoration: none;
					
					line-height: 37px;
					
					padding-left: 10px;
					
					font-size: 11px;
					
				}		


/* CONTACTINFO  =========================== */


div#block-contactinfo-head {

	width: 231px;
	height: 7px;
	
	margin-left: 7px;
	
	background-image: url(../img/bg_block-contactinfo-head.gif);
	background-repeat: no-repeat;	
	
	font-size: 1px;

}

div#block-contactinfo {

	width: 231px;
	height: auto;
	
	margin-left: 7px;
	
	background-image: url(../img/bg_block-contactinfo.jpg);
	background-repeat: repeat-y;
	
	color: #ffffff;
	font-size: 12px;

}


div#block-contactinfo-foot {

	width: 231px;
	height: 7px;
	
	margin-left: 7px;
	
	background-image: url(../img/bg_block-contactinfo-foot.gif);
	background-repeat: no-repeat;	
	background-position: bottom;
	
	font-size: 1px;

}

	div#block-contactinfo a {

		color: #ffffff;
		text-decoration: none;

	}
	
		div#block-contactinfo a:hover {

			text-decoration: none;
			color: #b5cbe5;	
			
		}	

	div#block-contactinfo div#block-contactinfo-spacing {

		width: 211px;
		height: auto;
		
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 3px;
		padding-bottom: 3px;		

	}
	
				
/* CONTENT SMALL  =========================== */
	
div#container-website div#container-content-small {

	width: 722px;
	height: auto;
	
	float: left;
	
	font-size: 12px;
	color: #212121;


}		

	div#container-website div#container-content-small div#content-small-head {
	
		width: 722px;
		height: 7px;
		
		background-image: url(../img/bg_content-small-head.gif);
		background-repeat: no-repeat;
		
		font-size: 1px;	
	}
	
	div#container-website div#container-content-small div#content-small {
	
		width: 722px;
		height: auto;
		
		background-image: url(../img/bg_content-small.gif);
		background-repeat: repeat-y;
	
	}
	
		div#container-website div#container-content-small div#content-small div#content-small-spacing {
		
			width: 702px;
			height: auto;
			
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 3px;
			padding-bottom: 3px;
		
		}
	
	div#container-website div#container-content-small div#content-small-foot {
	
		width: 722px;
		height: 7px;
		
		background-image: url(../img/bg_content-small-foot.gif);
		background-repeat: no-repeat;
	
		font-size: 1px;	
		
	}			
	


	
/* CONTENT BIG  =========================== */	
	
div#container-website div#container-content-big {

	width: 960px;
	height: auto;
	
	font-size: 12px;
	color: #212121;

}		

	div#container-website div#container-content-big div#content-big-head {
	
		width: 960px;
		height: 7px;
		
		background-image: url(../img/bg_content-big-head.gif);
		background-repeat: no-repeat;
		
		font-size: 1px;	
	}
	
	div#container-website div#container-content-big div#content-big {
	
		width: 960px;
		height: auto;
		
		background-image: url(../img/bg_content-big.gif);
		background-repeat: repeat-y;
	
	}
	
		div#container-website div#container-content-big div#content-big div#content-big-spacing {
		
			width: 940px;
			height: auto;
			
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 3px;
			padding-bottom: 3px;
		
		}
	
	div#container-website div#container-content-big div#content-big-foot {
	
		width: 960px;
		height: 7px;
		
		background-image: url(../img/bg_content-big-foot.gif);
		background-repeat: no-repeat;
	
		font-size: 1px;	
		
	}			

/* FOOTER =========================== */	
	
div#footer1 {

	width: 960px;
	height: 35px;
	
	margin-left: auto;
	margin-right: auto;
	
	background-image: url(../img/bg_footer.gif);
	background-repeat: no-repeat;
	
	margin-top: 10px;
	
	line-height: 35px;

	font-size: 12px;

}	
	
	
	div#footer1 div#left-copyright {
	
		float: left;
		
		margin-left: 10px;
		
		width: auto;
		
		color: #ffffff;		

	}
	
	div#footer1 div#right-links {
	
		float: right;
		
		margin-right: 10px;
		
		width: auto;
		
		color: #9aadc4;

	}	
	
	
		div#footer1 div#right-links a {
		
			text-decoration: none;
			color: #ffffff;	
		}	
		
		div#footer1 div#right-links a:hover {
		
			text-decoration: none;
			color: #b5cbe5;	
		}			
			

/* FONT OPMAAK =========================== */
			
div#container-content-big h1,
div#container-content-small h1 {

	color: #163f72;
	
	margin: 0;
	padding: 0;
	
	margin-bottom: 10px;
	
	font-size: 15px;
	font-weight: bold;
}		

div#block-contactinfo h1 {

	color: #ffffff;
	
	margin: 0;
	padding: 0;
	
	margin-bottom: 10px;
	
	font-size: 15px;
	font-weight: bold;
	
}


/* HYPERLINKS OPMAAK =========================== */


div#container-content-big a,
div#container-content-small a {

	color: #163d6d;
	text-decoration: none;

}

	div#container-content-big a:hover,
	div#container-content-small a:hover {

		color: #051c37;
		text-decoration: none;

	}



/* FORMULIEREN OPMAAK =========================== */

table {

	font-size: 100%;

}


div#container-content-big input,
div#container-content-small input,
div#container-content-big textarea,
div#container-content-small textarea {

	color: #323232;
	border: 1px solid #494949;
	background-color: #ffffff;

	margin: 0;
	padding: 1px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}

	div#container-content-big input:focus,
	div#container-content-big textarea:focus,
	div#container-content-small input:focus,
	div#container-content-small textarea:focus {	
	
		color: #163c6b;
		border: 1px solid #163c6b;
		background-color: #ffffff;
		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		
	}
	
	div#container-content-big  input.submit,
	div#container-content-big  input#button2,
	div#container-content-small  input.submit,
	div#container-content-small  input#button2 {	
	
		color: #ffffff;
		border: 1px solid #0f315b;
		background-color: #163c6b;	
		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		
		padding: 2px;		
	
	}

		div#container-content-big input:hover.submit,
		div#container-content-big input:hover#button2,
		div#container-content-small input:hover.submit,
		div#container-content-small input:hover#button2 {		
		
			color: #ffffff;
			border: 1px solid #0b2a50;
			background-color: #0f315b;	
			
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			
			padding: 2px;		
			
			cursor: pointer;
		
		}


div#contactform input#naam,
div#contactform input#email,
div#contactform input#onderwerp,
div#contactform input#code,
div#contactform textarea#bericht {
	
	width: 350px;

}	


div#contactform input#soort_1,
div#contactform input#soort_2,
div#contactform input#soort_3 {

	border: 0;
	background: none;

	margin: 0;
	padding: 0;
	
	height: 16px;
	
}

div#contactform label {

	position: absolute;
	
	margin-left: 3px;

}

span.error {

	color: red;
	
	display: block;

}