/**************************************
 * THEME NAME: reframe
 *
 * Files included in this sheet:
 *
 *   reframe/styles_reframe.css
 **************************************/

/***** reframe/styles_reframe.css start *****/

body {
  background-color:#F3E9DF;
  font-family:Arial;
  color:#193660;
}


/*admin>frontpage>frontpage settings (http://localhost/moodle/admin/settings.php?section=frontpagesettings), de table 
sprong uit de page kaders. Reden: de frontpage discription toolbar in de table dwong 'm breder -- totdat ik heel specifiek
de #adminsettings fieldset op width definieerde. */
/*dit lost het probleem op van de tabel die uit de kaders treedt*/

#adminsettings fieldset {
  width: 712px;
}
#adminsettings .form-htmlarea .htmlarea {
  width:590px;
  margin-left: 5px;
  margin-right: 5px;
}
.htmlarea .toolbar table {
  width:440px;
}
#adminsettings .form-label {
  width:100px;
}
/*oplossing voor toolbar in tabel die uit kader treedt: adminsettings meer naar links verplaatsen in de table*/

#adminsettings .form-setting {
  margin-left:120px;
}
#adminsettings .form-description {
  margin-left: 120px;
}


/*grijze defaultsettings op admin>frontpage>frontpage settings (http://localhost/moodle/admin/settings.php?section=frontpagesettings)*/
#adminsettings .form-shortname {
  overflow:hidden;
  display:none;
}



#page {
  margin-left: -461px; 
  margin-top: 0px; 
  position:absolute; 
  left:50%;
  width:902px; 
  /* background-color: #FFFFFF; */
  padding: 10px;
  top:0px;
  background-image:url('pix/Page_background_923px.jpg');
	background-repeat:repeat-y;
}
/*#page {
  margin-left: -522px; 
  margin-top: 0px; 
  position:absolute; 
  left:50%;
  width:1024px; 
  background-color: #FFFFFF;
  padding: 10px;
  top:0px;
  background-image:url('pix/Page_background.jpg');
	background-repeat:repeat-y;
}*/
/* (page is de container div) */
/* -522px is gebasseerd op de helft van de width plus 10px padding*/
/*left:50% levert vervolgens een positionering in het midden op van deze div*/


/*!!! middels #content kan de gehele space tussen header ne footer in één keer bewerkt worden in breedte hoogte enz !!  pas daarna wel de header ook in breedte aan */


#left-column .sideblock .content {
  margin-right: 12px; 
  background-color:#CAB393;
  color:#193660;
  border-color:#CAB393;
}
#left-column .sideblock .header{
  margin-right: 12px;
  background-color:#CAB393;
  color:#193660;
  border-color:#CAB393;
}
#layout-table #middle-column {
padding-left:1px;
padding-right:12px;
font-family:Verdana,Arial,Helvetica,sans-serif;
}
body, table, td, th, li {
  font-family:Verdana,Arial,Helvetica,sans-serif;
}
#middle-column {
  font-family:Verdana,Arial,Helvetica,sans-serif;
}
/*om verticaal de middencolumn gelijk te laten komen met de paginaheader, als er geen left column is*/
/*left column background en border colors*/

.sideblock .content {
  background-color:#CAB393;
  border-color:#CAB393;
  color:#193660;
}
.sideblock .header, .sideblock h2.header{
  background-color:#CAB393;
  border-color:#CAB393;
  color:#193660;
  text-decoration: underline; 
}
/*right column background en border colors*/
table.minicalendar {
  border-color:#193660;
}

/*IE oplossingen --- calender---   */


/*table.minicalendar {
  width:25px;
}*/
/*
#inst4  {
  width:220px;
}
*/
/* einde IE */




/*#right-column {
 padding-top:2px;
}
#left-column {
 padding-top:2px;
}*/
/*om op gelijke hoogte te komen met de middencolumn*/



/*
#layout-table #middle-column {
  padding-left:0px;
}*/
#middle-column {
  padding-top:0px;
}

.coursebox .info {
  width:30%;
}
.coursebox .summary {
  width:65%;
}
.coursebox  {
  width:99.51%;
  border-style:dashed;
  border-width:1px;
  border-color: #0C3457;
  color: #507794;
}
/*middencolumn de cursublokken, om  op gelijke breedte te komen met de header van de middencolumn (headingblock)*/




/*header homepage*/
#header-home {
  background: transparent url(pix/Header_Reframe_versie2-1.jpg);
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  margin-left:1px; /*om in breedte gelijk te komen met de linker column eronder*/
  margin-right:1px; /*om in breedte gelijk te komen met de rechter column eronder*/
  height: 117px;
}
#header-home .headermain {
  font-size:0em;
  color:#FFFFFF;
}
/*font-size is op 0 gezet om géén titel te displayen -- de titel zit in de header image. (Moodle accepteert geen weglating van een titel via de admin homepage settings, vandaar)*/

#chooselang_jump {
  color: #00427C;
}

.logininfo { 
  color: #507794;
  display: inline;
  padding-right: 5px;
}
/* 'inline' to bring label and button on one line (O.S.) */



/*theater headers plus theater boxes*/
.headingblock {
  background-color:#3d7898;
  border-style:solid;
  border-width:1px;
  border-color: #3d7898;
  color: #FFFFFF;
  font-family: Verdana;
}
.headingblock, h2.headingblock {
  font-family: Verdana;
/*margin-right:1px; *//*om rechts gelijk te komen met de courseboxes eronder*/
}
.categoryboxcontent, .coursebox {
  /*background-color:#CAB393;*/ /*beige*/
  background-color:#FFFFFF; /*wit*/
  font-family: Verdana;
}



#footer {
  margin-top:20px;
  text-align:center;
  background-image:url('pix/Footer_background_923px_versie3.jpg');
  background-position: center bottom;
  /*background-image:url('pix/Footer_background_923px_versie2.jpg');*/
	background-repeat: no-repeat;
	width:923px;
	margin-left:-10px;
	margin-bottom:-10px;
	padding-bottom:100px;
	/* height:200px; */
	font-family: Verdana;
}
/* Added "background-position: center bottom;" to drag the picture to the bottom. Removed height property, increased padding-bottom. O.S. */ 

.sitelink {
  padding-top:4px;
}
/*combinatie padding-bottom footer enpadding-top sitelink bepalen de positie van
de site link in de footer, en de zichtbaarheid van de background image onderaan de footer*/ 



/*
#footer .sitelink {
  padding-bottom:50px;
}
*/




/*links*/
/*visited links*/

a:visited {
color:#00427C;
}

a:link {
color:#193660;
text-decoration:none;
}



/*subpages**********************************/

.navbar {
  background-color:#3d7898;
  border-color: #3d7898;
  color: #FFFFFF;
}

.navbar .breadcrumb a:link {
  color: #FFFFFF;
}
.navbar .breadcrumb a:visited {
  color: #AAAAAA;
}

.block_adminblock {
  width:100%;
}



/*kleuren theateritems subpages aanpassen*/
#adminsettings fieldset {
  background-color:#FFFFFF;
  border-style:dashed;
  border-width:1px;
  border-color: #0C3457;
  color: #507794;
}
/*#adminsettings .toolbar {
  background-color:#F0F0F0;
*/



/*headers theater subpages[alle?]*/
/*#adminsettings .main {
  color:#FFFFFF;
  background-color:#3d7898;
}*/


/*login page*/
.loginbox {
  border:1px dashed;
  border-color: #0C3457;
  color: #507794;
}
.generalbox {
  border:1px dashed;
  border-color: #0C3457;
  color: #507794;
}
/*
form {
  border:1px dashed;
  border-color: #0C3457;
  color: #507794;
}*/


/*melding fout login*/
.mform fieldset {
  border:1px dashed;
  border-color: #0C3457;
  color: #507794;
}

#overDiv {
position: absolute;
visibility: hidden;
z-index: 1000;
background-image: none;
left: -10000px;
top: -10000px;
}


/*-------------calender---------*/
/*de table op de maandspecifieke calendar page werd buiten de kaders gedwongen door de breedte van
de maincalendar, die op haar beurt weer bepaald werd door de breedte van de weekdays regel, die op
haar beurt weer bepaald werd door de breedte van de text in de weekdays regelcells -- door de font
-size dus*/ 
#calendar .maincalendar .heightcontainer {
  width:100%;
}
tr.weekdays {
  font-size: 95%;
}
/*http://localhost/moodle/calendar/event.php table wordt buiten kaders gedwongen door text editor */
/*font-size table text verkleinen is de oplossing*/
body, table, td, th, li {
  font-size:95%;
}
/*ANDERE mogelijke oplossing: enkele opties in de editor uitschakelen, zodat de toolbaar minder breedt wordt, hier:
admin>appearances>HTML editor  (http://localhost/moodle/admin/settings.php?section=htmleditor)*/
/*.htmlarea {
  width:90%;
}*//*is geen oplossing voor IE*/
#calendar .maincalendar, #calendar .sidecalendar {
  font-size:90%;
}
/*dit is wel een oplossing voor IE, een specifiekere definierring*/



/*http://localhost/moodle/user/editadvanced.php?id=-1 'general' was niet breedt genoeg*/
form#mform1.mform {
  width: 100%;
}

/*http://localhost/moodle/admin/roles/allowassign.php 'allow role assignment' buiten kaders*/
.box  {
  font-size:95%;
}
table.generaltable th.header{
  font-size:80%;
}

/*save changes buttons*/
.form-buttons {
  text-align: center;
  margin:10px 0 0 0em;
 /* margin:10px 0 0 17.5em;*/
}
/*text-align: center;margin:10px 0 0 0em; --->de 'save changes' knop zitten nu gecentreerd tov de velden waar de veranderingen worden ingevuld*/


/*admin>server>PHP info table trad buiten kaders (http://localhost/moodle/admin/phpinfo.php)
door te lange textstrings, font-size verlagen lost dit op*/
.phpinfo .e, .v, .h {
  font-size:0.65em;
}



/*---------FORUM-----------*/
/*general forums (http://localhost/moodle/mod/forum/index.php?id=5)*/
th.header, td.header, div.header {
border-color:#CAB393;
background-color:#CAB393;
}
/*forum (ttp://localhost/moodle/mod/forum/view.php?id=4) */
.forumheaderlist .discussion .starter {
  background:#CAB393 none repeat scroll 0;
  text-align: center;
}
.forumpost .left {
  background:#CAB393 none repeat scroll 0;
}
.forumpost .topic .subject {
  background-color:#CAB393
}
.forumpost .topic .author {
  background-color:#CAB393
}
.forumpost .starter {
background:#CAB393 none repeat scroll 0;
}
.forumpost .topic {
  background-color:#CAB393
}
.forumpost .topic {
  border:no-border;
}
/*.forumheaderlist, .forumpost {
border-color:#0C3457;
border-style:dashed;
border-width:1px;
}*/
/*dashed lines van het reframe design werden te veel crawling ants, niet prettig leesbaar*/


/*forum forms, when reply etc*/
.mform div.felement, .mform fieldset.felement {
display:block;
float:left;
margin:0;
margin-left:0%;
/*padding-left:5%;*/
text-align:left;
/*width:90%;*/
clear:both;
}
.mform fieldset .advancedbutton input{
margin-right:3%;
}

/*div.felement input, div.felement select, div.felement fcheckbox input {
padding-left:5%;
}*/

.mform fieldset {
margin:0.7em 0;
padding:10px 0;
width:90%;
padding-left: 5%;
}



.mform .fitemtitle {
display:block;
float:left;
/*margin-left:5%;*/
padding:0;
text-align:left;
width:90%;
margin-left:0px;
}
.mform .fdescription.required {
text-align:left;
/*margin-left:5%;*/
width:90%;
}

div.felement input#id_newpassword, div.felement input#id_userfile, div.felement input#id_userpicturesfile,
div.felement input#id_gradeletter1, div.felement input#id_gradeletter2, div.felement input#id_gradeletter3,
div.felement input#id_gradeletter4, div.felement input#id_gradeletter5, div.felement input#id_gradeletter6,
div.felement input#id_gradeletter7, div.felement input#id_gradeletter8, div.felement input#id_gradeletter9,
div.felement input#id_gradeletter10, div.felement input#id_gradeletter11, div.felement input#id_gradeletter12, 
div.felement input#id_gradeletter13, div.felement input#id_gradeletter14 {
  margin-left: 0%;
}
.mform input#id_courserole {
  margin-left: 0%;
}
div.felement input {
margin-left: 0%;
}
/*http://localhost/moodle/user/editadvanced.php?id=-1  new password input field
en http://localhost/moodle/admin/user/user_bulk.php course role kregen een
margin-left mee ergens, kennelijk.*/


/*.mform div.felement input, .mform div.felement select {
text-align:left;
}*/


.mform fieldset legend {
background-color: #FFFFFF;
}
/*'admin>users>account>browse list of users' (http://localhost/moodle/admin/user.php),
'new filter, full name' form toonde overlap van invulvlak over options vlak in IE,
waardoor het options uitklapmenu pijltje niet meer zichtbaar was. Een herdefiniering
van de marginleft van het invul vlak lost dit op*/
.mform #id_realname, #id_lastname, #id_firstname,#id_email, #id_city, #id_username{
  margin-left:0px;
}










/*------------EINDOPMERKINGEN----------------*/
/*Global Search (http://localhost/moodle/admin/block.php?block=24) 'save changes' knop zit rechts uitgelijnd, moodle
heeft geen element-specifieke id/class ingebouwd om 'm gecentreerd te definieeren */ 




/***** reframe/styles_reframe.css end *****/