.zwart {color: #000;}
.donkergrijs {color: #4c4c4c;}
.lichtgrijs {color: #9c9c9c;}

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 in locatie_wissel*/

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;
padding: 0px;
margin: 0px;
/*kleur in locatie_wissel*/
text-align: left;
}

h2,
.home_items {
display: block;
font-size: 14px;
font-weight: bold;
color: #000;
padding: 0px;
margin: 0px;
margin-top: 20px;
text-align: left;
}

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

h4 {
font-size: 15px;
padding: 0px;
margin: 0px;
text-align: left;
/*kleur in locatie_wissel*/
}

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

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

#rechts.Amsterdam h5 a,
#rechts.Heerde h5 a,
#rechts.Soest h5 a,
#rechts.Zuid h5 a {
display: block;
height: 35px;
margin-top: -15px;
padding-top: 14px;
color: #fff;
text-decoration: none;
}

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

/*h5:hover a in locatie_wissel*/

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

#MGWayfinder a {
color: #000;
}

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


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

#talen .locatie_Amsterdam,
#talen .locatie_Heerde,
#talen .locatie_Soest,
#talen .locatie_Zuid {
position: absolute;
left: 0px;
width: 150px;
margin-left: -20px;
display: block;
margin-top: 0px;
height: 20px;
overflow: hidden;
}

.locatie_Amsterdam,
.locatie_Heerde,
.locatie_Soest,
.locatie_Zuid {
position: absolute;
right: 0px;
width: 380px;
margin-right: -35px;
display: block;
margin-top: 0px;
height: 20px;
overflow: hidden;
}

.locatie_Amsterdam a,
.locatie_Heerde a,
.locatie_Soest a,
.locatie_Zuid a {
text-decoration: none;
background-color: #000;
color: #fff;
display: block;
height: 25px;
float: left;
margin-right: 3px;
padding-left: 8px;
padding-right: 8px;
line-height: 21px;
}

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

#footer img {
margin-top: -10px;
margin-bottom: -14px;
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;
}

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


#footer .Nederland ul li a,
#footer .Amsterdam ul li a,
#footer .Heerde ul li a,
#footer .Soest ul li a,
#footer .Zuid ul li a {
color: #4c4c4c;
margin-top: 5px;
}

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

#home_speerpunten {
margin-top: 20px;
margin-top: 275px;
}

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

.speerpunten a {
display: block;
font-size: 14px;
color: #eee;
width: 200px;
line-height: 17px;
text-decoration: none;
background-repeat: no-repeat;
padding-top: 2px;
padding-bottom: 5px;
text-indent: 20px;
}

.speerpunten a:hover {
color: #fff;
background-position: 0px -26px;
}

#home_speerpunten.speerpunten a {
width: 214px;
}

#home_speerpunten .home_items {
margin-left: 20px;
}


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

a.overzichts_text_Amsterdam,
a.overzichts_text_Heerde,
a.overzichts_text_Soest,
a.overzichts_text_Zuid {
text-decoration: none;
color: #4c4c4c;
}

.overzicht_foto {
display: block;
width: 50px;
height: 50px;
overflow: hidden;
float: left;
margin: 1px;
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: 2px solid #fff;
margin: 0px;
}

.overzicht .overzicht_foto:hover,
.overzicht_foto:hover {
border: 2px solid #000;
border: 2px solid #fff;
background-image: 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: 0px;
margin-left: 10px;
float: left;
width:  265px;
height: 30px;
}

.overzicht_text h2 {
margin-top: 0px;
}


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

.mederwerkers_overzicht p {
padding: 0px;
margin: 0px;
}

.mederwerkers_overzicht .leesverder_Amsterdam,
.mederwerkers_overzicht .leesverder_Heerde,
.mederwerkers_overzicht .leesverder_Soest,
.mederwerkers_overzicht .leesverder_Zuid {
float: right;
margin-top: -10px;
}

.mederwerkers_overzicht {
height: 56px;
overflow: hidden;
}

.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: -20px;
}

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

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

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

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

.agenda1_Amsterdam,
.agenda1_Heerde,
.agenda1_Belgie,
.agenda1_Soest,
.agenda1_Zuid {
background-color: #eee;
padding: 10px;
}

.agenda2_Amsterdam,
.agenda2_Heerde,
.agenda1_Belgie,
.agenda2_Soest,
.agenda2_Zuid {
padding: 10px;
}

/*hover in locatie_wissel*/

/*ALLE AGENDA'S----------*/

#alle_agenda {
width: 200px;
}

#alle_agenda.Amsterdam a,
#alle_agenda.Heerde a,
#alle_agenda.Soest a,
#alle_agenda.Zuid a {
color: #4c4c4c;
line-height: 19px;
text-decoration: underline;
}

/*AGENDA RECHTS+HOME------*/

#agenda {
color: #bbb;
}

a.agenda_link_Amsterdam,
a.agenda_link_Heerde,
a.agenda_link_Soest,
a.agenda_link_Zuid {
font-size: 11px;
color: #fff;
line-height: 19px;
text-align: justify;
}

/*hover in locatie_wissel*/

.agenda_datum {
color: #000;
}

a.leesverder_Amsterdam,
a.leesverder_Heerde,
a.leesverder_Soest,
a.leesverder_Zuid {
/*kleur in locatie_wissel*/
font-size: 20px;
line-height: 0px;
text-decoration: none;
}

a:hover.leesverder_Amsterdam,
a:hover.leesverder_Heerde,
a:hover.leesverder_Soest,
a:hover.leesverder_Zuid {
color: #000;
}

/*alle_agenda a:hover a in locatie_wissel*/


/*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;
}

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

.blog_info a {
color:#333;
}


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


#fotoos {
width: 210px;
}

.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 img:hover,
.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;
margin-top: -3px;
margin-left: -3px;
}

.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 -------------------------------------*/
.home_highlight3 img {
border: 0px;
}

.home_highlight3 {
width: 225px;
height: 100px;
overflow: hidden;
}

.home_highlight3_text {
margin-top: -95px;
width: 225px;
height: 35px;
color: #fff;
text-indent: 10px;
line-height: 20px;

background-color: #000;
filter:alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8;
}

.home_highlight3_text a {
display: block;
text-decoration: none;
color: #fff;
}

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

#formulier {
position: relative;
}

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

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

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

#formulier input.formbutton {
font-family: Arial, Verdana;
width: 229px;
color: #fff;
font-size: 11px;
} 

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