* { margin: 0; padding: 0; font-size: 100%; }
html, body { height: 100%; }
html { color: #000; background: #fff; font: 12px/1.5 verdana, sans-serif;}
img { border: 0; }
a { text-decoration: none;}
p { margin-bottom:  1.5em;}

#wrapper{ min-height: 99.8%; position:relative; width: 960px; margin: 0 auto; background: url('/images/layout/sidebar.png') 0 100% repeat-y; border: 1px solid #9DAC12; border-top: 0;}
#container { float: left; width: 960px; }
.container1 {background: url('/images/layout/background-01.jpg') 98% 94px no-repeat;}
.container2 {background: url('/images/layout/background-02.jpg') 98% 94px no-repeat;}
.container3 {background: url('/images/layout/background-03.jpg') 98% 94px no-repeat;}
.container4 {background: url('/images/layout/background-04.jpg') 98% 94px no-repeat;}
.container5 {background: url('/images/layout/background-05.jpg') 98% 94px no-repeat;}
.container6 {background: url('/images/layout/background-06.jpg') 98% 94px no-repeat;}
.container7 {background: url('/images/layout/background-07.jpg') 98% 94px no-repeat;}
.container8 {background: url('/images/layout/background-08.jpg') 98% 94px no-repeat;}
.container9 {background: url('/images/layout/background-09.jpg') 98% 94px no-repeat;}
.container10 {background: url('/images/layout/background-10.jpg') 98% 94px no-repeat;}
.container11 {background: url('/images/layout/background-11.jpg') 98% 94px no-repeat;}
.container12 {background: url('/images/layout/background-12.jpg') 98% 94px no-repeat;}
.container13 {background: url('/images/layout/background-13.jpg') 98% 94px no-repeat;}
.container14 {background: url('/images/layout/background-14.jpg') 98% 94px no-repeat;}
.container15 {background: url('/images/layout/background-15.jpg') 98% 94px no-repeat;}
.container16 {background: url('/images/layout/background-16.jpg') 98% 94px no-repeat;}

#header { height: 134px; background: url('/images/layout/header.png') 175px 33px no-repeat; position: relative; }
#header h1 { margin-left: 10px; }
#home { position: absolute; top: 7px; right: 22px; color: #9c9e9f; font-weight: bold; padding-left: 20px; background: url('/images/layout/home-arrow.png') 0 50% no-repeat; }
#menu { position: absolute; top: 33px; left: 295px; font-weight: bold; list-style: none; }
#menu li { float: left; line-height: 45px; margin-right: 2em;}
#menu li#last { margin: 0 0 0 4em; color: #00688B; position: absolute; top: 0px; left: 540px;}
#menu li a { color: #fff; display: block; padding-left: 10px; background: url('/images/layout/header-bullet-blue.png') 0 0 no-repeat;}
#menu li.active a, #menu li a:hover { color: #9DAC12; background-position: 0 100%; }
#menu #last a {background-image: url('/images/layout/header-bullet-green.png');}
#menu #last.active a, #menu #last  a:hover { color: #00688B }

#sidebar { width: 218px; padding-top: 1.5em; float: left; color: #fff;}
#sidebar h2 { text-transform: uppercase; margin: 1em 20px; font-weight: normal;}
#submenu { font-weight: bold; color: #fff; line-height: 2em; margin-bottom: 4em;}
#submenu li a { background: url('/images/layout/submenu-bullet.png') 20px 7px no-repeat; color: #00688B; display: block; padding: 0 32px; height: 1%;  }
#submenu li.active a, #submenu a:hover { background: #00688B url('/images/layout/submenu-bullet-active.png') 20px 7px no-repeat; color: #9DAC12; color: #fff; }

#content { width: 430px; padding: 60px 0 60px 85px; float: left; min-height: 300px;}

#footer { border-top: solid 1px #9EAD12; width: 956px; height: 34px; margin: -40px auto 0; background: #fff; padding: 3px; text-align: right; font-size: 10px; position: relative; }
#footer .pwrd { position: absolute; top: 5px; left: 3px;}
#footer ul {position: absolute; top: 5px; right: 3px; }
#footer a { color: #666; }
#footer a, #footer a:hover { color: #333;}
#footer a:hover { text-decoration: underline; }
#footer ul li { display: inline; }

#content h1, #content h2 { color:#00688B; font-size: 14px; margin-bottom: 1.5em; }
#content h3 { color: #9DAC12}
#content ul {margin: 0 0 2em 2em;}
#content a { color: #00688B; border-bottom: solid 1px #9EAD12;}
#content a:hover {border-color: #00688B;}
#content .imagelink a { border: 0; }

#homepage {height: auto;}
#homepage #wrapper{ background: url('/images/layout/background-homepage.jpg') bottom left no-repeat; position: relative;}
#homepage #container{ background: 0; min-height: 560px; }
#homepage #content { color: #00688B; padding: 0; width: 250px; position: absolute; top: 106px; left: 580px;}
#homepage .vcard .type, #homepage #sidebar {display: none;}
#homepage a { border: 0; }
#homepage h2 { color: #9DAC12; font-size: 12px; margin: 12px 0;}
#homepage strong { color: #9DAC12;}

#schoolguide .leesverder {display:none;}
#schoolguide li.imagelink {list-style: none;margin: 1em ; float:left; width: 100px;}
#schoolguide .leftimage {float:right;}
#schoolguide .textlink, #schoolguide h2 {clear:both;}

#library .picture img {width: 200px;float:left;}
.overviewimg { width: 200px; margin-left: 10px; float: left; }
#library .overviewimg h2 { margin: 0; }
#library .overviewimg a { border: 0; }
.overviewimg a:hover img { border-color: #9EAD12}
.overviewimg img { width: 190px; border: solid 5px #00698C; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }

#library .picture img { border: solid 10px #00698C; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.gallerynav { width: 200px; margin: 0 auto; font-size: 10px; float:right;}
#library .gallerynav p { color: #00698C; margin: 0 0 6px;}
.gallerynav span { display: block; height: 22px; width: 26px; overflow: hidden; text-indent: -999em; }
.gallerynav span a { display: block; height: 22px; width: 26px; background-image: url(/images/layout/gallery-arrows.png);}
.gallerynav .prev { border-right: 1px solid #aaa; float: left; padding-right: 6px; margin-left: 67px;}
.gallerynav .prev a { background-position: 0 0;}
.gallerynav .prev a:hover { background-position: 0 22px;}
.gallerynav .next { border-left: 1px solid #aaa; float: left; padding-left: 6px;}
.gallerynav .next a { background-position: 26px 0; }
.gallerynav .next a:hover { background-position: 26px 22px; }

#content .editmode a { border: 0; }
#content .editmode img {width: auto; border:none;}


#content .editmode .editlink img {width: auto;padding:0;}