/***********************************************/
/* CSS Document                                */
/* used for default.aspx - initial screen      */
/***********************************************/

/* styles for menu on the left */
/* background-color: #6495ed */
.menu1
{
    position: absolute;
    background-color: #e6e6fa;
    border-right: red thin solid;
    border-left: red thin solid;
    border-bottom: red thin solid;
    left: 1%;
    top: 60%;
    border-top: red thin solid;
}

.level1
{
    color: White;
    background-color: #e6e6fa;
    padding-left: 4px;
    padding-right: 4px;
    width: 140px;
    height: 25px;
    font-size: small;
    font-family: Verdana, 'Arial Black';
    font-weight: bolder;
    border-left-width: thin;
    border-left-color: red;
    border-bottom-width: thin;
    border-bottom-color: red;
    border-right-width: thin;
    border-right-color: red;
    border-top: red thin solid;
}

.level2
{
    color: White;
    background-color: #e6e6fa;
    padding-left: 4px;
    width: 120px;
    height: 20px;
    border-right: red 1px solid;
    border-top: red 1px solid;
    border-left: red 1px solid;
    border-bottom: red 1px solid;
    font-size: small;
    font-family: Verdana, 'Arial Black';
}

.level3
{
    color: black;
    background-color: Silver;
    font-family: Gill Sans MT !important;
    font-size: small;
}

.hoverstyle
{
    font-weight: normal;
}
       
.sublevel1
{
    background-color: Gray !important;
    color: White !important;
    font-variant: small-caps;
} 

a:link, a:visited 
{
    color:#000080; 
    text-decoration: none ; 
    font-size: 12px; 
    font-weight:normal; 
    font-family: sans-serif, Verdana, Arial, Helvetica;
}
a:active 
{
    color:#000080; 
    font-size: 12px; 
    font-weight:normal;
}
a:hover 
{
    color:red; 
    font-size: 12px; 
    font-weight:normal;
}
ul{
 list-style-type: disc;
}

/***********************************************/
/* Layout Divs             	height: 160px;     */
/* background-color: #FFFFCC; */
/***********************************************/

#divNavBar	
{
  	position: absolute; 
	left: 1%;
	top: 16%;  	
	border-right:  1px solid red;
    border-top:  1px solid red;
    border-left:  1px solid red;
    border-bottom:  1px solid red;
}

#leftNavBar	{
	background-color: #e6e6fa;
	position: absolute;
	left: 1%;
	top: 16%;  
    width: 140px;
	border-right:  1px solid red;
    border-top:  1px solid red;
    border-left:  1px solid red;
    border-bottom:  1px solid red;
}

#leftbottomNavBar	{
	background-color: #e6e6fa;
	position: absolute;
	left: 1%;
	top: 56%;  
    width: 140px;
    border-right:  1px solid red;
    border-top:  1px solid red;
    border-left:  1px solid red;
    border-bottom:  1px solid red;

}

/*********** #leftNavBar link styles ***********/
#leftNavBar ul
{	
    border-top: 1px solid #cccccc;
}
	
#leftNavBar ul a:link, 
#leftnavBar ul a:visited 
{
    display: block;

}
#leftNavBar ul 
{

    list-style: none; 
    margin: 0; 
    padding: 0;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#leftNavBar li {	
	border-bottom: 1px solid #cccccc;}

/* fix for browsers that don't need the hack */
html>body #leftNavBar li {border-bottom: none;}



/*********** #leftbottomNavBar link styles ***********/
#leftbottomNavBar ul
{	
    border-top: 1px solid #cccccc;
}
	
#leftbottomNavBar ul a:link, 
#leftbottomNavBar ul a:visited {display: block;}
#leftbottomNavBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#leftbottomNavBar li {	

	border-bottom: 1px solid #cccccc;}

/* fix for browsers that don't need the hack */
html>body #leftbottomNavBar li {border-bottom: none;}


/*********** #sectionLinksLeft styles ***********/

#sectionLinksLeft{  
	margin: 0px;
	padding: 0px;
	font-size: 90%;
}

#sectionLinksLeft h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinksLeft a:link{
	padding: 2px 0px 2px 10px;
	width: 100%;
	width: auto;
}

#sectionLinksLeft a:visited{

	padding: 2px 0px 2px 10px;
}

#sectionLinksLeft a:hover{

	background-color: #dddddd;
	padding: 2px 0px 2px 10px;
}

/*********** #sectionLinksLeftBottom styles ***********/

#sectionLinksLeftBottom{  

	margin: 0px;
	padding: 0px;
	font-size: 90%;
}

#sectionLinksLeftBottom h3
{
    padding: 0px 0px 0px 10px;
    font-size: medium;
    margin: 0px;
    background-color: #dddddd;
}

#sectionLinksLeftBottom a:link{
	padding: 2px 0px 2px 10px;
	width: 100%;
	width: auto;
}

#sectionLinksLeftBottom a:visited{

	padding: 2px 0px 2px 10px;
}

#sectionLinksLeftBottom a:hover{

	background-color: #dddddd;
	padding: 2px 0px 2px 10px;
}

#topFrame
{
    position: absolute;
    top: 2%;
    left:1%;   
}

#topFrame td
{
    width: 36px;
    height: 20px;   
}

#topFrame img
{
    width: 30px;
    height: 20px;   
}

/*********** color: #8888fa; ***********/

#toptitle
{
    position: absolute;
    top: 4%;
    left: 12%;
    width: 850px;
    height: 20px;
    color: #0000A0;
    text-indent: 6%;
    font-size: xx-large;
    font-weight: bold;
}

#result 		{
	background-color: #FFFFCC;
	position: absolute;
    left:16%;
    top:16%;
    width: 83%;
    border-style: none;
}

/***          ****/
/*** het lukt niet om aan de height een percentage te koppelen         ****/
/***          ****/
.contentframe 		
{

    position: absolute;
	background-color: #a6a6a6;
	left: 0%;
	top: 0%;
	width: 100%;
    height: 470px;
	border-right:  1px solid red;
    border-top:  1px solid red;
    border-left:  1px solid red;
    border-bottom:  1px solid red;
}

/* style for label above dropdownlist */
.clabel
{
    color: #000040;
    position: relative;
	left: 4%;
    font-size: 12px; 
    font-weight:bold; 
    font-family: sans-serif, Verdana, Arial, Helvetica;    
}

/* style for dropdownlist */
.cdropdown
{
    position: relative;
	left: 4%;  
	width: 130px 	
}