@import url(reset.css);
body {
  background-color: #9ef7fb;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13.333px;
  color: #000099;
}

a { text-decoration: underline; color: #0000ff; }
a:hover { color: #e02171; }
a:visited { color: #ff0000; }

b, strong { font-weight: bold; }

i, em { font-style: italic; }

p { line-height: 16px; }

p { margin-bottom: 18px; }

img { padding: 10px; }

#lessen img, #opdrachten img { padding: 0; }

#container {
  position: absolute;
  top: 14px;
  left: 50%;
}

#container h1 {
  text-indent: -9999px;
  height: 100px;
  background: transparent url(/Files/System/LEL/Images/header.jpg) no-repeat center top;
margin-top: 30px;
margin-bottom: 10px; }

#container h1 a {
  display: block;
  width: 100%;
  height: 100%;
}

h2 { font-size: 24px; font-weight: bold; margin-bottom: 24px; }

.container_home h2 { text-align: center; line-height: 28px; }

.container_les h2 { text-align: center; }

.yellow h2 { text-align: left; }

.container_home {
  width: 830px;
  margin-left: -415px;
}

.container_les {
  width: 920px;
  margin-left: -460px;
}

.container_home #content {
  width: 500px;
  float: right;
}

.container_les #content {
  width: 590px;
  float: right;
}

table.yellow td { border: 10px solid #f8f862; }
.yellow { background-color: #f8f862; padding: 5px; border: 1px solid #000099; }

.window { margin-bottom: 18px; }

#lessen { float: left; width: 46%; }
#content #lessen ul { list-style: none; padding: 0; }
#lessen li { font-size: 16px; font-weight: bold; margin-bottom: 20px; }
#lessen li a { color: #000099; text-decoration: none; }

#lessen h2, #opdrachten h2 { text-align: center; }

#opdrachten { float: right; width: 46%; }

#opdrachten td, #opdrachten th { padding: 0 8px; height: 100px; vertical-align: middle; font-weight: bold; }

#legend {
  width: 320px;
  padding-top: 760px;
  background: transparent url(/Files/System/LEL/Images/legend.jpg) no-repeat left top;
  float: left;
}

.container_home #legend { padding-top: 850px; }

#legend a {
  display: block;
  width: 100%;
  height: 30px;
  background: transparent url(/Files/System/LEL/Images/naarboven.jpg) no-repeat center top;
  text-indent: -9999px;
}

#lessen li a {
  position: relative;
  display: block;
  clear: both;
  vertical-align: middle;
  margin-bottom: 20px;
  height: 50px;
  padding-left: 60px;
}

#lessen li a img { position: absolute; left: 0; }

#footer { width: 100%; clear: both; text-align: right; padding: 20px 0; }

#content ul, #content ol { padding-left: 1.5em; margin-bottom: 16px; }
#content ul { list-style: disc; }
#content ol { list-style: decimal; }
#content li { line-height: 16px; }
#content b, #content strong { font-weight: bold; }
#content i, #content em { font-style: italic; }

.container_les #content h3, .container_les #content h4, .container_les #content h5, .container_les #content h6 {
  font-weight: bold;
  margin-bottom: 16px;
}

.container_les #content h3, .container_les #content h4 {
  font-size: 24px;
}