@charset "utf-8";
/* CSS Document */

/*** DEFAULT ***/
html, body	{ height: 100%; margin: 0; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; background: url(../images/background-gradient.gif) repeat-x top #d1d3d4; }
input, select, textarea	{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }

#wrapper	{ min-height: 100%; /*padding: 0 0 30px 0;*/ background: url(../images/background.gif) no-repeat top; }

a			{ text-decoration: none; }
a img		{ border: 0; }

form	{ margin: 0; padding: 0; }

/*** HEADER ***/
#header		{ height: 76px; background: #000; margin: 0 0 3px; }
#header img.logo	{ float: left; margin: 25px; }

/* menu */
#menu		{ float: right; text-align: right; }
#menu ul		{ display: block; margin: 30px 15px 0 0; padding: 0; list-style: none; float: right; }
#menu ul li		{ float: left; margin: 0 0 0 12px; }
#menu ul li a	{ display: block; font-size: 10px; text-transform: uppercase; color: #FFF; }
#menu ul li a:hover, #menu ul li a.active	{ color: #ffc124; }

#menu ul.language		{ float: right; margin: 7px 14px; }
#menu ul.language li	{ margin: 0; }
#menu ul.language li a		{ color: #a4a4a4; background: #e0e0e0 url(../images/lang-border.gif) no-repeat right; border-top: 1px solid #868686; border-bottom: 1px solid #868686; padding: 0 5px; }
#menu ul.language li a.last	{ background-image: none; }
#menu ul.language li a:hover, #menu ul.language li a.active 	{ color: #666666; background-color: #FFF; }

/* zoeken */
#header form		{ margin: 8px 0 0 12px; float: right; padding: 0; }
#header form span	{ float: left; padding: 0 2px 0 0; background: url(../images/input-right.gif) no-repeat right; }
#header form input				{ width: 125px; height: 12px; float: left; padding: 2px; font-size: 10px; border: none; margin: 0; background: url(../images/input-left.gif) no-repeat; }
#header form input.submit		{ width: auto; height: 14px; text-transform: uppercase; background: #000; color: #FFF; border: none; cursor: pointer; margin: 0 0 0 5px; padding: 0; }
#header form input.submit:hover	{ color: #ffc124; }

/*** CONTENT ***/
#flash		{ color: #FFF; margin: 0 0 40px; }
#flash p	{ font-size: 12px; margin: 0; padding: 10px; }

#flash span, #flash a.link	{ width: 298px; background: #333333; float: left; color: #bdbfc1; margin: 0 3px 3px 0; padding: 19px 10px 7px; text-transform: uppercase; font-size: 15px; }
#flash a.link:hover			{ background: #FFF; color: #ffc124; }
#flash img	{ float: left; margin: 0 3px 0 0; }
#flash .nomargin	{ margin: 0; }

#content	{ margin: 0 0 30px 0; }
#content .stretch	{ min-height: 420px; }
.grid_4 .left		{ position: absolute; margin: -130px 0 0 0; }

h1		{ font-size: 14px; color: #ffc124; margin: 0 0 10px 0; }
h2		{ font-size: 14px; color: #ffc124; font-weight: normal; margin: 0 0 10px 0; }
h2 a	{ color: #ffc124; }
p		{ font-size: 11px; margin: 12px 5px; color: #808080; line-height: 16px; }
p a, li a				{ color: #ffc124; }
p a:hover, li a:hover	{ color: #808080; }

li		{ font-size: 11px; color: #808080; line-height: 16px; }

img.right	{ float: right; margin: 0 0 10px 10px; border: 1px solid #c3c3c3; padding: 3px; background: #FFF; }

/* news */
.news-small	{ margin: 0 0 20px 0; }
.news-small h1			{ font-size: 11px; text-transform: uppercase; color: #333; font-weight: normal; margin: 5px 0; }
.news-small div.text	{ font-size: 11px; margin: 12px 5px; color: #808080; line-height: 16px; }
.news-small div.text p	{ margin: 12px 0; }

span.more	{ display: inline-block; height: 14px; padding: 0 2px 0 0; background: url(../images/link-right.gif) no-repeat right; }
span.more a	{ height: 12px; padding: 0 8px 2px; display: inline-block; background: url(../images/link-left.gif) no-repeat left; color: #9e9e9e; }
span.more a:hover	{ color: #ffc124; padding: 0 12px 2px; }

p.date		{ font-style: italic; margin: 10px 0; }

ul.archive		{ margin: 0; padding: 0; list-style: none; }
ul.archive li	{ display: block; font-size: 11px; padding: 0 0 5px 0; }
ul.archive li span	{ padding: 0 5px 0 0; }
ul.archive li a		{ color: #808080; }
ul.archive li a:hover	{ color: #FFC124; }

/* slideshow logos */
#slideshow-logos img.boundary	{ display: block; }
#slideshow-logos #middle		{ background: url(../images/slideshow-logos-middle.gif) repeat-y; padding: 0 2px; }
#slideshow-logos #background	{ width: 255px; height: 170px; background: url(../images/background-slideshow-logos.gif) repeat-x bottom; padding: 7px 20px; text-align: center; }
#slideshow-logos .logo			{ display: block; margin: 10px 0; }
#slideshow-logos .list			{ line-height: 0; font-size: 1px; }
#slideshow-logos .list .image	{ width: 256px; height: 122px; background: #FFFFFF; border-collapse: collapse; border: none; margin: 10px 0; }
#slideshow-logos .list span		{ width: 18px; height: 18px; display: inline-block; font-size: 1px; line-height: 1px; background: url(../images/slideshow-not-active.gif) no-repeat; }
#slideshow-logos .list span.active	{ background: url(../images/slideshow-active.gif) no-repeat; }

/* kruimelpad */
#breadcrumble	{ width: 340px; background: #666; margin: 0 0 30px -10px; border-top: 1px solid #cacaca; background: #FFF; text-transform: uppercase; font-size: 11px; line-height: 12px; font-family: Arial, Helvetica, sans-serif; padding: 4px 10px; }
#breadcrumble a	{ color: #000; text-decoration: underline; }
#breadcrumble a:hover	{ color: #FFC124; text-decoration: none; }
#breadcrumble a.active	{ color: #FFC124; text-decoration: none; cursor: default; }

/* video */
.video-home	{ width: 290px; color: #FFF; border: 1px solid #CCC; margin: 0 4px; font-size: 11px; }
.video	{ width: 290px; background: #000; color: #FFF; padding: 5px; margin: 0 0 12px; font-size: 11px; }

.two-column-content	{ min-height: 250px; background: url(../images/2-columns-background.png) no-repeat; padding: 15px; }
.two-column-content img.top	{ padding: 0 0 10px 0; }

.product-preview	{ width: 260px; float: left; background: #e6e6e6; margin: 12px; padding: 5px; }
.product-preview-gradient	{ min-height: 125px; border: 1px solid #FFF; padding: 10px; background: url(../images/product-preview-gradient.gif) repeat-x #FFF; }
.product-preview h2			{ color: #fdc027; margin: 0; font-weight: normal; font-size: 21px; text-transform: uppercase; }
.product-preview img		{ float: right; border: 1px solid #FFF; padding: 0 0 18px 0; margin: 0 0 0 5px; background: url(../images/product-preview-img-gradient.gif) repeat-x bottom; }
.product-preview a			{ color: #000; font-size: 10px; background: url(../images/link-arrow-black-small.gif) right no-repeat; padding: 0 10px 0 0; }
.product-preview a:hover	{ color: #ffc124; }

.category-small				{ width: 260px; float: left; background: #e6e6e6; margin: 12px; padding: 5px; }
.category-small-gradient	{ border: 1px solid #FFF; padding: 10px; background: url(../images/product-preview-gradient.gif) repeat-x #FFF; }
.category-small h2			{ width: 100%; color: #333; margin: 0; font-weight: normal; font-size: 14px; text-transform: uppercase; }
.category-small img			{ float: left; border: 1px solid #FFF; padding: 0 0 18px 0; margin: 10px 10px 0 0; background: url(../images/product-preview-img-gradient.gif) repeat-x bottom; }
.category-small p			{ float: left; }
/*.category-small a			{ color: #000; font-size: 10px; background: url(../images/link-arrow-black-small.gif) right no-repeat; padding: 0 10px 0 0; }
.category-small a:hover		{ color: #ffc124; }*/

.category-wide				{ width: 554px; float: left; background: #e6e6e6; margin: 12px; padding: 5px; }
.category-wide-gradient	{ border: 1px solid #FFF; padding: 10px; background: url(../images/product-preview-gradient.gif) repeat-x #FFF; }
.category-wide h2			{ width: 100%; color: #333; margin: 0; font-weight: normal; font-size: 14px; text-transform: uppercase; }
.category-wide p			{ width: 123px; float: left; }
.category-wide img			{ display: block; border: 1px solid #FFF; padding: 0 0 18px 0; background: url(../images/product-preview-img-gradient.gif) repeat-x bottom; }

hr	{ height: 1px; border: 0; background-color: #c7c7c7; color: #c7c7c7; margin: 10px 0; }

/* stappenplan */
#steps		{ position: relative; }

#steps h3	{ margin: 5px 15px; font-size: 14px; font-weight: normal; text-transform: uppercase; color: #999; }
#steps label	{ display: block; margin: 0 15px 4px 15px; font-size: 13px; font-weight: normal; text-transform: uppercase; color: #ffc124; }

#steps ul	{ height: 165px; margin: 0; padding: 0 1px; list-style: none; background: #000; color: #FFF; }
#steps li	{ width: 238px; float: left; background: url(../images/steps-li-gradient.gif)  no-repeat bottom right; padding: 5px 0 30px 0; }
#steps li.arrow	{ width: 52px; height: 59px; position: absolute; background: url(../images/steps-arrow.png) no-repeat; left: 0; }
li.one		{ margin: 50px 0 0 210px; }
li.two		{ margin: 50px 0 0 448px; }
li.three	{ margin: 50px 0 0 686px; }

#steps fieldset	{ height: 100px; margin: 0 0 0 5px; padding: 5px 0 3px 0; border: 0; background: url(../images/steps-fieldset-gradient-light.gif) repeat-x bottom; }
#steps input		{ width: 120px; margin: 0; padding: 3px; background: none; border: none; color: #FFFFFF; text-transform: uppercase; font-size: 10px; }
#steps input.radio	{ float: left; margin: 2px; width: auto; }
#steps input.submit	{ width: 83px; height: 21px; float: right; margin: 4px 35px; background: url(../images/steps-submit.gif) no-repeat; padding: 0; color: #000; font-size: 10px; cursor: pointer; }
#steps input.submit:hover	{ color: #FFF; }
#steps label.error			{ color: #fe1e1e; display: inline-block; }
#steps p		{ min-width: 170px; height: 18px; display: inline-block; background: #000; margin: 3px 25px 0; padding: 1px; font-size: 10px; text-transform: uppercase; }
#steps p.small	{ min-width: 75px; float: left; margin: 3px 10px 0 30px; }
#steps p.right	{ margin: 3px 0 0 0; }
#steps p.text	{ min-width: 67px; height: auto; color: #FFF; padding: 13px 5px; font-size: 21px; text-align: center; }
#steps span		{ float: left; color: #FFF; margin: 1px 5px 0 5px; }

/* blocks */
.action-block	{ width: 290px; float: left; margin: 0 8px 0 0; background: #333; }
.action-block h4	{ color: #ffc124; margin: 5px; background: #000000; font-weight: normal; padding: 5px; }
.action-block p		{ color: #FFF; }
.small-block	{ width: 290px; float: left; background: #FFF; border: 1px solid #c5c5c5; }

/* downloads */
ul.downloads 	{ margin: 0; padding: 0; list-style: none; }
ul.downloads li	{ border-bottom: 1px solid #c7c7c7; padding: 15px 25px 5px; background: url(../images/list-item-circle.gif) left no-repeat; color: #4d4d4d; font-size: 12px; }
ul.downloads li span	{ float: left; padding: 7px 0 0; }
ul.downloads li a			{ color: #4d4d4d; }
ul.downloads li a:hover		{ color: #ffc124; }
ul.downloads li img		{ float: right; }

/* contact / formulieren */
#content form		{ margin: 0 5px; }
#content form div	{ margin: 0 0 10px 0; }
#content form span	{ float: left; margin: 0 10px 0 0; font-size: 12px; color: #808080; }
#content form label	{ display: block; margin: 0 0 2px 0; }
label.error			{ color: #fe1e1e; }
#content form input, select, textarea	{ font-size: 12px; color: #808080; }

form #firstname		{ width: 100px; }
form #lastname		{ width: 150px; }
form#contact #telephone		{ width: 180px; }
form#contact #email			{ width: 180px; }
form #comment		{ width: 375px; }

#content input.submit	{ width: 83px; height: 21px; margin: 10px 0; background: url(../images/steps-submit.gif) no-repeat; padding: 0; color: #000; font-size: 10px; cursor: pointer; border: none; text-transform: uppercase; }
#content input.submit:hover	{ color: #FFF; }

/* zoeken */
.searchresult	{ padding: 10px 0; margin: 0 0 10px 0; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }


/*** FOOTER ***/
#footer		{ height: 110px; }
#footer p	{ height: 50px; text-align: center; font-size: 9px; color: #FFFFFF; margin: 0; padding: 15px 0; background: #000; }
#footer span	{ padding: 0 15px; }
#footer a		{ color: #FFF; }
#footer a:hover	{ color: #ffc124; }