html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

#vak_totaal {
background-image: url(../images/bg.png);
width:347px;
height:459px;

}

/*============================================================================================ TITEL ACCORDEONS */

  .textscroll {
    height: 100px;
    overflow: auto;
  }

  .titelcontainer {
    width: 309px;
    height: 34px;
  }
  
    .container_boven {
      font-weight: normal;
      width: 309px;
      height: 17px;
    }
    
    .container_onder {
      width: 309px;
      height: 17px;
    }
    
      .container_links {
        font-weight: bold;
        width: 206px;
        height: 17px;
        float: left;
        font-size: 10px;
      }
      
      .container_rechts {
        font-weight: bold;
        width: 103px;
        height: 17px;
        float: right;
        text-align: right;
        font-size: 10px;
      }

		#vak_links {
			width: 347px;
			height: 60px;
			margin-top:47px;
			float: left;
		}
		
			.vakje {
				width: 347px;
				height: 51px;
				margin-top: 5px;
				margin-left: 5px;
				background-repeat:no-repeat;
			}
			
			.vak_button { 
        width:51px;
        height:51px;
				margin-left:4px;
				float: left;
			}
			
			
			#button_tussen {
        margin-right: 5px;
        margin-left: 5px;
      }
      		
		#vak_rechts {
			width: 347px;
			height: 180px;
			margin-left: 10px;
			float:left;
		}
		
		  .vak_groot {
		    width: 347px;
		    height: 180px;
		    float:left;
      }
     
/* ============================================================================================= BUTTONS */

#week1 {
  background-image: url(../knoppen/1_n.jpg);
  background-repeat:no-repeat;
  width:51px;
  height:51px;
}

#week1:hover, #week1.active {
  background-image: url(../knoppen/1_a.jpg);
  background-repeat:no-repeat;
  width:51px;
  height:51px;
}

#week2 {
  background-image: url(../knoppen/2_n.jpg);
  background-repeat:no-repeat;
  width:51px;
  height:51px;
}

#week2:hover, #week2.active {
  background-image: url(../knoppen/2_a.jpg);
  background-repeat:no-repeat;
  width:51px;
  height:51px;
}

#week3 {
  background-image: url(../knoppen/3_n.jpg);
  background-repeat:no-repeat;
  width:51px;
  height:51px;
}

#week3:hover, #week3.active {
  background-image: url(../knoppen/3_a.jpg);
  background-repeat:no-repeat;
  width:51px;
  height:51px;
}

#week4 {
  background-image: url(../knoppen/4_n.jpg);
  background-repeat:no-repeat;
  width:51px;
  height:51px;
}

#week4:hover, #week4.active {
  background-image: url(../knoppen/4_a.jpg);
  background-repeat:no-repeat;
  width:51px;
  height:51px;
}

#week5 {
  background-image: url(../knoppen/5_n.jpg);
  background-repeat:no-repeat;
  width:51px;
  height:51px;
}

#week5:hover, #week5.active {
  background-image: url(../knoppen/5_a.jpg);
  background-repeat:no-repeat;
  width:51px;
  height:51px;
}

#week6 {
  background-image: url(../knoppen/6_n.jpg);
  background-repeat:no-repeat;
  width:51px;
  height:51px;
}

#week6:hover, #week6.active {
  background-image: url(../knoppen/6_a.jpg);
  background-repeat:no-repeat;
  width:51px;
  height:51px;
}