/*
HIER ALLE STANDAARD ELEMENTEN
*/
*
{
	font-family:					Verdana;
	text-decoration:				none;
	margin:							0px;
	padding:						0px;
}
BODY
{
	background:						#fff url("../images/bg.gif") top left repeat-x;		
	font-size:						11px;
	overflow: -moz-scrollbars-vertical;
	behavior: url("csshover-1.htc");
}
.clearFloat
{
	clear:							both;
	height:0px;
	overflow:hidden;
	z-index:1;
}
/* Hoofdtitel van pagina */
H1
{
	font-family:					arial;
	font-size:						19px;
	font-weight:					900;
	text-transform:					uppercase;
	margin-bottom:					14px;
}
/* Titel van content item */
H2
{
	font-family:					arial;
	font-size:						14px;
	font-weight:					900;
	margin-bottom:					15px;
}
/* Subtitel */
H3
{
	font-family:					arial;
	font-size:						12px;
}

H4
{
	font-family:					arial;
	font-size:						16px;
	font-weight:					900;
	text-transform:					uppercase;
	margin-bottom:					14px;
}
A.red {
	cursor:							pointer;
	color:							#CC0000;
}
A.red:hover 
{
	cursor:							pointer;
	color:							#000000;
	text-decoration:				underline;
}
.line
{
	height:							1px;
	font-size:						1px;
	overflow:						hidden;
	background:						#D7DEE4 URL("hr_fade.jpg") top left repeat-y;
	margin-top:						3px;
	margin-bottom:					0px;	
}
IMG
{
	border:							0px solid;
	display: 						block;
}
A
{
	color:							#000;
}
A:hover
{
	color:							#CC0000;
}
P
{
	margin-bottom:					12px;
	font-size:1em;
}

.pagina p {
	margin-top: 6px;
	margin-bottom:6px;

}


.pagina a:link
{
	color:							#cc0000;
	text-decoration:underline;
}

.pagina a:visited
{
 	color: 							#820000;
	text-decoration:underline;
}

.pagina a:hover
{
	color:							#000;
	text-decoration:underline;
}



HR
{
margin-top: 5px;
margin-bottom:5px;
}

A.tekstlink 
{
	color:							#cc0000;
}

A.tekstlink:hover
{
	color:							#000;
	text-decoration:				underline;
}

font
{
font-size:1.1em;
line-height:1.4em;
}

/* OLD layout.css */
.noCSS
{
	display:						none;
}

/* Page frame */

#pageHolder
{
	width:							100%;
	text-align:						center;
}
#pageFrame
{
	width:							940px;
	margin-left:					auto;
	margin-right:					auto;
	text-align:						left;
}

/* Page top */

#pageTop
{
	width:							auto;
	height:							70px; /* Hier de juiste hoogte van banner etc */
	margin-left:					3px;
}
#pageTopLogoBanner
{
	margin:							0px 6px 0px 0px; /* Hier de juiste rechter margin invullen ivm schaduws in rechterkolom! */
	height:							60px;
}

#pageTopLogo
{
	float:							left;
	width:							201px;
	height:							50px;
}
#pageTopBanner
{
	float:							right;
	width:							727px;
	height:							50px;
}

/*MAIN*/

#mainFrame
{
	width:							943px;
	height:							auto;
	z-index:							1;
}
#colLeft
{
	float:							left;
	width:							201px;
	margin-top:						14px;
	overflow:						hidden;
}
#colRight
{
	float:							right;
	width:							190px;
	margin-top:						12px;
	border:							0px solid;
	/overflow:hidden;
	
}
#colCenter
{
	float:							left;
	/*min-width:						535px;*/
	width:							535px;
	margin-top:						12px;
	border:							0px solid;
	overflow:							hidden;
}

/*OLD content.css  */
.smallItalic {
	font-size : 10px;
	color : #999;
	margin-bottom : 2px;
	font-style: italic;
	z-index:1;
}

A.feedbackScalar {
	text-align:right;
	font-size:10px;
	font-style:italic;
	color:#999;
	text-decoration:none;
}
A.feedbackScalar:hover {
	text-align:right;
	font-size:10px;
	font-style:italic;
	color:#000;
}

#apDiv1 {
	position:absolute;
	left:136px;
	top:54px;
	width:214px;
	height:123px;
	z-index:1;
}
.midden {
	border-left : 1px solid #e5848f;
	border-right : 1px solid #e5848f;
	margin-bottom : 0;
	font-size : 11px;
	line-height : 21px;
	color : #333;
	cursor : pointer;
	font-weight : 100;
	margin-bottom : 0;
	padding-left : 16px;
}
.boven {
	background-image: url(../images/leftmenu_top.png);
	background-repeat: no-repeat;
	height: 6px;
}
.container {
	background : transparent url("../images/leftmenu_bg.jpg") repeat-x top left;
	width: 179px;
}
.onder {
	background-image: url(../images/leftmenu_bottom.gif);
	background-repeat: no-repeat;
	height: 6px;
}

a.menu {
display:block}

/* Default Button */
.ButtonLeftAlign {
	float : left;
	margin-top : 10px;
}
.ButtonRightAlign {
	float : right;
	margin-top : 10px;
	border : 0 solid;
}

.ButtonLeft {
	width : 3px;
	height : 20px;
	background : url("../images/button_grijs_L.gif") no-repeat top left;
	display : block;
	float : left;
	overflow : hidden;
}
.Button {
	height : 20px;
	width : auto;
	background : url("../images/button_grijs_M.gif") repeat-x top left;
	border : 0 solid;
	display : block;
	margin-left : 0;
	cursor : pointer;
	float : left;
	text-transform : uppercase;
	font-family : Arial;
	font-size : 9px;
	font-weight : 900;
	color : #555;
}
.Button:hover 
{
	color : #CC0000;
}	
.ButtonRight {
	width : 4px;
	height : 20px;
	background : url("../images/button_grijs_R.gif") no-repeat top right;
	display : block;
	float : left;
}
.ButtonSpacerRight {
	width : 6px;
	float : right;
}
.ButtonSpacerLeft {
	width : 6px;
	float : left;
}
/* Einde Button */
.ContentArea UL LI {
	list-style : none;
}
.categoryList_Left {
	width : 30%;
	float : left;
	margin-right : 10px;
	border-right : 1px solid #cdcdcd;
	overflow:hidden;
}
.categoryList_Center {
	width : 28%;
	float : left;
	border-right : 1px solid #cdcdcd;
	overflow:hidden;
}
.categoryList_Right {
	width : 32%;
	float : left;
	margin-left : 10px;
	overflow:hidden;
}

.bannerCenter {
	border : 1px solid;
	width : auto;
}
.ContentAreaZoeken .Title
{
float:left;width:auto;height:auto;
}

.ContentAreaZoeken .TitleRight
{
float:right;
height:auto;
width:auto;
font-weight:bold;
font-size:0.9em;
}

.zoekenResultatenRegel
{
width:220px;
float:left;
padding-right:4px;
padding-bottom:4px;
}

.zoekenResultatenRegel a
{
color:#CC0000;
}

.zoekenResultatenRegel span
{
display:block;
}

#colCenter ul
{
margin-left:14px;
}

#colRight ul, #colRight ol
{
padding:0px;
margin:0px;
width:120px;
list-style-position:outside;
position:relative;
left:20px;
}

#colRight .listleft
{
float:left;
width:14px;
overflow:visible;
margin:0px;
color:#000000;
display:inline;
}


#colRight .listright
{
float:left;
width:134px;
overflow:visible;
margin:0px;
display:inline;
}

#colRight .clearFloat
{
clear:none;
}


#colRight .contentBoxGrey_Inner
{
/*margin-left:10px;*/
z-index:-1;
overflow:visible;
}

.inlineBanner
{
text-align: center; 
margin-top: 15px; 
margin-bottom: 15px;
}

.BContentArea
{
margin-top:5px;
}

#tabMenu img
{
vertical-align:top;
}


.ContentFrameInner .floatLeft
{
margin-top:3px;
}

/* OLD navigation.css  XXXXXXXXXXXXXXXXXX*/

/* Main navigatie */
#mainNavFrame {
width : auto;
height : 25px;
margin : 0 6px 0 0;
background : url("../images/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 : 35px;
cursor : pointer;
}
/* MENUBUTTON HOVER */
A.mainNavButton:hover {
background : url("menu_bg_hover.jpg") repeat-x top left;
}
A.mainNavButton:hover DIV {
color : #000;
}
 /* SUBMENU ITEM HOVER */
A.mainNavButton:hover UL {
display:block;
}

/*MainMenu NIEUW*/

#menu {
margin: 0;
padding: 0;
background-image:url("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("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("../images/menu_bg_hover.jpg");
color:#FFFFFF;
}
li.mouseon a:hover {
background-image:url("../images/menu_bg_hover.jpg");
color:#000000;
}
li.mouseoff {
background-image:url("../images/menu_bg_hover.jpg");
color:#000000;
}
li.mouseoff a {
background-image:url("../images/menu_bg_hover.jpg");
color:#000000;
}
li.mouseoff a:hover {
background-image:url("../images/menu_bg_hover.jpg");
color:#000000;
}