* {font-family: Arial, sans-serif; font-size: 9pt;}
body, table, td, div, h1, h2, h3, h4, img, p {margin: 0; padding: 0; border: 0; vertical-align: top;}
textarea, input {font-family: Arial, sans-serif; font-size: 9pt;}
a {border: 0; margin: 0; color: #755B1E; text-decoration: none; cursor : pointer;}
a:hover {text-decoration: underline; cursor: pointer;}

/*ul {margin: 0px; padding: 0px; list-style: none;}*/
img {border: 0px;}
p, form, input {margin: 0; padding: 0;}

html {height: 100%;}
body {background: #FEFEFE url(/images/bg_body.jpg) top left repeat-x; color: #444444;}

#backgroundMap {position: fixed; width: 100%; height: 100%; background: url(images/backgroundMap.png) no-repeat 150px 0px;}

.title1, .contentgroup_top {margin: 0 0 10px 0; font-family: Georgia, Palatino, serif, Times; font-size: 14pt; color: #664F1A; font-weight: normal;}
.title2 {margin: 0 0 3px 0; font-family: Georgia, Palatino, serif, Times; font-size: 10pt; color: #664F1A; font-weight: normal;}
.voorpagina {margin: 0 0 25px 0; font-family: Arial, sans-serif; font-size: 9pt; color: #444444;}
.vpbutton {width: auto; float: right;}
.vpbutton a {display: block; width: 110px; height: 20px; background: url(/images/button.png) left top no-repeat; font-family: Georgia, Palatino, serif, Times; font-size: 9pt; color: #FFFFFF; text-align: center; padding-top: 6px;}
.introduction {margin: 0 0 10px 0;}
.introduction_photo {float: left; margin: 0 10px 10px 0;}

#container {position: absolute; top: 0; left: -480px; margin-left: 50%; width: 959px; background: #FEFEFE url(/images/bg_container.jpg) top left repeat-y;}
#top {position: absolute; top: 0; left: 0; width: 959px; height: 220px; background: url(/images/bg_top.jpg) top left no-repeat;}
#logo {display: block; position: absolute; top: 25px; left: 50px; width: 182px; height: 42px;}

#billboard {position: absolute; top: 110px; left: 50px; width: 864px; height: 294px; border: 1px solid #ABABAB; overflow: hidden; -moz-border-radius: 7px; -webkit-border-radius: 7px; z-index: 10;}

#billboardListBackground {position: absolute; top: 111px; left: 51px; width: 282px; height: 294px; background: url(images/billboardUlBackground.png) repeat-x; z-index: 9; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;}

#billboardListHoverBackground {position: absolute; left: 51px; width: 282px; height: 49px; background-color: #BE9D56; z-index: 13;};

#billboardList {z-index: 11;}
#billboardList a {position: absolute; left: 51px; width: 272px; height: 49px; line-height: 49px; padding-left: 10px; color: rgb(137, 148, 142); text-decoration: none;  font-family: Georgia; font-size: 21px; z-index: 14;}
#billboardList a:hover {color: rgb(254, 254, 254);}
#billboardList .activeMenu a {color: #BB9D57;}

#billboardList a.simulateHover {color: rgb(254, 254, 254); text-decoration: none;  font-family: Georgia; font-size: 21px;}
.topLeftBorder {-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;}
.bottomLeftBorder {-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;}

#billboardImage {position: absolute; top: 111px; left: 333px; width: 582px; height: 294px; z-index: 12; /*Zorgt ervoor dat de div niet refreshed in IE (CurvyCorners.redraw() werkt niet)!-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;*/}
.billboardImageLeftShade {position: absolute; top: 0px; left: -4px; z-index: 12;}

#billboardImageTextContainer {position: absolute; display: none; top: 111px; left: 333px; width: 582px; height: 294px; z-index: 13;}
#billboardImageTextBackground {position: absolute; left: 0px; right: 0px; bottom: 0px; background: url(images/billboardImageTextShade.png); -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;}
#billboardImageText {position: absolute; left: 0px; right: 0px; bottom: 0px; min-height: 29px; padding: 10px 20px; color: #FFFFFF; font-family: Georgia;}

.block {display: block; margin-bottom: 10px;}
.blockDate {margin-right: 5px; color: rgb(119, 91, 29);}
.blockTitle {color: rgb(119, 91, 29); font-weight: bold;}

.kernpunten ul {list-style: disc inside;}
.kernpunten img {float: left; margin: 0px 5px 5px 0px;}

#fotos {position: relative; margin-top: 20px; height: 255px;}
#fotoLijst {position: absolute; top: 0px; left: 0px; z-index: 3;}
#fotos table {position: absolute; top: 17px; height: 100%; z-index: 2;}
#displaytext1 {position: absolute; width: 280px; bottom: 5px; color: rgb(119, 91, 29);}

#content {position: relative; top: 425px; left: 50px; width: 859px; padding-bottom: 425px;}
#column_vp1 {float: left; margin-right: 10px; width: 279px;}
#column_vp2 {float: left; margin-right: 10px; width: 279px;}
#column_sp {float: left; margin-right: 10px; width: 568px;}
#column_3 {float: right; width: 281px;}
#footer {width: auto; margin: 20px 0 20px 0; padding: 15px 0 0 0; border-top: solid 1px #BB9D57;}

#breadCrumb {position: relative; height: 49px; line-height: 49px; padding-left: 10px; margin-bottom: 10px; background-color: #BE9D56; color: rgb(254, 254, 254); font-family: Georgia; font-size: 21px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.splitColumnL {float: left; margin-right: 10px; width: 279px;}
.splitColumnR {float: left;  width: 279px;}

#nieuws {width: auto; padding: 10px; background: #ECE8DE; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
#evenementen {width: auto; margin: 20px 0 0 0; padding: 10px;}
#links {position: relative; width: auto; margin-top: 20px; padding: 10px;}
#links .block {position: relative; display: block; padding: 5px 10px; background: #ECE8DE; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
#links .blockTitle {line-height: 25px;}
.linksArrow {position: absolute; top: 12px; right: 10px;}
.linksContent {position: relative; padding-top: 10px;}

#agenda {width: auto; padding: 10px;}
#sponsors {width: auto; margin: 20px 0 0 0; padding: 10px; background: #ECE8DE; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
#ruimtelijkeordening {width: auto; margin: 20px 0 0 0; padding: 10px;}
#lidworden {width: auto; margin: 20px 0 0 0;}

#kernpunten {width: auto; padding: 10px;}
#torenKlimLogo {height: 245px; background: url(images/torenklimLogo.png) no-repeat; background-color: #BE9D56; text-align: center; -moz-border-radius: 7px; -webkit-border-radius: 7px;}

#weer {margin: 20px 0 0 0; padding: 15px; width: auto; background: #DFDFDF; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
#weer .day1, #weer .day2{border-right: solid 1px #AAAAAA;}
#weer .day{margin-left: 3px; font-size: 7pt; color: #AAAAAA;}
#weer .temp{float: left; margin-left: 5px; padding-top: 12px; font-size: 9pt; color: rgb(148,39,58);}
#weer .icon{float: left;}
#weer .bron{padding: 3px 14px 0 0; text-align: right; color: #AAAAAA; font-size: 7pt;}
#weer .bron a{color: #AAAAAA; font-size: 7pt;}

.blockWithBackground {margin-bottom: 10px; padding-top: 15px; padding-left: 15px; background: #F1EEE6; -moz-border-radius: 7px; -webkit-border-radius: 7px;}

.page_info_bar{margin: 10px 0 10px 0; padding: 2px; border: solid 1px rgb(191,191,191);}
.info_bar_left{float: left; font-family: verdana, arial, sans-serif; font-weight: normal; font-size: 8pt; color: rgb(127,127,127);}
.info_bar_right{float: right; font-family: verdana, arial, sans-serif; font-weight: normal; font-size: 8pt; color: rgb(127,127,127);}

#topmenu {display: block; position: absolute; top: 50px; left: 260px; background: #123456;}
#topmenu ul {position: absolute; z-index: 1000; margin: 0; padding: 0; list-style: none; width: 700px;}
#topmenu li {font-family: verdana,arial,sans-serif; font-size: 8pt; font-weight: normal; text-decoration: none; color: rgb(107,107,107);}
#topmenu a {display: block; width: auto; text-align: center; font-family: Georgia, Palatino, serif, Times; font-size: 10pt; font-weight: normal; text-decoration: none; color: #664F1A;}
#topmenu p {display: inline;}

#topmenu .activeMenu a {color: rgb(137, 148, 142);}

#topmenu .level_0 li {float: left; border: none; padding: 0 12px;}
#topmenu .level_0 a {padding: 6px 0 0 0;}
#topmenu .level_0 li.firstitem {border: none;}
#topmenu .level_0 li:hover {cursor: pointer; cursor: hand;}
#topmenu .level_0 li:hover a {display: block;}

#topmenu .level_1 {position: absolute; display: none; margin: -1px 0 0 0; padding: 2px 0 0 0; border-bottom: solid 1px rgb(160,160,160); width: 178px;}
#topmenu .level_1 li {clear: both; width: 175px; height: 23px; text-align: left; background: rgb(226,226,226); border-top: solid 1px rgb(160,160,160);border-left: solid 1px rgb(160,160,160); border-right: solid 1px rgb(160,160,160);}
#topmenu .level_1 a {width: 170px; text-align: left; float: left; height: 20px; padding: 3px 0 0 5px;}
#topmenu li:hover .level_1{position: absolute; display: block; cursor: pointer; cursor: hand; z-index: 1000;}
#topmenu li:hover .level_1 li:hover {background: rgb(255,255,121);}
#topmenu li:hover .level_1 a {color: rgb(39,64,128);}

#topmenu .level_2 {display: none; width: 178px; border-bottom: solid 1px rgb(160,160,160)}
#topmenu .level_1 li:hover .level_2 {display: block;}
#topmenu .level_2 {margin: 3px 0 0 150px; padding: 0;}

.nobr {white-space: nowrap;}

#teampage {width: 100%;}
#contactdata {width: 100%;}
#accrec {width: 100%;}
#calendar {width: 100%;}
#contactteams {margin: 0 0 10px 0;}
.cms_info {margin: 0 0 5px 0;}
.outerblock {margin: 0 0 20px 0;}
.outerblock .title {margin: 0 0 3px 0;}
.outerblock .title td {padding: 3px; background:#666666; color: white; font-weight: bold; font-size: 8pt}
.outerblock .subtitle td {padding: 3px; background:#999999; color: white; font-weight: bold; font-size: 8pt}
.outerblock .innerblock table {margin: 0 0 10px 0;}
.outerblock .innerblock td {padding: 0 2px 1px 0;}
#calendar .innerblock_o_1 {width: 30px; padding: 2px 0 2px 0;}
#calendar .innerblock_o_2 {width: 15px; padding: 2px 0 2px 0;}
#calendar .innerblock_o_3 {width: 30px; padding: 2px 0 2px 0; text-align: right;}
#calendar .innerblock_o_4 {width: 500px; padding: 2px 0 2px 5px;}
#calendar .innerblock_o_5 {width: 15px; padding: 2px 0 2px 0;}
#calendar .innerblock_e_1 {padding: 2px 0 2px 0;}
#calendar .innerblock_e_2 {padding: 2px 0 2px 0;}
#calendar .innerblock_e_3 {padding: 2px 0 2px 0; text-align: right;}
#calendar .innerblock_e_4 {padding: 2px 0 2px 5px;}
#calendar .innerblock_e_5 {padding: 2px 0 2px 0;}

.webscript {background: none;}
.webscript table {margin: 0 15px;}
.webscript td {padding-left: 4px;}
.webscript .spacer {height: 10px;}
.webscript .subspacer {height: 5px;}
.webscript .grouptitle_top .text {margin: 0 0 10px 0; width: 100%; padding: 3px;font-size: 8pt; font-weight: bold; color: #000000; background: #CCCCCC;}
.webscript .grouptitle_top {padding: 10px 5px 0 0;}
.webscript .grouptitle_top .text {margin: 0 0 10px 0; width: 100%; padding: 3px;font-size: 8pt; font-weight: bold; color: #000000; background: #CCCCCC;}
.webscript .grouptitle_left .text {margin: 0; padding: 0;font-size: 8pt; font-weight: bold; color: #000000; background: none;}
.webscript .title {padding: 0 5px 0 0; font-weight: bold;}
.webscript .title_left {background: white;}
.webscript .dash {padding: 0 5px 0 0;}
.webscript .even {padding: 0 0 2px 0;}
.webscript .odd {padding: 0 0 2px 0;}
.webscript .function {padding: 0 5px 0 0; font-weight: bold;}
.webscript .teamfunction {width: 120px; height: 130px; margin: 0;}
.webscript .teamfunction .photo {width: auto; text-align: center;}
.webscript .teamfunction .function {width: auto; text-align: center;}
.webscript .teamfunction .name {width: auto; text-align: center;}
.webscript .teammember {width: 120px; height: 130px; margin: 0;}
.webscript .teammember .photo {width: auto; text-align: center;}
.webscript .teammember .name {width: auto; text-align: center;}
.webscript .eventlink a {padding: 0; font-size: 8pt; font-weight: bold; border: none; background: none;}
.webscript .linkbox {padding: 4px 0;}
.webscript .present {text-align: center;}
.webscript .absent {text-align: center;}
.webscript .unknown {text-align: center;}
.webscript .eventtext {padding-bottom: 5px;}
.webscript .place {font-style: italic;}
.webscript .eventtime{padding: 0 5px 0 0;}
.webscript .eventspage .hometeam {padding-left: 10px;}
.webscript .calendar a {padding: 0; font-size: 8pt; font-weight: bold; border: none; background: none;}

#guestbook {width: 95%; margin: 10px; margin-bottom: 0;}
#guestbook .reaction {border: solid 1px #94273A; border-left: none; padding: 10px;}
#guestbook .reaction_photo {border: solid 1px #94273A; border-right: none; width: 0px; padding: 10px 0 10px 10px;width: 0px;}
#guestbook .reaction_photo .photo {float: left; padding-right: 10px; width: 38px; border-right: solid 1px #94273A;}
#guestbook .reaction .header {margin: 0; padding: 0; color: #94273A; font-weight: bold;}
#guestbook .reaction .name {font-weight: bold; color: #94273A;}
#guestbook .reaction .name input {width: 300px;}
#guestbook .reaction .email {font-weight: bold; color: #94273A;}
#guestbook .reaction .email input {width: 300px;}
#guestbook .reaction textarea {width: 400px; height: 75px;}
#guestbook .response {border: solid 1px #888888; border-left: none; padding: 10px;}
#guestbook .response_photo {border: solid 1px #888888; border-right: none; width: 0px; padding: 10px 0 10px 10px;}
#guestbook .response_photo .photo {float: left; padding-right: 10px; width: 38px; border-right: solid 1px #444444;}
#guestbook .response_header {margin: 0; padding: 0; color: #94273A; font-weight: bold;}
#guestbook .response .comment {margin: 0; padding: 0;}
#guestbook .responses_reaction {width: 100%; margin-top: 10px;}
#guestbook .responses_reaction .response {border: none; border-bottom: solid 1px #888888; padding-top: 0;}
#guestbook .responses_reaction .response_photo {border: none; border-bottom: solid 1px #888888; padding-top: 0;}
#guestbook .reaction_button {}
#guestbook .reaction_button .button {float: right; border: solid 1px #94273A; margin: 2px; padding: 2px; width: 60px; text-align: center; cursor: pointer; color: #444444; background: #CCCCCC;}

/* Transactions */
.screen {font-family: verdana,arial,sans-serif; font-size: 8pt; margin-top: 0pt; margin-left: 0pt; background: white;}
.screen font {font-family: verdana,arial,sans-serif; font-size: 8pt; margin-top: 0pt; margin-left: 0pt}
.screen td {font-family: verdana,arial,sans-serif; font-size: 8pt; margin-top: 0pt; margin-left: 0pt}
.block_l0{font-size: 8pt}
.record_l0_e{background: #D8D8D8;font-size: 8pt}
.record_l0_o{background: #EEEEEE;font-size: 8pt}
.block_l1{background: #EEEEEE;font-size: 8pt}
.record_l1_e{background: #D8D8D8;font-size: 8pt}
.record_l1_o{background: #EEEEEE; font-size: 8pt}
.block_l2{background-image: url(images/gray_179.jpg);font-size: 8pt}
.record_l2_e{background: #D8D8D8;font-size: 8pt}
.record_l2_o{background: #EEEEEE;font-size: 8pt}
.blocktitle{background:#666666;color: #FFFFFF;font-weight: bold;font-size: 8pt}
.event_title {width: auto; position: relative; margin: 0 0 5px 0; padding: 3px 10px 3px 10px; vertical-align: middle; background: #AAAAAA; font-size: 8pt; font-weight: bold; color: #FFFFFF;}
.event_events {width: auto; position: relative; margin: 0 0 10px 0; padding: 0; background: transparent; font-size: 8pt; color: #000000;}
.calendar_month{width: auto; position: relative; margin: 0 0 5px 0; padding: 3px 10px 3px 10px; vertical-align: middle; background: #AAAAAA; font-size: 8pt; font-weight: bold; color: #FFFFFF;}
.calendar_events {width: auto; position: relative; margin: 0 0 10px 0; padding: 0; background: transparent; font-size: 8pt; color: #000000;}