/*
    donkerblauw         #002140
    grijs               #697588
    paars               #9b0e59
*/

* {
    margin:             0px;
	padding:            0px;
}

body {
	color:              #002140;
	background-color:   #002140;
	font-family:        Arial; 
	font-size:          9pt;
	word-spacing:       4pt;  
	line-height:        16pt;
	margin:             0px;
	padding:            0px;
	text-align:         center;
	scrollbar-3dlight-color:        #002140;
    scrollbar-arrow-color:          #697588;
    scrollbar-base-color:           #ffffff;
    scrollbar-darkshadow-color:     #002140;
    scrollbar-face-color:           white;
    scrollbar-highlight-color:      #002140;
    scrollbar-shadow-color:         white;
    Scrollbar-track-Color:          #002140;
}	


A {
    word-spacing:       1pt;  
    color:              #002140; 
    text-decoration:    none;     
    font-size:          9pt;
    font-weight:        bold;
 }


 A:hover {
    word-spacing:       1pt;   
    color:              #002140; 
    text-decoration:    underline; 
    font-size:          9pt;
    font-weight:        bold;
}


/* hoofdopmaak */
#container {
    width:              990px;
    height:             85%;
    margin :            0 auto;
    padding:            2;
    border:             solid 4px #ffffff;
    background-color:   #002140;
}

#wrapper {
    width:              990px;
    height:             100%;
    margin :            0 auto;
    padding:            0;
    /*border:             solid 1px black;*/
    background-color:   #002140;
}

#top {
    width:              100%;
    background-color:   #697588;
    color:              Black;
}

#menu {
    width:              990px; 
    background-color:   #002140; 
    text-align:         left;
    color:              Black;
	font-size: 10px;
    padding-left:        20px;
}

#top2 topMenu {
    padding-left:        2px;
    background-color:   #002140;
    margin-top: 		50px;
	text-algin:			left;
	font-size: 			10px;
	margin-right:        5px
}

td {
	font-size: 14px;
	padding-bottom:2px;
	padding-top:2px;
	text-align:left;
}

#topItems {
    padding-top:        0px;
    text-align:         right;
    height:             21px;
    vertical-align:     bottom;
    padding-top:         4px;
}

#head {
    background-image:   url(../../_images/logo_vdva.gif); 
    background-repeat:  no-repeat; 
    height:             80px; 
    margin:             0 4 10 20;
}

#left {
    float:              left;
    width:              350px;
    height:             430px;
    background-image:   url(../../_images/bg1.gif);
    background-repeat:  repeat-y;
    background-color:   #7e7e7e;
    text-align:         left;
}

#right {
    float:              right;
    overflow:           auto;
    width:              640px;
    height:             430px;
    background-color:   White;
    background-image:   url(../../_images/bg2.gif);
    background-repeat:  repeat-y;
    text-align:         left;
    padding:            0px;
    margin:             0px;
}


#content {
    height:             430px; 
    clear:              both;
    padding:0px;
}

#mainContent {
    padding:             0 150 10 30;
}

#bottom {
    clear:              both;
    height:             37px;
    background-color:   #002140;
    margin-top:         0px;
    padding-top:        0px;
    /*width:            990px;*/  
}

#bottom p {
	color:#ffffff;
}

#subBottom {
    background-image:   url(../../_images/bottom_img1.gif);
    background-repeat:  no-repeat;
    height:             114px;
    clear:              both;
}


#stretcher {
    background-color:   #697588;
    height:             25px;
    clear:              both;
}
/* EINDE hoofdopmaak */


P {
    word-spacing:       1pt;  
    line-height:        21pt; 
    color:              #002140; 
    font-family:        Arial; 
    font-size:          9pt;
    margin-top:         1px;
    width:              100%;
}

p.nieuws {
    word-spacing:       1pt;  
    line-height:        21pt; 
    color:              #002140; 
    font-family:        Arial; 
    font-size:          9pt;
    margin-top:         1px;
    margin-bottom:      8px;
    width:              100%;
}

h1 {
    color:              #9b0e59;
    font-size:          21px;
    font-weight:        normal;
    margin-bottom:      4px;
    padding-bottom:     0px;  
    margin-top:         0px;
    padding-top:        30px;
}

h3 {
    color:              #002140;
    font-size:          9pt;
    font-weight:        bold;
    margin-bottom:      4px;
    padding-bottom:     0px;  
    margin-top:         8px;
}

h4 {
    color:              #697588;
    font-size:          8pt;
    font-weight:        bold;
    font-style:         italic;
    margin-bottom:      4px;
    padding-bottom:     0px;  
    margin-top:         16px;
}

#bottom p {
    color:              red; 
}



#right p {
    width:              100%;
    text-align:         left;
}

HR {    
    word-spacing:       1pt;  
    line-height:        12pt;  
    color:              White; 
    border-top:         dashed 1px #697588; 
    border-bottom:      None 0px white;  
    border-left:        None 0px white; 
    border-right:       None 0px white; 
    width:              100%;
}

UL {
    margin-top:         0cm; 
    margin-bottom:      0cm;
}

a.homeTitel {
    font-size:          14pt; 
    font-weight:        bold; 
    text-decoration:    none; 
    vertical-align:     top; 
    color:              #0B908D; 
    font-family:        Verdana; 
}

a.homeSubTitel {
    font-size:          10pt; 
    font-weight:        bold; 
    text-decoration:    none; 
    vertical-align:     top; 
    color:              #ed252b; 
    font-family:        Verdana; 
}

/* wordt gebruikt in ctrlDownload voor de tekstvakken */

A.download {
    font-size:          9pt; 
    text-decoration:    none; 
    vertical-align:     middle; 
    color:              #660000; 
    font-family:        Verdana;
}

A:hover.download {
    font-size:          9pt; 
    text-decoration:    underline ; 
    vertical-align:     middle; 
    color:              #660000; 
    font-family:        Verdana;
}

/* -------- ctrlNieuws -------- */

#nieuwsBox {
    margin-left:        20px;
    margin-top:         30px;
    background-color:   #f2f2f2;
    width:              275px;
    padding:            10px;
}

#nieuwsBox h2 {
    font-size:          18px;
    font-weight:        normal;
    color:              #002140;
    margin-left:        11px;
    margin-bottom:6px;
}

.nieuwsDatum	{
    font-size:          9px; 
    vertical-align:     top; 
    color:              #bebcbc; 
}

.nieuwsInhoud	{
    word-spacing:       1pt;  
    line-height:        10pt; 
    font-size:          9px; 
    vertical-align:     top; 
    color:              #4c267c; 
    font-family:        Tahoma; 
}

a.meerNieuws {
    text-decoration:    none; 
    vertical-align:     bottom; 
    color:              #002140; 
    font-weight:        normal;
    border:             0px; 
}

a:hover.meerNieuws {
    text-decoration:    underline; 
    vertical-align:     bottom; 
    color:              #002140; 
    font-weight:        bold;
    border:             0px; 
}

A.nieuwsmeer {
    font-size:          12px;  
    text-decoration:    underline ; 
    vertical-align:     bottom; 
    color:              #9b0e59;
}

A:hover.nieuwsmeer {
    font-size:          12px;  
    font-weight:        bold; 
    text-decoration:    underline; 
    vertical-align:     bottom; 
    color:              #9b0e59; 
}

a.nieuwsTitel	
{
    font-size:          12px;  
    vertical-align:     bottom; 
    color:              #002140; 
    text-decoration:    none;
    font-weight:normal;
}

a:hover.nieuwsTitel	{
    font-size:          12px;  
    text-decoration:    underline;
    vertical-align:     bottom; 
    color:              #002140; 
    font-weight:normal;
}



/* --------     ---     -------- */

div.titelbalk {
	background-image: url(../../_images/titelbalk.gif); 
	color:              #0B908D;
	font:               11px/19px Tahoma, Verdana, Arial; 
	font-weight:        bold;
	background-repeat:  no-repeat;
	background-color:   transparent;
	padding-left:       0px;
	margin-left:        0px;
	
}

A.groeptitel {
	vertical-align:     middle;
    text-align:         left;
	padding-left:       4px;
	color:              #0B908D;
	font:               10px/19px Tahoma, Verdana, Arial; 
	font-weight:        bold;
}

A.groeptitel:hover {
	vertical-align:     middle;
    text-align:         left;
	padding-left:       4px;
	color:              #0B908D;
	font:               10px/19px Tahoma, Verdana, Arial; 
	font-weight:        bold;	
	text-decoration:    underline;
}

.title {
	font-size:          14px; 
	color:              #9B0e59; 
	font-family:        Arial; 
	font-weight:        bold;
}

.small {
	word-spacing:       1pt;  
	line-height:        9pt; 
	font-size:          9px; 
	color:              #000000; 
	font-family:        verdana, tahoma, arial, sans-serif;
}

a.small:hover {
	word-spacing:       1pt;  
	line-height:        9pt; 
	font-size:          9px; 
	color:              #FF0000; 
	font-family:        verdana, tahoma, arial, sans-serif;
}

.documentzoek_kort {
	word-spacing:       1pt;  
	line-height:        10pt; 
	font-size:          9px; 
	color:              #323470; 
	text-decoration:    none font-family: verdana, arial, helvetica, sans-serif;
}

.documentzoek_URL {
	word-spacing:       1pt;  
	line-height:        12pt; 
	font-size:          11px; 
	color:              #ed252b; 
	text-decoration:    none font-family: verdana, arial, helvetica, sans-serif;
}

.documentzoek_URL:hover {
	color:              #323470; 
	text-decoration:    blink;
}


/* Form elementen */


.cmb {
    text-align:         left; 
    width:              300px; 
    font:               11px Verdana, Tahoma  Arial; 
    color:              #5a5a5a;    
}

.button {
    border-color:       #5a5a5a;
    border-width:       1px;
    border-style:       Solid;
}

.bg_tablerow {
    background-color:   #e4e2e2;
}


.zoekvak {
	text-align:         left; 
	FONT:               11px Verdana, Tahoma  Arial; 
	COLOR:              #660000;  
	border-style:       solid; 
	border-width:       1px; 
	border-color:       #ed252b; 
	background-color:	#e5e5e5;
}

/* Form elementen */

ul.form {
    list-style-type:    none;
    width:              100%;
}

ul.form li {
    margin-bottom:      2px;
    display:            inline;
}

label {
    float:              left;
    display:            block;
}

.textbox {
	text-align:			left; 
	border-style:		solid;
	border-width:		1px;
	border-color:		#697588;
	float:              right;
	width:              226px;
	vertical-align:     baseline;
	display:            inline;
}	
	
.textbox_verplicht {
	text-align:			left; 
	border-style:		solid;
	border-width:		1px;
	border-color:		#697588;
	vertical-align:		baseline;
	background-color:	#f6f6f6;
	width:              226px;
	display:            inline;
	float:              right;
}	

label {
    margin-left:        2px;
    width:              auto;
    vertical-align:baseline;
    
}

.datagrid {
    border:             solid 1px #697588;
    clear:              both;
    font-family:        arial;
    font-style:         normal;
        
}

.radiobutton {
    display:            inline;
    clear:              none;
    width:              20px;
    vertical-align:     baseline;
    float:              left;
    margin-bottom:      0px;
    padding-bottom: 0px;
}

.datagrid 
{
    border-style:       none;
    border-width:       0px;    
    font-size:          9pt;
}