/* CSS Document */
body , td {
	margin:0px 0px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
}

A {
	color:#0051ba;
	font-weight:bold;
	text-decoration:underline;
	font-size:11px;
}

A:hover {
	color:#ff6600;
}

.adres {
	color:#ffffff;
	padding-right:10px;
}

.adres A {
	color:#ffffff;
	text-decoration:none;
	font-weight:normal;
}

.adres A:hover {
	text-decoration:underline;
}

.main {
	background-color:#ffffff;
	background-image:url(images/bg.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	text-align:left;
}

.rubriektitel {
	color:#0051BA;
	border-bottom:1px solid #0051BA;
	font-weight:bold;
	padding-bottom:3px;
}

.produkttitel{
	color:#ffffff;
	font-weight:bold;
	padding-left:10px;
	background-color:#0051BA;
	height:16px;
}

.menutitel {
	color:#0051BA;
	font-weight:bold;
	padding-bottom:3px;
}

.tekstveld {
	padding-top:10px;
	padding-bottom:30px;
}	

.technotable td {
	border-bottom:1px solid #e2e2e2;
	vertical-align:top;
	padding: 5px 5px 5px 0px;
}


h1 {	/* titel nieuwsitems */
	font-size:125%;
	margin-top:0px;
}

#copy {
	color:#999999;
}

.input {
	width:180px;
}

#error {
	color:#CC0000;
}
/*.menu A {
	display:block;
	width:195px;
	height:20px;
	line-height:20px;
	padding-left:10px;
	background-color:#b3deff;
	color:#000000;
	text-decoration:none;
	font-weight:normal;
	
}

.menu A:hover {
	background-color:#0051ba;
	color:#FFFFFF;
}*/

/* Hyperlinks en menus */
#menu{
position:relative;
top:0.5em;
left:0.5em;
z-index:2;
width: 195px /*17em;
/*padding-bottom:12em; /* To allow room for bottom dropdown */
}

#menu a, #menu h2{
font:normal 11px verdana,arial,helvetica,sans-serif;
display:block;
/*border-width:1px;
border-style:solid;
border-color:#ffffff;*/
border-top:1px solid #ffffff;
border-bottom:1px solid #000;
border-right:1px solid #ffffff;
/*white-space:nowrap;*/
margin:0;
padding:3px 8px;
}

#menu h2{
color:#fff;
background:#0051ba;
}

#menu a{
color:#fff;
background:#0051ba;
text-decoration:none;
}

#menu a:hover{
color:#fff;
background:#7aa8e4;
}

#menu a:active{
color:#fff;
background:#7aa8e4;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
width:100%;
}

#menu li{
list-style:none;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover{
position:relative;
}

div#menu li ul{
position:absolute;
top:0;
left:100.1%;
display:none;
width:20em;	/*25em bij white-space:nowrap; onder #menu a, #menu h2 */
}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul
{display:none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display:block;}

/* End non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
background:#0051ba url(images/expand.gif) no-repeat center right;
}

#menu a.x:hover{
background:#7aa8e4;
color:#fff;
}

#menu a.x:active{
color:#ffffff;
background:#7aa8e4;
}
