* {margin: 0; padding: 0; font-size: 0; line-height: 0; text-align: left; font-family: Arial, Helvetica, sans-serif; border: 0; color: #0b0a33;}

html,body {height: 100.1%;}
body {background-color: #fffae0; text-align: center;}
div {position: relative; z-index: 0;}

p, td, th, select, input.text, option, optgroup, textarea, li {font-size: 13px; line-height: 1.3em;}
span, a {font-size: 1em; line-height: 1.3em;}

.b {font-weight: bold;}
.i {font-style: italic;}
.u {text-decoration: underline;}
.bi, .error, .succes {font-weight: bold; font-style: italic;}
.bu {font-weight: bold; text-decoration: underline;}
.iu {font-style: italic; text-decoration: underline;}
.left {float: left;}
.center {text-align: center;}
.right {text-align: right;}
.small {font-size: 11px; line-height: 14px;}

#main {background: url('http://www.kerkaandelek.nl/images/layout/background.gif') repeat-y; width: 750px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -60px auto;}

#top {background: url('http://www.kerkaandelek.nl/images/layout/top.gif') no-repeat; width: 750px; height: 40px; z-index: 5;}
#sub_top {background: url('http://www.kerkaandelek.nl/images/layout/border_top.gif') no-repeat; width: 750px; height: 20px;}
#logo {position: absolute; top: 0; width: 130px; height: 80px; z-index: 10;}
#menu_left {position: absolute; top: 90px; width: 135px;}
#menu_left img, #sub_bottom img {margin: 0 0 0 5px; padding: 0;}
#menu_left a {font-size: 0; line-height: 0;}
#content {position: relative; background: #e5e6fa url('http://www.kerkaandelek.nl/images/layout/watermerk.gif') no-repeat center; left: 155px; width: 570px; min-height: 500px; height: auto !important; height: 500px;}

#sub_bottom {background: url('http://www.kerkaandelek.nl/images/layout/border_bottom.gif') no-repeat; width: 750px; height: 20px; margin: 0 auto 0 auto;}
#sub_bottom a {font-size: 0; line-height: 0;}
#bottom {background: url('http://www.kerkaandelek.nl/images/layout/bottom.gif') no-repeat; width: 750px; height: 40px; text-align: center; font-size: 11px; line-height: 30px; font-weight: bold; color: #403f8d; margin: 0 auto 0 auto;}
#rss {position: absolute; right: 5px; top: 5px; width: 20px; height: 20px;}

div#push {height: 60px;}
div.clearfix:after {content: ".";	display: block;	height: 0; clear: both; visibility: hidden;}

/* Style voor Content */

h1, h1 span {color: #403f8d; font-size: 17px; line-height: 20px; font-weight: bold;}

div.hr {margin: 20px 0 0 0; height: 0px; border-top: 1px solid #403f8d;}
div.image, div.center_image {font-size: 0; line-height: 0; margin: 20px 0 0 0;}
div.image img {padding: 0 10px 0 0;}
div.center_image {text-align: center;}
div.center_image img {padding: 0 5px;}

td, th {vertical-align: top;}
td.padding {padding-left: 20px;}
td.error, th.error {text-align: left;}

div#prikbord {position: relative; z-index: 5; margin: 20px 0 0 0; padding: 0 10px 0 10px; background: #dadaf2; border-top: 1px solid #403f8d; border-bottom: 1px solid #6b6bb3;}
div#prikbord p {line-height: 20px; margin: 0; padding: 5px 0 5px 0; color: #403f8d; font-weight: bold;}
div#prikbord input.text, div#prikbord textarea {width: 150px; font-weight: normal;}
div#prikbord textarea {height: 200px;}
div#prikbord div.smiley {position: absolute; padding: 6px 0 0 0; text-align: right; width: 155px;}

table.agenda {width: 100%;}
table.agenda td, table.agenda th {padding: 5px;}
table.agenda td a, table.agenda th a {text-decoration: none;}
table.agenda tr.index th {padding: 0 5px 0 5px; height: 20px; line-height: 20px; background: #dadaf2; border-top: 1px solid #403f8d;}
tr.line td, tr.line th {border-top: 1px solid #6b6bb3;}

table.photos {border-collapse: separate; margin: 10px auto -10px auto;}
table.photos td {padding: 5px; background: #cdceea; text-align: center; border: 1px solid #6b6bb3;}
table.photos td img {margin: 3px 0 3px 0;}
img.fotoalbum {padding: 5px; background: #cdceea; border: 1px solid #6b6bb3;}

select, input.text, textarea {border: 1px solid #a7a6aa;}
select {height: 20px; line-height: 20px;}
input.text {height: 18px;}
input.text, option, optgroup, textarea {padding: 0 3px 0 3px;}

a {font-weight: bold; color: #403f8d; text-decoration: underline; cursor: pointer;}
a:hover, a:visited {color: #6b6bb3;}

p {text-align: justify; margin: 20px 0 0 0;}
td {text-align: justify;}
span {text-align: justify;}
table {margin: 20px 0 0 0; border-collapse: collapse;}

table.nieuws, table.contact {margin-top: 15px;}
table.nieuws td, table.nieuws th, table.contact td, table.contact th {padding-top: 5px; text-align: left;}

p.title {padding-left: 5px; background: #edcf15 url('http://www.kerkaandelek.nl/images/layout/title.gif') repeat-x; line-height: 20px; height: 20px; border-bottom: 1px #403f8d solid; border-top: 1px #403f8d solid; font-weight: bold;}
p.subtitle {padding-left: 5px; height: 20px; line-height: 20px; background: #dadaf2 url('http://www.kerkaandelek.nl/images/layout/subtitle.gif') repeat-x;; border-top: 1px solid #403f8d; border-bottom: 1px solid #6b6bb3;}
p.subtitle span {line-height: 20px;}
p.subtitle a {text-decoration: none;}

.indent {padding-left: 20px; padding-right: 20px;}

img.left {margin: 1px 20px 0 0; float: left; padding: 5px; background: #cdceea; border: 1px solid #6b6bb3;}
img.right {margin: 1px 0 0 20px; float: right; padding: 5px; background: #cdceea; border: 1px solid #6b6bb3;}

ul {margin: 20px 0 0 5px; list-style-type: none;}
li {background: url('http://www.kerkaandelek.nl/images/layout/bullet.gif') no-repeat 0 6px; padding: 0 0 0 15px;}
ul.padding {margin: 10px 0 0 5px; list-style-type: none;}
ul.padding li {background: url('http://www.kerkaandelek.nl/images/layout/bullet.gif') no-repeat 0 15px; padding: 10px 0 0 15px;}

.error {color: #ee3414;} 
.succes {color: #68a611;}
.clear {clear: both; height: 0;}

option.padding {padding-left: 7px;}

td#helpbox {background: #dadaf2; border-top: 1px solid #403f8d; border-bottom: 1px solid #6b6bb3; line-height: 20px; height: 20px; padding: 0 0 0 5px;}
td#imgInputs {line-height: 25px; padding: 0 0 5px 0;}

a.image {font-size: 0; line-height: 0;}

/* ----- MENU ----- */
div#menutable {position: absolute; top: 15px; margin: 0 0 0 155px; width: 570px; background: #3f3f8c;}
table#menu {top: 10px; z-index: 10; margin: 0 auto; width: 568px; background: url('http://www.kerkaandelek.nl/images/layout/menu.gif') repeat-x;}
table#menu a {text-decoration: none;}
.topmenu a {color: #403f8d; text-align: center; display: block; font-size: 14px; line-height: 20px; height: 20px; background: url('http://www.kerkaandelek.nl/images/layout/menu.gif') repeat-x; padding: 0 10px 0 10px;}
.topmenu a:hover {color: #6b6bb3; background: url('http://www.kerkaandelek.nl/images/layout/menu_on.gif') repeat-x;}
td.line {border-left: 1px solid #fffae1; border-right: 1px solid #edcf15; width: 0px; font-size: 0; line-height: 0; padding: 0;}
.ddnmenu, .ddnmenu_last {padding: 0 1px 1px 1px; visibility: hidden; position: absolute; z-index: 10; background: #3f3f8c; min-width: 135px; width: auto !important; width: 135px;}
.ddnmenu {margin: 20px 0 0 -1px;}
.ddnmenu_last {margin: 20px 0 0 0; right: 0;}
.ddnmenuitem a {color: #403f8d; min-width: 120px; width: auto !important; width: 120px; font-weight: normal; display: block; padding: 0 10px 0 5px; font-size: 13px; line-height: 18px; height: 18px; border-top: 1px solid #fffae1; border-bottom: 1px solid #edcf15; background: url('http://www.kerkaandelek.nl/images/layout/menu.gif') repeat-x;}
.ddnmenuitem a:hover {color: #6b6bb3; background: url('http://www.kerkaandelek.nl/images/layout/menu_on.gif') repeat-x;}
/* ----- /MENU ----- */

/* ----- WALKTHRU NEW ----- */
div#interface
{
  position: absolute; margin-top: 20px; width: 570px; height: 295px; background: url('http://www.kerkaandelek.nl/images/walkthru/interface.jpg') no-repeat;
}

div#left_menu {position: absolute; top: 10px; left: 10px;}
div#right_menu {position: absolute; top: 10px; right: 10px;}
div#left_menu img, div#right_menu img {padding: 0;}
div#left_menu a, div#right_menu a {font-size: 0; line-height: 0;}

div#navigatie {position: absolute; top: 254px; left: 95px; width: 320px; text-align: center;}
div#navigatie img {padding-left: 10px; padding-right: 10px;}
div#stairup img, div#stairdown img {padding-left: 0; padding-right: 0;}
div#stairup {position: absolute; top: 0px; left: 0px;}
div#stairdown {position: absolute; top: 0px; right: 0px;}

div#window_image {position: absolute; top: 10px; left: 95px; height: 240px; width: 320px;}

div#threesixty, div#extra {position: absolute; top: 70px; left: 10px; width: 70px; z-index: 2; text-align: center;}
div#extratwo {position: absolute; top: 166px; left: 10px; width: 70px; z-index: 2; text-align: center;}
div#threesixty p, div#extra p, div#extratwo p {margin-top: 0;}

div#text {position: absolute; top: 60px; left: 10px; width: 70px; z-index: 2; text-align: center;}
div#text p {margin-top: 10px;}

div#map_1 {position: absolute; width: 43px; height: 98px; top: 166px; right: 92px; background: url('http://www.kerkaandelek.nl/images/walkthru/map3.gif');}
div#map_2 {position: absolute; width: 121px; height: 174px; top: 110px; right: 12px; background: url('http://www.kerkaandelek.nl/images/walkthru/map2.gif'); z-index: 2;}
div#map_3 {position: absolute; width: 42px; height: 105px; background: url('http://www.kerkaandelek.nl/images/walkthru/map1.gif'); top: 157px; right: 93px;}
div#bulls_eye {z-index: 4; position: absolute; width: 7px; height: 7px; background: url('http://www.kerkaandelek.nl/images/walkthru/bullseye.gif') no-repeat;}
div.hotspot {position: absolute; z-index: 3;}

div#button_volgende {position: absolute; width: 74px; height: 13px; top: 217px; left: 236px; z-index: 3;}
div#button_go {position: absolute; width: 44px; height: 10px; top: 217px; left: 266px; z-index: 3;}

/* ----- IMG POPUP ----- */
table.choose_img th, table.choose_img td {vertical-align: top; padding: 10px 0 0 0;}
div#choose_img p {margin: 0; padding: 20px 20px 0 20px;}
div#choose_img table {margin-top: 10px;}
div#choose_img hr {margin-top: 10px;}
div#choose_img p.indent {padding-left: 10px;}
div#choose_img table.choose_img {width: 550px; margin-left: 20px; margin-right: 20px;}
div#choose_img table.choose_img td.img img {width: 150px; border: 1px solid #403f8d; padding: 10px; background: #fff;}

table.choose_smiley th, table.choose_smiley td {vertical-align: top; padding: 10px 0 0 0;}
div#choose_smiley p {margin: 0; padding: 20px 20px 0 20px;}
div#choose_smiley table {margin-top: 10px;}
div#choose_smiley hr {margin-top: 10px;}
div#choose_smiley p.indent {padding-left: 10px;}
div#choose_smiley table.choose_smiley {width: 260px; margin-left: 20px; margin-right: 20px;}
div#choose_smiley table.choose_smiley td.img img {padding: 5px;}

/* 24 uursactie */
div#actielogo {text-align: center; padding: 10px 0 0 0;}
div#actielogo img {margin: 0;}
div#actielogo p {font-size: 13px; line-height: 1.3em; color: #e5e6fa; text-align: center; margin: 10px 0 0 0;}
div#actielogo p a {font-size: 1em; line-height: 1.3em; font-weight: bold; color: #fffae0; text-decoration: none;}
div#actielogo p a:hover {color: #edcf15; text-decoration: underline;}

div#schema {margin: 20px 0 0 0; background: #fffae0; border: 1px solid #6a6ab1; text-align: center; padding: 10px 0 5px 10px;}
div#schema_overlay {position: absolute; display: none; z-index: 1000; left: 10px; top: 10px; width: 545px; height: 100px; border: 2px solid #3f3f8c; background: #e5e6fa; layer-background-color: #ffffff; filter: alpha(opacity=70); -moz-opacity: .70; opacity: .70;}
div#schema_overlay p {text-align: center; color: #3f3f8c; font-size: 26px; line-height: 3.5em; font-weight: bold;}
table#schema_frame {margin: 0 auto;}
table#schema_frame td {font-size: 0; line-height: 0; padding: 0 7px 5px 0; color: #3f3f8c;}
table#schema_frame table.schema_uur {margin: 0;}
table#schema_frame table.schema_uur td.uur {font-size: 13px; line-height: 1.3em; text-align: center; padding: 0 2px 0 0;}
table#schema_frame table.schema_uur td.type1 {padding: 0 3px 2px 0;}
table#schema_frame table.schema_uur td.type2, table#schema_frame table.schema_uur td.type4 {padding: 0 1px 2px 0;}
table#schema_frame table.schema_uur td.type3, table#schema_frame table.schema_uur td.type5 {padding: 0 3px 2px 0;}
table#schema_frame table.schema_uur td.type6 {padding: 0 3px 0 0;}
table#schema_frame table.schema_uur img.pointer {cursor: pointer;}
table.legenda {margin: 5px 0 0 20px;}
table.legenda th, table.legenda td {padding: 0 10px 3px 0;}
div#detailtext {z-index: 50; border: 1px solid #403f8d; background: #fffae0; overflow: auto; padding: 5px 10px 0 10px;}
div#detailtext p {margin: 0; padding: 0 0 5px 0;}
div#schema p {padding: 0 20px 10px; margin: 0;}
div#schema div.hr {padding: 0 0 10px; margin: 0 10px 0 0;}

table.box {border: 0;}
table.box th, table.box td {padding: 0; font-size: 0; line-height: 0;}

table#sponsors {border-collapse: separate; margin: 20px 0 0 -5px;}
table#sponsors td {padding: 10px; width: 165px; font-size: 0; line-height: 0; border: 1px solid #3f3f8c; background: #ffffff; text-align: center; vertical-align: middle;}