body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}

table {
border-collapse:collapse;
border-spacing:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:400;
}

ol,ul {
list-style:none;
}

caption,th {
text-align:left;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:400;
}

q:before,q:after {
content:'';
}

html {
background-color: #c1c1c1;
background-image:url('/upload/23/background2.png');
background-position: top;
background-repeat:no-repeat;
height:100%;

}

body {
font:11px Verdana,Arial,helvetica, clean, sans-serif;
height:100%;
line-height:20px;
position:relative;
text-align:left;
}

input,select,textarea {
border:1px solid gray;
display:inline-block;
margin:0;
overflow:visible;
padding:2px;
}


img.middle {
display:inline-block;
vertical-align:middle;
}

h1 {
color:#087fb5;
font-size:20px;
font-weight:700;
margin-bottom:16px;
text-align:left;
line-height:24px;
}

h2 {
color:#087fb5;
font-size:14px;
margin-bottom:6px;
margin-top:16px;
}

div#menu_left ul li ul li,div#menu_right ul li ul li, div#content {
padding-left:10px;
padding-right:5px;
}

div#menu_left ul li ul li .light,
div#menu_left ul li ul li .light a,
div#menu_right ul li ul li .light,
div#menu_right ul li ul li .light a,
div#content .light, div#content .light a {
color: #000;
}

div#menu_left ul li ul,div#menu_right ul li ul, div#content {
padding:5px 0 10px;
}

a {
color:#000;
text-decoration:none;
}

div#container div#main a:hover {
color:#087fb5;
text-decoration:underline;
}

strong {
font-weight:700;
}

#container {
background-color:#FFF;
border-left:1px solid gray;
border-right:1px solid gray;
height:auto !important;
margin:0 auto;
min-height:100%;
padding:0 10px;
width:1000px;
}

* html #container {
height:100% !important;
}

div#container div#header {
height:100px;
margin:0 auto;
padding-top:10px;
width:1000px;
}

div#container div#header #logo,div#container div#header #slogan {
float:left;
}

div#container div#header #slogan {
padding: 0px 10px 0px 0px;
}

div#container div#header strong {
color:#087fb5;
font-size:250%;
padding-left:45px;
}

div#container div#main {
margin:0 auto;
padding-bottom:80px;
width:100%;
}

div#container div#main div#menu_left,div#container div#main div#menu_right {
float:left;
padding-left:0;
width:190px;
}

div#container div#main div#menu_right .title_bar,div#container div#main div#menu_left .title_bar {
background-repeat:no-repeat;
color:#087fb5;
display:block;
font-size:12px;
font-weight:bolder;
padding:5px 10px;
vertical-align:middle;
}

div#container div#main div#menu_left div#menu {
font-size:11px;

text-align:left;
width:189px;
}

div#container div#main div#menu_left div#menu li a.here {
color:#087fb5;
}

div#container div#main div#menu_left div#menu li {
display:block;
padding-bottom:3px;
text-decoration:none;
}

div#container div#main div#contentMiddle {
float:left;
margin:0 auto;
padding:0 10px;
width:600px;
}

div#container div#main div#content {
height:auto !important;
min-height:500px;
}

* html div#container div#main div#content {
height:500px !important;
}

div#container div#main div#content ul {
list-style-position:outside;
list-style-type:disc;
text-decoration:none;
}

div#container div#main div#content #tabs ul li {
display:inline-block;
list-style:none;
padding:0;
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
}

div#container div#main div#content ul li {
list-style:none;
padding:0;
}
  
div#container div#main div#content input,div#container div#main div#content textarea {
margin-bottom:4px;
  
}



#container #main #content input[type=text] {
font-size:11px;
padding:3px;
/*width:98px;*/
}
#tabs input{
width:98px;
}
div#container div#main div#content .right {
padding-right:23px;
text-align:right;
}

div#container div#main div#content .left {
text-align:left;
}

div#container div#main div#content #result tr:hover td{
background-color: #ffff99
}

div#content th {
font-weight:bolder;
}

div#result th {
background-color:#ebebeb;
border-bottom:1px solid gray;
border-top:1px solid #c1c1c1;
text-align:center;
width:115px;
}

div#result tr.repeat th{
background-color: #f6f6f6;
color: #3B3B3B;
border-bottom:1px solid gray;
border-top:1px solid #c1c1c1;
text-align:center;
width:115px;
}

tr.d0 td {
background-color:#eee;
}

tr.d1 td {
background-color:#fff;
}

div#container div#main div#content .ui-tabs label {
background-color:#d3e6f7;
border:1px solid #087fb5;
color:#087fb5;
display:inline-block;
height:60px;
width:120px;
}

#tabs img {
vertical-align:middle;
}

.center {
text-align: center;
}

div#menu .ui-tabs .ui-tabs-nav {
list-style:none;
margin:0 !important;
position:relative;
}

.ui-tabs {
list-style:none;
padding:.2em;
/*zoom:1px;*/
}

.ui-tabs .ui-tabs-nav {
list-style:none;
margin:0 !important;
position:relative;
}

div#container div#main div#content .ui-tabs .ui-tabs-nav {
padding:.2em .2em 0 142px !important;
}

.ui-tabs .ui-tabs-nav li {
border-bottom-width:0 !important;
float:left;
list-style:none;
margin:0 .2em -1px 0;
padding:0;
position:relative;
}

.ui-tabs .ui-tabs-nav li a {
float:left;
padding:.5em 1em;
text-decoration:none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
border-bottom-width:0;
padding-bottom:1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-state-processing a {
cursor:text;
}

.ui-tabs .ui-tabs-nav li a,.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
cursor:pointer;
}

.ui-tabs .ui-tabs-panel {
background:none;
border-width:0;
display:block;
padding:1em 1.4em;
}

.ui-tabs .ui-tabs-hide {
display:none !important;
}

.ui-helper-clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

.ui-widget-content {
border:1px solid #D3E6F7;
}

.ui-widget-header {
background:#D3E6F7 url(/upload/23/ui-bg_gloss-wave_35_f6a828_500x100-3.png) 50% 50% repeat-x;
border:1px solid #D3E6F7;
color:#d3e6f7;
font-weight:700;
}

div#container div#main div#content div#tabs .ui-widget-header {
height: 33px;
}

div#container div#main div#content div#tabs .ui-widget-header li{
width: 150px;
}


.ui-state-default,.ui-widget-content .ui-state-default {
background:#f6f6f6 url(/upload/23/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
border:1px solid #ccc;
color:#087fb5;
font-weight:700;
outline:none;
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {
color:#1c94c4;
outline:none;
text-decoration:none;
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus {
background:#d3e6f7 url(/upload/23/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
border:1px solid #D3E6F7;
color:#087fb5;
font-weight:700;
outline:none;
}

.ui-state-active,.ui-widget-content .ui-state-active {
background:#d3e6f7 url(/upload/23/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
border:1px solid #D3E6F7;
color:#087fb5;
font-weight:700;
outline:none;
}

.ui-corner-tl {
-moz-border-radius-topleft:4px;
-webkit-border-top-left-radius:4px;
}

.ui-corner-tr {
-moz-border-radius-topright:4px;
-webkit-border-top-right-radius:4px;
}

.ui-corner-bl {
-moz-border-radius-bottomleft:4px;
-webkit-border-bottom-left-radius:4px;
}

.ui-corner-br {
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
}

.ui-corner-top {
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
}

.ui-corner-bottom {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
}

.ui-corner-right {
-moz-border-radius-bottomright:4px;
-moz-border-radius-topright:4px;
-webkit-border-bottom-right-radius:4px;
-webkit-border-top-right-radius:4px;
}

.ui-corner-left {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-topleft:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-top-left-radius:4px;
}

.ui-corner-all {
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

div#footer {
border-top:1px dotted gray;
bottom:0;
clear:both;
color:gray;
font-size:11px;
height:40px;
margin-top:16px;
padding-top:4px;
text-align:center;
width:100%;
}
div#footer a{
  color:gray;
}  

div#breadcrumbs {
clear:both;
color:#979797;
display:inline;
float:left;
font-size:14px;
font-weight:700;
list-style:none;
margin:0;
overflow:hidden;
padding:5px 0 10px;
text-align:left;
white-space:nowrap;
width:600px;
}

div#breadcrumbs ul {
display:inline;
list-style:none;
margin:0;
text-transform:uppercase;
}

div#breadcrumbs ul li {
background:none;
display:inline;
list-style:none;
margin-bottom:0;
margin-left:0;
padding:2px 0 5px;
}

div#breadcrumbs ul li.here {
color:#000;
display:inline;
font-weight:700;
list-style:none;
}

#breadcrumbs a:link,#breadcrumbs a:visited {
color:#979797;
}

#breadcrumbs li.here a:link,#breadcrumbs li.here a:visited {
color:#000;
}

#overzicht-ul {
margin:0 !important;
padding:0 !important;
}

#overzicht-ul li,#cmsSearchResult ul li,ul#related li {
border:1px solid #e0e0e0;
display:block;
float:left;
margin:0 0 10px 10px;
padding:6px;
width:180px;
}

#overzicht-ul img,#cmsSearchResult ul li img,ul#related li img {
padding-bottom:6px;
padding-left:0;
text-align:center !important;
width:180px;
}

#overzicht-ul h2,#overzicht-ul abbr,#cmsSearchResult ul li span,ul#related li span {
display:block;
font-size:14px !important;
font-weight:700;
overflow:hidden;
padding:0 !important;
text-align:center;
}

#cmsSearchResult ul li span {
height:34px;
overflow:hidden;
}

#overzicht-ul li {
font-size:10px !important;
overflow:hidden;
white-space:no-wrap;
}

#overzicht-ul .readMore {
float:right;
font-weight:700;
margin-bottom:6px;
padding-right:6px;
text-transform:uppercase;
}

#overzicht-ul .readMore .readMoreImg {
background:url('/upload/23/readMore.png') 0 2px no-repeat;
display:inline;
height:16px;
width:16px;
zoom:1px;
}

#overzicht-ul img.readMore {
clear:both;
height:16px;
padding:5px 0 0 100px;
width:80px;
}

h3#relatedHeader {
font-weight:700;
padding:5px;
text-align:center;
width:600px;
}

#product {
height:auto !important;
min-height:300px;
}

* html #product {
height:300px !important;
}

div#photossmall div#right-block {
float:right;
width: 200px;
}

div#photossmall div#right-block a {
margin: 50px 50px 0 0;
}

div#photossmall div#right-block .middle {
width: 32px;
}

div#photossmall div#right-block .art-img {
width: 200px;
}


li#watIsHydrauliek {
color:gray;
font-family:courier;
}

#cmsSearchContent input {
margin-right:6px;
width:348px !important;
}

#cmsSearchContent input[type="submit"] {
background:#e1e1e1;
font-weight:700;
}

fieldset,img,abbr,acronym {
border:0;
}

div#result,#tabs {
text-align:center;
}

.ui-state-hover a,.ui-state-hover a:hover,.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
color:#087fb5;
outline:none;
text-decoration:none;
}
.inStock{
font-weight:bold;
color:#2BBA07 !important;
}
#productDetails th{
padding:3px 6px 3px 0;
  text-align:left;
  color:#4A4A4A;
}
#productDetails th,#productDetails td{
font-size:12px;
}
#package{
float:left;
padding-top:6px;
padding-right:6px;
}
#fillMailform{
font-weight:bold;
}

#cmsFormTable label,
#cmsFormTable th{
width:200px !important;

}
/* cloud frontpage*/#cloud,
.cloud {
clear:both; 
  padding: 2px; 
  line-height: 3em; 
  text-align: center; 
  margin: 0 auto;
  }
#cloud a ,
.cloud a { 
  padding:3px; 
  text-decoration:none !important;
  }
#cloud a:hover,
.cloud a:hover { 
  font-weight:bold;
  text-decoration:underline !important;
  }
#cloud li,
.cloud li{
 text-align: center;
    list-style:none;  
    display: -moz-inline-stack;
  display: inline-block;
  zoom: 1; 
  *display: inline;
  } 
#cmsContent  {

}

 #cloud a.tag1, .cloud a.tag1 { font-size: 0.7em; font-weight: 100; color:#47adf9;}
 #cloud a.tag2, .cloud a.tag2 { font-size: 0.8em; font-weight: 200; color:#5eb5f6}
 #cloud a.tag3, .cloud a.tag3 { font-size: 0.9em; font-weight: 300; color:#2b96e5 }
 #cloud a.tag4, .cloud a.tag4 { font-size: 1.0em; font-weight: 400;  color:#1884d4}
 #cloud a.tag5, .cloud a.tag5 { font-size: 1.2em; font-weight: 500;  color:#1772b5}
 #cloud a.tag6, .cloud a.tag6 { font-size: 1.4em; font-weight: 600;  color:#a7cae4}
 #cloud a.tag7, .cloud a.tag7{ font-size: 1.6em; font-weight: 700;  color:#9cc3e0}
 #cloud a.tag8, .cloud a.tag8 { font-size: 1.8em; font-weight: 800;  color:#94c1e2}
 #cloud a.tag9, .cloud a.tag9{ font-size: 2.2em; font-weight: 900;  color:#66a8d8} 
 #cloud a.tag10, .cloud a.tag10 { font-size: 2.5em; font-weight: 900;  color:#79a0bd}  


