* {
        margin: 0;
        padding: 0;
}

 html  {
        overflow-y: scroll;
}

body {
        margin-top: 20px;
        font-family: "Verdana, Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 0.8em;
        color: #666666;
}

h1, h2, h3 {
        text-transform: uppercase;
}

h1 {
}

h2 {
     font-size: 14px;
        font-weight: bold;
        color: #000040;
}

h3 {
}

p, blockquote, ul, ol {
}

a {
        color: #C90404;
}

a:hover {
        text-decoration: none;
}

img {
        border: 1px solid #316BF7;
}
img.logo {
        border: none;
}

img.left {
        float: left;
        margin: 0 15px 0 0;
  display: block;
  background: #fff;
  border: 1px solid #316BF7;
  margin: -6px 6px 6px -6px;
  padding: 2px;
}

img.right {
  display: block;
        float: right;
        float: 0 0 0 15px;
  background: #fff;
  border: 1px solid #316BF7;
  margin: -6px 6px 6px -6px;
  padding: 2px;

}
.img-shadow {
  float:left;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 50px !important;
  margin: 10px 0 0 40px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background: #fff;
  border: 1px solid #316BF7;
  margin: -6px 6px 6px -6px;
  padding: 2px;
  }

/* Header */

#header {
        width: 770px;
        height: 100px;
        margin: 0 auto;
        padding: 0 0 0 0;
        background: url(images/img1.jpg);
}

#header h1 {
        float: left;
        font-weight: bold;
        padding: 20px 0 0 175px;
        letter-spacing: 4px;
        font-size: 16px;
        color: #90210A;
}


#header a {
        text-decoration: none;
        color: #90210A;
}

/* Page */

#page {
        width: 770px;
        margin: 0 auto;
        background: url(images/img2.gif) repeat-y;
}

/* Content */

#content {
        float: right;
        width: 380px;
        padding: 0 20px;
        background: url(images/img4.gif) no-repeat;
min-height:450px;
        height:expression(this.scrollHeight > 450 ? "auto":"450px");
}

#content .post {
}

#content .post h2 {
        margin-bottom: 1em;
        text-transform: uppercase;
        font-weight: bold;
        color: #333333;
     font-size: 14px;
}

#content .post h3 {
        margin-bottom: 1em;
        font-size: 100%;
}

#content .post p, #content .post ul, #content .post ol {
        margin-bottom: 1em;
        line-height: 1.5em;
}

#content .post blockquote, #content .post ul, #content .post ol {
        margin-left: 3em;
}

/* Ad Space */

#adspace {
        float: right;
        width: 120px;
        padding: 15px 25px;
        background: url(images/img5.gif) no-repeat;
}

/* Sidebar */

#sidebar {
        float: left;
        width: 150px;
        padding: 15px;
        background: url(images/img3.gif) no-repeat;
}

.boxed {
}

.boxed h2 {
        margin: 15px 0;
        padding-left: 20px;
        background: url(images/img6.gif) no-repeat left bottom;
        font-size: 80%;
        color: #3A2403;
}

.boxed .list {
        background: url(images/img7.gif) repeat-x;
        list-style: none;
}

.boxed .list li {
        padding: 10px 0 15px 0;
        background: url(images/img7.gif) repeat-x left bottom;
}

.boxed .list h3 {
        font-size: 77%;
}

/* Menu */

#menu {
}

#menu ul {
        list-style: none;
        xborder-bottom: 1px dotted #E02921;
        background: url(images/img7.gif) repeat-x;
}

#menu li {
        padding: 5px 0;
        xborder-bottom: 1px dotted #E02921;
        background: url(images/img7.gif) repeat-x left bottom;
}

#menu a {
        text-decoration: none;
}

#menu a:hover {
        text-decoration: underline;
}
#menu a:active  {
        color: #2163C6;
        font-weight: bold;
}

/* Footer */

#footer {
        width: 770px;
        height: 100px;
        margin: 0 auto;
        border-top: 1px solid #316BF7;

        xxbackground: url(images/img8.gif) no-repeat;
        font-size: 77%;
}

#footer p {
        margin: 0 auto;

        line-height: normal;
        padding: 20px 510px 0 20px;
}


table.nieuws  {
        width: 100%;
        font: normal 100% Arial, sans-serif;
        margin: 0;
}
table.kerkklok  {
        width: 100%;
        font: normal 100% Arial, sans-serif;
        margin: 0;
}