/* -------------------------------------------------------------- reset.css -------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
body{line-height:1.5}
table{border-collapse:separate;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal}
table,td,th{vertical-align:middle}
a img{border:none}

/* -------------------------------------------------------------- typography.css -------------------------------------------------------------- */
body{ font-size:75%;  color:#2b2d2a;  background:#fff;  font-family:Helvetica,Arial,sans-serif}
h1, h2, h3, h4, h5, h6{font-weight:normal; color:#e51b24}
h1{font-size:3.6em; line-height:1; margin-bottom:0.15em}
h2{color:#2b2d2a; font-size:2.5em; margin-bottom:0}
h3{font-size:1.25em; line-height:1; margin-bottom:0.5em}
p{margin:0 0 1.5em}
p img{float:left; margin:1.5em 1.5em 1.5em 0; padding:0}
.clear{clear:both; line-height:0}
a:focus, 
a:hover{color:#2b2d2a}
a{color:#E31B23; text-decoration:underline}
strong{font-weight:bold}
li ul{margin:0 1.5em}
ul{margin:0 1.5em 1.5em 1.5em}
ul{list-style-type:disc}
table{margin-bottom:1.4em; width:100%}
th, td{padding:4px 10px 4px 5px}

/* -------------------------------------------------------------- layout.css -------------------------------------------------------------- */
html, body{height:100%}
div#wrapper{background:#fff url('/media/img/kikker-foot.png') no-repeat bottom right; margin:0 auto -130px; min-height:100%; height:auto !important; height:100%; width:960px}
div#head{border-bottom:1px solid #a1a1a4; float:left; height:100px; position:relative; width:960px}
div#head img{float:left; margin:15px 20px}
div#head ul{list-style:none; margin:0; position:absolute; right:0px; top:75px}
div#head li{display:inline}
div#head li a{background-position:top center; background-repeat:no-repeat; display:block; float:left; height:24px; margin-left:25px}
div#head span{display:none}
div#head li a:hover, div#head li a.active{border-bottom:2px solid #E31B23}
li#menu-home a{background-image:url('/media/img/menu-home.png'); width:48px}
li#menu-producten a{background-image:url('/media/img/menu-producten.png'); width:209px}
li#menu-overons a{background-image:url('/media/img/menu-overons.png'); width:87px}
div#content{float:left; width:960px}
div.content-head{float:left; padding:20px; width:920px}
div.content-left{float:left; padding:0 20px; width:600px}
div.content-right{float:left; min-height:250px; height:auto !important; height:250px; padding:35px 20px 0 20px; width:280px}
div.content-right img{display:block; margin-bottom:25px}
div#push{clear:both; height:130px}
div#foot-container{background:#a1a1a4; height:130px}
div#foot-content{background:#a1a1a4 url('/media/img/kikker-foot.png') no-repeat bottom right; height:130px; margin:0 auto; width:960px}
div#foot-content p{font-size:95%; margin:20px 20px 0 20px}
div.kolom1{background:#a1a1a4 url('/media/img/foot-border.png') no-repeat top right; color:#d8d9da; float:left; height:130px; width:320px}
div.kolom1 a{color:#d8d9da; text-decoration:none}
div.kolom2{background:#a1a1a4 url('/media/img/foot-border.png') no-repeat top right; color:#e7e7e8; float:left; height:130px; width:320px}
div.kolom2 a{color:#e7e7e8; text-decoration:none}
div.kolom2 table{font-size:95%; margin:0 20px}
div.kolom2 table td{padding:0; vertical-align:top}
body#producten div.content-left{padding-top:53px; width:280px}
body#producten div.content-left img{display:block; float:right; margin-bottom:53px}
body#producten div.content-right{min-height:310px; height:auto !important; height:310px; width:600px}
body#overons div.content-left{width:599px}
body#overons div.content-right{border-left:1px solid #E2E3E5; min-height:145px; height:auto !important; height:145px; padding-left:0px; width:280px}
body#overons div.content-right ul{list-style:none; margin:0}
body#overons div.content-right li{display:inline}
body#overons div.content-right a{color:#2b2d2a; display:block; height:24px; line-height:24px; padding-left:20px; text-decoration:none}
body#overons div.content-right a.active, div.content-right a:hover{background:transparent url('/media/img/menu-bullet.png') no-repeat left center}
body#overons div.content-left img{border:1px solid #E2E3E5; display:inline; padding:2px}
* html body#overons div.content-left img{display:none}
body#overons div.content-left td{padding:0}