/* 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, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

img {
	margin:0;
	padding:0;
	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:"Arial"; font-size:12px; color:#000; background-color:#ccc; }
body {overflow-y:scroll;}

/* LAYOUT */

#wrap {width:985px; background:url("../images/wrapBg.gif") repeat-y; position:relative; margin:0 auto;}
#header {height:149px; border-bottom:#fff 1px solid;}
	#header div {float:left;}
	#logo {width:707px; border-right:#fff 1px solid;}
		#logo a {display:block; width:707px; height:149px; background:url("../images/logoCarbidsite.jpg"); text-indent:-9999px;} /* plaatsen logo plus verwijzen homepage */
	#headerImg {width:277px;}
#colMain {width:846px; float:left;}
	#main {}
		#subMenuWrap {width:151px; float:left;}
		#contentWrap {width:695px; float:left;}
			#content {padding:30px 10px 0px 10px;}
#colRight {width:139px; float:left;}

/* MAIN MENU */

#mainMenu {margin-left:12px; height:31px; background:url("../images/mainMenuBg.png") repeat-x;}
#mainMenu li {float:left; border-right:#fff 1px solid;}
#mainMenu a {display:block; float:left; padding:1px 5px 9px 5px; width:128px; height:21px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#fff;}
#mainMenu a:hover, #mainMenu a.selected {background:url("../images/mainMenuItemBgHover.png") repeat-x;}
#mainMenu .arrow {display:none;}

/* BREADCRUMBS */

#breadcrumbs {margin-left:151px; color:#87888a; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px; line-height:29px; background:#fff;}
#breadcrumbs li {display:inline; margin-right:3px;}
#breadcrumbs a, #breadcrumbs span.separator {color:#959595; font-family:"Arial";}
#breadcrumbs a:hover, #breadcrumbs a.selected {text-decoration:underline;}

/* SUB MENU */

#subMenuWrap h2 {margin:35px 0 10px 12px; color:#dd291e; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; padding:0;}
#subMenu {margin:0 0 0 12px; padding-right:10px;}
#subMenu li {margin-bottom:3px;}
#subMenu a {padding-left:10px; display:block; width:119px; background-image:url("../images/subMenuBullet.gif"); background-repeat:no-repeat; background-position:left 3px; line-height:12px; color:#000; font-size:10px;}
#subMenu a:hover, #subMenu a.selected {color:#dd291e;}

/* FOOTER LEFT */

#footerLeft {position:absolute; bottom:10px; left:12px;}
#footerLeft p, #footerLeft a {color:#a00000; font-size:10px; line-height:12px;}
#footerLeft a:hover {text-decoration:underline;}

/* NEWSLETTER */

#newsletter h3 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; line-height:15px; color:#fff; background:#000; border-bottom:#fff 1px solid; text-align:center;}
#newsletter #newsletterFormBg {padding:7px; background:#808080; border-bottom:#fff 1px solid;}
#newsletter .row {text-align:right; margin-bottom:5px;}
#newsletter .field {width:120px; border:0;}
#newsletter .button {width:90px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; font-size:11px; border:0; background:none;}
#newsletter .button:hover {color:#000;}

/* NEWS BLOCK */

#newsBlock {background:#666; border-bottom:#fff 1px solid; height:100px;}
#newsBlock h3 {padding:7px; font-size:10px; font-weight:bold; color:#fff;}
#newsBlock ul {padding-bottom:10px; color:#fff; padding:0 7px 7px 7px; font-size:10px; line-height:12px;}
#newsBlock a {padding-left:10px; color:#fff; font-size:10px; display:block; width:115px; line-height:12px; background-image:url("../images/arrow.gif"); background-repeat:no-repeat; background-position:left 4px;}
#newsBlock a:hover {text-decoration:underline;}

/* FORMS */

#basicForm {margin-bottom:20px; position:relative;}
label {width:200px; display:inline-block; line-height:16px;}
input {font-family:"Arial"; font-size:12px;}

.row {margin-bottom:5px;}
.field {width:250px; border:#808080 1px solid; padding:2px;} /* specifieke opmaak voor een input type="text" */
.button {background:#666; color:#fff; padding:4px 0; font-weight:bold; border:0; cursor:pointer;} /* specifieke opmaak voor een input type="submit" */
.button:hover {background:#a00000;}
#basicForm .button {margin:20px 0 0 204px; }
.formtextonly {color:#a00000; font-weight:bold; letter-spacing:1px; font-size:13px; margin:20px 0 10px 0; padding:0 !important;}
#captcha {margin:20px 0 0 204px;}
#captcha p {padding:10px 0 !important;}

span.amount {color:#666; position:absolute; top:30px; left:470px;}

/* 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%;}

/* CLASSES */

.clearer {clear:both;} /* 'clearen' van voorafgaande floats */
.error { color:red;}
.bgerror { background-color:red;}
.required {font-weight:bold;}

/* ELEMENTS */

h1 {color:#a00000; font-size:18px; font-weight:normal; padding-bottom:20px;}
h2 {color:#a00000; font-size:14px; padding-bottom:20px;}
h3 {color:#a00000; font-weight:bold; padding-bottom:2px;}

a {text-decoration:none;} /* algemene links */
a:hover {}

#content p {line-height:16px; padding-bottom:20px;}

#content a {color:#000; border-bottom:1px dotted;} /* links binnen content area */
#content a:hover {border-bottom:1px solid;}

#content ol {list-style-type:decimal; padding:0 0 20px 22px;} /* ordered lists in div "content" */
#content ul {list-style-type:disc; padding:0 0 20px 22px;} /* unordered lists in div "content" */

strong {font-weight:bold;}
italic {font-style:italic;}
em {font-style:italic;}
u {text-decoration:underline;}
sup {vertical-align:super;}
sub {vertical-align:sub;}