* { margin: 0; }

body {
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #666;
	}

h1, h2 { font-weight: normal; color: #d80012; margin: 0 0 10px 0; }
h1, h2, h3 { line-height: normal; }
h1 { font-size: 26px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; margin: 0 0 5px 0; text-transform: uppercase;}

a { color: #d80012; text-decoration: none; }
a:hover {text-decoration: none; }

p { margin: 0 0 20px 0; }
img { border: 0; }
hr { width: 100%; clear: both; background: #ccc; border: 0; height: 1px; }

#wrapper {
	width: 100%;
	background: url(../t01_images/bg/wrapper.gif) repeat-x #fff;
}

#container {
	width: 918px;
	margin: 0 auto;
	}

#top {
	width: 918px;
	height: 23px;
	padding: 4px 0 0 0;
	color: #fff;
	overflow: hidden;
	}
	#top span { color: #aaa; padding: 0 5px; }
	#top a { color: #ccc; }
	#top a:hover { color: #fff; }

#header {
    font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 918px;
	height: 103px;
	}
	#header ul { padding: 10px 0 0 0; list-style: none; float: right; }
	#header li { float: left; }
	#header li a { float: left; padding: 3px 6px; color: #000; border-right: 1px solid #ccc; }
	#header li a:hover { background: #d80012; color: #fff; }
	#header .noborder a { border: 0; }
	#header a.logo { width: 170px; height: 63px; margin: 20px 0 0 20px; display: block; background: url(../t01_images/bg/logo.gif); text-indent: -9999px; float: left; }
	#header blockquote { width: 233px; height: 25px; margin: 60px 0 0 40px; background: url(../t01_images/bg/quote.gif); text-indent: -9999px; float: left; }

#mainmenu {
	width: 918px;
	height: 35px;
	text-align: center;
	background: #d80012;
	margin: 0 0 5px 0;
	}
	#mainmenu ul { padding: 8px 0 9px 0; list-style: none; }
	#mainmenu li { display: inline; }
	#mainmenu li a { display: inline; color: #f7ccd0; padding: 8px 15px 9px 15px; }
	#mainmenu li a:hover { color: #fff; background: url(../t01_images/bg/menu-arrow-over.gif) no-repeat top; }

#banner {
	width: 918px;
	height: 175px;
	margin: 0 0 20px 0;
	}
	#banner ul { padding: 0; list-style: none; }
	#banner li { float: left; }
	#banner li a { float: left; width: 225px; height: 175px; padding: 0 6px 0 0; display: block; text-indent: -9999px; }
	#banner .doenin a { background: url(../t01_images/banner/doenin.gif) no-repeat; }
	#banner .doenin a:hover { background: url(../t01_images/banner/doenin.gif) no-repeat bottom left; }
	#banner .swb a { background: url(../t01_images/banner/swb.gif) no-repeat; }
	#banner .swb a:hover { background: url(../t01_images/banner/swb.gif) no-repeat bottom left; }
	#banner .clubactief a { background: url(../t01_images/banner/clubactief.gif) no-repeat; }
	#banner .clubactief a:hover { background: url(../t01_images/banner/clubactief.gif) no-repeat bottom left; }
	#banner .groen a { background: url(../t01_images/banner/techniekgroen.gif); padding: 0; }
	#banner .groen a:hover { background: url(../t01_images/banner/techniekgroen.gif) no-repeat bottom left; }
    #banner .webwinkel a { background: url(../t01_images/banner/webwinkel.gif); padding: 0; }
	#banner .webwinkel a:hover { background: url(../t01_images/banner/webwinkel.gif) no-repeat bottom left; }

#content {
	width: 918px;
	line-height: 20px;
	padding: 0 0 59px 0;
	overflow: hidden;
	}
	#content a:hover { text-decoration: none; }

#contentleft {
	width: 586px;
	padding: 0 40px 0 0;
	float: left;
	}
	#contentleft ul, #contentright ul, #contentleft ol, #contentright ol { padding: 0 0 0 15px; list-style-position: inside; margin: 0 0 20px; }


#contentright {
	width: 251px;
	padding: 0 20px;
	border-left: 1px solid #ccc;
	float: left;
	}

#footer {
	width: 883px;
	height: 63px;
	margin: -39px auto;
	padding: 15px 15px 20px 20px;
	background: url(../t01_images/bg/footer.gif) no-repeat;
	font-size: 12px;
	color: #fff;
	}
	#footer ul { float: right; padding: 0; list-style: none; }
	#footer li { float: left; margin: 0 10px; }
	#footer li a { float: left; height: 39px; display: block; opacity: .5; filter: alpha(opacity=50); -moz-opacity: 0.5; text-indent: -9999px; }
	#footer li a:hover { opacity: 1.0; filter: alpha(opacity=100); -moz-opacity: 1.0; }
	#footer .partners { width: 44px; height: 39px; background: url(../t01_images/partners/partners.gif); text-indent: -9999px; }
	#footer .bo3 a { width: 82px; background: url(../t01_images/partners/bo3.gif); }
	#footer .helicon a { width: 84px; background: url(../t01_images/partners/helicon.gif); }
	#footer .oc a { width: 55px; background: url(../t01_images/partners/ontwikkel-centrum.gif); }
	#footer .go a { width: 43px; background: url(../t01_images/partners/go.gif); }
	#footer p { float: left; }
	#footer a { color: #f7ccd0; }
	#footer a:hover { color: #fff; }

.item { width: 100; margin: 0 0 15px 0; padding: 0 0 10px 0; border-bottom: 1px solid #ccc; overflow: hidden; }
.item img { border: 1px solid #ccc; padding: 2px; margin: 0 0 5px 0; }
.item p { margin: 0 0 5px 0; }

.afb_rand { width: 100%; border: 1px solid #ccc; padding: 2px; margin: 0 0 5px 0; }

.boxes {
	padding: 0;
	list-style: none;
	clear: both;
	margin-bottom: 30px;
	overflow: hidden;
	}
    .boxes a {text-decoration: none;}
	.boxes a:hover {text-decoration: none;}
	.boxes h2 { padding-top: 10px; }
	.boxes li { display: inline; overflow: hidden; }
	.boxes li a { float: left; color: #000; text-decoration: none; border: 1px solid #ccc; display: block; width: 160px; height: 170px; padding: 20px; text-align: center; margin: 0 30px 30px 0; }
	.boxes li a:hover { border: 2px solid #888; padding: 19px; color: #d80012; text-decoration: none;}

.boxes2 {
	padding: 0;
	list-style: none;
	margin-bottom: 30px;
	clear: both;
	overflow: hidden;
	}
	.boxes2 h2 { margin-bottom: 10px; }
	.boxes2 img { float: left; margin-right: 20px; border: 1px solid #ccc; }
	.boxes2 p { color: #000; }
	.boxes2 li { width: 563px; padding: 10px; display: block; border: 1px solid #ccc; color: #000; margin-bottom: 20px; overflow: hidden; }
	.boxes2 span { float: left; font-size: 19px; text-align:right;}
	.boxes2 .btn a { float: right; display: block; padding: 2px 10px; background: #D80012; color: #fff; margin-left: 15px; margin-top:5px; border: 1px solid #ccc; }
	.boxes2 .btn a:hover { text-decoration: none; color: #000; }
	
.button a { float: right; display: block; padding: 2px 10px; background: #D80012; color: #fff; margin-left: 15px; border: 1px solid #ccc; }
.button a:hover { text-decoration: none; color: #000; }

.prijs {
	float: left;
	font-size: 22px;
	color: #D80012;
	margin-top:10px;
	font-weight: bold;
	letter-spacing: -0.1em;
	margin-right: 5px;
}

.webwinkelIndex_Table{
	width: 95%;
	border: 0px;
	/* margin-left: 10px; */
	/* margin-right: 10px; */
}

.webwinkelIndex_TD{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;	
}
.webwinkelIndex_Hoofdcats{
	font: 11px Verdana;
	margin-top: 20px;
	margin-bottom: 20px; /* border: 1px solid blue */
	color: #666666;
	text-decoration: none;
	letter-spacing: -1px;

}
.webwinkelIndex_Subcats{
	font: 11px Verdana;
	margin-top: 20px;
	margin-bottom: 20px; /* border: 1px solid blue */
	color: #666666;
	text-decoration: none;
	letter-spacing: -1px;
	padding-left: 20px;
}
.webwinkelIndex_Subcats_Table{
	width: 100%;
    border: 1px solid Black;
}

.div_hoofdCat{
	font: 11pt Verdana;
	margin-top: 5px;
	margin-bottom: 5px; /* border: 1px solid blue */
	letter-spacing: -1px;
}
.div_hoofdCat{
	font: 11pt Verdana;
	margin-top: 5px;
	margin-bottom: 5px; /* border: 1px solid blue */
	letter-spacing: -1px;
}
.ul_Subcats{
	font: 10pt Verdana;
	line-height: 13px;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 20px;
/* border: 1px solid orange*/
	list-style-image: url(list.gif)
}
.li_Subcats{
	list-style: square;
	/* border: 1px dotted Aqua; */
	text-indent: 3px;
}

a.mainlevel:link, a.mainlevel:visited {
	border:1px solid #FF6600;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #ff6600;
	float: left;
	padding: 4px;
	color: #ff6600;
	font: bold 11px Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

a.mainlevel:hover { background-color:#FF8637; color: #FFFFFF; }

