/**
*
* Design and coding by Jack Kwakman
* Copyright © 2006, ELMA Multimedia
*
*/

/**
* Main elements
*/
body {
	text-align: center;
	line-height: 1.0;
	font: 62.5% Verdana, sans-serif;
	background: #1d361d url(images/background.gif) repeat-x left top;
}

.clearboth {
	clear: both;
	height: 0;
	font-size: 0px;
}

.floatright {
	float: right;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.tableborder {
	border: 1px solid #326331;
}

.tableheader {
	background: #cdf2cd;
	padding: 10px 10px 10px 10px;
	font-weight: bold;
}

.tablepadding {
	padding: 10px 10px 10px 10px;
}

/**
* Form elements
*/

form {
	margin: 0;
	padding: 0;
}

.textfield {
	border: 1px solid #326331;
	padding: 3px;
	width: 250px;
	font-size: 9px;
}

.textfield_active {
	border: 1px solid #326331;
	width: 250px;
	padding: 3px;
	background: #cdf2cd;
	font-size: 9px;
}

.textarea {
	border: 1px solid #326331;
	padding: 3px;
	width: 400px;
	height: 150px;
	font-size: 11px;
	font-family: Verdana, sans-serif;
}

.textarea_active {
	border: 1px solid #326331;
	width: 400px;
	height: 150px;
	padding: 3px;
	background: #cdf2cd;
	font-size: 11px;
	font-family: Verdana, sans-serif;
}

.submitbutton {
	background: #326331;
	border: 1px solid #000;
	font-size: 11px;
	color: #FFF;
	font-family: Verdana, sans-serif;
	font-weight: bold;
}

/**
* Header elements
*/

#header {
	width: 765px;
	background: #FFF;
	margin: auto;
}

#headerlogo {
	padding: 15px 32px 15px 32px;
	float: left;
}

.logo_rec {
	background: #FFF url(images/logo_rec.gif) no-repeat left top;
	width: 179px;
	height: 49px;
}

.logo_tec {
	background: #FFF url(images/logo_tec.gif) no-repeat left top;
	width: 179px;
	height: 49px;
}

.logo_none {
	background: #FFF url(images/logo_none.gif) no-repeat left top;
	width: 179px;
	height: 49px;
}

#headernav {
	padding: 52px 23px 13px 23px;
	float: right;
}

#headernav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#headernav li {
	display: inline;
}

#headernav a {
	color: #316330;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding: 0 16px 0 16px;
	margin: 4px 0 4px 0;
}

.print {
	padding: 0 0 2px 3px;
	background: #FFF url(images/print.gif) no-repeat left top;
}

.home {
	padding: 0 0 2px 3px;
	background: #FFF url(images/home.gif) no-repeat left top;
}

.contact {
	padding: 0 0 2px 3px;
	background: #FFF url(images/contact.gif) no-repeat left top;
}

.route {
	padding: 0 0 2px 3px;
	background: #FFF url(images/route.gif) no-repeat left top;
}

#livery {
	margin: 0 33px 0 33px;
	padding: 2px 0 2px 0;
	width: 699px;
	border-top: 1px solid #416f40;
	border-bottom: 1px solid #416f40;
}

.infrastructure_livery {
	width: 699px;
	height: 205px;
	background: #FFF url(images/infrastructure.jpg) no-repeat left top;
}

.accesscontrol_livery {
	width: 699px;
	height: 205px;
	background: #FFF url(images/accesscontrol.jpg) no-repeat left top;
}

.accesscontrol2_livery {
	width: 699px;
	height: 205px;
	background: #FFF url(images/accesscontrol2.jpg) no-repeat left top;
}

.service_livery {
	width: 699px;
	height: 205px;
	background: #FFF url(images/service.jpg) no-repeat left top;
}

.products_livery {
	width: 699px;
	height: 205px;
	background: #FFF url(images/products.jpg) no-repeat left top;
}

.route_livery {
	width: 699px;
	height: 205px;
	background: #FFF url(images/route.jpg) no-repeat left top;
}

.industrial_livery {
	width: 699px;
	height: 205px;
	background: #FFF url(images/industrial.jpg) no-repeat left top;
}

.recreation_livery {
	width: 699px;
	height: 205px;
	background: #FFF url(images/recreation.jpg) no-repeat left top;
}

.recreationprojects_livery {
	width: 699px;
	height: 205px;
	background: #FFF url(images/projects.jpg) no-repeat left top;
}

.techniqueprojects_livery {
	width: 699px;
	height: 205px;
	background: #FFF url(images/projects2.jpg) no-repeat left top;
}

.electro_livery {
	width: 699px;
	height: 205px;
	background: #FFF url(images/electro.jpg) no-repeat left top;
}

.drinkwater_livery {
	width: 699px;
	height: 205px;
	background: #FFF url(images/drinkwater.jpg) no-repeat left top;
}

.renovation_livery {
	width: 699px;
	height: 205px;
	background: #FFF url(images/renovation.jpg) no-repeat left top;
}

.drainage_livery {
	width: 699px;
	height: 205px;
	background: #FFF url(images/drainage.jpg) no-repeat left top;
}

.building_livery {
	width: 699px;
	height: 205px;
	background: #FFF url(images/building.jpg) no-repeat left top;
}

.technique_livery {
	width: 699px;
	height: 205px;
	background: #FFF url(images/technique.jpg) no-repeat left top;
}

.contact_livery {
	width: 699px;
	height: 205px;
	background: #FFF url(images/contact.jpg) no-repeat left top;
}

.home_livery {
	width: 699px;
	height: 205px;
	background: #FFF url(images/home.jpg) no-repeat left top;
}

/**
* Content elements
*/

#content {
	width: 699px;
	background: #FFF url(images/dotted_line.gif) repeat-y;
	margin: auto;
	padding: 16px 33px 16px 33px;
	font-size: 12px;
}

#left {
	width: 197px;
	float: left;
}

.contentarea {
	text-align: left;
	padding: 0 0 0 27px;
}

.contentarea h2 {
	margin: 0;
	padding: 0;
	font-size: 18px;
}

.contentarea h3 {
	margin: 0;
	padding: 0;
	font-size: 15px;
}

.contentarea a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

.homelist ul {
	margin: 0 50px 0 20px;
	padding: 0;
}

.homelist li {
	padding: 5px;
}

.menu {
	margin: 0 0 22px 0;
	font-size: 10px;
}

.menuheader {
	width: 183px;
	padding: 7px;
	background: #326331;
	color: #FFF;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
}

.menuheader p {
	padding: 0;
	margin: 0;
}

.menuheader a {
	text-decoration: none;
	color: #FFF;
}

.menucontent {
	width: 181px;
	border-left: 1px solid #326331;
	border-right: 1px solid #326331;
	border-bottom: 1px solid #326331;
	padding: 7px;
	background: #cdf2cd;
	text-align: left;
}

.menucontent ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.menucontent li {
	margin: 10px 0 10px 0;
}

.menucontent a {
	color: #000;
	text-decoration: none;
}

.menucontent a:hover {
	text-decoration: underline;
}

#right {
	width: 502px;
	float: right;
}

/**
* THUMBNAIL GALLERY
*/

.thumbfloat {
	float: left;
	margin: 20px 20px 0 20px;
}

.thumbfloat p {
	text-align: center;
}

.thumbfloat img {
	border: 0;
}

/**
* IMAGE PLACEHOLDER
*/

#imageplaceholder {
	float: right;
	width: 190px;
	text-align: right;
}

#imageplaceholder img {
	border: 0;
	margin: 10px 0 10px 0;
}

#productplaceholder {
	float: right;
	width: 190px;
	text-align: right;
}

#productplaceholder  img {
	border: 1px solid #000;
	margin: 10px 0 10px 0;
}

.dotted {
	height: 1px;
	background: url(images/dotted.gif) repeat-x;
}

/**
* FOOTER INFORMATION
*/

#footer {
	width: 699px;
	background: #FFF;
	margin: auto;
	padding: 0 33px 18px 33px;
}

#footerdecoration {
	width: 699px;
	height: 29px;
	background: #326331;
}

/**
* SIFR -- FANCY FLASH REPLACEMENT OF H TAGS
*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #content h2 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 23px;
}

/**
* Menu met gedisablede items.
* By Har...
*/
.menuheaderdisabled {
	width: 183px;
	padding: 7px;
	background: #326331;
	color: #FFF;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
}

.menuheaderdisabled p {
	padding: 0;
	margin: 0;
}

.menuheaderdisabled a {
	text-decoration: none;
	color: #FFF;
}

.menucontentdisabled {
	width: 181px;
	border-left: 1px solid #326331;
	border-right: 1px solid #326331;
	border-bottom: 1px solid #326331;
	padding: 7px;
	background: #dddddd;
	text-align: left;
}

.menucontentdisabled ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.menucontentdisabled li {
	margin: 10px 0 10px 0;
}

.menucontentdisabled a {
	color: #fff;
	text-decoration: none;
}