BODY  {
	background-color: white;
	font-size: 11px;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-weight: normal;
	color: black;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
}
#navlist li { list-style-type: square; }

/* Alle CSS voor de popup levertijd * Onderstaande CSS is alleen voor rechter blocks */ 
.popup_block {
	width: 200px;
	height: 118px;
	border: 1px solid; 
	border-color: #880000; 
	z-index: 2; 
	position:absolute; 
	background-color: #FFFFFF; 
	right: 0px;
} 
.popup_levertijden_subheader { background-image:url(http://www.hummelman.com/graphics/global/topbar.jpg) } 
.levertijden_box_heading { font-weight: bold; text-align: left; width: 180px; } 
.levertijden_box_close { width: 20px; text-align: right; 
}
/* Show hand / pointer in FireFox / IExplorer */
.showHideDiv {
cursor:pointer;
}
.textheader {
	border-top: 1px solid silver;
	border-bottom: 1px solid maroon;
	text-align: left;
	color: #4E4E4E;
	font-size: 12px;
}
.active {
	border-bottom: 1px solid gray;
	line-height: 20px;
}

.hiddenPic { 
	display:none;
 }
.spacing {
	line-height: 20px;
}

H1 {
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    }
A  {
	color: black;
	text-decoration : none;
	}
A:Visited {
	color: Red;
}
A:Active {
	color : blue;
}
A:Hover {
	
}
td {
    font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.TDon {
	background-color: #880000;
	color: White;
}
.TDoff {
	background-color: #FFF5EE;
}
.TDoff2 {
	background-color: #FFDEAD;
}
.TDeven {
	background-color: #FFF5EE;
}
.TDodd {
	background-color: #FFDEAD;
}
.Email {
	background-color: #FF8C00;
	border-top: 1px solid Maroon;
	border-left: 1px solid Maroon;
	border-right: 1px solid Maroon;
    border-bottom: 1px solid Maroon;
}
.PRODUCTDETAILS {
	color: #4E4E4E;
	text-align: left;
	padding: 3px;
	border-left: 1px solid maroon;
	background-image: url(/graphics/global/description.jpg);
}
.DETAILSTEXT {
	color: #4E4E4E;
	text-align: right;
	padding: 3px;
	border-right: 1px solid Maroon;
	background-image: url(/graphics/global/description.jpg);
}
.ORDERMORE {
	color: #4E4E4E;
	text-align: center;
	border-left: 1px solid Maroon;
	border-right: 1px solid Maroon;
}
.SOLDOUT {
	border-top: 1px solid Maroon;
	border-left: 1px solid Maroon;
	border-right: 1px solid Maroon;
	color: #696969;
	text-align: center;
	background-color: White;
}
.PREORDER {
	color: Blue;
	border-top: 1px solid Maroon;
	border-left: 1px solid Maroon;
	border-right: 1px solid Maroon;
	text-align: center;
	background-color: White;
}
.ROUNDBORDER {
	border-top: 1px solid Maroon;
	border-left: 1px solid Maroon;
	border-right: 1px solid Maroon;
   border-bottom: 1px solid Maroon;
	color: #4E4E4E;
	text-align: center;
	background-color: White;
	font-size: 7px;
}
.WEBSITETOP {
    	border-bottom: 1px solid black;
    	font-weight:bold;
	color: white;
	background-color: maroon;
	text-align: center;
	height: 20px;

}
.TEXTGRAY {
	color: #4E4E4E;
	border-bottom: 1px dotted maroon;
}
.TEXT {
	color: #4E4E4E;
	border-top: 1px solid Maroon;
	border-bottom: 1px solid Maroon;
	vertical-align: top;
	background: no-repeat;
	background-image: url(/graphics/global/description2.jpg);
}
.TEXT2 {
   color: #4E4E4E;
	vertical-align: top;
	background: no-repeat;
	background-image: url(/graphics/global/description2.jpg);
}
.IMAGE {
	border: 1px solid #DCDCDC;
}
.RIGHTLINE {
	border: 2px solid #4E4E4E;
}
.INFOHEADER {
	vertical-align: bottom;
	padding-top: 10px;
}
.HELPHEADER {
   color: Maroon;
   font-size: 12px;
}
.PRODUCTNAME {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}
.STRIPE {
	border-bottom: 1px solid maroon;
    text-align: center;
	color: #4E4E4E;
	font-size: 9px;
}
.STRIPE2 {
   border-top: 1px solid maroon;
	border-bottom: 1px solid maroon;
	text-align: center;
}
.TOPSTRIPE {
   border-top: 1px solid maroon;
}
.INVOERVELD {
    height: 20px;
	width: 300px;
	vertical-align: bottom;
	border: 1px solid black;
	color: #4E4E4E;
	text-align: left;
}
.INVOERVELDERROR {
   height: 20px;
	width: 300px;
	vertical-align: bottom;
	border: 1px solid black;
	color: #4E4E4E;
	text-align: left;
	background-color: red;
}
.QTYFIELD {
   height: 18px;
	width: 20px;
	vertical-align: bottom;
	border: 1px solid black;
	color: #4E4E4E;
	text-align: left;
	background-color: White;
}
.SELECTFIELD {
   height: 20px;
	width: 60px;
	vertical-align: bottom;
	border: 1px solid black;
	color: #4E4E4E;
	text-align: left;
	background-color: White;
}
.GROUPBACK {
	background-attachment: fixed;
	background-image: url(/graphics/groups/groupback.jpg);
}


/* Layout */
#wrapper {
  overflow: hidden;
  width: 998px;
  min-height: 101%;
  margin-left: auto;
  margin-right: auto;
}

/* Header */
#header {
  float: left;
  position: relative;
  width: 100%;
  margin-bottom: 10px;
  background: url("/img/layout/hdr_bg.jpg") no-repeat;
  background-color: #1860AC;
}

#header #home {
  overflow: hidden;
  display: block;
  width: 271px;
  height: 0;
  padding-top: 66px;
  margin: 15px 12px 8px 15px;
  background: url("/img/layout/hdr_iq_logo.png") no-repeat left top;
}

#header #vacatures {
  overflow: hidden;
  position: absolute;
  top: 11px;
  right: 262px;
  width: 231px;
  height: 0;
  padding-top: 60px;
  background: url("/img/layout/vacatures.gif") no-repeat left top;
}

#header #folder {
  overflow: hidden;
  position: absolute;
  top: 11px;
  right: 8px;
  width: 246px;
  height: 0;
  padding-top: 60px;
  background: url("/img/layout/folder_download.jpg") no-repeat left top;
}

#twa2009 {
  overflow: hidden;
  position: absolute;
  top: 7px;
  right: 245px;
  width: 231px;
  height: 0;
  padding-top: 60px;
  background: url("/img/layout/twa2009_sml.gif") no-repeat left top;
}

#header #menu {
  padding-left: 15px;
  border-top: solid 1px #FFF;
  background-color: #004070;
  font-weight: bold;
}

#menu:after,
#btw:after {
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  content: ".";
}

#menu a {
  display: block;
  color: #FFF;
  text-decoration: none;
}

#menu a:hover {
  text-decoration: underline;
} 



#menu li {
  float: left;
  padding: 3px 10px 4px 0;
  margin: 0 10px 0 0;
  background: url("/img/layout/line.png") no-repeat right center;
}


#menu .last {
  background: none;
}

#menu .last a{
  text-decoration: none;
}

#menu .last a:hover{
  text-decoration: underline;
}

/* BTW */

#btw {
  position: absolute;
  right: 8px;
  top: 92px; 
  color: #FFF;
}

#btw a {
  color: #FFF;
  font-weight: bold;
}

#btw a:hover {
  font-weight: bold;
  text-decoration: underline;
}

#btw li {
  float: left;
}

#btw li.active a {
  font-weight: bold;
  color: #FFFF00;
}

#btw #incl_btw {
  padding-right: 10px;
  margin: 0 8px 0 8px;
  background: url("/img/layout/line.png") no-repeat right center;
}

 /* CSS voor de blur die over de website heen gaat */ /* IE Explorer: */ 
 #lock_website img{ border: none; } 
 #lock_website{
	position: absolute;
	z-index: 40;
	left: 0px;
	top: 0px;
	background-image: url(/graphics/global/black.png);
	background-repeat: repeat-y;
} 
 * html
 #lock_website{
	background-color: Black;
	back\ground-color: transparent;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/graphics/global/black.png", sizingMethod='scale');
} 
 
 /* Firefox en andere NON-ie: */ 
 html>body #lock_website { 
 	background-color:#000000;
 	height:100%; 
	left:0px; 
	opacity:0.75; 
	top:0px; 
	width:100%; 
	height: 100%; 
	z-index:40; } 

 /* NEW START CSS */
 
 /* kleine afbeeldingen */
.imgicon {
	width: 55px;
	height: 55px;
	margin: 3px;
	background-color: #ffffff;
	border: 1px solid maroon;
	position: relative;
	float: left;
	/*non IE Explorer*/
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}
.img {
	height: 225px;
	margin: 3px;
	background-color: #ffffff;
	position: relative;
	float: none;
	cursor: pointer;	
	/*non IE Explorer*/
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	}
.imglarge {
	height: 500px;
	border: 1px solid maroon;
	z-index: 60;
	background-color: #ffffff;
	left: 40px;
	position: absolute;
	cursor: pointer;
	/*non IE Explorer*/
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}
.showlarge
{
	width: 320px;
	visibility: hidden;
	z-index: 60;
	background-color: maroon;
	color: white;
	font-size: 12px;
	position: relative;
	top: -20px;
	left: 0px;
	padding: 4px;
	border: 1px solid black;
} 
.detailwrapper{
	width: 100%;
	position: absolute;
	background-color: fuchsia;
}
.detailsimage {
	width: 42%;
	position: relative;
	border: 1px solid #DCDCDC;
}
.producttext {
overflow: hidden;
	width: 42%;
 	height: 300px;
	position: relative;
	float: right;
	color: #4E4E4E;
	border-top: 1px solid Maroon;
	border-bottom: 1px solid Maroon;

	vertical-align: top;
	background: no-repeat;
	background-image: url(/graphics/global/description2.jpg);
}
#CloseIcon{
	position:absolute; 
	z-index:61; 
	cursor: pointer;
	top:-10px;
	left:537px;
	height:30;
	width:30; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/graphics/global/closebox.png', sizingMethod='scale'); 
}