/* Start of CMSMS style sheet 'Museum Joure' */
body {
  width:1008px;
  text-align: center;
  overflow-x: none;
  behavior:url("csshover.htc");
  background: url(img/ornament.jpg) no-repeat fixed 0 -100px;
}

img {
  border: 0;
  padding: 8px;
}

#top {
  width:800px;
  background: url(img/kop.gif) no-repeat;
  height: 100px;
  padding: 0 0 4px 0;
  z-index:10
}

#main {
  z-index:10;
  width:790px;
  text-align: centre;
  padding: 0px;
  margin: 0px auto;
  text-align: left;
  background: transparent;
}

#content div {
  margin-top:    40px;
  margin-right:  25px;
  margin-left:   0px;
  margin-bottom: 0px;

}

#artikel {
  height: 37px; width:34px;
  background: url(img/artikel.gif) no-repeat;
  margin: 0px;
  position: relative;
  top: -60px; 
}

.calendar {
text-align: center;
}

.calendar tbody {
border: 1;
}

.calendar td {
text-align: center;
}

#artikelagenda {
  height: 37px; width:34px;
  background: url(img/ico_kal.gif) no-repeat;
  margin: 0px;
  position: relative;
  top: -60px; 
}


h1.pagetitle {
  font-style: normal;
  font-weight: normal;
  font-family: verdana;
  position: relative;
  top: -50px; 
  height: 25px;
  margin:4px;
  padding:0;
  font-size: 17px;
}

#content div p {
  text-align: justify;
  line-height: 1.5em;
  font-size: 12px;
  font-family: verdana;
  position: relative;
  margin:4px;
}

#content div a {
  color: #CD0000;
}


#content h1 {
  font-style: normal;
  font-weight: normal;
  font-family: verdana;
  font-size: 17px;
  color: #CD0000;
  background-color: transparent;
}

#content h2 {
  font-style: normal;
  font-weight: normal;
  font-family: verdana;
  font-size: 15px;
  color: #CD0000;
  background-color: transparent;
}

#content h3 {
  font-style: normal;
  font-weight: normal;
  font-family: verdana;
  font-size: 13px;
  color: #CD0000;
  background-color: transparent;
}



#frontpage{
  background: url(img/verloop_artikel.jpg) no-repeat;
  float:left;
  padding: 4px;
  width: 790px;
}

#footer {
  width: 800px;
  height: 23px;
  background-color #CD0000;
}

#menu {
  position: relative;
  clear: left;
  width: 800px;
  height: 23px;
  float: left;
  background-color: #cd0000;
  z-index: 300;
}

#menu ul li{
  z-index: 0;
  font-family: verdana;
  float: left;
  height:23px; width: 128px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
}


#menu a, #menu li {
  z-index: 0;
  display: block;
  border-width: 0px;
  margin: 0;
  padding: 0px;
}


#menu ul,
#menu ul li ul,
#menu ul li ul li ul{
  z-index: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

#menu ul li ul li{
  z-index: 0;
  background: url(img/menu_inactief.gif) no-repeat;
  height:23px; width: 128px;
  margin: 0;
  padding: 1px;
  list-style: none;
  font-size: 12px;
  position: relative;
}

#menu ul li ul li ul li{
  z-index: 0;
  background: url(img/menu_inactief.gif) no-repeat;
  height:23px; width: 128px;
  margin: 0;
  padding: 1px;
  list-style: none;
  font-size: 12px;
  position: relative;
  left: 130px;
  top: -24px;

}


#menu ul li:hover,
#menu ul li ul li:hover,
#menu ul li ul li ul li:hover{
  z-index: 0;
  background: url(img/menu_actief.gif) no-repeat;
}


#menu a {
text-decoration: none;
color: #FFF;
padding:4px;
}

#menu a:hover {
  text-decoration: none;
}


#menu ul ul,
#menu ul li:hover ul ul,
#menu ul ul li:hover ul ul
{z-index: 0; display: none;}

#menu ul li:hover ul,
#menu ul ul li:hover ul,
#menu ul ul ul li:hover ul
{z-index: 0; float: left; position: relative; display: block;}

#footer
{
  font-size: 10px;
  font-family: verdana;
  top: 10px;
  text-align: center;
  color: #fcfefd;
  text-shadow: 0px 0px white;
  word-break: keep-all;
  word-wrap: normal;
  position: relative;
  clear: left;
  float: none;
  background-color: #cd0000;
  height: 23px;
  width: 800px;
}
/* End of 'Museum Joure' */