* {padding:0;margin:0;}

/* http://www.dinpattern.com/ */
body {font:100%/1.1 calibri, Arial, sans-serif;background:lightgrey url(/images/layout/stripe.gif);color:#000;}
#wrapper {width:920px;margin:20px auto 0;padding:0;position:relative;background:white;}
#wrapperend {clear:both;height:50px;}
p {margin-bottom:1em;}

button {font-size:9px;font-weight:bold;color:#777;padding:0;float:left;margin:0;}
button b {display:block;float:left;width:16px;height:16px;margin-right:3px;background:url(http://config.primosite.com/images/layout/editicons3-sprite.png);text-indent:-9999px;}
button.edit b {background-position:0 -16px;}
button.add b {background-position:0 -48px;}
button.delete b {background-position:0 -144px;}
button.remove b,button.cancel b {background-position:0 -112px;}
button.import b {background-position:0 -240px;}
button.submit b {background-position:0 -304px;}
button.e-mail b {background-position:0 -336px;}
button.reset b {background-position:0 -368px;}
button.posting b {background-position:0 -496px;}
button.reply b {background-position:0 -464px;}
button.acl b {background-position:0 -632px;}
button.grid b {background-image:url(http://config.primosite.com/images/editicons/set3/table.png)}

/* =HEADER---------------------------------------*/
#clock {position:absolute;left:450px;top:5px;}
#branding {color:#fff;background:#000;height:120px;border:solid 1px #000;}
#branding h1 {margin:1em}
#headerlinks {position:absolute;top:0;right:5px;}
#headerlinks li {display:inline;margin:0 5px 0 0;}
#headerlinks a:hover {color:white;border-color:white;}
#mainnav, #subnav {padding:10px;}
#mainnav {background:grey;}
#mainnav li, #subnav li {list-style:none;display:inline;}
#mainnav a {padding:3px 20px;background:lightgrey;margin:0 5px 0 0;color:black;text-decoration:none;font-weight:bold;border:1px solid lightgrey;}
#mainnav a.active {color:white;background-color:black;}
#mainnav a:hover {color:white;background-color:#444;border-color:white;}
#subnav {background:lightgrey;}
#subnav a {background:white;text-decoration:none;color:#000;padding:3px 15px;border:solid 1px lightgrey;margin:0px 10px 0px 0px;text-align:center;}
#subnav a.active {background:black;color:white;}
#subnav a:hover {background:grey;color:white;border-color:#000;}
.loggedin {padding:10px 1em;background:orange;}

/* =FOOTER---------------------------------------*/
#footer {clear:both;text-align:center;top:30px;padding:10px;background:black;color:white;width:900px;margin:0 auto 20px;}
#footer a {font-size:.75em;}

/* =Hn---------------------------------------*/
#content {padding:1em 2em 0;}
#content h1 {font-size:1.5em;margin:5px 0 10px;}
#logobar h1 {margin:20px 0px}
#form h1 {color:#202020;margin:10px 0 10px 210px;}
h2 {font-size:1.125em;}
#leftcolumn h2, #leftcolumn h1 {margin:5px 5px 10px 0;}
#maincontent h2 {margin:5px 0 10px;}
h3 {font-size:1.2em;margin:0 0 10px;}

/* =HOMEPAGE--------------------------------------------------------*/
#maincontent {width:600px;float:right;}
#leftcolumn {float:left;width:250px;position:relative;}
#leftcolumn input.button {border:1px solid #202020;background-color:#c0c0c0;margin:5px;position:absolute;right:2px;}
#leftcolumn table {width:auto;}
#leftcolumn ul {margin-left:0em;}
#leftcolumn li {list-style:none;}
#leftcolumn li a,#leftcolumn .lc-links a {display:block;width:95%;}
#leftcolumn a {font-weight:normal;}
#twtr-widget-1 {clear:both}

/* GENERAL---------------------------------------*/
.paragraphitem li,.information li {margin-left:2em;}
ol br, ul br {display:none;}
ol li br, ul li br {display:inline;}
#content img {border:solid grey 1px;padding:2px}
li {clear:left;}
a {text-decoration:none;color:grey;border-bottom:1px solid grey;}
a:hover {border-bottom:1px solid black;color:black;}

/* =EMAIL FORM---------------------------------------*/
#emailform p {margin:1em 0;}
#emailform #ps-cgh {color:#000;width:487px;margin-left:180px;}
#emailform {width:75%}

/* =FORM---------------------------------------*/
#form #ff-password, #form #ff-username {width:200px}

/* =NIEUWS---------------------------------------*/
#news {float:left;width:100%}
#news img {float:left;margin:0 5px 5px 0;}
#news p.date {font-size:.9em;font-style:italic;color:black;padding:3px 0;font-weight:bold;}
.newsitem {padding-bottom:1em;margin:5px 0;float:left;width:100%}
p.leesverder {margin:5px 0;text-align:right;font-weight:normal;}
p.leesverder a {padding:0 5px;font-weight:bold;text-decoration:none;}
.mc-newsitem p {margin-left:5px;margin-bottom:1em;}
.mc-newsitem p img {float:left;margin:0 5px 5px 0;}
.mc-newsitem p .introtext {font-weight:bold;}
.mc-newsitem li {margin-left:1.5em;}
.newsindex {padding-top:3em;clear:both;}
.newsindex {list-style:none;}
.newsindex li a {display:block}

/* =AGENDA---------------------------------------*/
#lc-agenda h3 {margin:5px 5px 0;}
#lc-agenda table {font-size:1em;}
.monthheader {font-weight:bold;}
#lc-agenda td {vertical-align:top;padding-right:2px;}
#lc-agenda a, #agendaitem a {font-weight:normal;}
#lc-agenda a:hover, #agendaitem a:hover {border-bottom:1px solid #202020;}
#agendaitem dl {margin:5px;}
#agendaitem dt {font-weight:bold;margin-right:5px;float:left;width:100%;}
#agendaitem dd {padding-left:10px;float:left;width:100%;}
#agendaitem p img {float:left;margin:0 5px 5px 0;}

/* =INFORMATION-------------------------------------------------*/
#maincontent .information {width:auto;border-bottom:1px solid #d8d8d8;}
.information div {padding-bottom:5px;}
* html .information {width:50em;}
.intro {font-weight:bold;}

/* =LIBRARY---------------------------------------*/
#library img {border:none;}
.librarytoc li {font-weight:bold;}
li.libdoc {font-weight:normal;font-size:1em;border-left:dotted 1px;margin:0 0 0 32px;padding:1em 0 0 15px;}
li.libdoc a {font-weight:bold;float:left;clear:right;margin-left:-5px;padding:0 0 0 5px;}
#library .libdoc img {float:left;border-bottom:solid 1px #c0c0c0;padding:2px 0 0 0;}
li.libdoc p {clear:both;margin:0 0 0 5px;}

/* =RSS-------------------------------------------------*/
#photo-gallery-rss li {display:inline;padding:0 0px 5px 0}
#photo-gallery-rss h2 {padding:1em 0 .5em;float:left;}
.flickr-rss, .flickr-entries {clear:both;}
.flickr-entry {float:left;margin:0 1em 1em 0}
.flickr-entry h3 {display:none;}
.flickr-entry-content p:first-child {display:none;}
#photo-gallery-rss li a, .flickr-entry a {border:none;}
#photo-gallery-rss .slideshow a {display:block;float:right;clear:right;background:url(/images/layout/slideshow.png) no-repeat 10px 0;width:75px;height:35px;margin:1em;padding-top:15px;text-indent:-999em;border:none;}
#photo-gallery-rss .slideshow a:hover {text-indent:0;}
#photo-gallery-rss .slideshow a:active,#photo-gallery-rss .slideshow a:visited {outline:none}
.rss p {clear:both;margin-bottom:1em;}
.rssitem {font-size:.9167em;height:540px;width:270px;float:left;margin:0 1em 1em 0 ;background:#ccc;padding-bottom:1em}
.rssitem h4 {margin-bottom:1em;font-size:120%;line-height:1.5;background:#000;padding:5px 1em}
.rssitem div, .rssitemfooter {margin:0 1em;}
.rssitem h4 a {display:block;border:none}
.rssitem h4 a:hover {color:#ccc;}

/* =SCHOOLGUIDE-------------------------------------------------*/
.introtext {font-weight:bold;margin-left:5px;}
img.leftimage {float:right;}
.paragraphtoc {margin-left:.5em;list-style-type:none;font-size:1.2em;padding-bottom:5px;}
.sg_faq {margin-left:2em;}
.paragraphtoc ul {margin-left:1.5em;font-size:.8em;}
.leesverder {font-size:.8em;}
.paragraphitem .leesverder, .faqitem .leesverder {float:none;margin-bottom:5px;}

/* =ACLUSER-------------------------------------------------*/
#definition li a {color:white;}

/* =LINKOVERVIEW-------------------------------------------------*/
.column {width:24.5%;float:left;margin-right:.5%;overflow:hidden;}
.sublo {border:solid 1px #aaa;background:#ddd;margin-bottom:2px}
.sublo h2 {padding:0 3px;cursor:pointer;color:#666;height:2.5em;background:#c1c1c1}
.sublo h2:hover {color:#333}
.sublo ul {display:none;}
#linkoverview ul {margin:0;padding:0;}
#linkoverview li {list-style:none;line-height:1.1;font-size:1em;border-bottom:solid 1px #aaa}
#linkoverview li a {display:block;padding:5px 3px;border:none;}
#linkoverview li a:hover {background-color:#ccc;}


/* =editmode-------------------------------------------------*/
.edittitle4 {clear:both;width:16px;height:16px;margin:5px;text-align:left;text-indent:-9999em;cursor:pointer;background:url(http://config.primosite.com/images/editicons/set3/edit.png) no-repeat;}
.editmode4 {display:none;z-index:99;position:absolute;overflow:hidden;border:solid 2px #999;box-shadow: 3px 3px 5px #666; -moz-box-shadow: 3px 3px 5px #666; -webkit-box-shadow: 3px 3px 5px #666; }
.editlink4 {font:12px/1 arial, helvetica, sans-serif!important;text-align:left;color:#999!important;white-space:nowrap!important;cursor:pointer;border-bottom:solid 1px #ddd!important;border-top:solid 1px #f4f4f4!important;display:block;height:20px;padding:0px 5px 3px 22px!important;background:#ECE9D8 url(http://config.primosite.com/images/layout/editicons3-sprite.png) 2px -14px no-repeat!important;}
.editlink4 img {margin-right:5px;border:none!important;position:relative;top:2px;}
.editlink4:hover {background-color:#D7D4C5!important;}
.editmode4 .edit    {background-position:2px -12px!important;}
.editmode4 .add     {background-position:2px -44px!important;}
.editmode4 .copy    {background-position:2px -660px!important;}
.editmode4 .delete  {background-position:2px -692px!important;}
.editmode4 .remove,
.editmode4 .cancel  {background-position:2px -108px!important;}
.editmode4 .import  {background-position:2px -236px!important;}
.editmode4 .submit  {background-position:2px -300px!important;}
.editmode4 .e-mail  {background-position:2px -332px!important;}
.editmode4 .reset   {background-position:2px -364px!important;}
.editmode4 .posting {background-position:2px -492px!important;}
.editmode4 .reply   {background-position:2px -460px!important;}
.editmode4 .acl     {background-position:2px -628px!important;}
.editmode4 .grid    {background-image:url(http://config.primosite.com/images/editicons/set3/table.png)}
.editmode4 .graph   {background-image:url(http://config.primosite.com/images/editicons/set3/poll.png)}

/* =forms-------------------------------------------------*/
#form .formlinks {display:block;margin-bottom:10px;}
#iframe {border:0;width:23em;border-bottom:1px solid #d8d8d8;}
#definition ul {margin-left:2em;}
#definition a {color:black;text-decoration:none;border-bottom:1px solid #A0CD7C;}
#definition a:hover {border-bottom:1px solid #202020;}
.lc-form {border-bottom:1px solid #d8d8d8;padding-bottom:5px;margin-bottom:5px;}
.lc-form #form .formelement, .lc-form p {margin:0 5px;}
.lc-form #form .formlabel {float:none;text-align:left;width:auto;font-weight:bold;}
.lc-form #form .formfield, .lc-form #form .formfield-buttons {float:none;width:auto;}
.lc-form #form .formfield-buttons input {margin-right:5px;}