/* 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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {outline: 0;}
body {line-height: 1;	color: black;	background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;	border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* MAIN */

html, body {font-family:"Arial"; font-size:12px; color:#231f20;}
body {border-top:#ffffff 7px solid; background-color:#373737; background-image:url(../images/bodyCols.jpg); background-repeat:repeat-y; background-position:top center;}

/* LAYOUT */

#wrap {width:971px; margin:0 auto;}
#header {height:201px; background:#ffffff url(../images/header.gif) repeat-x; position:relative;}
#beeldmerk {position:absolute; top:78px; left:648px; width:58px; height:83px;}

/* TOPMENU */

#topmenu {position:absolute; top:18px; right:0px;}
#topmenu li {display:inline; margin-right:24px;}
#topmenu a {color:#ffffff; text-decoration:none; line-height:18px;}
#topmenu a:hover {border-bottom:#fdc005 1px solid;}

/* WELKOMST TEKST */

#payoff { position:absolute; top:43px; left:0; width:479px; height:158px; }
#welkom {position:absolute; top:115px; width:530px; height:77px;}
#welkom p {font-weight:bold; line-height:18px; font-size:12px; padding:5px 0 0 40px;}

/* VLAKKEN */

#cols {clear:both; border-top:#373737 1px solid; margin-left:1px;}

#col1, #col2, #col3 {float:left; height:500px; position:relative;}
#col1, #col2, #col3 {border-right:#373737 1px solid;}
#col4 {float:left; height:284px; position:relative;}
#col5 {float:left; height:216px; position:relative;}

#col1 {width:243px; background:url(../images/col1.jpg) no-repeat;}
#col2 {width:234px; background:url(../images/col2.jpg) no-repeat;}
#col3 {width:234px; background:url(../images/col3.jpg) no-repeat;}
#col4 {width:256px; background:url(../images/col4.jpg) no-repeat;}
#col5 {width:256px;  }

.colLink {position:absolute; top:1px;}
.colLink a {display:block; height:38px; color:#231f20; font-size:16px; font-weight:bold; background:url(../images/colLink.jpg) repeat-x;}
.colLink a:hover {color:#ffffff;}
.colLink span {line-height:35px; padding-left:8px;}
#col1 .colLink a {width:126px;}
#col2 .colLink a {width:145px;}
#col3 .colLink a {width:219px;}
#col4 .colLink a {width:170px;}
#col5 .colLink a {width:158px;}

/*#col3 .colLink a {color:#FFFFFF;}
#col3 .colLink a:hover {color:#000000;}*/

.colContent {position:absolute; top:300px;}
.colContent p {line-height:15px; font-size:12px; margin:0 16px 14px 14px;}
.colContent h2 {font-size:26px; font-weight:normal; margin:0 16px 14px 14px;}
.readmore {color:#ffffff; font-style:italic; font-weight:bold;}
.readmore:hover {text-decoration:underline;}

#col1 .readmore {margin-left:135px;}
#col2 .readmore {margin-left:126px;}
#col3 .readmore {margin-left:126px;}
#col4 .readmore {margin-left:148px;}
#col5 .readmore {margin-left:148px;}

#col4 .colContent {top:206px; color:#FFFFFF;}
#col4 h2 {display:block; height:25px; width:256px; /*background:url(../images/col4_h2.jpg) repeat-x;*/ margin:0; margin-bottom:3px;}
#col4 h2 div {padding:2px 14px 0px 14px;}
#col4 .readmore {color:#FFFFFF; }
#col4 .colContent p {font-size:12px; margin:0 16px 0 14px;}

#col5 h2 div {padding-top:3px;}
#col5 .readmore {color:#000000; }
#col5 .colContent {top:72px; }
#col5 .date { font-size:10px; color:#87888a;margin: 0 16px 0 14px;}

.clearer {clear:both;}

/* RECHTERKANT - BANNERS, REFERENTIES, NIEUWS */

#vlak4 {padding-bottom:30px;}
#vlak4 span {color:#ffffff;}

.bannerheader {background:#f8b202; padding:20px; margin-bottom:1px;}
.bannerheader a {font-size:20px; color:#000000;}
.bannerheader a:hover {color:#ffffff;}

.bannerimage {margin-bottom:-1px;}

.newsitem {background:#f8b202; padding:20px; margin-bottom:1px;}
.newsitem h5 {font-size:20px; color:#231f20; font-weight:normal; margin-bottom:10px;}
.newsitem p {color:#ffffff; line-height:14px;}
.newsitem p.readon {margin:20px 0 0 120px;}
.newsitem p.readon a {color:#ffffff; font-size:12px; font-weight:bold; font-style:italic;}
.newsitem p.readon a:hover {text-decoration:underline;}

/* ELEMENTEN */

h1 a {position:absolute; top:72px; left:639px; display:block; width:260px; height:100px; background:url(../images/h1.jpg) no-repeat; text-indent:-9999px;}
a {text-decoration:none;}