/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	background:transparent;
}
img {border:0; outline:0; font-size:100%; background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
/* tables benodigen nog 'cellspacing="0"' in de markup */
table {border-collapse:collapse; border-spacing:0;}

/* MAIN */
html, body {font-family:"Verdana"; font-size:10px; line-height:20px; color:#646464;}
img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
	z-index:-10;
}

/* LAYOUT */
#header-wrap {height:60px; background:url("../images/header-bg.png") repeat-x top;}
#header {width:960px; margin:0 auto; padding:0 30px 0 10px; position:relative;}
#logo {display:block; width:262px; height:60px; background:url("../images/logo-kruitbosch.png") no-repeat; text-indent:-9999px;}
#outer-wrap {width:1000px; margin:0 auto; background:url("../images/outer-wrap-bg.png") repeat;}
#inner-wrap {width:980px; padding:10px 10px 0 10px; min-height:617px; background:url("../images/inner-wrap-bg.png") no-repeat;}
#wrap {padding:10px 20px 0 20px; position:relative; background:#fff;}
#footer-wrap {border-top:#ccc 1px solid; background:#fff;}
#footer {width:940px; padding:15px 30px; margin:0 auto; background:url("../images/footer-bg.png") no-repeat center 1px; min-height:200px;}
#main {background:url("../images/main-bg.jpg") no-repeat top; position:relative;}
#content {width:606px; min-height:284px; padding:50px 25px 0 15px;}

/* SHOPSMENU */
#shopsmenu {position:absolute; right:30px; top:0px; line-height:14px; color:#fff;}
#shopsmenu li {float:left; margin:0 3px;}
#shopsmenu a {color:#fff; float:left; text-decoration:none; text-transform:lowercase;}
#shopsmenu a:hover {text-decoration:underline;}

/* MAINMENU */
.level-A {border-bottom:#fff 1px solid; background:#fff; position:absolute; left:20px; top:10px; padding-right:1px; z-index:5;}
.level-A li {border-left:#fff 1px solid; float:left; position:relative;}
.level-A a {display:block; width:auto; background-image:url("../images/mainmenu-a-bg.png"); background-repeat:no-repeat; background-position:top left; height:auto; line-height:35px; padding:0 15px; font-size:12px; color:#004b96; letter-spacing:1px; float:left; text-transform:lowercase; text-decoration:none;}
.level-A a:hover {background-position:bottom left; color:#fff;}
.level-A a.selected {background-position:bottom left !important; color:#fff !important;}

/* Subs */
.level-A li li {float:none; border:none;}
.level-A li li a {color:#969696; background-image:url("../images/mainmenu-sub-a-bg.png"); font-size:11px; line-height:17px; width:116px; padding:3px 15px; float:none;}
.level-A ul {display:none; padding:0 12px 12px 12px; width:146px; background-image:url("../images/mainmenu-sub-bg.png"); background-repeat:no-repeat; background-position:bottom; position:absolute; left:-12px; top:35px; z-index:1;}
.level-A ul ul {left:134px; top:0; background-image:url("../images/mainmenu-subsub-bg.png"); z-index:2;}

/* Mouse-overs */
.level-A li:hover ul {display:block;}
.level-A li:hover ul ul {display:none;}
.level-A li:hover ul ul ul {display:none;}
.level-A ul li:hover ul {display:block;}

.level-A li:hover a, .level-A li.hover a {background-position:bottom left; color:#fff;}
.level-A li:hover li a, .level-A li.hover li a {background-position:top left; color:#969696;}
.level-A li:hover li a:hover, .level-A li.hover li a:hover {background-position:bottom left; color:#fff;}
.level-A li:hover li:hover a, .level-A li.hover li.hover a {background-position:bottom left; color:#fff;}
.level-A li:hover li:hover li a, .level-A li.hover li.hover li a {background-position:top left; color:#969696;}
.level-A li:hover li:hover li a:hover, .level-A li.hover li.hover li a:hover {background-position:bottom left; color:#fff;}

/* BANNER ROTATOR */
#banner-rotator {margin:10px 0; height:310px; position:relative; z-index:1; background:#000; overflow:hidden;}
.banner-item {width:940px; height:310px;}
.banner-txt {color:#fff; letter-spacing:1px; position:absolute; top:27px; right:0; height:223px; width:264px; padding:30px 15px; background:url("../images/banner-txt-bg.png") no-repeat;}
.banner-txt .content {font-size:11px; height:225px; overflow:hidden;}
.banner-txt .content p {padding-bottom:20px;}
.banner-txt .content a {color:#0080ff; text-decoration:none;}
.banner-txt .content a:hover {border-bottom:1px solid;}
.banner-txt .content h2, .banner-txt .content h3 {font-size:14px; font-weight:normal; color:#fff; font-style:italic; padding-bottom:20px;}

/* BANNER RIGHT */
#banner-right {position:absolute; right:-30px; top:0; width:333px; height:334px;}

/* BREADCRUMBS */
#breadcrumbs {position:absolute; top:330px; left:-10px; font-size:11px; line-height:18px; color:#fff; width:601px; height:20px; padding:0 0 0 45px; background:url("../images/breadcrumbs-bg.png") no-repeat; z-index:2;}
#breadcrumbs a {font-size:11px; color:#fff; text-decoration:none; text-transform:lowercase;}
#breadcrumbs a:hover {border-bottom:1px solid;}
#breadcrumbs span {padding:0 5px;}

/* LATEST NEWS (frontpage) */
#latest-news {padding:15px 0 0 0; background:url("../images/latest-news-bg.png") no-repeat top;}
#latest-news .news-item {width:278px; padding:0 30px 0 15px; float:left; background:url("../images/news-item-separator.png") no-repeat;}
#latest-news .last {width:279px; padding:0 0 0 15px;}
#latest-news .news-item h2 {font-size:10px; text-transform:uppercase; font-weight:bold;}
#latest-news .readon {text-align:right;}
#latest-news .readon a {text-transform:lowercase; border:0;}

/* NEWS */
#news {margin-top:36px; position:relative; margin-left:-30px;}
#news h2 {font-size:14px; font-weight:normal; padding-bottom:20px;}
#news p {padding-bottom:20px;}
#news .news-item {padding:0 0 20px 30px; background:url("../images/news-item-bg.png") no-repeat;}
#news .date {display:block; color:#fff; font-size:11px; line-height:18px; padding:0 0 12px 15px;}
#news .content {width:623px; float:left; padding:5px 0 0 0;}
#news .image {width:317px; float:left; position:relative;}
#news .image img {padding:4px;}
#news .mask-top {position:absolute; top:0px; left:0; width:306px; height:130px; background:url("../images/mask-top.png") no-repeat;}
#news .mask-bottom {position:absolute; bottom:6px; left:0; width:306px; height:160px; background:url("../images/mask-bottom.png") no-repeat;}

/* FOOTER */
#footer ul {min-height:200px; width:210px; padding:0 15px; background:url("../images/footer-separator.png") no-repeat left -20px; float:left;}
#footer a {color:#969696; text-transform:lowercase; text-decoration:none;}
#footer a:hover {border-bottom:1px solid;}
#footer ul li:first-child, #footer ul li:first-child a {font-weight:bold; color:#004b96; letter-spacing:1px; text-transform:lowercase;}
#footer ul.last {width:205px; padding:0 0 0 15px;}

/* FORMS */
.basicForm {padding-bottom:20px;}
.basicForm label {width:100px; display:inline-block; vertical-align:top;}
.basicForm input, .basicForm textarea {font-family:"Verdana"; font-size:11px; color:#646464;}
.basicForm .field, .basicForm textarea {border:#004b96 1px solid; padding:3px; width:200px;}
.basicForm textarea {height:80px;}
.basicForm .button {margin-top:10px; padding:3px; font-weight:bold; background:#004b96; color:#fff; border:0; cursor:pointer;}
.basicForm .button:hover {background:#003265;}
.basicForm .row {padding-bottom:5px;}
.basicForm span.required {font-weight:bold;}
#main .basicForm p {padding-bottom:0;}
.basicForm ul, .basicForm h3, .basicForm .requiredFields,
.basicForm #captcha, .basicForm .form_element_onlytext p, .basicForm .button {margin-left:103px;}
.basicForm .requiredFields {margin-top:10px;}

/* ELEMENTS */
h1 {color:#004b96; font-size:14px; letter-spacing:1px; font-weight:normal; padding-bottom:20px;}
h2 {color:#004b96; letter-spacing:1px;}
h3 {color:#004b96; letter-spacing:1px;}
#main a, #news a {color:#004b96; border-bottom:1px dotted; text-decoration:none;}
#main a:hover, #news a:hover {border-bottom:2px solid;}
#main p {padding-bottom:20px;}
#main h2 {font-size:12px;}

/* CLEARFIX */
.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}