body {
	background: url(../images/templates/bg_groot.gif) left top repeat-x;
}

#container {
	background: url(../images/templates/header_groot.gif) center top no-repeat;
}

#zoeken .tekst {
	background: url(../images/materiaal/tekst.gif);
}

#submenu {
	width: 936px;
	height: 37px;
	position: relative;
	margin: 0px 0px 0px 25px;
	padding-left: 14px;
	background: url(../images/materiaal/submenu_lijn.gif) left bottom repeat-x;
}

.item{
	width: auto;
	height: 37px;
	position: relative;
	float: left;
}

.item_links {
	width: 2px;
	height: 37px;
	position: absolute;
	left: 0px;
	top: 0px;
}

.item_content {
	width: auto;
	height: 37px;
	position: relative;
	float: left;
}

.item_content a {
	width: auto;
	height: 37px;
	position: relative;
	float: left;
	padding: 0px 12px;
	line-height: 37px;
	text-decoration: none;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6b6b6b;
}

.item_rechts {
	width: 2px;
	height: 37px;
	position: absolute;
	right: 0px;
	top: 0px;
}

.active .item_links {
	background: url(../images/materiaal/submenu_links.gif) top left no-repeat; 
}

.active .item_content {
	background: url(../images/materiaal/bg_submenu.gif) repeat-x; 
}

.active .item_content a {
	text-decoration: none;
	color: #FFF;
}

.active .item_rechts {
	background: url(../images/materiaal/submenu_rechts.gif) top left no-repeat; 
}

#content {
	width: 950px;
	height: auto;
	position: relative;
	margin-left: 25px;
}

#content:after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}

#tekst {
	width: 498px;
	height: auto;
	position: relative;
	float: left;
	padding: 53px 118px 53px 44px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #6b6b6b;
}

#tekst h1 {
	margin: 0px;
	padding: 0px 0px 8px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	font-weight: bold;
	color: #d10019;
}

#tekst h2 {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #d10019;
}

#tekst a {
	color: #d10019;
}

#tekst a:hover {
	text-decoration: none;
}

#andere_materialen {
	width: 193px;
	height: auto;
	position: relative;
	float: left;
	padding: 58px 58px 58px 39px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #6b6b6b;
	background: #f2f2f2;
}

#andere_materialen h1 {
	padding: 0px 0px 17px 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #d10019;
}

#andere_materialen h2 {
	padding: 8px 0px 12px 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6b6b6b;
}

#andere_materialen ul {
	width: auto;
	height: auto;
	position: relative;
}

#andere_materialen li a {
	width: auto;
	height: 25px;
	position: relative;
	display: block;
	padding-left: 28px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	color: #d10019;
	background: url(../images/templates/pijltje.gif) no-repeat;
}

#andere_materialen li a:hover {
	text-decoration: underline;
}

#andere_materialen .download_brochure {
	width: 210px;
	height: 97px;
	position: relative;
	margin-bottom: 50px;
	padding-top: 25px;
}

/* kleuren */

#kleurenoverzicht {
	width: 498px;
	height: auto;
	position: relative;
	margin-top: 35px;
}

.kleur {
	width: 122px;
	height: auto;
	position: relative;
	float: left;
	margin: 0px 66px 25px 0px;
}

.kleur:after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}


.kleur.laatste_kleur {
	margin-right: 0px;
}

.kleur_foto {
	width: 110px;
	height: 110px;
	position: relative;
	padding: 6px 6px;
	background: url(../images/materiaal/bg_kleur.gif) left top no-repeat;
}

.new_overlay {
	width: 60px; height: 51px;
	position: absolute;
	left: 6px; top: 6px;
	background: url(../images/templates/new.png) left top no-repeat;
}

.kleur_foto a {
	width: 110px; height: 110px;
	position: absolute;
	left: 0px; top: 0px;
	background: url(../x.gif) repeat;
}

.kleur_titel {
	width: 116px;
	height: 19px;
	position: relative;
	padding-left: 6px;
	text-align: center;
	font-size: 11px;
	line-height: 19px;
}

