.background_home {
	background : #FFFFFF url(/images/spacer_p1.gif) repeat top center;
}
.background_producten {
	background : #FFFFFF url(/images/spacer_p2.gif) repeat top center;
}
.background_ontwerp {
	background : #FFFFFF url(/images/spacer_p5.gif) repeat top center;
}
.background_onderhoud {
	background : #FFFFFF url(/images/spacer_p6.gif) repeat top center;
}
.background_nieuws {
	background : #FFFFFF url(/images/spacer_p7.gif) repeat top center;
}
.background_referenties {
	background : #FFFFFF url(/images/spacer_p8.gif) repeat top center;
}
.background_contact {
	background : #FFFFFF url(/images/spacer_p9.gif) repeat top center;
}
.background_content {
	background : #FFFFFF;
}
.lijn_links {
	background: url(/images/lijn_links.jpg) left repeat-y;
}

.lijn_rechts {
	background: url(/images/lijn_rechts.jpg) right repeat-y;
}

#a {
	color : #646464; 
	text-decoration : none;
}

a:active, a:hover, a.active {
	color : #000000;
}


.menuitem {
	color:#FFFFFF;
	font-weight:bold;
	padding:0px 4px 0px 4px;
	text-decoration:none;
}
.menuitem:hover {
	color:#FFFFFF;
	font-weight:bold;
	padding:0px 4px 0px 4px;
	text-decoration:none;
}	

.activemenu {
	width : 134px;
	background-repeat:repeat-x;
	color:#FFFFFF;
	border-top:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	text-align : center;
}

.passivemenu {
	width : 134px;
	background-repeat:repeat-x;
	color:#FFFFFF;
	border-top:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	text-align : center;
}

.passivemenu:hover {
	color:#222222;
}	
	
.emptymenu {
	width : 134px;
	color:#FFFFFF;
	border-top:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
}
	
.emptymenublack {
	background-repeat:repeat-x;
	color:#FFFFFF;
	border-top:1px solid #FFFFFF;
	border-right:1px solid #000000;
	text-align : center;
}
	
.links {
	font-weight: normal; 
	color: #989898;
	text-decoration: underline;
}

.links a {
	font-weight: normal;  
	text-decoration: underline;
}

.links a:active a:hover {
	color: #009900; 
}

h1 {
	font-size : 20px;
	font-weight : bold;
	color : #000000;
	margin : 3px 2px 2px 20px;
	text-decoration : none;
	letter-spacing : -1px;	
	z-index: 1;
}

h2 {
	font-weight : bold;
	margin : 0px;
	padding : 0px 0px 0px 20px;
	text-decoration : none;
}

.pay-off {
	margin: -20px 0px 0px 100px;	
	padding: 2px;
	float: left;
	z-index: -2;
}

.plaatje {
	border: 1px solid #646464;	
	background-color: #FFFFFF;
	padding: 2px;
	float: left;
}

.visual {
	background-color: #FFFFFF;
	float: left;
	right: 10px;
}

.blokachtergrond {
	background-image: url(/images/label_background.gif);
	background-repeat: repeat-x;
	margin-bottom: 10px;
}
.blokachtergrondX {
	background-image: url(/images/label_background.gif);
	background-repeat: repeat-x;
	margin-bottom: 20px;
}

.bloktitel {
	font-size: 12px;
	text-decoration : none;
	color: #000000;
	line-height: 16px;
	padding-top: 6px;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 20px;
	font-weight : bold;
}
.bloktekst {
	font-size: 11px;
	color: #000000;
	line-height: 16px;
	padding-top: 6px;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 20px;
}

.streep_verticaal {
	background: url(/images/streep_verticaal.gif);
	width: 3px;
}

.streep_horizontaal {
	background: url(/images/streep_horizontaal.gif) left center repeat-x;
}

<!--
a.plaatje *, plaatje.a:hover, plaatje.a.active {
	border: 1px solid #009900;
}
//-->

body {
	margin: 3px;
	scrollbar-arrow-color: #0078BE;
	scrollbar-face-color: #EDF3F7;
	scrollbar-3dlight-color: #D6D6D6;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #939393;
	scrollbar-darkshadow-color: #646464;
	scrollbar-track-color: #FFFFFF;
}

* {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	color : #646464;
}

p {
	font-family : arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #646464;
	margin : 0px 0px 0px 20px;
	padding: 0px; 
	line-height: 18px;
	font-weight: normal;
}




h3 {
	font-weight : bold;
	color : #888888;
	margin : 6px 0px 8px 0px;
	text-decoration : none;	
}

strong {
	font-weight : bold;
	margin : 0px;
	padding : 0px;
	text-decoration : none;	
}

blockquote {
	margin: 8px 0px 8px 20px;
	text-indent: -1px;
}

ol {
	line-height: 20px;
}

input {
	margin: 1px 0px; 
	line-height: 16px;
	font-weight: normal;
}

textarea {
	margin: 0px; 
	line-height: 16px;
	font-weight: normal;
}

form {
	margin: 0px;
}

select {
	font-weight: normal;
}









.backgroundtext {
	background: #FFFFFF url(/images/workgradient.jpg) center top repeat-x ;
}

.border {
	border: 1px solid #336699;
}




.tableheight {
	height: 100%;
}

table.rowchange a.active, table.rowchange a.active:hover, p.casePics a.active {
	color: red;	
}

table.rowchange a {
	display: block;
	width: 100%;
}

p.casePics {
	text-align: center;
}


/* methode om tabelcellen direct aan elkaar aan te sluiten

table {
	border-collapse : collapse;
}

*/

/* opmaak van de login module */
div.login{
	left:470px;
	width:380px;
}
input#username.inputbox{
	top:0px;
	left:0px;
}
input#passwd.inputbox{
	top:0px;
	left:105px;
}
#form-login p{
top:0px;
left:0px;
height:0px;
width:10px;
}
#form-login div, #form-login fieldset.input{
top:70px;
left:10px;
}
.login input{
background:#fefefe;
border: none;
width:100px;
height:19px;
}
.login input.button{
position:absolute;
top:0px;
left:1px;
width:70px;
height:20px;
border:1px solid #999;
}
.login label, .login ul li a {
display:none;
}
.login input.button{
position:relative;
text-transform: lowercase
}

div.login_melding{
	left:90px;
	width:380px;
	font-family : arial, Helvetica, sans-serif;
	font-size : 10px;
	color : red;
}

.catalogus table{
border:2px solid #FFCC99;
border-spacing:0;
padding:0;
}
.catalogus td{
	font-family : arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #646464;
	padding : 10px 0px 6px 2px;
}
.foto{
	width:175px;
	height:175px;
	vertical-align : middle;
	text-align : center;
}
.titel{
	vertical-align : top;
	font : bold;
	height: 40px;
	width: 175px;
}
catalogusdetail{
	width : 790px;
}
.catalogusdetail table{
	border:2px solid #FFCC99;
	border-spacing:0;
	padding:0;
}
.catalogusdetail td{
	font-family : arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #646464;
	padding : 10px 0px 6px 2px;
}
.catalogusdetail_titel{
	font-size : 20px;
}
.catalogusdetail_standplaats{
	font-size : 14px;
	font-weight: normal;
	vertical-align : bottom;
	line-height: normal;
	text-align : left;
	margin : 3px 15px 2px 0px;
}
.catalogusdetail_foto{
	width:500px;
	height:500px;
}

.catalogusdetail_versies{
	vertical-align : bottom;
	line-height: normal;
	text-align : left;
	margin : 3px 15px 2px 0px;
}
.news{
	border:8px solid #58AC25;
	background-color: #ffffff;
	border-spacing: 2px;
	padding: 4 4 4 4;
	visibility: visible;
	position: absolute;
	left: 325px;
	top: 100px;
	z-index: 10;
	width: 350px;
}