html,
body {
height: 100%;
overflow: hidden;
background-color: #fff;
}

#groen,
#zijbalk,
#nav, 
#nieuws,
#pagetrail, 
#blad,  
#footer,
#zoeken,  
#logo,

#zijbalk_intra,
#nav_intra, 
#hoekje_intra, 
#pagetrail_intra, 
#blad_intra,  
#zoeken_intra,  
#omloop div {
display: none;
}

#scroll,
#scroll_intra    {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 180mm;
overflow: auto;
overflow-x: hidden;
padding-right: 20px;
background-color: #fff;
outline: none;
}

#content,
#content_intra  {
position: relative;
top: 0px;
left: 0px;
width: 160mm;
margin-bottom: 170px;
text-align: justify;
}

#logo {
top: 0px;
left: 0px;
width: 313px;
height: 105px;
}

/*TYPO--------------------*/
/*kleuren*/

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


body {
font-family: Trebuchet MS, Arial, Helvetica;
font-size: 10pt;
}

#content,
p
{
position:relative;
color: #000;
left:40px
}

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

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

em.inleiding {
position:relative;
left:10px;
font-size: 14px;
line-height: 24px;
color: #3e5b89;
font-style: normal;
}

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

h2 {
padding: 0px;
margin: 0px;
margin-top: 30px;
margin-left: 40px;
margin-bottom: -10px;
color: #003063;
font-size: 14px;
}

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

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

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

/* 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_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 {
color: #003063;
}

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

#footer a:hover,
#pagetrail 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 {
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 {
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 {
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;
}

/* FORMULIEREN */

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

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

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

#formulier .formbutton: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;
}