.zwart {color: #000;}
.donkergrijs {color: #4c4c4c;}
.lichtgrijs {color: #9c9c9c;}
.groen {color: #297085;}
.geel {color: #dbb10b;}

body {
font-family: Arial, Verdana;
font-size: 11px; }

a {
outline: none;
}

p,
p a {
font-size: 11px;
color: #4c4c4c;
line-height: 19px;
text-align: justify;
}

p a:hover {
color:#dbb10b;
}

em.inleiding {
display: block;
font-size: 13px;
color: #000;
line-height: 23px;
font-style: normal;
text-align: justify;
margin-bottom: 30px;
}

h1 {
font-size: 23px;
color: #dbb10b;
padding: 0px;
margin: 0px;
}

h2 {
font-size: 14px;
color: #000;
padding: 0px;
margin: 0px;
margin-top: 20px;
}

h3 {
font-size: 12px;
color: #4c4c4c;
padding: 0px;
margin: 0px;
margin-top: 20px;
margin-bottom: -10px;
}

h4 {
font-size: 15px;
color: #dbb10b;
padding: 0px;
margin: 0px;
}

/*AANMELDEN KNOP------*/
h5 {
margin-top: -10px;
margin-left: -28px;
display: block;
width: 225px;
height: 48px;
background-image: url('/gfx/Nederland/aanmeld_knop.jpg');
background-position: 0px -10px;
background-repeat: no-repeat;
cursor: pointer;
z-index: 1;

padding-top: 25px;
text-indent: 27px;
font-size: 14px;
}

#extratext h5 {
margin: 0px;
width: 215px;
}

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

h5:hover {
background-position: 0px -86px;
}

h5:hover a {
color: #fff;
}

#MGWayfinder h3 {
margin: 0px;
margin-top: 10px;
}

#MGWayfinder a {
color: #000;
}

#MGWayfinder a:hover {
color: #dbb10b;
}


/*FOOTER ------------*/

#footer img {
margin-top: -10px;
margin-bottom: -6px;
filter:alpha(opacity=60);
opacity: 0.6;
-moz-opacity:0.6; 
}

#footer {
line-height: 16px;
font-size: 10px;
color: #4c4c4c;
}

#footer a {
line-height: 13px;
font-size: 10px;
color: #4c4c4c;
}

#footer ul {
padding:0;
margin:0;
}

#footer ul li {
display: inline;
list-style:none;
font-size: 10px;
}

#footer ul li b {
font-weight: normal;
margin-left: 6px;
margin-right: 7px;
color: #dbb10b;
}

#footer ul li.last b {
display: none;
} 


#footer .Nederland ul li a {
color: #4c4c4c;
margin-top: 5px;
}

#footer a:hover,
#footer .Nederland ul li a:hover {
color: #dbb10b;
}

/*SPEERPUNTEN ------------*/

.speerpunten .home_items {
margin-bottom: 4px;
}

.speerpunten a {
display: block;
font-size: 14px;
color: #4c4c4c;
width: 216px;
line-height: 19px;
text-decoration: none;
background-image: url('/gfx/Nederland/waarde_knop.jpg');
background-repeat: no-repeat;
padding-top: 2px;
padding-bottom: 3px;
text-indent: 30px;
}

.speerpunten a:hover {
color: #000;
background-image: url('/gfx/Nederland/waarde_knop.jpg');
background-position: 0px -25px;
}


/*OVERZICHTS PAGINA -------------*/
.overzicht_blok {
height: 80px; 
}

a.overzichts_text_Nederland {
text-decoration: none;
color: #4c4c4c;
}

a.overzichts_text_Nederland:hover {
color: #dbb10b;
}

.overzicht_foto {
display: block;
width: 50px;
height: 50px;
overflow: hidden;
float: left;
margin: 1px;
border: 2px solid #fff;
margin-top: 3px;
background-image: url('/gfx/overzicht_default.jpg');
background-position: 0px 0px;
background-repeat: no-repeat;
border: 2px solid #fff;
}

.overzicht_foto img {
border: 0px;
margin-top: -3px;
margin-left: -3px;
}

.overzicht .overzicht_foto:hover,
.overzicht_foto:hover {
border: 2px solid #000;
border: 2px solid #fff;
background: none;
}

.overzicht .overzicht_foto img:hover,
.overzicht_foto img:hover {
filter:alpha(opacity=70);
opacity: 0.7;
-moz-opacity:0.7; 
}

.overzicht_text {
margin-top: -17px;
margin-left: 65px;
width:  280px;
}

/*MEDEWERKERS--------*/

.mederwerkers_overzicht {
height: 78px;
}

.mederwerkers_overzicht .overzicht_foto {
margin-top: 0px;
}

.mederwerkers_overzicht .overzicht_foto img {
margin-top: -8px;
margin-left: -5px
}

.medewerkers_overzicht_text {
margin-left: 65px;
margin-top: -17px;
}

.medewerkers_overzicht_text h2 {
margin-bottom: 0px;
}

/*BLOGS -------------*/

.blog_outer img {
float:right;
margin-left:10px;
margin-top:12px;
border: 0;
}

strong a {
color:#333;
}

.blog_info {
font-size:9px;
margin-bottom:5px;
line-height: 15px;
}

.blog_outer h3 a {
color:#000;
font-size:14px;
text-decoration: none;
}

.blog_info a {
color:#333;
}

strong a:hover,
.blog_outer h3 a:hover,
.blog_info a:hover {
color: #dbb10b;
}

a.terug_blog_overzicht {
color: #000;
}

a.terug_blog_overzicht:hover {
color: #dbb10b;
}

/*AGENDA -------------*/

.agenda_text {
margin-left: -13px;
text-indent: 0px;
color: #383737;
}

#rechts .agenda_text a {
margin-left: 3px;
color: #000;
}

a.kknl_agenda_link {
display: block;
text-decoration: none;
color: #000;}

.kknl_agenda1 {
background-color: #eee;
padding: 10px;
}

.kknl_agenda2 {
padding: 10px;
}

.kknl_agenda1:hover,
.kknl_agenda2:hover {
background-color: #cce3e8;
}

#alle_agenda {
width: 200px;
}

.locatie-Nederland, 
.locatie-Nederland a, 
.locatie-Nederland a:visited 
{color: #000; text-decoration: none;}

.locatie-Heerde, 
.locatie-Heerde a, 
.locatie-Heerde a:visited 
{color: #7a2faf; text-decoration: none;}

.locatie-Amsterdam,
.locatie-Amsterdam a, 
.locatie-Amsterdam a:visited 
{color: #990000; text-decoration: none;}

.locatie-Soest, 
.locatie-Soest a, 
.locatie-Soest a:visited 
{color: #7ea900; text-decoration: none;}

.locatie-Zuid, 
.locatie-Zuid a, 
.locatie-Zuid a:visited 
{color: #E66700; text-decoration: none;}

b.locatie-Nederland,
b.locatie-Amsterdam,
b.locatie-Heerde,
b.locatie-Belgie,
b.locatie-Zuid  {
margin-right: 4px;
display: block;
float: left;
height: 13px;
margin-top: 8px;
}

b.locatie-Nederland,
#alle_agenda .locatie-Nederland b {
border: 6px solid #000;
height: 13px;
border-top: 0px;
border-bottom: 0px;
margin-right: 5px;
 }

b.locatie-Heerde,
#alle_agenda .locatie-Heerde b {
border: 6px solid #7a2faf;
border-top: 0px;
border-bottom: 0px;
margin-right: 5px;
}

b.locatie-Amsterdam,
#alle_agenda .locatie-Amsterdam b {
border: 6px solid #990000; 
border-top: 0px;
border-bottom: 0px;
margin-right: 5px;
}

b.locatie-Soest,
#alle_agenda .locatie-Soest b {
border: 6px solid #7ea900; 
border-top: 0px;
border-bottom: 0px;
margin-right: 5px;
}

b.locatie-Zuid,
#alle_agenda .locatie-Zuid b {
border: 6px solid #E66700; 
border-top: 0px;
border-bottom: 0px;
margin-right: 5px;
}

#alle_agenda a {
color: #4c4c4c;
line-height: 15px;
text-decoration: underline;
}

#alle_agenda a:hover {
color: #dbb10b;
}

/*TOPNAV -------------*/

.locatie_Nederland {
position: absolute;
left: 0px;
width: 150px;
margin-left: -20px;
display: block;
margin-top: 0px;
height: 20px;
overflow: hidden;
}

.locatie{
position: absolute;
right: 0px;
width: 450px;
margin-right: 0px;
display: block;
margin-top: 0px;
height: 20px;
overflow: hidden;
}

.locatie a,
.locatie_Nederland a {
text-decoration: none;
background-color: #ababab;
color: #000;
display: block;
height: 25px;
float: left;
margin-right: 3px;
padding-left: 8px;
padding-right: 8px;
line-height: 21px;
}

.locatie_Nederland a.selected,
.locatie_Nederland a:hover,
.locatie a:hover,
.locatie a.actief {
background-color: #7a7b7d;
color: #fff;
}

/*MAXIGALLERY -------------*/
/*RECHTS ----------*/

#fotoos {
width: 197px;
}

.artikel_foto img {
border: 0px;
}

.artikel_foto {
border: 2px solid #fff;
margin-left: 1px;
margin-top: 5px;
overflow: hidden;
}

.thumb_masker img {
border: 0px;
margin-top: -3px;
margin-left: -3px;
}

.thumb_masker {
display: block;
width: 50px;
height: 50px;
overflow: hidden;
float: left;
margin: 1px;
border: 2px solid #fff;
}

.artikel_foto:hover,
.thumb_masker:hover {
border: 2px solid #000;
border: 2px solid #fff;
}

.artikel_foto:hover img,
.thumb_masker img:hover {
filter:alpha(opacity=70);
opacity: 0.7;
-moz-opacity:0.7; 
}


/*CHILDOVERZICHT ----------*/
.MG_child {
float: left;
margin-right: 5px;
}

.MG_child a {
display: block;
color: #000;
text-decoration: none;
text-indent: 3px;
}

.MG_child_masker {
width: 100px;
height: 100px;
overflow: hidden;
border: 2px solid #fff;
}

.MG_child_masker img {
margin-bottom: 10px;
border: 0px;
}

.MG_child_masker img:hover {
filter:alpha(opacity=70);
opacity: 0.7;
-moz-opacity:0.7; 
}

.MG_child_masker:hover {
border: 2px solid #000;
border: 2px solid #fff;
}

/*HOME -------------------------------------*/

/*HIGHLIGHT -----*/

.home_highlight_kader {
height: 100px;
}

#home_highlight #footer { 
margin-left: 30px; 
}

.highlight_text {
display: block;
width:  325px;
margin-left: 30px;
float: left;
}

.highlight_text a {
color: #4c4c4c;
text-decoration: none;
}

.highlight_text a:hover {
color: #dbb10b;
}

.highlight_plaatje {
float: left;
margin-left: 18px;
overflow: hidden;
height: 80px;
border: 2px solid #fff;
}

.highlight_plaatje img {
border: 0px;
}

.highlight_plaatje:hover {
border: 2px solid #dbb10b;
}

.highlight_plaatje img:hover {
filter:alpha(opacity=70);
opacity: 0.7;
-moz-opacity:0.7; 
}

/*ITEMES -----*/

.kopje_balk {
display: block;
height: 25px;
margin-left: -20px;
padding-top: 6px;
margin-bottom: 10px;
background-image: url('/gfx/kopje_balk.jpg');
font-size: 18px;
text-indent: 20px;
color: #fff;
}

.home_items {
display: block;
font-size: 14px;
font-weight: bold;
color: #4c4c4c;
}

#home_agenda {
color: #000;
}

#home_agenda a {
margin-left: 3px;
color: #000;
}

#home_welkom,
#home_welkom a,
#agenda,
#agenda a {
font-size: 11px;
color: #4c4c4c;
text-align: justify;
}

#home_agenda a:hover,
#home_welkom a:hover,
#agenda a:hover {
color:#dbb10b;
}

.agenda_datum {
color: #000;
}

#home_agenda a.leesverder,
#home_welkom a.leesverder_Nederland,
#agenda a.leesverder,
a.leesverder,
a.leesverder_Nederland {
color:#dbb10b;
font-size: 20px;
line-height: 0px;
margin-left: 0px;
text-decoration: none;
}

#home_agenda a.leesverder:hover,
#home_welkom a.leesverder_Nederland:hover,
#agenda a.leesverder:hover,
a:hover.leesverder,
a.leesverder_Nederland:hover {
color: #000;
}


/*FORMULIEREN-------------------------------*/

#formulier {
position: relative;
}

#formulier input{
border: 1px solid #9c9c9c;
width: 225px;
color: #000;
font-size: 11px;
text-indent: 2px;
} 

#formulier select {
border: 1px solid #9c9c9c;
width: 227px;
color: #000;
margin-right: 5px;
font-size: 11px;
text-indent: 2px;
}

#formulier textarea {
border: 1px solid #9c9c9c;
width: 225px;
height:100px;
color: #000;
font-size: 11px;
text-indent: 2px;
} 

#formulier input.formbutton {
border: 1px solid #dbb10b;
background-color: #dbb10b;
width: 229px;
color: #fff;
font-size: 11px;
} 

#formulier input.formbutton:hover {
background-color: #ccc;
color: #000;}