html {
 font-size: 14px;
}

body {
 background: url(afbeeldingen/achtergrond.gif) #a9c700 bottom fixed repeat-x;
 font-family: "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
 font-size: 0.9em;
 line-height: 1.4em;
 color: black;
}
hr {
  clear:both;
  margin: 0;
  padding: 0;
  color: #d0eb39;
  background-color: #d0eb39;
  height: 1px;
}
body, #top li, #top li, #top a, #menu ul, #menu li, #rechts li, #rechts ul, #rechts p {
 padding: 0;
 margin: 0;
}

a:hover {
 background-color: #d0eb39;
}

a {
 color: #fff;
}
br {
  clear:left;
}

#container {
 width: 746px;
 margin-left: auto;
 margin-right: auto;
 text-align: left;
}

#top {
 background: url(afbeeldingen/top.gif);
 height: 110px;
 width: 746px;
 margin: 0 auto 0 auto;
 padding: 0;
 position: relative;
}

#top li {
 list-style: none;
 position: absolute;
}

#top li, #top a {
 height: 110px;
 display: block;
}
div.nieuwsdetail {
  padding-bottom: 5px;
  padding-top: 5px;
  width: 100%;
  overflow: auto;
  border-bottom: 1px dotted #004890;
}

#begin {
 left: 0;
 width: 215px;
}

#begin a:hover {
 background: transparent url(afbeeldingen/top.gif) 0 -110px no-repeat;
}

#ouders {
 left: 427px;
 width: 80px;
}

#ouders a:hover {
 background: transparent url(afbeeldingen/top.gif) -427px -110px no-repeat;
}

#leerlingen {
 left: 507px;
 width: 115px;
}

#leerlingen a:hover {
 background: transparent url(afbeeldingen/top.gif) -507px -110px no-repeat;
}

#leerkrachten {
 left: 622px;
 width: 124px;
}

#leerkrachten a:hover {
 background: transparent url(afbeeldingen/top.gif) -622px -110px no-repeat;
}

#menu {
 background: white;
 margin-right: 2px;
 padding-left: 11px;
 text-transform: uppercase;
 overflow: hidden;
 padding-bottom: 8px;
}

#menu ul {
 padding-top: 8px;
 width: 730px;
 list-style: none;
}

#menu li {
 float: left;
 width: 241px;
}

#menu a {
 color: #8fa902;
 text-decoration: none;
}

#menu_begin, #menu_ouders, #menu_leerlingen, #menu_leerkrachten {
 display: none;
 margin: 0;
 padding: 0;
}

#menu_begin, #menu_begin_geladen {
 background: transparent url(afbeeldingen/klasfoto.jpg) -50px -175px no-repeat;
 border-top: 8px solid white;
 margin: 0 0 0 1px;
 padding: 0;
 height: 60px;
 width: 721px;
}

#links {
 position: absolute;
 width: 500px;
 padding: 0;
 margin: 10px 0;
}

#links h1 {
 color: white;
 text-transform: uppercase;
 font-size: 1.2em;
 font-weight: lighter;
 margin-top: 10px;
}

#links h2 {
 font-size: 1.1em;
 color: white;
 font-size: 1.1em;
 font-weight: lighter;
 margin: 9px 0 8px 0;
 padding: 0;
}

h1 {
 color: white;
 text-transform: uppercase;
 font-size: 1.2em;
 font-weight: lighter;
 margin-top: 10px;
}
h2 { 
 font-size: 1.1em;
 color: white;
 font-size: 1.1em;
 font-weight: lighter;
 margin: 9px 0 8px 0;
 padding: 0;
}

img.nieuws {
 float: left;
 margin-right: 15px;
 margin-bottom: 15px;
 border: 1px solid white;
 width:120px;
}


.nieuwsbericht {
 margin: 2px;
 padding: 0;
 text-decoration:none;
clear:both;
}

.nieuwsbericht:hover {
 background: #96b200;
 text-decoration:none;
}

.nieuwsbericht p {
 margin: 0 0 10px 0px;
 padding: 0;
}

#links a:hover {
 //background: #6c7b17;
}

#rechts {
 width: 200px;
 position: absolute;
 margin: 8px 100px 10px 525px;
 padding: 0 0 10px 15px;
 border-left: 2px dashed white;
 border-right: 2px dashed white;
 background: #96b200;
}
#rechts a img {
  border:none;
  margin-left:-8px;
  margin-top:4px;
}
#rechts a{
 color: black;
}

#rechts li{
 list-style: none;
 font-family: verdana, helvetica, arial, sans-serif;
 font-size: 0.85em;
}

#rechts h3{
 color: white;
 text-transform: uppercase;
 font-weight: lighter;
 font-size: 1.2em;
 margin: 12px 0;
}

#rechts p{
 list-style: none;
 font-family: verdana, helvetica, arial, sans-serif;
 font-size: 0.85em;
}
a.nieuwslink {
  text-decoration:none;
}
div.nieuwsdetail {
  padding-bottom: 5px;
  padding-top: 5px;
  width: 100%;
  overflow: auto;
  border-bottom: 1px solid #d0eb39;
}
.doc1 {
  width:98%;
  background-color:#8EA800;
  padding:4px;
  font-size:11px;
}
.doc2 {
  width:98%;
  background-color: #9DB900;
  padding:4px;
  font-size:11px;
}
input {
  background: white;
  border: 1px solid #d0eb39;
}

.submit input {
  color: #000;
  background: white;
  border: 2px outset #d0eb39;
  cursor: pointer;
}