/* Pagina opmaak/lay-out */
BODY { 
	background:  url(../images/bg.png);
	background-repeat: repeat-y;
	background-position: center;
  font-family: "MS Arial", Helvetica, sans-serif;
  margin: 0 auto 0 auto;
  padding: 0 0 0 0;
  font-size: 100%; /* = 16px */
  background-color: #555555;
}
  
div#container{
	position: relative;
	width: 900px;
	top: 4px;
	border: 0 0 0 0 solid #FFF;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	text-align: left;
	background: #525274;
}

div#top{
	float: left;
	width: 900px;
	border-bottom: 1px solid #FFF;
	background: #AAAAAA;
	margin: 0 0 0 0;
	padding: 2px 0 2px 0;
}

div#footer{
	clear: both;
	border-top: 1px solid #FFF;
	margin: 0 0 0 0;
	padding: 2px 0 4px 0;
	background-color:#9D9D9D;
	text-align: center;
}

div#logo{
	float: left;
	background:  url(../images/vecom-logo.jpg) no-repeat 0 0;
	background-color:#9D9D9D;
	height: 100px;
	width: 100%;
	border-top: 0px solid #FFF;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div#slogan{
	clear: both;
	width: 100%;
	height: 28px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	color: #fff;
	background-color:#272727;
	padding: 2px 0 0 0;
	font-size: 1em;
	font-style: italic;
	text-align: center;
	vertical-align: bottom;
}

div#menu{
	float: left;
	border: 0px solid #000;
	width: 216px;
	margin: 0 0 0 0;
	padding: 0 0 0 5px;
}

div#content{
	border: 0px solid #000;
	float: right;
	left: 0px;
	width:659px;
	height: auto;
	font-size: 1em;
	background: #F0F0F0;
	margin: 0 0 0 0;
	padding: 0 10px 0 10px;
}

div#add{
	border: 0px solid #FFF;
	clear: left;
	width: 300px;
	height: 300px
}

div#spacer{
	border: 0px solid #000;
	height: 315px;
	margin: 0 0 0 0;
	padding: 0 0 0 5px;
}

div#banner{
	width: auto;
	height: 100px;
	border-left: 1px solid #FFF;
	margin: 0 0 0 221px;
}

span{
	border: 0px solid #000;
	background: transparent;
}

span#footer{
	text-align: center;
	font-family: "MS Arial", Helvetica, sans-serif;
	font-size: 0.8em;
	color: white;
}

span#slogan{
	float: left;
	width: 221px;
	height: 30px;
	background-color:#272727;
	border-right: 1px solid #FFF;
	margin: -2px 0 0 0;
	padding: 0 0 0 0;
}

div.login{
	position: relative;
	border: 1px solid #000;
	font-size: 0.9em;
	width: 290px;
	height: 140px;
	margin: 20px 5px 143px 50px;
	padding: 0px 2px 2px 5px;
}

span.left{
	float: left;
	border: 0px solid #000;
	margin: 5px 0 1px 10px;
	padding: 3px 10px 3px 5px;
}

span.right{
	float: right;
	margin: 0px 50px 0 0;
	padding: 4px 20px 5px 20px;
}

span.right2{
	float: right;
	border: 0px solid #000;
	margin: 5px 100px 1px 50px;
	padding: 3px 5px 3px 5px;
}

blockquote{
	width: 650px;
	height: 100px;
	background: #FFE6BF url(../images/onderhoudswijzer_banner.jpg) no-repeat center;
	color: #B36B00;
	border: 1px dotted #9D9D9D;
	margin: 50px 0px 25px 0px;
	padding: 0px 0px 0px 0px;
}
/* EINDE Pagina opmaak/lay-out */

/* TEKST */
h1 {
	font-family: "MS Arial", Helvetica, sans-serif;
	font-size: 1.33em;
	font-weight: bold;
}

h1#login {
	background-color: #AAAAAA;
	padding: 1px 0px 1px 3px;
	margin: 0 -2px 5px -5px;
	text-align: center;
}

h2 {
	margin: 7px 0 2px 0;
	font-family: "MS Arial", Helvetica, sans-serif;
	font-size: 1.25em;
	font-weight: bold;
}

p{
	font-family: "MS Arial", Helvetica, sans-serif;
	font-size: 1em;
}

p.menu{
	font-family: "MS Arial", Helvetica, sans-serif;
	font-size: 0.9em;
	color: white;
	margin: 15px 1px 4px 0;
	padding: 0 0 0 0;
}

p.att{
	font-size: 1.1em;
	font-weight: bold;
	color: RED;
	margin: 0 0 0 0;
}

p.contact{
	font-size: 0.8em;
	margin: 0 1px 2px 1px;
	padding: 0 1px 0 1px;
}

ul{
	list-style: SQUARE;
	border: 0px solid #000;
	text-align: left;
}

ul#top{
list-style: none;
padding: 0 0 2px 0;
margin: -1px 0px 0px 0px;
color: #fff;
border: 0px solid #000;
text-align: center;
}

li#top{
	display: inline;
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
}
/* EINDE TEKST */

/* LINKS */
a {
	font-family: "MS Arial", Helvetica, sans-serif;
  font-size: 1em;
	font-style:normal;
	font-variant:normal;
	text-decoration: none;
	color: #525274;
}

a.produkt {
	font-family: "MS Arial", Helvetica, sans-serif;
  font-size: 1em;
	text-decoration: underline;
	font-weight: normal;
	color: #525274;
}

a.produkt:link {
	text-decoration: underline;
	font-weight: normal;
	color: #525274;
}

a.produkt:hover {
	text-decoration: underline;
	font-weight: bold;
  color: #525274;
}

a.header {
	font-family: "MS Arial", Helvetica, sans-serif;
  font-size: 0.8em;
	font-style:normal;
	font-variant:normal;
	color: #FFF;
	border: 0px solid #FFF;
}

a.header:hover {
	font-family: "MS Arial", Helvetica, sans-serif;
  font-size: 0.8em;
	font-style:normal;
	color: #000;
	border: 0px solid #FFF;
}

a.header:active {
	font-family: "MS Arial", Helvetica, sans-serif;
  font-size: 0.8em;
  font-style:italic;
	font-weight:normal;
	color: #DD6801;
	border: 0px solid #FFF;
}
/* EINDE links*/

/* Form elements */
select{
  font-size: 0.7em;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  margin-bottom: 10px;
}

select.menu {
	width: 18em;
	BORDER-RIGHT: thin inset; 
	BORDER-TOP: thin inset;
	BORDER-LEFT: thin inset;  
	BORDER-BOTTOM: thin inset; 
	font-size: 0.7em;
	font-weight: normal;
	font-style: normal; 
	font-family: "MS Arial", Helvetica, sans-serif;
	BACKGROUND-COLOR: white
}

fieldset{
	width: 310px;
	padding: 5px 0 10px 10px;
	border: 1px solid #ccc;
	font-family: "MS Arial", Helvetica, sans-serif;
}

fieldset#add{
	width: 400px;
	margin: 2px 0 2px 5px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #ccc;
	font-family: "MS Arial", Helvetica, sans-serif;
}

legend{
	color: #999;
	font-weight: bold;
	padding: 4px 4px 4px 2px;
	margin: 0 0 5px 0;
	font-size: 0.8em;
}

label{
	width: 100px;
	float: left;
	padding: 2px 0px 0 0;
	font-size: 1em;
}

input{
	width: 150px;
	margin: 2px 0 9px 0;
	padding: 1px 0 2px 3px;
	border: 1px solid #000;
	background-color: white;
}

.button{
float: left;
background-color: #999;
border: 1px solid #000;
font-weight: bold;
width: auto;
margin: 4px 5px 0 0;
padding: 1px 5px 2px 5px;
cursor: pointer;
}
/* EIND FORM ELEMENTS */

/* PRODUKTLIJST tabel */
table.produktlijst{
table-layout:fixed;
width: 100%;
empty-cells: hide;
font-family: "MS Arial", Helvetica, sans-serif;
font-size: 0.8em;
margin: 2px 0 0 0;
border: 0px solid #000;
}

table.overzicht{
	table-layout:fixed;
	width: 100%;
	empty-cells: hide;
	font-family: "MS Arial", Helvetica, sans-serif;
	font-size: 0.8em;
	border: 0px solid #000;
	padding: 0 0 0 0; 
	margin: 4px auto 0px auto;
}

caption{
width: 100%;
margin: 10px 0 0 0;
padding: 2px 1px 1px 1px;
text-align: left;
font-weight: bold;
border: 1px solid #FFF;
}

caption.overzicht{
width: 100%;
text-align: left;
font-weight: bold;
margin: 4px auto 0px auto;
padding: 0px 0px 1px 10px;
border: 1px solid #FFF;
}

td.produkt,td.produkt1, th.produkt, th.produkt1, th.produkt2, th.produkt3{
padding: 0px 1px 0px 1px;
border: 0px solid #000;
}

th.produkt{
text-align: left;
width: 10%;
}

th.produkt1{
text-align: left;
width: 20%;
padding: 0px 1px 0px 2px;
}

th.produkt2{
text-align: center;
width: 6%;
}

th.produkt3{
text-align: center;
width: 4%;
}

td.produkt{
text-align: left;
}

td.produkt1{
text-align: center;
}

/* EIND PRODUKTLIJST tabel */