/* CSS Document */

html, body {
	margin:0;
	padding:0;
}

html {
	overflow: auto;
}

body {
	background-color: #65bd35;
	background-image:url(../../images/bgBody.gif);
	background-repeat:repeat-y;
	background-position:center;
}
div {  }
h1 { font-size: 15px; font-weight: bold; margin-bottom: 15px; }
h3 { color:#000; font-family:Arial; font-size:15px; font-weight:700; }

#wrapper {
	width:972px;
	margin-left:auto;
	margin-right:auto;
}

#header{
	width:972px;
	height:204px;
	background-image:url(../../images/header.jpg);
}

#content {
	width:972px;
}

#content_left {
	float:left;
	width: 598px;
	background-image:url(../../images/content_left_bg.gif);
	background-repeat:no-repeat;
	height:260px;
	min-height:260px;
}

#content_left_text {
	margin-top:65px;
	margin-left:35px;
	margin-right:100px;
	font-family:Arial;
	font-size:13px;
}

#content_right {
	float: left;
	width: 374px;
}

#logo {
	background-image:url(../../images/logo.jpg);
	width:374px;
	height: 107px;
}

#article { width:374px; height:272px; min-height:272px; background-image:url(../../images/content_right_bg.gif); background-repeat:no-repeat; background-color:#8cce1b; padding-top:30px; }

#article_text {
	margin-top:10px;
	margin-left:19px;
	font-family:Arial;
	font-size:13px;
	color:#fff;
}

/* Absolute elementen */

#menu {
 position:absolute;
}

#buttonsSmall {
 width:152px;
 height:62px;
 background-image:url(../../images/btnsSmall.gif);
 position:absolute;
 top:155px;
 margin-left:47px;
 z-index:100;
}

#buttonMid {
 height:180px;
 width:180px;
 position:absolute;
 top:166px;
 margin-left:483px;
 z-index:100;
}
#buttonMidProject { background-image: url(../../images/rondje_projecten.gif); margin-left: 483px; position: absolute; z-index: 100; top: 166px; width: 180px; height: 180px; }
#buttonMidDiensten { background-image: url(../../images/rondje_auto.gif); margin-left: 483px; position: absolute; z-index: 100; top: 166px; width: 180px; height: 180px; }
#buttonTitle {
 height:30px;
 width:241px;
 position:absolute;
 top:211px;
 margin-left:159px;
 background-image:url(../../images/btnTitle.gif);
 background-repeat: no-repeat;
 padding-left:10px;
 padding-top:5px;
 font-family:Arial;
 font-size:22px;
 color:#FFF;
}

#quickLinks {
 font-family:Arial;
 font-size:13px;
 color:#FFF;
 position:absolute;
 top:180px;
 margin-left:653px;
 z-index:101;
}

#quickLinks a {
 text-decoration:none;
 color:#FFF;
}
#quickLinks a:hover { color: #000; text-decoration: none; }
/* Einde absolute elementen */

/*---------------------------------------------------------- clear fix */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*-------------------------------------------------------- */
a { color: #425d2d; text-decoration: underline; }
a:hover { color: #000; }
td { font-size: 12px; }
.lijn { border-right: 1px solid #425d2d; }
.kader { border: solid 1px #8cce1b; }
a.leesmeer { color: #fff; font-weight: 700; }
a.leesmeer:hover { color: #fff; font-weight: 700; }