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

* { margin: 0px; padding: 0px; border: 0; }
body { background:url('images/bg_body.jpg') repeat-x top left #CCC; font-family: Verdana, Geneva, sans-serif; font-size: 11px; line-height: 138%; color: #000 }
a { color: #00A4DB; text-decoration: underline; }
a:hover { text-decoration: none; }
h1 { font-size: 16px; color: #333; font-weight: normal; margin: 0;}
h2 { margin: 10px 0 12px 0; padding: 0px; color: #E98019; font-weight: normal; font-size: 13px;}
h2 a, h3 a { text-decoration: none; }
h2 a:hover, h3 a:hover { text-decoration: underline; }
p.error { margin: 8px 0; color: #C00; }
span.red { font-size: 10px; color: #F00; }
div.clear { clear: both; }
/* CONTAINER */
div#outer { position: relative; margin: 0 auto; padding: 25px 0 0 0; width: 974px; min-height: 300px; }
a.red { color: #EC0006; }
a.green { color: #32A260; }
a.orange { color: #F59523; }
.siteLink { margin: 10px 0 0 0; }

/* HEADER */
div#header { float: left; position: relative; width: 974px; height: 140px; background: url('images/bg_header.png') no-repeat top left; }
div#header a#logo { position: absolute; top: 17px; left: 23px; width: 94px; height: 76px; }
div#header a.link { position: absolute; top: 17px; }
div#header a#multitrailer { left: 359px; }
div#header a#autoinrichting { left: 503px; }
div#header a#deautopoetser { left: 665px; }
div#header a#motorsteun { left: 834px; }
div#header a#grce { display: block; top: 6px; left: 866px; width: 68px; height: 55px; overflow: hidden; }
div#header div.line { position: absolute; top: 13px; left: 489px; width: 1px; height: 14px; background: #B6B6B6; }
div#header div#line2 { left: 647px;}
div#header div#line3 { left: 816px;}
div#header div#topnavigation { position: absolute; top: 105px; left: 8px; height: 35px; }
div#header div#topnavigation a { display: block; float: left; margin: 0px; padding: 12px 23px 0 23px; height: 23px; font-size: 13px; color: #FFF; font-family: Helvetica, Arial, sans-serif; text-decoration: none; text-transform: uppercase; background: url('images/bg_topnavigation_a.gif') no-repeat top right; }
div#header div#topnavigation a.active, div#header div#topnavigation a:hover { background: url('images/bg_topnavigation_a_active.gif') no-repeat top right; }
div#header div#topnavigation a#home { width: 118px; height: 35px; padding: 0px; background: url('images/bg_topnavigation_a_home.gif') no-repeat top left; }
div#header div#topnavigation a#home:hover { width: 118px; background: url('images/bg_topnavigation_a_home.gif') no-repeat bottom left; }
div#headerimg { display: block; float: left; padding: 10px 16px; width: 940px; height: 250px; overflow: hidden; background: url('images/bg_bodyblock.png') repeat-y top left}
div#photos { height: 250px; overflow: hidden; }
a#promo { position: absolute; top: 270px; left: 40px; width: 151px; height: 140px; z-index: 101 }

/* CONTENT */
div#bodyblock { float: left; padding: 10px 16px; width: 940px; min-height: 300px; background: url('images/bg_bodyblock2.png') repeat-y top left}
div#bodyblock div#main { float: left; width: 940px; background: url('images/bg_main.gif') repeat-y 0px 0; }
div#l-col { float: left; width: 205px; padding: 0px 0 0 0; margin: 0 12px 0 0; background: url('images/bg_l_col.jpg') no-repeat top left;}

/* BANNERS IN L-COL */
div.leftbanner { width: 205px; margin: 0 0 1px 0; padding: 0px; color: #FFF; background: #3A3A3A; }
div.leftbanner h3 { font-family: Helvetica, Arial, sans-serif; font-size: 16px; height: 24px; font-weight: normal; margin: 0 0 8px 0; padding: 10px 17px 0 17px; background: #626262 }
div.leftbanner.dark h3 { background: none; margin: 0px; }
div.leftbanner p { padding: 10px 0px 0 17px; }
div.leftbanner p a { display: inline-block; margin: 0 6px 15px 0; }

/* TEXT IN L-COL */
div.lefttext { width: 163px; margin: 0 0 1px 0; padding: 10px 17px 35px 17px; color: #000; }
div.lefttext a { color: #000; }

div#cont { float: left; position: relative; width: 723px; padding: 0 0 20px 0; }
div#cont h1 { height: 24px; padding: 10px 10px 0 10px; margin: 0 0 15px 0; font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #333; font-weight: normal; background: url('images/bg_h1.gif') repeat-x top left; }

.division { float: left; width: 723px; margin: 0 0 25px 0; }
.division .icon { float: left; width: 145px; text-align: center; }
.division .text { float: left; width: 350px; padding: 0 10px 0 0; }
.division .image { float: left; width: 218px; text-align: center; }

/* FOOTER */
div#footer { float: left; position: relative; width: 974px; height: 20px;text-align: center; padding: 150px 0px 15px 0px; color: #000; color: #333; font-size: 11px; background: url('images/bg_footer.png') no-repeat top left; }
div#footer a { color: #333; }
div#footer div#copyright { float: left; width: 671px; padding: 0 0 0 16px; text-align: left; }
div#footer div#webmaster { float: left; width: 271px; padding: 0 16px 0 0; text-align: right; }

div#footer div#banner1 { position: absolute; top: 0px; left: 16px; width: 205px; height: 120px; }
div#footer div#banner2 { position: absolute; top: 0px; left: 233px; width: 358px; height: 120px; }
div#footer div#banner3 { position: absolute; top: 0px; right: 16px; width: 358px; height: 120px; }

.overlay { display: none; background-image:url(http://www.grce.be/styles/images/bg_overlay_450.png);
	width:370px;
	height:281px;
	padding:40px;
}
.overlay h3 { font-size: 18px; color: #666; border-bottom: 1px solid #CCC; padding-bottom: 7px; margin-bottom: 30px; font-weight: normal; }
.overlay p { font-size: 14px; color: #000; line-height: 150% }
.overlay .close {
	background-image:url(http://www.grce.be/styles/images/apple-close.png);
	position:absolute;
	right:2px;
	top:4px;
	cursor:pointer;
	height:28px;
	width:28px;
}