/* navigation block */
#navcontainer {
  float:left;
  overflow:hidden;
  display:inline-block;
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
  width: 170px;
  color:white;
  background-color: #69C;
  border: 1px solid #8A2E0A;
  margin:0px;
  padding:0px;
  text-align:left;
}

#navcontainer ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#navcontainer li { 
  margin: 0; 
  border-top: 1px solid maroon;
}

#navcontainer a {
  display: block;
  color: #FFF;
  background-color: #FC6429;
  background-color:#DA480E; /* zelfde kleur als H1 */
  width: 100%;
  padding: 3px 3px 3px 8px;
  text-decoration: none;
  font-weight: bold;
  border-left: 7px solid #FAC46B;
  border-left: 7px solid #FFEF00; /* het geel uit het logo */
}

#navcontainer li li a {
  display: block;
  width:100%;
  background-color: #FAC46B;
  padding-left: 17px;
  font-weight: normal;
  color: #444;
  border-left: 7px solid #FC6429;
  border-left: 7px solid #FFEF00; /* het geel uit het logo */
}

#navcontainer a:hover {
  background-color: #369;
  color: #FFF;
  border-left: 7px solid maroon; /* het groen uit het logo */
}

#navcontainer a:active {
  
}

/* hilight the current page in the navigation block*/
BODY#b_home a#home,
BODY#b_troeven a#troeven, BODY#b_kalender a#kalender, 
BODY#b_restaurant a#restaurant, BODY#b_inschr a#inschr,
BODY#b_dagboek a#dagboek, BODY#b_lessen a#lessen,
BODY#b_schoolraad a#schoolraad, BODY#b_bestuur a#bestuur,
BODY#b_llraad a#llraad, BODY#b_gok a#gok,
BODY#b_bereikbaar a#bereikbaar, BODY#b_links a#links,
BODY#b_personeel a#personeel, BODY#b_contact a#contact  {border-left: 7px solid #00B893;} /* het groen uit het logo */

/* other styles */
body{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: white url(images/bg2.gif) left top repeat;
	text-align: left;
}

body, td, p {
	font-family: Verdana, Arial,sans-serif;
	font-size: 11px;
	color: #333;
}

#header{
  margin-left: 200px;
  margin-bottom: 20px;
  height:100px;
  width:750px;
  background-image:url('images/ms.gif');
  background-repeat: no-repeat;
  background-position: 88px 20px;
}
#container{
	float:left;
	width: 950px;
}
#spacer1 {
  float:left;
  width: 80px;
}
#spacer2 {
  float:left;
  width: 40px;
}
#spacerfooter {
  clear:both;
  height:30px;
}
#footer{
  clear:left;
  height: 40px;
  margin-left:200px;
  width:750px;
}
#footer p {
  margin: 0px;
  padding: 6px;
  text-align:center;
  font-size: 0.9em;
  color: #AAA;
}

#content {
  float:left;
  text-align:left;
  width:610px;
  line-height: 18px;
  padding: 0px;
}
#content a {color: #DA480E;}
#content a:hover {background-color:#FFEF00;}
#content p {
  margin:0px;
  padding:0px;
  padding-bottom: 12px;
}
H1 {
  font-family: Trebuchet MS,Times,serif;
  color:#DA480E;
  font-size: 1.8em;
  line-height:1.2em;
  padding: 0px;
  margin: 0px;
  padding-bottom:12px;
  border-bottom: 2px solid #DA480E;
  margin-bottom: 25px;
}
H2 {
  font-family: Trebuchet MS,Times,serif;
  color:#DA480E;
  font-size: 1.4em;
  padding: 0px;
  margin: 0px;
  padding-bottom:8px;
  border-bottom: 1px solid #DA480E;
  margin-bottom: 16px;
}
b, strong {
  color: #DA480E;
}
/* cellen in schoolkalender */
td#vakantie, td#weekend {
	background-color:#dddddd;
	line-height: 1em;
}
td#weekend {
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #BBBBBB;
	border-left-color: #BBBBBB;
	line-height: 1em;
}
td#day {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #BBBBBB;
	border-left-color: #BBBBBB;
	line-height: 1em;
}

/* cellen in tabellen menu's restaurant */
BODY#b_restaurant TD {vertical-align:middle; text-align:center;}

/* cellen in tabellen leerlingenraad */
BODY#b_llraad TD {vertical-align:top; text-align:left;}

/* styles voor personeelspagina */
BODY#b_personeel P {margin: 14px 0px 0px 0px;}
BODY#b_personeel .naam {background-color: #DDD;}

/* dagboek van de school */
BODY#b_dagboek TD {vertical-align:top;}

@media print {
  #navcontainer, #spacer1, #spacer2, #spacerfooter, #footer {display:none;}
  #content {
    margin:0; padding:0;
    position: absolute;
    top:0px;
    left:30px;
    line-height:1.5em;
  }
  H1, H2, H3, b, strong {color:black}
  H1 {font-size: 1.6em; border-bottom: 1px solid black;}
}

</style>