*{
	margin:  0;
	padding: 0;
}

* html #mid{
	height: 40em;

}

* html #product_content {
	height: 200px;
}

/*  ===============
	SITE LAYOUT ALL
	=============== */
html {
	overflow: 			scroll;
	overflow-x: 		auto;
}

body{
	background: 		#e3e2e2;
	color:				#000000;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	line-height:		1.5em;
}

#container{
	position: 			relative;
	margin-left: 		auto;
	margin-right: 		auto;
	width:				960px;
	background: 		#f4f4f6;
	margin-top: 		20px;
}

#innerContainer{
	position: 			relative;
	margin-left: 		auto;
	margin-right: 		auto;
	width:				742px;
	background: 		#f4f4f6;
	padding-top: 		0px;
}

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

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

	#homeBtn{
		height:				95px;
		width:				168px;
		position:			relative;
		top:				0px;
		left:				520px;
	}

	#taal{
		text-align:			right;
		text-transform: 	uppercase;
		font-size: 			11px;
		color: 				#000000;
		font-weight: 		bold;
	}

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

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


/*  ==============
	CONTENT LAYOUT
	============== */
#mid{
	float:				left;
	min-height: 		40em;
	position:			relative;
	top:				0px;
	width:				742px;
}


	#menu{
		float:				left;
		position:			relative;
		left:				1px;
		top:				23px;
		width:				230px;
		line-height:		1em;
		padding-bottom: 	50px;
	}

	#textarea{
		float:				left;
		margin-bottom:		40px;
		position:			relative;
		top:				23px;
		width:				512px;
		text-align: 		right;
		font-size: 			13px;
	}


		/* 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 */

			a.productGroup {
				display: 			block;
				position: 			relative;
				float:				left;
				width: 				206px;
				height:				156px;
				margin-left: 		45px;
				margin-bottom: 		45px;
				border: 			1px solid #ea3a25;
				_display:			inline;
				cursor: 			pointer;
			}

			a.firstproductGroup {
				margin-left: 		50px;
			}

				div.firstproduct {
					margin-left: 	70px;
					_margin-left: 	35px;
				}

				.productGroup img {
					width: 			206px;
					height: 		120px;
				}

				.productGroup div {
					height:			36px;
					padding: 		0 10px 0 10px;
					background:		#ea3a25;
					color: 			#ffffff;
					font-size: 		14px;
					text-align: 	left;
					line-height: 	36px;
					vertical-align: middle;
				}

			a.productGroup:link{
				color:				#ffffff;
				text-decoration:	none;
			}

			a.productGroup:visited,active{
				color: 				#ffffff;
				text-decoration:	none;
			}

			a.productGroup:hover{
				color: 				#ffffff;
				text-decoration:	none;
			}

		/* PRODUCTEN OVERZICHT PAGINA */

			a.product {
				display: 			block;
				_display:			inline;
				position: 			relative;
				float:				left;
				width:				144px;
				height:				144px;
				margin-left: 		24px;
				margin-bottom: 		24px;
				text-align: 		left;
				border: 			1px solid #ea3a25;
				cursor: 			pointer;
				background: 		#ffffff;
			}

			a.firstproduct {
				margin-left: 		26px;
			}

				.product div {
					padding: 		0 10px;
					font-size: 		13px;
					font-weight: 	bold;
					color:			#212121;
					margin-bottom: 	5px;
				}

				.product p {
					vertical-align: 		middle;
					font-size: 				11px;
					line-height: 			15px;
					height: 				34px;
					padding:				0 2px 0 10px;
				}

				.product p  span{
					float: 					left;
					height: 				34px;
					width: 					7px;
					margin-left: 			8px;
					background: 			transparent;
				}

				.product p  span img {
					margin-top: 			8px;
				}

				.product ul {
					list-style-image: 		url('../img/stripe.gif');
					/*list-style-position: 	outside;
					padding-left: 			20px;*/
					list-style-position: 	outside;
					padding-left: 			20px;
					vertical-align: 		middle;
					font-size: 				11px;
				}

				.product ul li {
					height: 		34px;
					margin: 		0px;
					padding: 		0px;
					vertical-align: middle;
				}

				.product div.art {
					padding: 		0 10px;
					font-size: 		10px;
				}

			a.product:link{
				color:				#212121;
				text-decoration:	none;
			}

			a.product:visited,active{
				color: 				#212121;
				text-decoration:	none;
			}

			a.product:hover{
				color: 				#212121;
				text-decoration:	none;
			}

			/* PRODUCT PAGINA */

			.productDisplayContainer {
				border-left:		1px solid #ea3925;
				text-align: 		left;
			}

				.productDisplayContainer ul {
					list-style-position: 	outside;
					margin-left: 			1em;
				}

				.productTitle {
					padding: 		5px 15px 10px 20px;
					font-size: 		24px;
					color: 			#eb3f31;
				}

				.productSubTitle {
					padding: 		0px 15px 10px 20px;
					font-size: 		14px;
				}

				.productDescription {
					float:			left;
					margin-top: 	10px;
					padding-left: 	20px;
					width: 			275px;

					min-height: 	230px;
					_height: 		230px;
				}

				img.productGroot {
					/* Change this css in the STYLE attribute, because IE fucks up if this info is not in the STYLE attribute*/
					float:right;margin-top:15px;width:190px;height:150px;background:#ffffff;border:1px solid #e93a25;
				}

				img.productKlein {
					/* Change this css in the STYLE attribute, because IE fucks up if this info is not in the STYLE attribute*/
					float:right;margin-top:4px;width:92px;height:60px;background:#ffffff;border:1px solid #e93a25;
				}

				.productRestInfo {
					float: 			right;
					margin-top: 	10px;
					padding-top: 	16px;
					background: 	#f4f4f6;
					width: 			190px;
					border-top: 	1px dotted #cdcdcf;
				}

					.productPdf {
						display: 		block;
						font-weight: 	normal;
						width: 			190px;
						margin-bottom: 	5px;
					}

					.productPdf span.text {
						display:		block;
						float:			left;
						width: 			174px;
						cursor: 		pointer;
					}

					.productPdf img {
						float:			right;
						width:			16px;
					}

		/* TEKST PAGINA */

		.pageContainer {
			background: 		#ebebeb;
			text-align: 		left;
		}

			.pageContainer ul {
				padding-left:	1em;
			}

			.pageTitle {
				padding: 		30px 15px 10px 15px;
				font-size: 		24px;
			}

			.pageContent {
				padding: 		15px;
			}

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

			#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{
	clear:				both;
	height:				38px;
	position:			relative;
	top:				0px;
	width:				742px;
}

/*  ==============
	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;

}

#menu ul {
	width:			220px;
}

#menu ul li.hoofdpagina {
	list-style:		none;
	font-weight:	bold;
	font-size: 		15px;
 	margin-bottom: 	15px;
}

	#menu ul li.hoofdpagina  a {
		color:			#EA3A25;
	}

	#menu ul li.hoofdpagina ul {
		margin-top: 	7px;
	}

	#menu ul li.hoofdpagina ul ul {
		margin-bottom:	3px;
		/*background: 	#dbdbdc;*/
	}

#menu ul li.hoofdproduct {
	list-style:		none;
	font-weight:	normal;
	font-size: 		12px;
	line-height: 	11px;
	margin-top: 	4px;
	margin-bottom: 	2px;
	margin-left: 	1px;
}

	#menu ul li.hoofdproduct  a {
		color:			#000000;
	}

#menu ul li.sub_product {
	list-style:		none;
	font-weight:	normal;
	font-size: 		12px;
	line-height: 	13px;
	margin-left:	1px;
	margin-top: 	3px;
}
	#menu ul li.sub_product  a {
		color:		#000000;
	}

#menu ul li.subpagina {
	list-style:		none;
	font-weight:	normal;
	font-size: 		12px;
	line-height: 	13px;
	margin-top: 	1px;
	margin-left: 	1px;
}

	#menu ul li.subpagina  a {
		color:		#000000;
	}

#menu ul li.sub_sub_pagina {
	list-style:		none;
	font-weight:	normal;
	font-size: 		13px;
	line-height: 	13px;
	margin-left:	16px;
}

img{
	border:			0px;
}