/**************************************
 * THEME NAME: UKON
 *
 * Files included in this sheet:
 *
 *   UKON/styles_UKON.css
 **************************************/

/***** UKON/styles_UKON.css start *****/

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


/*----### HEADER IMAGES WORDEN IN HEADER.HTML IN DE THEME FOLDER GEDEFINIEERD !!!  ###----*/


/*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*/



/*------------------admin subpages, om te voorkomen dat de middelcolumn buiten de kaders treedt--------*/
#adminsettings fieldset {
 /* width: 712px;*//*geschikt voor engels, neit voor nederlands*/
 width: 680px;

}
#adminsettings .form-setting {
width:70%;
margin-left:25%;
/*margin-left:15%;*/
}
#adminsettings .form-description {
width:70%;
margin-left:25%;
/*margin-left:15%;*/
}
#adminsettings .form-label {
font-size:90%;
}
/*------END---------admin subpages, om te voorkomen dat de middelcolumn buiten de kaders treedt--------*/



#adminsettings .form-htmlarea .htmlarea {
  /*width:590px;*/
  width:500px;
  margin-left: 5px;
  margin-right: 5px;
}
.htmlarea .toolbar table {
  /*width:440px;*/
  width:380px;
  border-collapse: collapse;
  font-size:80%;
}
#adminsettings .form-label {
  width:100px;
}
/*oplossing voor toolbar in tabel die uit kader treedt: adminsettings meer naar links verplaatsen in de table*/

/*#adminsettings div.form-item {
  background-color: #D9E2F9;
 }*/

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


#adminsettings .form{
padding-top: 0px;
margin-top: 0px;
vertical-align: top;
}
/*grijze defaultsettings op admin>frontpage>frontpage settings (http://localhost/moodle/admin/settings.php?section=frontpagesettings)*/
#adminsettings .form-shortname {
  overflow:hidden;
  display:none;
}
.admin .generalbox  {
  border:1px dashed;
  border-color: #0C3457;
  color: #507794;
  /*background-color: #EBF1FD;*/
   background-color: #fffefc; /*UKON*/
}
#admin-lang .generalbox {
  border:1px dashed;
  border-color: #0C3457;
  color: #507794;
  /*background-color: #EBF1FD;*/
  background-color: #fffefc;/*UKON*/
}
ul.tabrow1 li a, ul.tabrow1 li a:link, ul.tabrow1 li a:visited {
color:#669ACC;
}
#admin-langimport .generalbox {
border:1px dashed;
  border-color: #0C3457;
  color: #507794;
  /*background-color: #EBF1FD;*/
    background-color: #fffefc;/*UKON*/
}
.block_admin_tree.sideblock .link.current {
/*background-color:#EEEEEE;*/
background-color: transparent;
}

#page {
  margin-left: -461px; 
  margin-top: 0px; 
  position:absolute; 
  left:50%;
  width:902px; 
  /* background-color: #FFFFFF; */
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-top: 5px; 
  /*padding: 10px;*/
  top:0px;
  background-image:url('pix/Page_background_923px_UKON.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 */

/*language selection pull down menu op breedte definieren, met een overflow:hidden,
om buiten het kader van het design treding te voorkomen wanneer extra language
opties toegevoegd worden die lange omschrijvingen hebben*/
/*#chooselang_jump form.popupform, #chooselang_jump form.popupform div {
overflow:hidden;
width:250px;
width:115px;
}*/
/*.headermenu #chooselang form.popupform, .headermenu #chooselang form.popupform div{
overflow:hidden;
width:115px;
}*/


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


#left-column .sideblock .content {
  margin-right: 12px; 
  /*background-color:#CAB393;*/
  /*color:#193660;*/
  /*border-color:#CAB393;*/
  color: #999999;
}

/*UKON*/
/*
#layout-table #left-column .block_course_summary .content {
  border-top: 0px;
  border-right: 0px;
  border-left: 1px;
  border-bottom: 1px;
  border-color: #80ae32;
  border-style:solid;
  background-image:url('pix/Background_Welcome.jpg');
	background-repeat:no-repeat;
  background-position: top right;
  background-attachment:fixed;
  background-position: 150px 101px;
  padding-right: 30px;
}
*/
/*UKON*/
#layout-table #left-column .block_course_summary .content {
  border-top: 0px;
  border-right: 0px;
  border-left: 1px;
  border-bottom: 1px;
  border-color: #80ae32;
  border-style:solid;
  background-image: url('pix/Background_Welcome_limitedshadow.jpg');
  /*width: 395px;
  height: 794px;*/
	background-repeat:no-repeat;
  background-position: top right;
  /*background-attachment:fixed;
 background-position: 150px 101px;*/
  padding-right: 30px;
}
#layout-table #left-column .block_course_summary .content {
font-size: 90%;
}
#inst4, #inst25, #inst26  {
  border-bottom: 1px;
  border-color: #80ae32;
  border-style:solid;
   border-top: 0px;
  border-right: 0px;
  border-left: 0px;
}
/*#inst25 {
  border-bottom: 1px;
  border-color: #80ae32;
  border-style:solid;
   border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  }*/




#layout-table #left-column a:link {
color: #999999;
text-decoration:none;
}

#left-column .sideblock .header{
  padding-top: 2px;
  margin-right: 12px;
  color: #999999;
  /*background-color:#CAB393;
  color:#193660;
  border-color:#CAB393;*/
  background-image:url('pix/Adminheader_background.jpg');
	background-repeat:repeat-x;
	/*background-attachment: fixed;*/
  background-position: bottom;

}


#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:#cc6600;*/
 border: 0px;
}

/*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;
}


/*---#########################probleem?#####################---*/
.skip-block-to, #maincontent {
display:block;
height:1px;
}

/*---#########################probleem?#####################---*/



.coursebox .info {
 /*width:40%;*/
   width: 80%;
}
.coursebox .summary {
  /*width:65%;*/
  /*width: 55%;*/
  width:90%;
  height:100%;
  float:left;
  clear:both;

}

.coursebox .teachers {
padding-left: 0px;
padding-top:2px;
}

/*layout test*/
/*.coursebox .name {
width: 400px;
}
.coursebox .summary {
padding-top: 22px;
vertical-align: middle;
}*/


/*UKON*/
.coursebox  {
  width:99.51%;
  background-color:#ffffff;
  border-style:solid;
  border-width:1px;
  border-color: #84b819;
  color: #666666;
  
  background-image: url('pix/Background_Coursebox.jpg');
  background-repeat:no-repeat;
  background-position: top right;
  
 /* min-width: 450px;*/
  
}
/*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: transparent url(pix/Header_KleurRijker.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: 120px;
}
#header-home .headermain {
  font-size:0em;
  color:#FFFFFF;
  
 /* margin-top:-20px; *//*om titel(text) in het witte gedeelte te krijgen, wit gekleurd om onzichtbaar te zijn op witte ondergrond,
  en met fontsize 0em om niet zichtbaar te zijn--alleen IE toont toch nog wat bij 0em, vandaar de dubbele precaution van witte text,
  buiten beeld geplaatst */
}
/*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;
}
/*UKON*/
.logininfo { 
  color:#3a5610;
  display: inline;
  padding-right: 5px;
}

/* 'inline' to bring label and button on one line (O.S.) */


/*UKON*/
.headermenu {
 /* padding-top: 94px;*/
margin-top: -31px;
 padding-right: 47px;
 /* width:97.5%;*/

}
/*brengt geheel inlog + taalkeus naar beneden*/



/*----SUBPAGES INTERLUDE------*/
#header.clearfix {
/*background: transparent url(http://localhost/moodle/theme/KleurRijker/pix/help.gif);*/
 /* background: transparent url(pix/Header_kleurrijker.jpg);
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  height: 115px;
 margin-left: 1px;*/
 /* width: 100%;*/
  /*padding-bottom: 10px;*/
  margin-left: 1px;
}/*header subpages*/
#header h1.headermain {
  font-size:0em;
  color:#FFFFFF;
  padding-left: 3px;
  margin-top:-20px;
}

#user-profile-index #middle-column .clearfix{
padding-left:12px;
}/*UKON*/

 /* background: transparent url(pix/Header_kleurrijker.jpg);
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  height: 115px;
 width: 100%;*/
}
/*titel/naam/textheader subpages. Zijn op 0em gezet qua fontgrootte, zodat ze
niet interfereren met het design (verschijnen dus niet, waarbij IE natuurlijk weer een één of andere
uitzondering maakt, en wèl heel klein de textheader toont. Oplossing: text kleur op white zetten, 
en de header zover uit beeld plaatsen dat ie niet wit uitsteekt op een header background image).
Aangaande het ontbreken van een extra subpage headertext: Breadcrumps lijken me voldoende*/

/*HEADER SUBPAGES------Header Subpages verscheen niet via de server (verwarrend genoeg wel via de loaclhost server).
Uiteindelijk is het probleem opgelost door in de header.html file de volgende vernadering aan te brengen:
'<h1 class="headermain">' werd vervangen door '<div class="headermain"><img src="http://www.ukonkennisplein.nl/theme/UKON/pix/Header_KleurRijker.jpg" width="900" 
        height="114" alt="KLeurRijker" title="KLeurRijker" id="logo" /></div>'. Het probleem was dat de image niet op
  de juiste plek gezocht werd; programering maakte dat de imagesearch terug gestuurd werd naar de Standard theme, ipv
  de gekozen theme. Deze dude zorgde voor de oplossing: http://docs.moodle.org/en/Header_logo   -----------------*/  



/*----END INTERLUDE----*/



#layout-table {
border-collapse: collapse;
}
/*UKON*/
#layout-table {
/*margin-top: -19px;*/
margin-top: 0px;
}
#site-index #layout-table {
margin-top: -19px; 
}

/*UKON*/
/*theater headers plus theater boxes*/
.headingblock {
  background-color:#ffffff;
  border-style:solid;
  border-width:1px;
  border-color: #84b819;
  color: #6ca113;
  font-family: Verdana;
}

/*UKON*/
.headingblock, h2.headingblock {
  font-family: Verdana;
  border-width:1px;
  border-color: #84b819;
  /*background-image:url('pix/Headingblock_background.jpg');
	background-repeat:repeat-x;
	background-position: center;*/

/*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;
  /*width:99.51%;*/
}


/*UKON*/
.coursebox .summary {
/*background-color: #ffffff;*/
}
.coursebox .info {
/*height: 100px;*/
background-color: #ffffff;
}
.coursebox .info a:link {
color: #70a041;
text-decoration:none; 
}
/*UKON*/
.coursebox .info a:visited {
color:#aec57d;
/*color: #99cc00;*/
text-decoration:none; 
} 




.coursebox .info span {
color: #84b819;
}


.sideblock .content .list, .unlist, .inline-list {
width:100.1%;
/*verbreeding van de theater courseboxes, om te compenseren voor de breder geworden 'categoryboxcontent' headers (de blauw-blauwe),
dat laatste vanwege de nieuwe 3px solid border die daaromheen gezet is. PAS OP, check of dit niet eleders voor problemen zorgt! (op subpages)*/
}

/*UKON*/
#layout-table #right-column .sideblock .content {
  background-color:#ffffff;
  border-color: #80ae32;
  border-width:1px; 
  border-top:0px;
  border-bottom:1px;
}
/*UKON*/
.sideblock{
border-color: #80ae32;
  border-width:1px; 
}


/*UKON*/
#layout-table #right-column .sideblock .header {
  background-color:#ffffff;
  border-color: #80ae32;
 border-width:1px;
  border-bottom:1px;
  font: verdana;
  font-size: 1em;
  padding:5px;
  padding-left: 12px;
  
  color:#4d9022;
  /*border-bottom: 3px;*/
  /*background-image:url('pix/Calendarheader_background.jpg');
	background-repeat:repeat-x;
  background-position: center;*/ /*om de background image in het verticale midden te plaatsen zodat IE, die de border meetelt,
  de oranje scheidingniet te ver naar boven zet*/
}
/*UKON*/
#layout-table #right-column .sideblock {
  border-color: #80ae32;
  border-bottom:1px solid;
}
#layout-table #right-column .sideblock {
  border-color: #80ae32;
}
/*UKON*/
body#site-index .headingblock {
  background-image: url('pix/Header_Available_Courses.jpg');
  background-repeat:no-repeat;
  background-position: top right;
}
.coursebox .summary  {
 /* background-image: url('pix/Background_Coursebox.jpg');
  background-repeat:no-repeat;
  background-position: top right;*/
}



/*UKON*/
.calendar-controls .current  {
border-top:0px;
color: #666666;
}
/*UKON*/
.calendar-controls a:hover {
border-top:0px;
color: #cccccc;
}
/*UKON*/
.calendar-controls a:link {
color: #666666;
}
/*UKON*/
.calendar-controls a:visited {
color: #999999;
}
/*UKON*/
#layout-table #right-column .sideblock .calendar-controls {
padding-left:17px;
padding-right:18px;
}

/*UKON CALENDAR PAGE*/
 .sideblock .header/*,  .sideblock h2 */{
font-size:1em;
font-weight:bold;
color: #4D9022;
}
.calendar-controls .current {
color:#4D9022;
}
#calendar .maincalendar .eventlist .event .topic,
#calendar .maincalendar .eventlist .event .picture,
#calendar .maincalendar .eventlist .event .side {
/*background-color:#EEEEEE;*/
background-color:#FFFEFC;/*UKON*/
}
#calendar .maincalendar .eventlist .topic {
/*border-bottom:1px solid #EEEEEE;*/
border-bottom:1px solid #FFFEFC;/*UKON*/
border-style:solid;
border-width:0 0 1px;
padding:5px;
}
/*event color*/
#calendar .event_global, .minicalendar .event_global, .block_calendar_month .event_global {
/*background-color:#D6F8CD;
border-color:#D6F8CD !important;*/
background-color:#d0eb97;
border-color:#d0eb97 !important;
}


/*#layout-table #right-column form {
text-align:right;
}*/   /*zorgt ervoor dat de 'editing' knop in de rechterkolom op de homepage naar rechts verplaatst -- eventuele gevolgen voor
      elementen op subpages zijn nog niet gecontrolleerd*/  /*wijziging weer uitgeschakeld, omdat centered knop toch mooier is*/ 
#layout-table #right-column form {
  margin-top: 2px;
}
/*UKON*/
#layout-table #right-column form {
  margin-top: 2px;
  margin-bottom:-4px;
}/*om calendar box op gelijke hoogte te krijgen met het eerste thater item links ervan*/

.calendar-controls a:hover{
border-top: 0px;
}
.calendar-controls a:select{
border-top: 0px;  /*om top border kwijt te raken bij de hover*/
}

/*#right-column {
padding-top:3px;
} */ /*om de right-column op gelijke hoogte te krigjen met het theater en de rest*//*<--!!!fucks up in IE,
mogelijke ander oplossing is via de editing knop de rest van de rechterkolom op goede hoogte te brengen, zie hierboven*/


#right-column .sideblock h2 {
  padding-top: 2px;
}
#right-column .block_course_summary .content{
  color: #ffffff;
}





#footer {
  margin-top:20px;
  text-align:center;
  background-image:url('pix/Footer_background_923px_UKON.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**********************************/
/*breadcrumps----------------------------*/

.navbar {
  /*background-color:#3d7898;*/
  background-color:#FFFFFF;
  border-color: #FFFFFF;
  /*color: #669ACC;*/
  color: #4d9022;
  padding-left: 0px;
  padding-right: 1px;
}
/*UKON*/
.navbar .breadcrumb a:link {
  /*color: #669ACC;*/
  color: #4d9022;
}
.navbar .breadcrumb a:visited {
  /*color: #336799;*/
  color: #bcc594;
}
.breadcrumb .sep, #admin-report-unittest-index .sep {
/*color:#336799;*/
color:#bcc594;
}
.block_adminblock {
  width:100%;
}
/*UKON*/
.block_adminblock {
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-bottom: 1px;
  border-color: #80ae32;
  border-style:solid;
}


/*kleuren theateritems subpages aanpassen*/
#adminsettings fieldset {
  background-color:#EBF1FD;
  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;
  /*background-color: #EBF1FD;*/
  /*background-color: #fafcf5;*/
  /*background-color: #fefcf7;*/
  background-color: #fffefc;
}

.loginbox .guestsub, .loginbox .forgotsub {
  border-top:1px solid;
  border-color: #507794;
}
.generalbox {
  border:1px dashed;
  border-color: #0C3457;
  color: #507794;
  /*background-color: #EBF1FD;*/
   background-color: #fffefc; /*UKON*/
}
/*
form {
  border:1px dashed;
  border-color: #0C3457;
  color: #507794;
}*/


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


#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-----------*/

/*UKON*/
#mod-forum-index .headermenu,
#mod-forum-view .headermenu,
#mod-forum-discuss .headermenu,
#mod-forum-post .headermenu,
#mod-forum-search .headermenu,
#user-view .headermenu,
#admin-roles-assign .headermenu,
#admin-roles-override .headermenu,
#grade-report-grader-preferences .headermenu,
#grade-report-grader-index .headermenu,
#grade-report-overview-index .headermenu,
#grade-report-user-index .headermenu,
#grade-edit-tree-index .headermenu,
#grade-edit-scale-index .headermenu,
#grade-edit-letter-index .headermenu,
#grade-edit-settings-index  .headermenu,
#mod-quiz-view .headermenu,
#mod-quiz-report .headermenu{
margin-top:-38px;
padding-right:47px;
}




/*general forums (http://localhost/moodle/mod/forum/index.php?id=5)*/
th.header, td.header, div.header {
/*color: #cccccc;*/

/*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%;*//*UKON*/
padding-left: 5%;
}
/***!***###***!***### UKON FORMFIELD TEST ###***!***###***!***###*/
.mform fieldset {
width:94.8%;
}
/***!***###***!***### UKON FORMFIELD TEST ###***!***###***!***###*/




.forumheaderlist .discussion .lastpost {
padding-right: 5px;
}
.forumheaderlist .discussion .author {
padding-left: 5px;
}
.forumheaderlist .lastpost {
padding-right: 5px;
}

.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;
}




/*-- admin subpage correcties--volgende op de IE7 correcties----------*/
#course-editcategory form#mform1.mform {
border:1px dashed #0C3457;
background-color:#EBF1FD;
}
/*#course-category #middle-column {
border:1px dashed #0C3457;
background-color:#EBF1FD;
}*/
/*#course-index #content {
border:1px dashed #0C3457;
background-color:#EBF1FD;
}*/
fieldset.hidden{
background: transparent;
}
fieldset.felement {
background: transparent;
}
/*(zie bijv http://localhost/moodle/course/edit.php?category=1 -- save changes einde van de pagina no background meer)*/


.informationbox {
border-color:#507794;
}


/*test, midden koloms zitten te laag in admin subpages*/
.mform fieldset {
margin:0em 0;
padding:0px 0 10px 5%;
}
form#mform4.mform fieldset {
background-color:#EBF1FD;
width: 100%;
padding-left:-30px;
}
form#mform4.mform {
margin-left:0px;
}

#user-profile-index #middle-column {
border:1px dashed #0C3457;
background-color:#EBF1FD;
/*padding-left:12px;*/
}

/*X admin>cijfers>competenties>dashed 1px border middle-column ontbreekt.*/
#grade-edit-outcome-index form#mform1.mform {
border:1px dashed #0C3457;
background-color:#EBF1FD;
}

/*X admin>plaats>locatie-instellingen>item GeoIP buiten kader + item beveiligingswaarschuwing buiten kader + info eronder uitgerekt.*/
#admin-settings #admin-googlemapkey .form-label {
width: 450px;
text-align: left;
margin-left: 25%;
}

/*X admin>taal>bewerken>controleer op ontbrekende woorden of zinnen	(te breed middle-column)*/
#admin-lang #middle-column {
font-size: 80%;
}
#admin-lang #middle-column a:link {
font-size: 120%;
}
#admin-lang #middle-column a:visited{
font-size: 120%;
}
#admin-lang #middle-column .tabtree {
font-size: 125%;
}

/*http://www.dopperdude.com/kleurrijker/admin/block.php?block=24 no background, no dashed line*/
#admin-block #middle-column {
padding-left: 12px;
border:1px dashed #0C3457;
background-color:#EBF1FD;
}


/*X admin>veiligheid>site reglement>item 'zichtbaarheid blogs'	(formfield buiten kader)*/
div#admin-bloglevel .form-setting  {
overflow: hidden;
}

/*
#theme-index #middle-column {
padding-left: 12px;
border:1px dashed #0C3457;
background-color:#EBF1FD;
}*/


/*http://www.WEBADRES.com/MOODLE/admin/mnet/trustedhosts.php, no background color*/
#trustedhosts .generaltable .cell {
background-color:#EBF1FD;
/*background-color:#FFFFFF;*/
/*border-color:#EEEEEE;*/
border:1px dashed #0C3457;
}

/*----END admin subpages anomaliën-------------------------------------*/


/*----Quiz  -----*/


#mod-quiz-view #content {
/*width: 50%;*/
margin-left: 100px;
margin-right: 100px;
margin-top: 25px;
margin-bottom: 25px;
}
#mod-quiz-view #middle-column {
border:10px solid;
background-color: #ffffff;
background-image:url('pix/Background_Maincalendar.jpg');
background-position: top right;
background-repeat: no-repeat;
padding-bottom: 20px;
padding-left: 13px;
}/*voor UKON aangepast*/
#mod-quiz-view #middle-column {
border-color:#84b818;
}/*voor UKON aangepast*/
#mod-quiz-view .generaltable {
border-style:solid;
border-width:1px;
}
#mod-quiz-view th.header/*, td.header, div.header */{
background-color:#FFFEFC;
border: 1px;
}/*voor UKON aangepast*/
#mod-quiz-view .generaltable {
border-color:#80AE32;
}/*voor UKON aangepast*/
#mod-quiz-view .generaltable .cell {
background-color:#FFFFFF;
border-color:#80AE32;
}/*voor UKON aangepast*/

.que {
border:10px solid;
background-color: #ffffff;
background-image:url('pix/Background_Maincalendar.jpg');
background-position: top right;
background-repeat: no-repeat;
margin-left: 100px;
margin-right: 100px;
}/*voor UKON aangepast*/
.que {
/*border-color:#80AE32;*/ 
border-color:#84b818;
font-size: 70%;
}
.que .qtext {
margin-top:1.7em;
}

.que em {
font-size: 130%;
}
.que .info {
float:left;
margin:0.5em 1.5em 0.5em 0.5em;
padding-left: 6px;
padding-bottom: 4px;
width:9%;
background-color:#FFFEFC;
font-size: 130%;
}/*voor UKON aangepast*/
.que .info {
border-width:1px;
border-style: solid;
border-color:#84b818;
}/*UKON*/
.que .info {
border-color:#84b818;
}/*UKON*/
.que .no {
/*padding-left: 22px;*/
margin-left:0em;
}
.que .grade {
margin-top:0em;
}
.que .content {
width:80%;
}
.que .ablock {
margin:0em 0 0.3em;
}
.que .answer {
border-color:#80AE32;
border:2px solid;
}/*voor UKON aangepast*/
.que .answer {
border-color:#80AE32;
}/*voor UKON aangepast*/


.truefalse .answer span {
width:98.7%;
}/*UKON - background true/false balken in feedback to response steekt buiten de kaders*/


/*----END Quiz -----*/


/*http://pilot.solin.nl/course/view.php?id=3*/
#course-view .section .spacer {
  background-color: #FFFFFF;
  border-style:dashed;
  border-color: #0C3457;
  border-top: 1px;
  border-bottom: 1px;
  border-left: 0px;
  border-right: 0px;
}

#course-view .section td.content {
border-left:0 none;
border-right:0 none;
border-style:solid none;
border-width:1px 0;
padding:5px;
}
#course-view .weekscss .section, #course-view .section td {
  /*border-color: #0C3457*/
   border-color: #80ae32;/*UKON*/
}
#course-view .section td.side{
   border-color: #80ae32;/*UKON*/
}

#course-view .section td.side {
border-style:solid;
border-width:1px;
padding:5px;
}

 body#course-view .headingblock {
margin-left:-1px;
}


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

/*#course-view .topics*/
#course-view .section  {
  /*border-style:dashed;
  border-width:1px;
  border-color: #0C3457;
  color: #507794;*/
  /*background-color: #d9e2f9;*/
  background-color: #fffefc; /*UKON*/
}

/*http://pilot.solin.nl/mod/quiz/view.php?id=7*/
#mod-quiz-view #feedback.generalbox {
margin-top:15px;
padding-bottom:15px;
width:76.8%;
}


/*############ #mod-quiz-index ############################*/

/* (http://pilot.solin.nl/mod/quiz/index.php?id=2) */
#mod-quiz-index .generaltable {
border:3px solid;
  border-color: #fcac1c;
background-color: #fcbf54;
}
#mod-quiz-index .generaltable {
  border-color: #fcac1c;
}
#mod-quiz-index .generaltable .cell {
background-color:#ffeed0;
}
#mod-quiz-index .generaltable .cell {
border-color: #fcac1c;
}

#mod-quiz-index table.generaltable th.header {
border-color:#fcac1c;
border-style:solid;
border-width:1px;
}


#mod-resource-index .generaltable {
border:3px solid;
  border-color: #fcac1c;
background-color: #fcbf54;
}
#mod-resource-index .generaltable {
  border-color: #fcac1c;
}
#mod-resource-index .generaltable .cell {
background-color:#ffeed0;
}
#mod-resource-index .generaltable .cell {
border-color: #fcac1c;
}

#mod-resource-index table.generaltable th.header {
border-color:#fcac1c;
border-style:solid;
border-width:1px;
}



/*--- homepage ---*/
#site-index .coursebox {
width:99.55%;
}


#site-index .generalbox {
  /*background-color:#FFFEFC;
  border:1px dashed #0C3457;*/
  color:#507794;
  
  background-color:#ffffff;
  border-style:solid;
  border-width:1px;
  border-color: #84b819;
  /*color: #666666;*/
  
  background-image: url('pix/Background_Coursebox.jpg');
  background-repeat:no-repeat;
  background-position: top right;
  
  
  
}


/*---quiz resultaten subpage---*/

/*#mod-quiz-report table#attempts,
#mod-quiz-report table#commands,
#mod-quiz-report table#itemanalysis {
margin: 10px auto 0px auto;
width:100%;
}*/
#mod-quiz-report table#attempts {
margin: 10px auto 0px auto;
width:100%;
}
#mod-quiz-report table#commands {
margin: 10px auto 0px auto;
width:100%;
}
#mod-quiz-report table#itemanalysis {
margin: 10px auto 0px auto;
width:80%;
}


#mod-quiz-report table#commands {
text-align: centre;
}
#mod-quiz-report td.cell {
font-size: 80%;
}
#mod-quiz-report th.header {
font-size: 65%;
}
/*#mod-quiz-report td.cell c6 bold{
width:150px;
}*/

/*#mod-quiz-report table#attempts .r0 {
   border-left: 1px;
   border-right: 1px;
   border-style:dashed;
  border-color: #0C3457;
  }*/

/*table.flexible tr.r0 td.cell c0{
border-left-width: 1px;
   border-right: 1px;
   border-left-style:dashed;
  border-color: #0C3457;
}
table.flexible tr.r0 td.cell c0{
  border-color: #0C3457;
}*/


#mod-quiz-report table#attempts .header,
#mod-quiz-report table#attempts .cell {
padding:4px;
}


#mod-quiz-report table#attempts {
border:3px solid;
  border-color: #fcac1c;
  color: #507794;
background-color: #fcbf54;
}
#mod-quiz-report .tabledivider {
border-color:#fcac1c;
}
#mod-quiz-report table.flexible .r0 {
background-color:#fcbf54;
}
/*#mod-quiz-report table#attempts .cell {
background-color:#fad28b;
}*/
#mod-quiz-report .generaltable .cell {
background-color:#ffeed0;
border-color:#FCAC1C
}



#mod-quiz-report table#itemanalysis {
border:3px solid;
  border-color: #fcac1c;
}
/*moodledata\lang\nl_utf8\quiz_analysis.php aangepast (een te lange term - 'moeilijkheidsgraad' rekte een van de cellen te veel op) */)

/* de vraag analyse tabel
(http://pilot.solin.nl/mod/quiz/report.php?q=4&mode=analysis&tshow=qname)
is veel te breed voor het design, maar kan alleen in breedte aangepast worden als de foto's kleiner zouden zijn, minimaal met de helft.
Vandaar:...*/
#mod-quiz-report img.quiz-image {
height: 50%;
width: 50%;
}
#mod-quiz-report table#itemanalysis td img.quiz-image {
height: 50%;
width: 50%;
}




/*quiz subpage 'resultaten>beoordeel opnieuw' (http://pilot.solin.nl/mod/quiz/report.php?q=4&mode=regrade)
kan niet in font-size aangepast worden zonder grotere ongewenste invloed te hebben op andere pagina's*/

#mod-quiz-report table#itemanalysis .header {
background-color:#fcbf54;
}


#mod-quiz-report .mform fieldset {
margin:20px 0;
padding:0 0 10px 5%;
}

#mod-quiz-report .mform div.felement/*, .mform fieldset.felement*/ {
width:100%;
}







/* ------------------- CALENDAR ---------------------- */

#calendar .maincalendar .filters {
padding:0 6px;
}
#calendar .maincalendar .filters table/*,
#calendar .sidecalendar .filters table,
.block_calendar_month .filters table*/ {
background-color:#f2f1f1;
}
/*UKON*/
#calendar .maincalendar{
background-color:#ffffff;
background-image:url('pix/Background_Maincalendar.jpg');
background-position: top right;
background-repeat: no-repeat;
}
#calendar .maincalendar table.calendarmonth td {
background-color:#ffffff;
border-color: #0C3457;
border-style:solid;
border-width:1px;
}

/*UKON*/
#calendar .maincalendar{
border:1px solid;
}
#calendar .maincalendar{
border-color:#80ae32;
/*border-color:#fcbf54;*/
}
#calendar td.sidecalendar .sideblock {
border:1px solid;
}
#calendar td.sidecalendar .sideblock {
border-color:#80ae32;
}
#calendar td.sidecalendar .sideblock {
background-color:#ffffff;
}
/*UKON*/
#calendar .maincalendar .filters table,
#calendar .sidecalendar .filters table,
.block_calendar_month .filters table {
background-color:#ffffff;
}

#calendar {
/*margin-left: -9px;*/
margin-left: -9px;/*UKON*/
}
#calendar {
/*border-spacing:10px;*/
border-spacing:10px;/*UKON*/
width:101.9%;
/*width:101.3%;*//*UKON*/
}
/*#calendar {
width:100.1%;
}*/

/*#calendar td.sidecalendar .sideblock {
border-right: 3px;
border-bottom: 3px;
border-color:#999999;
}
#calendar .maincalendar {
border-right: 3px;
border-bottom: 3px;
border-color:#999999;
}*/

/*UKON*/
#calendar .maincalendar table.calendarmonth td {
/*border-color: #fae0b1;*/
border-color: #99cc33;
}
#calendar .maincalendar table.calendarmonth td.today {
border-width:2px;
}
/*UKON*/
#calendar .maincalendar table.calendarmonth th {
border-bottom:0px solid;
}
/*UKON*/
#calendar .maincalendar .controls {
clear:both;
padding: 10px;
padding-left:50px;
padding-right:50px;
}
/*#calendar .maincalendar .bottom {
padding:5px 0 10px;
text-align:center;
width:100%;
}*/
/*#calendar .maincalendar .heightcontainer {
padding-bottom: 10px;
}*/



table.minicalendar {
/*border-color:#fcbf54;*/
}
table.minicalendar {
/*background-color: #fcf0db;*/
background-color: #ffffff;
}

/*UKON*/
#site-index table.minicalendar {
border-left:0px;
border-right:0px;
border-bottom:0px;
border-top:3px;
border-color: #ffffff;
padding-left:15px;
padding-right: 15px;
}



/*UKON*/
#site-index table.minicalendar {
background-color:#ffffff;
}




/* --- Forum --- */

#mod-forum-index table.generaltable th.header {
background-color: #bcd38d;
}

#mod-forum-index table.generaltable .cell{
background-color: #d8e5b7;
}

#mod-forum-index .generaltable {
border-style:solid;
border-width:3px;
}
#mod-forum-index .generaltable {
border-color:#93ac50;
}

#mod-forum-view th.header {
background-color: #bcd38d;
}

#mod-forum-view .forumheaderlist {
border-style:solid;
border-width:3px;
}
#mod-forum-view .forumheaderlist {
border-color:#93ac50;
} 
#mod-forum-view td.topic {
background-color: #d8e5b7;
}
.forumheaderlist td {
border-color:#eeeeee;
}


.forumpost {
border: 3px solid;
}
.forumpost {
border-color:#93ac50;
}
.forumpost .topic {
background-color:#bcd38d;
}
.forumpost .topic {
border-bottom-color:#EEEEEE;
}
.forumpost .topic .subject {
background-color:#bcd38d;
}
.forumpost .topic .author {
background-color:#bcd38d;
}
.forumpost .left {
background-color:#bcd38d;
}
.forumpost .content {
background-color: #d8e5b7;
}
.forumpost .content {
border-left: 1px solid;
}
.forumpost .content {
border-left-color:#EEEEEE;
}

/*------------EINDOPMERKINGEN Reframe----------------*/
/*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 */ 



/***** UKON/styles_UKON.css end *****/