*{
	margin:  0;
	padding: 0;
}

* html #mid{
	height: 40em;

}

* html #product_content {
	height: 200px;
}

/*  ===============
	SITE LAYOUT ALL
	=============== */
body{
	background-image:	url(../img/gradient.jpg);
	background-repeat:	repeat-x;
	background-color: 	#acdc78;
	color:				#002c45;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	line-height:		1.5em;
}

#container{
	position: 			relative;
	margin-left: 		auto;
	margin-right: 		auto;
	width:				776px;
}



/*  =============
	HEADER LAYOUT
	============= */
#header{
	background-repeat: 	no-repeat;
	height:				140px;
	top:				0px;
	width:				776px;
}

	#logo{
		width:				240px;
		height:				50px;
		position:			relative;
		top:				30px;
		left:				20px;
	}

	#taal{
		height:				10px;
		position:			absolute;
		top:				15px;
		left:				520px;
		text-align:			right;
		width:				230px;
	}
	
	#homeBtn{
		height:				40px;
		width:				200px;
		position:			relative;
		top:				35px;
		left:				35px;
	}

		#taal ul {
			margin-left: 	0;
			padding-left: 	0;
			display: 		inline;
		}

		#taal ul li {
			margin-left: 	0;
			padding: 		0px 5px;
			list-style: 	none;
			display: 		inline;
		}


/*  ==============
	CONTENT LAYOUT
	============== */
#mid{
	background-image: 	url(../img/mid.png);
	background-repeat:  repeat-y;
	float:				left;
	min-height: 		40em;
	position:			relative;
	top:				0px;
	width:				776px;
}


	#menu{
		float:				left;
		position:			relative;
		left:				25px;
		top:				25px;
		width:				230px;
		line-height:		1em;
		padding-bottom: 	50px;
	}
		#menu li {
			list-style:		none;
		}

	#textarea{
		float:				left;
		margin-bottom:		40px;
		position:			relative;
		left:				30px;
		top:				10px;
		width:				488px;
	}


		/* INDEX PAGINA */
		#default_top{
			width:			488px;
			position:		relative;
			top:			0px;
			left:			0px;
			height: 		190px;
		}

		#default_bottom{
			width:			488px;
			position:		relative;
			top:			20px;
			left:			0px;
		}

			#default_bottom_highlight{
				width: 			150px;
				height: 		190px;
				position:		relative;
				float:			left;
			}

				#default_bottom_highlight li{
					margin-left: 25px;
				}

				#default_bottom_highlight img{
					margin-left: 	10px;
					margin-top:  	10px;
					margin-bottom:  10px;
				}


		/* PRODUCTGROEP PAGINA */

			#productgroep_content{
				margin-top:			15px;
				padding-left: 		10px;
				padding-right:		20px;
				width:				488px;
				position:			relative;
				float:				left;
				text-align:			justify;
			}

				#productgroep_content_highlight{
					width: 			150px;
					height: 		190px;
					position:		relative;
					float:			left;
					margin-right: 	10px;
					margin-bottom: 	10px;
				}

					#productgroep_content_highlight li{
						margin-left: 25px;
					}

					#productgroep_content_highlight img{
						margin-left: 	10px;
						margin-top:  	10px;
						margin-bottom:  10px;
					}

		/* PRODUCT PAGINA */


			#product_titel{
				margin-top:			15px;
				padding-left: 		10px;
				padding-right:		20px;
				width:				451px;
				position:			relative;
				border-left:		3px solid #a3d869;
				float:				left;
				text-align:			justify;
			}

			#product_content{
				margin-top:			0px;
				padding-left: 		10px;
				padding-right:		20px;
				width:				262px;
				min-height:  		200px;
				border-left:		3px solid #a3d869;
				position:			relative;
				float:				left;
				text-align:			left;
			}

				#product_content ul {
					margin-left: 	5px;
					padding-left: 	5px;
					list-style:		circle;
				}

				#product_content ul li {
					margin-left: 	10px;
					padding: 		0px 5px;
					list-style:		circle;
				}

				#product_content ol {
					margin-left: 	0;
					padding-left: 	0;
				}

				#product_content ol li {
					margin-left: 	0;
					padding: 		0px 10px;
					list-style: 	none;
				}

			#product_image{
				position:			relative;
				float:				left;
				top:				0px;
				width:				190px;
			}

				img.prod_img_kl{
					margin-top:			5px;
				}

			#product_pdf{
				border-top:			1px dotted #ccc;
				position:			relative;
				float:				left;
				width:				190px;
				top:				20px;
				padding-top: 		20px;
			}

				#product_pdf_titel{
					position:			relative;
					width:				165px;
					height:				30px;
					float:				left;
					font-weight:		bold;
				}

				#product_pdf_icoon{
					position:			relative;
					width:				25px;
					height:				30px;
					float:				left;
				}


		/* TEKST PAGINA */

		#textpagina_content{
				margin-top:			15px;
				padding-left: 		10px;
				padding-right:		20px;
				width:				470px;
				position:			relative;
				float:				left;
				text-align:			left;
				border-left:		3px solid #a3d869;
		}

			#textpagina_content ul {
				margin-left: 	5px;
				padding-left: 	5px;
				list-style:		circle;
			}

			#textpagina_content ul li {
				margin-left: 	10px;
				padding: 		0px 5px;
				list-style:		circle;
			}

			input{
				width:			250px;
				border:			1px solid #ccc;
				font-family:	Arial, Helvetica, sans-serif;
				font-size:		100%;
			}

			input.submit{
				width:			auto;
				border:			1px solid #000;
				font-family:	Arial, Helvetica, sans-serif;
				font-size:		100%;
			}

			textarea{
				width:			250px;
				height:			200px;
				border:			1px solid #ccc;
				font-family:	Arial, Helvetica, sans-serif;
				font-size:		100%;
			}

			.validation-advice {
				color: #FF0000;
				font-weight: bold;
			}



/*  ==============
	FOOTER LAYOUT
	============== */
#footer{
	background-image: 	url(../img/footer.png);
	background-repeat: 	no-repeat;
	clear:				both;
	height:				38px;
	position:			relative;
	top:				0px;
	width:				776px;
}

/*  ==============
	POPUP LAYOUT
	============== */

	#popup	{

		visibility:		hidden;
	}

	#popupBackground, #popupContent	{

		position:		absolute;
		z-index: 		10;
	}

	#popupBackground {

		width:				100%;
		height:				100%;
		left:				0px;
		top:				0px;
		filter:				alpha(opacity=60);
		-moz-opacity:		0.6;
		opacity:			0.6;
		background-color:	#000;
	}

	#popupContent {
		left:				50%;
		top:				50%;
		background-color: 	#fff;		
	}

	#closeButton {

		position: 			absolute;
		right:				0px;
		font-weight: 		bold;
		cursor:				pointer;

		padding-top:		3px;
		padding-right:		5px;
	}

/*  ======================
	DIVERSE STIJLELEMENTEN
	====================== */

a:link{
	color:				#002c45;
	text-decoration:	none;
}

a:visited,active{
	color: 				#002c45;
	text-decoration:	none;
}

a:hover{
	color: 				#002c45;
	text-decoration:	underline;
}

#taal ul {
	margin-left: 	0;
	padding-left: 	0;
	display: 		inline;
}

#taal ul li {
	margin-left: 	0;
	padding: 		0px 10px;
	list-style: 	none;
	display: 		inline;
}

#menu ul li.hoofdpagina{
	font-weight:	bold;
	list-style:		none;
}

#menu ul li.subpagina{
	font-weight:	normal;
	list-style:		none;
	margin-left:	5px;
}

#menu ul li.sub_sub_pagina{
	font-weight:	normal;
	list-style:		none;
	margin-left:	20px;
}

img{
	border:			0px;
}