body {
	font-size: 12px;
	font-family: "Century Gothic";
	color: #333333;
	background-color:#cccccc;
	background-repeat:repeat-x;
	background-position: center top;
	background-attachment:inherit;
}
	
h1 {font-size: 17px;
font-family: "Century Gothic";
  	color: #050090;
	}
	
h2 {font-size: 14px;
	font-family: "Century Gothic";
  	color: #050090;
	text-decoration:underline;
	font-weight:bold}

	
  A:link {text-decoration:none;
  font-family: "Century Gothic";
	  color: #cccccc}
  A:visited {text-decoration: none; 
  font-family: "Century Gothic";
	  color: #cccccc}
  A:hover {text-decoration: underline; 
  font-family: "Century Gothic";
	  color: #cccccc; 
	  background: none}  

  .menu A:link{text-decoration:none;   
  font-family: "Century Gothic";
	  color: #020167}
  .menu A:visited {text-decoration: none; 
  font-family: "Century Gothic";
	  color: #020167}
  .menu A:hover {text-decoration: underline;
  font-family: "Century Gothic";
	  color: #e5342c; 
	  background: none} 
	  
  td {font-size: 11px;
      }
	  
  .menustreepjes {font-size: 11px;
      color: #0c1421;
}
	  
 input {font-size: 11px;
	background-color: #e2e2e2;
	border-width: 1px; 
	color: #333333;
	font-family: verdana,Tahoma, Helvetica, sans-serif;}
	  
 select {font-size: 11px;
 	background-color:#e2e2e2; 
	color: #333333;
	font-family: verdana,Tahoma, Helvetica, sans-serif;}

 textarea {font-size: 11px;
	background-color:#e2e2e2; 
	color: #333333; 
	border-width: 1px; 
	font-family: verdana,Tahoma, Helvetica, sans-serif;}
	
 td.border {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000099;
}
 
 .border {border: 0px solid #000099;}

 td.shopborderpic {border: 0px solid #000099;}
	
 td.shoptitlebottem {
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #000099;
}
	
 td.shopborderbottem {
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #000099;
}

 td.pic1borderpic {border: 0px solid #000099;}
	
 img.pic1hoofdpicborder {
	border: 0px solid #000099;
	color: #000099;
}
 .zoeken{
	margin-left:3px;
}

/* CSS VOOR MENU */
 
  #menu{
    	margin-top:20px;
    	margin-left: 3px;
    }
     
   .glossymenu,.glossymenu li ul{
   list-style-type: none;
   margin: 0px;
   padding: 0px;
   width: 151px; /*WIDTH OF MAIN MENU ITEMS*/
   }
   
   .glossymenu li{
   position: relative;
   background-color: #d9d9d9;
   border-bottom:1px solid #ffffff;
   color:#333333;
   }
   
   /*SUB MENU STYLE*/
   .glossymenu li ul{ 
   position: absolute;
   width: 150px; /*WIDTH OF SUB MENU ITEMS*/
   left: 30px;
   top: 0px;
   display: none;
   
   filter:alpha(opacity=100);
   -moz-opacity:1;
   
   
   }
   
   .glossymenu li ul li{
   background-color: #d9d9d9;
   color: #333333;
   margin-bottom:0px;
   border-bottom:1px solid #fff;
   left: 2px;
   }
   
   
   
   .glossymenu li a{
   display: block;
   width: auto;
   padding: 2px;
   text-decoration: none;
   color:#000000;
   }
   
   .glossymenu li a:visited{
   	color:#000000;
   }
   
   .glossymenu .arrowdiv{
   }
   
   .glossymenu li a:hover{
   	background-color: #bfbfbf;
   	text-decoration: none;
   	color:#020167;
   }
   
   /* Holly Hack for IE \*/
   * html .glossymenu li { float: left; height: 1%; }
   * html .glossymenu li a { height: 1%; }
  /* End */
		
	
 .sitebg {
	background-color:#ffffff;
}

.header{
height:230px;
width:950px;
}

 .adres{
	background-color: #6a726a;
	color: #ffffff;
	width: 950px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #828282;
	height: 23px;
	padding-top: 5px;
	font-weight:100;
 }



.footer{
	margin: 0 auto;
	text-align:center;
	width:950px;
	background-color: #060090;
	color:#cccccc;
}

.footer .dezingcrew{
	display:inline;
}

/* ------------------------------------- */
/* start nieuwe CSS opmaak voor het menu */
.menu_rechts {
	padding: 0px !important;
	background-color: #050090;
	border-bottom: Solid 0px #ffffff;
	border-top: Solid 0px #ffffff;
	
}
.menu_rechts ul {
	display: inline;
	z-index: 50;
}
.menu_rechts ul a:link, 
.menu_rechts ul a:active, 
.menu_rechts ul a:visited {
	display: inline;
	color: #ffffff;
	font-family: arial;
	font-size: 8pt;
	font-weight: bold;
	line-height:14px;
	text-decoration: none !important;
}
.menu_rechts ul li {
	display: block !important;	
	border-right: Solid 1px #ededed;
	padding-right: 10px;
	padding-left: 5px;
	padding-top: 6px;
	padding-bottom: 6px;
	white-space: nowrap;
	color:#0c1421;
	position: relative;
	float: left;
}
.menu_rechts ul li ul li div {
	position: absolute;
	display: block;
	width: 4px;
	height: 7px !important;
	right: 9px;
	top: 9px;
	line-height: 0px;
	font-size: 1px;
	background-image: url('arrow.gif');
}
.menu_rechts ul li ul {
	list-style-type: none;
	display: none;
	position: absolute;
	left: 0px;
	top: 26px;
	margin: 0px;
	padding-top: 2px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border-top: Solid 0px #ff6600;
}
.menu_rechts ul li ul li {
	border-right: 0 !important;
	position: relative;
	padding: 0px !important;
	background-color: #cccccc;
	float: none !important;
}
.menu_rechts ul li ul li a:link, 
.menu_rechts ul li ul li a:active, 
.menu_rechts ul li ul li a:visited {
	display: block !important;
	.display: inline !important;
	width: 150px;
	color: #333333 !important;
	background-color: #cccccc;
	padding:5px;
	padding-left:10px;
	line-height:18px;
	border-bottom: Solid 1px #ffffff;
}
.menu_rechts ul li ul li:hover a:link, 
.menu_rechts ul li ul li:hover a:active, 
.menu_rechts ul li ul li:hover a:visited, 
.menu_rechts ul li ul li:hover a:hover, 
.menu_rechts ul li ul li.over a:link, 
.menu_rechts ul li ul li.over a:active, 
.menu_rechts ul li ul li.over a:visited, 
.menu_rechts ul li ul li.over a:hover {
	background-color: #d9d9d9;
}
.menu_rechts ul li ul li ul li:hover a:link, 
.menu_rechts ul li ul li ul li:hover a:active, 
.menu_rechts ul li ul li ul li:hover a:visited, 
.menu_rechts ul li ul li ul li:hover a:hover, 
.menu_rechts ul li ul li ul li.over a:link, 
.menu_rechts ul li ul li ul li.over a:active, 
.menu_rechts ul li ul li ul li.over a:visited, 
.menu_rechts ul li ul li ul li.over a:hover {
	background-color: #ffefe9;
}
.menu_rechts ul li ul li ul {
	list-style-type: none;
	display: none !important;
	position: absolute;
	left: 165px;
	.left: 150px;
	top: 0px;
	width: 150px;
	margin: 0px !important;
	padding-top: 0px;
	padding-left: 0px !important;
	padding-right: 0px;
	padding-bottom: 0px;
	border-top: 0 !important;
	z-index: 10;
}
.menu_rechts ul li ul li ul li {
	background-color: #ffffff !important;
}
/* menu hover styles */
.menu_rechts ul a:hover {
	display: inline;
	color:#0c1421;
	font-family: arial;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none !important;
}
.menu_rechts ul li:hover, 
.menu_rechts ul li.over {
	background-color: #cccccc;
	color: #010040 !important;
}
.menu_rechts ul li:hover a, 
.menu_rechts ul li.over a
{
	color: #010040 !important;
}
/* submenu hover styles */
.menu_rechts ul li:hover ul, 
.menu_rechts ul li.over ul {
	display: block;
}
.menu_rechts ul li ul li:hover, 
.menu_rechts ul li ul li.over {
	background-color: #ffffff;
}
/* subsubmenu hover styles */
.menu_rechts ul li ul li:hover ul, 
.menu_rechts ul li ul li.over ul {
	display: block !important;
}
.menu_rechts ul li ul li ul li:hover, 
.menu_rechts ul li ul li ul li.over {
	background-color: #ff9900 !important;
}
.menustreepjes {
	display: none;
	visibility: hidden;
}
/* einde nieuwe CSS opmaak voor het menu */
/* ------------------------------------- */
/* ------------------------------------- */

#breadcrums {
                color: #000099;
}

#breadcrums a {
                color: #000099;
}

#pictures {
	position: relative;
	padding-left: 15px;
	padding-right: 30px;
	z-index: 1;
}

#pictures img {
                float: left;
                clear: left;
                margin-bottom: 15px;
				z-index: 2;
				width:325px;
}

#symbols {
                padding-top: 15px;
                width: 50%;
}

#symbols img {
                margin-right: 10px;
}

#productcode {
	padding-top: 15px;
	width: 50%;
	font-style: italic;
	color: #666666;
}

#addtocart {
	width: 50%;
	padding-top: 15px;
}

#price, .price {
	font-size: 24px;
	font-family: tahoma !important;
	color: #000099;
	font-weight: bold;
}

#price em, .price em {
	margin-left: 0px !important;
	font-size: 0.5em !important;
	font-family: tahoma !important;
	font-style: normal;
	position: relative;
	top: -9px;
}

.normalprice {
	font-size: 13px !important;
	font-family: arial;
	color: Gray;
	text-decoration: line-through;
}

.normalprice em {
	font-size: 0.8em !important;
	font-family: arial;
	font-style: normal;
	position: relative;
	top: -5px !important;
	color: #000099 !important;
}

#directdelivery {
                float: right;
}

#thumbnails {
                padding-top: 15px;
}

#thumbnails img {
                margin-left: 18px;
}

h1 {
                width: 100%;
                text-align: left;
                margin-top: 0px;
                padding: 0px;
}

.productdetailtitle {
	width: 100%;
	text-align: left;
	margin-top: 20px;
	margin-left: 15px;
	padding: 0px;
	font-weight: bold;
}

.productoverviewtitle a{color:#050090;
}

.productoverviewtitle A:visited{color:#050090;
}

.overlay1 {
                margin-left: -15px;
                margin-top: -15px;
                _top: 0px;
                _left: 15px;
                position: absolute;
                background-image: url(http://www.groenegids.be/Link/Website/Bedrijf/Piot/overlay1.gif);
				background-repeat: no-repeat;
				width: 75px;
                height: 51px;
}

.overlay2 {
                margin-left: -15px;
                margin-top: -15px;
                _top: 0px;
                _left: 15px;
                position: absolute;
                background-image: url(http://www.groenegids.be/Link/Website/Bedrijf/Piot/overlay2.gif);
				background-repeat: no-repeat;
	            width: 75px;
                height: 51px;
}

.overlay3 {
                margin-left: -15px;
                margin-top: -5px;
                _top: 0px;
                _left: 15px;
                position: absolute;
                background-image: url(http://www.groenegids.be/Link/Website/Bedrijf/Piot/overlay3.gif);
				background-repeat: no-repeat;
	            width: 150px;
                height: 50px;
}


#price em {
	font-size: 0.6em;
	font-style: normal;
	position: relative;
	top: -8px;
	margin-left: 5px;
	font-family: "Trebuchet MS";
  	color: #000099;
	font-weight: bold}



/* overzichtspagina */
.product {
	margin-bottom: 50px !important;	
}

.product h2 {
	text-align: left;
	padding-right: 5px;
	margin-bottom: 5px;
	color: #4d5292;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

.product .picture {
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
}

.product .picture img {
	width: 160px;
}

.productcode {
	margin-top: 10px;
	font-style: italic;
}

.symbols {
	margin-top: 10px;
}

.symbols img {
	margin-right: 3px;
}

.addtocart {
	width: 50%;
	padding-top: 15px;
}

.price {
	width: 50%;
	padding-top: 15px;
	padding-right: 30px;
}

.overlay1_small {
	margin-left: -10px;
	margin-top: -10px;
	_top: 0px;
	_left: 10px;
	position: absolute;
	background-image: url(http://www.groenegids.be/Link/Website/Bedrijf/Piot/overlay1.gif);
	width: 80px;
	height: 60px;
	background-repeat: no-repeat;
}

.overlay2_small {
	margin-left: -10px;
	margin-top: -10px;
	_top: 0px;
	_left: 10px;
	position: absolute;
	background-image: url(http://www.groenegids.be/Link/Website/Bedrijf/Piot/overlay2.gif);
	width: 80px;
	height: 60px;
	background-repeat: no-repeat;
}

.overlay3_small {
      margin-left: -10px;
      margin-top: 50px;
      _top: 0px;
      _left: 10px;
      position: absolute;
      background-image: url(http://www.groenegids.be/Link/Website/Bedrijf/Piot/overlay3.gif);
      width: 150px;
      height: 50px;
      background-repeat: no-repeat;
}

.paging {
	width: 300px;
	float: right;
	text-align: right;
	color: #000099;
	font-family: tahoma;
	font-size: 11px;
}

.paging a:link, .paging a:active, .paging a:visited {
	color: #000099; /*heb enkel important weggelaten ;-) */
	font-family: tahoma;
	font-size: 11px;
}

.text {
	padding-right:10px;
}
.text a:link {
	color:#000099;
	font-weight: bold;
}

.selectedpage {
	font-weight: bold !important;
	color: #000099 !important;
	text-decoration: underline !important;
}