/* body */
body{ background-color: #CCCCCC; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal; margin: 0; padding: 0px;}
/* container */
#container{ background:url(../images/bg.jpg) no-repeat right bottom; width: 850px; margin: 0 auto;}
/* header */
#header{}
#logo_container{ background:url(../images/header_bg.jpg) repeat-x top left; height: 50px; margin-top: 2px; text-align: center;}
/* navigatie */
#navigatie{ background:url(../images/nav_bg.jpg) repeat-x top left; height: 24px; margin-top: 2px;}
#nav_items{ text-align: center; margin: 0px;}
#nav_items ul{ margin: 0px; padding: 0px; list-style-type: none; padding-left: 112px;}
#nav_items li{ display: inline;}
#nav_item { color: #FFF; text-decoration: none; width: 90px; height: 24px; float: left; position: relative; display: block-inline;}
#nav_item_zoek { color: #FFF; text-decoration: none; width: 90px; height: 24px; float: left; position: relative; padding-top: 3px; display: block-inline;}
#nav_item a{ color: #FFF; text-decoration: none; width: 90px; height: 21px; float: left; position: relative; padding-top: 3px; display: block-inline;}
#nav_item a:hover,a.active{ background:url(../images/nav_hover_actief.jpg);}
#navigatie img{ float: left; position: relative; display: block-inline;}
#input { float: left; margin: 0px; padding: 0px;}
/* navigatie producten */
#navigatie_producten{ background:url(../images/nav_bg.jpg) repeat-x top left; height: 24px; margin-top: 2px;}
#navprod_items{ text-align: center; margin: 0px;}
#navprod_items ul{ margin: 0px; padding: 0px; list-style-type: none; padding-left: 110px;}
#navprod_items li {display: inline;}
#navprod_item a{ color: #FFF; text-decoration: none; width: 170px; height: 21px; float: left; position: relative; padding-top: 3px; display: inline-block;}
#navprod_item a:hover{ background:url(../images/nav_hover_actief.jpg);}
#navprod_item_small a{ color: #FFF; text-decoration: none; width: 120px; height: 21px; float: left; position: relative; padding-top: 3px; display: inline-block;}
#navprod_item_small a:hover{ background:url(../images/nav_hover_actief.jpg);}
#navigatie_producten img{ float: left;}
/* img container */
#image_container{ height: 100px; background: url(../images/header_afb.jpg) no-repeat top left; margin-top: 2px;}
/* content */
#content{ color: #666666; display:inline-block;}
#content a{ color: #0079C0; text-decoration: none;}
#content a:hover{ text-decoration: underline;}
#content ul{ list-style-image:url(../images/li.gif); margin: 0px 0px 0px -20px; .margin-left: 20px; clear:both; padding-bottom: 10px;}
#content li{ padding-bottom: 5px;}
#content ol{ margin: 0px 0px 0px -15px; .margin-left: 30px; clear:both; padding-bottom: 10px;}
#content p{ margin: 0px; padding-bottom: 5px;}
#afbeelding{ margin: 3px 0px 10px 0px; text-align: center;}
#afbeelding img{ border: 1px #0079C0 solid;}
/* content headers */
#content_headers{ width: 850px; margin-top: 1px; display: block; clear: both;}
#content_headers h1{ color:#FFFFFF; font-size: 9pt; font-weight: normal; margin: 0px;  padding: 2px 0px 0px 5px;}
#tandwiel_links1{ background:url(../images/content_header_links.jpg) no-repeat top left; height: 20px; width: 21px; margin-top: 1px; float: left;}
#tandwiel_links2{ background:url(../images/content_header_links.jpg) no-repeat top left; height: 20px; width: 21px; margin: 1px 0px 0px 2px; float: left;}
#content_header_links{ float: left; width: 403px; height: 20px; background: url(../images/content_header_bg.jpg) repeat-x top left; margin: 1px 0px 0px 0px;}
#content_header_rechts{ float: left; width: 403px; height: 20px; background: url(../images/content_header_bg.jpg) repeat-x top left; margin: 1px 0px 0px 0px;}
#content_header_bedrijfsfilm{ float: left; width: 398px; height: 20px; background: url(../images/content_header_bg.jpg) repeat-x top left; margin: 1px 0px 0px 0px;}
#content_header_home{ float: left; width: 408px; height: 20px; background: url(../images/content_header_bg.jpg) repeat-x top left; margin: 1px 0px 0px 0px;}
#content_groot_home{ float: left; width: 408px; min-height: 110px; background: url(../images/content_bg.jpg) repeat-x bottom #e7e8e9; margin: 2px 1px 0px 0px; padding: 10px;}
#content_groot_links{ float: left; width: 404px; min-height: 110px; background: url(../images/content_bg.jpg) repeat-x bottom #e7e8e9; margin: 2px 1px 0px 0px; padding: 10px;}
#content_groot_rechts{ float: right; width: 404px; min-height: 110px; background: url(../images/content_bg.jpg) repeat-x bottom #e7e8e9; margin: 2px 0px 0px 1px; padding: 10px;}
/* dummy div */
#dummy_header{ float: left; width: 323px; height: 20px; margin: 1px 0px 0px 0px;}
#dummy_content{ float: left; width: 323px; min-height: 120px; margin: 1px 0px 0px 0px;}
/* product */
#product_beschrijving{ float: left; width: 650px;}
#product_afbeelding{ float:left; width: 200px; }
#links {width: 850px;}
#website { float: left; width: 410px;}
#terug { float: left; width: 410px; text-align:right;}
/* actueel & zoeken */
#header_groot{ float: left; width: 829px; height: 20px; background: url(../images/content_header_bg.jpg) repeat-x top left; margin: 1px 0px 0px 0px;}
#content_groot{ float: left; width: 830px; min-height: 265px; background: url(../images/content_bg.jpg) repeat-x bottom #e7e8e9; margin: 2px 0px 0px 0px; padding: 10px;}
#content_artikel{ float: left; width: 830px; background: url(../images/contentartikel_bg.jpg) repeat-x bottom #e7e8e9; margin: 2px 0px 0px 0px; padding: 10px;}
#afbeelding_actueel{ margin: 3px 0px 10px 0px; float: left; padding-right: 10px; clear:both;}
#afbeelding_actueel img{ border: 1px #0079C0 solid;}
#bold { font-weight: bold;}
hr { color: #0079C0; height: 1px;}
/* contact */
#contact_input{ float: left; padding-bottom: 5px;}
#status {float: left; margin-left: 5px;}
.rood {color:#FF0000;}
#blauw { color:#0079C0;}
#contact_title{ clear: both;}
/* bedrijfsfilm */
#bedrijfsfilm { padding: 0px; margin: 0px; overflow: hidden;}
#content_bedrijfsfilm{ float: left; width: 420px; min-height: 290px; background: url(../images/content_bg.jpg) repeat-x bottom #e7e8e9; margin: 2px 0px 0px 1px; vertical-align:top;}
/* footer */
#footer{ height: 20px; width: 850px; background: url(../images/footer_bg.jpg) repeat-x top left; margin: 2px 0px 2px 0px; display:inline-block;}
#footer_tekst{ font-size: 8pt; color: #b2b2b2; width: 820px; text-align:center; padding-top: 3px; float: left;}
#footer a{ color: #a5a2a2; text-decoration: none;}
#footer a:hover{ text-decoration: underline;}
#footer_rechts{ height: 20px; width: 21px; background: url(../images/footer_rechts.jpg) no-repeat top right; float: right;}
#factory { padding-left: 50px;}