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

* {margin:0;padding: 0; outline: none;}
ul {padding-left: 20px;}

html, body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}

a {
text-decoration: none;
color: #666;
}

a img {
border: 0px
}

a:hover
{
text-decoration: underline;
}

h1 {
	font-size: 20px;
}

h1#homepageH1 {
	padding-left: 30px;
	float: left;
}

/* Blocks */

#container {
	margin: 0 auto;
	width: 980px;
}

	#headertop {
		margin-right: 10px;
		margin-top: -50px;
		display: block;
		height: 35px;
		color: #ccc;
		text-align: right;
		line-height: 35px;
		padding: 0px 10px;
	}
	
		#headertop a {
			font-size: 12px;
			color: #ccc;
		}
	
	#mainmenu {
		display: block;
		height: 70px;
		background-color: #999;
		background-image: url(../img/mainmenu.jpg)
	}
	
		#mainmenu ul {
			margin-left: 280px;
			padding: 0;
			list-style: none;
		}
			
			#mainmenu ul li, #mainmenu ul li a {
				margin: 0;
				padding: 0;
				float: left;
			}
			
			#mainmenu ul li a {
				font-size: 20px;
				color: #fff;
				line-height: 70px;
				padding: 0px 20px;
				text-shadow: 0 1px 0 #333;
				outline: none;
			}

	#content-home, #content-beroepen {
		padding: 30px 0px;
	}

		#content-home{
			padding-bottom: 5px;
		}


		
		#home-left-col
		{
			width: 250px;
			padding: 0px 0px 0px 20px;
			float: left;
		}

			#home-left-h1
			{
				font-weight: normal;
				display: none
			}
		
			#home-left-text p {
				padding: 2px 0px 15px 0px;
			}
			
			#offer h2 {
				font-size: 14px;
				color: #000;
				margin-bottom: 10px;
			}

			#offer img {
				float: left;
				width: 85px;
				/*height: 95px;*/
				border: 1px solid #ccc;
			}

			#offer .offerInfo {
				float: right;
				width: 155px;
			}

			#offer h3 {
				color: #e5ca15;
			}

			#offer p {
				font-weight: bold;
				font-size: 11px;
			}
			



		#home-right-col
		{
			background-image: url(../img/home-right-col.jpg);
			float: right;
			width: 680px;
			height: 360px;
			padding: 10px 10px
		}

			ul#categories
			{
				background-color: #fff;
				margin: 0;
				padding: 0;
				list-style: none;
			}
			
				ul#categories li
				{
					width: 169px;
					height: 180px;
					float: left;
					border-right: 1px solid #F8E250;
				}

					ul#categories li a {
						width: 150px;
						height: 130px;
						float: left;
						color: #99860e;
						font-size: 16px;
						text-decoration: none;
						padding: 30px 0 0 5px;
						background-position: bottom center;
						background-repeat: no-repeat;
						margin:0 auto;
						text-align:center;
					}
						ul#categories ul li a span{
							margin:0 auto;
						}

					#bouw 			{background-image: url(../img/bouw.jpg);}
					#groen 			{background-image: url(../img/groen.jpg);}
					#land-tuin		{background-image: url(../img/land-tuin.jpg);}
					#prod-tech		{background-image: url(../img/prod-tech.jpg);}
					#voeding		{background-image: url(../img/voeding.jpg);}
					#transport	 	{background-image: url(../img/transport.jpg);}
					#weg 			{background-image: url(../img/weg.jpg);}
					#hobby 			{background-image: url(../img/hobby.jpg);}


						ul#categories li a span.white, ul#categories li a span.white-small {
							color: #fff;
							font-size: 18px;
							font-weight: bold;
						}

						ul#categories li a span.white-small {
							font-size: 100%;
						}

				/* tooltip styling */ 
				#dynatip { 
					display:none; 
					background: url(../tooltip/h2w-tooltip.png); 
					height:163px; 
					padding:40px 30px 10px 30px; 
					width:310px; 
					font-size:11px; 
					color:#fff; 
					text-align: center
				} 
				 
				/* a .label element inside tooltip */ 
				#dynatip .label { 
					color:yellow; 
					width:35px; 
				} 
				 
				#dynatip a { 
					color:#ad4; 
					font-size:11px; 
					font-weight:bold; 
				}





		#ticker	{
			padding: 0px 20px; 
			font-size: 14px;
			font-weight: normal;
			line-height: 35px;
			background-image: url(../img/ticker-scroll.jpg);
			background-position: 170px 0px;
			background-repeat: no-repeat;
			display: block;
			height: 35px;
		}

		#ticker h3 {
			font-weight: normal;
			color: #e5ca15;
			float: left;
			font-size: 14px;
		}
		
		#ticker div
		{
			width: 790px;
			height: 35px;
			float: right;
			overflow: hidden;
			line-height: 35px;
			text-align:justify
		}


		#footer-brand-bar {
			background-image: url(../img/logo-bar-placeholder.jpg);
			background-repeat: no-repeat;
			display: block;
			height: 92px;
			padding: 8px 0px 0px 10px;
			margin-bottom: 10px;
		}


		#footer-address {
			background-image: url(../img/footer-address.jpg);
			background-repeat: no-repeat;
			display: block;
			height: 70px;
			line-height: 70px;
			font-size: 12px;
			color: #ccc;
			text-indent: 40px;
		}

		#footer-address a.portalLink
		{
		  float: right; display: none; width: 120px; height: 70px;
		}

/* BEROEPEN PAGINA */

			#content-beroepen
			{
				padding-left: 20px;			
			}

				#content-beroepen h2
				{
					color: #ab960f;
					font-size: 18px;
					font-weight: normal
				}
	
				#content-beroepen h1
				{
					color: #f7d917;
					font-size: 30px;
					/*line-height: 24px;*/
				}

				#content-beroepen h3
				{
					color: #333;
					font-size: 18px;
					margin-top: 24px;
					margin-bottom: 10px;
				}

					#content-beroepen h3 a
					{
						color: #333;
						font-size: 14px;
						font-weight: normal;
						margin-top: 24px;
						margin-bottom: 10px;
					}

				#content-beroepen h4
				{
					color: #999;
					font-size: 18px;
					font-weight: normal;
					margin-top: 24px;
					margin-bottom: 10px;
				}


	
				#beroepen-overview
				{
					display: table;
				}
	

				ul#beroepen
				{
					background-color: #fff;
					margin: 0;
					padding: 0;
					list-style: none;
					width: 651px;
				}
				
					ul#beroepen li
					{
						width: 141px;
						height: 169px;
						float: left;
						margin-right: 15px;
						margin-bottom: 10px;
					}
	
						ul#beroepen li a {
							width: 141px;
							height: 169px;
							float: left;
							color: #99860e;
							font-size: 16px;
							text-decoration: none;
							/*padding: 30px 0 0 10px;*/
							background-position: bottom center;
							background-repeat: no-repeat;
						}
	
	
				#where2buy {
					float: right;
					width: 262px;
					height: 382px;
					background-image: url(../img/where2buy.jpg);
					background-repeat: no-repeat;
					position: relative
				}	

					#postcode-form input[type="text"] {
						width: 154px;
						height: 37px;
						border: 0px;
						background-image: url(../img/postcode-input.jpg);
						background-position: right;
						font-size: 18px;
						line-height: 37px;
						position: absolute;
						top: 111px;
						left: 28px;
						text-indent: 10px;
						color: #999999;
					}
					
					#postcode-form input[type="image"]
					{
						border: 0px;
						height: 37px;
						width: 47px;
						position: absolute;
						top: 111px;
						left: 182px;
						cursor: default;
					}
					
					#postcode-form #postcodeSubmit
					{
						border: 0px;
						height: 37px;
						width: 47px;
						position: absolute;
						top: 111px;
						left: 182px;
						cursor: default;
						background-image: url(../img/postcode-submit-disabled.jpg);
						text-indent: -9999px;
						text-transform: lowercase;
					}
					
					#postcodeSubmit.enabled
					{
						background-image: url(../img/postcode-submit.jpg) !important;				
					}

					/* Provincie select */

					#prov-select, #prov-select ul { /* all lists */
						padding: 0;
						margin: 0;
						list-style: none;
						line-height: 1;
					}
					
					#prov-select a {
						display: block;
						width: 201px;
						height: 37px;
						line-height: 37px;
						text-indent: 10px;
						background: none;
						font-size: 18px;
						text-decoration: none;
						color: #999;
					}

					#prov-select ul a {
						display: block;
						width: 154px;
						height: 24px;
						line-height: 24px;
						text-indent: 10px;
						background-color: #fff;
						font-size: 14px;
					}
					
					#prov-select li { /* all list items */
						float: left;
						width: 154px;; /* width needed or else Opera goes nuts */
					}
					
					#prov-select li ul { /* second-level lists */
						position: absolute;
						background: none;
						width: 154px;
						border: 1px solid #ccc;
						left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
					}
					
					#prov-select li:hover ul, #prov-select li.sfhover ul { /* lists nested under hovered list items */
						left: auto;
					}

					#prov-select {
						position: absolute;
						top: 191px;
						left: 28px;
					}

					/* </ Provincie select */

/* PRODUCT CATEGORIEËN */

				#prod-cats-container
				{
					display: table;
					width: 650px;
				}
	

					.prod-cat-top, .prod-cat-bottom
					{
						background-image: url(../img/prod-cat-top.png);
						background-repeat: no-repeat;
						display: block;
						height: 20px;
					}
					
					.prod-cat-bottom
					{
						background-image: url(../img/prod-cat-bottom.png);					
					}

					ul#prod-cats-list
					{
						background-image: url(../img/prod-cat-repeat.png);
						background-repeat: repeat-y;
						margin: 0;
						padding: 0;
						list-style: none;
						width: 650px;
						display: table;
						padding-left: 40px;
					}
					
						ul#prod-cats-list li
						{
							width: 127px;
							height: 150px;
							float: left;
							margin-right: 15px;
							margin-bottom: 10px;
							position: relative;
						}
		
							ul#prod-cats-list li a {
								width: 130px;
								height: 40px;
								padding-top: 100px;
								float: left;
								color: #333;
								font-size: 13px;
								font-weight: bold;
								text-decoration: none;
								text-align: center;
								position: absolute;
								bottom: 0px;
								overflow: hidden;
								line-height: 20px;
								background-repeat:no-repeat;
								background-position: top center;								
							}
	

					.checklist
					{
						background-image: url(../img/checklist.jpg);
						background-repeat: no-repeat;
						display: block;
						height: 90px;
						text-indent: -9999px;
					}

/* PRODUCT PAGINA */
					
					table.prod
					{
						margin-top: 15px;
					}
					
					table.prod td, td.prod-specs td {
						vertical-align: top;
					}
					td.prod-specs td {
						padding: 3px 0px;
						width: 25%;
					}
					table.prod td.prod-title 			{background-color: #e5c700; color: #fff; font-weight: bold; height: 24px; font-size: 16px; line-height:24px; text-indent: 5px;}
					td.prod-specs th						{text-align: left; font-weight: normal; border-bottom: 2px solid #333; height: 24px; line-height: 24px;}
					table.prod td.prod-description		{padding: 15px 5px; }
					table.prod td.prod-img				{width: 180px; text-align: center; vertical-align: middle}




/* DEALER OVERZICHT */

.prov-header
{
	display: block;
	width: 940px;
	background-color: #e5c700; color: #fff; font-weight: bold; height: 24px; font-size: 16px; line-height:24px; text-indent: 5px; margin-top: 15px;
}

#verkooppunten
{
	margin-top: 15px;
	width: 940px;
	font-size: 11px;
}

#verkooppunten th
{
	color: #000;
	font-weight: normal;
	text-align: left;
	border-bottom: 1px solid #000;
	padding: 2px 0px;
}

#verkooppunten td
{
	width: 11%;
	vertical-align: top;
	padding: 2px 0px;
}

#verkooppunten td a
{
	color: #ccb100
}


/* clear-styles  */


.clear {
	clear: both;
}
	
/* Text-styles */

.capital-black
{
	text-transform: uppercase;
	color: #000;
}

.capital-yellow
{
	text-transform: uppercase;
	color: #f7d917;
}

.hidden
{
	display: none;
}


/* ********** ********** ********** ********** DEALER PAGINA ********** ********** ********** ********** */

#dealer-left, #dealer-right {display: block;}


#dealer-left	{float: left; width: 560px;}
#dealer-right 	{float: right; width: 362px; line-height: 24px; font-weight: bold;}

#dealer-left p	{margin-bottom: 20px; line-height: 20px}

#dealer-left img,
#dealer-right img {border: 1px solid #ccc;}

#dealer-left img 	{width: 240px}
#dealer-right img	{width: 360px !important}

#dealer-details		{padding-left: 20px}

#dealer-right span.dealer-naam,
#dealer-right a		{color: #E5CA15}

#dealer-right em	{font-weight: normal; font-size: 12px}

#dealer-categories	{ background-image: url(../img/dealer-categories.jpg); width: 360px; height: 49px; clear: both; text-align: center; margin-top: 5px}
#dealer-right #dealer-categories img {width: auto !important; border: 0px}

/* ********** ********** ********** ********** CONTACT FORMS ********** ********** ********** ********** */
  
.tx-powermail-pi1 legend				{display: none;}
.tx-powermail-pi1 fieldset				{border: 0;}
.tx-powermail-pi1 label					{display: block; width: 130px; float: left}
.tx-powermail-pi1 input,
.tx-powermail-pi1 textarea				{display: block; border: 1px solid #aaa; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px}
.tx-powermail-pi1 input[type="text"],
.tx-powermail-pi1 textarea				{width: 180px; padding: 1px; background-color: #fbfbfb; color: #555}
.tx-powermail-pi1 textarea				{height: 60px;}
.tx-powermail-pi1 input[type="submit"]	{background-color:#FFEE00;border:2px solid #FFDD00;color:#555555;padding:1px;}
.tx-powermail-pi1 input[type="submit"].powermail_submit						
										{margin-left:130px;}
.tx-powermail-pi1 input[type="submit"].tx-powermail-pi1_confirmation_submit
										{margin-left:20px;}
.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html
										{float: left; clear: both; margin-bottom: 10px;}
/* captcha */
.tx-srfreecap-pi2-image					{margin-left: 130px; clear: both; float:left; width: 180px; margin-top: 10px;}
.tx-srfreecap-pi2-cant-read 			{color:#35006D;font-size:0.9em; display: block; clear: both; float: left; width: 180px; margin-left: 130px;}

/* validation */
div.validation-advice						{display: none !important;}
.tx-powermail-pi1 input[type="text"].validation-failed, .tx-powermail-pi1 textarea.validation-failed
										{background-color: #fdefef; border: 1px solid #d1a8a8}
.tx-powermail-pi1 input[type="text"].validation-passed, .tx-powermail-pi1 textarea.validation-passed
										{background-color: #f8fcf4; border: 1px solid #afbba3}
										
										
										
/* DMAIL SUBSCRIPTION */										

input[type="text"].textfield01 {
    background-color: #FBFBFB;
    color: #555555;
    padding: 1px;
    width: 180px;
    border: 1px solid #AAAAAA;
    display: block;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}

label.nieuwsbrieflabel {
    display: block;
    float: left;
    width: 130px;
	clear: both;
	padding-bottom: 10px;
}

input[type="submit"].button01
{
	clear: both; float: left;
	display: block;
    background-color: #FFEE00;
    border: 2px solid #FFDD00;
    color: #555555;
    padding: 1px;
}

.dmMandatoryField {text-indent: 4px; float: left;}