/* Default CSS Stylesheet for a new Web Application project 
   mark "!L" in style comment means that this style is important for page layout and is recommended to not change
			 this value unless you want to change page-layout (position of the DIVs)
*/



.body
{
	background-color:#F2F2F2;
}

body
{
	/* font styles */
	font-family: Arial;
	font-size:  11px;
	/* element body margin */
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	/* size of body */
	height: 99%;
	width: 100%;

	/* allows to set MainPage in the center of the IE browser. Does not work in FireFox.*/
	text-align: left;	
}

/* SEARCH page - set the same width for dropDownList (in IE by default, but not in FireFox)*/
select.CMSSearchDialogSearchScopeDropDownList,
select.CMSSearchDialogSearchModeDropDownList
{
	width: 100%;
}

/* ############# EDIT MODE BUTTONS ################ */
/*
.CMSEditModeButtons
{
	border: 1px solid black;
	background: white;
	cursor: hand;
	font-size: 12px;
	font-weight: bold; 
	position:absolute;   
}

.CMSPageManager
{
	border: 1px solid darkgray;
	padding: 3px 3px 3px 3px;
	display: block;
	width: 100%;
	background-color: #EEEEEE;
	margin-bottom: 3px;
}

.CMSPageManager A
{
	font-weight: bold;
	text-decoration: underline;
	color: Black;
}
.CMSPageManagerLabel
{
	text-align: right;
}
.CMSPageManagerTDlabel
{
	padding-left: 10px;
}
.CMSEditableRegion
{
	background-color: white;
	border: 1px dotted red;
	text-decoration: none;
	font-weight: normal;
}
*/

.ERegTextBox textarea
{
	overflow: hidden;
}

.FormErrorLabel
{
  color: Red;
}

html {
	
}

 BODY
 {
 margin:0px;
 background-color:#f2f2f2;
 }
 BODY#textgedeelte
 {
 margin:20px;
 background-color:#ffffff;
 }
   
 TABLE#sitewrapper
 {
 border-collapse: separate;
 height:100%;
 width:100%;
 float:left;
 }
 TR#top
 {
 background-color:#A32638;
 }
 TR#bottom
 {
 background-color:#A32638;
 height:10px;
 }

 TR#tussenruimte TD
 {
 height:22px;
 background-color:#ffffff;
 }

 TD.redmainright
 {
 background-image:url('/SiteCollectionImages/redmainright.gif');
 }
 TD.whitemainright
 {
 background-image:url('/SiteCollectionImages/whitemainright.gif');
 }
 TD.graymainright
 {
 background-image:url('/SiteCollectionImages/graymainright.gif');
 }
 TD.redmainleft
 {
 background-image:url('/SiteCollectionImages/redmainleft.gif');
 }
 TD.whitemainleft
 {
 background-image:url('/SiteCollectionImages/whitemainleft.gif');
 }
 TD.graymainleft
 {
 background-image:url('/SiteCollectionImages/graymainleft.gif');
 }

 TD.redmainleft,TD.whitemainleft,TD.graymainleft
 {
 background-position:right;
 background-repeat: repeat-y;
 width:50%;
 }

 TD.redmainright,TD.whitemainright,TD.graymainright
 {
 background-position:left;
 background-repeat: repeat-y;
 width:50%;
 }

 TD.spacer
 {
 width:5px;
 background-color:#ffffff;
 background-image:url('/SiteCollectionImages/spacer.gif');
 }
 TD#logo
 {
 background-color:#ffffff;
 text-align:center;
 vertical-align:middle; 
 background-repeat:no-repeat;
 height: 110px;
 }

 TD#navigatie
 {
 width:585px;
 }

 span#topmenu
 {
 position:relative;
 top:-1px;
 }

.topnavigatie select
{
font:0.9em verdana;
width:170px;
}

TD#textgedeelte
{
width:585px;
padding-top:0px;
padding-left:20px;
padding-right:20px;
padding:bottom:20px;
background-color:#ffffff;
text-wrap:hard-wrap;
height:100%;
}

/* Komt dubbel voor 1 keer met een line-height van 16 en 1 keer met een line-height van 18*/
/* De line-height van is nu actief*/
p,div,li,lu,td
{
font-family: verdana;
line-height:1.63em;
margin:0px;
}
table.leftmenu TD
{
height:28px;
font:11px verdana;
}
table#leftmenu TD a
{
  color:black;
  text-decoration:none;
  display:block;
  width:100%;
}
table#leftmenu TD a:hover
{
  text-decoration:underline;
}
td.leftmenu2selected a
{
font-weight:bold;
}
td.leftmenu1selected a
{
font-weight:bold;
}
#inhoudoud
{
	overflow:auto;
	display: block;
	height:100%;
	margin-right: -20px; /* Zorgt ervoor dat de scrollbar van de div 20px naar links verschijnt en 
							dat de foto in de kop niet een rode achtergrond gaat tonen*/
	width:545px;
}
#inhoud
{
	bottom:10px;
	right:auto;
	top: 120px;
	left: auto;
	margin:0px;
	width:545px;
	/*height: expression(document.body.clientHeight-125);	/* Voor IE */

	overflow: auto;
	z-index:5;
	/*border: solid 1px green;*/
}


#BreadCrumb
{
	height:35px;
	color:#A7A9AC;
	overflow:hidden;
	margin:0px;
	margin-top:15px;
	padding-top:0px;
	width:545px;
	right:auto;
	/*border:solid 1px red;*/
}

#BreadCrumb a:link
{
	color:#A7A9AC;
	text-decoration:none;
}	 


#BreadCrumb a:visited
{
	color:#A7A9AC;
	text-decoration:none;
}	 

#BreadCrumb a:hover
{
	color:#A7A9AC;
}

#BreadCrumb a:active
{
	color:#A7A9AC;
}

h1
{
	color:black; 
	font:1em verdana;
	font-weight:bold;
	padding:0px;
	padding-bottom:0px;
	margin:0px;
}

h2
{
	color:#A32638; 
	font:1.27em verdana;
	font-weight:bold;
	padding:0px;
	padding-bottom:5px;
	margin:0px;
}

h3
{
	color:#A32638; 
	font:1.18em verdana;
	font-weight:bold;
	padding:0px;
	padding-bottom:5px;
	margin:0px;
}

h4
{
	color:#A32638!important;  
	font:1.09em verdana;
	font-weight:bold;
	padding:0px;
	padding-bottom:5px;
	margin:0px;
}

h5
{
	color:#A32638; 
	font:1em verdana;
	font-weight:bold;
	padding:0px;
	padding-bottom:5px;
	margin:0px;
}

h6
{
	color:#A32638;  
	font:0.9em verdana;
	font-weight:bold;
	padding:0px;
	padding-bottom:5px;
	margin:0px;
}

hr
{
    color:#A32638 !important; 
    border:none !important;
	border-bottom:2px solid #A32638 !important;
	height:2px!important;
	width:100%;
	margin-left:0px;
}


TD.leftmenu
{
	background-color:#FCF5E5; 
	width:182px;
}

#textgedeelte a
{
	color: #A32638;
	text-decoration:none;
}
#textgedeelte a:hover
{
	text-decoration:underline;
}

#textgedeelte TABLE TD
{
	height:5px;
}

/* Left tree menu (see also TD) */

.MainMenuCMSTreeMenuTable 
{ 
	width:224px; 	
}
.MainMenuCMSTreeMenuItem 
{ 
	BACKGROUND: #FAEBCC;
	border-bottom-width: 0px;
	COLOR: black; 
	display:block!important;	
	width:224px;
	border-bottom: 1px white solid;
}

.MainMenuCMSTreeMenuItem a
{
	width: auto;
	height: auto;
	padding: 6px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
}

div#ctl00_TreeView1 table tbody tr td
{
	display:none;	
}

.MainMenuCMSTreeMenuItem a:hover
{
	text-decoration:underline;
}

.MainMenuCMSTreeMenuSelectedItem 
{ 
	BACKGROUND: #E69B00; 
	border-bottom-width: 0px;
	font-weight:bold;
	display:block!important;
	border-bottom: 1px white solid;
}

.MainMenuCMSTreeMenuLink 
{ 
	COLOR: black; 
	TEXT-DECORATION: none 
}
.MainMenuCMSTreeMenuSelectedLink 
{ 
	color:Black;
	TEXT-DECORATION: none 
}

.MainMenuSubMenuCMSTreeMenuTable 
{ 
	width:182px; 
	border-bottom: 1px solid #ffffff; /*Onderste randje aan het einde van het menu*/
}
.MainMenuSubMenuCMSTreeMenuItem 
{ 
	BACKGROUND: #FFF8EB;
	height:28px;  
	padding: 0px;
	padding-left:4px;
	border: 1px solid #ffffff; /* Randen om het menu behalve onderste randje*/ 
	border-left: 1px solid #FCF5E5;/*Border-left krijgt de kleur van de achtergrond van het menu*/
	border-bottom-width: 0px;
}
.MainMenuSubMenuCMSTreeMenuItem a:hover
{
	text-decoration:underline;
}

.MainMenuSubMenuCMSTreeMenuSelectedItem 
{ 
	BACKGROUND: #FCF5E5;
	height:28px;  
	padding: 0px;
	padding-left:8px;
	border: 1px solid #ffffff; /* Randen om het geselecteerde item */ 
	border-left: 1px solid #FCF5E5;/*Border-left krijgt de kleur van de achtergrond van het menu*/
	border-bottom-width: 0px;
	font-weight:bold;
}

.MainMenuSubMenuCMSTreeMenuLink 
{ 
	COLOR: black; 
	TEXT-DECORATION: none 
}

.MainMenuSubMenuCMSTreeMenuSelectedLink 
{ 
	color:Black;
	TEXT-DECORATION: none 
}

.MainMenuSubMenuSubMenuCMSTreeMenuTable 
{ 
	width:182px; 
	border-bottom: 1px solid #ffffff; /*Onderste randje aan het einde van het menu*/
}
.MainMenuSubMenuSubMenuCMSTreeMenuItem 
{ 
	BACKGROUND: #FCF5E5;
	height:28px;  
	padding: 0px;
/*	padding-left:8px;*/
	border: 1px solid #ffffff; /* Randen om het menu behalve onderste randje*/ 
	border-left: 1px solid #FCF5E5;/*Border-left krijgt de kleur van de achtergrond van het menu*/
	border-bottom-width: 0px;
}
.MainMenuSubMenuSubMenuCMSTreeMenuItem a:hover
{
	text-decoration:underline;
}

.MainMenuSubMenuSubMenuCMSTreeMenuSelectedItem 
{ 
	BACKGROUND: #FCF5E5;
	height:28px;  
	padding: 0px;
	padding-left:8px;
	border: 1px solid #ffffff; /* Randen om het geselecteerde item */ 
	border-left: 1px solid #FCF5E5; /*Border-left krijgt de kleur van de achtergrond van het menu*/
	border-bottom-width: 0px;
	font-weight:bold;
}

.MainMenuSubMenuSubMenuCMSTreeMenuLink 
{ 
	COLOR: black; 
	TEXT-DECORATION: none 
}
.MainMenuSubMenuSubMenuCMSTreeMenuSelectedLink 
{ 
	color:Black;
	TEXT-DECORATION: none 
}

.topnavigatie
 {
	background-color:#e1e1e1; 
	height:23px;
	text-align:right;
	font:0.9em verdana;
	vertical-align:middle;	
 }
.topnavigatie a
 {
	color:black;
	text-decoration:none;
 }
.topnavigatie a:hover
 {
	color:black;
	text-decoration:underline;
 } 
 
tr#menurow td
 {
	padding-left:10px;
	padding-right:10px;
 } 
 
 
 .GradientFoto
 {
	background-image:url('/SiteCollectionImages/headerbottom.gif');
	background-repeat:repeat-x;
	background-position: bottom left;
	padding:0px;
	
	height:89px;
	vertical-align:top;
 }
 
 
 #CMSViewer1
 {
	
	border: 0px;
	height: 72px;
	width: 587px;
}

 #KolomHeader
 {
	color:#9F6000;
	background-image:url('/SiteCollectionImages/headerbottom.gif');
	background-repeat:repeat-x;
	background-color:#EDEDEE;
	padding-left:5px;
	padding-right:5px;
	width:160px !important;
	width:170px;
	height:17px;
	font-weight:bold;
	vertical-align:top;
 }
 #KolomBody
 {
	background-color: #EDEDEE;
	width:160px !important;
	width:170px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:17px;
	height:200px;	
 }
 #KolomBody a
 {
	color:#A4001D;
	text-decoration:none;
 }

 #KolomBody a:hover
 {
	text-decoration:underline;
 }
 
#KolomBreedte 
{
	width:176px;
	height:1px;
}

#inhoud ul
{
	list-style-image: none;
	position:static;
	margin-top: 0px;
	margin-left:17px;
	padding-left:0px;
}

#inhoud ol
{
	color:black;
	position:static;
	margin-top: 0px;
	margin-left:40px;
	padding-left:0px;
}

#inhoud ul li, ol li
{
/*	background: url(/SiteCollectionImages/li.gif) no-repeat 0 1px;
	padding-left:10px;
	position:static;
	margin-left: -40px;*/

}

#inhoud ol li p
{
	color:black;	
}

#inhoud ol li a p, #inhoud ol li p a
{	
	color: #A32638;
}

#inhoud ul li ul li, ol li ol li
{
	margin-left: -10px;
}

#inhoud ol li ul li
{
	color:black;
}

#inhoud a:hover
{
	text-decoration:underline;
}

.PensioenItems 
{
	background-color:#fcf5e5;
	width:100%;
	display:block;
}

/* sitemap */
span#Logo1_CMSViewer1 img
{
	border-style:none;
	border-width:0px;
}

.SubMenu1 td, .SubMenu2 td
{
	background-color:#FFF8EB;
}

.SubMenu1, .SubMenu2
{
	background-color:#FFF8EB;
}

.SubMenu0 a
{
/*	padding-left:8px;*/
}

.SubMenu1 a
{
	padding-left:14px;
	background-color:#FFF8EB;
	width: 184px;
}

.SubMenu2 a
{
	padding-left:24px;
	background-color:#FFF8EB;
	width: 174px;
}

div#ctl00_TreeView1 div td
{
	border-bottom-color:white;
	border-top-color:white;
	border-left-color:#fff8eb;
	border-right-color:#fff8eb;
	border:solid;
	border-width:1px;
	
}

div#ctl00_TreeView1 div
{
	background-color:#FFF8EB;	
}

input.MainMenuCMSTreeMenuItem, input.MainMenuCMSTreeMenuSelectedItem
{
	text-align:left;	
	padding-left:8px;
	padding-right:8px;
	font-size:1em;
	width:100%;
	border-style:none;
	margin-left:1px;
	font-family: Verdana !important;
}

/* FireFox fix: border submenu */
.MainMenuCMSTreeMenuTable div div table tbody tr td
{
	border: 0px !important;
	border-bottom: 1px solid #ffffff !important; /*Onderste randje aan het einde van het menu*/
}

/*instellingen voor de search*/
.td.ms-sbcell
{
	border:none;
}

input.ms-sbplain 
{
	height:16px;
	border:none !important;
	font-size:12px;
	font-family:Verdana;
	vertical-align:bottom;
}

td.ms-sbcell input
{
	border: solid 1px;
}

.ms-sbtable-border 
{	
BORDER-RIGHT: none;	
BORDER-TOP: none;	
BORDER-LEFT: none;	
BORDER-BOTTOM: none
}

TD.ms-sbcell 
{
	WHITE-SPACE: nowrap;
	font-family:Verdana;
	background-color:transparent;
	border-style:none;
}

/* Search fix: scrollbar */
div#content.mainContent
{
	width: 96%;
	
}

/* Sitemap fix: IE6 IE7 */
ul.sitemap img
{
	height:16px;	
	width:0px;
	visibility:hidden;
}

ul.sitemap li
{
	background-position: 1px !important;
}


Div#WebPartWPQ1 div ul, Div#WebPartWPQ1 div ul li ul, Div#WebPartWPQ1 div ul li ul li ul
{
	list-style:none!important;
	list-style-image:none!important;
}

Div#WebPartWPQ1 div ul li a, Div#WebPartWPQ1 div ul li ul li a, Div#WebPartWPQ1 div ul li ul li ul li a
{
	color:Black!important;
}

div#inhoud
{
	margin-top:13px!important;
}

.MainMenuCMSTreeMenuTable TBODY TR TD DIV TABLE
{	
	width: 100%;
}

.whitemainmiddle
{
	border:0px;
	width:582px;
	height:22px;
	text-align:right;
	padding-left:2px;
	float:right;
	clear:both;
}


TD.contact_form_rubriek
{
	font-weight: bold;
	width: 210px;
}

SPAN.contact_form_verplicht
{
	color: Red;	
}

SPAN.validator_info
{
	font-weight: bolder;
	font-size: 14px;
	color: Red;	
}
INPUT.contact_formulier_invoer_geboortedatum
{
	display: none;
}

DIV#contactformulier_telefoonnummer_info
{
	width: 200px;
	font-size: 10px;
	line-height: 12px;	
	padding: 2px;
	margin: 0px 0px 0px 0px;
	border: solid 1px gray;	
	background-color: #FFFFCC;
}