/************************ Before stuff  ********************************/


html
{
	overflow-x: auto;
	overflow-y: scroll;
}

body
{	
    border: 0px;
    font-family: Tahoma;
    font-size: 11px;
}

a
{
    text-decoration: none;
    color: Navy;
}

a:hover, #content a:hover
{
	 color: #2965A2;
}


a img
{
	border: 0px;
}
 
#body_panel
{
	background-color: White;
	border: 1px solid black;
    text-align: left;
    width: 740px;
	margin-left: auto;
	margin-right: auto;
    /* Do this to let the background color reach till the bottom */
    overflow-y: hidden;
    overflow-x: hidden;
	
}

 
#header
{
    color: black;
    height: 113px;
    width: 740px;
}

#content
{
    width: 740px;		
 	float: left;
    color: black;
}
  
#menu_column
{
	float: left;
	background-color: #DFDFD9;
	/* Do this to let the background color reach till the bottom */
	padding-bottom: 10000px;
	/* leave 40px at the bottom of the menu */
	margin-bottom: -9960px;
	
}

#content_column
{
	width: 605px;
	min-height: 250px;
	float: left;
	
}



/* IMAGES */
#content img.pasfoto, #content img.pasfoto_klein, img.pasfoto, img.pasfoto_klein
{	  
	  border-style: solid;
	  border-color: gray;
	  border-top: 2px solid silver;
	  border-left: 2px solid silver;
	  border-width: 2px;
	  margin: 4px;
}

#content img.pasfoto_klein, img.pasfoto_klein
{	  
	height: 80px;
	width:  80px; 
}


#content img.foto
{	  
	  border-style: solid;
	  border-color: #2965A2;
	  border-width: 2px;
	  margin: 4px;
}


#content img.item_foto, #content img.item_foto_klein, #content img.thumbnail_website
{	  
	  border-style: solid;
	  border-color: #2965A2;
	  border-width: 2px;
	  margin: 4px;
	  height: 100px;
	  width: 100px;
}


#content img.item_foto_klein
{	  
	  
	  height: 70px;
	  width: 70px;
}

#content img.thumbnail_website
{	  
	  
	  height: 94px;
	  width: 155px;
	  margin-left: 0px;
}



/* END IMAGES */




/* FIRST LEVEL MENU */

#menu
{
	/* Position moet Static zijn ivm FF, IE6 en IE7 problemen indien Relative. Static = Default, dus niet gezet */
	background-color:  #DFDFD9;
    width: 114px;
    font-size: 12px;
}

#menu ul
{
	padding: 0px;
    list-style: none;
    margin: 0px;
}

#menu ul li
{
	display: block;
    border-bottom: 1px solid white;
}

#menu ul li a img
{
	margin-top: 5px;
	margin-right: 5px;
	float: right;
}

#menu ul li a.haschildren img
{
	background-image: url(../gfx/btn_arrow_right.gif);
}

* html #menu ul li a.haschildren img
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/btn_arrow_right.gif', sizingMethod='scale');
}

#menu ul li a
{
	color: #2965A2;
    font-weight: bold;
	height: 100%;
	display: block;
    padding: 3px;
}

#menu ul li a:hover, #menu ul li a.expanded
{
	background-color: #D3D3CC;
	color: White;
}

#menu ul li a.menuitem_active, #menu ul li a.menuitem_active:hover
{
	background-color: #D80A8A;
	color: White;	
}


#menu #menu ul li a.expanded
{
	background-color: #D3D3CC;
	color: White;
}

#menu ul li a:hover
{
	background-color: #7F9ED3;
	color: White;
}
/* END FIRST LEVEL MENU */




/* SECOND LEVEL MENU */

#menu ul ul
{
	display: none;
	background-color: #DFDFD9;
	border-top: 1px solid white;
	border-left: 1px solid white;
	margin-left: 114px;
	margin-top: -21px;
	position: absolute;
	width: 150px;
	z-index: 200;
    
}

/* END SECOND LEVEL MENU */


/* SECOND THIRD MENU */

#menu ul ul ul
{
	margin-left: 150px;
}

/* END THIRD LEVEL MENU */






#page_description_container
{	
	font-size: 10pt;
	float: inherit;
	width: 625px;
	height: 20px;
	background-color: #DFDFD9;
    border-left: 1px solid white;
    color: #767561;
}

#page_description
{
	padding: 2px;
	padding-left: 8px;
	float: left;
    font-weight: bold;		
}


#navigation_menu
{
	float: right;
	font-size: 8pt;
	margin-top: 3px;
	margin-right: 3px;
}

#navigation_menu a
{
	color: #2965A2;
	text-decoration: underline;
}




#footer
{
	float: left;
	height: 18px;
	font-size: 8pt;
	font-weight: bold;
	float: left;
	border-top: 1px solid white;
	background-color: #DFDFD9;
	width: 740px;
	padding: 0px;
}

#footer_left
{
	width: 114px;
	height: 18px;
	float: left;
	border-right: 1px solid white;
}

#footer_content
{
	padding: 1px;
	text-align: center;
}

#footer_right
{
	float: right;
	height: 15px;
	width: 3px;
	margin-right: 47px;
	background-color: #F79122;
}


#footer2
{
    text-align: center;
    width: 740px;
    margin-top: 3px;
	margin-left: auto;
	margin-right: auto;
	font-size: 8pt;
	color: gray;
}

#footer2 a
{
	color: Gray;
	text-decoration: none;
}

#footer2 img
{
	vertical-align: middle;
	margin-top: 4px;
	margin-right: 10px;
}




/************************ Content Stuff ***************************************/
#QCP_Content, #QPC_PageNotExist
{
	width: 600px;
	padding: 10px;
	float: left;
	margin-top: 0px;
}

#two_column_container
{
	float: left;
	width: 604px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#QCP_Content01
{
	float: left;
	width: 292px;
	margin-right: 10px;
}

#QCP_Content02
{
	float: left;
	width: 292px;
}

.content_container
{
}

.content_container h1, .content_container h2, .content_container h3, .content_container h4, .content_container h5, .content_container h6
{
	margin-bottom: 0px;
	margin-top: 0px;
}

.content_container h1, #content h1
{
	background-color: #D3D3CC;
	font-size: 10pt;
	font-weight: bold;
	background-color: #D3D3CC;
	color: #767561;
}

.content_container h2, #content h2
{
	font-size: 10pt;
	font-weight: bold;
	background-color: #F79122;
	color: White;	
}

.content_container h3, #content h3
{
	color: #767561;
	font-size: 09pt;
}

.content_container h4, #content h4
{
	font-size: 09pt;
	color: #2965A2;
}

.content_container h5, #content h5
{
	color: #2965A2;
	font-size: 08pt;
}

.content_container h6, #content h6
{
	font-size: 08pt;
	color: #F79122
}

.content_container p
{
	margin: 0px;
}

.content_container hr
{
	height: 1px;
	color:  #767561;
}

.content_container ul
{
	padding: 0px;
	margin-top: 5px;
	margin-left: 25px;
	margin-bottom: 5px;
}

.content_container li
{
	padding-left: 0px;
	list-style-image: url(../gfx/list_bullet01.gif);
}

.content_container img
{
	margin: 3px;
}

.content_container img.geen_marge
{
	margin: 0px;
	padding: 0px;
}

.content_container a
{
	text-decoration: underline;
	font-weight: bold;
	color:  #D80A8A;
	
}


/************************ Default table stuff  ********************************/

table
{
	border-collapse: collapse;
	
}

table td
{
	padding: 4px;
	vertical-align: top;
	float: left;
	
}