body {
	background-color: white;
	background-image: url(../images/bgpodium.gif);
	color: 			  green;
	font-family: 	  Verdana, Arial, Helvetica, sans-serif;	
	margin:				5px;
	padding:			10px;
} 

a:link{color:			blue;}
a:visited{color:		#8000FF;}
a:active{color:			#FF3399;}

div#navigatiebalk {
	background-image: url(images/bgtop.jpg);
	color:            #FFFFFF; 
	font-size:		  10pt;
	height:           80px;
	position:         absolute;
	width:            100%;
}
div#navigatiebalk a:link{color:			#ffffff;}
div#navigatiebalk a:visited{color:		#ffffff;}
div#navigatiebalk a:active{color:		#ffffff;}

div#menu {
	background-color: purple;
	color:            white;
	text-align:			center;
	font-size:			1em;
	height:           100%;
	position:         absolute;
	left:			  10px;
	top:              120px;
	width:            180px;
	margin-left:	  10px;
	padding-top:	  20px;
}


div#werkgebied {  
	color:            	green; 
	text-align:			left;
	font-size: 			0.8em;
	margin-left:		3px;
	height:           100%;
	position:         absolute;	 
	top:			  120px;
	left:			  210px;
	padding-left:		10px;
	padding-top:		10px;
	width:            550px;
}


.knop {
	background-color:    green;
	border-width:        1px;
	border-style:        solid;
	border-top-color:    #ffffff;
	border-right-color:  black;
	border-bottom-color: black;
	border-left-color:   gray;
	cursor:              pointer, hand;
	color:               #FFFFFF;
	font-family:         Verdana, Arial, Helvetica, sans-serif;
	font-size:           8pt;
	font-style:          normal;
	font-variant:        normal;
	font-weight:         bold;
	margin-left:		 15px;
	margin-bottom:		 1px;
	padding:             1px 6px 1px 6px;
	text-decoration:     none;
	text-transform:      uppercase;
}

.artikelknop {
	background-color:    purple;
	border-width:        3px;
	border-style:        solid;
	border-top-color:    #ffffff;
	border-right-color:  black;
	border-bottom-color: black;
	border-left-color:   gray;
	cursor:              pointer, hand;
	color:               lightgreen;
	font-family:         Verdana, Arial, Helvetica, sans-serif;
	font-size:           9pt;
	font-style:          normal;
	font-variant:        normal;
	font-weight:         bold;
	margin-left:		 15px;
	margin-bottom:		 1px;
	padding:             1px 6px 1px 6px;
	text-decoration:     none;
	text-transform:      uppercase;
	width:            	 200px;
}

.jubileumknop {
	background-color:    red;
	border-width:        3px;
	border-style:        solid;
	border-top-color:    #ffffff;
	border-right-color:  black;
	border-bottom-color: black;
	border-left-color:   gray;
	cursor:              pointer, hand;
	color:                #ffffff;
	font-family:         Verdana, Arial, Helvetica, sans-serif;
	font-size:           12pt;
	font-style:          normal;
	font-variant:        normal;
	font-weight:         bold;
	margin-left:		 15px;
	margin-bottom:		 1px;
	padding:             1px 6px 1px 6px;
	text-decoration:     none;
	text-transform:      uppercase;
	width:            	 150px;
}

.catalogusknop {
	background-color:    green;
	border-width:        3px;
	border-style:        solid;
	border-top-color:    #ffffff;
	border-right-color:  black;
	border-bottom-color: black;
	border-left-color:   gray;
	cursor:              pointer, hand;
	color:                #ffffff;
	font-family:         Verdana, Arial, Helvetica, sans-serif;
	font-size:           12pt;
	font-style:          normal;
	font-variant:        normal;
	font-weight:         bold;
	margin-left:		 15px;
	margin-bottom:		 1px;
	padding:             1px 6px 1px 6px;
	text-decoration:     none;
	text-transform:      uppercase;
	width:            	 150px;
}