body {background-color: #ffffff; font-family: "Trebuchet MS",Verdana,Helvetica,sans-serif;}

H1 { font-size:30px; color:#83d13d;}

.header{width:510px;margin: auto;}
.title{text-align:right;width:100%;}
.subtitle{text-align:left;width:100%;
		  font-family: "Trebuchet MS",Verdana,Helvetica,sans-serif;
          font-size:15px;
          font-weight: bold;
          color: #000000;}
.hrline{border-color:#83d13d;}

a:link{
color: #83d13d;
text-decoration: underline;
font-family: "Trebuchet MS",Verdana,Helvetica,sans-serif;
font-weight: bold;
}

a:visited{
color: #83d13d;
text-decoration: underline;
font-family: "Trebuchet MS",Verdana,Helvetica,sans-serif;
}

a:hover{
color: #83d13d;
text-decoration: none;
font-family: "Trebuchet MS",Verdana,Helvetica,sans-serif;
}

a:active{
color: #FF0000;
text-decoration: underline;
font-family: "Trebuchet MS",Verdana,Helvetica,sans-serif;
}

.footer{
width:765px;
margin:auto;
margin-top: 5px;
text-align: center;
border-top: solid 1px #83d13d;
clear:both;
font-family: "Trebuchet MS",Verdana,Helvetica,sans-serif;
font-size:12px;
}

a.maand{
color: #000000;
text-decoration: underline;
font-family: "Trebuchet MS",Verdana,Helvetica,sans-serif;
font-weight: bold;
}

a.maand:visited{
color: #000000;
text-decoration: underline;
font-family: "Trebuchet MS",Verdana,Helvetica,sans-serif;
}

a.maand:hover{
color: #FF0000;
text-decoration: none;
font-family: "Trebuchet MS",Verdana,Helvetica,sans-serif;
}

a.maand:active{
color: #FF0000;
text-decoration: underline;
font-family: "Trebuchet MS",Verdana,Helvetica,sans-serif;
}



#container{
width:780px;
margin-left: auto;
margin-right: auto;}

.row {
	width:780px;
	height: 160px;
	clear:both;}
  
.weektitlerij{margin: 5px 0 0 0; background-color:#CCCCCC}

a.norday{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000000;
    text-decoration:none}

a.norday:hover{z-index:25; background-color:#ff0}

a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#FF0000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}  

.centertext{
text-align: center;
margin-top:5px;
margin-bottom:5px;
}


#googlead{width:728px;margin-left:auto;margin-right:auto}

.feestdagen{width:765px;text-align:center;background-color:#ccc;border: solid 1px; margin-top: 10px}
.holidays{width:100%;clear:both;margin-left:10px;padding-bottom:10px}
.holidayleft{width:300px;float:left;}
.holidayright{width:300px;float:right;}
.reddate{width:75px;color: #FF0000; float:left}
.holiday{float:left;}