/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:left;
 font: italic 1em/1.5em "Times New Roman", serif;
 background:url(img/mvd_bkg.jpg) repeat;
} 
 
/*******************************************************************/
/*** Algemene layout blokken
/*******************************************************************/
#pagewidth
{ 
 position:relative;
 width:1000px; 
 text-align:left;  
 margin-left:0px; 
 margin-right:auto;  
 background:url(img/mvd_bkgpage.jpg) repeat;
 clear:both;
 display:block;
 } 
 
 #pagewidth:after {
content: ".";
display: block;
height: 0.1px;
clear: both;
font-size: 0;
visibility: hidden;
}
/************************************ DEFINE TOP AND BOTTOM ************************************/
#topMenu
{
 position:relative;
 width:1000px;
 height: 100px;
 background-color:#4D9391;
 background-image:url(img/mvd_header.jpg);
 float: top;
}

#languageMenu
{
 position:relative;
 width:1000px;
 height: 20px;
 float: right;
}

#bottomOfPage
{
 position:relative;
 width:1000px;
 background-color:#FFF;
 float:bottom;
 height:503px;
}

/************************************ DEFINE LEFT COLUMN PARTS ************************************/

#leftBottom
{
 position:relative;
 width:230px;
 float:left;
 height:503px;
}


#logoSpace
{
 position:relative;
 width:230px;
 height:100px;
 background: url(img/mvd_logo2ndPart.jpg) no-repeat top left;
 float:top;
}


#menuSpace
{
 position:relative;
 width:230px;
 height:340px;
 background: url(img/mvd_bkgMenu.jpg) no-repeat top left;
 background-color: #4D9391;
 float:top;
 text-align:left;
}

#menuLeftOver
{
 position:relative;
 width:230px;
 height:100px;
 background: url(img/mvd_menuLeftOver.jpg) repeat top left;
 float:bottom;
}


/************************************ CONTENTS ************************************/


#rightBottom
{
 background: white;
 position:relative;
 width:770px;
 height:auto;
 float:left;
}

/************************************ PRODUCT DESCRIPTION **************************/
#productDescription
{
 background-color: #FFFFFF; 
 float:left;
}

/*******************************************************************/
/*** Top navigation list
/*******************************************************************/
#topMenu ul{
 margin: 10px 10px 0px 0px;
 padding: 0px;
 height: 20px;
 line-height: 20px;
 float: right;
 list-style: none;
}

#topMenu ul li{
 float: left;
 margin: 0px 0px 0px 5px;
 padding: 0px 5px 0px 0px;
 border-right: 1px solid #FFF;
 line-height: 20px;
 list-style: none;
}

#topMenu ul li.last{
 border-right: 0px none;
}

#topMenu ul li a{
 text-decoration: none;
 color: #FFF;
 line-height: 20px;
}

#topMenu ul li a:HOVER{
 text-decoration: underline;
}

/*******************************************************************/
/*** Language navigation list
/*******************************************************************/
#languageMenu ul{
 margin: 10px 10px 0px 0px;
 padding: 0px;
 height: 20px;
 line-height: 20px;
 float: right;
 list-style: none;
}

#languageMenu ul img{
 border:0
}

#languageMenu ul li{
 float: left;
 margin: 0px 0px 0px 5px;
 padding: 0px 5px 0px 0px;
 border-right: 1px solid #FFF;
 line-height: 20px;
 list-style: none;
}

#languageMenu ul li.last{
 border-right: 0px none;
}

#languageMenu ul li a{
 text-decoration: none;
 color: #FFF;
 line-height: 20px;
}

#languageMenu ul li a:HOVER{
 text-decoration: underline;
}
/*******************************************************************/
/*** Side navigation list
/*******************************************************************/
#menuSpace ul{
 margin: 0px 0px 20px 12px;
 padding: 0px;
 list-style: none;
 text-indent: 10px;
 font-size: 110%;
}

#menuSpace ul li
{
 margin: 0px 10px 0px 10px;
 line-height: 20px;
}

#menuSpace ul li.selected
{
 padding-left: 30px;
 color: #FFF;
 font-weight: bold;
 background:url(img/bkgSelectedMenu.jpg) no-repeat
}

#menuSpace ul li a
{
 text-decoration: none;
 color: #FFF;
 line-height: 22px;
}

#menuSpace ul li a:HOVER 
{
 text-decoration: underline;
 color: #FFF;
}

#menuSpace li.webdesigner
{

 text-decoration: none;
 color: #FFF;
 float: bottom;
 font-size:70%;
 text-indent: 10px;
 border-bottom: 0px none;
}
/*******************************************************************/
/*** Contents panel
/*******************************************************************/
#rightBottom h1
{
 margin-left: 0px;
 margin-right: 40px;
 color:#186464;
 text-align: center;
 font-size: 150%;
 line-height: 150%

}

#rightBottom h1 hr
{
 color:#186464;
 height:1px; 
}


#rightBottom h2
{
 margin-left: 0px;
 margin-right: 20px;
 color:#186464;
 text-align: left;
 font-size: 110%;
 line-height: 120%

}

#rightBottom table
{
 width:95%
}

#price
{
 font-weight: bold; 
}


#rightBottom table.producttable
{
 align:left;
 width:90%;
 margin-left: 0px;
 border:0px;
 text-align:center;
}

#rightBottom table.producttable.href
{
 target:"new";
}

#rightBottom table.producttable.td
{
 width:10%;
 align:left;
 width: 180px;
 valign: top;

}

#rightBottom img
{
 border:none;
}

#rightBottom p
{
 margin-left: 0px;
 margin-right: 10px;
 line-height: 120%;
 color:#000000;
 font-size:105%;
}

#rightBottom p.wholewidth
{
	margin-left: 0px;
}

#rightBottom p.nieuws
{
 margin-left: 10px;
}

#rightBottom p.links_title
{
 text-align:center;
 line-height: 16px;
 font-weight: bold;
}

#rightBottom p.links_table
{
 text-align:center;
 line-height: 16px;
 margin-left: 5px;
 margin-right: 5px;
}

#rightBottom p.links_table a
{
 text-decoration: none;
 color: #000;
 line-height: 16px;
}

#rightBottom p.links_table a:HOVER 
{
 color: #000;
 font-weight: bold;
}

#rightBottom p.links
{
 text-align:center;
 line-height: 16px;
 margin-left: 40px;
 margin-right: 40px;
}

#rightBottom p.links a
{
 text-decoration: none;
 color: #000;
 line-height: 16px;
}

#rightBottom p.links a:HOVER 
{
 color: #000;
 font-weight: bold;
}

/*******************************************************************/
/*** Product description
/*******************************************************************/
#productDescription h1
{
 margin-left: 30px;
 margin-right: 40px;
 color:#4D9391;
 text-align: center;
 font-size: 150%;
 line-height: 150%
}

#productDescription h1 hr
{
 color:#4D9391;
 height:1px; 
}

#productDescription h2
{
 margin-left: 30px;
 margin-right: 20px;
 color:#4D9391;
 text-align: left;
 font-size: 110%;
 line-height: 120%

}

#productDescription table
{
 width:95%
}

#price
{
 font-weight: bold; 
}


#productDescription table.producttable
{
 align:left;
 width:90%;
 margin-left: 30px;
 border:1px;
 text-align:center;
}

#productDescription table.producttable.href
{
 target:"new";
}

#productDescription table.producttable.td
{
 width:10%;
 align:left;
 width: 180px;
 valign: top;

}

#productDescription img
{
 border:none;
}

#productDescription p
{
 margin-left: 40px;
 margin-right: 10px;
 line-height: 120%;
 text-align:left;
}

#productDescription p.key
{
 font-weight: bold;
}

#productDescription p.nieuws
{
 margin-left: 40px;

}

#productDescription p.links_title
{
 text-align:center;
 line-height: 16px;
 font-weight: bold;
}

#productDescription p.links_table
{
 text-align:center;
 line-height: 16px;
 margin-left: 5px;
 margin-right: 5px;
}

#productDescription p.links_table a
{
 text-decoration: none;
 color: #000;
 line-height: 16px;
}

#productDescription p.links_table a:HOVER 
{
 color: #000;
 font-weight: bold;
}
#productDescription p.links
{
 text-align:center;
 line-height: 16px;
 margin-left: 40px;
 margin-right: 40px;
}
#productDescription p.links a
{
 text-decoration: none;
 color: #000;
 line-height: 16px;
}

#productDescription p.links a:HOVER 
{
 color: #000;
 font-weight: bold;
}

#rightBottom table.producttable
{
 margin-left: 30px;
 border:1px;
}

#productDescription table.productDetails
{
 width:60%;
 align:left;
 valign="top";
 margin-left:16px;
 text-align:left;
}
/************************************ TOOLTIPS ************************************/
#tooltip{
	position: absolute;
}
	
.ttip{
	border: 2px solid #186462;
	position:absolute;
	top:-320px;
	left:-300px;
}
/*********************************** COLOR PICKER **********************************/
.product{
	float:left;
	width:220px;
	height:250px;
}
.all1{float:top;width:16px;height:4px;background:blue;}
.all2{float:top;width:16px;height:4px;background:yellow;}
.all3{float:top;width:16px;height:4px;background:red;}
.all4{float:top;width:16px;height:4px;background:green}
.color{
	width:16px;
	height:16px;
	float:left;
	margin-right:10px;
	cursor:hand;
	border: solid 1px lightgrey;
}
div.color.white{background:white;}
div.color.blue{background:blue;}
div.color.black{background:black;}
div.color.turquoise{background:lightseagreen;}
div.color.green{background:green;}
div.color.grey{background:grey;}
div.color.yellow{background:yellow;}
div.color.orange{background:orange;}
div.color.red{background:red;}
div.color.pink{background:pink;}
div.color.purple{background:purple;}
div.color.beige{background:khaki;}
div.color.brown{background:saddlebrown;}