BODY {
        margin: 0px; 
        color: #2a3faa; 
        font: .875em/1.5 Calibri, Arial, Verdana, sans-serif;
        background: #ECD3B2;
}
#container{ 
        width: 992px;
        margin: 0 auto;
        overflow: hidden;
        position:relative;
        border: solid 5px #fff;
        background: #FFF0D9 url(/images/layout/filler_hoofdmenu.gif) 49px 0 repeat-y ;
}

h1, .title, #rssgroup h2 {
        COLOR: #ff6200; 
        FONT-WEIGHT: bold; 
        FONT-SIZE: 2em;
}
h2, h3, .subtitle {
        COLOR: #ff6200; 
        FONT-WEIGHT: bold; 
        FONT-SIZE: 1.2em;
        margin: 1em 0;
        clear:both;
}

a {
        color: #2a3faa; 
        border-bottom:dotted 1px; 
        text-decoration: none;
}
a:hover {
        color: #2a3faa; 
        border-bottom:solid 1px; 
}

.editmode a, a img {border: none;}

#content h1 a, 
#content h2 a, 
#content h3 a, 
#content h4 a {COLOR: #ff6200; }

table{border-collapse:collapse;}
td {vertical-align:top;padding:0;border:0;}

#container #content li {margin-left: 2em;}

/* HEADER
------------------------------------------------- */
#header {
        background: url(/images/layout/header.gif);
        width: 992px;
        height: 130px;
}

#header a, .loggedintext {color: #fff;}

.loggedintext {
        display: block;
        float:left;
        margin-left: 110px;
        padding-top: 4px;
        font-size: .8em;
}
.icons {
        display:block;
        float:right;
        padding: 4px 4px 0 0;
}
.icons a {
        border: none;
}


/* MENU
------------------------------------------------- */
#menu {
        width: 250px;
        float:left;
        padding: 0 1px 30px 49px;
        font-size: 1.1em;
}
ul.hoofdmenu {
        padding-left: 5px;
        list-style: none;
        margin-right: 1em;
        font-weight: bold;
}
ul.hoofdmenu ul {
        padding-left: 45px;
        list-style: disc;
}

ul.hoofdmenu ul ul {padding-left: 17px;}

ul.hoofdmenu li {
        margin-bottom: 5px;
        font-size: 1.1em;
}
ul.hoofdmenu li ul li {
        font-size: 0.9em;
        margin: 0;
        padding 0;
}
ul.hoofdmenu li ul li:hover {
        color: #ff6200;
}

ul.hoofdmenu a {
        padding: 0 0 5px 30px;
        display:block;
        border: 0;
}

ul.hoofdmenu ul a {
        padding: 0;
        list-style: disc;
}

#menu a:hover,
#menu .active, 
#menu .active a {
       color: #ff6200; 
       border: 0;
}
#menu .not-active,
#menu .not-active a {
        color: #2a3faa; 
}

.hoofdmenu a {
        background: url(/images/layout/button_hoofdmenu.gif) 0 0 no-repeat;
}
.hoofdmenu .active a,
.hoofdmenu a:hover {
        background: url(/images/layout/button_hoofdmenu_h.gif) 0 0 no-repeat;
}
#menu .submenu a, 
#menu .submenu a:hover {background:none;}



/* FOOTER 
------------------------------------------------- */
#footer {
        margin: 10px 0;
        width: 992px;
        clear:both;
}

ul.footermenu,.footertext {
        width: 800px;
        float:right;
        padding: 10px 0 0 50px;
        text-align: center;
        margin: 0 auto;
        color: #ff6200;
        clear: both;
}
ul.footermenu {border-top: solid 2px #FFD795;}
.footermenu li {
        display: inline;
        color: #ff6200; 
        font-weight: bold; 
        font-size: 9pt;
        padding: 0px 0px 0 0px;
        margin-right: 5px;
}

.footermenu li::before { 
        content: '\2022';
        font-size: 1.2em;
        padding-right: 5px;
 }
        
.footerlink {
        position: absolute;
        bottom: 30px;
        left: 20px;
}
.footerlink a {border:0;}


/* ALGEMEEN
------------------------------------------------- */
#content {
        padding-bottom: 2em;
        width:650px;
        padding-right: 20px;
        float:right;
}

.leesverder {text-align:right;}
.leesverder a {color: #FF6200;}

.loggedintext a img {border: 0;}

.formlabel { 
        float: left; 
        text-align: right; 
        width: 25%; 
}
.formfield { 
        float: right; 
        width: 74%; 
        font-size: 10pt; 
}
.formfield table { width: 300px; }
.formelement { 
        clear: both; 
        width: 100%; 
        padding: 5px 0 0; 
        font-size: 10pt;
}



/* AGENDA
------------------------------------------------- */
.day, .date, .month {padding-right: 5px;}
.selectedagendaitem {
        background: #FFE4B9;
        padding: 10px;
        border: solid 4px #E5D8CF;
}

/* INFORMATION
------------------------------------------------- */
.defaultimageclass {
        float:right;
        margin: 0 0 10px 10px;
}
.information .intro {
        font-weight: bold;
        margin-bottom: 1em;
}


/* LIBRARY
------------------------------------------------- */

.picture {
        width: 120px;
        height: 275px;
        overflow: hidden;
        float:left;
        margin: 0 5px 5px 0;
        padding: 5px;
        font-size: .8em;
        background:#E5D8CF;
        text-align: center;
}
td.librarytoc {
        width: 255px;
        padding-top: 15px;
}
div.librarytoc div.librarytoc {margin-left: 50px}

div.librarytoc div.librarytoc .foldertitle {
        width: 140px;
        font-size: .8em;
}

td.folder {width:490px;}
a.librarytoc,
a.librarytocselected {
        display:block;
        border: none;
        font-weight:bold;
        padding-bottom: 2px;
}
a.librarytoc:hover,
a.librarytocselected:hover {
        padding-bottom: 0px;
        border-bottom: solid 2px;
        color: #FF6200;
}
.libfolder {margin-bottom: 5px;clear:both;}

a.librarytocselected {color: #FF6200;}

.foldertitle {
        display: block;
        width: 190px;
        float:right;
        margin-right: 10px;
}
.folderimage {float:left;padding-top: 3px}

.document {
        margin-bottom: 1em;
        background: #E5D8CF;
        padding: 10px;
}
.documenttitle, 
.documentdate, 
.filesize {margin: 0 0 0 5px;}
.documentdate {font-style: italic;font-size: .9em;}
.filesize {font-size: .8em;}
.documentimage {float:left;}

.documenttags {
        margin:  0; 
        padding: 0;
}
.documenttags li{
        display: inline;
        font-weight: bold;
        font-size: .8em;
        color: #3E7CCF;
        padding: 2px 10px 5px 20px;
        line-height: 1.7em;;
        background: url(/images/layout/tag-ltblue.gif) left no-repeat;
}


/* LINKOVERVIEW
------------------------------------------------- */
.linkoverview {
        
}
.linkoverview td {
        width: 32%;
}
.linkoverview a {
        color: #2A3FAA;
}
.linkoverview a:hover {
        color: #FF6200;
}
.sublinkoverview {
        border: solid 3px #FFD795;
        background: #E5D8CF;
        margin: 0 5px 5px;
        padding: 0 0 5px;
}
.sublinkoverview p {
        margin: 3px 5px;
}
.sublinkoverview h2 {
        background: #FFD795;
        padding: 5px;
        margin: 0 0 5px;
}

/* NEWS
------------------------------------------------- */
.newsoverview td {
        width: 50%; 
        padding-right: 1em;
}
.newsoverview h2 {
        clear: both; 
        padding-top: 5px;
}
.newstoc {
        margin-top: 2em;
        border-top: solid 2px #FFD795;
}
.newstoc ul {
        padding: 0 0 0 2em;
        font-size: .9em;
}.newstoc a.selected {
        color: #FF6200;
}
.newstoc li {
        margin-bottom: 0.5em;
}
.newsitemdate {
        font-style: italic;
        margin-bottom: .5em;
}
.newsitemintro {
        font-weight: bold;
        margin-bottom: .5em;
}

/* RSS
------------------------------------------------- */



/* SCHOOLGUIDE
------------------------------------------------- */
#schoolguide .leftimage {
        float:right;
}
#schoolguide h2 {
        clear:both;
}
#schoolguide .leesverder {
        display: none;
}

/* =SITEMENU/SITEMAP
-----------------------------------------------------------*/
#sitemenu ul {
        border: 0;list-style: none;
}
#sitemenu li {
        background: none; 
        margin: .5em 0;
}
#sitemenu .editmode {
        margin-left: 1em;
        position: relative; top: 5px;
}
#sitemenu a.menuitem:hover {
        border-bottom: solid 1px;
}
#sitemenu a.menuitem-active {
        font-size: 120%;
        font-weight: bold;
}
#sitemenu .more img{
        width: 9px;
        margin-right: 5px;
}
#sitemenu a.plus:hover{
        border: 0;
}


/* TAGS
------------------------------------------------- */
#cbozeist_tagselection {
	width: 150px;
	background: #ECD3B2;
	border: solid 2px #FFF;
	margin: 30px 0 20px 0;
        padding-bottom: 10px;
        float:right;
        position: absolute;
        top: 22px;
        right: 10px;
        font-size: .8em;
}
#cbozeist_tagselection h1 {
	color: #2A3FAA;
	text-align: center;
	font-size: 1.2em;
        font-weight: bold;
	border-color: #e177ad;
	padding: 0;
}
#cbozeist_tagselection form {margin: 0 0 1px;}

#cbozeist_tagselection a.button {
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	border: solid 1px #FFAC80; 
	color:white;
	display: block; 
	width: 88%;
	margin: 10px 5px;
	padding: 0 4px;
	background-color: #FF5900;
}
#cbozeist_tagselection select:hover,

#cbozeist_tagselection select{
	color: #2A3FAA;
        font-family: Calibri, Arial, Verdana, sans-serif;
	background-color: #fff;
	border: solid 1px #FFAC80; 
	width: 135px;
	margin: 0 0 0 5px;
}
.tagselection p {
	margin: 0 0 20px 0;
}
.tagselection{

}
.tagselection span{
	margin: 0 10px 2px 5px;
	padding: 2px 2px 2px 4px;
	display: block;
	border: solid 1px #FFAC80;
	background: #fff;
        line-height: 1.2;
}
.tagselection a:hover {
        font-weight: bold;
        color: #FF6200;
}
.tagselection img{
	padding: 0 0 2px 2px;
	float:right;
}
.tagselection a.removetag img{
	border: none;width:auto;
	background: url(/images/layout/close_s_grey.png) left top no-repeat;
}
.tagselection a.removetag:hover img{
	background: url(/images/layout/close_s_red.png) left top no-repeat;
}


/* USERGALLERY
------------------------------------------------- */
#usergallery {
        width: 100%;
        float:right;
}
#usergallery h2 {clear:none;}
#usergalleryindex {
        float:right;
        margin-right: 18px;
        width: 280px;
        background: #ECD3B2;
        padding: 10px;
        list-style: none;
        border: solid 2px #fff;
        font-weight: bold;
}
.user {
        width: 120px;
        height: 275px;
        float:left;
        padding: 10px;
        text-align: center;
        background: #E5D8CF;
        margin: 10px;
}

.user a {border:0;}

.userimg{margin: 0 0 5px 0;width:120px;}

.user h3 {font-size: .9em;margin:0;}

.user h3 a {border-bottom: dotted 1px;}

.user h3 a:hover {border-bottom: solid 1px;}

.user p {margin: 0;font-size: .9em;}

#acluser2 #text div {font-size: 1em}

#acluser2 .formlabel {
        color: #FF6200;
        width: 30%;
        margin: 0;
        font-weight: bold;
        text-align: left;
        float:left;
}

#acluser2 .formfield {
        width: 70%;
        padding: 0;
        margin:0;
        float:left;
}
#acluser2 .formelement {
        border-bottom: solid 2px #FFE4B9;
        float:left;
        width:75%;
        margin-bottom: 5px;
        padding-bottom: 5px;
}
#photo {
        position: absolute;
        top:50px;
        right: 10px;
}