
body{
    background: url(../site_afbeeldingen/achtergrond_body.jpg) repeat-x;
    background-color: #FFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:  12px;
    margin:     0px;
    padding:    0px;
}

/* ----- BLOKKEN ----- */

#container{
    margin:   0px auto;
    width:    980px;
}

#blok_banner_boven{
    /*background: url(../site_afbeeldingen/banner_horizontaal_nieuw.jpg) no-repeat;*/
    /*background-color: #ffffff;*/
    height:     90px;
    margin:     35px 0px 0px 250px;
    padding:    0px;
    position:   absolute;
    width:      728px;
}
#blok_banner_rechts{
    /*background: url(../site_afbeeldingen/banner_verticaal.jpg) no-repeat;*/
    background-color: #ffffff;
    height:     600px;
    margin:     20px auto;
    padding:    0px;
    position:   relative;
    width:      120px;
}

#blok_boven{
    height:    240px;
    margin:    0px;
    position:  relative;
    width:     980px;
    #z-index:   5;
		float:			left;
}

#blok_footer{
    border-top:   1px dashed #CCC;
    color:        #666666;
    float:        left;
    font-size:    10px;
    line-height: 2em;
    margin:       0px 0px 5px 0px;
    padding:  		5px 0px 0px 0px;
    position:     relative;
    width:        410px;
}

#blok_footer2{
    border-top:   1px dashed #CCC;
    color:        #666666;
    float:        right;
    font-size:    10px;
    line-height: 2em;
    margin:       0px 0px 5px 0px;
		padding:  		5px 0px 0px 0px;
    position:     relative;
    width:        409px;
}

#blok_inhoud{
    border-right: 1px dashed #CCC;
    float:        left;
    min-height:   640px;
    margin:       0px;
    padding:      0px;
    width:        819px;
}

#blok_login{
    float:        right;
    margin:       6px 0px 0px 0px;
    padding:      0px;
}

#blok_logo{
    background:   url(../site_afbeeldingen/logo.jpg) no-repeat;
    float:        left;
    height:       88px;
    margin:       3px 0px 0px 5px;
    position:     absolute;
    width:        250px;
}

#blok_nav_boven{
    margin:      8px 0px 0px 250px;
    padding:     0px;
    position:    absolute;
    width:       300px;
}
#blok_nav_onder{
    margin:      214px 0px 0px 20px;
    position:    absolute;
		z-index:   5;
}

#blok_onder{
    background-color: #FFF;
    border-top:    1px solid #CCC;
    /*#margin:        240px 0px 0px 0px;*/
		margin:        0px 0px 0px 0px;
    padding:       0px;
		float:				 left;
    position:      relative;
    width:         980px;
}


#blok_rechts{
    border-bottom:1px dashed #CCC;
    border-right: 1px dashed #CCC;
    float:        right;
    margin:       0px;
    padding:      0px;
    width:        159px;
}

#blok_rechtsgebieden{
    height:      26px;
    margin:      147px 0px 0px 680px;
    padding:     12px 0px 12px 30px;
    position:    absolute;
    width:       270px;
		z-index:   6;
}
#blok_rechtsgebieden_scheidingslijn{
    border-right: 2px solid #B1B1B1;
    float:       right;
    height:      50px;
    margin:      147px 0px 0px 979px;
    position:    absolute;
    width:       1px;
}

#blok_zoeken{
    border-left: 2px solid #B1B1B1;
    border-right: 2px solid #B1B1B1;
    height:      38px;
    margin:      147px 0px 0px 0px;
    overflow:    hidden;
    padding:     12px 20px 0px 20px;
    position:    absolute;
    width:       635px;
}




/*  ----- STANDAARD HTML ----- */ 

a{
    color:           #000;
    text-decoration: none;
}
img{
    border:    none;
}




/*  ----- EIGEN CSS DEFINITIES -----  */



/* ----- artikelen ----- */
.artikel{
    padding-bottom: 5px;
    margin-bottom:  20px;
    margin-right:   20px;
}
.artikel a{
    color:           #666666;
    font-size:       12px;
    text-decoration: none;
}

.artikel h1{
  font-weight: bold;
}

.artikel a:hover{
    color:           #666666;
    text-decoration: underline;
}
.artikel p{
    line-height:   18px;
    margin-top:    3px;
    margin-bottom: 5px;
}
.artikel_titel{
    font-size:    14px;
    font-weight:  bold;
    margin-right: 5px;
}

.artikel_titel a{
    color:           #000;
    font-size:       14px;
}
.artikel_titel a:hover{
    color:           #000;
    text-decoration: none;
}
.artikel_plaatsing{
    font-size:    11px;
		white-space: nowrap;
}
.artikel_plaatsing_wrap{
    font-size:    11px;
}



#blok_boven .link_actief{
    text-decoration: underline;
}
#blok_login a{
    color:        #390;
    font-size:    10px;
}
#blok_login a:hover{
    text-decoration: underline;
}
#blok_login form{
    padding:      0px;
}

#blok_footer a{
    color:    #333 !important;
    text-decoration: none;
}
#blok_footer a:hover{
    color:    #000;
    text-decoration: underline;
}

#blok_footer2 a{
    color:    #333 !important;
    text-decoration: none;
}
#blok_footer2 a:hover{
    color:    #000;
    text-decoration: underline;
}
#blok_footer2 img{
    height:   20px;
    margin:   0px 0px 0px 0px;
    position: relative;
    width:    85px;
}


#blok_nav_boven a{
    color:        #666;
}
#blok_nav_boven a:hover{
    text-decoration: underline;
}


#blok_nav_boven ul,
#blok_nav_onder ul,
#blok_login ul,
#rechtsgebieden_keuzelijst ul{
    list-style-type: none;
    margin:       0px;
    padding:      0px;
}
#blok_nav_boven li,
#blok_login li{
    border-right: 1px solid #ccc;
    display:      inline;
    font-size:    10px;
    margin-right: 5px;
    padding-right:10px;
}
#blok_nav_boven li.li_laatste,
#blok_login li.li_laatste{
    border:    none;
    padding-right:0px;
}



.clear{
    clear:    both;
    width:    100%;
}



.invoer_inloggen, 
.knop_inloggen{
    border:        1px solid #CCC;
    display:       inline;
    height:        15px;
    font-size:     10px;
    margin-right:  5px;
    padding-left:  5px;
    padding-right: 5px;
    vertical-align: middle;
    width:         80px;
}
.invoer_inloggen{
    margin-top:    0px;
}
.knop_inloggen{
    background-color: #F1F1F1;
    color:    #666;
    cursor:   pointer;
    height:   14px;
    margin:   10px 5px 0px 0px;
    padding:  2px 10px 3px 10px;
}

.invoer{
    border:        1px solid #CCC;
    display:       inline;
    height:        15px;
    font-family:   Verdana, Arial, Helvetica, sans-serif;
    font-size:     11px;
    margin:        2px 0px 2px 0px;
    padding-left:  5px;
    padding-right: 5px;
    vertical-align: middle;
    width:         200px;
}

.invoer_textarea{
    border:        1px solid #CCC;
    display:       inline;
    height:        60px;
    font-family:   Verdana, Arial, Helvetica, sans-serif;
    font-size:     11px;
    margin:        2px 0px 2px 0px;
    padding-left:  5px;
    padding-right: 5px;
    vertical-align: middle;
    width:         300px;
}

.nav_onder_knop,
.nav_onder_knop_actief{
    background-color: #FFF;
    border:       1px solid #CCC;
    display:      inline;
    float:        left;
    font-size:    12px;
    height:       20px;
    margin:       0px 11px 0px 0px;
    padding:      5px 10px 0px 10px;
    position:     relative;
}
.nav_onder_knop a{
    color:        #339900;
}
.nav_onder_knop a:hover{
    text-decoration: underline;
}
.nav_onder_knop:hover{
    background-color: #D7F5CD;
}
.nav_onder_knop_hover{
		background-color: #D7F5CD;
    border:       1px solid #CCC;
    display:      inline;
    float:        left;
    font-size:    12px;
    height:       20px;
    margin:       0px 11px 0px 0px;
    padding:      5px 10px 0px 10px;
    position:     relative;
}
.nav_onder_knop_hover a{
    color:        #339900;
}
.nav_onder_knop_hover a:hover{
    text-decoration: underline;
}
.nav_onder_knop_actief{
    background-color: #33CC00;
    border-bottom: 1px solid #33CC00;
}
.nav_onder_knop_actief a{
    color: #FFF;
}

#rechtsgebieden_keuzelijst{
    background-color: #FFF;
    border-left:    1px solid #CCC;
    border-right:   1px solid #CCC;
    border-bottom:  1px solid #CCC;
    font-size:    11px;
    padding:      7px;  
    visibility:   hidden;
    width:        218px;
}

#rechtsgebieden_keuzelijst a{
    color: #000;
}
#rechtsgebieden_keuzelijst a:hover{
    text-decoration: underline;
}
#rechtsgebieden_keuzelijst li{
    margin-bottom:    5px;
}
#rechtsgebieden_keuzelijst img{
		float: left;
		position: relative;
    display: inline;
    margin-right:  5px;
    vertical-align: middle;
}
#rechtsgebieden_knop{
    background-color: #FFF;
    border:        1px solid #CCC;
    cursor:        pointer;
    font-size:     11px;
    height:        17px;
    padding:       3px 0px 1px 10px;
    width:         222px;
}
#rechtsgebieden_knop img{
    float:        right;
}
#rechtsgebieden_knop .titel{
    float:        left;
}



.zoeken_keuzelijst,
.zoeken_knop,
.zoeken_veld{
    display: inline;
    vertical-align: middle;
}

.zoeken_keuzelijst{
    border:   1px solid #CCC;
    height:   18px;
    width:    200px;
}
.zoeken_knop{
    background-color: #F1F1F1;
    border:        1px solid #CCC;
    color:         #666;
    cursor:        pointer;
    height:        18px;
    font-size:     11px;
    margin-left:   10px;
    margin-top:    0px;
    padding:       3px;
    padding-left:  10px;
    padding-right: 10px;
    width:         80px;
}

.zoeken_veld{
    border:        1px solid #CCC;
    font-size:     11px;
    height:        17px;
    margin-right:  10px;
    padding:       3px 0px 1px 3px;
    /*#width:         320px;*/
    width:         520px;
}

.lees_meer{
	white-space: nowrap;
	font-size: 11px;
}

.rechtsgebieden_keuzelijst_li_actief_titel{
	font-weight: bold;
}

input,textarea, select {
	color : #000000;
	font-size: 11px;
	border-color : #000;
	border-width: 1px;
}

#rechtsgebieden_nav{
    font-size:    11px;
    padding:      0px;
    width:        218px;
}
#rechtsgebieden_nav a:hover{
    text-decoration: underline;
}
#rechtsgebieden_nav ul{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#rechtsgebieden_nav li{
    margin-bottom:    5px;
}
#rechtsgebieden_nav img{
    display: inline;
    float:    left;
    margin-right:  5px;
    position:    relative;
    vertical-align: middle;
}

.groenblok {
    background-color: #D7EBCD;
    padding: 10px;
    width:    340px;
}

.puntenlijst{
    width:  315px;
}
.puntenlijst{
    display:    block;
    list-style-type: none;
		margin: 0px;
		padding: 0px;
		clear: both;
}
.puntenlijst a{
    color:    #000;
    text-decoration: none;
}
.puntenlijst a:hover{
    color:    #000;
    text-decoration: underline;
}
.puntenlijst_datum{
    float:    left;
    margin:   0px 3px 2px 0px;
    position: relative;
    width:    42px;
}
.puntenlijst_titel{
    position:     relative;
    width:        312px;
		margin-bottom: 5px;
}

.message_box {
    float:    left;
    font-size:11px;
    margin:   0px 0px 10px 0px;
    position: relative;
    
    padding: 10px;
    width:    549px;
}

.message_box a{
    color:      #390;
    font-size:11px;
    text-decoration: none;
}
.message_box a:hover{
    font-size:11px;
    text-decoration: underline;
}

.message_box p{
    color: #390;
    margin-bottom: 0px;
}

.message_box_area {
    float:    left;
    font-size:11px;
    margin:   0px 0px 10px 0px;
    position: relative;

    padding: 10px;
    width:    520px;
}

.message_box_area a{
    color:      #390;
    font-size:11px;
    text-decoration: none;
}
.message_box_area a:hover{
    font-size:11px;
    text-decoration: underline;
}

.message_box_area p{
    color: #390;
    margin-bottom: 0px;
}

.question_form input,
.question_form textarea
{
	border: 1px solid #cccccc;
}
