/**************************************
 * THEME NAME: Zomerhof
 *
 * Files included in this sheet:
 *
 *   Zomerhof/styles_zomerhof.css
 **************************************/

/***** Zomerhof/styles_zomerhof.css start *****/

/* CSS De Zomerhof */


body {
  background-color:#FFFFFF;
  font-family:Arial,Verdana,sans-serif;
  color:#3E3E40;
  margin-top:0px;
  margin-left:5%;
  margin-right:5%;
}

/*header homepage*/
#header-home {
  /* background: url(Header_Zomerhof.jpg) no-repeat;
   width: 100%;
   height: 158px;  */
/*  background: url(Header1_Zomerhof.jpg) no-repeat;
  width: 100%;
  height: 260px;  */
    background: url(Header_Zomerhof_H158xW684.jpg) no-repeat;
    width: 100%;
    height: 158px;
    
  background-position: top-left;       
  background-color: #DC9802;
  /*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*/

}
#header-home .headermain {
  font-size:0em;/*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)*/
  color:#FFFFFF;
}

.headermenu a:link,
.headermenu a:active,
.headermenu .link.current,
.headermenu a:visited {
color:#ffffff;
text-decoration:underline;
}

.headermenu a:hover {
 color:#000000;
 text-decoration:underline;
}
.headermenu {
 padding: 10px;
 padding-right:12px;
 color:#ffffff;
}



/*Header subpage*/
#header {

    background: url(Header_Zomerhof_H158xW684.jpg) no-repeat;
    width: 100%;
    height: 158px;
    
  background-position: top-left;       
  background-color: #DC9802;
  margin-bottom: 2em;
}
#header .headermain,
#header h1.headermain {
/*float:center;  */
margin-top:161px;     
padding:0;
width:100%;
text-align: center;
}


/*structurele aanpassing*/
#content {
padding-bottom: 18px;
margin-right: 20px;
}  
#content #layout-table  {
 margin-bottom: -18px;
 }
#content #layout-table #middle-column {
 padding-bottom: 10px;
 }      
 /* #content en  #content #layout-table margin-bottom getallen
moeten (negatief) met elkaar corresponderen, om te voorkomen dat content zonder
layout table tegen de footer plakt */




#layout-table {
margin-top:0px;
}  

/*Left-Column*/
/*Admin Menu*/

#left-column .block_admin_tree.sideblock .content,
#left-column .block_admin_tree.sideblock .header,
#left-column .block_admin_tree.sideblock h2.header {
background-color: #DC9802;
border-color:#DC9802;
padding-top: 1px;
}
#left-column .block_admin_tree.sideblock a:link {
background-color: #DC9802;
color:#ffffff;
text-decoration:none;
}
#left-column .block_admin_tree.sideblock a:visited {
/*color: #59595B;*/
color: #ffffff;
text-decoration:none; 
background-color: #DC9802;  
}    

#left-column .block_admin_tree.sideblock a:hover,
#left-column .block_admin_tree.sideblock a:active,
#left-column .block_admin_tree.sideblock .link.current {
color: #000000;
text-decoration:none;
background-color: #DC9802;
}


/*Left-column + Right-column*/


/*EVENTUEEL WIJZIGEN*/
td#left-column,
td#right-column {
background-color: #DCDCDC;
border-width:0px;
padding: 0px;
}
#left-column,
#right-column {
width: 256px;
}
  
  

#left-column .sideblock .content,
#left-column .sideblock .header,
#left-column .sideblock h2.header,
#right-column .sideblock .content,
#right-column .sideblock .header,
#right-column .sideblock h2.header {
background-color: #DCDCDC;
border-color:#DCDCDC;
padding-top: 1px;
}
#left-column .sideblock a:link,
#right-column .sideblock a:link {
background-color: #DCDCDC;
color:#DC9802;
text-decoration:none;
}
#left-column .sideblock a:hover,
#left-column .sideblock a:visited,
#left-column .sideblock a:active,
#left-column .sideblock .link.current,
#right-column .sideblock a:hover,
#right-column .sideblock a:visited,
#right-column .sideblock a:active,
#right-column .sideblock .link.current {
color: #000000;
text-decoration:none;
background-color: #DCDCDC;
}


/*Middle-column*/ 
#middle-column a:link {
background-color: none;
color:#DC9802;
text-decoration:none;
}
#middle-column a:hover,
#middle-column a:active,
#middle-column .link.current {
color:#000000;
text-decoration:none;
background-color: none;
}
#middle-column a:visited {
color:#898989;
text-decoration:none;
background-color: none;
}


#middle-column .headingblock, h2.headingblock {
border-width:0px;
}
#middle-column .coursebox {
border-left: 0px;
border-right: 0px;
border-top: 0px;
}





/*FOOTER*/
#footer {
/*margin-top:40px; */
margin-top:0px;
padding-top: 10px;
padding-bottom: 10px;
background-color: #DC9802;
color:#ffffff;
}
#footer a:link,
#footer a:active,
#footer .link.current,
#footer a:visited {
color:#ffffff;
text-decoration:underline;
}

#footer a:hover {
 color:#000000;
 text-decoration:underline;
}
.homelink a:link, .homelink a:visited {
border-width:0px;
}




/*breadcrum menu*/
.breadcrumb a:link,
.breadcrumb a:visited,
.breadcrumb a:active {
color:#DC9802;
text-decoration:none;
}
.breadcrumb a:hover,
.breadcrumb .link.current {
color: #000000;
text-decoration:none;
}

/***** Zomerhof/styles_zomerhof.css end *****/