html, body {
background: #797d7d;
}
#content {
 border-left:1px solid #225C95;width:100%;float:left;
 border-bottom:1px solid #225C95;width:100%;float:left;
 background: transparent url(../uvtimg/content_background.gif) repeat scroll 0 0;
 }
#logo {
height : 115px; 
text-align : center; 
} 

a{ text-decoration: none; color: #003466; }
a:hover{ text-decoration: underline; }
body{ 
margin: 0; 
padding: 0; 
font: 78%/1.4em Arial, Helvetica, sans-serif; 
text-align: center; 
}

#generic {
position : absolute; 
top : 10px; 
right : 10px; 
} 
#generic ul {
list-style : none; 
margin : 0; 
padding : 0; 
} 
#generic li {
display : inline; 
margin : 0 0 0 1em; 
} 
#generic li a {
color : #003466; 
font-size : 92%; 
} 
#generic li.selected, #generic li.selected a {
color : #7f99b2; 
} 
#generic li.inactive, #generic li.inactive a {
color : #d9d3d3; 
text-decoration: none;
} 

#framework{ background: #FFFFFF;
margin: auto;  width: 925px;  text-align: left; position: relative; z-index:999;
}
#resultaten {background: #FFFFFF;}
#spacer{ margin: 0 10px; border-top: 2px #CC9933 solid; }


#subnavigation{ 
float: left; 
padding: 1em 0 1em 0; 
width: 227px; 
background: url(../uvtimg/backgroundlight.gif) #E5EAEF; 
border-top : 1px solid #ffffff;
} 

.selected{
background: white;
}

#subnavigation li, #subnavigation li a{ line-height: normal !important;/*  */}
#subnavigation ul{ list-style: none; margin: 0; padding: 0; }
#subnavigation li ul{ display: none;margin:0;}
#subnavigation li.active ul{ display: block;}
#subnavigation li.active ul ul{ display: none;}
#subnavigation li li.active ul{ display: block;}
#subnavigation li li.active ul ul{ display: none;}
#subnavigation li li li.active ul{ display: block;}
#subnavigation li li li.active ul ul{ display: none;}
#subnavigation li li li li.active ul{ display: block;}
#subnavigation li li li li.active ul ul{ display: none;}
#subnavigation li li li li li.active ul{ display: block;}
#subnavigation li li li li li.active ul ul{ display: none;}
#subnavigation li li li li li li.active ul{ display: block;}
#subnavigation li li li li li li.active ul ul{ display: none;}
#subnavigation li li li li li li li.active ul{ display: block;}
#subnavigation li li li li li li li.active ul ul{ display: none;}
#subnavigation li span{ display: block; width: 93%; padding: 0.2em 0; height: auto;}
#subnavigation li a{ display: block; height: auto !important; height: 1%; color: #003466; text-decoration: none;}
#subnavigation li a:hover{ text-decoration: none; color: #3670AA;}
#subnavigation ul li a{ margin-left: 2.3em;}
#subnavigation ul ul li a{ margin-left: 3.1em;}
#subnavigation ul ul ul li a{ margin-left: 4.2em;}
#subnavigation ul ul ul ul li a{ margin-left: 5.2em;}
#subnavigation ul ul ul ul ul li a{ margin-left: 6.1em;}
#subnavigation ul ul ul ul ul ul li a{ margin-left: 7em;}
#subnavigation ul ul ul ul ul ul ul li a{ margin-left: 7.9em;}
#subnavigation ul ul ul ul ul ul ul ul li a{ margin-left: 8.8em;}
#subnavigation ul ul ul { background-color: #E5EAEF;}
#subnavigation ul ul ul ul { border-top: 1px #FFFFFF dashed; }
#subnavigation ul ul ul ul ul{ margin-bottom:-1px;}

#subnavigation ul li{ font-weight: bold; background: url(../uvtimg/box_open_first_level.gif) 1.1em 0.4em no-repeat;}
#subnavigation ul ul li{ font-weight: normal; background: url(../uvtimg/box_open.gif) 2.3em 0.5em no-repeat;}
#subnavigation ul ul ul li{ font-weight: normal; background: url(../uvtimg/box_open.gif) 3.3em 0.5em no-repeat;}
#subnavigation ul ul ul ul li{ font-weight: normal; background: url(../uvtimg/box_open_square.gif) 4.3em 0.5em no-repeat; border-bottom: 1px #E5EAEF dashed;}
#subnavigation ul ul ul ul ul li{ font-weight: normal; background: url(../uvtimg/box_open_square.gif) 5.3em 0.5em no-repeat; border-bottom: 1px #E5EAEF dashed;}
#subnavigation ul ul ul ul ul ul li{ font-weight: normal; background: url(../uvtimg/box_open_square.gif) 6.1em 0.5em no-repeat; border-bottom: 1px #E5EAEF dashed;}
#subnavigation ul ul ul ul ul ul ul li{ font-weight: normal; background: url(../uvtimg/box_open_square.gif) 7.1em 0.5em no-repeat; border-bottom: 1px #E5EAEF dashed;}
#subnavigation ul ul ul ul ul ul ul ul li{ font-weight: normal; background: url(../uvtimg/box_open_square.gif) #FFFFFF 7.9em 0.5em no-repeat; border-bottom: 1px #E5EAEF dashed;}

#subnavigation li.haschildren{ background-image: url(../uvtimg/box_plus_first_level.gif);}
#subnavigation ul ul li.haschildren{ background-image: url(../uvtimg/box_plus.gif);}
#subnavigation ul li.haschildren.active{ font-weight: bold; background: url(../uvtimg/box_min_first_level.gif) 1.1em 0.4em no-repeat;}
#subnavigation ul ul li.haschildren.active{ font-weight: normal; background: url(../uvtimg/box_min.gif) transparent 2.3em 0.5em no-repeat;}
#subnavigation ul ul ul li.haschildren.active{ font-weight: normal; background: url(../uvtimg/box_min.gif) transparent 3.3em 0.5em no-repeat;}
#subnavigation ul ul ul ul li.haschildren.active{ font-weight: normal; background: url(../uvtimg/box_min.gif) transparent 4.3em 0.5em no-repeat; border-bottom: 1px #E5EAEF dashed;}
#subnavigation ul ul ul ul ul li.haschildren.active{ font-weight: normal; background: url(../uvtimg/box_min.gif) transparent 5.3em 0.5em no-repeat; border-bottom: 1px #E5EAEF dashed;}
#subnavigation ul ul ul ul ul ul li.haschildren.active{ font-weight: normal; background: url(../uvtimg/box_min.gif) transparent 6.1em 0.5em no-repeat; border-bottom: 1px #E5EAEF dashed;}
#subnavigation ul ul ul ul ul ul ul li.haschildren.active{ font-weight: normal; background: url(../uvtimg/images/box_min.gif) transparent 7.1em 0.5em no-repeat; border-bottom: 1px #E5EAEF dashed;}
#subnavigation ul ul ul ul ul ul ul ul li.haschildren.active{ font-weight: normal; background: url(../uvtimg/arrow_blue_square.gif) transparent 7.9em 0.5em no-repeat; border-bottom: 1px #E5EAEF dashed;}

#subnavigation ul ul ul li.active{ font-weight: normal; background: url(../uvtimg/box_min.gif) #FFFFFF 3.3em 0.5em no-repeat; border-bottom: 1px #E5EAEF dashed; }
#subnavigation ul ul ul ul li.active{ font-weight: normal; background: url(../uvtimg/box_min.gif) #FFFFFF 4.3em 0.5em no-repeat; border-bottom: 1px #E5EAEF dashed; }
#subnavigation ul ul ul ul ul li.active{ font-weight: normal; background: url(../uvtimg/box_min.gif) #FFFFFF 5.3em 0.5em no-repeat; border-bottom: 1px #E5EAEF dashed; }
#subnavigation ul ul ul ul ul ul li.active{ font-weight: normal; background: url(../uvtimg/box_min.gif) #FFFFFF 6.1em 0.5em no-repeat; border-bottom: 1px #E5EAEF dashed; }
#subnavigation ul ul ul ul ul ul ul li.active{ font-weight: normal; background: url(../uvtimg/box_min.gif) #FFFFFF 7.1em 0.5em no-repeat; border-bottom: 1px #E5EAEF dashed; }
#subnavigation ul ul ul ul ul ul ul ul li.active{ font-weight: normal; background: url(../uvtimg/box_min.gif) #FFFFFF 7.9em 0.5em no-repeat; border-bottom: 1px #E5EAEF dashed; }

#subnavigation li.haschildren{ cursor: pointer !important;}
#subnavigation li.haschildren ul li{ cursor: default;}

#navigation { background: url(../uvtimg/search_line.gif) right 10px #003466 no-repeat; color: #FFFFFF; font: bold 100% Arial, Helvetica, sans-serif; width: 100%; float: left;  }
/*#home #navigation ul#subnav, #subhome #navigation ul#subnav{ display: none; }*/
#navigation #breadcrumb{float: left; border-top: 1px #FFFFFF solid; background: #225C95; width: 100%;  }
#navigation ul#subnav{ font: normal 92% Arial, Helvetica, sans-serif; list-style: none; margin: 0 0 0 16px; padding: 0.3em 0; }
#navigation ul#subnav li{ display: inline; margin: 0 0 0 6px; }
#navigation ul#subnav li a{ color: #FFFFFF; }
#navigation ul#subnav li a.more{ background: url(../uvtimg/arrow_white.gif) 0em 0.35em no-repeat; padding: 0 0 0 12px; color: #FFFFFF !important; }
#navigation ul#subnav li a.more:hover{ text-decoration: underline !important; }
#navigation ul#subnav li.nomore{ background: url(../uvtimg/arrow_white.gif) 0em 0.35em no-repeat; padding: 0 0 0 12px; color: #FFFFFF !important; }

#subnavigation li.selected {
background: white;
}

#spacer {
margin : 0 10px; 
border-top : 2px solid #cc9933; 
width : 905px; 
} 


#header2{
background: url(../uvtimg/background.gif) #708398;
height: 50px;
position: relative;
}



.input
        {
        background: #f0f0f0;
        font-family:Verdana;
        font-size:8pt;
        font-weight:normal;
        font-style:normal;
        border-style:groove;
	margin-left:5px;
	margin-right:5px;
        width: 245px;
        color: #000080;
        }



.textarea
        {
        background: #f0f0f0;
        font-family:Verdana;
        font-size:8pt;
        font-weight:normal;
        font-style:normal;
        border-style:groove;
	margin-bottom:10px;
	margin-right:5px;
	margin-left:5px;
        color: #000080;
	width:245px;
        height:100px;
        }

.select
        {
	background: #f0f0f0;
	font-family:Verdana;
	font-size:10pt;
	font-weight:normal;
	font-style:normal;
	border-style:groove;
	width: 250px;
	color: #000080;
        margin-right:5px;
        margin-left:5px;
	}

table {
     
      }



tr    {
      height: 20px;
      }

td    {
      font: 100%/1.4em Arial, Helvetica, sans-serif;
      }



.submit
        {
        font-family:Verdana;
        font-size:8pt;
        font-weight:normal;
        font-style:normal;
        border-style:ridge;
        background-color:#ffff00;
        margin-left:0px;
        margin-right:0px;
        margin-top:0px;
        margin-bottom:0px;
        width: 250px;
        color: #000080;
        }

#resultaten
	{
	float: left;
	position: relative;
 	padding: 1em 0 1em 0;
  width: 678px;
	border-top : 1px solid #ffffff;
	}


#resultaten ul{ margin: 0 0 5px 25px; padding: 0; }


#resultaten li
	{
	margin: 0; 
	padding: 0; 
	line-height: normal;
	}


#adminveld
{
	   padding: 6px 0 0 0;
	   width: 695px;
	   height: 100%;
	   position: absolute;
	   top: 0px;
	   left: 227px;
	   overflow: auto;
	   background: #FFFFFF;
	   }

img{
border:0;
}

#container{ 
width: 100%; 
}

#container #title{ 
width: 100%; 
display: block; 
clear: both; 
background: #990033; 
border-top: 1px #FFFFFF solid; 
}

#container #title h1{ 
font: normal 145% "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; 
color: #FFFFFF; margin: 0; 
padding: 0.2em 0 0.2em 22px; 
}

#rechtsrubriekbalk{
position: absolute;
top: 146px;
left: 240px;
color: #FFFFFF;
}

#rubriekbalk{
position: absolute;
top:118px;
left: 130px;
width: 50px;
color: #FFFFFF;
}

#taalbalk{
position: absolute;
top: 120px;
right: 14px;
color: #FFFFFF;
}

#taalbalk a{
color: #FFFFFF;
}


#footer{ 
display: block; 
clear: both; 
width: 98%; 
height: 20px; 
font-size: 92%;
padding: 1em;
}

.left{ float: left;}

.right{ float: right; }