/* KLEUREN ----------------------- */

.blauw {color: #007bc1;}
.rood {color: #e73023;}

a {
outline: none;
}

body {
font-family: arial, Trebuchet MS; 
font-size: 12px;
line-height: 1.8em;
color: #007bc1;
}

h1 {
margin-top: 0px;
font-size: 25px;
color: #e73023;
text-align: left;
}

h2 {
margin: 0px;
font-size: 13px;
line-height: 10px;
font-weight: bold;
color: #e73023;
text-align: left; }

em.inleiding {
font-weight: normal;
font-style: normal;
font-size: 14px;
line-height: 26px;
color: #007bc1;
}

p {
font-size: 12px;
line-height: 18px;
color: #007bc1;
}

a, a:active, a:visited {
color: #007bc1;
}

a:hover {
color: #e73023;
}

strong {
color: #e73023;
font-weight: normal; }

.banner_home img {
border: none;
}

.banner_home img:hover,
.banner_home a:hover img {
filter:alpha(opacity=60);
opacity: 0.6;
-moz-opacity:0.6;
}

.topnav a,
.topnav a:visited {
color: #fff;
text-decoration: none;
margin-left: 10px;
}

.topnav a:hover {
color: #007bc1;
}

.participant {
font-size: 11px;
color: #007bc1;
font-weight: bold;
}

.subtekst {
font-size: 12px;
color: #007bc1;
line-height: 18px;
}

.volledige_agenda a,
.volledige_agenda a:visited {
font-size: 12px;
line-height: 1.8em;
color: #e73023;
padding-left: 13px;
}

.volledige_agenda a:hover,
.volledige_agenda:hover a {
color: #007bc1;
}

#content ul li {
text-align: left;
margin-left: -26px;
}

/*Agenda opmaak*/

.agendadag {
font-size: 19px;
line-height: 10px;
color: #990000; }

#content .agenda {
margin:0px;
padding: 0px;
border-spacing: 1px;
}

#content .agenda_text {
display: block;
text-decoration: none;
color: #fff;
text-align: left;
font-size: 12px;
line-height: 14px;
padding-left: 10px;
padding-right: 10px;
text-indent: 0px;
font-weight: normal;
}

/*TMPL1*/
#content .agenda_titel1 {
background-color: #e73023;
text-indent: 10px;
}

#content .agenda_titel1 a {
display: block;
text-decoration: none;
color: #fff;
font-weight: bold;
font-size: 13px;
}

#content .agenda_titel1:hover {
background-color: #007bc1;
}

#content .agenda_titel1:hover a,
#content .agenda_titel1:hover a .agenda_text {
color: #fff;
}

/*TMPL2*/
#content .agenda_titel2 {
background-color: #a30b00;
text-indent: 10px;
}

#content .agenda_titel2 a {
display: block;
text-decoration: none;
color: #fff;
font-weight: bold;
font-size: 13px;
}

#content .agenda_titel2:hover {
background-color: #007bc1;
}

#content .agenda_titel2:hover a,
#content .agenda_titel2:hover a .agenda_text {
color: #fff;
}

/*HOME AGENDA*/

#content .home_agenda_titel {
border: 1px solid #e73023;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 5px;
}

.home_agenda_kop {
margin-top: 65px;
font-size: 22px;
line-height: 8px;
padding-left: 6px;
color: #e73023;
text-align: left;
}

#content .home_agenda_titel a {
display: block;
text-decoration: none; 
font-weight: bold;
}

#content .home_agenda_text {
font-weight: normal;
}

#content .home_agenda_titel:hover,
#content .home_agenda_titel:hover a,
#content .home_agenda_titel a:hover {
background-color: #e73023;
color: #fff;
}

.ditto_medewerkers_holder {
width: 100px;
float: left;
margin-right: 20px;
margin-bottom: 10px;
line-height: 14px;
}

.ditto_medewerkers_holder b {
color: #900;
}

/*ACCORDION - HOME ---------------*/

#accordion h2.toggler {
cursor: pointer;
display: block;
height: 17px;
color: #fff;
margin: 0px;
padding:4px;
padding-left:13px;
font-size:13px;
line-height: 18px;
font-weight: normal;
background-color: #a30b00;
border-bottom: 1px solid #fff;
}

#accordion h2.toggler:hover {
background-color: #007bc1;
}

/*Formulier opmaak*/

.form {
font-family: arial;
}

td {
font-size: 12px;
line-height: 1.0em;
color: #e73023;
text-align: left;
}

.verplichtveld {
font-size: 11px;
}

.formtextarea {
font-family: Arial;
font-size: 11px;
width: 250px;
height: 75px;
border: 1px groove #e73023;
}

.forminput {
font-family: Arial;
width: 250px;
font-size: 11px;
border: 1px groove #e73023;
}

.formselect {
font-family: Arial;
width: 250px;
font-size: 11px;
border: 1px groove #e73023;
}

.formselect_agenda {
font-family: Arial;


overflow: hidden;
font-size: 11px;
border: 1px groove #e73023;
}

.formdatum_agenda a {
font-family: Arial;
width: 250px;
font-size: 11px;
font-decoration: underline;
color: #007bc1;
}

.formbutton {
font-family: Arial;
font-size: 11px;
border: 1px groove #e73023;
height: 20px;
cursor: pointer;
}

.formbutton:hover,
.formbutton:hover a {
background-color: #007bc1;
color: #fff;
}
