html{
    height:100%;
}

body{
    font-family: Verdana;
    font-size: 8pt;
    color: Black;
    /* background: White; */
    margin:0 0 0 0;
}

.clear{
	clear:both;
}

#mainContent {
    background-color: #8ca2c0;
}

#balk {
    border-left-color: #566478;
}

#leftMenu{
    padding-left:10px;
    padding-right:10px;
    float:left;
}


a {
    color:White;
}


/*

a:link {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}
	
a:active {
    text-decoration: none;
}
	
a:visited {
    text-decoration: none;
}

*/

/* ****************** */
/* MENU STYLES */
/* ****************** */


.menu{	
    font-family: Verdana;
    font-size: 9pt;
    border-right-width:13px;
    border-right-style:solid;
    margin-right:0px;
}

.menuhead{
    font-size:18px;
    text-decoration:none;
}

.mcs{
    color:#8ca2c0;
}

.pers{
    color:#974980;
}

.klanten{
    color:#397b9d;
}

.nieuws{
    color:#846c96;
}


/*
General rules
*/

#dhtmlgoodies_slidedown_menu li{
	list-style-type:none;
	position:relative;
    text-align:right;
    display:inline;
}

#dhtmlgoodies_slidedown_menu ul{
    margin:0 0 0 0;
    padding:0 0 0 0;
    text-align:right;
    position:relative;
}

#dhtmlgoodies_slidedown_menu div{
    margin:0 0 0 0;
    padding:0 0 0 0;
}

/* Layout CSS */
#dhtmlgoodies_slidedown_menu{		
    width:130px;
    font-family:Arial;
	font-size:9pt;
	position:relative;
	/* right:-12px; */
}

/* All A tags - i.e menu items. */
#dhtmlgoodies_slidedown_menu a{
	text-decoration:none;	
	display:block;
	clear:both;
	width:130px;
}
	
/*
A tags 
*/
#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
    font-weight: bold;
}	

#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
    font-weight:normal;
}	

#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
    font-weight:normal;
}	

#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{	/* Sub menu items */
}	

#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{	/* Sub menu items */
}

/* UL tags, i.e group of menu utems. 
It's important to add style to the UL if you're specifying margins. If not, assign the style directly
to the parent DIV, i.e. 

#dhtmlgoodies_slidedown_menu .slideMenuDiv1

instead of 
	
#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
*/
	
#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
	padding:0px;
}

#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
	padding:0px;
}

#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
	padding:0px;
}

/*
#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
	margin-left:15px;
	padding:0px;
}
*/
    
#dhtmlgoodies_slidedown_menu .slideMenuDiv4 ul{
	padding:0px;
}

/* ****************** */
/* END OF MENU STYLES */
/* ****************** */


#slogantekst{
    font-weight:bold;
    font-size:large;
    margin-bottom:7px;
    color: #003366;
}


/* Content-blok met diap header en blokjeskader om de tekst */
#header1
{
    font-weight: bold;
    font-size: small;
    padding-left: 6px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 0px;
    margin-bottom: 8px;
    color: white;
    background-color: #566478;

}

#content1
{
    border: dotted thin white;
    padding: 8px 8px 8px 8px;
    margin: 0px 0px 0px 0px;
    /* color: #003366; */
    /* color: #566487; */
    color: White;
    line-height:12pt;

}


/* Content-blok met groene header en diap tekst in een groen vlak */
#header2
{
    font-weight: bold;
    font-size: small;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: white;

    }

#content2
{
    color:White;
    border: dotted thin white;
    background-color: #974980;
    padding: 8px 8px 8px 8px;
    margin: 0px 0px 0px 0px;
    line-height:12pt;

}


/* Content-blok met gele header en groene tekst in een geel vlak */
#header3
{
    color: white;
    font-weight: bold;
    font-size: small;
    padding: 0px 0px 0px 0px;
    margin-top: 0px;
    margin-bottom: 0px;

}

#content3
{
    padding: 8px 8px 8px 8px;
    margin: 0px 0px 0px 0px;
    color: white;
    background-color: #846c96;
    line-height:12pt;

}

/*

#content3 a {
    color: white;
    text-decoration: underline;
}

#content3 a:visited{
    text-decoration: none;
}

#content3 a:active{
    text-decoration: none;
}

#content3 a:link{
    text-decoration: underline;
}

*/

/* Content-blok met groene header en diap tekst in een groen vlak */
#header4
{
    font-weight: bold;
    font-size: small;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: white;

}

#content4
{
    border: solid thin white;
    padding: 8px 8px 8px 8px;
    margin: 0px 0px 0px 0px;
    line-height:12pt;
    color: White;

}


/*************/
/* Accordion styles */
/*************/
.accordionHeader
{
    border: 1px solid #397b9d;
    color: white;
    background-color: #397b9d;
      font-family: Verdana;
      font-weight: bold;
    padding: 3px;
    margin-top: 5px;
    cursor: pointer;
}
 
#master_content .accordionHeader a
{
      color: #FFFFFF;
      background: none;
      text-decoration: none;
}
 
#master_content .accordionHeader a:hover
{
      background: none;
      text-decoration: underline;
}
 
.accordionHeaderSelected
{
    border: 1px solid #397b9d;
    color: white;
    background-color: #397b9d;
      font-family: Verdana;
      font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
 
#master_content .accordionHeaderSelected a
{
      color: #FFFFFF;
      background: none;
      text-decoration: none;
}
 
#master_content .accordionHeaderSelected a:hover
{
      background: none;
      text-decoration: underline;
}
 
.accordionContent
{
    background-color: #c0ccdc;
    border: 1px solid #c0ccdc;
    Font-family: Verdana;
    /* Font-size: 11px; */
    color: #974980;
    border-top: none;
    padding: 5px;
    padding-top: 3px;
    line-height: 12pt;
}

/* EINDE ACCORDION STYLES */