/*kleuren*/

.lichtblauw {color: #3e5b89;}
.donkerblauw {color: #003063;}
.groen {color: #699418;}

body {
font-family: Trebuchet MS, Arial, Helvetica;
font-size: 11px;
}

a {outline: none;}

table {
text-align: left;
}

#content,
p
{
color: #000;
line-height: 18px;
}

#content a,
p a,
em a {
color: #000;
line-height: 18px;
text-decoration: underline;
}

#content a:hover,
p a:hover,
em a:hover {
color: #699418;
text-decoration: underline;
}

em.inleiding {
font-size: 13px;
line-height: 24px;
color: #3e5b89;
font-style: normal;
}

h1 {
padding: 0px;
margin: 0px;
color: #003063;
font-size: 22px;
margin-bottom: 16px;
text-align: left;
}

h2 {
padding: 0px;
margin: 0px;
margin-top: 10px;
margin-bottom: 0px;
color: #003063;
font-size: 14px;
line-height: 16px;
text-align: left;
}

h3, h6 {
padding: 0px;
margin: 0px;
margin-top: 10px;
margin-bottom: 0px;
color: #003063;
font-size: 12px;
line-height: 14px;
text-align: left;
}

h6 a,
a.leesverder{
color: #003063;
text-decoration:none
}


h6 a:hover,
a.leesverder:hover{
text-decoration:underline
}

h4 {
padding: 0px;
margin: 0px;
margin-top: 10px;
margin-bottom: 0px;
*margin-bottom: -10px;
color: #0066cc;
font-size: 11px;
text-align: left;
}

.adres,
.adres a {
font-size: 11px;
line-height: 14px;
color: #003063;
}

.adres em {
line-height: 16px;
color: #003063;
}

.adres a:hover {
color: #699418;
}

.adres b {
color: #699418;
font-size: 12px;
}

a.login_knop {
color: #fff;
}

a.login_knop:hover {
color: #699418;
}


/* SCHOOLFOTO */

#schooloverzicht {
width: 400px;
}

.schoollogo {
position: relative;
width: 370px;
}

a.schoollink {
position: absolute;
top: 0px;
left: 0px;
text-decoration: underline;
}

a.schoollink img {
width: 140px;
}

.highslide-caption {
display: none;
}

.schoollogo a.highslide img {
width: 25%;
height: 25%;
margin-left: 10px;
}

#content img {
border: 1px solid #fff;
}

#content img:hover {
}


/*NIEUWS DITTO */

.nieuws_kop {
color: #003063;
font-size: 12px;
line-height: 18px;
font-weight: bold;
}

.nieuws_kop a {
text-decoration: none;
color: #003063;
}

.nieuws_kop a:hover { 
color: #000;
}

.nieuws_text a,
.nieuws_text {
display: block;
font-size: 11px;
line-height: 15px;
color: #3e5b89;
width: 140px;
font-style: italic;
}

.nieuws_text a:hover {
color: #003063;
}

#nieuws img {
border: 2px solid #fff;
background-color: #699418;
}

#nieuws img:hover {
border: 2px solid #699418;
}

/*PAGETRAIL*/

#footer,
#pagetrail,
#pagetrail_intra {
color: #003063;
}

#footer .pcpo,
#footer a,
#pagetrail .B_currentCrumb,
#pagetrail a,
#pagetrail_intra .B_currentCrumb,
#pagetrail_intra a {
color: #699418;
font-size: 9px;
}

#footer a:hover,
#pagetrail a:hover,
#pagetrail_intra a:hover {
color: #003063;
}

/* FAQ */
.vraag p,
.vraag ul,
.vraag .antwoord {
margin: 0px;
padding: 0px;
margin-top: 4px;
margin-bottom: 12px;
}

.vraag ul {
margin-left: 15px;
}

.faq {
padding: 0px;
margin: 0px;
color: #003063;
font-size: 12px;
line-height: 16px;
text-align: left;
font-weight: bold;
text-decoration: underline;
}

/*ZOEKEN*/

.zoek a,
#zoeken_intra .zoek a,
.zoek {
color: #699418;
font-size: 12px;
line-height: 12px;
text-decoration: none;
}

#zoeken input,
#zoeken_intra input  {
border: 1px solid #699418;
width: 120px;
height: 12px;
margin-bottom: 3px;
font-size: 11px;
color: #000;
text-indent: 2px;
*margin-top: -35px;
}

#zoeken #ajaxSearch_submit,
#zoeken_intra #ajaxSearch_submit {
border: 0px;
background-color: #fff;
color: #3e5b89;
width: 15px;
height: 16px;
font-size: 15px;
margin-left: -3px;
cursor: pointer;
}

#zoeken #ajaxSearch_submit:hover,
#zoeken_intra #ajaxSearch_submit:hover {
color: #699418;
}

/* ZOEKEN PAGINA */

#zoekform input,
#zoekform_intra input,
#zoek_intra_results input {
border: 1px solid #699418;
width: 200px;
height: 12px;
margin-bottom: 3px;
font-size: 11px;
color: #000;
text-indent: 2px;
}

#zoekform #ajaxSearch_submit,
#zoekform_intra #ajaxSearch_submit,
#zoek_intra_results #ajaxSearch_submit {
border: 0px;
background-color: #fff;
color: #3e5b89;
width: 15px;
height: 16px;
font-size: 15px;
margin-left: -3px;
cursor: pointer;
}

#zoekform #ajaxSearch_submit:hover,
#zoekform_intra #ajaxSearch_submit:hover,
#zoek_intra_results #ajaxSearch_submit:hover {
color: #699418;
}

a.ajaxSearch_resultLink {
padding: 0px;
margin: 0px;
margin-bottom: -20px;
color: #003063;
font-size: 14px;
line-height: 16px;
text-align: left;
}

.ajaxSearch_highlight.ajaxSearch_highlight1 {
font-size: 14px;
color: #3e5b89;
}

.ajaxSearch_extract p {
padding: 0px;
margin: 0px;
padding-bottom: 15px;
}

/* UP/DOWNLOAD FORMULIER */

.formulier {
text-align: left;
}

fieldset {
width: 400px;
border: 2px solid #ccc;
margin-bottom: 20px;
}

legend {
font-weight: bold;
color: #003063;
font-size: 12px;
}

.bestand {
position: relative;
width: 200px;
overflow: hidden;
float: left;
}

.gegevens { 
position: relative;
margin-top: 5px;
width: 200px;
float: left;
}

a.link {
color: #000;
}

a.link:hover {
color: #699418;
text-decoration: underline;
}

.verwijder a {
color: #999;
}

.verwijder a:hover {
color: #c03;
}

/* FORMULIEREN */

#formulier label {
float:left;
width:120px;
}

#formulier input,
#content input {
border: 1px solid #699418;
width: 250px;
height: 12px;
margin-bottom: 3px;
font-size: 11px;
color: #000;
text-indent: 2px;
}

#formulier .formbutton,
#content .knop {
border: 0px;
background-color: #3e5b89;
color: #fff;
width: 252px;
height: 16px;
margin-left: 0px;
cursor: pointer;
}

#formulier .formbutton:hover,
#content .knop:hover {
background-color: #699418;
}

#formulier textarea {
font-family: Trebuchet MS, Arial, Helvetica;
border: 1px solid #699418;
width: 250px;
height: 100px;
margin-bottom: 3px;
font-size: 11px;
color: #000;
text-indent: 2px;
}

ol.letters{
list-style-type: lower-alpha
}