﻿/* Top links navigatie */
#pageTopNav {
display : block;
margin-bottom : 16px;
overflow : hidden;
height : 19px;
font-size : 11px;
z-index : 1;
}
#pageTopNav UL {
height : 20px;
}
#pageTopNav LI {
color : #666;
display : block;
float : left;
border-right : 1px solid #666;
padding-right : 13px;
margin-right : 13px;
padding-top : 6px;
z-index : 1;
}
#pageTopNav LI A {
color : #666;
}
#pageTopNav LI A:Hover {
color : #cc0000;
}

/* Top rechts navigatie */
#pageTopNavRight {
height : 18px;
font-size : 11px;
z-index : 2;
margin-top : -34px;
display : block;
margin-bottom : 16px;
overflow : hidden;
}
#pageTopNavRight UL {
height : 20px;
}
#pageTopNavRight LI {
color : #666;
display : block;
float : right;
padding-right : 5px;
margin-right : 5px;
padding-top : 6px;
z-index : 2;
}
#pageTopNavRight LI A {
color : #666;
}
/* Main navigatie */
#mainNavFrame {
width : auto;
height : 25px;
margin : 0 6px 0 0;
background : url(../media/layout/menu_bg.jpg) repeat-x top left;
}
#mainNav {
float : right;
width : 726px;
border-left : 1px solid #700100;
}
 /* MENUBUTTON */
A.mainNavButton {
color : #000;
float : left;
border-right : 1px solid #700100;
height : 25px;
cursor : pointer;
list-style : none;
}
 /* CAPTION */
.mainNavButton DIV {
line-height : 25px;
color : #fff;
margin : 0 12px 0 12px;
text-transform : uppercase;
font-family : Arial;
font-weight : 900;
font-size : 12px;
}
/* SUBMENU */
A.mainNavButton UL {
width : 200px;
display: none;
position : absolute;
background-color : #f7dfd5;
z-index : 1;
list-style : none;
border-bottom : 1px solid #e37b78;
display: none;
}
/* SUBMENU ITEM */
A.mainNavButton UL LI {
border-top : 1px solid #e37b78;
border-left : 1px solid #e37b78;
border-right : 1px solid #e37b78;
padding-left : 10px;
color : #333;
font-family : Arial;
font-weight : normal;
font-size : 11px;
line-height : 20px;
cursor : pointer;
}
/* MENUBUTTON HOVER */
A.mainNavButton:hover {
background : url(../media/layout/menu_bg_hover.jpg) repeat-x top left;
}
A.mainNavButton:hover DIV {
color : #000;
}
 /* SUBMENU ITEM HOVER */
A.mainNavButton:hover UL {
display:block;
}
/* Pagina items */

#pageTopMenu {
width : 542px;
float : right;
vertical-align : middle;
margin-top : 13px;
margin-bottom : 12px;
z-index:9999;
}
#pageTopMenu UL {
float : left;
margin-left : 5px;
}
#pageTopMenu UL, #pageTopMenu LI {
display : inline;
}
#pageTopMenu LI {
font-size : 10px;
margin-right : 0;
color : #666;
}
#pageTopMenu LI IMG {
vertical-align : -8px;
margin-left : 3px;
}
#pageTopMenu LI A {
color : #666;
letter-spacing : -1px;
}

#pageTopMenu LI A:hover, #pageTopNavRight LI A:hover{
color : #cc0000;
}

#pageTopMenuHOG {
width : 542px;
float : left;
vertical-align : middle;
margin-top : 13px;
margin-bottom : 12px;
z-index:9999;
}
#pageTopMenuHOG UL {
float : left;
margin-left : 5px;
}
#pageTopMenu UL, #pageTopMenuHOG LI {
display : inline;
}
#pageTopMenuHOG LI {
font-size : 10px;
margin-right : 0;
color : #666;
}
#pageTopMenuHOG LI IMG {
vertical-align : -8px;
margin-left : 3px;
}
#pageTopMenuHOG LI A {
color : #666;
letter-spacing : -1px;
}

#pageTopMenuHOG LI A:hover, #pageTopNavRight LI A:hover{
color : #cc0000;
}


/* breadcrumb */
#breadcrumb {
margin-bottom : 18px;
margin-left : 7px;
font-size : 10px;
color : #666;
}
#breadcrumb A {
color : #666;
z-index:1;
}

#breadcrumb A:hover{
color : #cc0000;
}

#pageLeftMenu {
width : 179px;
margin-left : 3px;
margin-bottom : 22px;
}
.pageLeftMenu_container {
background : transparent url(../Media/Layout/leftmenu_bg.jpg) repeat-x top left;
}
.pageLeftMenu_innerContainer {
background : url(../Media/Layout/leftmenu_bottom.gif) no-repeat bottom left;
padding-bottom : 6px;
}
#pageLeftMenu UL {
list-style : none;
border-left : 1px solid #e5848f;
border-right : 1px solid #e5848f;
margin-bottom : 0;
height : 1%;
}
#pageLeftMenu UL LI {
border-top : 1px solid #e5848f;
font-size : 11px;
line-height : 21px;
color : #333;
cursor : pointer;
}
#pageLeftMenu UL LI A {
padding : 1px 12px 1px 12px;
line-height : 18px;
display : block;
}
#pageLeftMenu UL LI A.Selected {
font-weight : 900;
color : #cc0000;
display : block;
}
#pageLeftMenu LI UL {
border-left : 0 solid #e5848f;
border-right : 0 solid #e5848f;
margin-bottom : 0;
height : auto;
background-image : none;
}
#pageLeftMenu LI UL LI {
line-height : 21px;
font-weight : 100;
border-left : 0 solid #e5848f;
border-right : 0 solid #e5848f;
margin-bottom : 0;
background : url(../Media/Arrows/menuitem.gif) no-repeat 15px 7px;
cursor : pointer;
padding-left : 16px;
}
#pageLeftMenu LI UL LI DIV {
height : auto;
padding-left : 15px;
line-height : 14px;
}
/* Stijlen Tab menu*/
#tabMenu {
width : auto;
height : 23px;
background : url(../Media/Layout/tabmenu_bg.gif) repeat-x;
margin-right:5px;
overflow:hidden;
}
#tabMenu .ActiveTab {
height : 23px;
float : left;
cursor : pointer;
}
.ActiveTabL {
background : url(../Media/Layout/tabmenu_active_L.gif) no-repeat;
height : 23px;
width : 5px;
float : left;
}
.ActiveTabM {
background : url(../Media/Layout/tabmenu_active_M.gif) repeat-x;
height : 25px;
width : auto;
float : left;
border-bottom : 1px solid #eff2f4;
z-index : 1;
}
.ActiveTabTekst {
border : 0 solid;
margin-top : 4px;
margin-left : 3px;
}
.ActiveTabR {
background : url(../Media/Layout/tabmenu_active_R.gif) no-repeat;
height : 23px;
width : 5px;
float : left;
margin-right : 11px;
}
	/*Einde Actieve TAB*/
/*InActieve TAB*/
#tabMenu .InActiveTabM {
height : 23px;
float : left;
cursor : pointer;
}
.InActiveTabL {
background : url(../Media/Layout/tabmenu_inactive_L.gif) no-repeat;
height : 22px;
width : 5px;
float : left;
border-bottom : 1px solid #c8d3d9;
}
.InActiveTabM {
background : url(../Media/Layout/tabmenu_inactive_M.gif) repeat-x;
height : 22px;
width : auto;
float : left;
padding-right : 4px;
}
.InActiveTabTekst {
border : 0 solid;
margin-top : 4px;
margin-left : 3px;
}
.InActiveTabR {
background : url(../Media/Layout/tabmenu_inactive_R.gif) no-repeat;
height : 22px;
width : 5px;
float : left;
margin-right : 11px;
border-bottom : 1px solid #c8d3d9;
}

/*Einde InActieve TAB*/

/* Vorige volgende paginaNavigatie*/
.PaginaNavigatie {
width : 300px;
border : 0 solid;
display : block;
}
.volgende {
float : left;
}
.vorige {
float : left;
}
.PaginaNavigatie ul {
list-style : none;
}
.PaginaNavigatie li {
display : inline;
}


/*MainMenu NIEUW*/

#menu {
margin: 0;
padding: 0;
background-image:url(../media/layout/menu_bg.jpg);
color:#000000;
width: 100%;
background-repeat:repeat-x;
height:25px;
border-left : 1px solid #700100;
float:right;
width : 726px;
}
#menu ul {
background-image:url(../media/layout/menu_bg.jpg);
list-style: none;
margin: 0;
padding: 0;
float: left;
border-bottom: 1px solid #e37b78;
display:block;
}
#menu ul a {
padding-left: 12px;
padding-right: 12px;
border-right: 1px solid #700100;
margin:0;
line-height: 24px;
display: block;
text-transform : uppercase;
font-family : Arial;
font-weight : 700;
font-size : 12px;
text-decoration:none;
background-image:none;
}
#menu ul a:hover {
display:block;
}
#menu ul li {
display:block;
position: relative;
z-index : 999;
}
#menu ul ul {
cursor:pointer;
margin:0 0 0 -1px;
padding:0;
width:200px;
position: absolute;
display:block;
z-index : 999;
}
#menu ul ul a {
border-top: 1px solid #e37b78;
border-left: 1px solid #e37b78;
border-right: 1px solid #e37b78;
padding-left: 10px;
color: #333;
font-family: Arial;
font-weight: normal;
font-size: 11px;
line-height: 20px;
cursor: pointer;
background-color: #f7dfd5;
text-transform:none;
background-image:none;
}
#menu ul ul a:hover{
color: #333;
background-image: none;
background-color: #FFF;
}
#menu ul li ul,
#menu ul li:hover ul{
display: none;
}
#menu ul li:hover ul,
#menu ul ul li:hover lu{
display: block;
}
li.mouseon {
color:#FFFFFF;
}
li.mouseon a {
background-image:url(../media/layout/menu_bg_hover.jpg);
color:#FFFFFF;
}
li.mouseon a:hover {
background-image:url(../media/layout/menu_bg_hover.jpg);
color:#000000;
}
li.mouseoff {
background-image:url(../media/layout/menu_bg_hover.jpg);
color:#000000;
}
li.mouseoff a {
background-image:url(../media/layout/menu_bg_hover.jpg);
color:#000000;
}
li.mouseoff a:hover {
background-image:url(../media/layout/menu_bg_hover.jpg);
color:#000000;
}