/* DESIGN */
   * {font-family: arial, verdana, herlvetica; margin:0; padding:0;}
   body {position: relative; text-align: center;}
   #gradientcolor { display:block; min-height:177; left:0; position:absolute; top:0; width:100%; z-index:-1;}
   #gradientcolor img { width:100%; height:177; border:none; vertical-align: middle; }
   #wrap { margin: 0 auto; width:980px; z-index:100;text-align: left;}
   #companylogo {float: right; margin:10px;}
   #companylogo a {display:block;border:2px solid white; padding:0; margin: 0;}
   #companylogo img {border:1px solid #ccc;}
   #companyname h1 { font-size: 2em; color:#37190c; padding-bottom:10px; 
     text-shadow: 2px 2px 0.1em #fff, -2px -2px 0.1em #fff, -2px 2px 0.1em #fff, 2px -2px 0.1em #fff;}
   #companyname {border-bottom:20px solid #37190c; padding-top:130px; padding-left:10px;}
/* MENU */
   #menu { padding-bottom:30px; padding-left:10px; padding-top:6px; background-color:white;}
   #topmenu ul { list-style-type: none; position: relative;}
   #topmenu li { display: inline; padding-right:30px;}
   #topmenu li a { text-decoration:none; font-weight:bold; color:#37190c;}
   #topmenu li a:hover { text-decoration:none; font-weight:bold; color:#ff9933;}

/* CONTENT */
   #content {background-color:white; width:100%; padding-bottom:5px;width:980px;}
   #chead { padding:20px 0px 0px 10px; background-image:url(/img/bc_chead.gif); background-position:bottom left; background-repeat:repeat-x;}
   #chead div { padding: 0px 3px 0px 3px; background-color:#fff; display:inline; font-weight:bold; font-size: 1.6em;}
   #ctext { padding:10px;}

   /* Homepage bedrijf */
   #hb {padding:10px;}
   #hb #left {padding:0; float:left; width:600px;}
   #hb #right {padding:0; float:right; width:324px; border:1px solid #ccc;}
   #hb #right a img {border:2px solid white;}
   
   /* Homepage contact */
   #hc {padding:10px;}
   #hc #left {padding:0; float:left; width:500px;}
   #hc #left #naw_list { display:inline; width:18px;}
   #hc #left a {color:#37190c; text-decoration:none;}
   #hc #left a:hover {color:#f93; text-decoration:underline;}
   #hc #right {padding:0; float:right; width:424px;position:relative;}
   #hc #right a img {border:2px solid white;}
   #hc #right td {padding:1px;}
   #hc #right input, #hc #right textarea {width: 290px;}
   
   /* Inventory overzicht */
   #io {padding-top:10px;}
   #io #art {margin:4px; float:left; width:184px; height:190px; border:1px solid #ccc; background-color:#fff;}
   #io #img {height:135px; width:180px; text-align:center; border:1px solid #fff; margin: 1px auto;}
   #io #txt {padding: 10px 5px 5px 5px; text-align:center; font-size:0.8em;}
   #io #txt a {color:#37190c; text-decoration:none;}
   #io #txt a:hover {color:#f93; text-decoration:underline;}
   
   /* Activiteiten overzicht */
   #ao {border:1px solid #ccc; background-color:#fff; float:left; width:316px; height:160px;margin:4px; }
   #ao #art {}
   #ao #txt {padding: 5px; text-align:left; font-size:0.9em;}
   #ao a {color:#37190c; text-decoration:none;}
   #ao a:hover {color:#f93; text-decoration:underline;}

   #keywords {font-size: .8em; color: #ddd;}
   
   /* FOOTER */
   #footer-nl {text-align:center; padding:10px 0px 0px 10px; background-image:url(/img/bc_chead.gif); background-position:top left; background-repeat:repeat-x; }
   
   .mouseover_nl {width:980px; height:175px; background-image:url(/img/bc_nl_footer2.gif);}
   .mouseover_nl a {display:block}
   .mouseover_nl img {width:100%; height:100%}
   .mouseover_nl a:hover img {visibility:hidden;}
   
   .mouseover_be {width:980px; height:175px; background-image:url(/img/bc_be_footer2.gif);}
   .mouseover_be a {display:block}
   .mouseover_be img {width:100%; height:100%}
   .mouseover_be a:hover img {visibility:hidden;}

   /* Inventory item */
   #ii {padding:0px;}
   #iicontent {padding:10px; }
   #ii #left {padding:0; float:left; width:600px;}
   #ii #right {padding:0; margin-right:10px; float:right; width:333px;}
   #ii #right #photobig {border:1px solid #ccc; padding:1px; width:324px;}
   #ii #right #photosmall {border:1px solid #ccc; float:left; padding:1px; margin-right:2px; margin-top:2px;}
   #ii #right a img {border:2px solid white;}

   /* dl tabellen maken */   
   #iicontent dl {float:left;width:600px;border:0px solid #999;margin-bottom:10px;}
   #iicontent dl dt {float:left;clear:left;width:220px;padding:2px;margin:0 -1px 0 0;border-right:1px solid #ccc;}
   #iicontent dl dd {width:360px;padding:2px;float: left;margin: 0 ;border-left:1px solid #ccc;}
   #iicontent dl> dd + dt, dl > dd + dt + dd {border-top:1px solid #ccc;}

   a.butpn img {opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";}
   a.butpn:hover img {opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

   /**
   a.butpn img {opacity: .5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);}
   a.butpn:hover img {opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);}

   **/

   /** form item **/
   #iicontent form td {padding:1px;}
   #iicontent  input, #iicontent  textarea {width: 290px;}