/* COPYRIGHT (C) 2008 BY LANDSTRA & DE GROOT WEBDESIGN */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	line-height: 19px;
	background: #9e1313;
}

/* ELEMTENTS */

	a {	color: #8e0000; text-decoration: none; }
	a:hover { text-decoration: underline; }
	p {	margin-bottom: 15px; }
	ul { list-style: none; }
	h1, h1 a { font-size: 18px; font-weight: bold; color: #000; font-style: italic; line-height: normal; margin-bottom: 5px; }
	h1 a:hover { color: #8e0000; text-decoration: none; }
	h2 { font-size: 14px; font-weight: bold; color: #8e0000; line-height: normal; clear: both; }
	h3 { font-size: 20px; font-weight: bold; color: #454545; font-style: italic; line-height: normal; margin-bottom: 5px; }
	h4 { font-size: 20px; font-weight: bold; color: #8e0000; line-height: normal; margin-bottom: 5px; }
	h5 { font-size: 42px; font-weight: bold; color: #454545; font-style: italic; line-height: normal; font-family: Arial Black, Arial, Helvetica, sans-serif }
	h6 { font-size: 11px; font-weight: bold; color: #000; }

/* END ELEMENTS */

#headerspan {
	width: 100%;
	height: 106px;
	background: url(img/bg/header.gif) repeat-x #fff;
}

#header {
	width: 980px;
	height: 106px;
	margin: 0 auto;
	background: url(img/bg/header.gif) repeat-x #fff;
	overflow: hidden;
}

#logo {
	width: 262px;
	height: 106px;
	background: url(img/bg/logo_grodiam.jpg);
	margin-right: 19px;
	float: left;
	overflow: hidden;
}

#mainmenu {
	width: 699px;
	height: 106px;
	background: url(img/bg/mainmenu.jpg);
	line-height: normal;
	float: left;
	overflow: hidden;
}

#mainmenu ul {
	margin: 20px 10px 0 10px;
}

#mainmenu li {
	display: inline;
}

#mainmenu li a {
	float: left;
	display: block;
	color: #000;
	padding-top: 31px;
	padding-bottom: 34px;
	text-align: center;
}

#mainmenu li a:hover {
	text-decoration: none; 
	color: #8e0000;
}

/* MENU ELEMTENTS */

	.mainmenuhome a { width: 80px; }
	.mainmenuhome a:hover {background: url(img/bg/menu/home.gif); }
	.mainmenuaanbiedingen a { width: 121px; }
	.mainmenuaanbiedingen a:hover { background: url(img/bg/menu/aanbiedingen.gif); }
	.mainmenuactueel a { width: 87px; }
	.mainmenuactueel a:hover { background: url(img/bg/menu/actueel.gif); }
	.mainmenuproducten a { width: 102px; }
	.mainmenuproducten a:hover { background: url(img/bg/menu/producten.gif); }
	.mainmenubedrijfsprofiel a { width: 125px; }
	.mainmenubedrijfsprofiel a:hover { background: url(img/bg/menu/bedrijfsprofiel.gif); }
	.mainmenulinks a { width: 73px; }
	.mainmenulinks a:hover { background: url(img/bg/menu/links.gif); }
	.mainmenucontact a { width: 91px; }
	.mainmenucontact a:hover { background: url(img/bg/menu/contact.gif); }

/* END MENU ELEMENTS */

#containerspan {
	width: 100%;
	background: url(img/bg/container.gif) top repeat-y;
	overflow: hidden;
}

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

#contentleft {
	width: 709px;
	margin: 15px 20px 0 0;
	float: left;
	overflow: hidden;
}

#specialisatie { width: 709px; height: 79px; text-align: center; background: url(img/bg/specialistatie.gif); padding-top: 10px; margin-bottom: 10px; }

#zagen { width: 220px; height: 207px; padding: 20px 135px 20px 0; margin-bottom: 20px; background: url(img/index/zagen.jpg) no-repeat; float: left; }
#boren { width: 219px; height: 207px; padding: 20px 135px 20px 0; margin-bottom: 20px; background: url(img/index/boren.jpg) no-repeat; float: left; }
#werkkleding { width: 220px; height: 207px; padding: 20px 135px 20px 0; margin-bottom: 20px; background: url(img/index/werkkleding.jpg) no-repeat; float: left; }
#accessoires { width: 219px; height: 207px; padding: 20px 135px 20px 0; margin-bottom: 20px; background: url(img/index/accessoires.jpg) no-repeat; float: left; }
#schoenen { width: 220px; height: 207px; padding: 20px 135px 20px 0; margin-bottom: 20px; background: url(img/index/schoenen.jpg) no-repeat; float: left; }
#lijmen { width: 219px; height: 207px; padding: 20px 135px 20px 0; margin-bottom: 20px; background: url(img/index/lijmen.jpg) no-repeat; float: left; }
#aanbieding { width: 334px; height: 227px; padding: 10px; margin-bottom: 20px; background: url(img/index/aanbieding.jpg) no-repeat; float: left; overflow: hidden; }
#aanbiedingimg { width: 70px; margin-right: 10px; float: left; overflow: hidden; }
#aanbiedingp { width: 254px; float: left; overflow: hidden; }
#aanbieding img { border: 1px solid #fff; padding: 1px; background: #8e0000; float: left; }

.nieuwscontainer { width: 354px; float: left; margin-bottom: 20px; }
.nieuwscontainerL { width: 334px; padding-right: 20px; }
.nieuwscontainer img { border: 1px solid #8e0000; padding: 1px; background: #fff; float: left; margin-right: 10px; }
.nieuwsdatum { font-size: 9px; color: #777; margin-bottom: 5px; }

#contentright {
	width: 211px;
	padding: 120px 20px 40px 20px;
	background: url(img/bg/content_right.jpg) no-repeat;
	float: left;
	overflow: hidden;
}

#contentright ul { margin-bottom: 20px; }
#contentright li { background: url(img/buttons/list.gif) no-repeat; padding-left: 15px; }

#footerspan {
	width: 100%;
	background: url(img/bg/footerspan.gif) repeat-x;
	color: #fff;
	overflow: hidden;
	clear: both;
}

#footer {
	width: 980px;
	margin: 0 auto;
	padding: 30px 0 5px 0;
	background: url(img/bg/footer.gif) top no-repeat;
	overflow: hidden;
}

#footer a {
	color: #ffd7b9;
}


img {border:0;}


/* ACTUEEL ACTUEEL ACTUEEL ACTUEEL ACTUEEL ACTUEEL */

	.nncontainer {
		width: 687px;
		padding: 10px;
		margin-bottom: 20px;
		border: 1px solid #8e0000;
		background: url(img/bg/nncontainer.gif) no-repeat #fff;
		overflow: hidden;
	}
	
	.nnfoto {
		width: 180px;
		float: left;
		overflow: hidden;
	}
	
	.nnbericht {
		width: 507px;
		float: left;
		overflow: hidden;
	}

/* END ACTUEEL END ACTUEEL END ACTUEEL  END ACTUEEL END ACTUEEL */





/* AANBIEDING AANBIEDING AANBIEDING AANBIEDING AANBIEDING */

	.aacontainer {
		width: 687px;
		padding: 10px;
		margin-bottom: 20px;
		border: 1px solid #8e0000;
		background: url(img/bg/aacontainer.jpg) no-repeat #ffcf3f;
		overflow: hidden;
	}
	
	.aafoto {
		width: 180px;
		float: left;
		overflow: hidden;
	}
	
	.aabericht {
		width: 377px;
		float: left;
		overflow: hidden;
	}

	.aafotothumb {
		width: 130px;
		float: left;
		overflow: hidden;
	}
	
	.aafotothumb  a img{
		margin: 0 0 5px 0;
		border: 1px solid #999;
	}
	
	.aafotothumb a:hover img{
		border: 1px solid #f6f6f6;
	}

/* END AANBIEDING END AANBIEDING END AANBIEDING  END AANBIEDING END AANBIEDING */





/* PRODUCTEN PRODUCTEN PRODUCTEN PRODUCTEN PRODUCTEN */
	
	#productenzagen {
		width: 217px;
		height: 104px;
		background: url(img/producten/zagen.jpg) no-repeat;
		text-align: center;
		padding-top: 143px;
		margin-right: 29px;
		float: left;
	}
	
	#productenboren {
		width: 217px;
		height: 104px;
		background: url(img/producten/boren.jpg) no-repeat;
		text-align: center;
		padding-top: 143px;
		margin-right: 29px;
		float: left;
	}
	
	#productenwerkkleding {
		width: 217px;
		height: 104px;
		background: url(img/producten/werkkleding.jpg) no-repeat;
		text-align: center;
		padding-top: 143px;
		float: left
	}
	
	#productenaccessoires {
		width: 217px;
		height: 104px;
		background: url(img/producten/accessoires.jpg) no-repeat;
		text-align: center;
		padding-top: 143px;
		margin-right: 29px;
		float: left
	}
	
	#productenschoenen {
		width: 217px;
		height: 104px;
		background: url(img/producten/schoenen.jpg) no-repeat;
		text-align: center;
		padding-top: 143px;
		margin-right: 29px;
		float: left
	}
	
	#productenlijmen {
		width: 217px;
		height: 104px;
		background: url(img/producten/lijmen.jpg) no-repeat;
		text-align: center;
		padding-top: 143px;
		float: left
	}
	
	#merken {
		width: 709px;
	}
	
	#merken li {
		display: inline;
	}
	
	#merken li a {
		width: 160px;
		height: 108px;
		border: 1px solid #f6f6f6;
		margin: 0 15px 15px 0;
		display: block;
		float: left;
	}
	
	#merken li a:hover { text-decoration: none; border: 1px solid #999; }
	
	.merkgevavi a { background-image: url(img/merken/gevavi_up.gif); }
	.merkgevavi a:hover { background-image: url(img/merken/gevavi_over.gif); }
	.merkeurostar a { background-image: url(img/merken/eurostar_up.gif); }
	.merkeurostar a:hover { background-image: url(img/merken/eurostar_over.gif); }
	.merkfischer a { background-image: url(img/merken/fischer_up.gif); }
	.merkfischer a:hover { background-image: url(img/merken/fischer_over.gif); }
	.merkmarcrist a { background-image: url(img/merken/marcrist_up.gif); }
	.merkmarcrist a:hover { background-image: url(img/merken/marcrist_over.gif); }
	.merkmilwaukie a { background-image: url(img/merken/milwaukie_up.gif); }
	.merkmilwaukie a:hover { background-image: url(img/merken/milwaukie_over.gif); }
	.merkruko a { background-image: url(img/merken/ruko_up.gif); }
	.merkruko a:hover { background-image: url(img/merken/ruko_over.gif); }
	.merksnickers a { background-image: url(img/merken/snickers_up.gif); }
	.merksnickers a:hover { background-image: url(img/merken/snickers_over.gif); }
	.merksoudal a { background-image: url(img/merken/soudal_up.gif); }
	.merksoudal a:hover { background-image: url(img/merken/soudal_over.gif); }
	.merkdonq a { background-image: url(img/merken/donq_up.gif); }
	.merkdonq a:hover { background-image: url(img/merken/donq_over.gif); }
	
	.zaagbg { background: url(img/producten/zagen_deep.jpg) right top no-repeat; }
	.boorbg { background: url(img/producten/boren_deep.jpg) right top no-repeat; }
	.kledingbg { background: url(img/producten/werkkleding_deep.jpg) right top no-repeat; }
	.accessoiresbg { background: url(img/producten/accessoires_deep.jpg) right top no-repeat; }
	.schoenenbg { background: url(img/producten/schoenen_deep.jpg) right top no-repeat; }
	.lijmenbg { background: url(img/producten/lijmen_deep.jpg) right top no-repeat; }

/* END PRODUCTEN END PRODUCTEN END PRODUCTEN END PRODUCTEN */





/* STANDARD CLASSES */
	.floatleft { float: left; }
	.floatright { float: right; }
	.cb { clear: both; }
	.bold { font-weight: bold; }
	.mt10 { margin-top: 10px; }
	.mt20 { margin-top: 20px; }
	.mr10 { margin-right: 10px; }
	.mr20 { margin-right: 20px; }
	.mr30 { margin-right: 30px; }
	.mb5 { margin-bottom: 5px; }
	.mb10 { margin-bottom: 10px; }
	.mb20 { margin-bottom: 20px; }
	.pl59 { padding-left: 59px; text-align: left; }
	.imgcontent { padding: 1px; border: 1px solid #8e0000;}
	.break { height: 1px; width: 100%; background: #fff; margin-bottom: 20px; clear: both; font-size: 0px; border-bottom: 1px dashed #999; }
	.w370 { width: 370px }
	.w330 { width: 330px }
	.h180 { height: 180px; }
	.liststyle li { background: url(img/buttons/list.gif) no-repeat; padding-left: 15px; }
	.lsvink li { background: url(img/buttons/li.jpg) no-repeat 0px 4px; padding-left: 15px; }	.beschrijvinggroep { float: right; width: 210px; margin-top: -30px; }
	.prijs { color: #8e0000; font-weight: bold; font-size: 18px; }
	.contactinput { border: 1px solid #999; float: right; margin-right: 400px; width: 200px; padding: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
	.contactinput:focus { border: 1px solid #000; }
	.contacttext { border: 1px solid #999; float: right; margin-right: 200px; width: 400px; height: 200px; padding: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
	.contacttext:focus { border: 1px solid #000; }
	.contactbtn { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 3px 20px; margin: 10px 0 10px 98px; }
	.red { color: #ff0000; }
	.darkred { color: #8e0000; }
	.whitebg { background: #fff; }
	#splitdiv { width: 709px; overflow: hidden; }
	#splitleft { width: 345px; margin-right: 20px; float: left; }
	#splitright { width: 344px; float: left; }
	
	.meerinfo li a { width: 99px; height: 25px; background: url(img/buttons/meerinfo_up.gif); display: block; }
	.meerinfo li a:hover { background: url(img/buttons/meerinfo_over.gif); text-decoration: none; }
	
	.leesverder li a { width: 105px; height: 25px; background: url(img/buttons/leesverder_up.gif); display: block; }
	.leesverder li a:hover { background: url(img/buttons/leesverder_over.gif); text-decoration: none; }
	
	.imgfloatleft {	float: left;	margin: 0 60px 15px 0; border:1; border-color:#000000; }
	
/* END STANDARD CLASSES */