/**************************************
 * THEME NAME: fecone
 *
 * Files included in this sheet:
 *
 *   fecone/custom.css
 **************************************/

/***** fecone/custom.css start *****/

/**
  *  Legt de basis voor aanpassingen voor Stoas klanten
  *
  */
body {
	font-family:Verdana,Arial,sans-serif;
}


div#header-home {
	background-image: url(fe-cone_75.gif);
	background-repeat: no-repeat;
	height: 75px;
}

div#header {
	background-image: url(fe-cone_30.gif);
	background-repeat: no-repeat;
	height: 35px;
}

h1.headermain {
	padding-left: 114px;
	padding-top: 3px;
	color: #00448F;
}

/**
  * Dit is de kleur van data in het weekformaat, graag dezelfde kleur als de rest van de tekst.
  *
  */
#course-view .section .weekdates {
	color:#000000;
	font-weight: bold;
}

/**
  * We gaan uit van een witte achtergrond voor de pagina en voor de inhoud van de blokken. 
  * Evt. kan dit vervangen worden door een andere heel lichte kleur.
  *
  */
body,
#course-view .weekscss .content {
	background-color: white;
}

.sideblock .content {
	background-color: white;
}


/** 
  * De stijlen voor verschillende headers (bijvoorbeeld van blokken en de cursus)
  * In feite kan dit elke kleur hebben, als de kleur van de tekst maar wordt aangepast.
  *
  */
th.header,
td.header,
h1.header,
h2.header,
h3.header,
div.header {     
    // De drie regels hieronder kunnen gebruikt worden indien een gradient gewenst is
    // background-image:url(gradient.jpg);     
    // background-position:top;    
    // background-repeat:repeat-x;  
    background-color: #F4DC34;
    color: #000;
}


.navbar {
    // De drie regels hieronder kunnen gebruikt worden indien een gradient gewenst is
    // background-image:url(gradient.jpg);     
    // background-position:top;    
    // background-repeat:repeat-x;     
    background-color: #00448F;
    color: #FFF;
}

/* Deze stijl moet worden aangepast als blauw/rood niet goed werken op de kleur van de header */
.navbar a:link,
.navbar a:hover,
.navbar a:active,
.navbar a:visited {
	color: white;
}

.navbar a:hover {
	color: #F4DC34;
}

/* Dit is de stijl voor de actieve week */
#course-view .weekscss .current, #course-view .current td.side {
	background: #F4DC34 none repeat scroll 0%;
}

/**
  * Deze stijlen definieren alle randen in Moodle. Het is handig als die één kleur hebben
  *
  */
#left-column .hidden .header, 
#right-column .hidden .header,
.sideblock .content,
.categoryboxcontent, 
.coursebox, 
#course-view .section td,
.headingblock {
	border-color: #00448F;
}

/* Deze stijl is apart omdat je dit soms dezelfde kleur als de header wil hebben */
.sideblock .header {
	border-color: #00448F;
}

/* Deze stijl is apart, om de navbar een aparte achtergrondkleur kan hebben */
.navbar {
	border-color: #00448F;
}


/**
  * Deze stijlen zijn voor de forums, handig om dit te coordineren met de header
  *
  */
.forumpost .left {
	background:#E7E8FF none repeat scroll 0%;
}

// Deze stijl is meestal donkerder dan de vorige
.forumpost .starter,
.forumheaderlist .discussion .starter {
	background:#FF0000 none repeat scroll 0%;
}

a.skip-block, a.skip {
  position: absolute;
  top: -1000em;
  font-size: 0.85em;
}
a.skip-block:focus, a.skip-block:active,
a.skip:focus, a.skip:active {
  position: static;
  display: block;
}
.skip-block-to, #maincontent {
  display: block;
  height: 1px;
}
/***** fecone/custom.css end *****/