﻿	html{
		height:100%;
	}

    body
    {
        font-family: Verdana;
        font-size: 8pt;
        color: Black;
        background: White;
    }

	.clear{
		clear:both;
	}
	
	#mainContainer{
		width:760px;
		text-align:right;
		margin:0 auto;
		background-color: #FFF;
		border-left:1px solid #000;
		border-right:1px solid #000;
		height:100%;
	}
	
	#topBar{
		width:760px;
		height:100px;

	}
	#leftMenu{
		padding-left:10px;
		padding-right:10px;
		float:left;
	}

	#mainContent{
		width: 520px;
		padding-right:10px;	
		float:left;
	}

    .menu{	
        border-right-width:13px;
	    border-right-style:solid;
    }

	.menuhead{
	    font-size:18px;
	    text-decoration:none;
    }

	.mcs{
        color:#8ca2c0;
    }

    .pers{
        color:#a7c400;
    }

    .klanten{
        color:#ff7300;
    }

    .nieuws{
        color:#40a9cf;
    }


	/*
	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{		
		/* color:black; */
		/* background-color:Red; */
		width:118px;
		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:118px;
		/* color:Black; */
		/* color: #000; */
		/* padding-left:2px; */
		/* border-right:solid 13px blue; */

	}
	
	/*
	A tags 
	*/
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
        font-weight: bold;
        /* border-right-width: 13px; */
	    /* border-right-style: solid; */
	}	

	#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
	    font-weight:normal;
        /* border-right-width: 13px; */
	    /* border-right-style: solid; */
	}	

	#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */

	}	

	#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{
		/* margin-left:5px; */
		padding:0px;
	}

	#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
		/* margin-left:10px; */
		padding:0px;
	}


    /*
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
		margin-left:15px;
		padding:0px;
	}
    */
    
    #dhtmlgoodies_slidedown_menu .slideMenuDiv4 ul{
		/* margin-left:10px; */
		padding:0px;
	}
	
	/*************/
/* Accordion styles */
/*************/
.accordionHeader
{
    border: 1px solid #974980;
    color: white;
    background-color: #974980;
    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 #974980;
    color: white;
    background-color: #974980;
      font-family: Verdana;
      font-weight: bold;
    padding: 3px;
    margin-top: 0px;
    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: #92b7c9;
    border: 1px solid #92b7c9;
    Font-family: Verdana;
    /* Font-size: 11px; */
    color: White;
    border-top: none;
    margin-top: 5px;
    line-height: 12pt;
}

/* EINDE ACCORDION STYLES */
