/* CSS Document */
*{
	margin: 0;
	padding: 0;
}

.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 */

body{
	background: #12222f url(../img/bg.gif) repeat-x;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
}

/*Logo en menu*/
#top{
	padding: 18px 0 0 0;
	width: 830px;
	margin: auto;
	overflow: hidden;
	height: 128px;
}
#top #logo a{
	display: block;
	background: url(../img/logo.gif) no-repeat;
	text-indent: -9999em;
	height: 45px;
	width: 152px;
	overflow: hidden;
}
#mainmenu{
	margin: 22px 0 0 0;
}
#mainmenu li{
	list-style: none;
	float: left;
}
#mainmenu li a{
		float: left;
		color: #fff;
}
#mainmenu #home a{
	height: 43px;
	width: 60px;
	background: url(../img/home.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999em;
	margin: 0 2px 0 0;
}
#mainmenu #home a:hover, #mainmenu #home .selected{
	height: 43px;
	width: 60px;
	background: url(../img/homeon.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999em;
	margin: 0 2px 0 0;
}
#mainmenu #projecten a{
	height: 43px;
	width: 85px;
	background: url(../img/projecten.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999em;
	margin: 0 2px 0 0;
}
#mainmenu #projecten a:hover, #mainmenu #projecten .selected{
	height: 43px;
	width: 85px;
	background: url(../img/projectenon.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999em;
	margin: 0 2px 0 0;
}
#mainmenu #werkwijze a{
	height: 43px;
	width: 90px;
	background: url(../img/werkwijze.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999em;
	margin: 0 2px 0 0;
}
#mainmenu #werkwijze a:hover, #mainmenu #werkwijze .selected{
	height: 43px;
	width: 90px;
	background: url(../img/werkwijzeon.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999em;
	margin: 0 2px 0 0;
}
#mainmenu #modules a{
	height: 43px;
	width: 80px;
	background: url(../img/modules.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999em;
	margin: 0 2px 0 0;
}
#mainmenu #modules a:hover, #mainmenu #modules .selected{
	height: 43px;
	width: 80px;
	background: url(../img/moduleson.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999em;
	margin: 0 2px 0 0;
}
#mainmenu #offertes a{
	height: 43px;
	width: 74px;
	background: url(../img/offertes.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999em;
	margin: 0 2px 0 0;
}
#mainmenu #offertes a:hover, #mainmenu #offertes .selected{
	height: 43px;
	width: 74px;
	background: url(../img/offerteson.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999em;
	margin: 0 2px 0 0;
}
#mainmenu #vacatures a{
	height: 43px;
	width: 88px;
	background: url(../img/vacatures.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999em;
	margin: 0 2px 0 0;
}
#mainmenu #vacatures a:hover, #mainmenu #vacatures .selected{
	height: 43px;
	width: 88px;
	background: url(../img/vacatureson.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999em;
	margin: 0 2px 0 0;
}

/*Header*/
#header{
	margin: -9px 0 0 0;
	background: url(../img/headerbg.gif) repeat-y 50% 50%;
	padding: 0;
}
#headerimg{
	background: url(../img/headerimg.gif) no-repeat 50% 0;
	height: 176px;
	padding: 0;
	margin: 0;
}
#headerimg p{
	text-indent: -9999em;
	background: url(../img/headerimg.gif) no-repeat 50% 0;
	width: 830px;
	height: 176px;
	margin: 0 auto 0;
	padding: 0;
}	

/*Content*/
#content{
	width: 830px;
	margin: 15px auto 0;
	font-size: 1.2em;
	line-height: 25px;
}
#content h1{
	height: 25px;
	font-size: 18px;
}
#content a{
	color: #97ee5d;
	text-decoration: none;
}
#content a:hover{
	color: #97ee5d;
	text-decoration: underline;
}
#content .offertebutton{
	position: relative;
	top: 9px;
	left: 2px;
}
#content ul li{
	list-style-position: inside;
	list-style: none;
	background: url(../img/list.gif) no-repeat 2px 7px;
	text-indent: 12px;
}
/*IE6 en IE7 hack*/
* html #content ul li{
	list-style-position: inside;
	list-style: none;
	background: url(../img/list.gif) no-repeat 2px 7px;
	text-indent: 1px;
}
*+html #content ul li{
	list-style-position: inside;
	list-style: none;
	background: url(../img/list.gif) no-repeat 2px 7px;
	text-indent: 1px;
}
/*End*/
#contentcontainer{
	padding: 0 0 15px 0;
}
/*IE6 IE7 Hack*/
* html #contentcontainer{
	padding: 0 0 25px 0;
}
*+html #contentcontainer{
	padding: 0 0 25px 0;
}
/*End*/
#content .left{
	float: left;
	width: 312px;
}
#content .right{
	width: 480px;
	float: right;
}
#contentbottom{
	padding: 0 0 15px 0;
}
.projheader{
	border-bottom: 2px solid #fff;
	background: url(../img/projimg.gif) no-repeat 0 4px;
	padding: 0 0 7px 20px;
	margin: 0 0 7px 0;
}
.projdiv img{
	display: block;
	float: left;
	margin: 0 4px 6px 0;
}
.moddiv{
	width: 223px;
	float: left;
}
.modheader{
	border-bottom: 2px solid #fff;
	background: url(../img/modulesimg.gif) no-repeat 0 4px;
	padding: 0 0 7px 25px;
	margin: 0 0 7px 0;
}
.contactdiv{
	width: 223px;
	float: right;
}
.contactheader{
	border-bottom: 2px solid #fff;
	background: url(../img/contactimg.gif) no-repeat 0 4px;
	padding: 0 0 7px 22px;
	margin: 0 0 7px 0;
}

/*Subpaginas*/
#contentcontainernext{
	padding: 0 0 15px 0;
}
#contentcontainernext p{
	margin: 0 0 10px 0;
}
/*IE6 IE7 Hack*/
* html #contentcontainernext{
	padding: 0 0 25px 0;
}
*+html #contentcontainernext{
	padding: 0 0 25px 0;
}
/*End*/
#content #contentcontainernext .left{
	float: left;
	width: 212px;
}
#content #contentcontainernext .right{
	width: 580px;
	float: right;
}