/* Style by   alstro webdesign www.pieterstuyvesant-kerk.nl  */
@media screen
{
html,body  {
margin: 0px;
padding: 0px;
font-family: arial, helvetica, sans-serif;
font-size: 85%;
color: black;
margin: 0 auto;
background-color: #e2e2e2;
height: 100%;
}
ul { list-style-image: url(/images/punt.png); }
img {border: none;}

div#container {
	margin:0 auto;
	width:980px;
    height: 650px;
	background:#fff;
}

div#top {
    height: 30px;
    margin: 0 auto;
    width:980px;
}
div#bottom {
    height: 20px;
    margin: 0 auto;
    width:980px;
    text-align: center;
}
div#naam {
  height: 80px;
  width: 980px;
}

div#home {
  	width:980px;
    height: 650px;
    background-image: url(../images/home.jpg);
}
div#homekerk {
  	width:980px;
    height: 650px;
    background-image: url(../images/homekerk.jpg);
}
div#homeagenda {
  	width:980px;
    height: 650px;
    background-image: url(../images/homeagenda.jpg);
}
div#homecontact {
  	width:980px;
    height: 650px;
    background-image: url(../images/homecontact.jpg);
}
div#homeorgel {
  	width:980px;
    height: 650px;
    background-image: url(../images/homeorgel.jpg);
}
div#homepieter {
  	width:980px;
    height: 650px;
    background-image: url(../images/homepieter.jpg);
}
div#homealbum {
  	width:980px;
    height: 650px;
    background-image: url(../images/homealbum.jpg);
}
div#menu {
  height: 30px;
  width: 980px;
  padding-top: 30px;
  line-height: 30px;
}
.menublok {
  float: left;
  padding-left: 20px;
  text-align: center;
  color: #808080;
  font-size: 130%;
  font-weight: bold;
}

div#linkerstrook {
  width: 30px;
  float: left;
}
div#rechterstrook {
  width: 30px;
  float: left;
}
div#tekst {
  float: left;
  padding: 10px;
  margin: 46px 0 10px 0;
  height: 414px;
  width: 319px;
  overflow: auto;
}
div#agenda {
  float: left;
  width: 190px;
  height: 55px;
  padding: 10px;
  margin-top: 420px;
  }
.kalendertekst {
  color: #404040;
  font-size: 120%;
  font-weight: bold;
}
.kalenderdatum {
  color: #808080;
  font-size: 120%;
  font-weight: bold;
}
div#foto {
    float: left;
    width: 100px;
    padding: 0 5px 5px 0;
}
#tekst a:link {
	color:#02add4;
    text-decoration: none;
}
#tekst a:visited {
	color:#02add4;
    text-decoration: none;
}
#tekst a:hover {
	color:#02add4;
    text-decoration: underline;
}
.menulinks { text-decoration: none;color: #404040; }
.menulinks:visited { text-decoration: none;color: #404040;}
.menulinks:active { text-decoration: none;color: #404040;}
.menulinks:hover { border-bottom:2px solid #02add4;color: #02add4;}

.footerlinks { text-decoration: none;color: #02add4; }
.footerlinks:visited { text-decoration: none;color: #02add4;}
.footerlinks:active { text-decoration: none;color: #02add4;}
.footerlinks:hover { text-decoration: underline;color: #02add4;}

.links { text-decoration: none;color: #02add4; }
.links:visited { text-decoration: none;color: #02add4;}
.links:active { text-decoration: none;color: #02add4;}
.links:hover { text-decoration: underline;color: #02add4;}
/* kalender */
.left { 	float: left; text-align: right; width: 15em; margin: 0 1em 0 0; }
.form { 		margin: 0 0 0.5em 0; padding: 0; }
}