/* CSS Document */
body{
	background-color: #258;
	font-family: Arial, Helvetica, sans-serif;
	margin: 5px 5% 5px 5%;
}
h1{
	color: #258;
	font-weight: bold;
	font-size: 18px;
	font-variant: normal;
}
h2{
	color: #47a;
	font-weight: bold;
	font-size: 14px;
}
h3{
	color: #69c;
	font-weight: bold;
	font-size: 12px;
}
table{
	font-family: inherit;
	font-size: 12px;
}
a:link{
	color: #000000;
}
a:hover{
	color: #000000;
	text-decoration: none;
}
a:visited{
	color: #000000;
}
.footer a:link{
	color: #FFFFFF;
}
.footer a:visited{
	color: #FFFFFF;
}
.header{
	background-color: #FFFFFF;
	height: 80px;
	overflow: hidden;
	/*border:  #000000 1px solid; */
	border-bottom: none;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
}
.page{
	background-color: #FFFFFF;
	font-size: 12px;
	/*border-left: #000000 1px solid; 
	border-right: #000000 1px solid;*/
	 
}
.standard_page_layout{
	width: 100%;
	overflow: hidden;
	margin: 0px;
}

.inline_page{
	padding: 15px;
	font-size: 12px;
	overflow: auto;
	align: left;
	vertical-align: top;
	border-top: #258 2px solid;
}
.inline_page img{
	border: #000000 2px solid;
}
.navigatie{
	background-color: #666666;
	text-align: center;
	border-bottom: #FFFFFF 2px solid;
	border-top: #258 2px solid;
	/*border-left: #000000 1px solid;
	border-right: #000000 1px solid; */
}
.footer{
	color: #FFFFFF;
	background-color: #666666;
	border:  #666 1px solid;
	border-top: #258 2px solid;
	padding: 15px;
	text-align: right;
	font-size: 11px;
	font-weight: bolder;
}
.gerelateerde_links{
	background-color: #ffffff;
	background-image:url(../site/afbeeldingen/submenu.jpg);
	background-position: right;
	background-repeat: repeat-y;
	width: 180px;
	height: 100%;
	/*border-right: #666666 5px solid;*/
	border-top: #258 2px solid;
	vertical-align: top;
	font-size: 12px;
	padding: 10px;
	overflow: auto;
}
.titel{
	color: #258;
	font-weight: bold;
	font-size: 18px;
	font-variant: normal;
}
.paragraaf{
	color: #47a;
	font-weight: bold;
	font-size: 14px;
}
.subparagraaf{
	color: #69c;
	font-weight: bold;
	font-size: 12px;
}
/* SUB MENUs VOOR OP DE PAGINA */
.catalogus_nav{
margin: -12px;
vertical-align: middle;
padding: 3px;
background-color: #FFFFCC;
}


/*Onderstaande code dient voor het flyout menu in de catalogus*/
/* Toon afbeeldingen in het menu */
a.screen, a.screen:visited {
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
left:150px; /* position:the image */
top:0px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
}
a.screen:hover b img {
border:0; /* remove the link border */
}

/******************************************/
/* X-Cart Vertical Flyout Menu            */
/* www.xcartmods.co.uk                    */
/******************************************/

#v4menuwrapper {
width:150px; 
margin:0px auto 0 auto;  
color:#fff;
}

.v4menu {
position:relative; 
z-index:1000;
}


/* remove all the bullets, borders and padding from the default list styling */
.v4menu ul {
padding:0;
margin:0;
list-style-type:none;
width:150px;
}
/* hack for IE5.5 */
* html .v4menu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.v4menu li {
position:relative;
}

/* get rid of the tables */
.v4menutable {position:absolute; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.v4menu a, .v4menu a:visited {
display:block; 
text-decoration:none;
height:20px;
line-height:20px;
width:149px;
color:#fff;
background:#3F5D8A;
text-indent:5px;
border:1px solid #fff;
border-width:0 1px 1px 0;
}

/* hack for IE5.5 */
* html .v4menu a, * html .v4menu a:visited {width:150px; w\idth:149px;}
/* style the link hover */
.v4menu a:hover{
color:#fff; 
background:#5C80B7;
text-decoration:none;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.v4menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:150px; 
}
/* make the second level visible when hover on first level list OR link */
.v4menu ul :hover ul{
visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.v4menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.v4menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.v4menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.v4menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}