html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, textarea {
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #ebebeb;
	background-image: url(../images/body.jpg);
	background-position: 50% 0px;
	background-repeat: no-repeat;
}

h1, h2, h3, h4, h5, h6, p {
	margin-bottom: 10px;
}

a {
	color: #9d9d9d;
	text-decoration: underline;
}

a:hover,
a.active {
	color: #cc3399;
	text-decoration: none;
}

.clearFloat {
	clear: both;
}

div#container,
div#footer,
div#container textarea,
div#container input{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div#container,
div#footer{
	color: #7b7b7b;
	width: 980px;
	margin: 0px auto;
	position: relative;
}

div#header {
	background-image: url(../images/headers/algemeen.jpg);
	background-repeat: no-repeat;
	background-position: 0px 9px;
	width: 980px;
	height: 117px;
}

h1#logo {
	margin: 0px;
}

h1#logo a {
	width: 340px;
	height: 117px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: 0px 9px;
	display: block;
}

h1#logo a span,
a#cbw_logo span,
ul#primary_nav li a span,
ul#secondary_nav li a span{
	display: none;
}

a#cbw_logo {
	display: block;
	background-image: url(../images/cbw_2010_logo.gif);
	width: 55px;
	height: 74px;
	position: absolute;
	right: 0px;
	top: 43px;
}

ul#primary_nav {
	position: absolute;
	right: 0px;
	top: 0px;
}

ul#primary_nav li,
ul#secondary_nav li{
	float: left;
	list-style: none;
}

ul#secondary_nav li {
	margin-right: 6px;
	margin-left: 5px;
}

ul#secondary_nav li ul.subnav li{
	margin-right: 0px;
	margin-left: 0px;
}

ul#secondary_nav li.aanbiedingen {
	margin-right: 4px;
}

ul#primary_nav li a,
ul#secondary_nav li a{
	height: 31px;
	background-position: top;
	display: block;
}

ul#primary_nav li a:hover,
ul#secondary_nav li a:hover{
	background-position: bottom;
}

ul#primary_nav li.home a {
	background-image: url(../images/primary_nav/home.png);
	width: 47px;
}
/*
ul#primary_nav li.twintig_jarig_jubileum a {
	background-image: url(../images/primary_nav/20_jarig_jubileum.png);
	width: 126px;
}
*/
ul#primary_nav li.nieuws_en_trends a {
	background-image: url(../images/primary_nav/nieuws_en_trends.png);
	width: 126px;
}


ul#primary_nav li.materialen_onderhoud a {
	background-image: url(../images/primary_nav/materialen_onderhoud.png);
	width: 166px;
}
ul#primary_nav li.vakantiewoninginrichting a {
	background-image: url(../images/primary_nav/vakantiewoninginrichting.png);
	width: 187px;
}
ul#primary_nav li.contact a {
	background-image: url(../images/primary_nav/contact.png);
	width: 73px;
}

ul#secondary_nav li.aanbiedingen a {
	background-image: url(../images/secondary_nav/aanbiedingen.gif);
	width: 135px;
}
ul#secondary_nav li.behang a {
	background-image: url(../images/secondary_nav/behang.gif);
	width: 86px;
}
ul#secondary_nav li.meubelen a {
	background-image: url(../images/secondary_nav/meubelen.gif);
	width: 101px;
}
ul#secondary_nav li.meubelstoffen a {
	background-image: url(../images/secondary_nav/meubelstoffen.gif);
	width: 144px;
}
ul#secondary_nav li.overig a {
	background-image: url(../images/secondary_nav/overig.gif);
	width: 81px;
}
ul#secondary_nav li.raambekleding a {
	background-image: url(../images/secondary_nav/raambekleding.gif);
	width: 142px;
}
ul#secondary_nav li.slapen a {
	background-image: url(../images/secondary_nav/slapen.gif);
	width: 81px;
}
ul#secondary_nav li.vloeren a {
	background-image: url(../images/secondary_nav/vloeren.gif);
	width: 99px;
}
ul#secondary_nav li.zonwering a {
	background-image: url(../images/secondary_nav/zonwering.gif);
	width: 111px;
}

ul#secondary_nav {
	background-image: url(../images/secondary_nav.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 5px;
	position: absolute;
	left: 0px;
	top: 117px;
	z-index: 99;
}

ul#secondary_nav li{
	list-style: none;
	float: left;
}

ul#secondary_nav li ul.subnav,
ul#secondary_nav li ul.subsubnav{
	display: none;
	position: absolute;
	background-color: #e9e9e9;
	border: 1px solid #c8c8c8;
}

ul#secondary_nav li:hover ul.subnav,
ul#secondary_nav li ul.subnav li:hover ul.subsubnav{
	display: block;
}
ul#secondary_nav li ul.subnav li{
	float: none;
}
ul#secondary_nav li ul.subnav li a{
	width: auto;
	height: auto;
	background: none;
	text-decoration: none;
	padding: 5px;
}

ul.subsubnav {
	right: 0px;
	width: 200px;
	margin-right: -200px;
	margin-top: -1px;
	top: 0px;
}

ul#secondary_nav li:hover {
	background-color: #FFF;
}

div#content {
	background-color: #FFF;
	padding: 60px 40px 20px 40px;
}

div#content ul{
	margin-left: 20px;
}
div#content li {
	line-height: 18px;	
}
div#content p {
	text-align: justify;
	line-height: 18px;
}


div#footer {
	background-color: #FFF;
	padding: 15px 20px 15px 20px;
	width: 940px;
	margin-top: 10px;
	height: 15px;
}

div#footer address {
	float: left;
}

div#footer address br {
	display: none;
}

div#footer p {
	float: right;
	margin: 0px;
}

div#footer a {
	text-decoration: none;
}

div#footer address {
	font-style: normal;
}

div#footer address a {
	color: #ff9900;
}

div#footer address a:hover{
	color: #cc3399;
}

table.contact input,
table.contact textarea,
div#gmaps button{
	padding: 4px;
	width: 300px;
	color: #333;
}

table.contact input.submit,
div#gmaps button {
	width: auto;
}

p.error,
tr.error label{
	color: #C00;
}

tr.error input,
tr.error textarea {
	border: 1px solid #C00;
}

table.contact textarea {
	height: 224px;
}

div#gmaps{
	float: left;
	width: 500px;
}
div#map_canvas {
	width: 500px;
	height: 300px;
}
div#directions {
	width: 500px;
}
input#fromAddress {
	padding: 4px;
	width: 295px;
	color: #333;
}
div#contact_form {
	width: 370px;
	float: right;
}

div#gmaps address{
	font-style: normal;
}
