/* --> Includes CSS
****************************************************/

@import url(content.css);




/* general
***************************************************************/

html {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px
	height: 100%x;
	background-color: #fff;
	color: #000;
	font: 12px/15px arial, verdana, helvetica, sans-serif;
	display: block;
	float: left;
}


/* End */



/* page layout
***************************************************************/
.home{
	margin: 0 0 0 293px;
	background: url(../../img/home-btn.gif) no-repeat;
	cursor: pointer;
	width: 104px;
	height: 22px;
}

.home:hover{
	background: url(../../img/home-btn_omo.gif) no-repeat;
}

.home-button, .home-button_1, .home-button_2, .home-button_3 {
	margin-bottom: 24px;
	height: 95px;
	width: 467px;
}

.home-button_1{
	background: url(../../img/button_01.jpg) no-repeat;
	cursor: pointer;
}

.home-button_1:hover {
	background: url(../../img/button_01_omo.jpg) no-repeat;
}

.home-button_2{
	background: url(../../img/button_02.jpg) no-repeat;
	cursor: pointer;
}

.home-button_2:hover {
	background: url(../../img/button_02_omo.jpg) no-repeat;
}

.home-button_3{
	background: url(../../img/button_03.jpg) no-repeat;
	cursor: pointer;
}

.home-button_3:hover {
	background: url(../../img/button_03_omo.jpg) no-repeat;
}

/***********blokjes***************************/
#blokjes{
	margin: 20px 0 0 4px;
	font: 10px/15px arial, verdana, helvetica, sans-serif;
}

.green, .red, .orange, .blue{
	float: left;
}

.red{
	padding-right: 11px;
	background: url(../../img/red.gif) no-repeat;
	cursor: pointer;
	height: 69px;
	width: 36px;
}

.red:hover {
	background: url(../../img/red-omo.gif) no-repeat;
}

.blue{
	padding-right: 5px;
	background: url(../../img/blue.gif) no-repeat;
	cursor: pointer;
	height: 69px;
	width: 43px;
}

.blue:hover {
	background: url(../../img/blue-omo.gif) no-repeat;
}

.orange{
	background: url(../../img/orange.gif) no-repeat;
	cursor: pointer;
	height: 69px;
	width: 57px;
}

.orange:hover {
	background: url(../../img/orange-omo.gif) no-repeat;
}

.green{
	background: url(../../img/green.gif) no-repeat;
	cursor: pointer;
	height: 69px;
	width: 57px;
}

.green:hover {
	background: url(../../img/green-omo.gif) no-repeat;
}




#wb-container {
	padding: 0px;
	margin: auto;
	width: 984px;
	height: 588px;
	background-color: #fff;
	float: left;
	}

#wb-canvas {
	padding: 0px;
	margin: auto;
	width: 984px;
	height: 588px;
	background: url(../../img/bg_canvas.jpg) no-repeat;
	float: left;
}

#wb-top {
	margin: 0;
	width: 984px;
	height: 180px;
	background: url(../../img/heading.gif);
	float: left;
}

#container-content {
	padding: 0px;
	margin: 0px;
	float: left;
}

#wb-left {
	padding: 0px;
	margin: 0px;
	width: 292px;
	height: 388px;
	float: left;
	font: 5px/5px arial, verdana, helvetica, sans-serif; 
}

#wb-right {
	padding: 0px 80px 0px 0px;
	margin: 0px;
	width: 612px;
	height: 394px;
	float: left;
	overflow: auto;
}

#wb-right-inloggen {
	padding: 0px 80px 0px 0px;
	margin: 0px;
	width: 612px;
	height: 364px;
	float: left;
	overflow: auto;
}


/* content
***************************************************************/




/* content het voordeel van R-M
***************************************************************/

#wb-topvoordeel {
	padding: 0px;
	width: 984px;
	height: 180px;
	background: url(../../voordeel/img/heading.gif);
	float: left;
}

/* content ondersteuning
***************************************************************/

#wb-topondersteuning {
	padding: 0px;
	width: 984px;
	height: 180px;
	background: url(../../ondersteuning/img/heading.gif);
	float: left;
}

/* content nieuws
***************************************************************/

#wb-topnieuws {
	padding: 0px;
	width: 984px;
	height: 180px;
	background: url(../../nieuws/img/heading.gif);
	float: left;
}

/* content eshop
***************************************************************/

#wb-topeshop {
	padding: 0px;
	width: 984px;
	height: 180px;
	background: url(../../eshop/img/heading.gif);
	float: left;
}

/* content customer
***************************************************************/

#wb-topcustomer {
	padding: 0px;
	width: 984px;
	height: 180px;
	background: url(../../customer/img/heading.gif);
	float: left;
}

/* content contact
***************************************************************/

#wb-topcontact {
	padding: 0px;
	width: 984px;
	height: 180px;
	background: url(../../contact/img/heading.gif);
	float: left;
}


/* content acties
***************************************************************/

#wb-topacties {
	padding: 0px;
	width: 984px;
	height: 180px;
	background: url(../../acties/img/heading.gif);
	float: left;
}

/* content color
***************************************************************/

#wb-topcolor {
	padding: 0px;
	width: 984px;
	height: 180px;
	background: url(../../color/img/heading.gif);
	float: left;
}

/* content bestellen
***************************************************************/

#wb-topbestellen {
	padding: 0px;
	width: 984px;
	height: 180px;
	background: url(../../bestellen/img/heading.gif);
	float: left;
}

/* navigatie
***************************************************************/
#wb-topdistributie {
	padding: 0px;
	width: 984px;
	height: 180px;
	background: url(../../distributie/img/heading.gif);
	float: left;
}

/* navigatie
***************************************************************/
#wb-topwerk {
	padding: 0px;
	width: 984px;
	height: 180px;
	background: url(../../werk/img/heading.gif);
	float: left;
}

/* navigatie
***************************************************************/

#wb-left ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#wb-left li {
	padding: 0px;
	background-color: #000;
	border-bottom: 0px solid #000;
}