/************************************************************************
 * Stylesheet voor Nieboer,  www.feenstra.com
 *
 * css gebruikt van http://www.pmob.co.uk/temp/3colcentred_2a.htm
 *************************************************************************/
 
* mac hide\*/
html, body {height:100%}
/* end hide */

body {
	font-family: Verdana, Helvetica, Arial, sans-sarif; 
	font-size: 11px;
	padding: 0;
	margin: 0; 
	text-align: center;
	min-width: 980px;/* for mozilla*/
	background-color: white;
	background: url(../images/bg_body.gif);
	background-repeat: repeat-y;
	background-position: 50% 0;
	color: #005542;
	behavior:url("csshover.htc"); /* hover in MSIE */
}
#wrapper{
	height: 100%;
	min-height: 100%;
	width: 980px;
	text-align: left;
	margin: auto;
	position: relative;		
}

html>body #wrapper{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

#innerwrap {/* enables content first */
	float: left;
	width: 560px;
	background-color: #D7D4CB;
}

#innerwrap_breedrechts {
	float: left;
	width: 900px;
	background-color: #D7D4CB;
}

#header{
	position: absolute;
	top: 0px;
	left: -1px;
	width: 980px;
	overflow: hidden;
	z-index: 100;
	height: 10px;
	padding-top: 310px;
	border-bottom: 1px solid white;
}

#links {
	position: relative;/*ie needs this to show float */
	width: 200px;
	float: left;
	padding-top: 320px;/*needed to make room for header*/
	padding-bottom: 32px;/* needed to make room for footer */
	padding-left: 0px;
}

#links_weg { display: none; }

#rechts {
	position: relative;/*ie needs this to show float */
	width: 286px;
	float: right;
	padding-top: 320px;/*needed to make room for header*/
	padding-right: 95px;
	padding-bottom: 32px;/* needed to make room for footer */
}

#footer {
	width: 500px;
	clear: both;
	height: 50px;
	text-align: left;
	right:0;
	bottom:0;
	position: absolute;
}

* html #footer {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:50px;/* for ie6 */
}
div,p  {margin-top:0}/*clear top margin for mozilla*/

#content {
	width: 300px; 
	float: right;
	padding-top: 354px;
	_padding-top: 364px;  /* voor MSIE */
	padding-bottom: 32px;/* needed to make room for footer */
}
#content a{
text-decoration: underline
}

#content_breed {
	width: 550px; 
	float: right;
	padding-top: 354px;
	_padding-top: 364px;  /* voor MSIE */
	padding-bottom: 32px;/* needed to make room for footer */
}

#content_breedrechts {
	width: 650px; 
	float: right;
	padding-top: 354px;
	_padding-top: 364px;  /* voor MSIE */
	padding-bottom: 32px;/* needed to make room for footer */
}

#content p, #content_breed p { padding-left:3px; padding-right:13px; }
#content h1, #content_breed h1 { 
	font-size: 23px; 
}
#content h2, #content_breed h2 { 
	font-size: 14px; font-weight: bold; 
	padding-top: 0;
	margin-top: 0;
}

#navigatie {
	position: absolute;
	top: 251px;
	left: 0;
	margin: 0;
}

#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */

/* EINDE CSS OP BASIS VAN www.pmob.co.uk/temp/3colcentred_2a.htm */

img#randomphoto {
	position: absolute;
	top: 0;
	left: 600px;
	width: 283px;
}

/* HOOFDMENU OPMAAK */
div.hoofdmenu {
	position: absolute;
	top: 253px;
	height: 29px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
div.hoofdmenu_selected {
	position: absolute;
	top: 253px;
	height: 29px;

}
div.submenu {
	position: absolute;
	top: 292px;
	height: 20px;
	cursor: pointer;
	opacity: 0	;
	filter: alpha(opacity=0);
}

div.submenu_selected {
	position: absolute;
	top: 292px;
	height: 20px;
}

img#hoofdmenu {
	position: absolute;
	top: 253px;
	left: 0px;
}
img#submenu {
	position: absolute;
	top: 292px;
	left: 0px;
}

div.hoofd { background-image: url(../images/menu/hoofdmenu_over.gif); }
div.subhome { background-image: url(../images/menu/submenu_home_over.gif); }
div.subtransport { background-image: url(../images/menu/submenu_transport_over.gif); }
div.subgrondwerken { background-image: url(../images/menu/submenu_grondwerken_over.gif); }
div.subafvalcontainers { background-image: url(../images/menu/submenu_afvalcontainers_over.gif); }
div.subhandel { background-image: url(../images/menu/submenu_handel_over.gif); }
div.subcontact { background-image: url(../images/menu/submenu_contact_over.gif); }
div.subvacatures { background-image: url(../images/menu/submenu_vacatures_over.gif); }

div#m_home { left: 0; width: 92px; background-position: 0px 0px; }
div#m_transport { left: 92px; width: 123px; background-position: -92px 0; }
div#m_grondwerken { left: 206px; width: 145px; background-position: -206px 0; }
div#m_afvalcontainers { left: 344px; width: 164px; background-position: -344px 0; }
div#m_handel { left: 504px; width: 96px; background-position: -504px 0; }
div#m_kwaliteit { left: 594px; width: 105px; background-position: -594px 0; }
div#m_contact { left: 694px; width: 165px; background-position: -694px 0; }
div#m_vacatures { left: 853px; width: 128px; background-position: -853px 0; }

/* home */
div#s_historie { left: 322px; width: 103px; background-position: -322px 0; }
div#s_actueel { left: 425px; width: 96px; background-position: -425px 0; }
div#s_projecten { left: 521px; width: 131px; background-position: -521px 0; }


/* Transport */
div#s_kipper { left: 0px; width: 173px; background-position: 0 0; }
div#s_wegenbouw { left: 173px; width: 183px; background-position: -173px 0; }
div#s_landbouw { left: 346px; width: 170px; background-position: -346px 0; }
div#s_walkingfloor { left: 520px; width: 140px; background-position: -520px 0; }
div#s_container { left: 662px; width: 120px; background-position: -662px 0; }
div#s_dieplader { left: 785px; width: 115px; background-position: -785px 0; }
div#s_diversen { left: 908px; width: 90px; background-position: -908px 0; }

/* Grondwerken */
div#s_mobiel { left: 280px; width: 163px; background-position: -280px 0; }
div#s_laadschop { left: 430px; width: 133px; background-position: -430px 0; }
div#s_trommelzeef { left: 565px; width: 133px; background-position: -565px 0; }
div#s_overig { left: 590px; width: 163px; background-position: -590px 0; }

/* Afvalcontainers */
div#s_afvalcontainer { left: 202px; width: 133px; background-position: -202px 0; }
/* div#s_bouwafval { left: 235px; width: 163px; background-position: -235px 0; } */
div#s_aanvraag { left: 325px; width: 183px; background-position: -325px 0; }
div#s_voorwaarden { left: 525px; width: 270px; background-position: -525px 0; }

/* Handel */
div#s_zand { left: 255px; width: 80px; background-position: -255px 0; }
div#s_grond { left: 325px; width: 100px; background-position: -325px 0; }
div#s_granulaat{ left: 430px; width: 125px; background-position: -430px 0; }
div#s_grind { left: 565px; width: 133px; background-position: -565px 0; }

/* Contact */
div#s_contact { left: 288px; width: 100px; background-position: -288px 0; }
div#s_contactformulier { left: 370px; width: 160px; background-position: -370px 0; }
div#s_route { left: 520px; width: 120px; background-position: -520px 0; }

/* Vacatures */
div#s_vacatures { left: 307px; width: 133px; background-position: -307px 0; }
div#s_sollicitatieformulier { left: 425px; width: 193px; background-position: -425px 0; }

div#fixedfooter {
	position: fixed;
	bottom: 0;
	width: 403px;
	float: right;
	text-align: right;
	padding: 10px 0 0px 0;
}

div#fixedfooter img { border: 0; }

/* header items */
div#hoofdmenu {
	position: absolute;
	top: 30px;
	white-space: nowrap;
	overflow: hidden;
}

div#hoofdmenu img {
	padding-right: 9px;
}

img#topimage {
	position: absolute;
	top: 105px;
}
	
/* items linker kolom */

div#links h1 {
	font-size: 21px;
	font-weight: bold;
	padding-top: 5px;
	margin-top: 0;
}

div#links h2 {
	font-size: 12px;
	font-weight: bold;
	padding: 0 10px 0 0	;
	margin: 10px 0 0 0;
	display: inline;
}

div#links img {
	cursor: pointer;
	margin-bottom: 10px;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

div#links img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	
}

/* items rechter kolom */

#rechts h2 {
	font-size: 12px;
	display: inline;
	padding: 8px 5px 5px 0;
}

div#actie {
	width: 248px;
	height: 115px;
	margin: 7px 0;
	padding: 0px 5px 0 5px;
	background-repeat: no-repeat;
	background-position: 156px 1px;
}

/************************** EINDE OPMAAK BLOKKEN  *****************/

/* footer */
div#footer form {
	display: inline;
}

div#footer input#submitbutton {
	border: 0;
	width: 11px;
	height: 17px;
	margin-left: 10px;
	cursor: pointer;
}

div#footer input, div#footer select {
	width: 200px;
}

div#footer span {
	font-size: 14px;
	margin: 0 55px 0 5px;
}

/* overig */

.noborder { border: 0; }

a {
	color: #005542;
	text-decoration: none;
	border-bottom: 1px dotted gray;
}
a:hover { text-decoration: underline; }

.highlight {
	background-color: #F9F6AE;
	color: #630304;
	font-weight: bold;
	display: inline;
	padding: 0 5px;
}
hr { 
	border-top: 1px solid #005542; 
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	height: 1px;
	padding: 0; 
	margin: 10px 0 10px 0;
	_margin: 2px 0;
}

td.tekst {
	text-align: right;
}

input {
	border: 1px solid #005542;
	padding: 2px;
}

form#contact input#submitbutton {
	cursor: pointer;
	background-image: url(../images/stuurdoor.gif);
	width: 102px;
	height: 23px;
	border: 0;
}

form#reageer input#submitbutton {
	cursor: pointer;
	background-image: url(../images/reageer.gif);
	width: 80px;
	height: 23px;
	border: 0;
}

a.cert_link {
	background-image: url(../images/certificaten_link.gif);
	background-repeat: no-repeat;
	background-position: 5px 0px;
	padding-left: 15px;
	margin-left: -4px;
}
a.cert_link:hover{
	text-decoration: underline;
}

ul.geenmarge {
	padding: 0;
	margin: 5px 0 5px 17px;
}

table {
	margin: -3px;
	padding: 0;
}