/* --------------------------------------------------------------------
 * Website Motex - centreren
 * -------------------------------------------------------------------- */
body {
    margin:0px;
}

html, body{ height: 100%; }

#centre {
	position: relative;
	top: 0;
	right: 0;
	width: 951px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	height: 600px;
}

#centre { min-height: 100%; /* voor moderne browsers */ }
* html #centre { height: 100%; /* voor MSIE */ }

	#wrap {
		position: relative;
        margin-top: 0;
        margin-right: auto;
        margin-left: auto;
		width:950px;
		
	}


#tekst {
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	width: 460px;
	float: left;


}
#plaatjes {
	width: 120px;
	float: right;
	padding: 3px 0px 0px;




}
/* --------------------------------------------------------------------
 * TEKST stijlen
 * -------------------------------------------------------------------- */
h1{
	font-family: Verdana;
	font-size: 12px;
	color: #333333;
	text-align: left;
	font-weight: bold;
	line-height: 12px;

}
p{
	
	font-family: Trebuchet MS;
  font-size: 14px;
	color: #333333;
	font-weight: normal;
	font-style: normal;
	line-height: 16px;
	word-spacing: 1px;
	white-space: normal;

}
li{
	font-family: Verdana;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
	line-height: 20px;
	list-style-type: disc;
	text-decoration: none;
}

#menu ul{
	padding-left: 10px;
	text-indent: 11pt;
	list-style-type: none;
	padding-top: 160px;
	float: right;
	padding-right: 16px;
	margin: 0px;

}

#menu li{
	float: left;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}

#menu li a{
	display:block;
	float: none;
	text-decoration: none;
	color: #990000;
}

#menu li a:hover{
	color:#000000;
}

#menu li a.actief{
    color:#000000;
}


/* --------------------------------------------------------------------
 * submenu
 * -------------------------------------------------------------------- */
#submenu {
	float:left;
	width:260px;
	font-weight: normal;
	text-transform: lowercase;
	color: #990000;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 40px;
}

#submenu ul{
	margin-left: 0px;
	list-style-type: none;
	text-decoration: none;
	float: left;
	padding-top: 50px;
	padding-left: 20px;
	padding-right: 50px;	
}

#submenu li{
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	line-height: 18px;
}

#submenu li a{
	float: none;
	text-decoration: none;
	color: #990000;
	font-size: 14px;

}

#submenu li a:hover{
	color:#000000;
}

#submenu li a.actief{
    color:#000000;
}

#submenu li a.imagelink{
    font-weight: normal;
}
#submenu li a.imagelink:hover{
    text-decoration: underline;
}
/* ----------------------------------
 * Plaatjes homepage
 * ---------------------------------- */

div#pl{
	font:100% "Verdana", serif;
}

#pl ul{
	list-style: none;
	margin:0;
	padding:0;
	float:left;
}

#pl li{
	height:120px;
	margin:0;	
	padding:0;
	float:left;
}

#pl li a{
    font:bold 100% Verdana, sans-serif;
    display:block;
    height:120px;
    width:120px;
    margin:0;
    padding-top:0px;
    text-decoration:none;
    text-align:center
}

#pl li#showroom a{
	background: url("_showroom.jpg") no-repeat;
}
#pl li#ontwerpstudio a{
	background: url("_ontwerpstudio.jpg") no-repeat;
}
#pl li#borduren a{
	background: url("_borduren.jpg") no-repeat;
}
#pl li#bedrukken a{
	background: url("_bedrukken.jpg") no-repeat;
}
#pl li#transfer a{
	background: url("_transfer.jpg") no-repeat;
}


div#pl li#showroom a:hover,
div#pl li#ontwerpstudio a:hover, 
div#pl li#borduren a:hover, 
div#pl li#bedrukken a:hover, 
div#pl li#transfer a:hover{
	background-position:0 -120px;
}

* html div#pl li a{ 
	float:none; 
} 

TABLE{
	border-collapse: collapse;
	border: none;
}
TD{
	text-align: left;
    width: 500px;
}
